/*   
Theme Name: bytes.us
Theme URI: https://webbooks.com.ua/portfolio
Version: 3.0
Tags: clean, development, html5, bootstrap
Description: Clean wordpress theme with minimal bootstrap3 markup for fast development starting
Author: Andriy Beznosko
Author URI: https://webbooks.com.ua/portfolio;
*/


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

@font-face {
  font-family: "Roboto";
  src: url("./font/RobotoRegular.woff") format("woff"), url("./font/RobotoRegular.ttf") format("truetype");
  src: url("./font/RobotoRegular.eot");
  src: url("./font/RobotoRegular.eot?#iefix") format("embedded-opentype"), url("./font/RobotoRegular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "RobotoBold";
  src: url("./font/RobotoBold.woff") format("woff"), url("./font/RobotoBold.ttf") format("truetype");
  src: url("./font/RobotoBold.eot");
  src: url("./font/RobotoBold.eot?#iefix") format("embedded-opentype"), url("./font/RobotoBold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "RobotoLight";
  src: url("./font/RobotoLight.woff") format("woff"), url("./font/RobotoLight.ttf") format("truetype");
  src: url("./font/RobotoLight.eot");
  src: url("./font/RobotoLight.eot?#iefix") format("embedded-opentype"), url("./font/RobotoLight.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "RobotoMedium";
  src: url("./font/RobotoMedium.woff") format("woff"), url("./font/RobotoMedium.ttf") format("truetype");
  src: url("./font/RobotoMedium.eot");
  src: url("./font/RobotoMedium.eot?#iefix") format("embedded-opentype"), url("./font/RobotoMedium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }

.mac {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .mac input, .mac textarea, .mac button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

input:focus,
button:focus,
a:focus {
  outline: 0; }

.btn {
  text-decoration: none; }

.btn {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0; }

.hidden {
  display: none !important; }

 .hide {
  display: none;}
  
.invisible {
  visibility: hidden; }

.shown {
  display: block !important; }

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  /** margin: 0.67em 0; */ }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

.btn {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
  padding: 12.5px 27px;
  text-align: center;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #000;
  border: none;
  border-radius: 2px;
  outline: none; }
  .btn--yellow {
    margin-bottom: 27px;
    background-color: #ffd800;
    box-shadow: 0 1px 0 #b4a125;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.54); }
    .btn--yellow:hover {
      background-color: #ffe44d;
      box-shadow: none; }
    .btn--yellow:active {
      opacity: .7; }
  .btn--blue {
    padding-top: 8.5px;
    padding-bottom: 8.5px;
	cursor:pointer;
    padding-left: 0;
    padding-right: 0;
    width: 134px;
    font-size: 16px;
    color: #fff;
    background-color: #1bb2f0;
    box-shadow: 0 1px 0 #0081b6; }
    .btn--blue:hover {
      background-color: #63caf5;
      box-shadow: none;
    }
    .btn--blue:active {
      /*opacity: .9;*/
      background: #1bb2f0;
    }

  .btn--order {
    position: relative;
    padding-left: 40px;
    padding-right: 58px;
    font-family: Arial, sans-serif;
    font-size: 18px;
    text-shadow: 0 -1px 0 rgba(255, 231, 132, 0.25); }
    .btn--order:after {
      content: "";
      position: absolute;
      top: 17px;
      right: 40px;
      width: 8px;
      height: 15px;
      background-image: url(./img/sprite.png);
      background-repeat: no-repeat;
      background-position: -132px -154px; }
	  
	.order-open-new_btn a {
	color: black;	
	text-decoration: none;	
	}
	
	.order-open-new_btn a:hover {
		color: black;	
	text-decoration: none;
	}
	
	.order-open--cms a {
	color: white;	
	text-decoration: none;	
	}
	
	.order-open--cms a:hover  {
	color: black;	
	text-decoration: none;	
	}
	
  .btn--continue {
    position: relative;
    min-width: 128px;
    padding-left: 20px;
    padding-right: 50px;
    width: auto; }
    .btn--continue:after {
      content: "";
      position: absolute;
      top: 15px;
      right: 17px;
      width: 19px;
      height: 13px;
      background-image: url("./img/sprite.png");
      background-repeat: no-repeat;
      background-position: -80px -58px; }

input[type=text],
input[type=password] {
  box-sizing: border-box;
  padding: 6px 18px;
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 28px;
  color: #000;
  border: 1px solid #c0c0c0;
  outline: none;
  border-radius: 2px;
  box-shadow: 0 1px 0 #fff, inset 0 2px 3px rgba(0, 0, 0, 0.08); }
  input[type=text]:focus,
  input[type=password]:focus {
    border: 1px solid #1bb2f0;
    /*box-shadow: 0px 0px 33px -6px rgba(30, 175, 232, 0.25);*/ }
  input[type=text]:hover,
  input[type=password]:hover {
    border: 1px solid #1bb2f0;
    /*box-shadow: 0px 0px 33px 1px rgba(30, 175, 232, 0.25);*/
}
  input[type=text]:focus,
  input[type=password]:focus{
	box-shadow:0px 1px 6px -2px;  
  }

input[type="checkbox"] {
  display: none; }

input::-webkit-input-placeholder {
  color: #999; }

input::-moz-placeholder {
  color: #999; }

.oldbrowser {
  background: #ffe0cc;
  font-size: 14px;
  text-align: center;
  line-height: 37px;
  height: 37px; }

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.4.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2015 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  line-height: 32px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.chosen-container * {
  box-sizing: border-box; }

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff; }

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0; }

.chosen-container a {
  cursor: pointer; }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  padding-left: 13px;
  padding-right: 13px;
  height: 35px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #dadada;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.34);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
  text-decoration: none;
  white-space: nowrap; }

.chosen-container-single .chosen-default {
  color: #999; }

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  /* background: url('./img/chosen-sprite.png') -42px 1px no-repeat; */
  font-size: 1px; }

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%; }

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  /* background: url('./img/chosen-sprite.png') no-repeat 0px 2px; */ }

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px; }

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 33px;
  word-wrap: break-word;
  -webkit-touch-callout: none; }

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
  line-height: 33px; }

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default; }

.chosen-container .chosen-results li.highlighted {
  opacity: .8; }

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4; }

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline; }

/* @end */
/* @group Active  */
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent; }

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px; }

.chosen-container-active .chosen-single {
  background-color: #fff;
  background-image: none; }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default; }

.chosen-disabled .chosen-single {
  cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default; }

/**
 * Swiper 3.1.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: October 10, 2015
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
          transition-property: transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  background: 0;
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

/* Pagination Styles */
/*
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}
*/
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
      transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; 
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } 
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } 
}

.logo {
  float: left;
  padding-left: 11px; 
}

.logo__link:hover {
    opacity: .7; 
}

.page-navigation {
  min-width: 1217px;
  background-color: #1bb2f0;
  overflow: hidden; 
}
  
.page-navigation ul {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
    list-style: none; 
}

.page-navigation li {
    position: relative;
    display: inline-block;
    vertical-align: top; 
}

.page-navigation a {
    display: block;
    padding: 18px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #fefefe;
    background-color: #1bb2f0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.27);
    -webkit-transition: none;
            transition: none; 
}

.page-navigation a {
    display: block;
    padding: 18px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #fefefe;
    background-color: #1bb2f0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.27);
    -webkit-transition: none;
            transition: none; 
}

.page-navigation a:after {
      content: "";
      position: absolute;
      top: 18px;
      right: -1.5px;
      width: 1px;
      height: 16px;
      background-color: #000;
      opacity: .2;
      -webkit-transform: rotate(0deg); /* rotation */
          -ms-transform: rotate(0deg);
              transform: rotate(0deg);
      z-index: 99; 
}

.page-navigation a.last:after {
      display: none; 
}
    
.page-navigation a.last:hover:after {
      content: "";
      position: absolute;
      top: 0;
      right: -6px;
      display: block;
      width: 0;
      height: 0;
      background-color: transparent;
      border-style: solid;
      border-width: 55px 11px 0 11px;
      border-color: #4bc2f3 transparent transparent transparent;
      -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
              transform: rotate(0deg);
      opacity: 1;
      z-index: 101; 
}
   
.page-navigation a:hover {
      padding-left: 13px;
      padding-right: 13px;
      margin-left: 5px;
      margin-right: 5px;
      background-color: #4bc2f3;
      z-index: 100; 
}
      
.page-navigation a:hover:before {
        content: "";
        position: absolute;
        top: 0;
        left: -6px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0px 55px 0px;
        border-color: transparent transparent #4bc2f3 transparent;
        z-index: 101; 
}
      
.page-navigation a:hover:after {
        content: "";
        position: absolute;
        top: 0;
        right: -6px;
        width: 0;
        height: 0;
        background-color: transparent;
        border-style: solid;
        border-width: 55px 0px 0 0px;
        border-color: #4bc2f3 transparent transparent transparent;
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 1;
        z-index: 101; 
}
    
.page-navigation a:active {
      color: rgba(255, 255, 255, 0.8); 
}
    
.page-navigation a.active {
      padding-left: 13px;
      padding-right: 13px;
      margin-left: 5px;
      margin-right: 5px;
      background-color: #4bc2f3;
      z-index: 100; 
}
      
.page-navigation a.active:before {
        content: "";
        position: absolute;
        top: 0;
        left: -6px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 11px 55px 11px;
        border-color: transparent transparent #4bc2f3 transparent;
        z-index: 101; 
}
      
.page-navigation a.active:after {
        content: "";
        position: absolute;
        top: 0;
        right: -6px;
        width: 0;
        height: 0;
        background-color: transparent;
        border-style: solid;
        border-width: 55px 11px 0 11px;
        border-color: #4bc2f3 transparent transparent transparent;
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 1;
        z-index: 101; 
}

.page-navigation a.active.last:after {
        content: "";
        position: absolute;
        top: 0;
        right: -6px;
        display: block;
        width: 0;
        height: 0;
        background-color: transparent;
        border-style: solid;
        border-width: 55px 11px 0 11px;
        border-color: #4bc2f3 transparent transparent transparent;
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 1;
        z-index: 101; 
}

.page-navigation a.active {
      padding-left: 13px;
      padding-right: 13px;
      margin-left: 5px;
      margin-right: 5px;
      background-color: #4bc2f3;
      z-index: 100; 
}

.banner-block {
  position: relative; }
  .banner-block__blue-field {
    padding-top: 70px;
    height: 406px;
    background-image: url("./img/slider-under-bg.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; }
  .banner-block__gray-field {
    height: 300px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ddd; }

.page-title {
  margin: 0 auto;
  max-width: 1050px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 36px;
  line-height: 58px;
  color: #fff;
}
  .page-title.light-background{
	max-width: 1020px }
  .page-title .for-light-background {
	background: rgba(0, 0, 0, 0.85) none repeat scroll 0% 0%;}
  .page-title .for-light-background.first{
	padding: 0px 15px;
	line-height: 63px;
	display: inline-block;}
  .page-title .for-light-background.second{
	line-height: 59px;
	display: inline-block;
	padding: 0px 15px 6px;}
  .page-title .for-light-background.second-link{
    line-height: 59px;
	display: inline-block;
	padding: 0px 15px 6px 0px;
    margin-right: -15px;}
	.page-title .slider-link:hover {
	  color: rgba(27, 178, 240, 0.7);}
  .page-title .slider-link {
	cursor:pointer;
    position: relative;
    text-decoration: none;
    color: #1bb2f0; }
    .page-title .slider-link:after {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      width: 100%;
      border-bottom: 2px dashed #1bb2f0;
      z-index: 100; }
      .page-title .slider-link:hover:after{
        display: none; }
  .page-title .slider-link.active {
    color: #ffe400; }
	.page-title .slider-link.active:hover {
	  color: rgba(255, 228, 0, 0.7);}
    .page-title .slider-link.active:after {
      border-bottom: 2px dashed #ffe400; }

.swiper-container {
  position: relative;
  overflow: hidden;
  z-index: 1; 
}

.swiper-wrapper {
  position: relative;
  box-sizing: content-box;
  width: 100%; 
}

.swiper-slide {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 100%;
  height: 100%; 
}

.swiper-pagination {
  position: absolute;
  z-index: 2; 
}

.swiper-pagination-bullet {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  width: 11px;
  height: 10px;
  -webkit-transform: skewX(-17deg);
      -ms-transform: skewX(-17deg);
          transform: skewX(-17deg);
  background-color: #efefef;
  cursor: pointer; 
}
  
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #1bb2f0; 
}
  
.swiper-pagination-bullet:hover {
    background-color: #1bb2f0; 
}

.swiper-container-1 {
  position: absolute;
  top: 244px;
  left: 50%;
  margin-left: -584.5px;
  width: 1169px;
  height: 434px;
  background-color: #fff;
  box-shadow: 0px 9px 103px -6px rgba(0, 0, 0, 0.75);
  overflow:hidden;  
}
  
.swiper-container-1 .swiper-wrapper {
    width: 100%;
    height: 444px; 
}
  
.swiper-container-1 .swiper-slide {
    padding: 54px 131px;
    width: 100%;
    height: 434px;
    border: 5px solid #efefef; 
}
    
.swiper-container-1 .swiper-slide:hover {
      border: 5px solid #baebff; 
}
    
.swiper-container-1 .swiper-slide__title {
      margin: 0;
      margin-bottom: 9px;
      font-family: "Roboto", Arial, sans-serif;
      font-size: 36px;
      line-height: 40px;
      letter-spacing: 0.2px; 
}
    
.swiper-container-1 .swiper-slide__subtitle {
      margin: 0;
      margin-bottom: 37px;
      font-family: "Roboto", Arial, sans-serif;
      font-size: 22px;
      line-height: 26px;
      color: #7b7b7b; 
}
    
.swiper-container-1 .swiper-slide__text {
      position: relative;
      margin: 0;
      margin-bottom: 43px;
      padding-left: 110px;
      font-family: "Roboto", Arial, sans-serif;
      font-size: 24px;
      line-height: 32px; 
}
      
.swiper-container-1 .swiper-slide__text--time:after {
        content: "";
        position: absolute;
        top: -3px;
        left: 15px;
        width: 82px;
        height: 97px;
        background-image: url("./img/icons/index_banner1.svg");
        background-repeat: no-repeat;
        background-size: contain; 
}
      
.swiper-container-1 .swiper-slide__text--cloud:after {
        content: "";
        position: absolute;
        top: 10px;
        left: 6px;
        width: 94px;
        height: 97px;
        background-image: url("./img/icons/index_banner2.svg");
        background-repeat: no-repeat;
        background-size: contain; }
      .swiper-container-1 .swiper-slide__text--server:after {
        content: "";
        position: absolute;
        top: 7px;
        left: 6px;
        width: 82px;
        height: 97px;
        background-image: url("./img/icons/index_banner3.svg");
        background-repeat: no-repeat;
        background-size: contain; }
    .swiper-container-1 .swiper-slide__link {
      display: inline-block;
      vertical-align: top;
      margin-left: 40px;
      text-decoration: underline;
      font-family: Arial, sans-serif;
      font-size: 16px;
      line-height: 49px;
      color: #949494; }
      .swiper-container-1 .swiper-slide__link:hover {
        text-decoration: none;
        opacity: .7; }
    .swiper-container-1 .swiper-slide__notice {
      padding-left: 5px;
      font-family: Arial, sans-serif;
      font-size: 16px;
      line-height: 20px; }
  .swiper-container-1 .swiper-pagination {
    position: absolute;
    bottom: 36px;
    right: 67px;
    font-size: 0;
    z-index: 10; }
  .swiper-container-1 .swiper-button-prev {
    position: absolute;
    top: 55px;
    left: -10px;
    display: block;
    width: 73px;
    height: 41px;
    font-size: 0;
    background-color: #1bb2f0;
    -webkit-transform: skewX(-7deg);
        -ms-transform: skewX(-7deg);
            transform: skewX(-7deg);
    opacity: .99;
    z-index: 100;
    cursor: pointer; }
    .swiper-container-1 .swiper-button-prev:after {
      content: "";
      position: absolute;
      top: 6px;
      left: 26px;
      width: 21px;
      height: 27px;
      background-image: url("./img/sprite.png");
      background-repeat: no-repeat;
      background-position: 0 -78px;
      -webkit-transform: skewX(7deg);
          -ms-transform: skewX(7deg);
              transform: skewX(7deg); }
    .swiper-container-1 .swiper-button-prev:hover {
      background-color: #33baf2; }
    .swiper-container-1 .swiper-button-prev:active:after {
      opacity: .8; }
  .swiper-container-1 .swiper-button-next {
    position: absolute;
    top: 55px;
    right: -10px;
    display: block;
    width: 73px;
    height: 41px;
    font-size: 0;
    background-color: #1bb2f0;
    -webkit-transform: skewX(-7deg);
        -ms-transform: skewX(-7deg);
            transform: skewX(-7deg);
    opacity: .99;
    z-index: 100;
    cursor: pointer; }
    .swiper-container-1 .swiper-button-next:after {
      content: "";
      position: absolute;
      top: 6px;
      right: 29px;
      width: 21px;
      height: 27px;
      background-image: url("./img/sprite.png");
      background-repeat: no-repeat;
      background-position: 0 -113px;
      -webkit-transform: skewX(7deg);
          -ms-transform: skewX(7deg);
              transform: skewX(7deg); }
    .swiper-container-1 .swiper-button-next:hover {
      background-color: #33baf2; }
    .swiper-container-1 .swiper-button-next:active:after {
      opacity: .8; }

.swiper-container-2 {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1772px;
  padding-top: 4px;
  width: 3510px;
  height: 415px;
  border-top: 1px solid #e8edee;
  /* border-bottom: 5px solid #ff254e; */ }
  .swiper-container-2 .swiper-wrapper {
    height: 415px; }
  .swiper-container-2 .swiper-slide {
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 66px;
    width: 1166px;
    background-color: #242c2f;
    /*opacity: .5;*/ }
	.swiper-container-2 .swiper-slide a{
		position:absolute;
		bottom:20px;
		left:45px;}
    .swiper-container-2 .swiper-slide__title {
      margin: 0;
      margin-bottom: 20px;
      padding-left: 46px;
      max-width: 480px;
      font-family: "Roboto", Arial, sans-serif;
      font-size: 36px;
      line-height: 48px;
      color: #fff;
      letter-spacing: 0.1px; }
    .swiper-container-2 .swiper-slide__text {
      margin: 0;
      padding-left: 46px;
      max-width: 500px;
      font-family: Arial, sans-serif;
      font-size: 18px;
      line-height: 26px;
      color: #fff; }
      .swiper-container-2 .swiper-slide__text--bold {
        font-weight: 600; }
  .swiper-container-2 .swiper-slide-active + .swiper-slide-next {
    opacity: 1; }
  .swiper-container-2 .swiper-slide-1 {
    background-image: url("./img/index-slider-01-shared-hosting.jpg");
    background-size: cover; }
  .swiper-container-2 .swiper-slide-2 {
    background-image: url("./img/index-slider-04-vds-vps.jpg");
    background-size: cover; }
  .swiper-container-2 .swiper-slide-3 {
    background-image: url("./img/index-slider-1c-bitrix-hosting.jpg");
    background-size: cover; }
  .swiper-container-2 .swiper-slide-4 {
    background-image: url("./img/index-slider-02-dedicated-server.jpg");
    background-size: cover; }
  .swiper-container-2 .swiper-slide-5 {
    background-image: url("./img/index-slider-03-administrator.jpg");
    background-size: cover; }
  .swiper-container-2 .swiper-pagination {
    bottom: 68px;
    right: 50%;
    margin-right: -557px; }
  .swiper-container-2 .swiper-pagination-bullet {
    background-color: #fff; }
    .swiper-container-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #1bb2f0; }
    .swiper-container-2 .swiper-pagination-bullet:hover {
      background-color: #1bb2f0; }

.swiper-container-3 {
  position: relative;
  margin: 0 auto;
  width: 999px;
  height: 286px;
  border: 5px solid #efefef;
  z-index: 2; }

.swiper-button-prev-3 {
  position: absolute;
  top: 132px;
  left: -54px;
  width: 22px;
  height: 27px;
  font-size: 0;
  background-image: url("./img/sprite.png");
  background-repeat: no-repeat;
  background-position: -30px -27px;
  cursor: pointer; }
  .swiper-button-prev-3:hover {
    opacity: .7; }

.swiper-button-next-3 {
  position: absolute;
  top: 132px;
  right: -54px;
  width: 22px;
  height: 27px;
  font-size: 0;
  background-image: url("./img/sprite.png");
  background-repeat: no-repeat;
  background-position: -31px -83px;
  cursor: pointer; }
  .swiper-button-next-3:hover {
    opacity: .7; }

.swiper-container-4 {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1241px;
  width: 2394px;
  height: 390px;
  /* border-bottom: 5px solid #ff254e; */ }
  .swiper-container-4 .swiper-slide {
    margin-right: 10px;
    padding: 68px 33px;
    width: 788px;
    height: 390px;
    color: #fff;
    background-color: #2b394c;
    background-position: 0 0;
    background-size: cover; }
    .swiper-container-4 .swiper-slide__title {
      margin: 0;
      margin-bottom: 24px;
      font-weight: 400;
      font-size: 30px;
      line-height: 40px;
	  padding-left: 12px;
	  width:520px;
      background-color: rgba(0, 0, 0, 0.82); 	  }
    .swiper-container-4 .swiper-slide__text-wrapper {
      max-width: 420px; }
    .swiper-container-4 .swiper-slide__text {
      display: inline-block;
      vertical-align: top;
      padding-top: 3px;
      padding-bottom: 3px;
      padding-left: 15px;
      padding-right: 25px;
      font-family: Arial, sans-serif;
      font-size: 20px;
      line-height: 28px;
      background-color: rgba(0, 0, 0, 0.82); 
	  line-height: 34px;}
  .swiper-container-4 .swiper-slide-1 {
    background-image: url("./img/bg-slider-1.png"); }
  .swiper-container-4 .swiper-slide-2 {
    background-image: url("./img/bg-slider-2.png"); }
  .swiper-container-4 .swiper-slide-3 {
    background-image: url("./img/bg-slider-3.png"); }
  .swiper-container-4 .swiper-slide-4 {
    background-image: url("./img/bg-slider-4.png"); }
  .swiper-container-4 .swiper-slide-5 {
    background-image: url("./img/bg-slider-5.png"); }
  .swiper-container-4 .swiper-slide-6 {
    background-image: url("./img/bg-slider-6.png"); }

.swiper-button-prev-5 {
  position: absolute;
  top: 165px;
  left: -42px;
  display: block;
  width: 84px;
  height: 84px;
  font-size: 0;
  background-color: #fff;
  border-radius: 50%;
  z-index: 100;
  cursor: pointer; }
  .swiper-button-prev-5:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 55%;
    margin-top: -14px;
    width: 21px;
    height: 27px;
    background-image: url("./img/sprite.png");
    background-position: -123px -75px;
    background-repeat: no-repeat; }
  .swiper-button-prev-5:hover {
    opacity: .8; }
  .swiper-button-prev-5:active {
    opacity: .6; }

.swiper-button-next-5 {
  position: absolute;
  top: 165px;
  right: -42px;
  display: block;
  width: 84px;
  height: 84px;
  font-size: 0;
  background-color: #fff;
  border-radius: 50%;
  z-index: 100;
  cursor: pointer; }
  .swiper-button-next-5:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 55%;
    margin-top: -14px;
    width: 21px;
    height: 27px;
    background-image: url("./img/sprite.png");
    background-position: -126px -114px;
    background-repeat: no-repeat; }
  .swiper-button-next-5:hover {
    opacity: .8; }
  .swiper-button-next-5:active {
    opacity: .6; }

.content-block {
  padding-top: 67px;
  padding-bottom: 78px; }
  .content-block__title {
    margin: 0 auto;
    margin-bottom: 4px;
    text-transform: uppercase;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 36px;
    line-height: 49px;
    text-align: center; }
  .content-block__subtitle {
    margin-bottom: 38px;
    text-align: center;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 26px;
    line-height: 40px;
    color: #111b2c; }
  .content-block__input-wrapper {
    display: inline-block;
    vertical-align: top; }
  .content-block__checkbox-fields-wrapper {
    float: left;
    width: auto; }
  .content-block__checkbox-label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 28px;
	margin-bottom: 28px; 
    padding-left: 26px;
    padding-right: 14px;
    font-family: Arial, sans-serif;
    font-size: 18px;
    line-height: 24px; }
    .content-block__checkbox-label:after {
      content: "";
      position: absolute;
      top: 5px;
      right: 3px;
      width: 10px;
      height: 13px;
      background-image: url("./img/sprite.png");
      background-repeat: no-repeat;
      background-position: -34px -59px; }
	.content-block__checkbox-label.not_ruble:after {background-image:none;}
    .content-block__checkbox-label:before {
      content: "";
      position: absolute;
      top: 3px;
      left: 0;
      width: 16px;
      height: 16px;
      border: 1px solid #d2d2d2;
      border-radius: 3px;
      background-color: #fff;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.09);
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%);
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%); }
    .content-block__checkbox-label:hover:before {
      border: 1px solid #0d96ce;
      background-color: #1bb1ef;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
      background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.13) 0%, rgba(255, 255, 255, 0.13) 100%);
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.13) 0%, rgba(255, 255, 255, 0.13) 100%); }
    .content-block__checkbox-label--bold {
      text-transform: uppercase;
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 24px; }
    input[type="checkbox"]:checked + .content-block__checkbox-label:before {
      border: 1px solid #0d96ce;
      background-color: #1bb1ef;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
      background-image: url(./img/sprite.png);
      background-repeat: no-repeat;
      background-position: -56px -26px; }
  .content-block__transfer-link {
    position: relative;
    float: right;
	cursor:pointer;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #060606;
	border-bottom: 1px dashed #000;	}
    /*.content-block__transfer-link:after {
      content: "";
      position: absolute;
      bottom: 1px;
      left: 0;
      right: 0;
      width: 100%;
      height: 2px;
      background-color: #060606; }
    .content-block__transfer-link:hover:after {
      display: none; }*/
	.content-block__transfer-link:hover {
	 border-bottom: none;
	}
    .content-block__transfer-link:active {
      opacity: .7; }
  .content-block__events-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #1bb2f0;
    letter-spacing: -0.3px;
	border-bottom:1px dashed #1bb2f0}
    .content-block__events-link:hover {
      opacity: .7; 
	  border-bottom:none;}
  .content-block__bonus-wrapper {
    text-align: center;
    font-size: 0; }
  .content-block__gifts-link {
    position: relative;
	cursor:pointer;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1bb2f0;
    border-bottom: 1px dashed #1bb2f0; }
    .content-block__gifts-link:after {
      content: "";
      display: none;
      position: absolute;
      top: 3px;
      right: -16px;
      width: 11px;
      height: 15px;
      background-image: url("./img/sprite.png");
      background-position: -114px -1px; }
    .content-block__gifts-link:hover {
      opacity: .7; }
    .content-block__gifts-link:active {
      border-bottom: none; }
  .content-block__list-wrapper {
    width: 588px; }
    .content-block__list-wrapper--left {
      float: left; }
    .content-block__list-wrapper--right {
      float: right; }
  .content-block--reg-check {
    background-color: #f8f8f8;
    border-top: 2px solid #fefefe; }
  .content-block--events-slider {
    padding-top: 52px;
    padding-bottom: 75px;
    background-color: #ecf2f3;
    border-bottom: 1px solid #d8dcdd; }
    .content-block--events-slider .container {
      position: relative;
      text-align: center;
	  padding:0 20px;
	  overflow:hidden;}
    .content-block--events-slider .content-block__title {
      margin-bottom: 27px; }
  .content-block--main-features {
    padding-top: 75px;
    padding-bottom: 92px; }
    .content-block--main-features .content-block__title {
      margin-bottom: 55px; }
  .content-block--bonus {
    position: relative;
    padding-top: 70px;
    padding-bottom: 93px;
    color: #fff;
    background-color: #103351;
    background-image: url("./img/bg-bonus.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-bottom: 5px solid #ff254e; }
    .content-block--bonus .content-block__title {
      margin-bottom: 55px; }
    .content-block--bonus .btn--blue {
      position: absolute;
      bottom: -33px;
      left: 50%;
      margin-left: -267px;
      padding-top: 13px;
      padding-bottom: 13px;
      width: 534px;
      font-size: 23px;
      line-height: 33px; }
  .content-block--reviews {
    padding-top: 84px;
    padding-bottom: 52px;
    text-align: center; }
    .content-block--reviews .content-block__title {
      margin-bottom: 32px; }
  .content-block--list {
    padding-top: 43px;
    padding-bottom: 49px;
    background-image: url("./img/bg-zigzag-bottom.jpg"), url("./img/bg-zigzag-top.png"), url("./img/bg-zigzag.png");
    background-repeat: repeat-x, repeat-x, repeat-x;
    background-position: bottom left, top left, top 17px left 0;
    background-size: auto, auto, auto 100%; }

.price-label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-left: 6px;
  padding-right: 6px;
  line-height: 40px;
  background-color: #ffd800;
  z-index: 5; }
  .price-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 40px 6px;
    border-color: transparent transparent #ffd800 transparent; }
  .price-label:after {
    content: "";
    position: absolute;
    top: 0;
    right: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 6px 0 6px;
    border-color: #ffd800 transparent transparent transparent; }
  .price-label--rubl-icon {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-right: 20px; }
    .price-label--rubl-icon:after {
      content: "";
      position: absolute;
      display: inline-block;
      vertical-align: top;
      top: 11px;
      left: 32px;
      width: 14px;
      height: 20px;
      background-image: url("./img/icons/uah-ico.png");
      background-repeat: no-repeat; }

.check-field-wrapper {
  margin-bottom: 48px;
  border: 8px solid #1bb2f0;
  box-shadow: 0px 15px 40px -9px rgba(0, 0, 0, 0.45); }
  .check-field-wrapper .check-field-inner {
    padding: 23px;
    font-size: 0;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.75); }
  .check-field-wrapper .content-block__input-wrapper {
    margin-right: 2%;
    width: 85.8%; }
  .check-field-wrapper .btn--blue {
    width: 12%; }
.slider-wrapper {
  position: relative;
  width: 100%;
  height: 425px;
  overflow: hidden; }

.arrow-links {
  position: absolute;
  top: 5px;
  right: 10px;
  text-align: right;
  font-size: 0; }
  .arrow-links .arrow-link {
    position: relative;
    display: inline-block;
	cursor:pointer;
    vertical-align: top;
    width: 38px;
    height: 34px;
    background-color: #dfe4e5;
    -webkit-transform: skewX(-11deg);
        -ms-transform: skewX(-11deg);
            transform: skewX(-11deg);
    -webkit-transition: .3s ease;
            transition: .3s ease; }
    .arrow-links .arrow-link:after {
      content: "";
      position: absolute;
      width: 19px;
      height: 13px;
      background-image: url("./img/sprite.png");
      background-repeat: no-repeat;
      -webkit-transform: skewX(11deg);
          -ms-transform: skewX(11deg);
              transform: skewX(11deg); }
    .arrow-links .arrow-link:hover {
      opacity: 0.8; }
    .arrow-links .arrow-link.active {
      background-color: #1bb2f0; }
    .arrow-links .arrow-link.arrow-prev:after {
      content: "";
      position: absolute;
      top: 11px;
      left: 11px;
      background-image: url("./img/sprite.png");
      background-position: -58px -107px;
      -webkit-transform: skewX(11deg);
          -ms-transform: skewX(11deg);
              transform: skewX(11deg); }
    .arrow-links .arrow-link.arrow-prev:hover:after {
      background-position: -94px -125px; }
    .arrow-links .arrow-link.arrow-prev.active:after {
      background-position: -94px -125px; }
    .arrow-links .arrow-link.arrow-next {
      margin-left: 15px; }
      .arrow-links .arrow-link.arrow-next:after {
        content: "";
        position: absolute;
        top: 10px;
        left: 10px;
        background-position: -49px -128px;
        -webkit-transform: skewX(11deg);
            -ms-transform: skewX(11deg);
                transform: skewX(11deg); }
      .arrow-links .arrow-link.arrow-next:hover:after {
        background-position: -80px -58px; }
      .arrow-links .arrow-link.arrow-next.active:after {
        background-position: -80px -58px; }

.event-slider-container {
  width: 100%;
  height: 350px; }

.event-slider-wrapper {
  padding-top: 10px;
  width: 2000px !important;
  height: 350px;
  text-align: center;
  font-size: 0; }

.event-slide {
  position: relative;
  display: inline-block;
  vertical-align: top;

  padding: 20px;
  width: 350px;
  height: 350px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #d6dbdc;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.25);
  z-index: 10;
  overflow: hidden;
  -webkit-transition: .8s ease;
          transition: .8s ease; }
.event-slide:hover  {
  transform: scale(1.15);	
}
.upcoming-events .event-slide{
	width: 100%;
	height: auto;
	margin-left:0;
	box-shadow: 0px -16px 28px -11px rgb(233, 233, 233) inset;}
.upcoming-events .upcoming-events__row{
	margin: 30px 0;
	font-size: 0px;
	border-bottom: 1px solid #D6DBDC;}
.upcoming-events .upcoming-events__row--last{
	padding-top: 0;}
.upcoming-events  .event-slide:hover  {
	transform: none;}
.upcoming-events .event-slide:hover{
	margin-bottom: 34px !important;}
.upcoming-events .event-slide .event-slide__date{
	float:left;
	width:125px;
	margin-bottom: 10px}
.upcoming-events .event-slide .event-slide__day::after{
	display:none;}
.upcoming-events .event-slide .event-slide__content{
	display:inline-block;
	width:990px;}
.upcoming-events .event-slide .event-slide__title{
	font-family:'Roboto', sans-serif;
	display: block;
	font-size:18px;
	color:#11aae8;
	text-transform:none;
	padding-bottom:0;
	margin-bottom:10px;
	border-bottom:none;}
a.upcoming-events .event-slide .event-slide__title{
	color: #11aae8;
	text-decoration:none;}
a.upcoming-events .event-slide .event-slide__title:hover{
	opacity:0.7;}
.upcoming-events .event-slide .event-slide__time{	
	margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.upcoming-events .event-slide .event-slide__time.last{
	border-bottom:none;
	padding-bottom:0;
}
	
  .event-slide:before {
    content: "";
    position: absolute;
    top: 27px;
    left: -10px;
    display: block;
    width: 18px;
    height: 41px;
    background-color: #1bb2f0;
    -webkit-transform: skewX(-7deg);
        -ms-transform: skewX(-7deg);
            transform: skewX(-7deg); }
  .event-slide__arrow-next {
    position: absolute;
    top: 27px;
    right: -10px;
    display: block;
    width: 56px;
    height: 41px;
    font-size: 0;
    background-color: #1bb2f0;
    -webkit-transform: skewX(-7deg);
        -ms-transform: skewX(-7deg);
            transform: skewX(-7deg);
    cursor: pointer; }
    .event-slide__arrow-next:after {
      content: "";
      position: absolute;
      top: 12px;
      left: 17px;
      width: 13px;
      height: 17px;
      background-image: url("./img/sprite.png");
      background-repeat: no-repeat;
      background-position: -57px -83px;
      -webkit-transform: skewX(7deg);
          -ms-transform: skewX(7deg);
              transform: skewX(7deg); }
    .event-slide__arrow-next:hover:after {
      opacity: .7; }
  .event-slide.active {
    position: relative;
    top: -10px;
    padding: 30px 25px;
    margin-left: 9px;
    margin-right: 9px;
    box-shadow: 0px 20px 52px -21px rgba(0, 0, 0, 0.5); }
    .event-slide.active .event-slide__arrow-next {
      top: 37px; }
    .event-slide.active:before {
      top: 37px; }
  /*.event-slide:hover {
    position: relative;
    top: -10px;
    padding: 30px 25px;
    margin-left: 9px;
    margin-right: 9px;
    box-shadow: 0px 20px 52px -21px rgba(0, 0, 0, 0.5); }
    .event-slide:hover .event-slide__arrow-next {
      top: 37px; }
    .event-slide:hover:before {
      top: 37px; }*/
  .event-slide:first-child {
    margin-left: 0; }
    .event-slide:first-child:hover {
      margin-left: 0;
      padding-left: 20px; }
      .event-slide:first-child:hover:before {
        width: 18px; }
    .event-slide:first-child.active {
      margin-left: 0;
      padding-left: 20px; }
  .event-slide:last-child {
    margin-right: 0; }
    .event-slide:last-child:hover {
      margin-right: 0;
      padding-right: 20px; }
    .event-slide:last-child.active {
      margin-right: 0;
      padding-right: 20px; }
    .event-slide:last-child .event-slide__arrow-next {
      width: 56px; }
  .event-slide__arrow-next {
    position: absolute;
    font-size: 0; }
  .event-slide__date {
    margin-bottom: 22px; }
  .event-slide__day {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 55px;
    line-height: 55px;
    color: #000; }
    .event-slide__day:after {
      content: "";
      position: absolute;
      top: 7px;
      right: -12px;
      width: 1px;
      height: 28px;
      background-color: #1bb2f0;
      -webkit-transform: rotate(11deg);
          -ms-transform: rotate(11deg);
              transform: rotate(11deg); }
  .event-slide__date-wrapper {
    display: inline-block;
    vertical-align: top;
    padding-top: 3px; }
  .event-slide__month {
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px; }
  .event-slide__title{
	display:block;
    margin-bottom: 15px;
    padding-bottom: 14px;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
	a.event-slide__title  {color:#000;text-decoration:none;}
	a.event-slide__title:hover {text-decoration:underline;}
  .event-slide__time {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #787d80; }
    .event-slide__time--bold {
      font-weight: 600;
      color: #000; }

.range-slider {
  margin-bottom: 3px; }
  .range-slider__caption {
    font-size: 0;
    word-wrap: no-wrap; }
  .range-slider__caption-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 41.5%;
    text-transform: uppercase;
    text-align: left;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 26px;
    color: #929c9f; }
    .range-slider__caption-item:before {
      content: "";
      position: absolute;
      top: -36px;
      left: 26px;
      width: 3px;
      height: 22px;
      background-color: #1bb2f0;
      cursor: pointer;
      z-index: 2; }
    .range-slider__caption-item:last-child {
      width: 10%; }

.range-wrapper {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 8px;
  padding: 10px 15px;
  width: 100%;
  height: 34px;
  background-color: #dde4e6;
  border-radius: 2px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 1px 1px rgba(0, 0, 0, 0.06); }

.slider_wrapper{
	background-image: url("./img/bg-range.png"); 
	background-repeat: repeat-x;
 }
.range {
  width: 95%;
  height: 14px;
}
.runner {
  position: absolute;
  top: 5px;
  left: 20px;
  width: 59px;
  height: 22px;
  border: 1px solid #0d96ce;
  border-radius: 3px / 3px 3px 3px 3px;
  background-clip: padding-box;
  background-color: #1bb1ef;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.13) 0%, rgba(255, 255, 255, 0.13) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.13) 0%, rgba(255, 255, 255, 0.13) 100%);
  cursor: pointer;
  z-index: 5; }
  .runner:hover {
    opacity: .9; }
  .runner:after {
    content: "";
    position: absolute;
    top: 7.5px;
    left: 8.5px;
    width: 42px;
    height: 7px;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #fff;
    box-shadow: 0 -1px 0 rgba(18, 123, 166, 0.21); }

.feature {
  position: relative;
  padding-top: 287px;
  width: 526px; }
  .feature--left {
    float: left;
    background-image: url("./img/bg-feature-1.png");
    background-repeat: no-repeat;
    background-position: top 25px left 7px; }
    .feature--left:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: -69px;
      width: 1px;
      height: 100%;
      background-color: #e0e0e0; }
  .feature--right {
    float: right;
    background-image: url("./img/bg-feature-2.png");
    background-repeat: no-repeat;
    background-position: top 57px left 1px; }
  .feature__title {
    margin-bottom: 26px;
    max-width: 385px;
    font-family: Arial, sans-serif;
    font-size: 24px;
    line-height: 34px; }
  .feature__note {
    position: absolute;
    left: 291px;
    padding-left: 75px;
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px; }
    .feature__note:before {
      content: "";
      position: absolute;
      background-repeat: no-repeat;
      background-size: contain; }
    .feature__note--speed {
      top: 47px;
      max-width: 226px; }
      .feature__note--speed:before {
        top: 0;
        left: 0;
        width: 49px;
        height: 37px;
        background-image: url("./img/icons/index_speed.svg"); }
    .feature__note--space {
      top: 115px;
      max-width: 130px; }
      .feature__note--space:before {
        top: -7px;
        left: 4px;
        width: 47px;
        height: 50px;
        background-image: url("./img/icons/index_ssd.svg"); }
  .feature__text {
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 23px;
    color: #6a6a6a; }

.bonus {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin-bottom: 45px;
  padding-left: 75px;
  padding-right: 75px;
  padding-top: 87px;
  width: 390px;
  font-family: Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px; }
  .bonus:before {
    content: "";
    position: absolute;
    left: 50%;
    background-repeat: no-repeat;
    background-size: contain; }
  .bonus:after {
    content: "";
    position: absolute;
    top: 26px;
    right: -17px;
    width: 1px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transform: rotate(11deg);
        -ms-transform: rotate(11deg);
            transform: rotate(11deg); }
  .bonus--adwords:before {
    top: 9px;
    margin-left: -47px;
    width: 94px;
    height: 56px;
    background-image: url("./img/icons/index_2000.svg"); }
  .bonus--www:before {
    top: 25px;
    margin-left: -44px;
    width: 88px;
    height: 28px;
    background-image: url("./img/icons/index_www.svg"); }
  .bonus--copyright:before {
    top: 2px;
    margin-left: -32px;
    width: 64px;
    height: 62px;
    background-image: url("./img/icons/index_pencil.svg"); }
  .bonus--copyright:after {
    display: none; }
  .bonus--mail {
    padding-left: 62px;
    padding-right: 62px; }
    .bonus--mail:before {
      top: 17px;
      margin-left: -61px;
      width: 104px;
      height: 39px;
      background-image: url("./img/icons/index_mail.svg"); }
  .bonus--ads {
    padding-left: 81px;
    padding-right: 81px; }
    .bonus--ads:before {
      top: 2px;
      margin-left: -30px;
      width: 60px;
      height: 59px;
      background-image: url("./img/icons/index_graph.svg"); }
  .bonus--seo {
    padding-left: 65px;
    padding-right: 65px; }
    .bonus--seo:before {
      top: 5px;
      margin-left: -30px;
      width: 60px;
      height: 56px;
      background-image: url("./img/icons/index_zoom.svg"); }
    .bonus--seo:after {
      display: none; }

.review-slide {
  padding-left: 50px;
  padding-top: 50px; }
  .review-slide__avatar-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden; }
    .review-slide__avatar-wrapper img {
      border-radius: 100%; }
  .review-slide__text-wrapper {
    display: inline-block;
    vertical-align: top;
    padding-left: 40px;
    max-width: 675px;
    text-align: left; }
  .review-slide__author {
    margin-bottom: 28px;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 32px;
    line-height: 36px; }
  .review-slide__content {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 20px;
    line-height: 30px; }

.reviews-wrapper {
  position: relative;
  margin: 0 auto;
  margin-bottom: 52px;
  width: 1009px;
  height: 294px;
  box-shadow: 0px 26px 28px -14px rgba(0, 0, 0, 0.1); }

.some-list {
  margin: 0;
  padding: 0;
  max-width: 550px;
  list-style: none; }
  .some-list li {
    position: relative;
    padding-left: 35px;
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 36px; }
    .some-list li:before {
      content: "";
      position: absolute;
      top: 16px;
      left: 11px;
      width: 10px;
      height: 3px;
      background-color: #181818; }

.partner-links {
  padding-top: 58px;
  padding-bottom: 44px;
  border-bottom: 1px solid #c4c5c5; }
  .partner-links ul {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
    list-style: none; }
  .partner-links li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    margin-right: 15px; }
  .partner-links a:hover {
    opacity: .7; }

.footer-navigation {
  margin-bottom: 30px; }
  .footer-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .footer-navigation li {
    display: inline-block;
    vertical-align: top;
    margin-left: 13px;
    margin-right: 13px;
    margin-bottom: 11px; }
  .footer-navigation a {
    display: block;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    border-bottom: 1px solid #fff; }
    .footer-navigation a:hover {
      border-bottom: 1px solid transparent; }
    .footer-navigation a:active {
      opacity: .7; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Roboto",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("./img/fancybox/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("./img/fancybox/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("./img/fancybox/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background-color: rgba(0, 0, 0, 0.2); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Roboto",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("./img/fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }

  #fancybox-loading div {
    background-image: url("./img/fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }
.content-section {
  padding-top: 50px;
  padding-bottom: 22px; }
  .content-section__title {
    margin: 0;
    margin-bottom: 24px;
    text-align: center;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 42px; }
  .content-section__text {
    margin: 0 auto;
    margin-bottom: 28px;
    font-family: RobotoLight, sans-serif;
    font-size: 18px;
    line-height: 28px; }
  .content-section__text-link {
    text-decoration: none;
    color: #000; }
    .content-section__text-link:hover {
      opacity: .7; }
    .content-section__text-link:active {
      text-decoration: underline; }
  .content-section--about-company {
    border-bottom: 6px solid #1bb2f0; }
    .content-section--about-company .content-section__text {
      max-width: 775px; }
  .content-section--documents {
    padding-top: 54px;
    padding-bottom: 26px; }
    .content-section--documents .content-section__title {
      margin-bottom: 34px; }
    .content-section--documents .content-section__text {
      margin-bottom: 57px;
      max-width: 1000px;
      text-align: center; }
  .content-section--payment {
    padding-top: 93px; }
    .content-section--payment .content-section__title {
      margin-bottom: 54px; }

.logo-small {
  display: block;
  margin: 0 auto;
  margin-bottom: 40px; }

.docs-gallery__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0; }
.docs-gallery__item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 115px;
  margin-bottom: 44px;
  width: 186px; }
  .docs-gallery__item:nth-child(4n) {
    margin-right: 0; }
.docs-gallery__item-wrapper {
  position: relative;
  margin-bottom: 16px;
  width: 184px;
  height: 256px;
  background-color: #f4f7f9;
  border: 1px solid #ccc;
  overflow: hidden; }
  .docs-gallery__item-wrapper.doc .docs-gallery__link {
    background-color: #4098ea; }
    .docs-gallery__item-wrapper.doc .docs-gallery__link:before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      width: 13px;
      height: 13px;
      background-color: #67b1f7; }
    .docs-gallery__item-wrapper.doc .docs-gallery__link:after {
      content: "";
      position: absolute;
      top: 12px;
      right: 12px;
      display: block;
      width: 1px;
      height: 1px;
      background-color: #4ea1ef; }
  .docs-gallery__item-wrapper.pdf .docs-gallery__link {
    background-color: #e50020; }
    .docs-gallery__item-wrapper.pdf .docs-gallery__link:before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      width: 13px;
      height: 13px;
      background-color: #fa4861; }
    .docs-gallery__item-wrapper.pdf .docs-gallery__link:after {
      content: "";
      position: absolute;
      top: 12px;
      right: 12px;
      display: block;
      width: 1px;
      height: 1px;
      background-color: #ec1937; }
  .docs-gallery__item-wrapper.xls .docs-gallery__link {
    background-color: #59b82f; }
    .docs-gallery__item-wrapper.xls .docs-gallery__link:before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      width: 13px;
      height: 13px;
      background-color: #77d64d; }
    .docs-gallery__item-wrapper.xls .docs-gallery__link:after {
      content: "";
      position: absolute;
      top: 12px;
      right: 12px;
      display: block;
      width: 1px;
      height: 1px;
      background-color: #64c33a; }
.docs-gallery__item-inner-wrap {
  position: relative;
  width: 100%;
  height: 100%; }
  .docs-gallery__item-inner-wrap:before {
    content: "";
    position: absolute;
    top: 96px;
    right: 70px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 14px 14px 0;
    border-color: transparent #f4f7f9 transparent transparent;
    z-index: 52; }
.docs-gallery__image-link:hover:before {
  content: "";
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -29px;
  width: 58px;
  height: 58px;
  background-color: rgba(29, 179, 241, 0.8);
  border-radius: 50%;
  z-index: 50; }
.docs-gallery__image-link:hover:after {
  content: "";
  position: absolute;
  top: 121px;
  left: 50%;
  margin-left: -14px;
  width: 28px;
  height: 16px;
  background-image: url("./img/icons/eye-icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 51; }
.docs-gallery__image {
  position: absolute;
  top: 2%;
  left: 5%;
  display: block;
  width: 90%;
  height: 96%; }
.docs-gallery__item-caption {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
  border-bottom: 1px dotted #000; }
.docs-gallery__item-link {
  display: block;
  width: 186px;
  text-decoration: none;
  line-height: 0;
  color: #000; }
  .docs-gallery__item-link:hover .docs-gallery__item-caption {
    border-bottom: none; }
.docs-gallery__link {
  position: absolute;
  top: 96px;
  left: 50%;
  margin-left: -21px;
  display: block;
  width: 42px;
  text-align: center;
  text-decoration: none;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 59px;
  color: #fff;
  z-index: 50; }
  .docs-gallery__link:hover {
    opacity: .7; }

.company-details .container {
  display: table; }
.company-details .inner {
  width: 100%;
  height: 551px;
  background-image: url("./img/bg-details.jpg");
  background-size: cover;
  background-position: center; }
.company-details__text-wrapper {
  padding: 40px 65px;
  width: 495px;
  color: #fff;
  background-color: rgba(255, 37, 78, 0.8); }
.company-details__title {
  margin: 0;
  margin-bottom: 20px;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 300;
  font-size: 44px;
  line-height: 48px; }
.company-details__text {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 300;
  font-size: 17px;
  line-height: 28px; }
  .company-details__text--bold {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.1px; }

.payment-type__title {
  margin: 0;
  margin-bottom: 20px;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 42px; }
.payment-type__tab-buttons-list {
  margin: 0;
  padding: 0;
  padding-left: 27px;
  list-style: none;
  font-size: 0; }
.payment-type__tab-button {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  padding-left: 18px;
  padding-right: 18px;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 40px;
  color: #000;
  background-color: #fff;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  cursor: pointer; }
  .payment-type__tab-button:hover {
    border-top: 4px solid #1bb2f0;
    border-left: 4px solid #1bb2f0;
    border-right: 4px solid #1bb2f0; }
  .payment-type__tab-button--active {
    color: #fff;
    background-color: #1bb2f0;
    border-top: 4px solid #1bb2f0;
    border-left: 4px solid #1bb2f0;
    border-right: 4px solid #1bb2f0; }

.tab {
  display: none; }
  .tab.visible {
    display: block; }

.payment-table {
  margin-bottom: 35px;
  width: 100%;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px; }
  .payment-table th {
    height: 55px;
    vertical-align: middle;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    border-bottom: 2px solid #dedede;
    border-top: 4px solid #1bb2f0; }
  .payment-table__cell-1 {
    width: 17%; }
  .payment-table__cell-2 {
    text-align: left;
    width: 43%; }
  .payment-table__cell-3 {
    text-align: left;
    width: 25%; }
  .payment-table__cell-4 {
    text-align: left;
    width: 15%; }
  .payment-table td {
    height: 87px;
    vertical-align: middle; }
    .payment-table td:first-child {
      text-align: center; }
  .payment-table tr:hover {
    background-color: #f8f8f8; }
  .payment-table tr:first-child:hover {
    background-color: #fff; }

.dedicated-promo {
  padding-top: 30px;
  padding-bottom: 32px;
  border-bottom: 1px solid #dedede; }
  .dedicated-promo .container {
	position: relative;
    padding-bottom: 5px;}
  .dedicated-promo .container:after {	
	content:'';
	position:absolute;
	width:450px;  
	height:350px;
	background-image: url("./img/icons/gear-icon.png"), url("./img/icons/wrench-icon.png"), url("./img/icons/shield-icon.png"), url("./img/bg-dedicated.png");
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: top 153px right 95px, top 143px right 202px, top 195px right 75px, top 41px right 133px;
    -webkit-animation-name: bg-move, fade-in, spin;
    animation-name: bg-move, fade-in, spin;
    -webkit-animation-duration: 1.5s, 1.5s;
    animation-duration: 1.5s, 1.5s; 
	top: 0;
	right: 0;}
  .dedicated-promo__text {
    margin: 0;
    margin-bottom: 24px;
    max-width: 720px;
    font-family: RobotoLight, sans-serif;
    font-size: 18px;
    line-height: 24px; }

@-webkit-keyframes fade-in {
  0% {opacity: 0; }
  100% {opacity: 1; } }
@keyframes fade-in {
  0% {opacity: 0; }
  100% {opacity: 1; } }
@-webkit-keyframes bg-move {
  0% {
    background-image: url("./img/icons/gear-icon.png"), url("./img/icons/wrench-icon.png"), url("./img/icons/shield-icon.png"), url("./img/bg-dedicated.png");
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: top -1000px right 95px, top 143px right 3202px, top 195px right -2075px, top 41px right 133px; }
  100% {
    background-image: url("./img/icons/gear-icon.png"), url("./img/icons/wrench-icon.png"), url("./img/icons/shield-icon.png"), url("./img/bg-dedicated.png");
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: top 153px right 95px, top 143px right 202px, top 195px right 75px, top 41px right 133px; } }
@keyframes bg-move {
  0% {
    background-image: url("./img/icons/gear-icon.png"), url("./img/icons/wrench-icon.png"), url("./img/icons/shield-icon.png"), url("./img/bg-dedicated.png");
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: top -1000px right 95px, top 143px right 3202px, top 195px right -2075px, top 41px right 133px; }
  100% {
    background-image: url("./img/icons/gear-icon.png"), url("./img/icons/wrench-icon.png"), url("./img/icons/shield-icon.png"), url("./img/bg-dedicated.png");
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: top 153px right 95px, top 143px right 202px, top 195px right 75px, top 41px right 133px; } }
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    } } 	

.benefits {
  padding-top: 48px;
  background-image: url("./img/bg-gradient-beige.png");
  background-repeat: no-repeat;
  background-position: top left;
  border-top: 2px solid #fff;
  border-bottom: 4px solid #1bb2f0; }
  .benefits__title {
    margin: 0;
    margin-bottom: 40px;
    text-align: center;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 40px; }
  .benefits__wrapper {
    font-size: 0; }

.benefit {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 60px;
  padding-top: 65px;
  padding-right: 40px;
  width: 295px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  background-repeat: no-repeat;
  background-position: top left; }
  .benefit--soft {
    background-image: url("./img/icons/adm_1.svg"); }
  .benefit--monitoring {
    background-image: url("./img/icons/adm_2.svg"); }
  .benefit--soft-update {
    background-image: url("./img/icons/adm_3.svg"); }
  .benefit--tests {
    background-image: url("./img/icons/adm_4.svg"); }
  .benefit--security {
    margin-bottom: 35px;
    background-image: url("./img/icons/adm_5.svg"); }
  .benefit--hosting-settings {
    margin-bottom: 35px;
    background-image: url("./img/icons/adm_6.svg"); }
  .benefit--antivirus {
    margin-bottom: 35px;
    background-image: url("./img/icons/adm_7.svg"); }
  .benefit--os-settings {
    margin-bottom: 35px;
    background-image: url("./img/icons/adm_8.svg"); }
  .benefit--backup {
    margin-bottom: 38px;
    background-image: url("./img/icons/adm_9.svg"); }
  .benefit--ddos {
    margin-bottom: 38px;
    background-image: url("./img/icons/adm_10.svg"); }

.subscription-plans {
  padding-top: 45px;
  padding-bottom: 41px; }
  .subscription-plans__title {
    margin: 0;
    margin-bottom: 27px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 40px; }
  .subscription-plans__wrapper {
    font-size: 0; }

.subscription-plan {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  height: 670px;
  width: 295px;
  border: 4px solid #e4e4e4;
  border-left: none;}
  .subscription-plan:hover {
    border: 4px solid transparent;
    border-left: none; }
    .subscription-plan:hover:after {
      content: "";
      position: absolute;
      top: -7px;
      left: -3px;
      display: block;
      width: 100%;
      height: 668px;
      border: 4px solid #1bb2f0;
      z-index: 10; }
    .subscription-plan:hover .subscription-plan__title:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 70px;
      height: 4px;
      background-color: #1bb2f0;}
  .subscription-plan:first-child {
    border-left: 4px solid #e4e4e4; }
    .subscription-plan:first-child:hover {
      border-left: 4px solid transparent; }
  .subscription-plan__title {
    position: relative;
    padding: 24px;
    max-width: 155px;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #333; }
    .subscription-plan__title--bold {
      font-size: 24px; }
    .subscription-plan__title:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 70px;
      height: 4px;
      background-color: #e4e4e4; }
  .subscription-plan__fee {
    padding: 20px 24px;
    padding-bottom: 0;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #939393; }
    .subscription-plan__fee--amount {
      position: relative;
      padding-right: 5px;
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 300;
      font-size: 50px;
      line-height: 54px;
      color: #333; }
      .subscription-plan__fee--amount:after {
        content: "";
        position: absolute;
        top: 12px;
        right: -9px;
        width: 11px;
        height: 20px;
        background-image: url("./img/icons/uah-ico.png");
        background-repeat: no-repeat;
        background-size: contain; }
  .subscription-plan__text {
    margin: 0;
    margin-bottom: 20px;
    padding-left: 24px;
    padding-right: 24px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #333; }
    .subscription-plan__text--red {
      margin-bottom: 0;
      font-weight: 600;
      color: #ff254e; }
  .subscription-plan .btn {
	cursor:pointer;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -67px;
    width: 134px;
    z-index: 20; }

.discount {
  padding-top: 24px;
  padding-bottom: 24px;
  text-align: center;
  background-color: #fafafa;
  border-bottom: 1px solid #dedede;
  border-top: 1px solid #dedede; }
  .discount__message {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 45px;
    text-decoration: none;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 25px;
    line-height: 40px;
    color: #ff254e; }
    .discount__message:before {
      content: "";
      position: absolute;
      top: 0;
      left: -45px;
      width: 32px;
      height: 35px;
      background-image: url("./img/icons/adm_gift.svg");
      background-repeat: no-repeat;
      background-size: contain; }
    .discount__message:after {
      content: "";
      position: absolute;
      bottom: 7px;
      left: 0;
      right: 0;
      width: 100%;
      border-bottom: 1px dashed #ff254e; }

.hourly-service {
  padding-top: 53px;
  padding-bottom: 59px; }
  .hourly-service__wrapper {
    padding: 0 38px;
    padding-top: 27px;
    background-image: url("./img/bg-dedicated-2.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 100%;
    border: 11px solid #e8ecee; }
  .hourly-service__title {
    margin: 0;
    margin-bottom: 43px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 40px;
    color: #262626; }
  .hourly-service__items {
    width: 620px;
    font-size: 0; }
  .hourly-service__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding-left: 100px;
    width: 305px;
    background-repeat: no-repeat;
    background-size: 70px 70px;
    background-position: top 1px left 0; }
    .hourly-service__item--one {
      background-image: url("./img/icons/adm_time_1.svg");
      -webkit-animation-name: fade-in;
              animation-name: fade-in;
      -webkit-animation-duration: .5s;
              animation-duration: .5s;
      -webkit-animation-fill-mode: backwards;
              animation-fill-mode: backwards; }
    .hourly-service__item--three {
      background-image: url("./img/icons/adm_time_3.svg");
      -webkit-animation-name: fade-in;
              animation-name: fade-in;
      -webkit-animation-delay: .5s;
              animation-delay: .5s;
      -webkit-animation-duration: .5s;
              animation-duration: .5s;
      -webkit-animation-fill-mode: backwards;
              animation-fill-mode: backwards; }
    .hourly-service__item--five {
      background-image: url("./img/icons/adm_time_5.svg");
      -webkit-animation-name: fade-in;
              animation-name: fade-in;
      -webkit-animation-delay: 1s;
              animation-delay: 1s;
      -webkit-animation-duration: .5s;
              animation-duration: .5s;
      -webkit-animation-fill-mode: backwards;
              animation-fill-mode: backwards; }
    .hourly-service__item--ten {
      background-image: url("./img/icons/adm_time_10.svg");
      -webkit-animation-name: fade-in;
              animation-name: fade-in;
      -webkit-animation-delay: 1.5s;
              animation-delay: 1.5s;
      -webkit-animation-duration: .5s;
              animation-duration: .5s;
      -webkit-animation-fill-mode: backwards;
              animation-fill-mode: backwards; }
  .hourly-service__time {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 24px;
    line-height: 36px;
    color: #000; }
  .hourly-service__fee {
    margin-bottom: 10px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 32px; }
  .hourly-service__discount {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #ff254e; }

.filters {
  margin-bottom: 47px; }
  .filters__wrapper {
    padding: 13px 18px;
    font-size: 0;
    background-color: #f8f8f8;
    border: 5px solid #1bb2f0; }
  .filters__discs {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 35px; }
    .filters__discs:after {
      content: "";
      position: absolute;
      top: 8px;
      right: -13px;
      width: 1px;
      height: 22px;
      background-color: #d2d2d2; }
  .filters__ram {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 35px; }
    .filters__ram:after {
      content: "";
      position: absolute;
      top: 8px;
      right: -13px;
      width: 1px;
      height: 22px;
      background-color: #d2d2d2; }
  .filters__config {
    display: inline-block;
    vertical-align: top; }
  .filters__title {
    display: inline-block;
    vertical-align: top;
    margin-right: 13px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 38px; }
  .filters__checkbox-label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 13px;
    padding-right: 27px;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: -0.5px;
    cursor: pointer; }
    .filters__checkbox-label:before {
      content: "";
      position: absolute;
      top: 10px;
      right: 0;
      width: 16px;
      height: 16px;
      border: 1px solid #d2d2d2;
      border-radius: 3px;
      background-color: #fff;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.09);
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%);
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%); }
    .filters__checkbox-label:hover:before {
      border: 1px solid #0d96ce;
      background-color: #1bb1ef;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
      background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.13) 0%, rgba(255, 255, 255, 0.13) 100%);
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.13) 0%, rgba(255, 255, 255, 0.13) 100%); }
    input[type="checkbox"]:checked + .filters__checkbox-label:before {
      border: 1px solid #0d96ce;
      background-color: #1bb1ef;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
      background-image: url(./img/sprite.png);
      background-repeat: no-repeat;
      background-position: -56px -26px; }
  .filters__checkbox-label-config {
	display: inline-block;
    position: relative;
    margin-right: 20px;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    line-height: 40px;
    cursor: pointer; }
  .filters__checkbox-label-config.active:after{
	content: "";
	position: absolute;
	bottom: 8px;
	left: 0px;
	right: 0px;
	width: 100%;
	
	border-bottom: 1px dotted #000;	  
  }
    input[type="checkbox"]:checked + .filters__checkbox-label-config:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      border-bottom: 1px dotted #000; }

.server-table {
  margin-bottom: 50px;
  width: 100%;
  font-family: "Roboto", Arial, sans-serif;
  color: #333; }
  .server-table__header {
    vertical-align: top;
    text-align: left;
    padding-bottom: 21px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 0; }
    .server-table__header--first {
      width: 6%; }
    .server-table__header--second {
      width: 16%; }
    .server-table__header__third {
      width: 13%; }
    .server-table__header--fourth {
      width: 11%; }
    .server-table__header--five {
      width: 9%; }
    .server-table__header--six {
      width: 11%; }
    .server-table__header--seven {
      width: 9%; }
    .server-table__header--eight {
      width: 13%; }
    .server-table__header--nine {
      width: 12%; }
  .server-table__header-text {
    line-height: 24px;
    color: #272727;
    border-bottom: 1px dotted #272727; }
  .server-table__header-number {
    padding-left: 22px;
    line-height: 24px;
    color: #272727; }
  .server-table__flag-popular {
    position: absolute;
    top: 2.5px;
    left: -30px;
    display: none;
    min-width: 75px;
    text-align: center;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #fff;
    background-color: #ff254e;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .server-table .inner {
    position: relative; }
  .server-table tr {
    border-bottom: 1px solid #e1ecf3; }
    .server-table tr.popular .server-table__flag-popular {
      display: block; }
    .server-table tr:last-child {
      border-bottom: none; }
    .server-table tr:hover {
      background-color: #eef4f8; }
    .server-table tr.head:hover {
      background-color: #fff; }
  .server-table td {
    vertical-align: middle;
    min-height: 74px;
    padding: 13px 0; }
  .server-table__number {
    padding-left: 26px; }
  .server-table__cpu {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px; }
  .server-table__progress {
    position: relative;
    width: 108px;
    height: 7px;
    background-color: #d9e7ea; }
  .server-table__progress-marker {
    position: absolute;
    top: 0;
    left: 0;
    height: 7px;
    background-color: #36c677; }
    .server-table__progress-marker--full:before {
      content: "";
      position: absolute;
      top: 0;
      right: -6px;
      width: 3px;
      height: 7px;
      background-color: #35c577; }
    .server-table__progress-marker--full:after {
      content: "";
      position: absolute;
      top: 0;
      right: -12px;
      width: 3px;
      height: 7px;
      background-color: #35c577; }
  .server-table__ram {
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 20px; }
  .server-table__discs {
    padding-top: 10px;
    font-size: 14px;
    line-height: 20px; }
  .server-table__check {
    position: relative;
    font-size: 0; }
    .server-table__check:before {
      content: "";
      position: absolute;
      top: 3px;
      left: 20px;
      width: 27px;
      height: 3px;
      background-color: #cecece;
      border-radius: 2px; }
    .server-table__check--yes:before {
      content: "";
      position: absolute;
      top: 0;
      left: 20px;
      width: 24px;
      height: 17px;
      background-color: transparent;
      background-image: url("./img/sprite.png");
      background-repeat: no-repeat;
      background-position: -118px -50px; }
  .server-table__canal {
    padding-top: 10px;
    font-size: 15px;
    line-height: 20px; }
  .server-table__traffic {
    position: relative;
    font-size: 0; }
    .server-table__traffic:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 30px;
      height: 16px;
      background-image: url("./img/sprite.png");
      background-repeat: no-repeat;
      background-position: -112px -27px; }
  .server-table__price {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px; }
    .server-table__price:after {
      content: "";
      position: absolute;
      top: 4px;
      right: -18px;
      width: 12px;
      height: 15px;
      background-image: url("./img/icons/uah-ico.png");
      background-repeat: no-repeat;
      background-size: contain; }
  .server-table__price-notice {
    font-size: 14px;
    line-height: 18px;
    color: #929292; }
  .server-table .btn--blue {
	cursor:pointer;
    display: block;
    margin: 0 auto;
    width: 109px; }
  .server-table__notFound {
    display: none; }
    .server-table__notFound td {
      background: #eb4444;
      color: #fff;
      padding: 24px 48px;
      min-height: 74px; }
    .server-table__notFound strong {
      font-size: 18px;
      display: block;
      margin: 0 0 8px; }

.server-hosting-info {
  padding-top: 31px;
  font-family: "Roboto", Arial, sans-serif;
  border-bottom: 1px solid #dedede; }
  .server-hosting-info__title {
    margin: 0;
    margin-bottom: 20px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 34px;
    line-height: 38px; }
  .server-hosting-info__text {
    margin: 0;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 26px; }
  .server-hosting-info__wrapper {
    font-size: 0; }
  .server-hosting-info__feature {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 41px;
    margin-bottom: 59px;
    padding: 20px 25px;
    padding-top: 15px;
    width: 365px;
    min-height: 305px;
    border: 5px solid #1bb2f0;
    box-shadow: 0px 33px 66px -37px rgba(30, 175, 232, 0.35); }
    .server-hosting-info__feature:last-child {
      margin-right: 0; }
  .server-hosting-info__feature-title {
    margin: 0;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 42px; }
  .server-hosting-info__feature-text {
    margin: 0;
    font-size: 16px;
    line-height: 26px; }

.server-hosting-benefits {
  padding-top: 62px;
  padding-bottom: 94px;
  border-bottom: 1px solid #dbdbdb; }
  .server-hosting-benefits__wrapper {
    width: 100%;
    height: 435px;
    background-image: url("./img/bg-server-benefits.jpg");
    background-repeat: repeat-x;
    background-position: top right;
    background-size: auto 450px; }
  .server-hosting-benefits__text-wrapper {
    box-sizing: border-box;
    padding: 35px 40px;
    width: 685px;
    height: 100%;
    font-family: "Roboto", Arial, sans-serif;
    color: #fff;
    background-color: #ff254e; }
  .server-hosting-benefits__title {
    margin: 0;
    margin-bottom: 22px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px; }
  .server-hosting-benefits__item {
    position: relative;
    margin-bottom: 35px;
    padding-left: 57px; }
    .server-hosting-benefits__item:before {
      content: "";
      position: absolute;
      top: 4px;
      left: 2px;
      background-repeat: no-repeat; }
    .server-hosting-benefits__item--root:before {
      width: 32px;
      height: 32px;
      background-image: url("./img/icons/index_zoom.svg");
      background-size: contain; }
    .server-hosting-benefits__item--dedicated:before {
      width: 32px;
      height: 32px;
      background-image: url("./img/icons/web_2_white.svg");
      background-size: contain; }
    .server-hosting-benefits__item--settings:before {
      width: 32px;
      height: 32px;
      background-image: url("./img/icons/coctail-icon.png");
      background-size: contain; }
  .server-hosting-benefits__item-title {
    margin: 0;
    margin-bottom: 5px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px; }
  .server-hosting-benefits__item-description {
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 22px; }

.server-hosting-advantages {
  padding-top: 75px;
  padding-bottom: 60px; }
  .server-hosting-advantages .container {
    font-size: 0; }
  .server-hosting-advantages__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 55px;
    margin-right: 55px;
    padding-top: 145px;
    width: 280px;
    text-align: center; }
    .server-hosting-advantages__item:before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      background-image: url("./img/sprite.png");
      background-repeat: no-repeat; }
    .server-hosting-advantages__item:after {
      content: "";
      position: absolute;
      top: 29px;
      right: -53px;
      width: 1px;
      height: 37px;
      background-color: #939393;
      -webkit-transform: rotate(11deg);
          -ms-transform: rotate(11deg);
              transform: rotate(11deg);
      opacity: .3; }
    .server-hosting-advantages__item--discount:before {
      top: 10px;
      margin-left: -60px;
      width: 121px;
      height: 91px;
      background-position: 0 -261px; }
    .server-hosting-advantages__item--trial:before {
      margin-left: -50px;
      width: 99px;
      height: 100px;
      background-position: 0 -148px; }
    .server-hosting-advantages__item--24hours:before {
      top: 15px;
      margin-left: -44px;
      width: 88px;
      height: 87px;
      background-position: 0 -361px; }
    .server-hosting-advantages__item--24hours:after {
      display: none; }
  .server-hosting-advantages__item-title {
    margin: 0 auto;
    margin-bottom: 15px;
    max-width: 200px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 28px; }
  .server-hosting-advantages__item-description {
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    color: #4d4d4d; }

.best-price {
  padding-top: 35px;
  padding-bottom: 42px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb; }
  .best-price__title {
    margin: 0;
    margin-bottom: 14px;
    font-size: 30px;
    line-height: 34px;
    color: #ff254e; }
  .best-price__text {
    margin: 0 auto;
    max-width: 980px;
    font-family: Arial, sans-serif;
    font-size: 21px;
    line-height: 27px; }
  .best-price__wrapper {
    font-size: 0; }
  .best-price__option {
    position: relative;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding-left: 70px;
    width: 390px;
    text-align: left;
    background-repeat: no-repeat;
    background-position: top 0 left 15px; }
    .best-price__option--trial {
      background-size: 44px 26px;
      background-image: url("./img/icons/hosting-1.svg"); }
    .best-price__option--activation {
      background-size: 32px 34px;
      background-image: url("./img/icons/virtual_activation.svg"); }
    .best-price__option--transfer {
      background-size: 38px 38px;
      background-image: url("./img/icons/virtual_copy.svg"); }
  .best-price__option-title {
    font-size: 21px;
    line-height: 24px; }
  .best-price__option-text {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #a6a6a6; }

.month-view {
  padding-bottom: 60px;
  border-bottom: 1px solid #cfd4d7; }
  .month-view__title {
    float: left;
    margin: 0;
    font-size: 26px;
    line-height: 46px; }
  .month-view .arrow-links {
    position: static;
    float: right; }

.month-table {
  width: 100%;
  position:relative;  }
  .month-table th {
    width: 14.29%;
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #9e9e9e; }
  .month-table td {
    box-sizing: border-box;
    vertical-align: top;
    height: 105px;
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    border: 1px solid #eaeced; }
    .month-table td:first-child {
      border-left: 2px solid #dfe4e5; }
    .month-table td:last-child {
      border-right: 2px solid #dfe4e5; }
    .month-table td .day {
      font-size: 18px;
      line-height: 22px; }
  .month-table__cell .inner {
    box-sizing: border-box;
    padding-top: 21px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    height: 100%; }
  .month-table__cell.disabled {
    color: rgba(0, 0, 0, 0.4);
    background-color: #fafafa; }
  .month-table__cell.has-event {
    position: relative;
    text-decoration: none;
    color: #fff;
	cursor:pointer;	}
  .month-table__cell.has-event.active{
	position: absolute;
    width: 100%;
    height: 635px;
    left: -2px;
	top:30px;
    z-index: 100;
	cursor:default;	}
    .month-table__cell.has-event .inner {
      box-sizing: content-box;
      padding: 0;
      background-color: #fff; }
      .month-table__cell.has-event .inner:hover {
        position: absolute;
		min-height:104px;
		top:-10px;
		left:-10px;
		background-color: #ff254e;
        border: 10px solid #f21b43;    
		z-index: 100; }
	  .month-table__cell.has-event.active .inner{
		border:10px solid #f21b43;
		background-color: #ff254e;
		position: relative;	
		width:1161px;
		top:0px;
		left:0px;}
	.month-table__cell.has-event span.clearfix 	{
      display: inline-block;
      vertical-align: top;
      box-sizing: border-box;
      padding-right: 15px;
      padding-left: 15px;
      padding-top: 15px;
      width: 100%;
      height: 100%; }
	.month-table__cell.has-event.active span.clearfix {
	  padding:20px 0 0 0; 
		
	}
    .month-table__cell.has-event .time {
      float: left;
      font-family: Arial, sans-serif;
      font-weight: 600;
      font-size: 12px;
      line-height: 16px;
      text-decoration: none;
      color: #000; }
    .month-table__cell.has-event .number {
	  font-size:12px;
	  position: absolute;
	  right: 40px;
      width: 20px;
      height: 20px;
      text-align: center;
	  background:url(./img/calendar_circle.png) no-repeat;}
	.month-table__cell.has-event:hover .number {
	  display:none;}
	.month-table__cell.has-event:hover .time,
	.month-table__cell.has-event:hover .day,
	.month-table__cell.has-event:hover .event{
	  color:#fff;}
    .month-table__cell.has-event .day {
      position: relative;
      font-size: 18px;
      line-height: 30px;
      text-decoration: none;
      color: #000;
      float: right;
      margin: -5px 0 10px;	  }
      /*.month-table__cell.has-event .day:after {
        content: "";
        position: absolute;
        bottom: 1px;
        left: 0;
        right: 0;
        width: 100%;
        height: 4px;
        background-color: #ff254e; }*/
    .month-table__cell.has-event .event {
      display: inline-block;
      vertical-align: top;
      font-family: Arial, sans-serif;
      font-size: 12px;
      line-height: 14px;
      text-decoration: none;
      color: #000;
	  font-weight:700;
	  min-width: 135px;}
  .month-table tr:nth-child(2) {
    border-top: 2px solid #dfe4e5; }
  .month-table tr:last-child {
    border-bottom: 2px solid #dfe4e5; }
  .month-table__cell.has-event .event-detail{
	text-align:left;
	background-color: #ff254e;
	width:1161px !important;
	outline: 10px solid #F21B43;
	min-height:633px;}
  .month-table__cell.has-event .event-detail .close_event-detail{
	width:22px;
	height:22px;
	background:url(./img/close.png) no-repeat;
	background-color: #ff254e;
	background-size:cover;
	position:absolute;
	top:5px;
	cursor:pointer;
	right:5px;}
  .month-table__cell.has-event .event-detail .date{
	position: absolute;
	line-height: 28px;
	vertical-align:top;
	font-family: "RobotoLight", sans-serif;
	width:170px;
	padding-top:15px;
	font-size:23px;
	text-align:center;	}
  .month-table__cell.has-event .event-detail .date .data{
	font-size:72px;	}
  .month-table__cell.has-event .event-detail .single-event{
	display:inline-block;
	vertical-align:top;
	width:950px;
	padding-bottom:20px;
	border-bottom:1px solid #f21b43;
	margin:0 0 20px 180px;}
  .month-table__cell.has-event .event-detail .single-event p{
	margin:0 0 6px;}
  .month-table__cell.has-event .event-detail .single-event a{
	display:block;
	color:#fff;
	cursor:pointer;	
	margin:0 0 6px;
	text-decoration:none;}
  .month-table__cell.has-event .event-detail .single-event a:hover{text-decoration:underline;}
  .month-table__cell.has-event .event-detail .single-event .time-detail{
	font-size:12px;
	}
	
	
	
.upcoming-events {
  padding-top: 22px;
  padding-bottom: 36px;
  background-color: #eff2f4;
  border-top: 1px solid #fff; }
  .upcoming-events__title {
    margin: 0;
    margin-bottom: 25px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px; }
  .upcoming-events__row {
    margin-bottom: 4px;
    font-size: 0;
    border-bottom: 1px solid #d6dbdc; }
    .upcoming-events__row--last {
      padding-top: 35px;
      border-bottom: none; }
  .upcoming-events .event-slide {
    margin-bottom: 34px; }
    .upcoming-events .event-slide:hover {
      margin-bottom: 14px; }
  .upcoming-events .btn--blue {
    display: block;
    margin: 0 auto;
    width: 204px;
    padding-left: 25px;
	font-size:14px;	}
  .upcoming-events .btn--blue:before {
	content:'';
	position:absolute;
	display:block;
	background:url(./img/load_event.png);
	height:20px;
	width:19px;
	left: 22px;
	top:11px;}

.domain-info {
  padding-top: 23px;
  background-image: url("./img/bg-gradient-beige.png");
  background-repeat: repeat-x;
  background-position: 0 0;
  border-top: 2px solid #fff; }
  .domain-info__name {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 25px;
    font-size: 36px;
    line-height: 40px; }
  .domain-info__status {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    font-size: 36px;
    line-height: 40px; }
    .domain-info__status--occupied {
      color: #ff254e; }
    .domain-info__status--free {
      color: #45ba06; }
  .domain-info__ip {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 32px; }
    .domain-info__ip--address {
      color: #1bb2f0; }
  .domain-info__wrapper {
    padding-top: 13px;
    font-size: 0;
    border-top: 1px solid #ddeaf1; }

.domain-info-table {
  display: inline-block;
  vertical-align: top;
  width: 765px; }
  .domain-info-table__title {
    margin: 0;
    margin-bottom: 20px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px; }
  .domain-info-table table {
    width: 100%; }
  .domain-info-table td {
    vertical-align: top;
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 41px; }
    .domain-info-table td:first-child {
      width: 252px; }
    .domain-info-table td:last-child {
      width: 512px; }
  .domain-info-table tr {
    border-bottom: 1px dashed #d4d4d4; }
    .domain-info-table tr:last-child {
      border-bottom: none; }

.more-domain-extensions {
  display: inline-block;
  vertical-align: top;
  margin-left: 34px;
  width: 370px; }
  .more-domain-extensions__title {
    margin: 0;
    margin-bottom: 21px;
    padding-top: 5px;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #1b1b1b; }

.domain-extensions-table {
  box-sizing: border-box;
  padding: 4px 22px;
  width: 100%;
  font-family: Arial, sans-serif;
  border: 1px solid #dedede;
  box-shadow: 0 2px 3px rgba(200, 212, 220, 0.55); }
  .domain-extensions-table__row {
    font-size: 0;
    border-bottom: 1px solid #dedede; }
    .domain-extensions-table__row:last-child {
      border-bottom: none; }
  .domain-extensions-table .domain-extension {
    display: inline-block;
    vertical-align: top;
    width: 430px;
    font-size: 15px;
    line-height: 37px;
	font-size:21px;
	font-family:Roboto, sans-serif	}
  .search .domain-extensions-table .domain-extension {
	font-size:15px;}
  .search .domain-extensions-table .domain-extension {
	font-size:15px;
	width: 245px;}
  .domain-extensions-table .domain-status {
    display: inline-block;
    vertical-align: top;
    width: 465px;
    font-size: 21px;
    line-height: 37px; 
	font-family:Roboto, sans-serif}
  .search .domain-extensions-table .domain-status {
	font-size: 15px;
	width: 75px;}
  .domain-extensions-table .domain-price{
    display: inline-block;
	position:relative;
    vertical-align: top;
    width: 100px;	
	line-height: 37px;
	font-size:22px;}  
  .domain-extensions-table .domain-price:after {
	background-image: url(./img/sprite.png);
    content: "";
    display:inline-block;
    width: 53px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: -98px -426px;
	margin-left:3px;
	vertical-align: top;
    margin-top: 5px;}
    .domain-extensions-table .domain-status--occupied {
      color: #ea0000; }
    .domain-extensions-table .domain-status--free {
      color: #36c677; }
	.domain-extensions-table span.btn {
      color: #fff;
	  cursor:pointer;
	  font-size: 16px;
	  width:100px;
	  float:right;}
  .domain-extensions-table a {
    color: #1BB2F0;
	font-size: 21px;}
  .search .domain-extensions-table a {
    font-size:15px;}
    .domain-extensions-table a:hover {
      opacity: .7; }
.domain-extensions-table--full{
	border:none;
	box-shadow:none;
	padding:0;
	margin-bottom:50px;}
.domain-extensions-table--full .domain-extensions-table__row{
	border: 3px solid #e2e2e2;
	padding: 10px 12px 14px 24px;
	margin-bottom:10px;}

.domain-prices {
  padding-top: 48px;
  padding-bottom: 44px;
  background-image: url("./img/bg-gradient-beige.png");
  background-repeat: repeat-x;
  background-position: 0 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #dedede; }
  .domain-prices__title {
    margin: 0;
    margin-bottom: 40px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px; }

.post-services {
  padding-top: 33px;
  padding-bottom: 43px;
  background-image: url("./img/bg-gradient-beige.png"), url("./img/bg-gradient-beige-1.png");
  background-repeat: repeat-x, repeat-x;
  background-position: 0 0, left bottom;
  background-size: 100% auto, 100% auto;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff; }
  .post-services__wrapper {
    font-size: 0; }
  .post-services__service {
    display: inline-block;
    vertical-align: top;
    padding-right: 80px;
    padding-top: 112px;
    width: 310px;
    background-repeat: no-repeat; }
    .post-services__service--yandex {
      background-image: url("./img/logos/yandex.png");
      background-position: top left; }
    .post-services__service--mailru {
      background-image: url("./img/logos/mailru.png");
      background-position: top 32px left 0; }
    .post-services__service--google-apps {
      background-image: url("./img/logos/google-apps.png");
      background-position: top 35px left -10px; }
  .post-services__title {
    margin: 0;
    margin-bottom: 30px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px; }
  .post-services__service-title {
    margin-bottom: 6px;
    font-size: 20px;
    line-height: 42px;
    color: #62676f; }
  .post-services__text {
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 22px; }

.prices-table__red-text {
  color: #ff254e; }
.prices-table__gray-text {
  text-decoration: line-through;
  color: #b9b9b9; }
.prices-table table {
  width: 100%; }
.prices-table tr {
  border-bottom: 1px solid #e9e9e9; }
  .prices-table tr:first-child {
    border-bottom: none; }
  .prices-table tr:last-child {
    border-bottom: none; }
  .prices-table tr:nth-child(2) {
    vertical-align: bottom;
    height: 51px; }
  .prices-table tr:hover {
    background-color: #f8f8f8; }
.prices-table th {
  width: 29%;
  text-align: left;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 50px;
  border-bottom: 2px solid #e9e9e9; }
  .prices-table th:first-child {
    width: 47%; }
  .prices-table th:last-child {
    width: 24%; }
.prices-table td {
  font-size: 16px;
  line-height: 40px; }

.choosing-domain {
  padding-top: 39px;
  padding-bottom: 45px;
  border-top: 1px solid #dedede; }
  .choosing-domain__title {
    margin: 0;
    margin-bottom: 23px;
    font-family: Arial, sans-serif;
    font-size: 20px;
    line-height: 24px; }
  .choosing-domain__list {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: li; }
    .choosing-domain__list li {
      position: relative;
      margin-bottom: 22px;
      text-indent: 17px;
      font-family: Arial, sans-serif;
      font-size: 15px;
      line-height: 22px; }
      .choosing-domain__list li:before {
        content: counter(li);
        counter-increment: li;
        position: absolute;
        left: -17px;
        top: 0;
        font-size: 15px;
        line-height: 22px; }
      .choosing-domain__list li:after {
        content: ".";
        position: absolute;
        top: 0;
        left: -8px;
        font-size: 15px;
        line-height: 22px; }

.vds-promo {
  padding-top: 40px;
  padding-bottom: 18px; }
  .vds-promo .container {
    position: relative; }
    .vds-promo .container:after {
      content: url("./img/bg-vds.png");
      position: absolute;
      top: 8px;
      right: -29px; }
  .vds-promo__title {
    margin: 0;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 40px; }
  .vds-promo__text {
    margin-bottom: 20px;
    max-width: 720px;
    font-family: RobotoLight, sans-serif;
    font-size: 18px;
    line-height: 24px; }

.vds-subscription-plans {
  position: relative;
  padding-top: 42px;
  padding-bottom: 200px;
  background-color: #1bb2f0; }
  .vds-subscription-plans__tab {
    display: none; }
    .vds-subscription-plans__tab.visible {
      display: block;
      -webkit-animation-name: fade-in;
              animation-name: fade-in;
      -webkit-animation-duration: .7s;
              animation-duration: .7s;
      -webkit-animation-timing-function: cubic-bezier(1, -0.12, 0.81, 1.23);
              animation-timing-function: cubic-bezier(1, -0.12, 0.81, 1.23); }
  .vds-subscription-plans__title {
    margin: 0;
    margin-bottom: 31px;
    margin-right: 32px;
    display: inline-block;
    vertical-align: top;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 40px;
    color: #fff; }
  .vds-subscription-plans__text {
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #fff; }
  .vds-subscription-plans__wrapper {
    position: absolute;
    top: 250px;
    left: 50%;
    margin-left: -592px;
    font-size: 0;
    background-color: #fff;
    border: 4px solid #f2f2f2;
    box-shadow: 0px 33px 32px -27px rgba(152, 166, 171, 0.55); }

.vds-subscription-plan {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 150px;
  min-height: 318px;
  border-right: 2px solid #f2f2f2;
  padding-top: 12px;  }
.vds-subscription-plan:hover {  
  box-shadow: 0px 0px 0px 4px #FFE400, 0px 0px 0px 4px #FFE400;
  transition: all 0.15s ease-in-out 0s;
  z-index: 5;
  border-right: 2px solid #fff}
.vds-subscription-plan.vds-subscription-plan--first:hover { 
  box-shadow:0 0 0 0;}
  .vds-subscription-plan:hover .btn {
    color: #303030;
    text-shadow: 0 -1px 0 rgba(255, 231, 132, 0.25);
    background-color: #ffd800;
    box-shadow: 0 1px 0 #ae8e0a; }
  .vds-subscription-plan--first:hover:before {
    display: none; }
  .vds-subscription-plan--first:hover:after {
    display: none; }
  .vds-subscription-plan:last-child {
    border-right: none; }
    .vds-subscription-plan:last-child:before {
      width: 196px;
      left: 0; }
    .vds-subscription-plan:last-child:after {
      width: 194px;
      left: -2px; }
  .vds-subscription-plan__header {
    padding-top: 13px;
    padding-left: 23px;
    min-height: 61px;
    vertical-align: bottom;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 55px;
    color: #6c6c6c; }
    .vds-subscription-plan__header--price {
      position: relative;
      padding-right: 5px;
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 300;
      font-size: 32px;
      line-height: 46px;
      color: #000; }
      .vds-subscription-plan__header--price:after {
        content: "";
        position: absolute;
        top: 11px;
        right: -7px;
        width: 9px;
        height: 13px;
        background-image: url("./img/icons/uah-ico.png");
        background-repeat: no-repeat;
        background-size: contain; }
    .vds-subscription-plan__header--period {
      text-transform: none;
      font-size: 14px;
      line-height: 46px; }
    .vds-subscription-plan__header--super-price {
      position: relative;
      left: 10px;
      top: -10px;
      display: block;
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 500;
      font-size: 19px;
      line-height: 19px;
      color: #ff0000; }
  .vds-subscription-plan__cell {
    padding-left: 23px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 44px; }
    .vds-subscription-plan__cell:nth-child(even) {
      background-color: #f7f7f7; }
    .vds-subscription-plan__cell--unlimited {
      position: relative;
      display: block;
      width: 100%;
      height: 44px; }
      .vds-subscription-plan__cell--unlimited:after {
        content: "";
        position: absolute;
        top: 14px;
        left: 50%;
        margin-left: -27px;
        width: 30px;
        height: 16px;
        background-image: url("./img/sprite.png");
        background-repeat: no-repeat;
        background-position: -112px -27px; }
  .vds-subscription-plan .btn {
    position: relative;
    display: block;
    margin: 0 auto;
    margin-bottom: 27px;
    z-index: 10; }
    .vds-subscription-plan .btn:hover {
      color: #303030;
      text-shadow: 0 -1px 0 rgba(255, 231, 132, 0.25);
	  cursor:pointer;
      background-color: #ffd800;
      box-shadow: 0 1px 0 #ae8e0a; }
  .vds-subscription-plan.super .vds-subscription-plan__header {
    padding-top: 0;
    min-height: 74px;
    line-height: 0; }
    .vds-subscription-plan.super .vds-subscription-plan__header--price {
      line-height: 42px; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.toggles-block {
  display: inline-block;
  vertical-align: top; }

.toggle {
  display: inline-block;
  vertical-align: top;
  margin-right: 18px;
  width: 165px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  color: #1590c2;
  line-height: 38px;
  border: 3px solid #1590c2;
  border-radius: 5px; }
  .toggle:hover {
    color: #ffe400;
    border: 3px solid #ffe400; }
  .toggle:active {
    opacity: .7; }
  .toggle.active {
    color: #ffe400;
    border: 3px solid #ffe400; }

.bonus-options {
  padding-top: 229px;
  padding-bottom: 43px;
  border-bottom: 1px solid #dedede; }
  .bonus-options__title {
    margin: 0;
    margin-bottom: 20px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px; }
  .bonus-options__wrapper {
    font-size: 0; }
  .bonus-options__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    padding-top: 100px;
    width: 284px;
    background-repeat: no-repeat;
    background-position: top 25px left 0; }
    .bonus-options__item--control {
      background-image: url("./img/icons/adm_6-1.svg");
      background-size: 82px 49px; }
    .bonus-options__item--ssl {
      background-image: url("./img/icons/lock.png");
      background-size: 35px 44px; }
    .bonus-options__item--admin {
      background-image: url("./img/icons/admin.png");
      background-size: 50px 47px; }
    .bonus-options__item--os {
      width: 318px;
      background-image: url("./img/icons/os.svg");
      background-size: 82px 49px; }
  .bonus-options__item-title {
    margin-bottom: 11px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px; }
  .bonus-options__text {
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 26px; }

.vds-features {
  padding-top: 75px;
  background-image: url("./img/bg-gradient-beige.png");
  background-repeat: repeat-x;
  background-position: 0 0;
  border-top: 2px solid #fff; }
  .vds-features__title {
    margin: 0;
    margin-bottom: 80px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 36px; }
  .vds-features__wrapper {
    font-size: 0; }

.vds-feature {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
  padding-top: 70px;
  width: 390px;
  background-repeat: no-repeat;
  background-position: top 5px left 0; }
  .vds-feature--root-access {
    background-image: url("./img/icons/vds_computer.svg");
    background-size: 68px 44px; }
  .vds-feature--resources {
    background-image: url("./img/icons/index_banner3.svg");
    background-size: 67px 51px;
    background-position: 0 0; }
  .vds-feature--setup {
    background-image: url("./img/icons/vds_sett.svg");
    background-size: 69px 53px; }
  .vds-feature__title {
    margin-bottom: 19px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px; }
  .vds-feature__text {
    margin: 0;
    max-width: 310px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 24px; }

.some-block {
  padding-top: 14px;
  padding-bottom: 31px; }
  .some-block .some-block-single.active .some-block__text-wrapper{
	display:block;}
  .some-block__text-wrapper {
    display: none; }
  .some-block__title {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    margin-bottom: 27px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    border-bottom: 1px dashed #000;
	cursor:pointer;	}
  .some-block__title:hover {
	opacity:0.8; }
    .some-block__title.visible + .some-block__text-wrapper {
      display: block; }
  .some-block__text {
    margin: 0;
    margin-bottom: 22px;
    font-size: 15px;
    line-height: 22px;
    color: #555; }

.virtual-hosting-plan {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 200px;
  min-height: 420px;
  text-align: center;
  border-right: 2px solid #f2f2f2; }
.virtual-hosting-plan:hover{
  box-shadow: 0px 0px 0px 4px #ffe400, 0px 0px 0px 4px #ffe400;
  transition: all 0.15s ease-in-out 0s;
  z-index: 5;
  border-right: 2px solid #fff}
  .virtual-hosting-plan:hover ~ .order-open-new_btn a {
  color: #000000;
  }
.virtual-hosting-plan.virtual-hosting-plan--first:hover{
 box-shadow:0 0 0 0;
}
  .virtual-hosting-plan .btn {
	cursor:pointer;
    margin-bottom: 28px; 
	transition: all 0.3s ease-in-out 0s}
  /*.virtual-hosting-plan:hover:before {
    content: "";
    position: absolute;
    top: -7px;
    left: -4px;
    width: 244px;
    height: 414px;
    border-top: 12px solid #fff;
    border-bottom: 12px solid #fff;
    z-index: 5;}
  .virtual-hosting-plan:hover:after {
    content: "";
    position: absolute;
    top: -12px;
    left: -6px;
    width: 238px;
    height: 435px;
    border: 7px solid #ffe400;
    z-index: 7; }*/
  .virtual-hosting-plan:hover .btn {
    color: #303030;
    text-shadow: 0 -1px 0 rgba(255, 231, 132, 0.25);
    background-color: #ffe400;
    box-shadow: 0 1px 0 #ae8e0a;
    z-index: 10; }
  .virtual-hosting-plan.active:before {
    content: "";
    position: absolute;
    top: -7px;
    left: -4px;
    width: 244px;
    height: 414px;
    border-top: 12px solid #fff;
    border-bottom: 12px solid #fff;
    z-index: 5; }
  .virtual-hosting-plan.active:after {
    content: "";
    position: absolute;
    top: -12px;
    left: -6px;
    width: 238px;
    height: 435px;
    border: 7px solid #ffe400;
    z-index: 7; }
  .virtual-hosting-plan.active .btn {
    color: #303030;
    text-shadow: 0 -1px 0 rgba(255, 231, 132, 0.25);
    background-color: #ffe400;
    box-shadow: 0 1px 0 #ae8e0a;
    z-index: 10; }
  .virtual-hosting-plan:last-child {
    border-right: none; }
    .virtual-hosting-plan:last-child:before {
      left: -2px; }
    .virtual-hosting-plan:last-child:after {
      left: -4px; }
  .virtual-hosting-plan__title {
    position: relative;
    padding-top: 9px;
    padding-bottom: 8px;
    text-align: center;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 23px;
    line-height: 40px;
    color: #333; }
    .virtual-hosting-plan__title:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -93px;
      width: 186px;
      height: 2px;
      background-color: #f3f5f7; }
  .virtual-hosting-plan__header {
    padding-top: 26px;
    padding-bottom: 30px;
    min-height: 61px;
    vertical-align: bottom;
    text-transform: uppercase;
    color: #6c6c6c; }
	.virtual-hosting-plan__header .month_pay{
		height: 69px;
	}
    .virtual-hosting-plan__header--price {
      position: relative;
      padding-right: 5px;
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 300;
      font-size: 50px;
      line-height: 54px;
      color: #000; }
      .virtual-hosting-plan__header--price:after {
        content: "";
        position: absolute;
        top: 12px;
        right: -7px;
        width: 9px;
        height: 13px;
        background-image: url("./img/icons/uah-ico.png");
        background-repeat: no-repeat;
        background-size: contain; }
    .virtual-hosting-plan__header--period {
      padding-left: 5px;
      display: inline-block;
      vertical-align: bottom;
      text-transform: none;
      font-size: 16px;
      line-height: 38px;
      color: #c0c0c0; }
    .virtual-hosting-plan__header--notice {
      display: block;
      text-align: center;
      text-transform: none;
      font-size: 15px;
      line-height: 15px;
      color: #939393; }
  .virtual-hosting-plan__cell {
    height: 36px;
    font-size: 21px;
    line-height: 36px; }
    .virtual-hosting-plan__cell:nth-child(odd) {
      background-color: #f6f6f6; }

    .virtual-hosting-plan__cell:nth-last-child(1) {
      margin-bottom: 25px; }

    .virtual-hosting-plan__cell--gray {
      padding-left: 10px;
      color: #b0b0b0; }
    .virtual-hosting-plan__cell--none {
      position: relative;
      display: inline-block;
      vertical-align: top;
      width: 100%;
      height: 36px;
      font-size: 0; }
      .virtual-hosting-plan__cell--none:after {
        content: "";
        position: absolute;
        top: 17px;
        left: 50%;
        margin-left: -9px;
        width: 18px;
        height: 2px;
        background-color: #c4c4c4; }
    .virtual-hosting-plan__cell--unlimited {
      position: relative;
      display: inline-block;
      vertical-align: top;
      width: 100%;
      height: 36px;
      font-size: 0; }
      .virtual-hosting-plan__cell--unlimited:after {
        content: "";
        position: absolute;
        top: 12px;
        left: 50%;
        margin-left: -12px;
        width: 24px;
        height: 12px;
        background-image: url("./img/sprite.png");
        background-position: -125px -238px; }
    .virtual-hosting-plan__cell--yes {
      position: relative;
      display: inline-block;
      vertical-align: top;
      width: 100%;
      height: 36px;
      font-size: 0; }
      .virtual-hosting-plan__cell--yes:before {
        content: "";
        position: absolute;
        top: 17px;
        left: 50%;
        margin-left: -9px;
        width: 18px;
        height: 2px;
        background-color: #000; }
      .virtual-hosting-plan__cell--yes:after {
        content: "";
        position: absolute;
        top: 9px;
        left: 50%;
        margin-left: -1px;
        width: 2px;
        height: 18px;
        background-color: #000; }
  .virtual-hosting-plan--first {
    width: 165px;
    text-align: left; }
    .virtual-hosting-plan--first .virtual-hosting-plan__header {
      padding-top: 121px;
      padding-left: 13px;
      padding-bottom: 0;
      text-transform: none;
      font-size: 21px;
      line-height: 36px;
      color: #000; }
    .virtual-hosting-plan--first .virtual-hosting-plan__cell {
      padding-left: 13px; }
      .virtual-hosting-plan--first .virtual-hosting-plan__cell:nth-child(even) {
        background-color: #f6f6f6; }
      .virtual-hosting-plan--first .virtual-hosting-plan__cell:nth-child(odd) {
        background-color: #fff; }
    .virtual-hosting-plan--first:hover:before {
      display: none; }
    .virtual-hosting-plan--first:hover:after {
      display: none; }

.prices {
  /*border-bottom: 1px solid #dedede;*/ }
  .prices__title {
    margin: 0;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 44px;
    color: #fff; }
  .prices__blue-block {
    position: relative;
    padding-top: 33px;
    min-height: 343px;
    background-color: #1bb2f0; }
  .prices__white-block {
    padding-top: 390px;
    padding-bottom: 45px; }
  .prices__red-block {
    position: relative;
    padding-top: 50px;
    min-height: 386px;
    background-color: #c60c30;
    background-image: url("./img/bg-bitrix-prices.png");
    background-repeat: repeat; }
  .prices__description {
    float: left;
    padding-top: 19px;
    max-width: 620px;
    font-family: Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #fff; }
  .prices__wrapper {
    position: absolute;
    top: 180px;
    left: 50%;
    margin-left: -592px;
    font-size: 0;
    background-color: #fff;
    border: 4px solid #f2f2f2;
    box-shadow: 0px 9px 83px 2px rgba(152, 166, 171, 0.55); }
  .prices__gift {
    text-align: center;
    font-size: 23px;
    line-height: 40px; }
  .prices .price-label {
    margin-left: 5px; }

.breadcrumbs-navigation {
  background-color: #eef6f9; }
  .breadcrumbs-navigation ul {
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none; }
  .breadcrumbs-navigation li {
    display: inline-block;
    vertical-align: top;
    margin-right: 48px;
    padding: 0; }
  .breadcrumbs-navigation a {
    position: relative;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 54px;
    color: #728085; }
    .breadcrumbs-navigation a.has-icon {
      padding-left: 28px; }
      .breadcrumbs-navigation a.has-icon:before {
        content: "";
        position: absolute;
        top: 16px;
        left: 0;
        width: 21px;
        height: 21px;
        background-image: url("./img/sprite.png");
        background-position: -124px -182px;
        background-repeat: no-repeat; }
    .breadcrumbs-navigation a:hover {
      color: #ff254e; }
      .breadcrumbs-navigation a:hover:before {
        background-position: -101px -361px; }
      .breadcrumbs-navigation a:hover:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 3px;
        background-color: #ff254e; }
    .breadcrumbs-navigation a:active {
      opacity: .7; }
    .breadcrumbs-navigation a.active {
      color: #ff254e; }
      .breadcrumbs-navigation a.active:before {
        background-position: -101px -361px; }
      .breadcrumbs-navigation a.active:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 3px;
        background-color: #ff254e; }

.virtual-hosting-promo {
  border-bottom: 4px solid #ff254e; }
  .virtual-hosting-promo .container {
	position: relative;
    padding-top: 34px;
    padding-bottom: 38px;}
  .virtual-hosting-promo .container:after {
	content:"";
	width:381px;
	height:305px;
	position: absolute;
    top: 25px;
	right:50px;
	animation-name:zoomIn;
	-webkit-animation-name: zoomIn;
	animation-duration:1.2s;
	-webkit-animation-duration:1.2s;
    background: url("./img/bg-ssd.png") no-repeat;}
@-webkit-keyframes zoomIn {
	0% {-webkit-transform: scale(.3);transform: scale(.3);}}
@keyframes zoomIn {
    0% {-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3);}}
  .virtual-hosting-promo__title {
    margin: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 40px; }
  .virtual-hosting-promo__subtitle {
    margin-bottom: 31px;
    font-size: 22px;
    line-height: 26px;
    color: #8e8e8e; }
  .virtual-hosting-promo__text {
	font-family:'RobotoLight', sans-serif;
    margin: 0;
    margin-bottom: 24px;
    max-width: 725px;
    font-size: 18px;
    line-height: 24px;
    color: #101010; }

.payment-options {
  float: right;
  margin-right: 10px; }
  .payment-options__title {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 20px;
    color: #fff; }
  .payment-options__buttons {
    width: 281px;
    padding: 5px;
    background-color: #1aa1d9;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(147, 228, 251, 0.28), inset 0 2px 5px rgba(0, 0, 0, 0.18); }
  .payment-options__button {
    box-sizing: border-box;
    width: 140px;
    height: 33px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    line-height: 29px;
    color: #fff;
    border: 2px solid transparent;
    border-radius: 2px;
	cursor:pointer;}
    .payment-options__button .payment-discount {
      position: relative;
      top: -4px;
      padding-left: 5px;
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px; }
    .payment-options__button:first-child {
      float: left; }
    .payment-options__button:last-child {
      float: right; }
    .payment-options__button:hover {
      border: 2px solid #fff; }
    .payment-options__button.active {
      border: 2px solid #fff; }

.profits {
  padding-top: 55px;
  padding-bottom: 53px;
  border-bottom: 1px solid #e6e6e6; }
  .profits__wrapper {
    position: relative;
    padding: 35px 80px;
    border: 21px solid #ff254e;
    box-shadow: 0px 9px 23px -9px #98a6ab;
    overflow: hidden; }
    .profits__wrapper:before {
      content: "";
      position: absolute;
      top: 36px;
      left: -17px;
      width: 50px;
      height: 77px;
      background-color: #ff254e;
      -webkit-transform: skewX(-7deg);
          -ms-transform: skewX(-7deg);
              transform: skewX(-7deg); }
    .profits__wrapper:after {
      content: "";
      position: absolute;
      top: 36px;
      right: -17px;
      width: 50px;
      height: 77px;
      background-color: #ff254e;
      -webkit-transform: skewX(-7deg);
          -ms-transform: skewX(-7deg);
              transform: skewX(-7deg); }
  .profits__title {
    margin: 0;
    margin-bottom: 33px;
    padding-left: 70px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 42px; }
  .profits__list {
    margin: 0;
    padding: 0;
    list-style: none; }
    .profits__list ul {
      margin: 0;
      padding: 0;
      list-style: none; }
    .profits__list li {
      position: relative;
      padding-left: 37px;
      font-size: 21px;
      line-height: 40px; }
      .profits__list li:before {
        content: "";
        position: absolute;
        top: 12px;
        left: 0;
        width: 18px;
        height: 14px;
        background-image: url("./img/sprite.png");
        background-repeat: no-repeat;
        background-position: -127px -214px; }
    .profits__list > li {
      position: relative;
      padding-left: 73px;
      font-size: 28px;
      line-height: 60px; }
      .profits__list > li:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0; }
      .profits__list > li.cloud:before {
        width: 55px;
        height: 39px;
        background-image: url("./img/icons/virtual_cloud.svg"); }
      .profits__list > li.folder:before {
        width: 55px;
        height: 39px;
        background-image: url("./img/icons/virtual_folder.svg"); }
      .profits__list > li.useful-bonus:before {
        top: -5px;
        left: 5px;
        width: 44px;
        height: 50px;
        background-image: url("./img/icons/virtual_gift.svg"); }

.hosting-features {
  padding-top: 30px; }
  .hosting-features__title {
    margin: 0;
    margin-bottom: 40px;
    text-align: center;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 40px; }
  .hosting-features .container {
    text-align: center; }

.bitrix-promo {
  padding-top: 46px;
  padding-bottom: 43px;
  text-align: center;
  background-image: url("./img/bg-clouds-left.png"), url("./img/bg-clouds-right.png");
  background-repeat: no-repeat, no-repeat;
  background-position: top 79px left 0, top 130px right 0;
  -webkit-animation-name: clouds-move;
          animation-name: clouds-move;
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  overflow:hidden }
  .bitrix-promo__logo {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 40px;
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;}		
	
    .bitrix-promo__logo:hover {
      opacity: .8; }
    .bitrix-promo__logo img {
      display: block; }
  .bitrix-promo__title {
    margin: 0;
    margin-bottom: 25px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 44px; }
  .bitrix-promo__text {
    margin: 0;
    max-width: 1090px;
    font-size: 20px;
    line-height: 30px;
    color: #51585c; }

@-webkit-keyframes clouds-move {
  0% {
    background-image: url("./img/bg-clouds-left.png"), url("./img/bg-clouds-right.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top 79px left -600px, top 130px right -600px; }
  100% {
    background-image: url("./img/bg-clouds-left.png"), url("./img/bg-clouds-right.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top 79px right -600px, top 130px left -600px; } }

@keyframes clouds-move {
  0% {
    background-image: url("./img/bg-clouds-left.png"), url("./img/bg-clouds-right.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top 79px left -600px, top 130px right -600px; }
  100% {
    background-image: url("./img/bg-clouds-left.png"), url("./img/bg-clouds-right.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top 79px right -600px, top 130px left -600px; } }
.bitrix-plans {
  padding-top: 47px;
  padding-bottom: 24px;
  background-color: #343946; }
  .bitrix-plans .container {
    position: relative; }
    .bitrix-plans .container:before {
      content: "";
      position: absolute;
      top: 73px;
      left: -68px;
      width: 437px;
      height: 504px;
      background-image: url("./img/bg-bitrix-plans.png");
      background-repeat: no-repeat;
      background-size: contain; }
  .bitrix-plans__title {
    margin: 0;
    margin-bottom: 65px;
    text-align: center;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 40px;
    color: #fff; }
  .bitrix-plans__wrapper {
    float: right;
    max-width: 735px;
    font-size: 0; }
  .bitrix-plans__subtitle {
    margin: 0;
    margin-bottom: 35px;
    font-size: 22px;
    line-height: 26px;
    color: #fff; }
  .bitrix-plans__links {
    position: relative;
    top: -30px;
    margin: 0;
    padding: 0;
    list-style: none; }
    .bitrix-plans__links li {
      display: inline-block;
      vertical-align: top;
      margin-right: 40px; }
    .bitrix-plans__links a {
      font-family: Arial, sans-serif;
      font-size: 14px;
      line-height: 26px;
      color: #fff; }
      .bitrix-plans__links a:hover {
        opacity: .8; }
      .bitrix-plans__links a:active {
        text-decoration: none; }

.bitrix-plan {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin-bottom: 56px;
  width: 30%; }
  .bitrix-plan:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 42px;
    width: 1px;
    height: 150px;
    background-color: #525a6e; }
  .bitrix-plan__title {
    margin-bottom: 12px;
    font-size: 26px;
    line-height: 30px;
    color: #fff; }
  .bitrix-plan__price {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    line-height: 24px;
    color: #fff; }
    .bitrix-plan__price:after {
      content: "";
      position: absolute;
      top: 6px;
      right: -13px;
      width: 10px;
      height: 14px;
      background-image: url("./img/icons/rubl-icon-white.png");
      background-repeat: no-repeat;
      background-size: contain; }
  .bitrix-plan__bonus {
    margin-bottom: 16px;
    max-width: 150px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 15px;
    color: #939aac; }
  .bitrix-plan__text {
    margin-top: 10px;
    margin-bottom: 22px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: #fff; }
    .bitrix-plan__text--yellow {
      color: #ffe400; }
  .bitrix-plan:nth-child(3n+1) {
    width: 40%; }
    .bitrix-plan:nth-child(3n+1):after {
      display: none; }

.web-studios-promo {
  padding-top: 57px;
  padding-bottom: 56px;
  border-bottom: 1px solid #fff;
  background-image: url("./img/bg-web-studios.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right; }
  .web-studios-promo__title {
    margin: 0;
    margin-bottom: 30px;
    max-width: 425px;
    text-transform: uppercase;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 300;
    font-size: 60px;
    line-height: 67px;
    color: #ffffff; }
  .web-studios-promo__text-wrapper {
    max-width: 460px; }
  .web-studios-promo__text {
    display: inline-block;
    vertical-align: top;
    padding: 3px 17px;
    font-size: 36px;
    line-height: 38px;
    color: #fff;
    background-color: #1bb2f0; }

.partnership-pattern {
  padding-top: 62px;
  padding-bottom: 51px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  background-image: url("./img/bg-gradient-beige.png"), url("./img/bg-gradient-beige-1.png");
  background-repeat: repeat-x, repeat-x;
  background-position: top 2px left 0, left 0 bottom 2px;
  background-size: 100% auto, 100% auto; }
  .partnership-pattern__title {
    margin: 0;
    margin-bottom: 43px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 36px; }
  .partnership-pattern__wrapper {
    font-size: 0; }

.partnership-step {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
  padding-top: 114px;
  width: 33.33%;
  background-repeat: no-repeat; }
  .partnership-step:after {
    content: "";
    position: absolute;
    top: 34px;
    right: 37px;
    width: 41px;
    height: 14px;
    background-image: url("./img/icons/web_arrow.svg");
    background-repeat: no-repeat;
    opacity: .1; }
  .partnership-step:last-child:after {
    display: none; }
  .partnership-step--clients {
    background-image: url("./img/icons/web_1.svg");
    background-size: 110px 74px;
    background-position: 0 10px; }
  .partnership-step--ads {
    background-image: url("./img/icons/web_2.svg");
    background-size: 60px 76px;
    background-position: 0 0; }
  .partnership-step--gain {
    background-image: url("./img/icons/web_3.svg");
    background-size: 96px 95px;
    background-position: 0 0; }
  .partnership-step__title {
    margin-bottom: 18px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px; }
  .partnership-step__text {
    margin: 0;
    max-width: 290px;
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 24px; }

.partnership-features {
  padding-top: 42px;
  padding-bottom: 37px; }
  .partnership-features__wrapper {
    padding: 31px 46px;
    padding-bottom: 17px;
    border: 10px solid #1bb2f0;
    box-shadow: 0px 16px 43px -23px rgba(27, 180, 240, 0.75); }
    .partnership-features__wrapper ul {
      margin: 0;
      padding: 0;
      list-style: none; }
    .partnership-features__wrapper li {
      position: relative;
      margin-bottom: 26px;
      padding-left: 51px;
      background-repeat: no-repeat;
      background-position: 0 3px; }
      .partnership-features__wrapper li.invoice {
        background-image: url("./img/icons/web_doc.svg");
        background-size: 25px 33px; }
      .partnership-features__wrapper li.individual-plan {
        background-image: url("./img/icons/web_pay.svg");
        background-size: 34px 33px; }
      .partnership-features__wrapper li.account {
        background-image: url("./img/icons/web_user.svg");
        background-size: 28px 31px; }
  .partnership-features__title {
    margin: 0;
    margin-bottom: 30px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px; }
  .partnership-features__item-title {
    margin-bottom: 5px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px; }
  .partnership-features__item-description {
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 26px; }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1000; }
  .overlay.active {
    display: block; }

/*Arctic Modal*/
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { margin: 0 auto; height:100%;}
.arcticmodal-container_i2 { 
	padding: 24px; 
	margin: 0; 
	border: 0; 
	vertical-align: middle;
	display:table-cell;
	}
.arcticmodal-container_i2 .box-modal{
    padding: 38px;
    padding-top: 28px;
    padding-bottom: 42px;
    box-sizing: border-box;
    width: 476px;
    background-color: #fff;
    border: 6px solid #1bb2f0;
    box-shadow: 0px 33px 80px -37px rgba(30, 175, 232, 0.55);
    z-index: 1001;
}
.arcticmodal-container_i2 #modalAdvantages {width: 650px;  }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }	
	
.modal {
  position: fixed;
  left: 50%;
  display: none;
  margin-left: -228px;
  padding: 38px;
  padding-top: 28px;
  padding-bottom: 42px;
  box-sizing: border-box;
  width: 456px;
  background-color: #fff;
  border: 6px solid #1bb2f0;
  box-shadow: 0px 33px 80px -37px rgba(30, 175, 232, 0.55);
  z-index: 1001; }
  .modal--wide {
    margin-left: -328px;
    width: 656px; }
  .modal.active {
    display: block; }
  .modal__title {
    margin: 0;
    margin-bottom: 25px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px; }
  .modal__select-label {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px; }
  .modal__select {
    position: relative;
    display: block;
    width: 100%;
    height: 33px;
    font-size: 15px;
    line-height: 33px;
    color: #000;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #dadada;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.34);
    cursor: pointer;
    padding: 0 20px;
    z-index: 100; }
    .modal__select:focus {
      outline: none;
      border: none; }
  .modal__wrapper {
    margin-bottom: 15px; }
  .modal__select-wrapper {
    position: relative;
    margin-bottom: 9px;
    width: 100%; }
    .modal__select-wrapper:after {
      content: "";
      position: absolute;
      top: 15px;
      right: 16px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7px 5px 0 5px;
      border-color: #000000 transparent transparent transparent;
      z-index: 101;
      cursor: pointer; }
  .modal__checkbox-label {
    position: relative;
    padding-left: 35px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    cursor: pointer; }
    .modal__checkbox-label:before {
      content: "";
      position: absolute;
      top: 1px;
      left: 0;
      width: 16px;
      height: 16px;
      border: 1px solid #d2d2d2;
      border-radius: 3px;
      background-color: #fff;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.09);
      background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%);
      background-image: linear-gradient(to top, rgba(255, 255, 255, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%); }
  .box-modal input[type="checkbox"]:checked + label:before {
    border: 1px solid #0d96ce;
    background-color: #1bb1ef;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    background-image: url(./img/sprite.png);
    background-repeat: no-repeat;
    background-position: -56px -26px; }
  .modal__total-price {
    margin-top: 30px;
    margin-bottom: 25px;
    font-size: 47px;
    line-height: 50px; }
    .modal__total-price .rouble-icon {
      position: relative;
      display: inline-block;
      vertical-align: top;
      top: 0;
      width: 27px;
      height: 50px;
      text-transform: uppercase;
      font-size: 0; }
      .modal__total-price .rouble-icon:after {
        content: "";
        position: absolute;
        top: 9px;
        left: 0;
        width: 27px;
        height: 35px;
        background-image: url("./img/icons/rouble-big.png");
        background-repeat: no-repeat; }
  .modal__btns {
    color: #333;
    font-size: 14px;
    line-height: 41px; }
    .modal__btns .btn {
      margin-right: 10px; }
    .modal__btns a {
      color: #1bb2f0; }
      .modal__btns a:hover {
        text-decoration: none; }

.index .wrapper {
  padding-top: 60px;
  padding-bottom: 60px; }
.index .some-list li:before {
  top: 18px; }
.index .some-list a {
  text-decoration: none;
  font-size: 24px;
  line-height: 40px;
  color: #000;
  border-bottom: 1px dotted #000; }
  .index .some-list a:hover {
    opacity: .8;
    border-bottom: none; }
  .index .some-list a.done {
    color: #0a719b;
    border-bottom: 1px dotted #0a719b; }
    .index .some-list a.done:hover {
      border-bottom: none; }

.about-company .wrapper {
  border-bottom: 1px solid #c4c5c5; }

.dedicated-page-title {
  margin: 0;
  margin-bottom: 22px;
  max-width: 610px;
  text-transform: uppercase;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 36px;
  line-height: 44px;
  color: #000; }

.dedicated .wrapper {
  border-bottom: 1px solid #c4c5c5; }

.server-page-title {
  margin: 0;
  margin-bottom: 3px;
  text-transform: uppercase;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 36px;
  line-height: 42px; }

.server-page-subtitle {
  margin-bottom: 20px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 22px;
  line-height: 26px;
  color: #8f8f8f; }

.server-hosting .wrapper {
  padding-top: 22px;
  border-bottom: 1px solid #c4c5c5; }

.server-features {
  border-bottom: 1px solid #dedede; }

.calendar-page-title {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  margin-bottom: 22px;
  text-transform: uppercase;
  font-size: 36px;
  line-height: 42px; }
  .calendar-page-title--red {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    font-size: 18px;
    line-height: 30px;
    color: #ff254e; }

.calendar .page-title-wrapper {
  padding-top: 36px; }
.calendar .wrapper {
  border-bottom: 1px solid #c5c5c5; }

.reg-search .wrapper {
  padding-bottom: 27px;
  border-bottom: 1px solid #c4c5c5; }
.reg-search .content-block {
  padding-top: 42px;
  padding-bottom: 40px;
  background-color: #fff;
  border-bottom: 1px solid #dedede; }
  .reg-search .content-block__title {
    margin-bottom: 15px;
    text-align: left;
    text-transform: none;
    font-weight: 400;
    font-size: 38px;
    line-height: 42px; }
  .reg-search .content-block .check-field-wrapper {
    margin-bottom: 31px; }

.domain-reg .content-block {
  padding-top: 37px;
  padding-bottom: 51px;
  background-color: #fff;
  border-bottom: 1px solid #dfdfdf; }
  .domain-reg .content-block__title {
    margin-bottom: 19px;
    text-transform: none;
    text-align: left;
    font-weight: 400;
    font-size: 40px;
    line-height: 44px; }
.domain-reg .check-field-wrapper {
  margin-bottom: 37px; }
.domain-reg .wrapper {
  border-bottom: 1px solid #c4c5c5; }

.vds-page .wrapper {
  border-bottom: 1px solid #c4c5c5; }

  
  .error {
  padding-top:40px;
  padding-bottom: 111px;
  text-align: center; }
  .error__number {
    display: inline-block;
	color:#1bb2f0;
    vertical-align: top;
	font-size:275px;
	line-height:230px;
	margin-bottom: 20px;}
  .error__description {
    margin-bottom: 23px;
    font-family: "SegoeUI-Bold", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    font-size: 48px;
    line-height: 52px; }
  .error__text {
    margin-bottom: 23px;
    font-size: 18px;
    line-height: 22px; }
  .error__link {
    color: #1bb2f0; }
    .error__link:hover {
      opacity: .8; }
  
  
.virtual-hosting .wrapper {
  border-bottom: 1px solid #c4c5c5; }
.virtual-hosting .best-price {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #be0024;
  border-bottom: none; }
  .virtual-hosting .best-price__title {
    color: #000; }
  .virtual-hosting .best-price__text {
    position: relative;
    margin-bottom: 50px; }
    .virtual-hosting .best-price__text:after {
      content: "";
      position: absolute;
      bottom: -23px;
      left: 50%;
      margin-left: -87px;
      width: 174px;
      height: 1px;
      background-color: #d2d2d2; }
.virtual-hosting .slider-wrapper {
  position: relative;
  margin-bottom: 46px;
  width: 100%;
  height: 395px;
  overflow: hidden; }
.virtual-hosting .swiper-button-prev {
  position: absolute;
  top: 152px;
  left: -42px;
  display: block;
  width: 84px;
  height: 84px;
  font-size: 0;
  background-color: #fff;
  border-radius: 50%;
  z-index: 100;
  cursor: pointer; }
  .virtual-hosting .swiper-button-prev:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 55%;
    margin-top: -14px;
    width: 21px;
    height: 27px;
    background-image: url("./img/sprite.png");
    background-position: -123px -75px;
    background-repeat: no-repeat; }
  .virtual-hosting .swiper-button-prev:hover {
    opacity: .8; }
  .virtual-hosting .swiper-button-prev:active {
    opacity: .6; }
.virtual-hosting .swiper-button-next {
  position: absolute;
  top: 152px;
  right: -42px;
  display: block;
  width: 84px;
  height: 84px;
  font-size: 0;
  background-color: #fff;
  border-radius: 50%;
  z-index: 100;
  cursor: pointer; }
  .virtual-hosting .swiper-button-next:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 55%;
    margin-top: -14px;
    width: 21px;
    height: 27px;
    background-image: url("./img/sprite.png");
    background-position: -126px -114px;
    background-repeat: no-repeat; }
  .virtual-hosting .swiper-button-next:hover {
    opacity: .8; }
  .virtual-hosting .swiper-button-next:active {
    opacity: .6; }

.virtual-hosting-bitrix .wrapper {
  border-bottom: 1px solid #c4c5c5; }
.virtual-hosting-bitrix .prices {
  border-bottom: none; }
  .virtual-hosting-bitrix .prices__wrapper {
    top: 142px;
    border: 1px solid #ddeaf1;
    box-shadow: 0px 33px 32px -27px rgba(152, 166, 171, 0.55); }
  .virtual-hosting-bitrix .prices__title {
    font-size: 36px;
    line-height: 40px; }
  .virtual-hosting-bitrix .prices__white-block {
    padding-bottom: 84px; }
.virtual-hosting-bitrix .virtual-hosting-plan {
  width: 307px;
  min-height: 594px;
  border-right: 3px solid #f6f6f6; }
  .virtual-hosting-bitrix .virtual-hosting-plan:hover {
  border-right: 3px solid #fff; 	  }
  .virtual-hosting-bitrix .virtual-hosting-plan__title {
    padding-top: 18px;
    font-size: 26px;
    line-height: 40px; }
  .virtual-hosting-bitrix .virtual-hosting-plan__header {
    padding-top: 14px;
    padding-bottom: 7px; }
  .virtual-hosting-bitrix .virtual-hosting-plan__cell:nth-last-child(2) {
    margin-bottom: 42px; }
  .virtual-hosting-bitrix .virtual-hosting-plan .btn {
	cursor:pointer;
    margin-bottom: 39px; }
  .virtual-hosting-bitrix .virtual-hosting-plan.active:before {
    top: -13px;
    left: -3px;
    width: 309px;
    height: 588px;
    border-top: 15px solid #fff;
    border-bottom: 15px solid #fff; }
  .virtual-hosting-bitrix .virtual-hosting-plan.active:after {
    top: -14px;
    left: -3px;
    width: 304px;
    height: 614px;
    border: 3px solid #ffe400;
    box-shadow: 0 1px 16px rgba(200, 212, 220, 0.7); }
  .virtual-hosting-bitrix .virtual-hosting-plan:hover:before {
    top: -13px;
    left: -3px;
    width: 309px;
    height: 588px;
    border-top: 15px solid #fff;
    border-bottom: 15px solid #fff; }
  .virtual-hosting-bitrix .virtual-hosting-plan:hover:after {
    top: -14px;
    left: -3px;
    width: 304px;
    height: 614px;
    border: 3px solid #ffe400;
    box-shadow: 0 1px 16px rgba(200, 212, 220, 0.7); }
  .virtual-hosting-bitrix .virtual-hosting-plan--first {
    width: 252px; }
    .virtual-hosting-bitrix .virtual-hosting-plan--first .virtual-hosting-plan__cell:nth-last-child(2) {
      margin-bottom: 0; }
    .virtual-hosting-bitrix .virtual-hosting-plan--first .virtual-hosting-plan__header {
      padding-top: 80px; }
  .virtual-hosting-bitrix .virtual-hosting-plan:last-child {
    border-right: none; }
    .virtual-hosting-bitrix .virtual-hosting-plan:last-child:before {
      width: 311px; }
    .virtual-hosting-bitrix .virtual-hosting-plan:last-child:after {
      width: 306px; }
.virtual-hosting-bitrix .profits {
  padding-bottom: 8px;
  text-align: center;
  border-bottom: none; }
  .virtual-hosting-bitrix .profits__wrapper {
    margin-bottom: 50px;
    text-align: left;
    border: 21px solid #c60c30; }
    .virtual-hosting-bitrix .profits__wrapper:before {
      background-color: #c60c30; }
    .virtual-hosting-bitrix .profits__wrapper:after {
      background-color: #c60c30; }

.web-studios .wrapper {
  border-bottom: 1px solid #c4c5c5; }

html,
body {
  margin: 0;
  padding: 0;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  min-width: 1223px;
  color: #000;
  background-color: #fff; }

body.overflow {
  background-color: #fff;
  color: #000;
  overflow: hidden; }

.svg-wrapper {
  position: absolute;
  height: 0;
  width: 0; }

.hCenter {
  margin: 0 auto; }

.vCenter {
  display: table-cell;
  vertical-align: middle;
  min-height: 100%; }

.container {
  width: 1180px;
  min-width: 1180px;
  margin: 0 auto;
  padding: 0 10px; }

.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.page-header {
  width: 100%; 
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;}
  .page-header__login-stripe {
    padding: 5px 0;
    background-color: #f0f0f0; }
  .page-header__links-wrapper {
    float: right; }
  .page-header__events-link, .page-header__login-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 25px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    color: #1a1a1a; }
    .page-header__events-link:before, .page-header__login-link:before {
      content: "";
      position: absolute;
      top: 3px;
      left: 0;
      width: 18px;
      height: 16px;
      background-image: url("./img/sprite.png");
      background-repeat: no-repeat;
      background-position: -53px -55px; }
    .page-header__events-link:hover, .page-header__login-link:hover {
      opacity: .7; }
  .page-header__login-link {
    margin-left: 260px; }
    .page-header__login-link:before {
      background-image: url("./img/sprite.png");
      background-repeat: no-repeat;
      background-position: -43px 0; }
  .page-header__main {
    padding-top: 19px;
    padding-bottom: 25px; }
  .page-header__contacts {
    float: right;
    font-size: 0; }
  .page-header__phone {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 60px;
    text-align: right; }
    .page-header__phone:after {
      content: "";
      position: absolute;
      top: 6px;
      right: -30px;
      width: 1px;
      height: 37px;
      background-color: #000;
      opacity: .2;
      -webkit-transform: rotate(11deg);
          -ms-transform: rotate(11deg);
              transform: rotate(11deg); }
  .page-header__support {
    display: inline-block;
    vertical-align: top; }
  .page-header__location {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 13px;
    line-height: 17px;
    color: #aeaeae; }
  .page-header__number {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    line-height: 29px;
    color: #878787;
    letter-spacing: 0.3px; }
    .page-header__number--bold {
      font-size: 25px;
      color: #000; }
  .page-header__col-title {
    padding-top: 5px;
    text-transform: uppercase;
    font-family: "RobotoBold", Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #000; }
  .page-header__mail-link {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #000; }
  .page-header__support-status {
    position: relative;
    margin-left: 13px;
    padding-left: 12px;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #28a661; }
    .page-header__support-status:before {
      content: "";
      position: absolute;
      top: 3px;
      left: 0;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #29a761; }

.page-footer {
  padding-top: 58px;
  padding-bottom: 40px;
  background-color: #1d1f20;
  border-top: 1px solid #fff; }
  .page-footer .container {
    font-size: 0; }
  .page-footer__links {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 686px; }
    .page-footer__links:after {
      content: "";
      position: absolute;
      top: 5px;
      right: -12px;
      width: 1px;
      height: 228px;
      background-color: #383a3b; }
  .page-footer__contacts {
    display: inline-block;
    vertical-align: top;
    padding-left: 60px;
    max-width: 430px; }
  .page-footer__links-list {
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    max-width: 580px;
    list-style: none; }
    .page-footer__links-list li {
      display: inline-block;
      vertical-align: middle;
      margin-left: 12px;
      margin-right: 12px;
      margin-bottom: 5px; }
    .page-footer__links-list a {
      display: block; }
      .page-footer__links-list a:hover {
        opacity: .7; }
  .page-footer__copyright {
    padding-left: 13px;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #c5c5c5; }
  .page-footer__phone {
    position: relative;
    margin-bottom: 34px;
    padding-top: 5px;
    padding-left: 62px;
    font-family: Arial, sans-serif; }
    .page-footer__phone:before {
      content: "";
      position: absolute;
      top: 11px;
      left: 3px;
      width: 33px;
      height: 37px;
      background-image: url("./img/sprite.png");
      background-repeat: no-repeat;
      background-position: -80px 0; }
  .page-footer__phone-moscow {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    color: #fff; }
    .page-footer__phone-moscow:after {
      content: "|";
      position: absolute;
      top: -2px;
      right: -17px;
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 600;
      font-size: 22px;
      line-height: 24px;
      color: #fff; }
    .page-footer__phone-moscow--gray {
      color: #919191; }
  .page-footer__phone-russia {
    display: inline-block;
    vertical-align: top;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    color: #fff; }
    .page-footer__phone-russia--gray {
      color: #919191; }
  .page-footer__mail-link {
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    border-bottom: 1px solid #fff; }
    .page-footer__mail-link:hover {
      border-bottom: 1px solid transparent; }
  .page-footer__location {
    position: relative;
    margin-bottom: 43px;
    padding-left: 62px; }
    .page-footer__location:before {
      content: "";
      position: absolute;
      top: 2px;
      left: 4px;
      width: 25px;
      height: 34px;
      background-image: url("./img/sprite.png");
      background-repeat: no-repeat;
      background-position: 0 0; }
  .page-footer__location-title {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #fff; }
  .page-footer__address {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #868687; }
  .page-footer__licence-info {
    position: relative;
    padding-left: 62px;
    max-width: 250px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #fff; }
    .page-footer__licence-info:before {
      content: "";
      position: absolute;
      top: 5px;
      left: 4px;
      width: 27px;
      height: 34px;
      background-image: url("./img/sprite.png");
      background-repeat: no-repeat;
      background-position: 0 -41px; }



.promocode-switcher{
  cursor: pointer;
  color: #0a6aa1;
  border-bottom: 1px dotted;
}

.modal__promocode{
  display: none;
}

/*.ihome {
	width: 26px;
	background: url(./images/home-icon.png) 50% 50% no-repeat;
}
.ihome {
	background: url(./images/home-active-icon.png) 50% 50% no-repeat;*/

/* Style the tab */

div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.pricestable {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}


/* cms license reload*/

.container-fluid-cmsl {
    padding-right: 15px;
    padding-left: 120px;
    margin-right: auto;
    margin-left: auto;
}
.row-cmsl {
    margin-right: -15px;
    margin-left: -15px;
}
.col-md-8-cmsl{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.page-header-cmsl {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}

ul-cmsl, menu-cmsl, dir-cmsl {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}


/* hoster.ru */ 




.container {
  max-width: 1440px;
  padding-left: 40px;
  padding-right: 40px; }
  @media screen and (max-width: 1200px) {
    .container {
      padding-left: 20px;
      padding-right: 20px; } }
  @media screen and (max-width: 767px) {
    .container {
      padding-left: 15px;
      padding-right: 15px; } }
  @media screen and (max-width: 543px) {
    .container {
      padding-left: 10px;
      padding-right: 10px; } }

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 6px;
  padding-left: 6px; }

.row {
  margin-left: -6px;
  margin-right: -6px; }

.i-mb-15 {
  margin-bottom: -15px; }

.i-mb0 {
  margin-bottom: 0 !important; }

.i-mb12 {
  margin-bottom: 12px; }

.i-mb15 {
  margin-bottom: 15px; }

.i-mb20 {
  margin-bottom: 20px !important; }

.i-mb28 {
  margin-bottom: 28px !important; }

.i-mb40 {
  margin-bottom: 40px !important; }
  @media screen and (max-width: 543px) {
    .i-mb40 {
      margin-bottom: 20px !important; } }

.i-mb90 {
  margin-bottom: 90px; }

.i-mt-20 {
  margin-top: -20px; }

.i-mt8 {
  margin-top: 8px; }

.i-mt12 {
  margin-top: 12px; }

.i-mt15 {
  margin-top: 15px; }

.i-mt20 {
  margin-top: 20px; }

.i-mt40 {
  margin-top: 40px !important; }
  @media screen and (max-width: 543px) {
    .i-mt40 {
      margin-top: 20px !important; } }

.i-pb60 {
  padding-bottom: 60px; }

.i-pt10 {
  padding-top: 10px; }
  .i-pt10 .search {
    margin-bottom: 0; }

.i-p0 {
  padding: 0 !important; }

.i-title {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0;
  padding-bottom: 0;
  color: #343434;
  margin-bottom: 12px;
  font-size: 2rem;
  line-height: 1.1;
  font-weight: 300; }
  @media screen and (max-width: 1023px) {
    .i-title {
      padding-left: 14px;
      padding-right: 14px; } }
  @media screen and (max-width: 543px) {
    .i-title {
      padding-left: 10px;
      padding-right: 10px; } }
  .i-title--404 {
    padding-top: 20px; }
  @media screen and (max-width: 543px) {
    .i-title {
      padding-left: 0;
      padding-right: 0; } }
  .i-title h1, .i-title h2, .i-title h3, .i-title h4, .i-title h5, .i-title h6 {
    font-size: inherit !important;
    font-weight: inherit !important;
    margin: 0 !important;
    padding: 0 !important; }
  .i-title_h1 {
    font-size: 2.5rem;
    padding-top: 30px;
    padding-bottom: 20px;
    margin-bottom: 0; }
    @media screen and (max-width: 543px) {
      .i-title_h1 {
        padding-top: 10px; } }
  .i-title_block {
    font-size: 24px;
    font-weight: 300;
    line-height: 25px;
    word-wrap: break-word; }
  .i-title_block2 {
    font-size: 1.375rem;
    font-weight: 600; }
  .i-title_link {
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: normal; }
  .i-title_small {
    font-size: 1.125rem; }

  font-size: 1.25rem; }

@media screen and (min-width: 1025px) {
  .hidden-tablet-up {
    display: none; } }

@media screen and (min-width: 1025px) {
  .hidden-1025-down {
    display: none; } }

@media screen and (min-width: 901px) {
  .hidden-901-down {
    display: none; } }

@media screen and (max-width: 821px) {
  .hidden-821 {
    display: none; } }

@media screen and (min-width: 769px) {
  .hidden-769-down {
    display: none; } }

@media screen and (max-width: 708px) {
  .hidden-708 {
    display: none !important; } }

@media screen and (min-width: 709px) {
  .hidden-708-up {
    display: none; } }

@media screen and (max-width: 448px) {
  .hidden-448 {
    display: none; } }

@media screen and (max-width: 599px) {
  .hidden-600-down {
    display: none; } }

@media screen and (max-width: 499px) {
  .hidden-500-down {
    display: none; } }

@media screen and (max-width: 449px) {
  .hidden-450-down {
    display: none; } }

@media screen and (max-width: 1361px) {
  .hidden-1361-down {
    display: none; } }

@media screen and (max-width: 1101px) {
  .hidden-1101-down {
    display: none; } }

@media screen and (max-width: 930px) {
  .hidden-930-down {
    display: none !important; } }

@media screen and (max-width: 705px) {
  .hidden-705-down {
    display: none; } }

@media screen and (max-width: 433px) {
  .hidden-433-down {
    display: none; } }




@media screen and (min-width: 768px) {
  .flexcolapse {
    height: 60px !important; } }

.js-fixitbar {
  position: relative;
  z-index: 100;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* chrome fix */ }
  .js-fixitbar_fix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid #e4e2e0;
    padding-right: inherit; }
    @media screen and (max-width: 767px) {
      .js-fixitbar_fix .bg_white {
        background-color: white; } }



.container--hide {
  display: none; }

.mail__title {
  float: left;
  width: 75%; }
  @media (max-width: 410px) {
    .mail__title {
      width: 100%; } }

.mail__btn {
  float: right;
  width: 25%;
  padding-top: 30px; }
  @media (max-width: 410px) {
    .mail__btn {
      float: none;
      width: 100%; } }

.mainlink:link {
  text-decoration: none; }

.mainlink, .mainlink:focus {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: white;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 400;
  background-color: #ffac63;
  line-height: 50px;
  padding: 0 1rem;
  text-decoration: none;
  overflow: hidden; }
  @media screen and (max-width: 1023px) {
    .mainlink, .mainlink:focus {
      line-height: 44px; } }
  @media (max-width: 890px) {
    .mainlink, .mainlink:focus {
      font-size: 1.3rem; } }
  @media (max-width: 767px) {
    .mainlink, .mainlink:focus {
      font-size: 1.7rem; } }

.mainlink:hover {
  color: white;
  text-decoration: none;
  background-color: #ffb87a; }

.mainlink:active {
  color: white;
  background-color: #f6a055; }

.mainlink:disabled, .mainlink:disabled:focus, .mainlink:disabled:hover, .mainlink:disabled:active {
  color: #414141;
  background: #eeeae7;
  cursor: no-drop; }

.mainlink__invers, .mainlink__invers:focus {
  padding: 0 2rem;
  width: auto;
  background-color: transparent;
  border: 2px solid #feb64a;
  color: #343434;
  line-height: 35px;
  font-size: 20px; }

.mainlink__invers:hover, .mainlink__invers:focus, .mainlink__invers:active {
  border: 2px solid #feb64a; }

.mainlink_cart, .mainlink_cart:focus {
  line-height: 40px;
  font-size: 1.2rem; }

.mainlink_cart:active {
  text-decoration: none; }

.mainlink_in-table-cell, .mainlink_in-table-cell:focus {
  line-height: 2rem;
  font-size: 1rem; }

.mainlink_in-table-cell:active {
  text-decoration: none; }

.mainlink_small, .mainlink_small:focus {
  font-size: 1.25rem;
  line-height: 2.4375rem; }

.mainlink_inline, .mainlink_inline:focus {
  width: auto;
  vertical-align: middle; }

button {
  border: none; }

.small-title h2,
.small-title h3,
.small-title h4 {
  font-size: 1.25rem;
  font-weight: 400; }

.mainblock {
  display: block;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: white; }
  @media screen and (max-width: 1023px) {
    .mainblock {
      padding-top: 20px;
      padding-bottom: 14px; } }
  @media screen and (max-width: 543px) {
    .mainblock {
      padding-top: 14px;
      padding-bottom: 10px; } }
  .mainblock h2,
  .mainblock h3,
  .mainblock h4 {
    font-size: 1.25rem;
    font-weight: 400; }
  @media screen and (max-width: 1023px) {
    .mainblock {
      padding-left: 14px;
      padding-right: 14px; } }
  @media screen and (max-width: 543px) {
    .mainblock {
      padding-left: 10px;
      padding-right: 10px; } }
  .mainblock__row {
    margin-left: -20px;
    margin-right: -20px; }
    @media screen and (max-width: 1023px) {
      .mainblock__row {
        margin-left: -14px;
        margin-right: -14px; } }
    @media screen and (max-width: 543px) {
      .mainblock__row {
        margin-left: -10px;
        margin-right: -10px; } }
  .mainblock__subtitle {
    padding-left: 20px;
    font-size: 14px;
    font-weight: 600; }
  .mainblock__header {
    background: transparent;
    padding-top: 35px;
    padding-bottom: 20px; }
    @media screen and (max-width: 543px) {
      .mainblock__header {
        padding-top: 25px;
        padding-bottom: 15px; } }
    .mainblock__header h1 {
      font-weight: 300; }
      @media screen and (max-width: 543px) {
        .mainblock__header h1 {
          font-size: 2rem; } }
  .mainblock__title {
    background: transparent;
    padding-top: 0;
    padding-bottom: 10px; }
    .mainblock__title h2, .mainblock__title h3 {
      font-weight: 300;
      margin-bottom: 0; }
  .mainblock_bgt {
    padding-top: 15px;
    padding-bottom: 15px;
    background: transparent;
    line-height: 22px; }
  .mainblock_collapse {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 28px; }
  .mainblock_border {
    border: 1px solid #e4e2e0; }
  .mainblock_bortop {
    border-top: 1px solid #e4e2e0; }
  .mainblock_pb0 {
    padding-bottom: 0; }
  .mainblock_pa {
    padding-top: 20px;
    padding-bottom: 20px; }
    @media screen and (max-width: 1023px) {
      .mainblock_pa {
        padding-top: 14px;
        padding-bottom: 14px; } }
  .mainblock_link {
    -webkit-transition: all 0.4s;
    transition: all 0.4s; }
    .mainblock_link:hover, .mainblock_link:focus, .mainblock_link:active {
      text-decoration: none; }
    .mainblock_link:hover {
      -webkit-transition: all 0.1s;
      transition: all 0.1s;
      box-shadow: inset 0px 0px 1px 2px #f6a055; }
    .mainblock_link__text {
      color: #4c4c4c;
      text-align: left;
      word-wrap: break-word; }
  .mainblock__bigtitle {
    color: #414141;
    font-size: 2.14rem;
    font-weight: 700;
    line-height: 2.57rem;
    margin-bottom: 30px; }
    .mainblock__bigtitle--kvota, .mainblock__bigtitle_medium {
      font-size: 1.5rem;
      margin-bottom: 10px; }
    .mainblock__bigtitle_equal-margin {
      margin: 1.875rem 0; }
    .mainblock__bigtitle a {
      text-decoration: underline; }
  .mainblock__subtext {
    height: 3rem;
    font-size: 1rem;
    margin-bottom: 2rem; }
  .mainblock__icon-wrap {
    text-align: center;
    margin-bottom: 10px; }
    .mainblock__icon-wrap_big {
      font-size: 6rem;
      color: #ffac63; }
  h3.mainblock__smalltitle, .mainblock__smalltitle {
    color: #343434;
    font-size: 1.285rem;
    font-weight: 400;
    line-height: 1.428rem;
    margin-bottom: 15px; }
    h3.mainblock__smalltitle span, .mainblock__smalltitle span {
      font-size: 1rem;
      font-weight: 400; }
  .mainblock__description {
    color: #343434;
    font-size: 1rem;
    line-height: 28px;
    text-align: left; }
  .mainblock__linktitle, .mainblock__linktitle:visited, .mainblock__linktitle:focus, .mainblock__linktitle:hover, .mainblock__linktitle:active {
    display: block;
    position: relative;
    margin-bottom: 0;
    color: #343434;
    outline: none;
    font-size: 1.285rem;
    font-weight: 300;
    text-decoration: none;
    padding-right: 20px; }
    .mainblock__linktitle:after, .mainblock__linktitle:visited:after, .mainblock__linktitle:focus:after, .mainblock__linktitle:hover:after, .mainblock__linktitle:active:after {
      position: absolute;
      right: 0;
      top: 5px; }
  .mainblock__linktitle_colapsed:after {
    content: "\e901";
    padding-left: 0.5rem;
    display: inline-block;
    font: normal normal normal 14px/1 Hoster;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .mainblock__linktitle_colapsed.collapsed:after {
    content: "\e902"; }
  .mainblock p {
    text-align: justify; }
    @media screen and (max-width: 767px) {
      .mainblock p {
        text-align: left; } }

.znak {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .znak {
      -webkit-box-align: start;
      align-items: flex-start; } }

.prise__list {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 0;
  padding: 0;
  margin: 0 0 3rem; }

.prise__item {
  list-style: none;
  color: #343434;
  font-weight: 400;
  line-height: 1.428rem;
  text-align: left; }
  .prise__item_center {
    text-align: center; }
  .prise__item_green {
    color: #69b994; }
  .prise__item a {
    text-decoration: underline; }

.prise__cost {
  color: #343434;
  font-size: 2.14rem;
  font-weight: 700;
  line-height: 1.428rem;
  margin-bottom: 30px; }
  .prise__cost > span {
    vertical-align: middle; }

.prise__small {
  color: #343434;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.05rem;
  display: inline-block;
  vertical-align: middle; }

.prise__rub {
  display: inline-block;
  line-height: 0.57rem;
  vertical-align: top;
  padding-bottom: 4px;
  border-bottom: 1px solid #383838; }

.prise__mou {
  line-height: 0.57rem; }

.prise__link-wrap {
  margin-bottom: 20px; }
  .prise__link-wrap a {
    text-decoration: underline; }

.prise__old-price {
  font-size: .7em;
  opacity: .8; }

.price_in-table-cell {
  margin-bottom: .5rem;
  font-size: 1.2rem;
  font-weight: 600; }

.services {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap; }

.service {
  position: relative;
  min-height: 13.7rem;
  margin-bottom: 12px; }
  @media screen and (max-width: 991px) and (min-width: 768px) {
    .service_p2 {
      min-height: 6.45rem;
      height: 6.45rem;
      -webkit-transition-duration: 0s;
      transition-duration: 0s; } }
  @media screen and (min-width: 768px) {
    .service_small {
      height: 9.14rem; } }
  .service__icon {
    position: absolute;
    font-size: 42px;
    color: #ffac63;
    bottom: 20px;
    right: 20px; }
    @media screen and (max-width: 1023px) {
      .service__icon {
        bottom: 14px;
        right: 14px; } }
    @media screen and (max-width: 543px) {
      .service__icon {
        bottom: 10px;
        right: 10px; } }
    .service__icon.ho {
      font-size: 42px; }
      @media (max-width: 850px) {
        .service__icon.ho {
          font-size: 32px; } }
      @media screen and (max-width: 767px) {
        .service__icon.ho {
          font-size: 42px; } }
      .service__icon.ho-y-landing {
        color: grey; }


.moreservices {
  background: rgba(255, 255, 255, 0.4); }
  .moreservices__row {
    margin-left: -20px;
    margin-right: -20px; }
    @media screen and (max-width: 1023px) {
      .moreservices__row {
        margin-left: -14px;
        margin-right: -14px; } }
    @media screen and (max-width: 543px) {
      .moreservices__row {
        margin-left: -10px;
        margin-right: -10px; } }
    .moreservices__row div.col-xs-12 {
      padding-top: 15px; }


.breadcrumb {
  background-color: inherit;
  margin-bottom: 0;
  padding: 1rem 0 0; }
  .breadcrumb a {
    color: #343434; }

table {
  line-height: 22px; }

.blockInvert {
  background-color: rgba(255, 255, 255, 0.4);
  padding-top: 20px;
  padding-bottom: 20px; }

.collapse__table {
  width: 100%; }
  .collapse__table a {
    text-decoration: underline; }
  .collapse__table tr {
    border-bottom: 1px solid rgba(56, 56, 56, 0.12); }
    .collapse__table tr:hover {
      background-color: rgba(56, 56, 56, 0.15); }
    .collapse__table tr:nth-of-type(2n) {
      background-color: #f8f8f8; }
      .collapse__table tr:nth-of-type(2n):hover {
        background-color: #e1e1e1; }
  .collapse__table td {
    text-align: center;
    color: #343434;
    padding: 20px 0;
    word-wrap: break-word; }
    .collapse__table td:first-of-type {
      text-align: left;
      padding-left: 20px;
      padding-right: 20px;
      padding-right: 0; }
      @media screen and (max-width: 1023px) {
        .collapse__table td:first-of-type {
          padding-left: 14px;
          padding-right: 14px; } }
      @media screen and (max-width: 543px) {
        .collapse__table td:first-of-type {
          padding-left: 10px;
          padding-right: 10px; } }
  .collapse__table tbody tr:last-of-type {
    border: none; }

.title--orange {
  color: #ffac63; }

.title--tariff {
  font-size: 1.2rem;
  font-weight: 500; }

.title-para {
  font-size: 1rem;
  font-weight: 400; }

.fs1-5rem {
  font-size: 1.5rem; }

.license .offer__worning {
  min-width: 150px;
  min-height: 220px;
  background-size: 100%; }

.inner-link {
  display: block;
  text-decoration: none; }
  .inner-link:hover, .inner-link:active, .inner-link:focus, .inner-link:visited {
    text-decoration: none; }

.text-center {
  text-align: center; }

.center-link {
  font-size: 1.4rem; }

.constructor {
  cursor: default; }
  .constructor:hover {
    box-shadow: none; }

.alert {
  border-radius: 0;
  border: 0 none; }

@media screen and (max-width: 767px) {
  .tablets-hide {
    display: none; } }

.detailed td {
  padding-left: 10px;
  padding-right: 10px; }

.width-100 {
  width: 100%; }

.checkbox_oferta:not(checked) {
  position: absolute;
  opacity: 0; }

.checkbox_oferta:not(checked) + label {
  padding-left: 54px !important;
  position: relative; }

.checkbox_oferta:not(checked) + label::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  border: 2px solid #c1c1c1;
  background-color: white;
  left: 13px;
  top: 50%;
  margin-top: -15px;
  position: absolute;
  border-radius: 2px; }

.checkbox_oferta:not(checked) + label:hover::before {
  border-color: #b2b2b2; }

.checkbox_oferta:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  left: 13px;
  top: 50%;
  margin-top: -21px;
  width: 14px;
  height: 26px;
  border-right: 3px solid #009e55;
  border-bottom: 3px solid #009e55;
  -webkit-transform: translateX(12px) rotate(45deg);
  transform: translateX(12px) rotate(45deg); }

.hosting-tariffs {
  display: -webkit-box;
  display: flex;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  align-items: stretch;
  margin-top: -12px; }
  .hosting-tariffs__item {
    margin-top: 12px; }
  .hosting-tariffs__item-inner {
    height: 100%;
    display: -webkit-box;
    display: flex;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch; }
  .hosting-tariffs__item-btn_fixed-width {
    width: 100%;
    max-width: 18.0625rem;
    margin: 0 auto; }

@media screen and (max-width: 767px) {
  .topnav .dropdown-menu .nav-link:hover {
    color: inherit;
    background: inherit; } }

@media screen and (max-width: 767px) {
  .topnavbar {
    font-size: 1.7rem; } }

@media screen and (max-width: 543px) {
  .capcha {
    padding-bottom: 10px;
    min-width: 280px;
    overflow: hidden; } }

/**
 * для Edge
 */
.service, .service:hover {
  color: #343434; }

.infinity {
  font-size: 2rem;
  vertical-align: text-bottom; }

.toggle__trigger {
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  text-align: center;
  width: 1.25rem;
  height: 1.25rem;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  margin-left: .625rem;
  overflow: hidden;
  opacity: .8; }
  .toggle__trigger:hover {
    opacity: 1;
    background: rgba(56, 56, 56, 0.09); }
  .toggle__trigger:before {
    content: '';
    display: block;
    margin: 5px auto;
    width: .625rem;
    height: .625rem;
    border-left: 1px solid #373a3c;
    border-bottom: 1px solid #373a3c;
    -webkit-transform: translateY(-0.125rem) rotate(-45deg);
    transform: translateY(-0.125rem) rotate(-45deg);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }
  .toggle__trigger_active:before {
    -webkit-transform: translateY(0.1875rem) rotate(135deg);
    transform: translateY(0.1875rem) rotate(135deg); }

form label {
  text-align: right; }
  @media screen and (max-width: 543px) {
    form label {
      text-align: center; } }

.col-form-label {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  @media screen and (min-width: 543px) {
    .col-form-label {
      padding-right: 1rem; } }
  @media screen and (max-width: 1023px) {
    .col-form-label {
      padding-top: 10px;
      padding-bottom: 10px; } }
  @media screen and (max-width: 543px) {
    .col-form-label {
      line-height: 42px;
      padding-top: 0;
      padding-bottom: 0; } }



.a-button {
  font-size: 1rem;
  width: 100%;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  border: 0 none;
  line-height: 3.571rem;
  color: #373a3c;
  text-decoration: underline; }
  @media screen and (max-width: 1023px) {
    .a-button {
      font-size: 1rem;
      line-height: 44px; } }

.a-button:hover, .a-button:focus, .a-button:active {
  color: #ffac63;
  text-decoration: none; }



/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "Hoster";
  src: url("./fonts/hoster/Hoster.eot?v=1.14");
  src: url("./fonts/hoster/Hoster.eot?#iefix&v=1.14") format("embedded-opentype"), url("./fonts/hoster/Hoster.woff?v=1.14") format("woff"), url("./fonts/hoster/Hoster.ttf?v=1.14") format("truetype"), url("./fonts/hoster/Hoster.svg?v=1.14#Hoster") format("svg");
  font-weight: normal;
  font-style: normal; }

.ho {
  display: inline-block;
  font: normal normal normal 14px/1 Hoster;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none; }

/* makes the font 33% larger relative to the icon container */
.ho-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.ho-2x {
  font-size: 2em; }

.ho-3x {
  font-size: 3em; }

.ho-4x {
  font-size: 4em; }

.ho-5x {
  font-size: 5em; }

.ho-9px {
  font-size: 9px; }

.ho-spin {
  -webkit-animation: ho-spin 2s infinite linear;
  animation: ho-spin 2s infinite linear; }

.ho-pulse {
  -webkit-animation: ho-spin 1s infinite steps(8);
  animation: ho-spin 1s infinite steps(8); }

@-webkit-keyframes ho-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes ho-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.ho-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.ho-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.ho-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

.ho-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.ho-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .ho-rotate-90,
:root .ho-rotate-180,
:root .ho-rotate-270,
:root .ho-flip-horizontal,
:root .ho-flip-vertical {
  -webkit-filter: none;
  filter: none; }

.ho_inline {
  vertical-align: middle;
  margin: 0 .4rem; }

.ho-remove:before {
  content: "\e900"; }

.ho-angle-down:before {
  content: "\e901"; }

.ho-angle-right:before {
  content: "\e902"; }

.ho-check:before {
  content: "\e903"; }

.ho-ban:before {
  content: "\e904"; }

.ho-minus:before {
  content: "\e905"; }

.ho-plus:before {
  content: "\e906"; }

.ho-shop:before {
  content: "\e907"; }

.ho-rouble:before {
  content: "\e908"; }

.ho-spinner:before {
  content: "\e909"; }

.ho-circle:before {
  content: "\e90a"; }

.ho-sign-mail:before {
  content: "\e90b"; }

.ho-sosial-fb:before {
  content: "\e90c"; }

.ho-sosial-tw:before {
  content: "\e90d"; }

.ho-sosial-vk:before {
  content: "\e90e"; }

.ho-y-antispam:before {
  content: "\e90f"; }

.ho-y-audit:before {
  content: "\e910"; }

.ho-y-bitrix:before {
  content: "\e911"; }

.ho-y-deletecode:before {
  content: "\e912"; }

.ho-y-domain:before {
  content: "\e913"; }

.ho-y-landing:before {
  content: "\e914"; }

.ho-y-linux:before {
  content: "\e915"; }

.ho-y-mail:before {
  content: "\e916"; }

.ho-y-mailbisness:before {
  content: "\e917"; }

.ho-y-seo:before {
  content: "\e918"; }

.ho-y-ssl:before {
  content: "\e919"; }

.ho-y-umi:before {
  content: "\e91a"; }

.ho-y-vps:before {
  content: "\e91b"; }

.ho-y-window:before {
  content: "\e91c"; }

.ho-sign-in:before {
  content: "\e91d"; }

.ho-echo:before {
  content: "\e91e"; }

.ho-idea:before {
  content: "\e91f"; }

.ho-list:before {
  content: "\e920"; }

.ho-money:before {
  content: "\e921"; }

.ho-ok:before {
  content: "\e922"; }

.ho-paper-no:before {
  content: "\e923"; }

.ho-people:before {
  content: "\e924"; }

.ho-mark:before {
  content: "\e925"; }

.ho-bag:before {
  content: "\e926"; }

.ho-calendar:before {
  content: "\e927"; }

.ho-flag:before {
  content: "\e928"; }

.ho-money2:before {
  content: "\e929"; }

.ho-pencil:before {
  content: "\e92a"; }

.ho-pik:before {
  content: "\e92b"; }

.ho-smile:before {
  content: "\e92c"; }

.ho-mobile:before {
  content: "\e000"; }

.ho-genius:before {
  content: "\e046"; }

.ho-link-external:before {
  content: "\e92d"; }

.ho-social-icons-2-vk:before {
  content: "\e92e"; }

.ho-social-icons-2-tw:before {
  content: "\e93c"; }

.ho-social-icons-2-facebook:before {
  content: "\e92f"; }

.ho-social-icons-2-google-plus:before {
  content: "\e930"; }

.ho-social-icons-2-telegram:before {
  content: "\e931"; }

.ho-social-icons-2-thumb-up:before {
  content: "\e932"; }

.ho-social-icons-2-heart:before {
  content: "\e933"; }

.ho-social-icons-2-evernote:before {
  content: "\e934"; }

.ho-social-icons-2-instagram:before {
  content: "\e93b"; }

.ho-calendar-year_0:before {
  content: "\e935"; }

.ho-calendar-year_1:before {
  content: "\e936"; }

.ho-calendar-year_2:before {
  content: "\e937"; }

.ho-calendar-year_3:before {
  content: "\e938"; }

.ho-folder:before {
  content: "\e939"; }

.ho-y-ddos:before {
  content: "\e93a"; }

@-webkit-keyframes loaders {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(0);
    transform: scale(0); } }

@keyframes loaders {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(0);
    transform: scale(0); } }

.domainform__row {
  width: 100%;
  padding: 10px 20px 10px 45px;
  background-color: rgba(56, 56, 56, 0.09);
  cursor: pointer;
  position: relative;
  line-height: 34px; }
  @media screen and (max-width: 1023px) {
    .domainform__row {
      padding: 10px 10px 10px 35px; } }
  .domainform__row:hover {
    background-color: rgba(56, 56, 56, 0.15); }
  .domainform__row_small {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 0; }

.domainform__title--decs {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px; }

.domainform__row--ptb20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.domainform__input {
  display: none; }
  .domainform__input:checked + .domainform__row {
    background-color: rgba(255, 172, 99, 0.25); }
    .domainform__input:checked + .domainform__row:before {
      left: 20px;
      position: absolute;
      content: "\e903";
      font-family: Hoster; }
      @media screen and (max-width: 1023px) {
        .domainform__input:checked + .domainform__row:before {
          left: 10px; } }
  .domainform__input:disabled + .domainform__row {
    cursor: no-drop;
    opacity: 0.7;
    background-color: rgba(56, 56, 56, 0.05); }
    .domainform__input:disabled + .domainform__row .domainform__col_icon:before {
      content: "\f05e"; }
    .domainform__input:disabled + .domainform__row .domainform__col_buy {
      position: absolute;
      top: 0;
      right: 0;
      height: 42px;
      width: 50px;
      background-color: transparent;
      font-size: 0;
      line-height: 42px; }
      .domainform__input:disabled + .domainform__row .domainform__col_buy:before {
        content: 'Whois';
        color: #343434;
        text-align: right;
        padding-right: 14px; }

.domainform__title {
  text-transform: uppercase; }

.tab-content {
  padding-top: 15px; }
  .tab-content--zone {
    background-color: rgba(56, 56, 56, 0.09);
    padding: 20px; }

.domenlist {
  font-size: 14px; }

  .offer__worning {
  min-width: 85px;
  min-height: 85px;
  background-color: #ffac63;
  margin-right: 20px;
  text-align: center;
  padding-top: 33px; }
  @media screen and (max-width: 543px) {
    .offer__worning {
      display: none; } }
  .offer__worning:before {
    content: '\e925';
    font-family: Hoster;
    color: white;
    font-size: 48px;
    font-weight: 700;
    line-height: 20px; }
  @media screen and (max-width: 767px) {
    .offer__worning {
      min-width: 50px;
      min-height: 50px;
      margin-right: 15px;
      margin-bottom: 10px;
      padding-top: 17px; }
      .offer__worning:before {
        font-size: 30px; } }

.whywe {
  color: #3e3e3e;
  font-size: 1rem; }

.tarif {
  padding: 0; }
  .tarif__info {
    padding-top: 10px;
    padding-bottom: 0;
    line-height: 22px; }
    .tarif__info:hover {
      border-bottom: none; }
  .tarif:hover {
    border-bottom: none; }
  .tarif__table {
    width: 100%; }
    .tarif__table a {
      text-decoration: underline; }
    .tarif__table .ho {
      padding-left: 6px; }
    @media screen and (min-width: 450px) {
      .tarif__table {
        table-layout: fixed; } }
    .tarif__table tr {
      border-bottom: 1px solid rgba(56, 56, 56, 0.12); }
      .tarif__table tr:hover {
        background-color: rgba(56, 56, 56, 0.15); }
      .tarif__table tr:nth-of-type(2n) {
        background-color: #f8f8f8; }
        .tarif__table tr:nth-of-type(2n):hover {
          background-color: #e1e1e1; }
    .tarif__table td {
      text-align: center;
      color: #343434;
      padding: 20px 0;
      word-wrap: break-word;
      padding-bottom: 30px;
      padding-top: 30px; }
      .tarif__table td:first-of-type {
        text-align: left;
        width: 160px;
        padding-left: 20px;
        padding-right: 20px;
        padding-right: 0; }
        @media screen and (max-width: 1023px) {
          .tarif__table td:first-of-type {
            padding-left: 14px;
            padding-right: 14px; } }
        @media screen and (max-width: 543px) {
          .tarif__table td:first-of-type {
            padding-left: 10px;
            padding-right: 10px; } }
        @media screen and (max-width: 767px) {
          .tarif__table td:first-of-type {
            max-width: 120px; } }
      .tarif__table td:nth-of-type(2) {
        text-align: left; }
      .tarif__table td:nth-of-type(3) {
        width: 160px; }
        @media screen and (max-width: 689px) {
          .tarif__table td:nth-of-type(3) {
            display: none; } }
      @media screen and (max-width: 965px) {
        .tarif__table td:nth-of-type(4) {
          display: none; } }
      @media screen and (max-width: 1133px) {
        .tarif__table td:nth-of-type(5) {
          display: none; } }
      @media screen and (max-width: 1336px) {
        .tarif__table td:nth-of-type(6) {
          display: none; } }
      .tarif__table td:nth-of-type(7) {
        width: 100px; }
      .tarif__table td:last-of-type {
        padding-left: 20px;
        padding-right: 20px;
        padding-left: 0;
        text-align: right; }
        @media screen and (max-width: 1023px) {
          .tarif__table td:last-of-type {
            padding-left: 14px;
            padding-right: 14px; } }
        @media screen and (max-width: 543px) {
          .tarif__table td:last-of-type {
            padding-left: 10px;
            padding-right: 10px; } }
    .tarif__table thead tr {
      border-bottom: 1px solid rgba(56, 56, 56, 0.12); }
      .tarif__table thead tr:hover {
        background-color: transparent; }
      .tarif__table thead tr td {
        word-wrap: break-word; }
        @media screen and (max-width: 689px) {
          .tarif__table thead tr td:nth-of-type(2) {
            text-align: center; } }
        .tarif__table thead tr td:last-of-type {
          text-align: center; }
    .tarif__table tbody tr:last-of-type {
      border: none; }
  .tarif__link, .tarif__link:focus, .tarif__link:hover, .tarif__link:active {
    color: #343434;
    font-weight: 700;
    line-height: 20px; }
    .tarif__link:not(span), .tarif__link:focus:not(span), .tarif__link:hover:not(span), .tarif__link:active:not(span) {
      text-decoration: underline; }

.buy.buy {
  line-height: 30px;
  width: 87px; }
  @media screen and (max-width: 449px) {
    .buy.buy {
      width: 90px; } }

.buy__btm, .buy__btm:link {
  margin-left: 14px;
  display: inline-block;
  vertical-align: middle;
  background: #ffac63;
  height: 44px;
  width: 44px;
  line-height: 44px;
  text-align: center;
  color: white; }
  .buy__btm:hover, .buy__btm:link:hover {
    background: #ffb87a; }
  .buy__btm .ho, .buy__btm:link .ho {
    padding: 0; }

@-webkit-keyframes sslanim {
  0% {
    background-color: transparent; }
  50% {
    background-color: #ffac63; }
  100% {
    background-color: transparent; } }

@keyframes sslanim {
  0% {
    background-color: transparent; }
  50% {
    background-color: #ffac63; }
  100% {
    background-color: transparent; } }

.number {
  font-size: 0;
  white-space: nowrap; }
  .number__minus, .number__minus:focus {
    vertical-align: top;
    font-size: 0.7rem;
    color: #343434;
    display: inline-block;
    width: 28px;
    line-height: 26px;
    background-color: white;
    border: 1px solid #eaeaea;
    border-right: none; }
  .number__minus:hover, .number__minus:active {
    color: #4c4c4c; }
  .number__input {
    color: #343434;
    text-align: center;
    font-size: 1rem;
    border: 1px solid #eaeaea;
    height: 28px;
    outline: none;
    width: 34px; }
  .number__plus, .number__plus:focus {
    vertical-align: top;
    color: #343434;
    font-size: 0.7rem;
    line-height: 26px;
    display: inline-block;
    width: 28px;
    border: 1px solid #eaeaea;
    border-left: none;
    background-color: white; }
  .number__plus:hover, .number__plus:active {
    color: #4c4c4c; }

.tariff_name {
  padding: 0; }
  .tariff_name__info {
    padding-top: 10px;
    padding-bottom: 0; }
  .tariff_name__table {
    width: 100%; }
    .tariff_name__table .ho {
      padding-left: 6px;
      vertical-align: middle; }
    @media screen and (min-width: 450px) {
      .tariff_name__table {
        table-layout: fixed; } }
    .tariff_name__table th {
      text-align: center;
      padding-top: 10px;
      padding-bottom: 10px; }
    .tariff_name__table tr {
      border-bottom: 1px solid rgba(56, 56, 56, 0.12); }
      .tariff_name__table tr:hover {
        background-color: rgba(56, 56, 56, 0.15); }
      .tariff_name__table tr:nth-of-type(2n) {
        background-color: #f8f8f8; }
        .tariff_name__table tr:nth-of-type(2n):hover {
          background-color: #e1e1e1; }
    .tariff_name__table td {
      text-align: center;
      color: #343434;
      line-height: 20px;
      padding: 10px 0;
      word-wrap: break-word;
      padding-left: 20px;
      padding-right: 20px; }
      @media screen and (max-width: 1023px) {
        .tariff_name__table td {
          padding-left: 14px;
          padding-right: 14px; } }
      @media screen and (max-width: 543px) {
        .tariff_name__table td {
          padding-left: 10px;
          padding-right: 10px; } }
      .tariff_name__table td:first-of-type {
        text-align: left;
        width: 70%;
        padding-right: 0; }
        @media screen and (max-width: 767px) {
          .tariff_name__table td:first-of-type {
            max-width: 120px; } }
      .tariff_name__table td:last-of-type {
        width: 30%;
        text-align: center; }
    .tariff_name__table tbody tr:last-of-type {
      border: none; }
  .tariff_name a {
    text-decoration: underline; }
  .tariff_name__link, .tariff_name__link:focus, .tariff_name__link:hover, .tariff_name__link:active {
    color: #343434;
    font-weight: 700;
    line-height: 20px;
    text-decoration: underline; }
  .tariff_name__link:hover {
    color: #948d8d; }
  .tariff_name__total-cost {
    font-size: 1.125rem;
    line-height: 50px; }
    @media screen and (max-width: 1023px) {
      .tariff_name__total-cost {
        line-height: 44px; } }

.tariff-plate {
  display: -webkit-box;
  display: flex;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  padding: 2.5rem 0; }
  @media screen and (max-width: 900px) {
    .tariff-plate {
      flex-wrap: wrap;
      padding: 1.5rem 0; } }
  .tariff-plate--bg-clouds {
    background: #d7d7d7 url("/img/components/bg_clouds_v2.jpg") 0 100% repeat-x;
    -webkit-transition: background .4s ease-in;
    transition: background .4s ease-in;
    -webkit-animation-name: cloudFloat;
    animation-name: cloudFloat;
    -webkit-animation-duration: 90s;
    animation-duration: 90s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .tariff-plate__col {
    -webkit-box-flex: 1;
    flex: 1 1 auto; }
    .tariff-plate__col--price {
      -webkit-box-flex: 0;
      flex: 0 0 26.5%;
      text-align: center; }
      @media screen and (max-width: 900px) {
        .tariff-plate__col--price {
          flex-basis: 40%; } }
      @media screen and (max-width: 543px) {
        .tariff-plate__col--price {
          flex-basis: 100%;
          margin: 0 0 2rem; } }
    .tariff-plate__col--desc {
      -webkit-box-flex: 1;
      flex: 1 1 auto; }
      @media screen and (max-width: 900px) {
        .tariff-plate__col--desc {
          flex-basis: 60%; } }
      @media screen and (max-width: 543px) {
        .tariff-plate__col--desc {
          flex-basis: 100%; } }
    .tariff-plate__col--btn {
      -webkit-box-flex: 0;
      flex: 0 0 24%;
      margin-right: 7.5%;
      margin-left: 2%; }
      @media screen and (max-width: 900px) {
        .tariff-plate__col--btn {
          flex-basis: 100%;
          margin: 2rem 0 0; } }
  .tariff-plate__col-inner {
    padding: 0 1rem; }
    .tariff-plate__col-inner--flex {
      display: -webkit-box;
      display: flex;
      flex-flow: column nowrap;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center; }
  .tariff-plate__title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 1.2rem; }
  .tariff-plate__sub-title {
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1; }
  .tariff-plate__price {
    margin-top: 4rem;
    font-size: 4.425rem; }
    @media screen and (max-width: 900px) {
      .tariff-plate__price {
        margin-top: 2rem; } }
    @media screen and (max-width: 543px) {
      .tariff-plate__price {
        margin-top: 1.2rem; } }
  .tariff-plate__price-num {
    color: #ffac63; }
  .tariff-plate__folder {
    display: inline-block;
    position: relative;
    font-size: 1rem;
    line-height: 1;
    color: #959595; }
    @media screen and (max-width: 900px) {
      .tariff-plate__folder {
        display: none; } }
    .tariff-plate__folder--sm {
      font-size: 2.7rem;
      margin-left: 20%;
      -webkit-transform: rotate(40deg);
      transform: rotate(40deg); }
    .tariff-plate__folder--md {
      font-size: 4rem;
      margin: -2rem 0 0 -41%;
      -webkit-transform: rotate(-13deg);
      transform: rotate(-13deg); }
    .tariff-plate__folder--lg {
      font-size: 5rem;
      margin: -0.5rem 0 0 12%;
      -webkit-transform: rotate(16deg);
      transform: rotate(16deg); }
  .tariff-plate__folder-text {
    display: block;
    position: absolute;
    right: 0;
    bottom: 1.4em;
    left: 0;
    text-transform: uppercase;
    font-size: .22em;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis; }
  .tariff-plate__arrow {
    display: inline-block;
    margin: -1.5rem -50% .8rem 0;
    width: 39px;
    height: 62px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAA+CAYAAACoegJmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyQzY2Nzg5MzY4MjNFNzExQTYwREI1OUIzNTFCQjgwMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NDE0RTRCNTUwRkExMUU3OTdERUNCNTQxNzgyMEEzOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NDE0RTRCNDUwRkExMUU3OTdERUNCNTQxNzgyMEEzOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgwQTI0RDM3REE0NUU3MTFBOTRDRDQ1RkExQ0ExMTkzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJDNjY3ODkzNjgyM0U3MTFBNjBEQjU5QjM1MUJCODAzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IGAFvAAAA+9JREFUeNrMmnlIVFEUxq812i60QdFiRaRGkUW0B7YYtGoGJVEJFVS2EQUtfxQlLYJFQRqVLYQltC+0WFFRWUKmtFMkZXtqRYsYLdh3et+Dx+AyOo5zPvhx540zzse5951zlxeQkpJiaqggkAM+gI/gHsjie789/ScJCQkV/q2eqbkagQMgH4SCJHALFIHdoJ3xUt6Y+wqSwTzQD7QFs8BdMBu8AcdAY3+Yc1ch2AtGgD7gMIgFJSDe3+acygNTwFDwCOwHBaCFBnO2boIIsBl0BJ/AVC3mRH/AMjARfAMHQYYnv10X5mydBJGgGMTx2qXFnD0Wh9PgeJCmyZzoAYgGpXIXp6amrtJkzjBZ2+klEQaHaDInOgJ20EM6DAZrMidaCp6AELBOmzkZd3bln4/ohWsyJ7OSa2iOM62sV2WOWgnKQAyiF6bKHKL3DM0ZEACWaIucaAvbOESvgTZz18F7EMzqocccuraMk1PROG2RE51lG6nRXA7bEIy79qrMoWtltvKSl2HaIid6xTZUo7lCtq01mith20SjuUZsAzWaa8r2i0ZzHdgWqzKH3NaQ+y6iAm2R62+s3StRrjZz0WyfIiG/q6eoSyVi03h5QlttnSGJl683qDHHqK3mZTK69LumyC1gCinjeuK/ArzYE64tydbYYylXso+CqF3VsoaQ30+jsSynMQ3mZBMniq+jNK34ZZ2wlq+HIWqlWswNNNaGtvz+Lq76jQZzUqIucGokC5q5lQ3IupQcA1zk2lQGfyyXhH43Jwco52nsNBgLflV1K/taMg1KYcoIBPuMdXhSWtUXXT421gMcAj0d2T+pOknQE3UDz411puWJJEJrjHUOJsbknCymOsY8jdxgcIqbLKc8+PxoY+0Y2fts99mN+TUpH5VpErhEY3J+UFTJZ3uDTHDOYWw7U0d+TcZEZeYWMVHmV2Gsr7FOY3LBKL73jhFcCH56U3jdJbuLiWAbZwvlGZPvjQGXwR3H9FoGvWzfhzPReiX3MVcf7GROeliOMTnwnQ7mgC5u38021pZpdm3d6i63xWwGC/JtdstXlhm50+I5c3CPtnT7CmNt/JXVZh6yzbVh9o5gWZkMRtLUBGZ1d+UxNRwFf32RJF2O1U4Ey4k82fCamd1dP4x1LCRZ/oavS4uYawkG8DrIccfZesEUkcm0UlJXxVjMydH2RufCAvrOerjVWM+M+G0Ob0+X5e4r4HUzDnI5NNsDBvnTnN19nUAvkM7k2RzMNNaTNvKUw+IKbg6fmzOOWii5rB27+g3f785ufgs2gVb+MGfrM010Zmq54siHy2sz2XozK/nD9CF0NdaTDfZjGD7VPwEGAMDy41idGqtJAAAAAElFTkSuQmCC"); }
    @media screen and (max-width: 900px) {
      .tariff-plate__arrow {
        display: none; } }

@-webkit-keyframes cloudFloat {
  0% {
    background-position: 0 100%; }
  100% {
    background-position: -1333px 100%; } }

@keyframes cloudFloat {
  0% {
    background-position: 0 100%; }
  100% {
    background-position: -1333px 100%; } }

.tablessl {
  width: 100%; }
  .tablessl__form__input {
    display: none; }
  .tablessl_logo {
    width: 100%;
    max-width: 128px !important; }
    .tablessl_logo_item {
      background: #fff url("/img/ssl.png") no-repeat;
      padding-bottom: 26.5625%;
      width: 100%; }
      .tablessl_logo_item__comodo {
        background-position: 0 0;
        background-size: 100% 470.59%; }
      .tablessl_logo_item__geotrust {
        background-position: 0 62%;
        background-size: 100% 470.59%; }
      .tablessl_logo_item__thawte {
        background-position: 0 30%;
        background-size: 100% 470.59%; }
      .tablessl_logo_item__symantec {
        background-position: 0 95%;
        background-size: 100% 470.59%; }
	.tablessl_logo2_item {
		background: #fff url("/img/rapidssl.png") no-repeat;
		padding-bottom: 26.5625%;
		width: 100%; }
		.tablessl_logo2_item__rapid {
			background-position: 0 0;
			background-size: 100% 470.59%; }
     
  .tablessl .ho {
    padding-left: 6px; }
  .tablessl .pl-no {
    padding-left: 0; }
  .tablessl tr {
    border-bottom: 1px solid rgba(56, 56, 56, 0.12); }
    .tablessl tr:hover {
      background-color: rgba(56, 56, 56, 0.1);
      border-bottom-color: rgba(56, 56, 56, 0.1); }
    .tablessl tr:nth-of-type(2n) {
      background-color: #f8f8f8; }
      .tablessl tr:nth-of-type(2n):hover {
        background-color: #e1e1e1; }
    .tablessl tr.active {
      -webkit-animation-name: sslanim;
      animation-name: sslanim;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-direction: alternate;
      animation-direction: alternate;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-duration: 500ms;
      animation-duration: 500ms; }
  .tablessl__item-title a {
    text-decoration: underline; }
  .tablessl td {
    padding: 4px 7px;
    text-align: center; }
    .tablessl td:first-of-type {
      text-align: left;
      padding-left: 20px;
      padding-right: 20px;
      padding-right: 0;
      width: 20%; }
      @media screen and (max-width: 1023px) {
        .tablessl td:first-of-type {
          padding-left: 14px;
          padding-right: 14px; } }
      @media screen and (max-width: 543px) {
        .tablessl td:first-of-type {
          padding-left: 10px;
          padding-right: 10px; } }
    .tablessl td:nth-of-type(2) {
      width: 110px; }
      @media screen and (max-width: 669px) {
        .tablessl td:nth-of-type(2) {
          display: none; } }
    .tablessl td:nth-of-type(3) {
      width: 170px; }
      @media screen and (max-width: 859px) {
        .tablessl td:nth-of-type(3) {
          display: none; } }
    .tablessl td:nth-of-type(4) {
      width: 150px; }
      @media screen and (max-width: 1010px) {
        .tablessl td:nth-of-type(4) {
          display: none; } }
    .tablessl td:nth-of-type(6) {
      width: 150px; }
      @media screen and (max-width: 1199px) {
        .tablessl td:nth-of-type(6) {
          display: none; } }
    .tablessl td:nth-of-type(7) {
      width: 120px; }
      @media screen and (max-width: 423px) {
        .tablessl td:nth-of-type(7) {
          display: none; } }
    .tablessl td:last-of-type {
      text-align: right;
      padding-left: 20px;
      padding-right: 20px;
      padding-left: 0; }
      @media screen and (max-width: 1023px) {
        .tablessl td:last-of-type {
          padding-left: 14px;
          padding-right: 14px; } }
      @media screen and (max-width: 543px) {
        .tablessl td:last-of-type {
          padding-left: 10px;
          padding-right: 10px; } }
      @media screen and (max-width: 499px) {
        .tablessl td:last-of-type {
          width: 100px; } }
  .tablessl tr.tablessl__title, .tablessl tr.tablessl__separator {
    background-color: #eeeae7;
    border-left: 0 none;
    border-right: 0 none; }
    .tablessl tr.tablessl__title:hover, .tablessl tr.tablessl__separator:hover {
      background-color: #eeeae7; }
  .tablessl tr.tablessl__title td {
    text-align: left;
    padding-top: 40px; }
  .tablessl tr.tablessl__thead {
    background-color: white; }
    .tablessl tr.tablessl__thead:hover {
      background-color: white; }
    .tablessl tr.tablessl__thead td {
      padding-top: 7px;
      padding-bottom: 7px; }
      .tablessl tr.tablessl__thead td:not(:nth-of-type(1)) {
        padding: 7px 4px; }
  .tablessl thead tr:hover {
    background-color: transparent; }
  .tablessl thead td {
    padding-top: 7px;
    padding-bottom: 7px; }
  .tablessl__no {
    color: #e43531; }

/* CMS */
.cms-tarif + .cms-tarif { margin-top: 50px; }
.cms-tarif-price { margin-top: 20px; }
.cms-tarif-2 { widht: 90%}
	.ctp-block h2 {
		color: #022f32;
		margin-bottom: 20px;
		width:300px;
	}
	.ctp-block h3 {
		margin-bottom: 25px;
	}
	.ctp-block + .ctp-block h2,
	.ctp-block + .ctp-block h3 { padding-top: 35px; }

	.ctp-block p { margin-bottom: 10px !important; }
	.ctp-block .list-common { margin-bottom: 5px !important; }
	.ctp-block .list-common li + li { margin-top: 5px !important; }
	.ctp-line {
		border-top: 1px solid #e9e9df;
		margin-top: 17px;
	}
	.ctp-price { position: relative; }
		.ctp-price .btn {
			float: right;
			margin-top: 3px;
		}
@media (max-width: 300px) {
	.ctp-block h3 {
		margin-bottom: 10px;
		margin-top: 15px;
	}
	.ctp-price {
		padding-bottom: 10px;
		border-bottom: 1px solid #e9e9df;
	}
	.ctp-block + .ctp-block h3 { padding-top: 0; }
}

.btn-add  {
	text-align: center;
	width: 100%;
	background: url('/img/it-line.png') center repeat-x;
	margin-bottom: 20px;
}
	.btn-add .btn {
		min-width: 250px;
	}
	.btn-add .btn:hover {
		background: #022f32;
		color: #fff;
	}

.pricestabledomain {
    display: none;
    padding: 6px 12px;
   
}
/* DOMAIN PAGE*/

.pdomaintable {
    line-height: 32px;
	margin-left: auto;
	margin-right: auto;
	width: 62em;
	text-align: left;
}




.domaincontainer {
    max-width: 1440px;
    padding-left: 40px;
    padding-right: 40px;
    width: 1180px;
    min-width: 1180px;
    margin: 0 auto;
    padding: 0 10px;
	display: block;
	margin-left: auto;
	margin-right: initial;
}


/* CMS LICENSE PAGE*/

.cmsrightblock {

    display: block;
    min-height: 1px;
    padding-right: 6px;
    padding-left: 6px;
    float: right;
    width: 32%;
}

.cmsleftblock {

   display: block;
    min-height: 1px;
    padding-right: 6px;
    padding-left: 6px;
    float: left;
    width: 65%;
}

/* SSSL table*/

 
	  
 .ssltablecheck__check {
    position: relative;
    font-size: 0; }
    .ssltablecheck__check:before {
      content: "";
      position: absolute;
      top: 3px;
      left: 20px;
      width: 27px;
      height: 3px;
      background-color: #cecece;
      border-radius: 2px; }
    .ssltablecheck__check--yes:before {
      content: "";
      position: absolute;
      top: 0;
      left: 20px;
      width: 24px;
      height: 17px;
      background-color: transparent;
      background-image: url("./img/sprite.png");
      background-repeat: no-repeat;
      background-position: -118px -50px; }
  }
  
  
.ssl-subscription-plan__header--price:after {
        content: "";
        position: absolute;
        top: 7px;
        right: -7px;
        width: 9px;
        height: 13px;
        background-image: url("./img/icons/uah-ico.png");
        background-repeat: no-repeat;
        background-size: contain; }