@font-face {
    font-family: 'opensans-regular';
    src: url('../font/opensans-regular.eot');
    src: url('../font/opensans-regular.woff') format('woff'), url('../font/opensans-regular.ttf') format('truetype'), url('../font/opensans-regular.svg#webfontfNexjmlx') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'opensans-bold';
    src: url('../font/opensans-bold.eot');
    src: url('../font/opensans-bold.woff') format('woff'), url('../font/opensans-bold.ttf') format('truetype'), url('../font/opensans-bold.svg#webfontfNexjmlx') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'opensans-light';
    src: url('../font/opensans-light.eot');
    src: url('../font/opensans-light.woff') format('woff'), url('../font/opensans-light.ttf') format('truetype'), url('../font/opensans-light.svg#webfontfNexjmlx') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'opensans-regular';
    src: url('../font/opensans-regular.eot');
    src: url('../font/opensans-regular.woff') format('woff'), url('../font/opensans-regular.ttf') format('truetype'), url('../font/opensans-regular.svg#webfontfNexjmlx') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'opensans-italic';
    src: url('../font/opensans-italic.eot');
    src: url('../font/opensans-italic.woff') format('woff'), url('../font/opensans-italic.ttf') format('truetype'), url('../font/opensans-italic.svg#webfontfNexjmlx') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  textarea::-webkit-input-placeholder,
  input::-webkit-input-placeholder {
    font-family: opensans-italic;
  }
  textarea:-moz-placeholder,
  input:-moz-placeholder {
    font-family: opensans-italic;
  }
  html, body {
      height: 100%;
      margin:0;
      padding:0;
  }
  body {
      font-family: opensans-regular,sans-serif;
      font-size:0.8em;
      color: #0e2229;
      background-color:#FFF;
    overflow-x: hidden;
    width: 100%;
    min-width: 100%;
    position: relative;
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
  }
  input, textarea {
      font-family: opensans-regular,sans-serif;
  }
  a {
    color: #0e2229;
    text-decoration: none;
  }
  b {
    font-family: opensans-bold;
    font-weight: normal;
  }
  h1, h2, h3, h4, h5 {
    margin: 0;
    font-weight: normal;
  }
  h1 {
    display: none;
  }
  
  .noscroll {
    overflow: hidden;
  }
  .clt {
    font-size: 22px;
    font-family: opensans-bold;
    text-transform: uppercase;
  }
  .head-top {
      margin: 10px 0;
      font-size: 13px;
      text-transform: uppercase;
  }
  .content {
      width: 1200px;
      padding: 0 10px;
      margin: 0 auto;
    position: relative;
  }
  .content > span {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 24px;
    margin-bottom: 12px;
  }
  .social {
      display: inline-block;
      padding-right: 25px;
      float: left;
  }
  .social img {
      margin: 0 5px;
  }
  /* .lang-selector {
    display: inline-block;
    padding: 0px 25px;
    margin-top: 3px;
    border-right: 1px solid #dadede;
    border-left: 1px solid #dadede;
    height: 25px;
    line-height: 2em;
    position: relative;
    width: 110px;
    vertical-align: top;
  } */
  
  .lang-selector {
      display: inline-block;
      float: left;
    position: relative;
    width: 110px;
    vertical-align: top;
  }
  .lang-selector img {
      margin: 1px;
  }
  
  .l-select {
    position: relative;
    float: right;
    display: inline-block;
    background: white;
    padding: 0 5px;
    text-align: center;
    border-radius: 3px;
    height: 30px;
    overflow: hidden;
    z-index: 999;
    width: 61px;
    -webkit-transition: height 500ms cubic-bezier(0.055, 0.490, 0.460, 0.945);
     -moz-transition: height 500ms cubic-bezier(0.055, 0.490, 0.460, 0.945);
       -o-transition: height 500ms cubic-bezier(0.055, 0.490, 0.460, 0.945);
          transition: height 500ms cubic-bezier(0.055, 0.490, 0.460, 0.945);
  }
  .l-select a {
    display: block;
  }
  .l-select a:hover {
    text-decoration: underline;
  }
  /* .lang-selector a {
      color: #e74926;
      text-decoration: none;
    position: absolute;
    top: 27px;
  } */
  /* .lang-selector .selected {
    top: 0;
  } */
  .phone-top {
  
  }
  .control-panel {
      display: block;
      float: right;
    padding: 0px 25px;
    margin-top: 3px;
    height: 25px;
    line-height: 2em;
    text-decoration: none;
  }
  .registration-top {
      display: block;
      float: right;
    padding: 0px 25px;
    margin-top: 3px;
    height: 25px;
    line-height: 2em;
    border-right: 1px solid #dadede;
    text-decoration: none;
  }
  .registration-top a {
    background: #f56332;
    padding: 4px 15px;
    color: white;
  }
  .head-middle {
      background-color: #0e2229;
    height: 90px;
  }
  .phone-top {
    display: inline-block;
    /* float: left; */
    padding: 0px 25px;
    margin-top: 3px;
    height: 25px;
    line-height: 2em;
    vertical-align: top;
  }
  .phone-top span a {
    font-family: opensans-light;
    font-size: 18px;
    text-decoration: none;
  }
  .phone-top a {
    font-size: 11px;
    text-decoration: underline;
  }
  .social img {
    width: 28px;
  }
  
  
  .logo {
    padding: 20px 0;
    display: inline-block;
  }
  .top-menu {
    display: inline-block;
    float: right;
  }
  .top-menu ul li {
    float: left;
    text-transform: uppercase;
    list-style: none;
  }
  .top-menu ul li a {
    position: relative;
    display: inline-block;
    top: -1px;
    padding: 36px 20px;
    color: white;
    font-family: opensans-bold;
    font-size: 14px;
  }
  .lilast ul{
    right: 0px;
    left:auto !important;
  }
  .lilast ul li {
    float: right !important;
  }
  .litop {
    position: relative;
  }
  .menu ul{
    position: absolute;
    list-style:none;
    width: 900px;
    bottom: -90px;
    opacity: 0;
    left: -40px;
    z-index: -1;
   -webkit-transition: .4s all;
      /* -webkit-transition-delay: .3s; */
      -moz-transition: .4s all;
      /* -moz-transition-delay: .3s; */
      -ms-transition: .4s all;
      /* -ms-transition-delay: .3s; */
      -o-transition: .4s all;
      /* -o-transition-delay: .3s; */
      transition: .4s all;
      /* transition-delay: .3s; */
    padding-bottom: 30px;
    padding-top: 20px;
  }
  .menu li:hover ul {
    z-index: 999;
    opacity: 1;
   -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
  }
  .menu ul li{
    padding: 0;
    background:#ff794d;
    z-index: 999;
  }
  .menu ul a{
    white-space: nowrap;
    padding: 25px 10px !important;
    margin: 0;
    z-index: 999;
    font-size: 13px !important;
  
  }
  
  .menu li:hover a{
    text-decoration:underline;
    background: #f56332;
     -webkit-transition: .4s all;
      -moz-transition: .4s all;
      -ms-transition: .4s all;
      -o-transition: .4s all;
      transition: .4s all;
  
  }
  .menu li:hover ul a{
    text-decoration:none;
     -webkit-transition: .4s all;
      -moz-transition: .4s all;
      -ms-transition: .4s all;
      -o-transition: .4s all;
      transition: .4s all;
  }
  .menu li:hover ul li a:hover{
    background:#333;
    background:#ff794d;
    text-decoration:underline;
     -webkit-transition: .4s all;
      -moz-transition: .4s all;
      -ms-transition: .4s all;
      -o-transition: .4s all;
      transition: .4s all;
  }
  .menu li a:hover{
    color:#fff;
    text-decoration:underline;
     -webkit-transition: .4s all;
      -moz-transition: .4s all;
      -ms-transition: .4s all;
      -o-transition: .4s all;
      transition: .4s all;
  }
  .menu {
    position: relative;
  }
  
  
  .head-slider {
    height: 300px;
        position: relative;
  }
  .video-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../images/preview.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top: 0px;
  }
  .hsbg>video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .hsbg {
    background: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .slider-content {
    width: 450px;
    margin-top: 25px;
    float: right;
  }
  .sct {
    font-family: opensans-bold;
    font-size: 24px;
    color: white;
    text-align: right;
  }
  .actionbottom {
    text-align: right;
  }
  .actioninput {
    display: inline-block;
  }
  .actbutton {
    display: inline-block;
    position: relative;
    top: 1px;
    left: -3px;
  }
  .actbutton a {
    background: #f56332;
    color: white;
    font-family: opensans-light;
    font-size: 18px;
    text-transform: uppercase;
    padding: 11px 20px;
  }
  .actioninput input {
    border: 3px solid #f56332;
    background: rgba(0,0,0,0.4);
    color: white;
    font-size: 16px;
    padding: 9px 15px;
    width: 247px;
  }
  .slider-content p {
    color: white;
    text-align: right;
    font-size: 14px;
  }
  .head-bottom {
    background: rgba(0,0,0,0.4);
  }
  .head-bottom .right,
  .head-bottom .left {
    display: inline-block;
    width: 535px;
  }
  .head-bottom .title {
    float: left;
    margin: 30px 30px;
    font-family: opensans-light;
    font-size: 24px;
    text-transform: uppercase;
    color: white;
  }
  .head-bottom .center {
    display: inline-block;
  }
  .right {
    float: right;
  }
  .center img {
    width: 140px;
    position: absolute;
    color: black;
    top: -20px;
    z-index: 1;
  }
  .hb-content p {
    font-family: opensans-italic;
    font-size: 15px;
    color: white;
  }
  .head-bottom {
    position: relative;
    top: -93px;
  }
  .server-manager {
    position: relative;
    top: -93px;
    padding-top: 40px;
    height: 540px;
  }
  
  .sm-title {
    text-align: center;
    color: #0e2229;
  }
  .sm-title span:first-child {
    font-size: 22px;
    font-family: opensans-bold;
  }
  .separator {
    width: 155px;
    height: 1px;
    background: #0e2229;
    margin: 0 auto;
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .sm-title span:last-child {
    font-size: 16px;
  }
  .tt-row {
    /* width: 120px; */
    /* float: left; */
    text-align: center;
    margin: 10px -6px;
    display: inline-block;
    vertical-align: top;
    margin-top: 40px;
  }
  .test-top {
    margin-top: 10px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
  }
  .pl-bg {
      width: 983px;
    margin: 0 auto;
    position: relative;
  }
  .test-bottom {
    position: relative;
      top: 40px;
  }
  .pl-comment {
    display: inline-block;
    position: relative;
    left: 110px;
    top: -13px;
    width: 239px;
    color: #0e2229;
    /* padding: 10px 25px; */
    /* border-radius: 5px; */
  -webkit-transition: all 500ms cubic-bezier(0.055, 0.490, 0.460, 0.945);
     -moz-transition: all 500ms cubic-bezier(0.055, 0.490, 0.460, 0.945);
       -o-transition: all 500ms cubic-bezier(0.055, 0.490, 0.460, 0.945);
          transition: all 500ms cubic-bezier(0.055, 0.490, 0.460, 0.945); /* custom */
    font-family: opensans-regular;
    font-size: 16px;
    text-align: center;
    border-bottom: 5px solid #007db7;
    padding-bottom: 10px;
    background: white;
    z-index: 100;
  }
  .pl-comment:before {
    position: absolute;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    content: "";
    background: #007db7;
    /* margin-left: 100px; */
    z-index: 0;
    bottom: -14px;
    left: 111px;
  }
  .plc-container {
    background: white;
    position: absolute;
    bottom: 0px;
    padding-bottom: 9px;
  }
  
  .pl-comment span {
     font-size: 16px;
  }
  /*
  .pl-comment:after {
    position: absolute;
      top: -10px;
    left: 24%;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    content: "";
    background: #f56333;
    margin-left: -10px;
    z-index: 1;
  }*/
  .pl-button {
    position: absolute;
    display: inline-block;
    right: 44px;
    top: 26px;
    cursor: pointer;
  }
  .pl-button a {
    background: #007cb4;
    font-family: opensans-light;
    font-size: 18px;
    text-transform: uppercase;
    color: white;
    /* padding: 7px 25px; */
    display: block;
    border-bottom: 26px solid #0074a5;
  }
  .pl-button img {
    padding: 11px 12px 6px 12px;
    /* position: relative; */
    margin-bottom: -26px;
  }
  .about {
    background: #0e2229;
    color: white;
    margin: 40px 0;
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .about .content {
    text-align: center;
  }
  .about .separator {
    background: white !important;
  }
  .about h2 {
    font-size: 25px;
  }
  .a-content {
    width: 770px;
    margin: 0 auto;
  }
  .a-content span {
    font-size: 14px;
    font-family: opensans-light;
  }
  
  /* sliders */
  
  .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "opensans-bold", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .tooltip.in {
    opacity: 1;
    filter: alpha(opacity=1);
  }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
  }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
    cursor: pointer;
  }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
  }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
  }
  .tooltip-inner {
    max-width: 200px;
    padding: 3px 4px 3px 21px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-image: url(/images/scbutton.png);
    width: 84px;
    height: 32px;
    font-size: 31px;
  }
  .sl1 .tooltip-inner::after {
      font-size: 14px;
      content: "CORE";
  }
  .sl1 .inner-active::after {
      font-size: 10px;
      content: "CORE";
  }
  .sl2 .tooltip-inner::after {
      font-size: 14px;
      content: "GB";
  }
  .sl3 .tooltip-inner::after {
      font-size: 14px;
      content: "GB";
  }
  .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
  }
  .tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
  }
  .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
  }
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
  }
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000;
  }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
  }
  .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
  }
  .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
  }
  
  .slider-bg {
        background: white;
      overflow: hidden;
      padding: 10px 0;
  }
  
  .slider-block {
      width: 20px;
    height: 366px;
    float: left;
    background: url(/images/screenbg.png) no-repeat !important;
  }
  .range-slider {
    overflow: hidden;
      width: 200px;
      float: left;
  }
  
  .tick-slider-selection,
  .slider-tick {
    display: none;
  }
  .slider-tick-label-container {
      margin-top: -16px !important;
      margin-left: 35px;
      font-size: 23px;
      font-family: "opensans-light", Helvetica, Arial, sans-serif;
      background: url(/images/lines.png) no-repeat 0 5px;
      width: 25px;
      padding-left: 30px;
  }
  .slider-tick-label {
    cursor: pointer;
    margin-left: 10px !important;
  }
  .sl1 .slider-tick-label::after {
      font-size: 14px;
      content: "CORE";
  }
  .sl2 .slider-tick-label::after {
      font-size: 14px;
      content: "GB";
  }
  .sl3 .slider-tick-label::after {
      font-size: 14px;
      content: "GB";
  }
  .slider-title span:first-child {
    font-size: 23px;
    text-transform: uppercase;
      font-family: "opensans-bold", Helvetica, Arial, sans-serif;
      margin: 5px 0;
  }
  .cput {
    font-size: 23px;
    text-transform: uppercase;
    font-family: "opensans-bold", Helvetica, Arial, sans-serif;
    margin: 5px 0;
  }
  
  .slider-title span:last-child {
    font-size: 15px;
    text-transform: uppercase;
      font-family: "opensans-light", Helvetica, Arial, sans-serif;
  }
  .slider-left {
        overflow: hidden;
      margin-bottom: 30px;
      float: left;
      position: relative;
  }
  .slider-right {
     float: right;
      height: 440px;
  }
  .slider-os select {
      width: 250px;
      height: 53px;
      text-align-last:center;
      padding: 0px 20px;
      border: 2px solid #0fb4b6;
      font-size: 17px;
      font-family: opensans-regular;
      text-transform: uppercase;
      background: url(/images/selecosbtn.png) no-repeat 217px -2px;
      cursor: pointer;
      -webkit-appearance: none;
      -moz-appearance: none;
      text-indent: 1px;
      text-overflow: '';
  }
  .slider-os {
        margin-top: 12px;
      text-align: center;
  }
  .sliderserv-button {
        float: left;
      width: 90px;
      text-align: center;
      font-size: 13px;
      font-family: opensans-regular;
      text-transform: uppercase;
      margin: 11px;
      cursor: pointer;
  }
  .sliderserv-button p {
    margin: 7px 0;
  }
  .slider-bottom {
    float: left;
    width: 900px;
  }
  .slider-submit a {
      background-color: #e74926;
      border: none;
      color: white;
      width: 210px;
      text-transform: uppercase;
      font-family: opensans-light;
      font-size: 22px;
      cursor: pointer;
      display: block;
      text-align: center;
      padding: 14px 0;
      margin: 0 auto;
  }
  .slider-total {
     float: right;
      margin-right: 30px;
  }
  .slider-summ {
    text-align: center;
          font-size: 35px;
      font-family: opensans-bold;
      text-transform: uppercase;
  }
  .slider-summ .slidersumm-d {
      font-size: 14px;
      font-family: opensans-regular;
  }
  
  .slider-image {
      width: 302px;
      margin-top: 40px;
      position: relative;
  }
  .slider-image img {
    width: 100%;
  }
  
  .layoutsv {
    position: absolute;
        top: 42px;
      right: 111px;
    z-index: 110;
  }
  .layout2 {
    position: absolute;
    top: 3px;
    right: 130px;
    z-index: 120;
  }
  .layout4 {
    position: absolute;
    top: 14px;
    right: 149px;
    z-index: 130;
  }
  .layout6 {
    position: absolute;
    top: 25px;
    right: 168px;
    z-index: 140;
  }
  .layout8 {
    position: absolute;
    top: 36px;
    right: 187px;
    z-index: 150;
  }
  .layout10 {
    position: absolute;
    top: 44px;
    right: 21px;
    z-index: 160;
  }
  .layout12 {
    position: absolute;
    top: 55px;
    right: 40px;
    z-index: 170;
  }
  .layout14 {
    position: absolute;
    top: 66px;
    right: 59px;
    z-index: 180;
  }
  .layout16 {
    position: absolute;
    top: 77px;
    right: 78px;
    z-index: 190;
  }
  .layout18 {
    position: absolute;
    top: 88px;
    right: 97px;
    z-index: 210;
  }
  .layoutsv,
  .layout2,
  .layout4,
  .layout6,
  .layout8,
  .layout10,
  .layout12,
  .layout14,
  .layout16,
  .layout18 {
    background: url(/images/svserver.png) no-repeat !important;
    width: 57px !important;
    height: 90px !important;
  }
  .layoutip64btn {
    background: url(/images/ipv664.png) no-repeat !important;
    width: 68px;
    height: 65px;
    position: absolute;
    top: 148px;
    right: 66px;
    z-index: 220;
  }
  .layoutipbtn {
    background: url(/images/ipv648.png) no-repeat !important;
    width: 68px;
    height: 65px;
    position: absolute;
    top: 113px;
    right: 6px;
    z-index: 230;
  }
  .layoutantiddos {
   background: url(/images/svddos.png) no-repeat !important;
    width: 40px;
    height:63px;
    position: absolute;
    top: -1px;
    right: 63px;
    z-index: 155;
  }
  .layoutsupport {
    background: url(/images/svtable.png) no-repeat !important;
    width: 169px;
    height: 118px;
    position: absolute;
    top: 88px;
    right: 129px;
    z-index: 250;
  }
  .layoutadmin {
    background: url(/images/man.png) no-repeat !important;
    width: 35px;
    height: 75px;
    position: absolute;
    top: 88px;
    right: 210px;
    z-index: 260;
    background-size: 25px;
  }
  .layoutbgt {
    background: url(/images/layoutbgt.png) no-repeat !important;
    width: 61px;
    height: 92px;
    z-index: 200;
    position: absolute;
    top: 102px;
    left: 9px;
  }
  
  .slider-tick-label span {
    font-size: 14px;
  }
  
  .tgl_switch {
    font-family: opensans-light;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    margin: 0;
    display: inline-block;
  }
  .slider-toggle {
      margin: 15px;
    text-align: center;
  
  }
  
  input[type="checkbox"] + label span {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: -3px 4px 0 0;
    vertical-align: middle;
    border: 2px solid #0fb4b6;
    cursor: pointer;
  }
  input[type="checkbox"]:checked + label span {
    background: url(/images/no.png) -1px -2px;
  }
  
  .sliderserv-button img {
    width: 70px;
    height: 71px;
  }
  
  .switch {
    display: inline-block;
    box-sizing: border-box;
    width: 45px;
    height: 27px;
    border-radius: 999px;
    background-color: #e84a27;
    margin-bottom: 10px;
    -webkit-transition: background-color cubic-bezier(.25, .46, .45, .94) .2s;
    -moz-transition: background-color cubic-bezier(.25, .46, .45, .94) .2s;
    transition: background-color cubic-bezier(.25, .46, .45, .94) .2s;
    cursor: pointer;
  }
  .switch .helper {
    margin-top: 2px;
    margin-left: -18px;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    display: inline-block;
    background-color: #fff;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -moz-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  }
  .switch.ui-checked {
  border-color: #10b5b7;
  background-color: #10b5b7
  }
  .switch.ui-checked .helper {
  -webkit-transform: translateX(18px);
  -moz-transform: translateX(18px);
  -ms-transform: translateX(18px);
  -o-transform: translateX(18px);
  transform: translateX(18px)
  }
  
  .sl-config {
     width: 106px;
    font-family: opensans-bold;
    font-size: 11px;
    text-transform: uppercase;
    text-align: right;
    display: inline-block;
  }
  .sl-config2 {
    width: 106px;
    font-family: opensans-bold;
    font-size: 11px;
    text-transform: uppercase;
    text-align: left;
    display: inline-block;
  }
  .custom-tarif-row {
    margin: 2px 5px;
      font-family: opensans-bold;
      font-size: 17px;
      border-bottom: 2px solid #e2dede;
      padding: 3px 0;
  }
  .ctr-right {
    float: right;
  }
  .ctrrd {
      float: right;
    font-family: opensans-light;
    font-size: 13px;
    padding-top: 4px;
  }
  
  .ctr-admin {
    background: url(/images/adminon.png);
  }
  .ctr-support {
    background: url(/images/supporton.png);
  }
  .ctr-antiddos {
    background: url(/images/antiddoson.png);
  }
  .ctr-ip64btn {
    background: url(/images/ip64btnon.png);
  }
  .ctr-ipbtn {
    background: url(/images/ipbtnon.png);
  }
  .ctr-usluga {
    display: none;
    width: 25px;
    height: 25px;
    background-size: 25px;
  }
  .ctr-uslugi .active {
    display: inline-block;
  }
  .popcomment {
    font-family: opensans-regular;
    font-size: 14px;
    color: white;
  }
  .vps-conf {
    overflow: hidden;
  }
  .slider-container {
    width: 907px !important;
    margin: 0 auto;
    height: auto;
  }
  .title {
    text-align: center;
  }
  .rates > span {
    font-size: 22px;
    font-family: opensans-bold;
    text-transform: uppercase;
  }
  .rates-row {
    width: 233px;
    margin: 4px;
    display: inline-block;
    background: white;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    position: relative;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
  }
  .rates-row:hover{
    transform: translate(0px, -3px);
    animation: sheen 0.5s forwards;
  }
  .rate-button a:hover {
    background: #4b99d0;
    transition: 0.4s;
  }
  .rates >.content {
    width: 1220px;
  }
  .rates {
    background: #fcfcfc;
    height: auto;
    padding-top: 40px;
    /* padding-bottom: 40px; */
  }
  .rates-index {
    height: 740px;
  }
  
  .rates .sl-config,
  .rates .sl-config2 {
    width: 90px;
  }
  .rate-top {
    text-align: center;
    padding: 15px;
  }
  .rate-top span:last-child {
    font-family: opensans-italic;
    font-size: 14px;
  }
  .rate-top span:first-child {
    display: block;
    font-family: opensans-bold;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  .rate-cost:before {
    background: url(/images/cstl.png) no-repeat;
    height: 60px;
    content: "";
    width: 100%;
    position: relative;
    display: inline-block;
    left: -6px;
  }
  .rate-cost:after {
    background: url(/images/cstr.png) no-repeat top right;
    height: 60px;
    content: "";
    width: 100%;
    position: absolute;
    display: inline-block;
    top: 0px;
    right: 0px;
  }
  .rate-cost {
    height: 60px;
    position: relative;
    text-align: center;
  }
  .rc-content {
    position: absolute;
    top: 0;
    width: 97%;
    background: url(/images/cstc.png);
    height: 60px;
    z-index: 1;
  }
  .rate-cost span:first-child {
    display: inline-block;
    font-size: 40px;
    font-family: opensans-bold;
    color: white;
  }
  .rate-cost span:last-child {
    text-transform: uppercase;
    font-family: opensans-bold;
    font-size: 14px;
    color: white;
  }
  
  .hard-row {
    padding: 15px 5px !important;
    margin: 0 10px !important;
    border-bottom: 1px dashed #a1a1a1 !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .hr-left {
    font-family: opensans-light !important;
    font-size: 20px !important;
    float: left !important;
    display: block !important;
  }
  .hr-right {
    font-family: opensans-bold !important;
    font-size: 24px !important;
    position: absolute !important;
    right: 0 !important;
    top: 15px !important;
    display: block !important;
  }
  .min {
    font-family: opensans-light !important;
    font-size: 16px !important;
  }
  .hr-os {
    font-family: opensans-bold !important;
    font-size: 15px !important;
    position: absolute !important;
    right: 0 !important;
    top: 8px !important;
    text-align: right !important;
  }
  .hr-os, .hr-os > span {
    display: block !important;
  }
  .title > span:first-child {
    font-size: 22px;
    font-family: opensans-bold;
    text-transform: uppercase;
  }
  .rate-button a {
    background: #0e2229;
    color: white;
    text-transform: uppercase;
    padding: 10px 52px;
    font-family: opensans-light;
    font-size: 18px;
  }
  .rate-button {
    text-align: center;
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .rates > .title {
    padding: 30px 0;
  }
  .datacentr {
    background: #0e2229;
  }
  .sc-left {
    display: inline-block;
  }
  .sc-right {
    display: inline-block;
    width: 548px;
    color: white;
    font-size: 16px;
    position: absolute;
    right: 0;
  }
  .clients-block {
    position: absolute;
      top: 65px;
  }
  .sc-row {
    position: relative;
    margin: 11px 0;
  }
  .sc-row p {
    margin: 0;
    font-family: opensans-bold;
  }
  .sc-row span {
    font-family: opensans-italic;
    font-size: 14px;
  }
  .scs-row:before,
  .sc-row:before {
    background: url(/images/ok.png) no-repeat;
    height: 34px;
    content: "";
    width: 34px;
    position: relative;
    display: inline-block;
    left: -6px;
    float: left;
    margin: 5px;
  }
  .scs-row p {
    font-size: 15px;
    font-family: opensans-light;
  }
  .sc-title {
    margin-top: 20px;
  }
  
  .clients {
    height: 365px;
    padding-top: 50px;
    background: #f0f0f0;
    padding-bottom: 55px;
  }
  .c-title {
    text-align: right;
      padding-top: 30px;
  }
  .c-title h3 {
    width: 370px;
    font-size: 30px;
    font-family: opensans-light;
    line-height: 1.7em;
    padding-top: 60px;
  }
  .clients-block:before,
  .clients-block:after {
    content: "";
    display: table;
  }
  .crow {
    float: left;
    width: 142px;
    height: 164px;
    margin: 0 0 0 10px;
    cursor: default;
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    position: absolute;
    opacity: 0.9;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    visible;
    -ms-backface-visibility:     hidden;
  }
  .crow:nth-child(even) {
    top: 127px;
  }
  .crow span {
    font-size: 18px;
    font-family: opensans-light;
    text-transform: uppercase;
    color: white;
  }
  .hexagon {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
  }
  .hexagon:before {
    position: relative;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    background: #0e2229;
    background-position-x: center !important;
        background-position: center center !important;
  }
  .cliens-a {
    display: block;
    margin-top: 61px;
    text-align: center;
  }
  .top-menu .menu {
    margin-top: 0px;
  }
  
  /* logos */
  
  .tnt:before {
    background: url(/images/clients/nike.png);
  }
  .restore:before {
    background: url(/images/clients/restore.png);
  }
  .lego:before {
    background: url(/images/clients/lego.png);
  }
  .samsung:before {
    background: url(/images/clients/samsung.png);
  }
  .ridus:before {
    background: url(/images/clients/ridus.png);
  }
  .mgcom:before{
    background: url(/images/clients/mgcom.png);
  }
  .restore:before {
    background: url(/images/clients/restore.png);
  }
  .rosvoenipoteka:before {
    background: url(/images/clients/Sony_logo.png);
  }
  .onlinebilet:before {
    background: url(/images/clients/onlinebilet.png);
  }
  .tonkosti:before {
    background: url(/images/clients/tonkosti.png);
  }
  .ser-title {
    text-align: center;
  }
  .ser-title > span:first-child, .ser-title > h1 {
    font-size: 23px;
    font-family: opensans-bold;
    text-transform: uppercase;
    display: block;
  }
  .ser-title >  span:last-child {
    font-size: 16px;
  }
  .service {
    padding-top: 45px;
  }
  .ser-row {
    width: 300px;
    display: inline-block;
    margin: 35px;
    text-align: center;
    vertical-align: top;
  }
  .ser-row span {
    font-family: opensans-bold;
    font-size: 18px;
    margin-top: 10px;
    text-transform: uppercase;
    display: block;
  }
  .ser-row span:after {
    content: "...";
    display: block;
    line-height: 0.4em;
    font-size: 30px;
    color: #adadad;
  }
  .ser-row a {
    text-decoration: underline;
  }
  .c-service .ser-row p {
    border-top: 1px solid #d4e9f6;
    padding-top: 10px;
  }
  .ser-image {
    display: inline-block;
  }
  .ser-content {
    text-align: center;
  }
  
  .ip-arenda {
    background: url(/images/ipv6bg.jpg);
    padding: 60px;
    text-align: center;
    color: white;
    position: relative;
  }
  .ip-title span {
    font-size: 24px;
  }
  .ip-content {
    width: 670px;
    margin: 0 auto;
  }
  .ip-content p {
    font-size: 16px;
  }
  .s-white {
    background: white !important;
  }
  .ip-arenda:before {
    background: rgba(0,0,0,0.3);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .support {
    padding-top: 45px;
  }
  .sup-title {
    text-align: center;
  }
  .sup-title span:first-child {
    font-size: 23px;
    font-family: opensans-bold;
  }
  .sup-title span:last-child {
    font-size: 16px;
  }
  .sup-row {
    width: 255px;
    float: left;
    text-align: center;
    padding: 0 15px;
  }
  .sup-row span:first-child {
    font-size: 20px;
    font-family: opensans-bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
  }
  .sup-content {
    overflow: hidden;
    margin-top: 45px;
  }
  .sup-row .phone {
    font-family: opensans-bold;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .sup-row span:last-child {
    font-family: opensans-italic;
    font-size: 16px;
  }
  .sup-row a {
    text-decoration: underline;
  }
  .sup-row p {
    font-size: 16px;
    font-family: opensans-bold;
    margin: 10px 0;
  }
  .sup-mailc .sup-mail-class {
    width: 400px;
  }
  .sup-mailc textarea {
    border: 1px solid #e1e8ec;
    background: #f2f2f2;
    padding: 12px 20px;
    box-shadow: inset -1px 1px 2px rgba(0,0,0,0.1);
    border-radius: 2px;
    width: 400px;
    margin: 2px;
  }
  .sup-mailc .mail-submit {
    margin-top: 3px;
    float: left;
  }
  .sup-mailc span {
    float: right;
    width: 260px;
    text-align: right;
  }
  .sup-mailc  {
    width: 435px !important;
    float: right;
  }
  .sup-mail {
    width: 310px !important;
  }
  .sup-phone {
    padding: 0px !important;
  }
  .sup-mail-class {
    border: 1px solid #e1e8ec;
    background: #f2f2f2;
    padding: 12px 20px;
    box-shadow: inset -1px 1px 2px rgba(0,0,0,0.1);
    border-radius: 2px;
    width: 280px;
    margin: 2px;
  }
  .sup-mail textarea {
    border: 1px solid #e1e8ec;
    background: #f2f2f2;
    padding: 12px 20px;
    box-shadow: inset -1px 1px 2px rgba(0,0,0,0.1);
    border-radius: 2px;
    width: 280px;
    margin: 2px;
  }
  #messageform {
    position: relative;
  }
  #messagealert {
    position: absolute;
    top: 1px;
    background: #ffffff;
    color: #4fb4d6;
    padding: 23px 0px;
    font-size: 20px;
    width: 100%;
    height: 100%;
    /* text-align: left; */
    padding-right: 25px;
  }
  .mail-submit {
    display: inline-block;
    background: #f56333;
    font-family: opensans-light;
    font-size: 16px;
    text-transform: uppercase;
    color: white;
    padding: 8px 15px;
    position: relative;
    text-decoration: none;
    border: none;
  }
  .mail-submit:after {
    position: absolute;
    bottom: 0px;
    width: 20px;
    height: 38px;
    background: url(/images/buttonright.png) no-repeat;
    content: "";
    right: -19px;
  }
  .sup-mail span {
    display: inline-block;
    width: 184px;
    float: right;
    text-align: right;
    font-size: 15px;
  }
  .footer {
    background: #292929;
    color: white;
    margin-top: 100px;
    overflow: hidden;
    padding-bottom: 50px;
    padding-top: 20px;
  }
  .foo-left {
    display: inline-block;
    float: left;
  }
  .foo-right {
    display: inline-block;
    float: right;
  }
  .foo-info p {
    margin: 0;
  }
  .foo-phone {
    margin: 20px 0;
    display: inline-block;
    vertical-align: top;
    padding: 0px 10px 10px 45px;
    position: relative;
    color: #b5b5b5;
  }
  .foo-phone a {
    color: #dddddd;
  }
  .foo-phone:after {
    content: "";
    background: url(/images/phonefoo.png) no-repeat;
    opacity: 0.4;
    width: 38px;
    height: 49px;
    position: absolute;
    top: 0px;
    left: 0;
  }
  .foo-phone span {
    font-family: opensans-bold;
    font-size: 17px;
  }
  .foo-phone p {
    margin: 0;
  }
  
  .foo-info {
    display: inline-block;
    margin: 20px;
    color: #b5b5b5;
    font-family: opensans-light;
    width: 300px;
    padding: 0px 10px 10px 50px;
    position: relative;
  }
  .foo-top {
    border-bottom: 1px solid #717171;
  }
  
  .foo-info:after {
    content: "";
    background: url(/images/mappoint.png) no-repeat;
    opacity: 0.4;
    width: 42px;
    height: 49px;
    position: absolute;
    top: 0px;
    left: 0;
  }
  
  .foo-email {
    display: inline-block;
    margin: 20px;
    color: #b5b5b5;
    font-family: opensans-light;
    width: 250px;
    padding: 0px 10px 10px 60px;
    position: relative;
    vertical-align: top;
  }
  .foo-email p {
    margin: 0;
  }
  .foo-email a {
    color: white;
    text-decoration: underline;
  }
  .foo-email:after {
    content: "";
    background: url(/images/emailfoo.png) no-repeat;
    opacity: 0.4;
    width: 48px;
    height: 49px;
    position: absolute;
    top: -6px;
    left: 0;
  }
  .social-foo {
    opacity: 0.4;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    float: right;
    margin-right: 15px;
  }
  .social-foo a {
    margin: 5px;
  }
  .fmenu a {
    font-size: 13px;
    line-height: 22px;
    color: #ddd;
  }
  
  .flitop {
    margin: 10px 40px;
    display: inline-block;
    vertical-align: top;
  }
  .fmenu li {
    list-style: none;
  }
  .flitop ul {
    margin-top: 5px;
    padding: 0;
  }
  .ftfirst {
    text-transform: uppercase;
    font-family: opensans-bold;
    color: #888 !important;
  }
  .inputUserBlock {
      overflow: hidden;
      float: left;
  }
  
  .navigate {
  
  }
  
  .inputUserBlock div{
    padding: 0 5px;
  
    color: #7e7e7e;
    font-size: 10px;
  }
  .forma{
      float: left;
  }
  .forma span{
    display:block;
  }
  .inputUserBlock a {
  
    color: #7e7e7e;
    font-size: 10px;
  }
  
  .inputUserBlock a:hover {
    text-decoration: underline;
  }
  
  .inputUserBlock input {
    width: 120px;
    height: 22px;
    border: solid 1px #18b6e9;
    padding: 0;
  }
  .vhod a{
    color:#fff;
  }
  .vhod{
      float: left;
      margin-top: 13px;
      background: #18b6e9;
  }
  .notPassword a {
    color: #7e7e7e;
    font-size: 15px;
  }
  
  .modal {
    display: none;
    background: #fff;
    padding: 15px 30px 30px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
  -webkit-box-shadow: 0px 1px 5px -1px #000;
  -moz-box-shadow: 0px 1px 5px -1px #000;
  box-shadow: 0px 1px 5px -1px #000;
  z-index: 2000 !important;
  }
  .blocker {
    z-index: 1999 !important;
  }
  
  .modal a.close-modal {
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(/images/modclose.png) no-repeat 0 0;
  }
  
  .modal-spinner {
    display: none;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -32px;
    margin-top: -32px;
    background: url(spinner.gif) #111 no-repeat center center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
  }
  .box-title h3,
  .box-title span {
    display: block;
  font-size: 18px;
  color: #838383;
  font-weight: normal;
  border-bottom: 3px solid black;
  padding-bottom: 10px;
  font-family: opensans-bold;
  text-transform: uppercase;
  margin-top: 9px;
  }
  
  .p-title {
  padding-top: 10px;
  font-size: 16px !important;
  font-family: opensans-bold !important;
  text-transform: uppercase;
  clear: both;
  color: #0e2229;
  }
  .input-login {
  border: 1px solid rgba(196,196,196,1);
  border-radius: 5px;
  padding: 5px;
  float: left;
  }
  .input-submit {
  margin: 0 auto;
  background: rgb(226,226,226);
  background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(196,196,196,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(100%,rgba(196,196,196,1)));
  background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(196,196,196,1) 100%);
  background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(196,196,196,1) 100%);
  background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(196,196,196,1) 100%);
  background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(196,196,196,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#c4c4c4',GradientType=0 );
  padding: 1px 1px;
  border-radius: 6px;
  width: 118px;
  float: left;
  margin: 2px;
  }
  .input-submit input {
  color: #737373;
  font-size: 18px;
  text-decoration: none;
  background: #eeeeee;
  padding: 2px 7px;
  border-radius: 5px;
  font-family: opensans-bold;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  height: 100%;
  width: 100%;
  }
  #pvalidator,
  #validator {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 10px;
      top: 14px;
  }
  
  .blockervalid {
      position: absolute;
  background-color: white;
  opacity: 0.4;
  height: 95%;
  width: 99%;
  border-radius: 5px;
  }
  .vvodTextPhone,
  .vvodText {
      box-shadow: 0 1px 0 #fff,inset 0 1px 3px rgba(0,0,0,0.1);
      border: 1px solid #ccc;
      background: #fff;
      height: 24px;
      padding: 6px;
      -moz-transition: border .15s linear;
      -webkit-transition: border .15s linear;
      -o-transition: border .15s linear;
      transition: border .15s linear;
      width: 92%;
      margin: 6px;
  }
  .nsselect {
    box-shadow: 0 1px 0 #fff,inset 0 1px 3px rgba(0,0,0,0.1);
    border: 1px solid #ccc;
    background: #fff;
    height: 36px;
    padding: 0px 3px;
    -moz-transition: border .15s linear;
    -webkit-transition: border .15s linear;
    -o-transition: border .15s linear;
    transition: border .15s linear;
    width: 94%;
    margin: 6px;
  }
  .vvodTextPromo {
  border: 1px solid rgba(196,196,196,1);
  border-radius: 5px;
  padding: 5px;
  width: 245px;
  margin: 5px;
  }
  
  .viborOS {
    font-family: opensans-regular;
    -webkit-appearance: none;
    width: 100%;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-decoration: none;
    cursor: pointer;
    border: none;
    position: relative;
    background-image: url(/images/arrowd.png);
    background-repeat: no-repeat;
    background-position: 222px 2px;
    color: #838383;
    font-size: 18px;
    padding: 3px 7px;
    border-radius: 5px;
    height: 100%;
  }
  .nsselect select {
    font-size: 13px;
    color: #0e2229;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
  }
  .nsselect option {
        background: white;
      display: block;
      color: #0e2229;
      font-size: 12px;
      padding: 6px 10px;
      position: relative;
      white-space: nowrap;
      word-wrap: normal;
      border-bottom: 2px solid #dedede;
      font-size: 13px;
      padding: 6px;
      padding-right: 42px;
       -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
  }
  .nsselect option:nth-child(odd) {
      background: #e7e9ea;
  }
  .otpravit {
    position: relative;
    margin-top: 10px;
  }
  .license {
  font-family: opensans-regular, arial;
  font-size: 13px;
  }
  .license a {
  font-family: opensans-regular, arial;
  text-decoration: underline;
  color: #0e2229;
  font-size: 13px;
  }
  .nsinput {
  position: relative;
  
  }
  .nsinput img {
  margin-bottom: -7px;
  padding-top: 5px;
  position: absolute;
  top: 4px;
  right: 12px;
  }
  .otpravit{
  margin: 0 auto;
  background: rgb(226,226,226);
  background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(196,196,196,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(100%,rgba(196,196,196,1)));
  background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(196,196,196,1) 100%);
  background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(196,196,196,1) 100%);
  background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(196,196,196,1) 100%);
  background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(196,196,196,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#c4c4c4',GradientType=0 );
  padding: 1px 1px;
  border-radius: 6px;
  width: 118px;
  margin: 8px auto;
  }
  .otpravit input {
  color: #737373;
  font-size: 17px;
  text-decoration: none;
  background: #eeeeee;
  padding: 4px 7px;
  border-radius: 5px;
  font-family: opensans-bold;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  height: 100%;
  width: 118px;
  align-items: flex-start;
  text-align: center;
  display: block;
  }
  .poddergh {
  /* font-family: 'robotoregular'; */ font-family: Arial,Helvetica,sans-serif;
  font-size: 20px;
  margin-bottom: 10px;
  color: #7E7E7E;
  }
  
  .budservn {
  font-family: opensans-bold;
  text-transform: uppercase;
  font-size: 13px;
  padding-top: 8px;
  padding-left: 5px;
  margin: 0;
  text-shadow: 1px 1px 1px white;
  }
  
  .login-submit {
    background: #f56332;
    color: white;
    font-family: opensans-light;
    font-size: 18px;
    text-transform: uppercase;
    padding: 4px 35px;
    margin: 0 auto;
    display: block;
    border: 0;
    margin-bottom: 10px;
  }
  
  .login-link {
    background: #5a83ab;
    color: white;
    font-family: opensans-light;
    font-size: 19px;
    text-transform: uppercase;
    padding: 9px;
    margin: 0 auto;
    display: block;
    border: 0;
    margin-bottom: 0px;
    margin-left: 3%;
    margin-top: 20px !important;
    text-align: center;
  }
  
  /* vps-vds */
  
  .about-page {
    background: white;
    color: #0e2229;
    border-bottom: 1px solid rgba(190,193,197,.3);
    margin: 0;
    margin-top: 10px;
  }
  .about-page .a-content span {
    font-family: opensans-regular;
  }
  .about-page h2 {
    text-transform: uppercase;
    font-family: opensans-bold;
  }
  .vps-rate {
    height: 700px;
    background: url(/images/vps_bg.jpg);
    background-size: cover;
    position: relative;
  }
  .vps-rate:before {
    background: rgba(255,255,255,0.2);
    content: "";
    position: absolute;
    height: 100%;
    width: 1920px;
    top: 0;
  }
  .vps-rate .rates-row {
    width: 280px;
    margin: 10px;
    border-top: 3px solid #5d9bd6;
  }
  .vps-rate .title {
    color: white;
  }
  .vps-rate .separator {
    background: white;
  }
  .vps-rate .rate-cost:before {
    background: #ff471f;
    width: 280px;
    left: 0;
  }
  .rates-index .rates-content {
    position: absolute;
  }
  .rates-content {
    text-align: center;
    position: relative;
  }
  
  .vps-rate .hr-left {
    float: left;
  }
  .vps-rate .hard-row {
    overflow: hidden;
  }
  .vps-rate .rc-content {
    width: 280px;
  }
  .vps-rate .rates-content {
      left: 167px;
  }
  
  .vps-dc .sc-right {
    position: relative;
    right: 0;
    margin: 25px;
    vertical-align: top;
  }
  .vps-dc {
    color: white;
  }
  .vps-dc .separator {
    background: white;
  }
  .vps-dc .title {
    padding-top: 40px;
  }
  .vps-dc .title h2 {
    font-size: 22px;
    font-family: opensans-bold;
    text-transform: uppercase;
  }
  .vps-dc .title span {
    font-family: opensans-regular;
  }
  .winrow-left,
  .winrow-right {
    display: inline-block;
    width: 500px;
    position: relative;
  }
  .winrow-left {
    text-align: left;
    float: right;
  }
  .winrow-right {
    text-align: right;
    float: left;
  }
  .winrow {
    overflow: hidden;
    width: 700px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b2dcee;
  }
  .winrow-img {
   width: 165px
  }
  .winrow p {
    font-family: opensans-bold;
    font-size: 16px;
    text-transform: uppercase;
  }
  .winrow span {
    font-size: 15px;
  }
  .winner .title h2 {
    font-size: 22px;
    font-family: opensans-bold;
    text-transform: uppercase;
  }
  .winner {
    padding-top: 40px;
  }
  
  /* Cloud */
  
  .cloud-conf {
    overflow: hidden;
    width: 100%;
    margin-top: 50px;
  }
  .cloud-title {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .cloud-title h2 {
    font-size: 23px;
    font-family: opensans-bold;
    text-transform: uppercase;
  }
  .cloud-title  span {
    font-size: 16px;
  }
  .a-now a {
    background: #f56333;
    font-family: opensans-light;
    font-size: 18px;
    text-transform: uppercase;
    color: white;
    padding: 7px 25px;
    position: relative;
  }
  .a-now a:after {
    position: absolute;
    bottom: 0px;
    width: 20px;
    height: 38px;
    background: url(/images/buttonright.png) no-repeat;
    content: "";
    right: -19px;
  }
  .a-now {
    margin-top: 30px;
  }
  .cloud-rates .rates-row {
    margin: 6px;
    margin-bottom: 40px;
  }
  .r4 {
    border-top: 3px solid #887b63;
  }
  .r6 {
    border-top: 3px solid #552b9c;
  }
  .r8 {
    border-top: 3px solid #4eaf17;
  }
  .r10 {
    border-top: 3px solid #c695f9;
  }
  .r12 {
    border-top: 3px solid #35ebec;
  }
  .r16 {
    border-top: 3px solid #b5ec35;
  }
  .r18 {
    border-top: 3px solid #ff642e;
  }
  .r20 {
    border-top: 3px solid #7fc5ff;
  }
  .faq {
    margin-bottom: 50px;
    padding-top: 40px;
  }
  .faq .title {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .faq .title h2 {
    font-size: 23px;
    font-family: opensans-bold;
    text-transform: uppercase;
  }
  .faq .content {
    text-align: left;
  }
  .fc-row {
    margin: 25px;
    width: 600px;
    text-align: center;
    vertical-align: top;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .fc-quest {
    font-size: 16px;
    font-family: opensans-light;
    margin-bottom: 15px;
    cursor: pointer;
    text-align: left;
    background: url(/images/arrowd.png) no-repeat;
    padding-left: 40px;
    background-position-y: -2px;
  }
  #accordion {
    width: 900px;
    margin: 0 auto;
  }
  #accordion .active {
    background: url(/images/arrowup.png) no-repeat !important;
  }
  .fc-quest span {
    border-bottom: 1px solid #9db5bd;
    padding-bottom: 2px;
  }
  .fc-ans {
    display: none;
    background: #fafafa;
    padding: 5px;
    position: relative;
    top: -9px;
    border-bottom: 3px solid #ececec;
  }
  .fc-ans p {
    padding-left: 20px;
  }
  .a-cloud {
    margin-bottom: 0;
  }
  .cloud-dc .sc-row p {
    font-family: opensans-light;
  }
  
  .c-service img {
    float: left;
    margin-right: 15px;
    width: 50px;
  }
  .c-service .ser-row {
    text-align: left;
  }
  .c-service h4 {
    text-align: left;
    font-family: opensans-light;
    text-transform: uppercase;
    padding-left: 5px;
    margin-top: 0px;
    width: 200px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 50px;
    float: right;
    padding-right: 30px;
  }
  .c-service h4:after{
    content: "";
  }
  
  /* arenda */
  
  .price-title {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
  }
  .price-title > span, .price-title > h1 {
    font-size: 22px;
    font-family: opensans-bold;
    text-transform: uppercase;
    display: block;
  }
  .table-row {
    overflow: hidden;
    width: 800px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .dopinfo {
    width: 800px;
    margin: 0 auto;
    padding-top: 10px;
    font-family: opensans-italic;
    font-size: 12px;
  }
  .table-row:nth-child(odd) {
    background: rgba(14, 34, 41, 0.1);
  }
  .tabrow-left {
    float: left;
  }
  .tabrow-right {
    float: right;
  }
  .price-table > span:first-child {
    text-align: center;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .price-table > span:last-child {
    font-size: 22px;
    font-family: opensans-bold;
    text-transform: uppercase;
  }
  .table-row {
    display: table;
  }
  .table-row:last-child {
    border-bottom: 3px solid #e7e9ea;
  }
  .tabrow-right span:before {
    content: " ";
  }
  .tabrow-column {
    width: 22%;
    padding: 0 12px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-left: -4px;
    display: table-cell;
    vertical-align: middle !important;
  }
  .table-head .tabrow-column {
    border-bottom: none !important;
    background: #f56332 !important;
  }
  .table-row:nth-child(odd) .tabrow-column:nth-child(odd) {
    border-bottom: 3px solid #dee1e2;
    background: #efefef;
  }
  .table-row:nth-child(odd) .tabrow-column:nth-child(even) {
    border-bottom: 3px solid #ccd4d8;
  }
  .tabrow-column-two {
    width: 43.6%;
    display: inline-block;
    text-align: center;
    display: table-cell;
    margin-left: -4px;
    vertical-align: middle !important;
  }
  .table-row:nth-child(odd) .tabrow-column-two {
      border-bottom: 3px solid #dee1e2;
      background: #efefef;
  }
  .table-head {
    background: #f56332 !important;
    border-bottom: 3px solid #d8321c;
    color: white;
    font-size: 16px;
  }
  .tabrow-column:first-child {
    font-family: opensans-italic;
    text-align: left;
  }
  /* clients */
  .h-row {
    display: inline-block;
    width: 500px;
    padding: 30px;
    vertical-align: top;
  }
  .h-row span {
    font-family: opensans-bold;
  }
  .history h2 {
    font-size: 25px;
    font-family: opensans-bold;
    text-transform: uppercase;
  }
  .history {
    padding-top: 40px;
  }
  .cms-about {
    margin: 0;
  }
  .cms-about h2 {
    text-transform: uppercase;
  }
  .hdate {
    font-family: opensans-italic;
  }
  
  /* about */
  .timeline {
    position: relative;
    height: 400px;
  }
  .tl-background {
    position: absolute;
    background: url(/images/timeline.png) no-repeat;
    width: 1200px;
    height: 150px;
    top: 182px;
  }
  .tl-row-bot {
    top: 328px;
  }
  .tl-row-bot h4,
  .tl-row-top h4 {
    color: #f56332;
    font-family: opensans-bold;
    font-size: 35px;
  }
  .tl-row-bot,
  .tl-row-top {
    width: 190px;
    text-align: center;
    position: absolute;
  }
  .timeline h2 {
    font-size: 23px;
    font-family: opensans-bold;
    text-transform: uppercase;
  }
  .faq h3 {
    margin: 15px;
    font-family: opensans-bold;
    font-size: 16px;
    margin-top: 30px;
  }
  .s-help {
      padding-bottom: 60px;
  }
  .pn-content {
    background: url(/images/partnerbg.png) no-repeat;
    width: 600px;
    margin: 0 auto;
    text-align: center;
    height: 700px;
    padding-top: 56px;
  }
  .pn-row {
    width: 320px;
    margin: 0 auto;
    height: 174px;
  }
  .pn-row span {
    font-family: opensans-bold;
    font-size: 18px;
    margin-top: 10px;
    text-transform: uppercase;
    display: block;
  }
  .partnership {
    padding-top: 40px;
  }
  .partnership h2 {
    text-transform: uppercase;
    font-family: opensans-bold;
    font-size: 25px;
  }
  .pn-content-s {
    width: 600px;
    margin: 0 auto;
    font-family: opensans-italic;
  }
  .pn-row p {
    margin-top: 3px;
  }
  .partnership-s {
    background: #0e2229;
    color: white;
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 14px;
  }
  
  /* backup */
  .how-content {
    position: relative;
    margin: 0 auto;
    top: 30px;
    text-align: center;
  }
  .how-row {
    position: absolute;
    background: #f56333;
    color: white;
    padding: 0px 25px;
    border-radius: 5px;
    font-size: 14px;
    max-width: 300px;
    text-align: left;
  }
  .how-row:after {
    position: absolute;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    content: "";
    background: #f56333;
    margin-left: -10px;
    z-index: 1;
  }
  .how-to {
    padding-top: 40px;
  }
  .how-row span {
    font-family: opensans-bold;
    font-size: 51px;
    position: absolute;
    bottom: -10px;
    right: 8px;
    opacity: 0.3;
  }
  .how-to .title h2 {
    font-size: 23px;
    font-family: opensans-bold;
    text-transform: uppercase;
  }
  .hrb-1 {
    top: 184px;
    left: 333px;
  }
  .hrb-1:after {
    top: 13px;
    left: 0%;
  }
  .hrb-2 {
    top: 10px;
    left: 603px;
  }
  .hrb-2:after {
    bottom: -9px;
  }
  .hrb-3 {
    top: 300px;
    left: 600px;
  }
  .hrb-3:after {
    top: -9px;
  }
  .hrb-4 {
    top: 176px;
    left: 792px;
  }
  .hrb-blue {
    background: #005a85;
  }
  .hrb-4:after {
    background: #005a85;
    bottom: -9px;
  }
  /* useragree */
  
  .useragr .title h2 {
    font-size: 23px;
    font-family: opensans-bold;
    text-transform: uppercase;
  }
  .useragr {
    margin-top: 50px;
  }
  .usc-top {
    text-align: right;
    font-size: 18px;
  }
  .usc-bottom h3 {
    padding-top: 15px;
    font-family: opensans-bold;
  }
  
  /* payment */
  
  .billing-logos .content {
      overflow: hidden;
      padding-top: 40px;
  }
  .billing-logo {
    width: 115px !important;
    margin: 15px;
    height: 175px;
    float: left;
    text-align: center;
    border: 2px dashed white;
  }
  .billing-logo span {
    font-family: opensans-light;
    font-size: 16px;
  }
  .bl-left {
    text-align: right;
    display: inline-block;
    vertical-align: top;
    padding-top: 81px;
  
  }
  .bl-left h3 {
    width: 370px;
    font-size: 30px;
    font-family: opensans-light;
    line-height: 1.7em;
    padding-top: 60px;
    text-transform: uppercase;
  }
  .bl-right {
    display: inline-block;
    width: 760px;
  }
  .bl-right img {
    width: 116px;
    margin-bottom: 10px;
  }
   /* ipv6 */
  
  .price-table {
    padding-bottom: 80px;
  }
  .a-content a {
    color: white;
    text-decoration: underline;
  }
  .hrip6-1 {
    top: 173px;
    left: 326px;
  }
  .hrip6-2 {
    top: 0px;
    left: 821px;
  }
  .hrip6-3 {
    top: 265px;
    left: 823px;
  }
  .hrip6-4 {
    top: 590px;
    left: 800px;
  }
  .hrip6-1:after {
    left: 0;
    top: 13px;
  }
  .hrip6-2:after {
    left: 39px;
    bottom: -9px;
  }
  .hrip6-3:after {
    left: 0;
    top: 22px;
  }
  .hrip6-4:after {
    left: 0;
    top: 23px;
  }
  
  /* ipv4 */
  
  .hrip4-1 {
    top: 118px;
    left: 326px;
  }
  .hrip4-2 {
    top: 0px;
    left: 821px;
  }
  .hrip4-3 {
    top: 235px;
    left: 823px;
  }
  .hrip4-4 {
    top: 739px;
    left: 800px;
  }
  .hrip4-1:after {
    left: 0;
    top: 13px;
  }
  .hrip4-2:after {
    left: 39px;
    bottom: -9px;
  }
  .hrip4-3:after {
    left: 0;
    top: 22px;
  }
  .hrip4-4:after {
    left: 0;
    top: 23px;
  }
  
  .ipv4-dc {
      margin-top: 80px;
  }
  
  /* feedback */
  
  .feedback {
    padding-top: 80px;
  }
  .feedback h2 {
    font-size: 23px;
    font-family: opensans-bold;
    text-transform: uppercase;
  }
  .feed-row {
    margin-top: 60px;
    vertical-align: top;
  }
  .fr-left {
    width: 200px;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
  }
  .fr-left span {
    text-transform: uppercase;
    font-size: 16px;
    font-family: opensans-bold;
    margin: 15px 0 5px 0;
    display: block;
  }
  .fr-right {
    width: 900px;
    display: inline-block;
    background: #fafafa;
    border-bottom: 3px solid #ececec;
    padding: 15px 25px;
    font-family: opensans-italic;
    vertical-align: top;
    position: relative;
  }
  .fr-right:after {
    position: absolute;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    content: "";
    background: #fafafa;
    margin-left: -10px;
    z-index: 1;
    top: 16px;
    left: -3px;
  }
  
  /* contancts */
  
  .s-contacts .sup-row {
    padding: 0 63px;
  }
  #map {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  
  .contacts h2 {
    font-size: 23px;
    font-family: opensans-bold;
    text-transform: uppercase;
  }
  .cont-row {
    width: 565px;
    display: inline-block;
    padding: 16px;
  }
  .cont-row p:nth-child(odd) {
    background: #f7f7f7;
  }
  .cont-row p {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .cont-row .sleft {
    width: 180px;
    display: inline-block;
    font-family: opensans-bold;
    padding: 0 10px;
  }
  .cont-row .sright {
    font-family: opensans-italic;
    text-align: right;
    width: 355px;
    display: inline-block;
  }
  
  .support-menu {
    padding-top: 40px;
    background: #fafafa;
    border-bottom: 3px solid #ececec;
  }
  .supm-row {
    width: 150px;
    display: inline-block;
    text-align: center;
    padding: 10px;
    vertical-align: top;
    height: 92%;
    position: relative;
  }
  .sup-chat {
    padding: 0px;
  }
  .supm-row:hover {
    background: #ececec;
    transition: 0.4s;
  }
  .supm-content .active {
    background: #ececec;
  }
  
  .supm-content .active:after {
    transform: translate(-5em, 7.4em);
    position: absolute;
    bottom: 17px;
    left: 24%;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    content: "";
    background: #ececec;
    margin-left: -10px;
    z-index: 1;
    bottom: -11px;
    left: 50%;
    filter: alpha(opacity=50);
    opacity: 1;
  }
  
  .supm-row:hover::after {
  
    transform: translate(-5em, 7.4em);
    position: absolute;
    bottom: 17px;
    left: 24%;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    content: "";
    background: #ececec;
    margin-left: -10px;
    z-index: 1;
    bottom: -11px;
    left: 50%;
    filter: alpha(opacity=50);
    opacity: 1;
    animation: sheen 1s forwards;
  }
  .supm-row p {
    font-family: opensans-italic;
    font-size: 16px;
  }
  .supm-content {
    text-align: center;
    padding-top: 20px;
    height: 235px;
  }
  
  /* modal */
  
  .login-submit {
    cursor: pointer;
    margin-top: 30px;
  }
  .box-title {
    margin-bottom: 20px;
  }
  #form {
    margin-bottom: 15px;
  }
  
  
  .dropdown {
    position: absolute;
    z-index: 3000;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 8px;
    display: none;
    margin-left: -2px;
    /* border-top: 3px solid #dedede !important; */
    border-bottom: 3px solid #dedede !important;
    margin-left: -1px;
  }
  .dropdown li {
  background: white;
  display: block;
  color: #0e2229;
  font-size: 12px;
  padding: 6px 10px;
  position: relative;
  white-space: nowrap;
  word-wrap: normal;
  border-bottom: 2px solid #dedede;
  font-size: 13px;
      padding: 3px;
      padding-right: 42px;
  }
  .dropdown li:nth-child(odd) {
    background: #e7e9ea;
  }
  .dropdown li:hover {
    background: #f56332;
    color: white;
    cursor: pointer;
    border-bottom: 2px solid #e65829;
  }
  .dropdown li[data-price]:last-child:before {
    border-bottom: none;
  }
  .rouble {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    background: #f56332;
    color: white;
  }
  .rouble:after {
    position: absolute;
    top: 12px; left: 0; right: 1px;
    height: 1px;
    background: #f56332;
    content: '';
  }
  .rouble:before {
    position: absolute;
    left: 0; top: 10px;
    height: 1px; width: 5px;
    background: #f56332;
    content: '';
  }
  .price-data {
      margin: -6px 10px -6px -10px;
      float: left;
      padding: 12px 10px 13px;
      color: white;
      z-index: 10;
      line-height: 11px;
      height: 5px;
      font-size: 13px;
      border-bottom: 3px solid #e65829;
      width: 60px;
      text-align: center;
      background: #f56332;
      font-family: opensans-italic;
  }
  #login {
    width: 267px;
  }
  .selectos {
      box-shadow: 0 1px 0 #fff,inset 0 1px 3px rgba(0,0,0,0.1);
      border: 1px solid #ccc;
      background: #fff;
      height: 36px;
      padding: 0px 3px;
      -moz-transition: border .15s linear;
      -webkit-transition: border .15s linear;
      -o-transition: border .15s linear;
      transition: border .15s linear;
      width: 94%;
      margin: 6px;
  }
  .selectbox .price-data {
        margin: -9px 10px -6px -11px;
      float: left;
      padding: 13px 10px 14px;
      color: white;
      z-index: 10;
      line-height: 11px;
      height: 7px;
      font-size: 13px;
      border-bottom: 3px solid #e65829;
      width: 60px;
      text-align: center;
      background: #f56332;
      font-family: opensans-italic;
  }
  .form-selectbox, .form-selectbox2 {
      background: white;
      display: block;
      color: #0e2229;
      font-size: 12px;
      padding: 6px 10px;
      position: relative;
      white-space: nowrap;
      word-wrap: normal;
      /* border-bottom: 2px solid #dedede; */
      font-size: 13px;
      padding: 8px 7px 8px;
      padding-right: 46px;
      cursor: pointer;
      background-image: url(/images/arrowd.png);
      background-repeat: no-repeat;
      background-position: 222px 2px;
  }
  .form-selectbox2 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border: none;
  }
  .slider-right .selectbox {
        font-family: opensans-regular;
      -webkit-appearance: none;
      width: 100%;
      outline: none;
      /*
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      */
      text-decoration: none;
      cursor: pointer;
      border: none;
      position: relative;
      background-image: url(/images/arrowd.png);
      background-repeat: no-repeat;
      background-position: 222px -1px;
      color: #838383;
      font-size: 18px;
      padding: 3px 7px;
      border-radius: 5px;
      height: 100%;
  }
  
  .select-conf {
    width: 250px;
    height: 53px;
    padding: 0px 20px;
    border: 2px solid #0fb4b6;
    font-size: 17px;
    font-family: opensans-regular;
    text-transform: uppercase;
    /*background: url(/images/selecosbtn.png) no-repeat 217px -2px;*/
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-align: left;
    border-radius: 0;
  }
  .select-conf .selectbox {
    background-position: 222px 11px;
  }
  .select-conf .select-os {
    padding: 10px 0;
    color: #506376;
  }
  .regmessage {
    position: absolute;
    top: 0px;
    background: white;
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 8px;
    text-align: center;
    left: 0px;
    padding-left: 6%;
    padding-right: 6%;
    height: 100%;
  }
  .rmtitle {
    font-family: opensans-bold;
    text-transform: uppercase;
    font-size: 21px;
    margin-top: 30px;
  }
  #regmessage p {
    font-size: 15px;
  }
  .regerror {
    width: 270px;
    text-align: center;
    color: red;
  }
  .reg-button a {
    background: #f56332;
    padding: 7px 20px;
    color: white;
    text-transform: uppercase;
  
  }
  .reg-button {
    margin-top: 40px;
  }
  .forgoresults {
    width: 266px;
    text-align: center;
  }
  .table-last {
    border-bottom: none !important;
  }
  /* admin */
  .ui-state-active .am-row {
    border-bottom: 3px solid #e7e9ea;
    padding-bottom: 22px;
  }
  .ui-tabs-hide {
    display: none;
  }
  #tabs {
    width: 800px;
  }
  .nav li {
    width: 245px;
    display: inline-block;
    margin: -2px;
  }
  .nav li a {
    font-size: 18px;
    font-family: opensans-bold;
    text-transform: uppercase;
  
  }
  .nav li:first-child .am-row{
    border-bottom-left-radius: 10px;
  }
  .nav li:last-child .am-row{
    border-bottom-right-radius: 10px;
  }
  .am-row {
    text-align: center;
    padding: 20px 0;
    border-bottom: 5px solid #e7e9ea;
    border-top: 1px solid #e7e9ea;
    border-left: 1px solid #e7e9ea;
    border-right: 1px solid #e7e9ea;
  }
  
  /* parse url */
  
  .url {
    width: 500px;
    position: relative;
    /* left: 0px; */
    top: 30px;
    margin: 0 auto;
  }
  .url-form {
    border: 3px solid #f56332;
    font-size: 18px;
    padding: 9px 15px;
    width: 297px;
  }
  .scan-submit {
    display: inline-block;
    background: #f56332;
    color: white;
    font-family: opensans-light;
    font-size: 18px;
    text-transform: uppercase;
    padding: 12px 15px;
    border: none;
    position: relative;
    left: -3px;
    cursor: pointer;
  }
  .scan-submit:hover {
      background: #ff7a4d;
  }
  #parse-result {
    margin-top: 20px;
  }
  #parse-result h3 {
    text-transform: uppercase;
    font-family: opensans-bold;
    font-size: 18px;
  }
  .load-result {
    display: inline-block;
    margin: 10px;
    font-size: 16px;
  }
  #parse-result .separator {
    width: 85px !important;
  }
  .load-result span {
    font-family: opensans-bold;
    font-size: 20px;
    color: #f56333;
  }
  
  /* animate */
  
  .view-animate-container {
      position: relative;
      overflow: hidden;
      height: 355px !important;
      display: block;
      margin-bottom: 25px;
      text-align: center;
      width: 1230px;
  
  }
  
  .tt-row {
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    position: relative;
  }
  
  .tt-row.ng-enter {
    opacity: 0;
     margin-left: -232px;
     transition-delay: 0.5s;
  }
  
  .tt-row.ng-enter.ng-enter-active {
    opacity: 1;
  
  }
  
  .tt-row.ng-leave {
    opacity: 1;
    z-index: 100;
  
  }
  
  .tt-row.ng-leave.ng-leave-active {
    opacity: 0;
    z-index: 100;
  }
  .plbg2 {
    position: absolute;
    background: url(/images/bg2.png) no-repeat;
    width: 81px;
      height: 56px;
  -webkit-transition: width 500ms cubic-bezier(0.055, 0.490, 0.460, 0.945);
     -moz-transition: width 500ms cubic-bezier(0.055, 0.490, 0.460, 0.945);
       -o-transition: width 500ms cubic-bezier(0.055, 0.490, 0.460, 0.945);
          transition: width 500ms cubic-bezier(0.055, 0.490, 0.460, 0.945); /* custom */
  }
  
  
  .tt-row label {
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
  }
  input[type=radio   ]:not(old){
    display: none;
  }
  input[type=radio   ]:not(old) + label{
    cursor: pointer;
  }
  
  .quiz-result {
    width: 450px;
    display: inline-block;
    float: left;
    margin-left: 218px;
    padding: 25px;
  }
  .quiz-result h2 {
      font-family: opensans-bold;
      text-transform: uppercase;
      margin-top: 20px;
  }
  .quiz-result h3 {
      font-family: opensans-bold;
      text-transform: uppercase;
      font-size: 14px;
      margin-top: 40px;
      margin-bottom: 20px;
  
  }
  .quiz-rates {
    width: 300px;
    display: inline-block;
    padding-top: 50px;
    position: absolute !important;
    right: -30px;
  }
  .answers-table {
    overflow: hidden;
    width: 450px;
    margin: 0 auto;
    padding: 10px 20px;
  }
  .answers-table:nth-child(odd) {
      background: rgba(14, 34, 41, 0.1);
  }
  .answer-value {
    float: right;
  }
  .playagain {
      color: white;
      font-size: 18px;
      text-decoration: none;
      background: #ff471f;
      padding: 5px 10px;
      /* border-radius: 5px; */
      font-family: opensans-light;
      text-transform: uppercase;
      border: none;
      cursor: pointer;
      height: 100%;
      width: 118px;
      align-items: flex-start;
      text-align: center;
      display: block;
      text-transform: uppercase;
  }
  .ng-form {
    overflow: hidden;
    padding-top: 40px;
  }
  .ng-form h2 {
    margin-top: -25px !important;
  }
  
  #parse-result {
    height: 100px;
  }
  .pl-scaner {
      top: -143px;
      right: 171px;
      position: absolute;
      margin: 0 auto;
      text-align: center;
      z-index: 999;
      cursor: pointer;
      width: 200px;
  }
  .pl-scaner a {
    font-family: opensans-light;
    font-size: 18px;
    text-transform: uppercase;
    color: white;
    padding: 11px 0px;
    background: #007cb4;
    width: 100%;
    display: inline-block;
    margin-top: -10px;
  }
  .pl-scaner a:hover {
    background: #82c8dd;
  }
  .s-scaner {
      position: relative;
      background: white;
      z-index: 101;
      height: 481px;
  }
  .s-scaner h3 {
          font-family: opensans-light;
      text-transform: uppercase;
      margin-top: 50px;
      font-size: 26px;
  }
  .s-scaner p {
      font-size: 14px;
  }
  .slick-next {
      border: none;
      font-size: 0px;
      width: 35px;
      height: 40px;
      background-repeat: no-repeat;
      /*background-color: white;
      -webkit-mask-image: url(/images/left.svg);
      mask: url(/images/left.svg#arrow);
      mask-image: url(/images/left.svg#mask1); */
      background: url(/images/left.svg);
      position: absolute;
      right: 0px;
      top: 50%;
      cursor: pointer;
      float: left;
  }
  .slick-prev {
      border: none;
      font-size: 0px;
      width: 35px;
      height: 40px;
      background-repeat: no-repeat;
       /*background-color: white;
      -webkit-mask-image: url(/images/right.svg);
      mask: url(/images/left.svg#arrow);
      mask-image: url(/images/right.svg#mask1); */
      background: url(/images/right.svg);
      position: absolute;
      left: 0px;
      top: 50%;
      cursor: pointer;
      float: left;
  }
  .head-slider .content {
      overflow: hidden;
      padding: 0px;
      width: 1200px;
  }
  .slick-list {
      margin: 0 40px;
      overflow: hidden;
  }
  /*
  .s-scaner:before {
      position: absolute;
      width: 100%;
      height: 400px;
      content: " ";
      background: white;
      top: 0;
      z-index: 101;
  }*/
  .plb-block {
    width: 150px;
    height: 40px;
    background: white;
    position: absolute;
    top: -9px;
    opacity: 0.3;
    z-index: 999;
  }
  
  .label-block {
      display: inline-block;
      background: white;
      width: 208px;
      height: 264px;
      margin: 10px;
      border-top: 3px solid #5d9bd6;
      text-align: center;
      position: relative;
      box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
  }
  
  .label-block:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  }
  .comment-bg {
    background: url(/images/commentbg2.png) no-repeat;
    height: 313px;
    position: absolute;
    bottom: -85px;
    left: -1px;
      width: 101%;
  }
  .comment-bg p {
      font-family: opensans-regular;
      font-size: 12px;
      color: white;
      margin-top: 158px;
      padding: 30px;
  }
  .tt-comment {
    font-family: opensans-bold;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 25px;
    padding: 0 15px;
  }
  .label-block img {
    position: absolute;
    /* margin-top: 20px; */
    left: 26%;
    top: 80px;
    z-index: 10;
    width: 50%;
  }
  
  .plc-button {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #22a7f0;
    padding: 10px 0;
    display: none;
  }
  .plc-button a {
    color: white;
    font-family: opensans-light;
    text-transform: uppercase;
    font-size: 18px;
  }
  .progressline {
    position: relative;
    top: 5px;
    width: 983px;
    margin: 0 auto;
  }
  .pl-title {
    width: 983px;
    position: absolute;
    z-index: 1;
  }
  .plt-row {
    display: inline-block;
    width: 238px;
    font-size: 18px;
    font-family: opensans-bold;
    text-transform: uppercase;
    color: white;
    text-align: center;
    padding-top: 18px;
    padding-left: 7px;
  }
  
  .test {
      z-index: 102;
      position: relative;
      background: white;
  }
  
  
  /* url progress */
  .p-step  {
      width: 100px;
      height: 100px;
      margin: 0 auto;
      position: relative;
      margin-top: 20px;
  }
  .loading {
      position: absolute;
      width: 100%;
      background: white;
      z-index: 999;
      height: 500px;
  }
  .progressbar-text {
      font-family: opensans-light;
      font-size: 28px;
      color: #82c8dd;
  }
  .loading-step {
      width: 200px;
      text-align: center;
      display: inline-block;
      margin: 10px;
      border-top: 5px solid #82c8dd;
      vertical-align: top;
      margin-top: -10px;
      background: rgba(243, 247, 249, 0.45);
      height: 267px;
      position: relative;
      margin-left: -210px;
  -webkit-transition: all 500ms cubic-bezier(0.055, 0.490, 0.460, 0.945);
     -moz-transition: all 500ms cubic-bezier(0.055, 0.490, 0.460, 0.945);
       -o-transition: all 500ms cubic-bezier(0.055, 0.490, 0.460, 0.945);
          transition: all 500ms cubic-bezier(0.055, 0.490, 0.460, 0.945); /* custom */
  }
  .loading-step h3 {
      font-family: opensans-light;
      font-size: 16px;
      text-transform: uppercase;
      margin: 10px;
      padding-top: 15px;
  }
  .sucimg {
          position: absolute;
      top: 47px;
      left: 65px;
      background: #fafbfc;
      padding: 0 10px;
  }
  .rates-row.ng-hide-add, .rates-row.ng-hide-remove,
  .quiz-result.ng-hide-add, .quiz-result.ng-hide-remove,
  .ng-form.ng-hide-add, .ng-form.ng-hide-remove {
    transition: all linear 0.5s;
  }
  .rates-row.ng-hide,
  .quiz-result.ng-hide,
  .ng-form.ng-hide {
    line-height: 0;
    opacity: 0;
    padding: 0 10px;
  }
  .ng-form {
    position: absolute;
    top: 90px;
  }
  
  .quiz-show-tarif {
    position: absolute;
    top: 90px;
    left: 0px;
  }
  .quizst .rates-row {
        position: absolute;
      right: 210px;
  }
  .fc-ans a {
    text-decoration: underline;
  }
  .load-comment {
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    /* padding: 6%; */
    background: #ff7663;
  }
  .load-comment span {
    font-family: opensans-light;
    color: white;
    font-size: 16px;
    margin: 6%;
    display: block;
  }
  
  .htop-row {
    display: initial;
  }
  
  /*---------------------*/
  
  
  .label-block {
      display: inline-block;
      background: white;
      width: 209px;
      height: 190px;
      margin: 10px;
      border-top: 3px solid #5d9bd6;
      text-align: center;
      position: relative;
      box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
  }
  
  .tt-comment {
      font-family: opensans-bold;
      font-size: 16px;
      text-transform: uppercase;
      margin-top: 25px;
      padding: 0 15px;
  }
  
  .label-block img {
      position: absolute;
      left: 22%;
      top: 87px;
      z-index: 10;
      width: 55%;
  }
  .comment-bg {
      background: url(/images/commentbg.png) no-repeat;
      height: 313px;
      position: absolute;
      bottom: -174px;
      left: -1px;
      width: 101%;
  }
  .comment-bg p {
      font-family: opensans-regular;
      font-size: 13px;
      color: #0e2229;
      margin-top: 198px;
      padding: 30px;
      display: none;
  }
  .fcomment {
    background: #ff471f;
    color: white;
    text-align: center;
    width: 490px;
    font-size: 16px;
    padding: 10px 0;
  }
  #closealert {
    background: #5a83ab;
    color: white;
    font-family: opensans-light;
    font-size: 19px;
    text-transform: uppercase;
    padding: 9px;
    margin: 0 auto;
    display: block;
    border: 0;
    margin-bottom: 0px;
    /* margin-left: 3%; */
    margin-top: 41px !important;
    width: 92%;
    position: relative;
    bottom: 0px;
  }
  #loginalert {
    height: 169px;
    position: absolute;
    background: white;
    top: 68px;
    padding-top: 40px;
    text-align: center;
    padding: 40px 22px;
    font-size: 22px;
    width: 223px;
  }
  
  .about-timeline .pn-content {
    background: url(/images/timelinebg.png) no-repeat;
    height: 950px;
  }
  .about-timeline .pn-row {
    height: 141px;
  }
  .about-timeline .pn-row p {
    margin-top: 36px;
    font-size: 18px;
  }
  .messageform {
    position: relative;
  }
  
  #messagealert:after {
      position: absolute;
      z-index: 100;
      top: 102px;
      content: "Закрыть";
      background: #f56333;
      left: 0px;
      cursor: pointer;
      color: white;
      text-transform: uppercase;
      width: 100%;
      padding: 10px 0;
      font-family: opensans-light;
  }
  #messageform3 {
    position: relative;
  }
  .soctop-foo {
    display: none;
  }
  
  .lang-selector-mobile {
    display: none;
  }
  
  .menu-mobile {
    display: none;
  }
  
  nav {
    display: inline-block;
  }
  
  /*MEDIA QUERY*/
  @media only screen and (max-width : 767px) {
    #canvas {
      display: none;
    }
    body {
      min-width: 100% !important;
    }
    .top-menu {
      position: absolute;
      right: 10px;
      top: 23px;
    }
    .pn-content,
    .ser-row,
    .fcomment,
    .progressline,
    .pl-title,
    .view-animate-container,
    #tabs,
    .cont-row,
    .fr-left,
    .fr-right,
    .bl-right,
    .a-content,
    .pl-bg,
    .tl-background,
    .content {
      width: auto !important;
          display: flex;
              flex-wrap: wrap;
    }
    img {
      max-width: 100%;
    }
    .sc-left {
      display: none;
    }
    .clients {
      height: auto;
    }
    .crow {
      position: initial;
      width: 138px;
      margin-top: -40px;
    }
    .clients-block {
      position: inherit;
      top: 25px;
    }
    .sc-right {
      width: auto;
      position: initial;
    }
    .title {
      margin: 0 auto;
    }
    .vps-conf,
    .server-manager {
      display: none;
    }
    .actioninput input,
    .slider-content {
      width: auto;
    }
    .clients-block {
      text-align: center;
      padding: 0%;
      margin-left: 17%;
      padding-top: 30px;
    }
    .c-title h3 {
      padding-top: 0;
      width: auto;
    }
  
    .actbutton a {
      font-size: 16px;
      padding: 13px 7px 11px 7px;
    }
  
    .sup-row {
      width: auto;
      float: none;
      text-align: center;
      padding: 25px 15px;
    }
  
    .rates-row {
      margin-top: 20px;
    }
    .actioninput {
      width: 100%;
    }
    .actioninput input {
      width: 88%;
    }
    .actbutton {
      width: 101%;
      /* padding: 10px 0; */
      left: 0px;
    }
    .actbutton a {
      width: auto;
      display: block;
      text-align: center;
    }
  
    .head-bottom {
      background: none;
      top: 0;
    }
    .head-bottom p,
    .head-bottom h4 {
      color: #0e2229 !important;
    }
  
    .head-bottom .title {
      display: block;
      float: none;
    }
  
    .center img {
      position: inherit;
    }
  
    .head-bottom .center {
       width: 100%;
      text-align: center;
    }
    .crow:nth-child(odd) {
      margin-left: 84px;
      margin-top: -40px;
    }
    .ser-row {
      display: block;
    }
    .winrow-left, .winrow-right {
      width: 65%;
    }
    .winrow-img {
      width: 30%;
    }
  
    .ip-arenda {
      padding: 30px;
    }
    .supm-row,
    .supm-content {
      height: auto;
    }
    .social {
      padding-right: 10px;
    }
    /* .lang-selector {
          padding: 0;
      border-right: none;
      padding-left: 10px;
      float: right;
      border-left: none;
    } */
    .phone-top {
      padding: 0 5px;
      text-align: center;
      width: 100%;
    }
    .htop-row {
      width: 100%;
      padding: 5px 10px 7px 10px;
      margin: 0px;
    }
    .control-panel {
      float: right;
      padding: 0px;
    }
    .registration-top {
      float: left;
      border: none;
      padding: 0px;
    }
  
    .htop-row:nth-child(even) {
      background: #353535;
    }
    .htop-row:nth-child(even) a {
      color: #e5e5e5;
    }
    .htop-row:nth-child(odd) {
      background: #292929;
    }
    .htop-row:nth-child(odd) a {
      color: #e5e5e5;
    }
    .head-top .content {
      padding: 0px;
    }
    .head-top {
      color: #9c8d8d;
      margin: 0px;
    }
    .l-select {
      background: #353535;
      display: flex;
    }
  
    .registration-top a {
      background: #353535;
      padding: 4px 15px;
      border: 1px solid #9c8d8d;
      border-radius: 3px;
    }
  
    .soctop-foo {
      display: block;
      margin-top: 0;
      float: left;
      padding: 0;
      margin: 0;
    }
    .social {
      display: none;
    }
    .l-select a  {
      display: flex;
    }
  
    nav {
      display: none;
      position: fixed;
      right: 0px;
      width: 250px;
      top: 0px;
      bottom: 0;
      min-height: 100%;
      padding: 0;
      overflow-y: auto;
      background: #0e2229;
      box-shadow: inset 3px 0 10px rgba(0,0,0,0.3);
      z-index: 1000;
    }
    .mb-active {
          right: 255px !important;
      position: fixed !important;
      top: 15px;
      z-index: 2000;
    }
  
    .menu-mobile {
      display: inline-block;
      /* width: 45px; */
      /* height: 40px; */
      background: #0e2229;
      padding: 10px;
      border-radius: 5px;
      border: 1px solid #e5e5e5;
      position: relative;
      right: 0px;
    }
    .menu-mobile svg {
      width: 25px;
      height: 21px;
      margin-bottom: -4px;
    }
    .menu {
      position: relative;
      max-width: 980px;
      margin: 0 auto;
      z-index: 1000;
      display: block;
      padding: 25px 0;
          padding-left: 30px;
    }
    .menu ul {
      width: auto;
    }
    .litop {
  
      display: block;
      position: relative;
      top: 0;
      box-shadow: none;
      background: transparent;
      font-size: 13px;
      width: 100%
    }
    .litop ul {
      display: block;
      z-index: 1001;
      opacity: 1;
      margin: 0;
      padding: 0;
      padding-left: 10px;
      position: relative;
      float: left;
      left: 5px;
      bottom: 0px;
    }
    .litop ul li a {
      text-transform: none;
      padding: 10px 0 !important
    }
    .top-menu ul li {
      padding: 0;
      background: none;
      z-index: 1001;
      width: 90%;
    }
    .top-menu ul li a {
      padding: 15px 0px;
      font-size: 13px;
      width: 100%;
    }
    .menu li:hover a {
      background: none;
    }
  
  
  
  
    .lang-selector {
      display: none;
    }
    .lang-selector-mobile {
      display: inline-block;
      float: right;
      height: 40px;
      margin-top: -4px;
    }
    .lang-selector-mobile a {
      margin: 4px;
    }
    .bl-left {
      padding-top: 10px;
    }
    .billing-logo {
      width: 24%!important;
      margin: 4%;
    }
    .fr-descr {
      display: inline-block;
      width: 60%;
    }
    .fr-left {
      margin-bottom: 20px;
    }
    .h-row {
      width: auto;
    }
    #map,
    #map ymaps {
      width: auto !important;
    }
    .cont-row p {
      width: 100%;
    }
    .sleft {
      width: 30% !important;
  
    }
    .sright {
      width: 61% !important;
    }
    .sup-title {
      margin: 0 auto;
    }
    .sup-mailc {
      padding: 0 !important;
      text-align: center;
      width: auto !important;
      margin-top: 30px;
    }
    .vps-rate:before {
      width: auto;
    }
    .a-cloud {
      margin: 0;
    }
    .a-now {
      margin-top: 30px;
      margin: 30px auto;
      margin-bottom: 0px;
    }
  
    .table-row {
      width: 90%;
      font-size: 12px;
      padding: 0 5%;
    }
    .table-content {
      width: 100%;
    }
    .tabrow-left {
      width: 45%;
    }
    .tabrow-right {
      width: 45%;
      text-align: right;
    }
    .price-table h5 {
      width: 100%;
    }
    .how-to {
      display: none;
    }
  
    .c-service  .ser-row h4 {
      width: 60%;
    }
    .ser-title {
      margin: 0 auto;
    }
  
    .admin-table .table-row {
      width: 800px;
    }
    .admin-table .table-content {
      width: 100%;
      position: relative;
      display: flex;
      flex-wrap: inherit;
      overflow-x: auto;
    }
  
    .budservn {
      padding-top: 10px;
      padding-left: 5px;
    }
  
    .foo-info,
    .foo-email,
    .foo-phone {
      width: 75%;
      margin: 5%;
      padding-left: 18%;
    }
    .windows2016 {
      width: 100% !important;
    }
    .slc-row {
      width: 30% !important;
    }
    .slcr-right p {
      font-size: 12px !important;
    }
    .slider-content {
      padding: 0 5px;
    }
  
    .rates-index .rates-content {
     position: relative;
    }
  
    .kosmos .content {
        display: flex;
        flex-direction: column !important;
    }
  
    .cc-row {
      width: 100% !important;
    }
  
    .vps-rate .rates-content {
      left: 0px !important;
    }
  
    .tarif-start {
      width: 100% !important;
    }
  
    .start-row {
      margin: 0 4%!important;
      padding-left: 3%!important;
      /* padding-top: 20px !important; */
      background-size: cover;
      background: none !important;
      border-left: 2px solid white;
      max-height: 58px !important;
    }
    .bigbold, .start-title span {
      font-size: 2.5em !important;
    }
    .start-content span {
      font-size: 18px !important;
    }
    .sr-last-row {
      display: block !important;
      margin: auto !important;
      margin-top: 40px !important;
    }
    .slider-content .sbutton-content p {
      font-size: 1.2em !important;
    }
  
    .cosmos-left,
    .cosmos-right,
    .cosmos-slogan,
    .slider-cosmos,
    .slider-cosmos img {
      display: flex;
    }
    .slider-cosmos {
      flex-direction: column;
    }
    .cosmos-right, .cosmos-left {
      position: relative !important;
      width: 100% !important;
      text-align: center !important;
      flex-direction: column;
      font-size: 12px !important;
    }
    .cosmos-slogan {
      position: relative !important;
    }
    .cosmos-title {
      font-size: 14px !important;
    }
    .bold {
      font-size: 20px !important;
    }
    .slider-content p {
      font-size: 0.8em !important;
    }
    .slider-cosmos img {
      display: none !important;
    }

    .rates-index {
      height: auto !important;
    }
  }
  
  /* ------ End media ----- */
  
  .windows2016 {
        width: 21%;
      display: inline-block;
          margin-left: 3%;
  }
  .windows2016 span {
      color: white;
      font-size: 22px;
      font-family: opensans-bold;
  }
  .windows2016 p {
    text-align: left;
    font-size: 16px;
    font-family: opensans-light;
  }
  .slc-row {
    width: 23%;
    display: inline-block;
      margin-left: 2%;
  }
  .slcr-left {
      display: inline-block;
      width: 40%;
  }
  .slcr-right {
      display: inline-block;
      width: 57%;
      text-align: left;
      vertical-align: top;
  }
  .slcr-right p {
      text-align: left;
      /* text-transform: uppercase; */
      font-size: 16px;
      font-family: opensans-light;
      line-height: 1.5em;
      padding-left: 5%;
      border-left: 3px solid white;
  }
  .slcr-left img {
    width: 95%;
  }
  #forgotresults {
    width: 254px;
    text-align: center;
  }
  .login-page {
    margin: 0 auto;
    width: 300px;
      top: 40%;
    left: 50%;
    margin-top: -169px;
    margin-left: -163.5px;
    position: absolute;
    background: #eff0f0;
    padding: 25px 0 20px 30px;
    color: #585858;
    border-radius: 10px;
    box-shadow: 1px 1px 2px #0d1621;
  }
  .login-bg {
    background: url(/images/loginbg.jpg) no-repeat;
        width: 100%;
      min-height: 100%;
  }
  .login-submit {
    background: #5a83ab;
    color: white;
    font-family: opensans-light;
    font-size: 19px;
    text-transform: uppercase;
    padding: 9px;
    margin: 0 auto;
    display: block;
    border: 0;
    margin-bottom: 0px;
    margin-left: 3%;
    margin-top: 20px !important;
    width: 96%;
  }
  .login-page .box-title h3 {
      font-size: 0px;
      background: url(/images/logo.png) no-repeat;
      border: none;
      height: 50%;
      margin: 0 auto;
      text-align: center;
      width: 200px;
      margin-top: 27px;
      background-size: contain;
  }
  .login-page .box-title {
      font-size: 0px;
      background: #0c2038;
      border: none;
      position: absolute;
      width: 100%;
      left: 0px;
      top: -2px;
      height: 85px;
      border-radius: 10px 10px 0 0;
  }
  .login-page .newserver {
    margin-top: 85px;
  }
  .login-page .box-title:after {
      position: absolute;
      bottom: -9px;
      left: 50%;
      content: "";
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 9px solid #0c2038;
      -webkit-transform: translate(-50%,-20%);
      -moz-transform: translate(-50%,-20%);
      -ms-transform: translate(-50%,-20%);
      -o-transform: translate(-50%,-20%);
      transform: translate(-50%,-20%);
  }
  
  .login-page #loginalert {
    height: 187px;
    position: absolute;
    background: #eff0f0;
    top: 95px;
    padding-top: 40px;
    text-align: center;
    padding: 40px 22px;
    font-size: 22px;
    width: 227px;
  }
  .rate-button a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
  }
  
  
  /* animations */
  
  .crow {
  
  }
  .hover {
      -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
    z-index: 1000;
  }
  
  .crow .transform {
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
  }
  .clients-block .hover .transform {
    -webkit-transform: translateX( -100% ) translateY(0%) rotateY( 180deg );
    -moz-transform: translateX( -100% ) translateY(0%) rotateY( 180deg );
    -o-transform: translateX( -100% ) translateY(0%) rotateY( 180deg );
    transform: translateX( -100% ) translateY(0%) rotateY( 180deg );
  
  }
  .transform {
    position: absolute;
    width: 100%;
    height: 100%;
    /*backface-visibility: hidden;*/
    -moz-transform-style: preserve-3d;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
  }
  .hexagon-face:before {
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
  }
  .hexagon {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .hexagon-body {
        position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden;
      backface-visibility: hidden;
      -moz-backface-visibility: hidden;
  }
  .hexagon-body:nth-child(even) {
    -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
      transform: rotateY( 180deg ) rotate( -60deg);
      -moz-transform: rotateY( 180deg ) rotate( -60deg);
  }
  /*
  .hexagon:before,
  .hexagon a,
  .hexagon {
    backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
  }
  */
  
  .hexagon-text {
    position: absolute;
    top: 0px;
    display: block;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    /*transform: rotateY( 180deg ) rotate( -60deg);*/
    transform: rotate( -60deg);
  }
  .hexagon-text:before {
  
    transform-style: preserve-3d;
  }
  .crow:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
     -o-transition-property: none !important;
   -moz-transition-property: none !important;
   -ms-transition-property: none !important;
   -webkit-transition-property: none !important;
   transition-property: none !important;
   /*CSS transforms*/
   -o-transform: none !important;
   -moz-transform: none !important;
   -ms-transform: none !important;
   -webkit-transform: none !important;
   transform: none !important;
   /*CSS animations*/
   -webkit-animation: none !important;
   -moz-animation: none !important;
   -o-animation: none !important;
   -ms-animation: none !important;
   animation: none !important;
    display: block;
  }
  .hexagon-text a {
      color: white;
      position: absolute;
      top: 28%;
      left: 35%;
      height: 30%;
      width: 84%;
      margin: 0 0 0 -25%;
      text-align: center;
  }
  .hexagon-text span {
      position: absolute;
      display: block;
      width: 100%;
      height: 50px;
      bottom: 0px;
      overflow: hidden;
  }
  .hexagon-text span a {
    top: 5px;
  }
  .hexagon-text span:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 85px;
      background-color: #00c39f;
      -webkit-transform: rotate(30deg);
      -moz-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
      -o-transform: rotate(30deg);
      top: -41px;
      bottom: 0px;
      left: 0px;
  }
  .hexagon-face {
    pointer-events: none;
  }
  
  .hexagon-text:after {
    position: absolute;
    bottom: 47px;
    left: 51%;
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 9px solid #00c39f;
    -webkit-transform: translate(-50%,-20%);
    -moz-transform: translate(-50%,-20%);
    -ms-transform: translate(-50%,-20%);
    -o-transform: translate(-50%,-20%);
    transform: translate(-50%,-20%);
  }
  .history-body .fr-right {
    margin: 10px;
    width: 100%;
  }
  .history-content .title h1 {
    text-align: center;
  }
  .history-content .title {
    margin-top: 40px;
    margin-bottom: 20px
  }
  .history-menu {
    width: 25%;
    display: inline-block;
    float: left;
    margin-right: 5%;
    margin-top: 50px;
  }
  .history-left {
    width: 70%;
    display: inline-block;
  }
  .menu-content h3 {
    text-transform: uppercase;
    font-family: opensans-bold;
    font-size: 18px;
    border-bottom: 5px solid #0e2229;
    padding-bottom: 5px;
  }
  .menuc-row span {
    font-family: opensans-bold;
    font-size: 14px;
  }
  .menuc-row {
    padding: 10px;
    border-top: 1px solid #0e2229;
  }
  .history-body {
    font-size: 14px;
  }
  .preview span {
    font-size: 12px;
  }
  .menuc-row:hover {
    background: #faffd3;
  }
  #canvas {
    position: absolute;
    z-index: 1002;
    top: 0px;
    left: 501px;
    pointer-events: none;
  }
  .slider-top {
    display: table; table-layout: fixed; width: 100%;
  }
  .setting-row {
    line-height: 2.2em;
  }
  .windows-header {
    display: flex;
    text-transform: uppercase;
    justify-content: center;
    width: 100%;
    margin: 20px 0px;
  }
  .budserv h1 {
    display: block;
    font-size: 22px;
    font-family: opensans-bold;
  }
  .windows-right {
    max-width: 1300px;
    margin: auto;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid rgba(190,193,197,.3);
  }
  .cont2 {
      font-family: opensans-regular,sans-serif;
      width: 700px;
      font-size: 14px;
      text-align: center;
      margin-bottom: 25px;
  }
  .content2 {
      max-width: 1200px;
      margin: 0 auto;
      font-family: opensans-regular,sans-serif;
      padding: 0 30px;
      margin-top: 30px;
      display: block;
  }
  
  
  .kosmos {
    margin-bottom: 50px;
    border-top: 1px solid gainsboro;
    border-bottom: 1px solid gainsboro;
  }
  .kosmos .content {
    display: flex;
    flex-direction: row;
  }
  .cc-title {
    width: 100px;
  }
  .cc-content {
    width: 60%;
    display: flex;
    margin-left: 25px;
  }
  .cc-row div {
    display: flex;
  }
  .cc-row {
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
  }
  .cc-title > span {
    font-size: 16px;
    font-family: opensans-light;
    margin: 0 1px;
    text-align: center;
    display: block;
  }
  .bold {
    font-size: 28px !important;
    font-family: opensans-bold !important;
    display: block;
  }
  .bold-m {
    font-size: 22px !important;
    font-family: opensans-bold !important;
    display: block;
  }
  .progressjs-theme-blueOverlayRadiusWithPercentBar {
    position: absolute !important;
    width: 100%!important;
    height: 620px !important;
    right: 0px !important;
  }
  .progressjs-theme-blueOverlayRadiusWithPercentBar .progressjs-inner {
    height: 5px !important;
    top: 50%;
    position: absolute;
    background: #c4edf9 !important
  }
  .progressjs-percent {
    display: none;
  }
  .content-slider {
    height: 600px;
  }
  .quizst {
    position: relative;
  }
  .slider-cosmos {
    position: relative;
  }
  .cosmos-right,
  .cosmos-left {
    position: absolute;
    width: 300px;
    top: -15px;
    text-align: center;
  }
  .cosmos-right {
    right: 0px;
  }
  .cosmos-slogan {
    position: absolute;
    width: 100%;
    text-align: center;
    color: white;
    font-family: opensans-light;
    text-transform: uppercase;
    font-size: 20px;
  }
  .cosmos-title {
    font-size: 18px;
    text-transform: uppercase;
    font-family: opensans-bold;
    color: white;
  }
  .cosmos-content {
    margin-top: -10px;
  }
  .cosmos-content p {
    text-align: justify;
  }
  
  
  .tarif-start {
    display: inline-flex;
    flex-direction: row;
    vertical-align: top;
  }
  .start-row {
    display: flex;
    flex-direction: column;
    margin: 0 50px;
    background: url('../images/startbg.png') no-repeat;
    background-position: left, center;
    padding-left: 20px;
    max-width: 120px;
    max-height: 120px;
  }
  .start-title {
    line-height: 5em;
  }
  .start-row div {
    display: flex;
    color: white;
    align-items: flex-end;
  }
  .bigbold,
  .start-title span {
    font-family: opensans-bold !important;
    font-size: 60px;
  }
  
  .start-content span {
    font-family: opensans-light;
    line-height: 0.9em
  }
  .biglight {
    font-size: 36px;
  }
  .sr-last-row {
    display: inline-block;
    background: transparent !important;
    max-width: 255px;
  }
  .sr-last-row p {
    text-align: center;
  }
  .sr-last-row span {
    font-size: 18px;
    font-family: opensans-bold;
  }
  .start-button {
    flex-direction: column;
  }
  
  .sbutton-button a {
    background: #f56332;
    font-size: 22px;
    padding: 8px 0;
  }
  
  
  .sbutton-button,
  .sbutton-button .rate-button,
  .sbutton-button a {
      width: 100%;
  }
  .sbutton-button a {
      display: block;
  }
  .sr-last-row p {
    font-size: 16px;
  }
  .old-rates .rates-row {
    width: 194px;
  }
  .template-button {
    position: absolute;
    bottom: -12px;
    opacity: 0.8;
  }