@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

html {
  scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 16px;
}

body, select, textarea, input[type="text"], input[type="password"] {
	color: #666;
    font-family: 'Open Sans', sans-serif;
    -webkit-appearance: none;
	outline: none;
}

select {
	line-height: 42px;
	padding: 0 27px 0 12px;
	box-sizing: border-box;
	background-image: url(/img/ico/arrow-select-down-black.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    border: 1px solid #dbdbdb;
	border-radius: 5px;
	background-color: #ecf3ff;
	font-size: 18px;
	font-weight: 600;
}

input[type="text"],
input[type="password"] {
	line-height: 42px;
	padding: 0 12px;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 5px;
	background-color: #ecf3ff;
	font-size: 18px;
	font-weight: 600;
}

textarea {
	padding: 6px 12px;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	border-radius: 5px;
	background-color: #ecf3ff;
	font-size: 18px;
	font-weight: 600;
}

a {
	color: #458eff;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #666;
}

::-webkit-input-placeholder {
	color: #999;
	font-weight: 300;
    font-style: italic;
}

:-moz-placeholder {
	color: #999;
	font-weight: 300;
    font-style: italic;
}

::-moz-placeholder {
	color: #999;
	font-weight: 300;
    font-style: italic;
}

:-ms-input-placeholder {
	color: #999;
	font-weight: 300;
    font-style: italic;
}

/* rezonSwitch - Custom Chechbox & Radio buttons */
/* ————————————————————————————————————————————— */
/* ————————————————————————————————————————————— */
.rezonSwitch {
	display: inline-block;
	position: relative;
	min-height: 22px;
    color: #666 !important;
	font-size: 16px !important;
    font-weight: 400 !important;
	padding-left: 50px;
}

.rezonSwitch .switchWrap {
	position: absolute;
	top: 1px;
	left: 0;
}

.rezonSwitch .switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 22px;
}

/* Hide default HTML checkbox */
.rezonSwitch .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.rezonSwitch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #d7d7d7;
	-webkit-transition: .4s;
	transition: .4s;
}

.rezonSwitch .slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.rezonSwitch input:checked + .slider {
	background-color: #555;
}

.rezonSwitch input:checked + .slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}

/* Rounded sliders */
.rezonSwitch .slider.round {
border-radius: 34px;
}

.rezonSwitch .slider.round:before {
border-radius: 50%;
}

/* ———————————————————————————————————————————————————— */
/* ———————————————————————————————————————————————————— */
/* END of rezonSwitch - Custom Chechbox & Radio buttons */

.MT0 {
    margin-top: 0 !important;
}

.MT5 {
    margin-top: 5px !important;
}

.MT10 {
    margin-top: 10px !important;
}

.MT15 {
    margin-top: 15px !important;
}

.MT20 {
    margin-top: 20px !important;
}

.MT25 {
    margin-top: 25px !important;
}

.MT30 {
    margin-top: 30px !important;
}

.MT35 {
    margin-top: 35px !important;
}

.MT40 {
    margin-top: 40px !important;
}

.MT45 {
    margin-top: 45px !important;
}

.MT50 {
    margin-top: 50px !important;
}

.MT55 {
    margin-top: 55px !important;
}

.MT60 {
    margin-top: 60px !important;
}

.MT-5 {
    margin-top: -5px !important;
}

.MT-10 {
    margin-top: -10px !important;
}

.MT-15 {
    margin-top: -15px !important;
}

.MT-20 {
    margin-top: -20px !important;
}

.MB0 {
    margin-bottom: 0 !important;
}

.MB5 {
    margin-bottom: 5px !important;
}

.MB10 {
    margin-bottom: 10px !important;
}

.MB15 {
    margin-bottom: 15px !important;
}

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

.MB25 {
    margin-bottom: 25px !important;
}

.MB30 {
    margin-bottom: 30px !important;
}

.MB35 {
    margin-bottom: 35px !important;
}

.MB40 {
    margin-bottom: 40px !important;
}

.MB-5 {
    margin-bottom: -5px !important;
}

.MB-10 {
    margin-bottom: -10px !important;
}

.MB-15 {
    margin-bottom: -15px !important;
}

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

.PB0 {
    padding-bottom: 0px !important;
}

.PB25 {
    padding-bottom: 25px !important;
}

.BUTTON {
    display: inline-block;
	padding: 0 26px;
	box-sizing: border-box;
    line-height: 46px;
	border: 1px solid #458eff;
    border-radius: 50px;
    background: #458eff;
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    align-self: center;
    cursor: pointer;
}

.BUTTON:hover {
	color: #FFF;
    background: #1a64d6;
	border-color: #1a64d6;
}

.BUTTON span {
    font-weight: 300;
    text-transform: none;
}

.BUTTON ico {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 0;
	margin-right: 8px;
	vertical-align: -9px;
    background-repeat: no-repeat;
    background-position: center center;
	background-size: auto 32px;
}

.BUTTON ico.login {
	background-image: url("/img/ico/menu/login.svg");
	background-size: auto 20px;
	width: 20px;
	height: 20px;
	vertical-align: -3px;
}

.BUTTON ico.search {
	background-image: url("/img/ico/search.svg");
	background-size: auto 20px;
	width: 20px;
	height: 20px;
	vertical-align: -3px;
}

.BUTTON ico.zap {
	background-image: url("/img/ico/zap.svg");
	background-size: auto 16px;
	width: 32px;
	height: 16px;
	vertical-align: -2px;
	margin-right: 0;
	margin-left: 8px;
}

.BUTTON ico.zap2 {
	background-image: url("/img/ico/zap-blue2.svg");
    background-position: 0 0px;
	background-size: 32px auto;
	width: 32px;
	height: 16px;
	vertical-align: -2px;
	margin-right: 0;
	margin-left: 8px;
}

.BUTTON:hover ico.zap2 {
	background-position: 0 -100px;
}

.BUTTON ico.zap3 {
	background-image: url("/img/ico/zap.svg");
	background-size: auto 16px;
	width: 32px;
	height: 16px;
	vertical-align: -2px;
	margin-right: 8px;
	margin-left: 0;
}

.BUTTON ico.ok {
	background-image: url("/img/ico/ok-button-white.svg");
	background-size: auto 21px;
	width: 26px;
	height: 21px;
	vertical-align: -3px;
	margin-right: 0;
	margin-left: 10px;
}

.BUTTON ico.ok-blue {
	background-image: url("/img/ico/ok-button-blue.svg");
    background-position: center 0;
	background-size: 26px auto;
	width: 26px;
	height: 21px;
	vertical-align: -3px;
	margin-right: 0;
	margin-left: 10px;
}

.BUTTON:hover ico.ok-blue {
	background-position: 0 -50px;
}

.BUTTON ico.cart-button-white-icon {
	background-image: url("/img/ico/cart-button-white.svg");
	background-size: 24px auto;
    background-position: center 0;
	width: 24px;
	height: 21px;
	vertical-align: -3px;
	margin-right: 8px;
	margin-left: 0;
}

.BUTTON ico.cart-button-blue-icon {
	background-image: url("/img/ico/cart-button-blue.svg");
	background-size: 24px auto;
    background-position: center 0;
	width: 24px;
	height: 21px;
	vertical-align: -3px;
	margin-right: 8px;
	margin-left: 0;
}

.BUTTON:hover ico.cart-button-blue-icon {
	background-position: center -50px;
}

ico.small-ico {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: -2px;
    background-size: auto 16px;
}

ico.edit {
    background-image: url("/img/ico/edit-black-small.svg");
}

ico.goto {
    background-image: url("/img/ico/goto-black.svg");
}

.BUTTON.GREEN {
    background: #1dc4c9;
	border: 1px solid #1dc4c9;
}

.BUTTON.GREEN:hover {
    background: #1bb9be;
	border-color: #1bb9be;
}

.BUTTON.PINK {
    background: #ff629b;
	border: 1px solid #ff629b;
}

.BUTTON.PINK:hover {
    background: #db3773;
	border-color: #db3773;
}

.BUTTON.darkBLUE {
    background: #4100bb;
	border: 1px solid #4100bb;
}

.BUTTON.darkBLUE:hover {
    background: #500CD0;
	border-color: #500CD0;
}

.BUTTON.transition {
    transition: .2s ease-in-out;
}

.BUTTON.transition ico{
    transition: transform .2s ease-in-out;
}

.BUTTON.scale:hover{
    transform: scale(1.25);
}

.BUTTON.transition:hover ico{
    transform: scale(1.25);
}

.BUTTON.no-border {
    border:none !important;
}


.BUTTON.LIGHT {
    color: #458eff;
	background: #FFF;
	border: 1px solid #458eff;
}

.BUTTON.LIGHT:hover {
    color: #FFF;
	background: #3277e1;
    border-color: #3277e1;
}

.BUTTON.LIGHT-black {
    color: #666;
	background: #FFF;
	border: 1px solid #dbdbdb;
}

.BUTTON.LIGHT-black:hover {
    border: 1px solid #b5b5b5;
}

.BUTTON.LIGHT-black:active {
    border: 1px solid #4a4a4a;
}

.BUTTON.small-btn {
    padding-left: 20px;
	padding-right: 20px;
	line-height: 38px;
	font-size: 16px;
	font-weight: 500;
}

.BUTTON.color2 {
    background: #4358e8;
	border: 1px solid #4358e8;
}

.BUTTON.color2:hover {
    background: #1B33DD;
	border-color: #1B33DD;
}

.BUTTON.color3 {
    background: #884be7;
	border: 1px solid #884be7;
}

.BUTTON.color3:hover {
    background: #722AE2;
	border-color: #722AE2;
}

.BUTTON.color4 {
    background: #9332c3;
	border: 1px solid #9332c3;
}

.BUTTON.color4:hover {
    background: #8124AD;
	border-color: #8124AD;
}

.BUTTON.color5 {
    background: #ed004a;
	border: 1px solid #ed004a;
}

.BUTTON.color5:hover {
    background: #D00040;
	border-color: #D00040;
}

.BUTTON.color6 {
    background: #f5649d;
	border: 1px solid #f5649d;
}

.BUTTON.color6:hover {
    background: #F23A83;
	border-color: #F23A83;
}

.fontColor1 {
    color: #458eff !important;
}

.fontColor2 {
    color: #4358e8 !important;
}

.fontColor3 {
    color: #884be7 !important;
}

.fontColor4 {
    color: #9332c3 !important;
}

.fontColor5 {
    color: #ed004a !important;
}

.fontColor6 {
    color: #f5649d !important;
}

.boxBorder1 {
    border-color: #558efe44 !important;
}

.boxBorder2 {
    border-color: #4b58e744 !important;
}

.boxBorder3 {
    border-color: #864ce644 !important;
}

.boxBorder4 {
    border-color: #9332c344 !important;
}

.boxBorder5 {
    border-color: #e2104f44 !important;
}

.boxBorder6 {
    border-color: #ec669e44 !important;
}

.boxBorder1:hover ico img,
.boxBorder2:hover ico img,
.boxBorder3:hover ico img,
.boxBorder4:hover ico img,
.boxBorder5:hover ico img,
.boxBorder6:hover ico img {
    transform: scale(1.25);
}

.boxBgr1 {
    box-shadow: 0 0 40px inset #558efe22;
    border: none !important;
}

.boxBgr2 {
    box-shadow: 0 0 40px inset #4b58e722;
    border: none !important;
}

.boxBgr3 {
    box-shadow: 0 0 40px inset #864ce622;
    border: none !important;
}

.boxBgr4 {
    box-shadow: 0 0 40px inset #792da522;
    border: none !important;
}

.boxBgr5 {
    box-shadow: 0 0 40px inset #e2104f22;
    border: none !important;
}

.boxBgr6 {
    box-shadow: 0 0 40px inset #ec669e22;
    border: none !important;
}

.boxWrapper.blue {
	background-color: #ebf3ff;
}

.header {
	display: grid;
	grid-template-areas:
		'logo desktopMenu lang tech login';
	grid-template-columns: auto 1fr auto auto;
	grid-template-rows: auto;
	grid-gap: 20px;
	width: 1220px;
	margin: 0 auto;
	padding: 10px 0px;
}

.header .logo			{ grid-area: logo; }
.header .desktopMenu	{ grid-area: desktopMenu; align-self: center; }
.header .lang			{ grid-area: lang; align-self: center; }
.header .tech			{ grid-area: tech; align-self: center; }
.header .login			{ grid-area: login; align-self: center; }
.header .menuIcon		{ align-self: center; display: none; }

.header .logo img {
	display: block;
}

.header .desktopMenu items {
	display: inline-block;
	width: 100%;
	margin-left: 10px;
	line-height: 0;
    padding-left: 3px;
}

.header .desktopMenu items item {
	position: relative;
	float: left;
	margin-right: 23px;
}

.header .desktopMenu items item:last-of-type {
	margin-right: 0;
}

.header .desktopMenu items item a {
	display: block;
	font-size: 20px;
	line-height: 50px;
	font-weight: 600;
	color: #666;
}

.header .desktopMenu items item a:hover,
.header .desktopMenu items item a.active {
	color: #458eff;
	background-position: 0 -45px !important;
}

.header .desktopMenu items item a.hosting {
	background: url("/img/ico/menu/hosting.svg") 5px 5px no-repeat;
	padding-left: 46px;
}

.header .desktopMenu items item a.partner-ship {
	background: url("/img/ico/menu/job.svg") 0 0 no-repeat;
	padding-left: 46px;
}

.header .desktopMenu items item a.contacts {
	background: url("/img/ico/menu/contacts.svg") 0 0 no-repeat;
	padding-left: 46px;
}

.header .desktopMenu items item a.about {
	background: url("/img/ico/menu/about.svg") 0 0 no-repeat;
	padding-left: 46px;
}

.header .desktopMenu items item a.noicon {
	background: transparent;
	padding-left: 0px !important;
}

.header .desktopMenu items item a.spodelen {
    background: url("/img/ico/menu/shared-hosting.svg") 0 0 no-repeat;
	padding-left: 46px;
}

.header .desktopMenu items item a.wordpress {
    background: url("/img/ico/menu/wordpress-hosting.svg") 0 0 no-repeat;
	padding-left: 46px;
}

.header .desktopMenu items item a.vps {
	background: url("/img/ico/menu/vps-hosting.svg") 0 0 no-repeat;
	padding-left: 46px;
}

.header .desktopMenu items item a.vps2 {
	background: url("/img/ico/menu/vps-upravliaem-hosting.svg") 0 0 no-repeat;
	padding-left: 46px;
}

.header .desktopMenu items item a.domains {
	background: url("/img/ico/menu/domain.svg") 0 0 no-repeat;
	padding-left: 46px;
}

.header .desktopMenu items item a.ssl {
	background: url("/img/ico/menu/ssl.svg") 0 0 no-repeat;
	padding-left: 46px;
}

.header .desktopMenu items item a arrow {
	display: inline-block;
	width: 16px;
	height: 9px;
	margin-left: 6px;
	background: url("/img/ico/menu/arrow-down.svg") 0 0 no-repeat;
	vertical-align: baseline;
}

.header .desktopMenu items item:hover a arrow {
	background-position: 0 -10px;
}

.header .desktopMenu items item:hover a {
	color: #458eff;
}

.header .desktopMenu items item:hover submenu {
	display: block !important;
	animation: submenuMove 0.2s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes submenuMove {
	0% {
		opacity: 0;
		margin-top: -5px;
	}
	100% {
		opacity: 1;
		margin-top: 0px;
	}
}

.header .desktopMenu submenu {
	display: none;
	position: absolute;
    z-index: 2;
	top: 49px;
	left: 0;
	min-width: 150px;
	padding: 10px 25px 10px 20px;
	background: #FFF;
    border-radius: 2px;
	box-shadow: 0 8px 8px rgba(21,30,41,.1);
	transition: all .2s;
}

.header .desktopMenu submenu a {
	background-size: 28px auto !important;
	background-position: 0 5px !important;
	padding-left: 42px !important;
	line-height: 36px !important;
	color: #666 !important;
	font-size: 18px !important;
	white-space: nowrap;
	margin: 2px 0;
}

.header .desktopMenu items item submenu a:hover,
.header .desktopMenu items item submenu a.active {
	background-position: 0 -73px !important;
	color: #458eff !important;
}

.header .desktopMenu items item submenu a span {
    display: inline-block;
    margin-left: 4px;
    padding: 0 16px 0 28px;
    line-height: 24px;
    border-radius: 50px;
    color: #00aab1;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    background: url(/img/ico/menu/promo.svg) 11px center no-repeat #ddf8f9;
    vertical-align: 1px;
}

.header .desktopMenu items item submenu a div {
    margin-top: 3px;
	font-size: 14px;
	line-height: 12px;
	font-weight: 500;
	color: #21528f;
}

.header .desktopMenu items item submenu a:hover div {
    color: #458eff;
}

.header .desktopMenu items item.active a arrow {
	background-position: 0 -10px;
}

.header .lang a {
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	color: #666;
	background: 0 center no-repeat;
	background-size: auto 16px;
	padding-left: 32px;
}

.header .lang a:hover {
	color: #52b0d7;
}

.header .lang a.EN {
	background-image: url("/img/ico/menu/flag-en.svg");
}

.header .lang a.BG {
	background-image: url("/img/ico/menu/flag-bg.svg");
}

.header .tech {
	position: relative;
}

.header .tech a {
	display: block;
    width: 32px;
    height: 32px;
    padding:0;
    margin: 0;
    background: url("/img/ico/menu/contacts-menu-white.svg") center 0 no-repeat;
    transition: transform .4s ease;
}

.header .tech a:hover {
	background-position: center -50px;
    transition: transform .15s ease;
    transform: scale(1.1);
}

.header .tech:hover div {
    display: block;
    animation: phoneMove 0.2s 0.4s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes phoneMove {
	0% {
		opacity: 0;
		transform: scale(0.4);
        transform-origin: top right;
	}
	100% {
		opacity: 1;
		transform: scale(1);
        transform-origin: top right;
	}
}

.header .tech div {
    display: none;
	position: absolute;
    z-index: 10;
    top: 140%;
    right: 0;
    color: #666;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    background: #28bfd0;
    border-radius: 5px;
    padding: 15px 20px;
    box-shadow: 0 8px 8px rgba(21, 30, 41, .1);
    transition: all .2s;
}

.header .tech div phone {
	display: block;
    color: #fff;
    font-size: 52px;
    line-height: 44px;
    font-weight: 700;
    white-space: nowrap;
    background: url("/img/ico/menu/phone.svg") 0 center no-repeat;
    padding-left: 56px;
}

.header .tech div info {
    display: block;
    margin-top: 7px;
	color: #ffffffcc;
    font-size: 19px;
    font-weight: 400;
    white-space: nowrap;
}

.header .tech div info span {
    display: block;
    margin-top: 0px;
    font-size: 29px;
    font-weight: 600;
}

.header .tech.blue a {
    background: url("/img/ico/menu/contacts-menu-blue.svg") center 0 no-repeat;
}

.header .tech.blue a:hover {
	background-position: center -50px;
    transition: transform .15s ease;
    transform: scale(1.1);
}

.header .tech.blue div {
    background: #458eff;
}

.wellocme {
	display: grid;
	grid-template-areas:
		'C1 C2';
	grid-template-columns: 1.05fr 0.95fr;
	grid-template-rows: auto;
	grid-gap: 75px;
	width: 1220px;
	margin: 0 auto;
	padding-bottom: 20px;
}

.wellocme .C1	{ grid-area: C1; align-self: center; }
.wellocme .C2	{ grid-area: C2; align-self: center; }

.wellocme .pic {
	width: 100%;
}

.wellocme .pic2 {
	width: 79%;
	display: block;
	margin: 0 auto;
}

.wellocme .pic3 {
	width: 80%;
	display: block;
	margin: 0 auto;
}

.wellocme .picHTTPS {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.wellocme .osnovana {
	display: inline-block;
	margin-bottom: 15px;
	background-color: #1dc4c9;
	border-radius: 0 50px 50px 0;
	padding: 0 23px 0 20px;
    color: #fffdfb;
	font-size: 25px;
	line-height: 42px;
	font-weight: 700;
}

.wellocme .big {
	font-size: 45px;
	line-height: 58px;
	font-weight: 600;
}

.wellocme .big span.color {
	color: #558efe;
}

.wellocme .small {
	margin-top: 20px;
}

.wellocme .small .options span {
	display: inline-block;
	background: url("/img/ico/ok-blue.svg") 0 2px no-repeat;
	background-size: 22px auto;
	padding-left: 32px;
	margin-right: 15px;
	font-size: 22px;
	line-height: 24px;
	font-weight: 500;
}

.wellocme .small .options span:last-of-type {
	margin-right: 0;
}

.wellocme .small .options.vertical span {
	margin-top: 5px;
}

.wellocme .small .info {
	margin-top: 15px;
	font-size: 28px;
	line-height: 32px;
	font-weight: 400;
}

.wellocme .small .info2 {
	margin-top: 15px;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
}

.wellocme .small .zapitvane {
	margin-top: 25px;
}

.Partners {
	width: 1220px;
	margin: 20px auto 0;
}

.Partners .title {
	text-align: center;
	font-size: 45px;
    line-height: 53px;
	font-weight: 600;
}

.Partners .title span.blue {
	color: #458eff !important;
}

.Partners .title span.bold {
    font-weight: 700;
}

.Partners .subtitle {
	margin-top: 15px;
	text-align: center;
	font-size: 20px;
	font-weight: 300;
}

.Partners .subtitle a {
	color: #458eff;
	font-weight: 600;
}

.Partners .subtitle a:hover {
	color: #666;
}

.Partners .subtitle strong {
    font-size: 24px;
	font-weight: 600;
}

.Partners .subtitle bullets {
	display: block;
}

.Partners .subtitle bullet {
	display: inline-block;
    background: url(/img/ico/ok-blue.svg) 0 2px no-repeat;
    background-size: 22px auto;
    padding-left: 32px;
    margin-bottom: 5px;
    font-weight: 300;
}

.Partners .subtitle bullet:last-of-type {
	margin-bottom: 0;
}

.Partners .subtitle-light-big {
	margin-top: 15px;
	text-align: center;
	font-size: 52px;
	font-weight: 300;
}

.Partners .loga {
	margin-top: 20px;
	text-align: center;
}

.Partners .loga div {
	display: inline-block;
	margin-right: 22px;
	margin-bottom: 30px;
	padding: 25px 0 20px;
    width: 220px;
	align-items: center;
    background-color: #fff;
    border-radius: 8px;
    justify-content: center;
	border: 1px solid hsla(0,0%,9%,.04);
	box-shadow: 0 2px 8px -2px hsla(0,0%,9%,.08), 0 8px 12px -2px hsla(0,0%,9%,.16);
	font-size: 14px;
	font-weight: 300;
	cursor: default;
	color: #777;
}

.Partners .loga div:last-of-type {
	margin-right: 0px;
}

.Partners .loga img {
	height: 34px;
}

.Partners .loga div img:nth-child(1) {
	display: none;
}

.Partners.BLACK .loga div img:nth-child(1) {
	display: inline-block;
}

.Partners.BLACK .loga div img:nth-child(2) {
	display: none;
}

.Partners.BLACK .loga div:hover img:nth-child(1) {
	display: none;
}

.Partners.BLACK .loga div:hover img:nth-child(2) {
	display: inline-block;
}

.VPSbanner {
	display: grid;
	grid-template-areas:
		'C1 C2 C3';
	grid-template-columns: auto 1fr auto;
	grid-gap: 35px;
	width: 1220px;
	margin: 0px auto 0;
	box-shadow: 0 2px 3px rgba(35,36,50,.1), 0 0 0 1px rgba(35,36,50,.1);
    background-color: #fffcfa;
    border-radius: 0.3rem;
    padding: 20px 40px;
	box-sizing: border-box;
    margin-bottom: 30px;
}

.VPSbanner .C1	{ grid-area: C1; align-self: center; line-height: 0; }
.VPSbanner .C2	{ grid-area: C2; align-self: center; }
.VPSbanner .C3	{ grid-area: C3; align-self: center; }

.VPSbanner img {
	height: 240px;
}

.VPSbanner .title {
	font-weight: 600;
    font-size: 32px;
    line-height: 36px;
    margin-top: -5px;
    margin-bottom: 21px;
}

.VPSbanner .title strong {
	display: inline-block;
	font-weight: 700;
	color: #ff4a72;
}

.VPSbanner .info {
	font-size: 20px;
}

.VPSbanner .info div {
	background: url(/img/ico/ok-blue.svg) 0 center no-repeat;
    background-size: 22px auto;
    padding-left: 34px;
	margin-bottom: 5px;
}

.VPSbanner .info div:last-child {
	margin-bottom: 0;
}

.footer-wraper {
	margin-top: 20px;
	padding: 30px 0px;
	background-color: #032e61;
}

.footer {
	width: 1220px;
	margin: 0 auto;
	color: #ffffff;
}

.footer .grid {
	display: grid;
	grid-template-areas:
		'C1 C2 C3 C4';
	grid-template-columns: 400px 1fr 1fr 1fr;
	grid-gap: 15px;
}

.footer .grid .C1	{ grid-area: C1; padding-right: 50px; }
.footer .grid .C2	{ grid-area: C2; }
.footer .grid .C3	{ grid-area: C3; }
.footer .grid .C4	{ grid-area: C4; }

.footer .logo img {
	height: 60px;
}

.footer .payMethods {
	margin-top: 30px;
}

.footer .payMethods img {
	height: 38px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.footer a {
	color: #fff;
}

.footer a:hover {
	color: #78b0fd;
}

.footer .address {
	padding-top: 5px;
	font-size: 14px;
	line-height: 22px;
}

.footer .columnTitle {
	display: block;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
}

.footer .columnTitle a {
	font-size: 22px !important;
    padding: 0 !important;
}

.footer .footMenu a {
	display: inline-block;
	font-size: 18px;
	padding: 5px 0;
}

.footer .footMenu a.phone {
	display: inline-block;
    margin-top: 25px;
    color: #FFF !important;
	font-size: 32px;
    font-weight: 700;
	padding: 5px 0 5px 46px;
    background: url("/img/ico/contacts-white.svg") 0 0 no-repeat;
}

.footer .footMenu a.phone span {
	display: block;
    margin-top: 7px;
	font-size: 14px;
    font-weight: 400;
    opacity: .5;
}

.footer .footMenu a.spodelen,
.footer .footMenu a.wordpress,
.footer .footMenu a.vps,
.footer .footMenu a.vps2,
.footer .footMenu a.domains,
.footer .footMenu a.ssl {
    background: 0 center no-repeat;
    background-size: auto 24px;
    padding-left: 37px;
}

.footer .footMenu a.spodelen {
	background-image: url("/img/ico/spodelen-white.svg");
}

.footer .footMenu a.wordpress {
	background-image: url("/img/ico/wordpress-white.svg");
}

.footer .footMenu a.vps {
	background-image: url("/img/ico/cloud-white.svg");
}

.footer .footMenu a.vps2 {
	background-image: url("/img/ico/managed-white.svg");
}

.footer .footMenu a.domains {
	background-image: url("/img/ico/domains-white.svg");
}

.footer .footMenu a.ssl {
	background-image: url("/img/ico/ssl-white.svg");
}

.footer .footSubMenu {
	margin-top: 5px;
}

.footer .footSubMenu a {
	display: inline-block;
	margin: 0 8px;
	font-size: 15px;
}

.footer .footBottomLine {
	display: grid;
	grid-template-areas:
		'C1 C2';
	grid-template-columns: auto 1fr;
	grid-gap: 20px;
	color: #FFFFFFAA;
	font-size: 14px;
	border-top: 1px solid #3d5681;
	padding-top: 24px;
	margin-top: 24px;
}

.footer .footBottomLine .C1	{ grid-area: C1; }
.footer .footBottomLine .C2	{ grid-area: C2; text-align: right; }

.reshenia {
	width: 1220px;
	margin: 0 auto;
	padding: 30px 0px 30px;
	text-align: center;
}

.reshenia .title {
	font-size: 45px;
    line-height: 53px;
    font-weight: 600;
}

.reshenia .subtitle {
    margin-top: 15px;
    font-size: 28px;
    line-height: 32px;
    font-weight: 400;
}

.reshenia .subtitle a {
    display: inline-block;
	font-weight: 700;
}

.reshenia .subtitle a:hover {
	color: #458eff;
    text-decoration: underline;
}

.reshenia .title2 {
	font-size: 29px;
    line-height: 36px;
    font-weight: 600;
}

.reshenia .subtitle2 {
    margin-top: 8px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}

.reshenia .grid {
    display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 35px;
	margin-top: 40px;
	text-align: center;
}

.reshenia .grid3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.reshenia .grid ico {
    display: inline-block;
	line-height: 0;
}

.reshenia .grid ico img {
	width: 54px;
	height: 54px;
}

.reshenia .grid strong {
    display: block;
	margin-top: 10px;
	margin-bottom: 5px;
    color: #458eff;
	font-size: 21px;
	font-weight: 600;
}

.reshenia.blueTitles .grid strong {
    color: #558efe;
}

.reshenia.blueTitles .grid b {
    font-weight: 800;
}

.reshenia .grid span {
    display: block;
	margin-top: 7px;
    font-size: 15px;
    font-weight: 400;
}

.reshenia .grid a.BUTTON {
    display: block;
}

.reshenia .note {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
}

.optimizirane {
	width: 1220px;
	margin: 0 auto;
	padding: 30px 0px 40px;
	text-align: center;
}

.optimizirane .title {
	font-size: 45px;
    line-height: 58px;
    font-weight: 600;
}

.optimizirane .subtitle {
    margin-top: 15px;
    font-size: 28px;
    line-height: 32px;
    font-weight: 400;
}

.optimizirane .grid {
    display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 30px;
	margin-top: 40px;
	text-align: left;
}

.optimizirane .grid div {
    padding: 25px 20px 20px;
	box-shadow: 0 2px 3px rgba(35,36,50,.1), 0 0 0 1px rgba(35,36,50,.1);
    background-color: #fffcfa;
	border-radius: 0.3rem;
    padding: 1.25rem;
	text-align: center;
}

.optimizirane .grid ico {
    display: inline-block;
	width: 50px;
	height: 50px;
}

.optimizirane .grid strong {
    display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 600;
	text-align: left;
}

.optimizirane .grid span {
	display: inline-block;
    font-size: 15px;
	text-align: left;
}

.zashto {
	display: grid;
	grid-template-areas:
		'C1 C2';
	grid-template-columns: auto 1fr;
	grid-gap: 20px;
	width: 1220px;
	margin: 0 auto;
	padding: 30px 0px 40px;
}

.zashto .C1	{ grid-area: C1; align-self: center; }
.zashto .C2	{ grid-area: C2; align-self: center; }

.zashto .title {
	font-size: 45px;
    line-height: 58px;
    font-weight: 600;
}

.zashto .subtitle {
    margin-top: 15px;
    font-size: 28px;
    line-height: 32px;
    font-weight: 400;
}

.zashto .title strong,
.zashto .subtitle strong{
	color: #458eff;
	font-weight: 600;
}

.zashto .options {
    margin-top: 25px;
	font-size: 20px;
}

.zashto .options div {
    background: url("/img/ico/ok-blue.svg") 0 center no-repeat;
    background-size: 22px auto;
    padding-left: 34px;
    margin-bottom: 5px;
}

.zashto .options div:last-of-type {
    margin-bottom: 0;
}

.zashto .btn {
    margin-top: 25px;
}

.vpsPlans {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 30px;
	width: 1220px;
	margin: 50px auto 0;
}

.vpsPlans plan {
	position: relative;
	display: block;
    position: relative;
    background-color: #fffdfb;
    border: 1px solid #458eff;
    border-radius: 10px;
	padding: 42px 25px 25px;
}

.vpsPlans plan.B {
	background-color: #ebf3ff;
}

.vpsPlans plan.C {
	background-color: #458eff;
    border-color: #458eff;
	color: #FFF;
}

.vpsPlans plan.C .price div:nth-child(1) {
    color: #FFF;
}

.vpsPlans plan.C .options div {
    border-color: #97b9fb;
}

.vpsPlans plan.C .price old {
    color: #FFFFFFCC;
}

.vpsPlans plan.C .priceInfo {
    color: #FFF;
}

.vpsPlans plan.C .BUTTON.LIGHT:hover {
    background: #1dc4c9;
    border-color: #1dc4c9;
}

.vpsPlans plan:hover {
	filter: drop-shadow(0 4px 4px rgba(0,0,0,.25));
}

.vpsPlans plan .name {
	font-size: 28px;
	font-weight: 800;
	text-align: center;
}

.vpsPlans plan .subName {
	font-size: 18px;
	font-weight: 300;
	text-align: center;
}

.vpsPlans plan .discount {
	margin-top: 15px;
	text-align: center;
	font-size: 18px;
	line-height: 31px;
}

.vpsPlans plan .discount old {
	display: inline-block;
	color: #ff4a72;
	text-decoration: line-through;
	margin-right: 5px;
}

.vpsPlans plan .discount span {
	display: inline-block;
	background-color: #def6f7;
	border-radius: 50px;
	color: #20969b;
	font-weight: 700;
	padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
}

.vpsPlans plan .price {
    position: relative;
	margin-top: 0px;
	text-align: center;
}

.vpsPlans plan .price div:nth-child(1) {
	display: inline-block;
	color: #458eff;
	font-size: 60px;
	font-weight: 700;
}

.vpsPlans plan .price div:nth-child(1) span {
	display: inline-block;
	vertical-align: 16px;
	font-size: 36px;
}

.vpsPlans plan .price old {
	position: absolute;
    transform: translate(-100%);
    margin-top: 22px;
    margin-left: -10px;
    background: #FFF;
    color: #458eff;
    font-size: 17px;
    font-weight: 400;
    text-decoration: line-through;
}

.vpsPlans plan.C .price old {
    background: transparent;
}

.vpsPlans plan .price img {
	position: absolute;
    height: 66px;
    margin-top: 5px;
    margin-left: 7px;
}

.vpsPlans plan .priceInfo {
	margin-top: -10px;
	color: #458eff;
	font-size: 16px;
	text-align: center;
}

.vpsPlans plan .priceChoice {
	margin-top: 20px;
}

.vpsPlans plan .priceChoice select {
	width: 100%;
}

.vpsPlans plan .planNotes {
	margin-top: 15px;
	color: #458eff;
	font-size: 14px;
	text-align: center;
}

.vpsPlans plan .options {
	padding-top: 25px;
	text-align: center;
}

.vpsPlans plan .options div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	margin-bottom: 10px;
    font-size: 18px;
    border-top: 1px solid #dbdbdb;
    padding-top: 14px;
}

.vpsPlans plan .options num {
	display: block;
	font-size: 36px;
	font-weight: 700;
	text-align: right;
    align-self: center;
}

.vpsPlans plan .options num ico.infinity {
    display: inline-block;
	width: 65px;
    height: 34px;
    line-height: 0;
    background:url("/img/ico/infinity.svg") center 0 no-repeat;
}

.vpsPlans plan.C .options num ico.infinity {
    background:url("/img/ico/infinity.svg") center -50px no-repeat;
}

.vpsPlans plan .options span {
	text-align: left;
	align-self: end;
	padding-bottom: 8px;
}

.vpsPlans plan .pay {
	margin-top: 20px;
}

.vpsPlans plan .pay a {
	display: block;
}

.vpsPlans plan .recomended {
	position: absolute;
	top: -24px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #1dc4c9;
	color: #FFF;
	font-size: 19px;
	font-weight: 700;
	white-space: nowrap;
	text-transform: uppercase;
	line-height: 48px;
	padding: 0 30px;
	border-radius: 100px;
}

.vpsPlans plan .recomended:after {
	content: "";
    position: absolute;
    bottom: -0.875rem;
    left: calc(50% - 0.3125rem);
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 0.625rem solid transparent;
    border-left: 0.625rem solid transparent;
    border-top: 0.875rem solid #1dc4c9;
    border-bottom: 0;
}

.animationShowIn {
	animation: anShowIn 0.3s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes anShowIn {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.vps-page-consult {
	margin-top: 15px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.vps-page-consult a {
	color: #458eff;
	font-weight: 600;
}

.vps-page-consult a:hover {
	color: #666;
}

.morePlans {
	width: 1220px;
	margin: 30px auto 0;
}

.morePlans .ROW {
	display: grid;
	grid-template-areas:
		'name disk ram cpu trafic price'
        'recomendedFor recomendedFor recomendedFor recomendedFor recomendedFor price';
	grid-template-columns: 210px 1fr 1fr 1fr 1fr 440px;
	grid-template-rows: auto;
	grid-gap: 0 14px;
	font-size: 20px;
	font-weight: 300;
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #dbdbdb;
}

.morePlans .ROW .name	{ grid-area: name; align-self: center;}
.morePlans .ROW .cpu	{ grid-area: cpu; align-self: center;}
.morePlans .ROW .ram	{ grid-area: ram; align-self: center;}
.morePlans .ROW .disk	{ grid-area: disk; align-self: center;}
.morePlans .ROW .trafic	{ grid-area: trafic; align-self: center;}
.morePlans .ROW .price	{ grid-area: price; align-self: center; text-align: left}
.morePlans .ROW .recomendedFor	{ grid-area: recomendedFor; align-self: center;}

.morePlans .ROW:last-of-type {
	border-bottom: 3px solid #dbdbdb;
}

.morePlans .ROW strong {
	font-size: 22px;
}

.morePlans .ROW .name {
    font-size: 22px;
	font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    padding-left: 10px;
}

.morePlans .ROW .name.normalFont {
    text-transform: none;
}

.morePlans .ROW .priceGrid {
	display: grid;
	grid-template-areas:
		'pSelect pButton'
        'pDiscount pDiscount';
	grid-template-columns: 1fr auto;
	grid-template-rows: auto;
	grid-gap: 0 10px;
}

.morePlans .ROW .priceGrid .pSelect	    { grid-area: pSelect; }
.morePlans .ROW .priceGrid .pButton	    { grid-area: pButton; }
.morePlans .ROW .priceGrid .pDiscount	{ grid-area: pDiscount; }

.morePlans .ROW .price select {
	width: 100%;
    line-height: 42px;
    padding: 0 27px 0 12px;
	margin-right: 5px;
    box-sizing: border-box;
    background-image: url(/img/ico/arrow-select-down-black.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-color: #FFF;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    background-color: #ecf3ff;
    font-size: 18px;
    font-weight: 600;
}

.morePlans .ROW .price span {
	display: inline-block;
    color: #20969b;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}

.morePlans .ROW .price span b {
    font-weight: 600;
}

.morePlans .ROW .price em {
	font-weight: 400;
    font-style: normal;
}

.vpsPriceListShowIn {
	animation: vpsPriceListAnShowIn 0.53s ease-in-out;
}

@keyframes vpsPriceListAnShowIn {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.morePlans .ROW .recomendedFor {
    text-align: left;
    padding: 0 10px;
    font-size: 16px;
    font-style: italic;
}

.morePlans .ROW.head {
	position: sticky!important;
    top: 0;
    z-index: 2;
	background: #e3e3e3;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 0;
	border-bottom: 0;
}

.morePlans .ROW.head .name {
    font-size: 16px;
	font-weight: 400;
    text-transform: none;
}

.morePlans .note {
	margin-top: 20px;
	font-size: 16px;
	font-weight: 300;
    font-style: italic;
}

.morePlans .included {
	display: grid;
	grid-template-columns: auto auto auto auto auto auto;
	grid-gap: 20px;
	background: #ecf5f5;
	padding: 25px 20px;
}

.morePlans .included div {
	font-size: 18px;
	font-weight: 600;
	background: url(/img/ico/ok-blue.svg) 0 2px no-repeat;
    background-size: 20px auto;
    padding-left: 30px;
}

.info25 {
    width: 1220px;
    margin: 0 auto;
    padding: 30px 0px 40px;
    text-align: center;
}

.info25 .subtitle {
	margin-top: 30px;
    font-size: 25px;
	font-weight: 400;
	color: #558efe;
}

.info25 note {
    display: block;
    margin-top: -10px;
    font-size: 16px;
	font-weight: 300;
}

.info25 note strong {
    color: #558efe;
}

.moreOptions {
	width: 1220px;
	margin: 0 auto;
	padding: 30px 0px 40px;
	text-align: center;
}

.moreOptions .title {
	font-size: 45px;
    line-height: 58px;
    font-weight: 600;
}

.moreOptions .grid {
    display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	margin-top: 40px;
	text-align: left;
}

.moreOptions .grid div {
    border: 1px solid #dbdbdb;
	border-radius: 100px;
	padding: 12px 20px 12px 30px;
	background-position: 15px center;
	background-repeat: no-repeat;
	padding-left: 60px;
}

.moreOptions .grid div.disc {
	background-image: url("/img/ico/disc.svg");
}

.moreOptions .grid div.cpanel {
	background-image: url("/img/ico/cpanel.svg");
}

.moreOptions .grid div.trafic {
	background-image: url("/img/ico/trafic.svg");
}

.moreOptions .grid div.support {
	background-image: url("/img/ico/support.svg");
}

.moreOptions .grid div opt {
	display: inline-block;
	float: left;
	font-weight: 600;
	text-transform: uppercase;
	padding: 2px 0;
}

.moreOptions .grid div price {
	display: inline-block;
	float: right;
	font-weight: 300;
	padding: 2px 0;
}

.orderPageHeader {
	width: 1220px;
	margin: 0 auto;
	padding: 15px 0px 40px;
	text-align: center;
}

.orderPageHeader .title {
	font-size: 45px;
    line-height: 58px;
    font-weight: 700;
	color: #458eff;
}

.orderPageHeader .suptitle {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
}

.orderPageHeader .grid {
    display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
	margin-top: 30px;
	text-align: left;
}

.orderPageHeader .grid div {
    border: 1px solid #dbdbdb;
	border-radius: 100px;
	padding: 15px 25px;
	background-position: right 15px center;
	background-repeat: no-repeat;
	padding-right: 60px;
}

.orderPageHeader .grid div.cpu {
	background-image: url("/img/ico/cpu.svg");
}

.orderPageHeader .grid div.ram {
	background-image: url("/img/ico/ram.svg");
}

.orderPageHeader .grid div.disc {
	background-image: url("/img/ico/disc-blue.svg");
}

.orderPageHeader .grid div.trafic {
	background-image: url("/img/ico/trafic-blue.svg");
}

.orderPageHeader .grid div name {
	display: inline-block;
	float: left;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

.orderPageHeader .grid div value {
	display: inline-block;
    float: right;
    margin-top: 2px;
    font-size: 24px;
    line-height: 16px;
    font-weight: 600;
}

.orderPageGrid {
	display: grid;
	grid-template-areas:
		'main side';
	grid-template-columns: 1fr 350px;
	grid-gap: 30px;
	width: 1220px;
	margin: 0 auto 50px;
}

.orderPageGrid .main box {
	display: block;
	box-shadow: 0 2px 3px rgba(35,36,50,.1), 0 0 0 1px rgba(35,36,50,.1);
	border-radius: 5px;
	padding: 25px 30px 35px;
	margin-bottom: 30px;
}

.orderPageGrid .main box:last-of-type {
	margin-bottom: 0;
}

.orderPageGrid .main box .bigTitle {
	font-size: 36px;
    font-weight: 600;
}

.orderPageGrid .main box .bigSubTitle {
    margin-top: 5px;
    font-size: 28px;
    font-weight: 300;
}

.orderPageGrid .main box .title {
    margin-top: 35px;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
}

.orderPageGrid .main box .title z {
    font-weight: 300;
}

.orderPageGrid .main box .subTitle {
    margin-top: 5px;
    font-size: 16px;
    font-weight: 300;
}

.orderPageGrid .main box select {
    width: 100%;
    font-weight: 300;
    font-size: 19px;
}

.orderPageGrid .main box input[type="text"],
.orderPageGrid .main box input[type="password"] {
    width: 100%;
    font-weight: 300;
}

.orderPageGrid .main box input[type="text"].short {
    width: 45%;
}

.orderPageGrid .side .orderInfo {
	position: sticky;
	top: 20px;
	background: #ecf5f5;
	box-shadow: 0 2px 3px rgba(35,36,50,.1), 0 0 0 1px rgba(35,36,50,.1);
    border-radius: 5px;
	padding: 15px 20px 23px;
	animation: orderInfoAn 0.7s cubic-bezier(.36,.07,.19,.97) both;
}

.orderPageGrid .main box .error .title,
.PartnerShipContacts .forms .error .label {
    color: #ff4a72;
    font-weight: 700;
}

.orderPageGrid .main box .error-ou {
	color: #ff4a72;
    font-weight: 700;
	margin-top: 10px;
	margin-bottom: 5px;
}

.orderPageGrid .main box .error input[type="text"],
.orderPageGrid .main box .error input[type="password"] {
    border-color: #ff4a72;
	background-color: #f5e2e7;
}

.PartnerShipContacts .forms .error input[type="text"],
.PartnerShipContacts .forms .error select,
.PartnerShipContacts .forms .error textarea {
    border-color: #ff4a72;
	background-color: #f5e2e7;
}

.PartnerShipContacts .forms .error textarea::-webkit-input-placeholder {
	color: #666;
}

.PartnerShipContacts .forms .error textarea:-moz-placeholder {
	color: #666;
}

.PartnerShipContacts .forms .error textarea::-moz-placeholder {
	color: #666;
}

.PartnerShipContacts .forms .error textarea:-ms-input-placeholder {
	color: #666;
}

.PartnerShipContacts.clear {
	box-shadow: none;
    padding: 0;
	margin-bottom: 60px;
}

@keyframes orderInfoAn {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.orderPageGrid .side .boxTitle {
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 20px;
}

.orderPageGrid .side params {
	display: block;
}

.orderPageGrid .side params set {
	display: block;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 10px;
}

.orderPageGrid .side params set item {
	display: grid;
	grid-template-columns: 1fr 100px;
	grid-gap: 10px;
	margin-bottom: 10px;
}

.orderPageGrid .side params set opt {
	font-size: 14px;
	font-weight: 300;
}

.orderPageGrid .side params set price {
	font-size: 15px;
	text-align: right;
	font-weight: 600;
}

.orderPageGrid .side params set price.zero {
	font-size: 14px;
	font-weight: 300;
}

.orderPageGrid .side params set.TOTAL {
	border-bottom: none;
	padding-bottom: 0;
    margin-bottom: 0;
}

.orderPageGrid .side params set.TOTAL item {
	grid-template-columns: 1fr auto;
	margin-bottom: 10px;
}

.orderPageGrid .side params set.TOTAL opt {
	font-size: 16px;
	font-weight: 300;
	align-self: end;
}

.orderPageGrid .side params set.TOTAL price {
	color: #558efe;
	font-size: 24px;
	line-height: 26px;
	text-align: right;
	font-weight: 600;
	align-self: end;
}

.orderPageGrid .orderInfo .button {
	margin-top: 20px;
}

.orderPageGrid .orderInfo .button a {
	width: 100%;
}

.orderPageGrid .questions {
	margin-top: 30px;
	font-size: 14px;
	font-weight: 300;
}

.orderPageGrid .questions a {
	font-weight: 600;
}

.orderPageGrid .viewAll {
	margin-top: 20px;
	text-align: right;
}

.orderPageGrid .params {
	margin-top: 20px;
    background: #fff;
	border-left: 1px solid #dbdbdb;
	padding-left: 20px;
    color: #979797;
}

.orderPageGrid .params .options div.item {
	display: grid;
	grid-template-columns: 1fr 210px;
	grid-gap: 20px;
	margin-bottom: 12px;
	font-size: 15px;
}

.orderPageGrid .params .options div.item:last-of-type {
	margin-bottom: 0;
}

.orderPageGrid .params .options div.item .name {
	font-weight: 300;
}

.orderPageGrid .params .options div.item .name span {
	font-weight: 600;
	color: #666;
}

.orderPageGrid .params .options div.item .price {
	font-weight: 600;
	color: #666;
}

.orderPageGrid .button-edit-wraper {
	margin-top: 30px;
	text-align: center;
}

.orderPageGrid .params.big {
	margin-top: 20px;
    background: #edf5f5;
    padding: 23px 0 23px 21px;
    color: #979797;
    border: none;
    margin-bottom: 25px;
}

.orderPageGrid .params.big .options div.item {
    grid-template-columns: 1fr 210px;
}

.orderPageGrid .params.big .options div.item .name span {
    color: #558efe;
    font-size: 20px;
}

.orderPageGrid .params.big .options div.item .price {
    color: #558efe;
    font-size: 20px;
}

.orderPageGrid .params.big .options div.item .price span {
	display: inline-block;
	font-size: 18px;
    font-weight: 300;
}

.orderPageGrid .personalInfo {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.orderPageGrid .personalInfo .title {
    margin-top: 0px !important;
}

.orderPageFinal {
    display: block;
    width: 840px;
    margin: 190px auto 210px;
	animation: orderPageFinalAN 1.0s cubic-bezier(.36,.07,.19,.97) both;
	animation: orderPageFinalAN 1.1s cubic-bezier(0.31, 0.53, 0.17, 0.99) both
}

@keyframes orderPageFinalAN {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.orderPageFinal .validationMessage {
	margin-top: 20px;
	background: url("/img/ico/email-black.svg") 0 6px no-repeat;
	background-size: 40px auto;
	padding: 0 0 0 64px;
    border: none;
    margin-bottom: 0;
	text-align: left;
	font-size: 20px;
	font-weight: 300;
}

.orderPageFinal .validationMessage strong {
    font-weight: 600;
}

.orderPageFinal .params.big {
	margin-top: 20px;
    background: #FFF;
    padding: 0;
    color: #666;
    border: none;
    margin-bottom: 25px;
}

.orderPageFinal .params.big .options div.item {
    grid-template-columns: 1fr 210px;
}

.orderPageFinal .params.big .options div.item .name span {
    color: #666;
    font-size: 20px;
}

.orderPageFinal .params.big .options div.item .price {
    color: #666;
    font-size: 20px;
}

.orderPageFinal .params.big .options div.item .price span {
	display: inline-block;
	font-size: 18px;
    font-weight: 300;
}

.orderPageFinalMessage {
    margin: 90px auto 100px;
}

.orderPageFinalMessage .validationMessage {
	background-image: url("/img/ico/validation-message-ok.svg");
}

.orderPageFinalMessage .signature {
	margin-top: 40px;
	margin-bottom: 0px;
    text-align: right;
	font-style: italic;
}

/* ------------------------------------------ */
/* Стил на чекбоксовете за избор на период на плащане при поръчката */
/* ------------------------------------------ */

.radioLarge .ui-button {
	min-width: 220px;
    border: 1px solid #dbdbdb;
    background: #fff;
    color: #979797;
    font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	padding: 23px 25px;
	border-radius: 6px;
	margin-right: 12px;
}

.radioLarge .ui-button:hover{
    border-color: #dbdbdb;
	background: #f6f7f9;
	color: #666;
}

.radioLarge .ui-button:active{
    color: #666;
}


.radioLarge .ui-state-active,
.radioLarge .ui-button.ui-state-active:hover{
    border: 1px solid #018ffd;
    background: #f6f7f9;
	box-shadow: 0 1px 4px 0 rgba(1,143,253,.25);
	color: #666;
}

.radioLarge .ui-checkboxradio-radio-label .ui-icon,
.radioLarge .ui-checkboxradio-radio-label:hover .ui-icon,
.radioLarge .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.radioLarge .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 12px;
    height: 12px;
    border-width: 6px;
    border-style: solid;
    margin-right: 14px;
}

.radioLarge .ui-checkboxradio-radio-label .ui-icon {
    border-color: #eee;
    background-color: #ffffff;
}

.radioLarge .ui-icon-background,
.radioLarge .ui-state-active .ui-icon-background {
    border: #558efe;
    background-color: #ffffff;
}

.radioLarge .lab  {
    display: inline-block;
	margin-top: -6px;
	vertical-align: top;
	text-align: left;
}

.radioLarge .lab .name {
    font-size: 24px;
	font-weight: 400;
}

.radioLarge .lab .price {
	display: block;
    font-size: 26px;
	font-weight: 700;
}

.radioLarge .lab .discount {
	display: block;
	margin-top: 8px;
	color: #558efe;
    font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}

/* ------------------------------------------ */
/* Край на Стил на чекбоксовете при поръчката */
/* ------------------------------------------ */


/* =========== */


/* ------------------------------------------ */
/*   Стил на плъзгача при поръчката на план   */
/* ------------------------------------------ */

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    color: white;
    font-size: 14px;
    line-height: 2;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #558efe;
    border-radius: 4px;
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: -16px;
    left: 0;
    cursor: default;
    white-space: nowrap;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -11px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -6px;
    overflow: hidden;
    border: 6px solid transparent;
    border-top-color: #558efe;
}

.irs--flat .irs-bar {
    top: 25px;
    height: 12px;
    background-color: #41b3df;
}

.irs--flat .irs-handle>i:first-child {
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    background-color: #558efe;
}

.irs--flat .irs-handle.state_hover>i:first-child,
.irs--flat .irs-handle:hover>i:first-child {
    background-color: #41b3df;
}

.irs-grid-text {
    position: absolute;
    bottom: -4px;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    padding: 0 3px;
    color: #000;
}

.irs--flat .irs-line {
    top: 25px;
    height: 12px;
    background-color: #edf5f5;
    border-radius: 4px;
}

/* ------------------------------------------ */
/*   Край на Стил на плъзгача при поръчката   */
/* ------------------------------------------ */


.previewsPage {
	width: 1220px;
	margin: 0 auto;
	padding-top: 15px;
}

.previewsPage a {
	display: inline-block;
	color: #558efe;
	font-size: 16px;
	font-weight: 600;
	background: url("/img/ico/prev-page-arrow.svg") 0 3px no-repeat;
	padding-left: 18px;
}

.previewsPage a:hover {
	color: #666;
	background-position: 0 -47px;
}

.pageMessageAlert {
    margin: 15px 0;
    padding: 55px 15px 15px 15px;
    border-radius: 10px;
    background:url("/img/alert-white.svg") center top 18px no-repeat;
    background-size: 28px auto;
    background-color: #d25d83;
    color: #FFF;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    animation: pageMessageAlertAnim .85s ease-in-out both;
}

.pageMessageAlert .BUTTON {
	display: inline-block;
    font-size: 19px !important;
	border: none;
}

@keyframes pageMessageAlertAnim {
	0%, to {
		opacity: 0;
		transform:scale(.5);
        background-color: #D40F3A;
	}
	40% {
		opacity: 1;
		transform:scale(1);
        background-color: #D40F3A;
	}
	100% {
        opacity: 1;
		transform:scale(1);
        background-color: #ff4a72;
	}
}

.pageMessageAlertBLUE {
    margin: 15px 0;
    padding: 55px 15px 15px 15px;
    border-radius: 10px;
    background:url("/img/alert-white.svg") center top 18px no-repeat;
    background-size: 28px auto;
    background-color: #3466b1;
    color: #FFF;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    animation: pageMessageAlertBLUEAnim .85s ease-in-out both;
}

.pageMessageAlertBLUE.OK {
    background:url("/img/ico/cb-white.svg") center top 18px no-repeat;
    background-size: auto 28px;
}

.pageMessageAlertBLUE.arrow {
    background:url("/img/alert-arrow-done.svg") center bottom 18px no-repeat;
    padding: 15px 15px 60px 15px;
    background-size: auto 28px;
}

.pageMessageAlertBLUE .bigT {
	font-size: 32px;
	font-weight: 300;
	margin-top: 25px;
}

.pageMessageAlertBLUE .big {
	font-size: 32px;
	line-height: 36px;
	font-weight: 300;
	margin-bottom: 10px;
}

.pageMessageAlertBLUE .lite {
	font-weight: 300;
}

@keyframes pageMessageAlertBLUEAnim {
	0%, to {
		opacity: 0;
		transform:scale(.5);
        background-color: #252F94;
	}
	40% {
		opacity: 1;
		transform:scale(1);
        background-color: #252F94;
	}
	100% {
        opacity: 1;
		transform:scale(1);
        background-color: #558efe;
	}
}

.pageMessageAlertBLUE links a {
    display: inline-block;
    color: #FFF;
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
}

.pageMessageLiteBlue {
    margin: 15px;
    padding: 55px 15px 15px 15px;
    border: 1px solid #3466b1;
    border-radius: 10px;
    background:url("/img/alert-white.svg") center top 18px no-repeat;
    background-size: 28px auto;
    background-color: #FFF;
    color: #3466b1;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    animation: pageMessageLiteBlueAnim .85s ease-in-out both;
}

.pageMessageLiteBlue.OK {
    background:url("/img/alert-ok.svg") center top 18px no-repeat;
    background-size: auto 28px;
}

.pageMessageLiteBlue.arrow {
    background:url("/img/alert-arrow-done.svg") center bottom 18px no-repeat;
    padding: 15px 15px 60px 15px;
    background-size: auto 28px;
}

@keyframes pageMessageLiteBlueAnim {
	0%, to {
		opacity: 0;
		transform:scale(.5);
        color: #252F94;
        border-color: #252F94;
	}
	40% {
		opacity: 1;
		transform:scale(1);
        color: #252F94;
        border-color: #252F94;
	}
	100% {
        opacity: 1;
		transform:scale(1);
        color: #3466b1;
        border-color: #3466b1;
	}
}

.pageMessageLitePink {
    margin: 15px;
    padding: 55px 15px 15px 15px;
    border: 1px solid #e1108e;
    border-radius: 10px;
    background:url("/img/alert-white.svg") center top 18px no-repeat;
    background-size: 28px auto;
    background-color: #FFF;
    color: #e1108e;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    animation: pageMessageLitePinkAnim .85s ease-in-out both;
}

.pageMessageLitePink.OK {
    background:url("/img/alert-ok.svg") center top 18px no-repeat;
    background-size: auto 28px;
}

.pageMessageLitePink.arrow {
    background:url("/img/alert-arrow-done.svg") center bottom 18px no-repeat;
    padding: 15px 15px 60px 15px;
    background-size: auto 28px;
}

@keyframes pageMessageLitePinkAnim {
	0%, to {
		opacity: 0;
		transform:scale(.5);
        color: #BD1146;
        border-color: #BD1146;
	}
	40% {
		opacity: 1;
		transform:scale(1);
        color: #BD1146;
        border-color: #BD1146;
	}
	100% {
        opacity: 1;
		transform:scale(1);
        color: #e1108e;
        border-color: #e1108e;
	}
}

.Alerts {
    width: 1220px;
	margin: 0 auto;
}

.loginBox {
	width: 496px;
	margin: 100px auto 120px;
}

.loginBox .title {
	font-size: 36px;
    font-weight: 600;
	text-align: center;
}

.loginBox .subTitle {
    margin-top: 10px;
    font-size: 28px;
    line-height: 32px;
    font-weight: 300;
	text-align: center;
}

.loginBox .titleInfo {
	background-color: #f8fafb;
	border-color: #666;
    border-radius: 4px;
    border-style: solid;
    border-width: 0 0 0 4px;
    color: #666666;
	font-weight: 300;
	margin-top: 35px;
    padding: 16px 16px;
}

.loginBox .titleInfo a {
	color: #666;
	font-weight: 400;
	text-decoration: underline;
}

.loginBox .titleInfo a:hover {
	color: #458eff;
	text-decoration: none;
}

.loginBox .titleInfo.error {
	background-color: #f5eaec;
    border-color: #ff4a72;
    color: #ff4a72;
}

.loginBox .titleInfo.done {
	background-color: #ecf5f5;
    border-color: #4ac3c8;
}

.loginBox .form {
	margin-top: 30px;
}

.loginBox .form .fTitle {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 7px;
}

.loginBox .form input[type="text"],
.loginBox .form input[type="password"] {
	width: 100%;
}

.loginBox .buttons {
	margin-top: 32px;
	text-align: center;
}

.loginBox .buttons .BUTTON {
	width: 100%;
	max-width: 260px;
}

.loginBox .buttons .pass {
	display: inline-block;
	margin-top: 20px;
	font-size: 15px;
	font-weight: 400;
	color: #444;
	text-decoration: underline;
}

.loginBox .buttons .pass:hover {
	color: #458eff;
	text-decoration: underline;
}

.PartnerShip {
	width: 1220px;
	margin: 20px auto 0;
}

.PartnerShip .title {
	text-align: center;
	font-size: 36px;
	font-weight: 600;
}

.PartnerShip .title span.color {
	color: #ff4a72;
}

.PartnerShip .subtitle {
	margin-top: 15px;
	text-align: center;
	font-size: 20px;
	font-weight: 300;
}

.PartnerShip .subtitle a {
	color: #458eff;
	font-weight: 600;
}

.PartnerShip .subtitle a:hover {
	color: #666;
}

.PartnerShip .partnerShipInfo {
	margin-top: 10px;
	text-align: center;
	font-size: 18px;
    line-height: 26px;
}

.PartnerShip .partnerShipPlus {
	padding-top: 0;
}

.PartnerShip .partnerShipPlus ico {
    width: 50px;
    height: 38px;
}

.PartnerShip .partnerShipPlus ico img {
	height: 38px;
}

.partnerShipKomisionni .grid {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    margin-top: 45px;
    text-align: left;
}

.partnerShipKomisionni .grid item {
	background-color: #fffdfb;
    border-radius: 10px;
    padding: 16px 16px 25px;
    text-align: center;
	filter: drop-shadow(0 3px 6px rgba(0,0,0,.25));
}

.partnerShipKomisionni .grid item .name {
	color: #458eff;
	font-size: 32px;
	font-weight: 700;
}

.partnerShipKomisionni .grid item .num {
	margin-top: 15px;
	font-size: 29px;
	font-weight: 600;
}

.partnerShipKomisionni .grid item .info {
	font-size: 18px;
	font-weight: 300;
}

.partnerShipKomisionni .grid item .info.bold {
	color: #458eff;
	font-weight: 500;
}

.partnerShipKomisionni .grid item .info strong {
	font-weight: 600;
}

.partnerShipUslovia {
	margin-top: 40px;
	box-sizing: border-box;
}

.partnerShipUslovia .wraper {
	width: 100%;
	max-width: 1220px;
    margin: 0 auto;
	box-sizing: border-box;
    border-radius: 0.3rem;
}

.partnerShipUslovia .title {
	text-align: center;
	font-size: 36px;
    line-height: 42px;
    font-weight: 600;
	margin-bottom: 25px;
}

.partnerShipUslovia ul {
	padding-left: 0px;
}

.partnerShipUslovia li {
	position: relative;
	margin-bottom: 15px;
	padding-left: 25px;
	list-style: none;
	background: url("/img/ico/cb-blue.svg") 0 2px no-repeat;
	background-size: 24px auto;
	padding-left: 48px;
}

.partnerShipUslovia li:last-of-type {
	margin-bottom: 0;
}

.partnerShipUslovia p {
	background: url(/img/ico/ok-blue.svg) 0 4px no-repeat;
    background-size: 30px auto;
	padding: 4px 0;
    padding-left: 44px;
	font-size: 18px;
	line-height: 26px;
}

.PartnerShipContacts {
	width: 1220px;
	margin: 60px auto 40px;

	box-shadow: 0 2px 3px rgba(35,36,50,.1), 0 0 0 1px rgba(35,36,50,.1);
    border-radius: 5px;
    padding: 25px 30px 25px;
	box-sizing: border-box;
}

.PartnerShipContacts .title {
	text-align: center;
	font-size: 36px;
	font-weight: 600;
}

.PartnerShipContacts .subtitle {
	margin-top: 15px;
	text-align: center;
	font-size: 20px;
	font-weight: 300;
}

.PartnerShipContacts .forms {
	display: grid;
	grid-template-areas:
		'ime familia deinost'
		'email telefon site'
		'suobshtenie suobshtenie suobshtenie'
		'button button button';
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px 30px;
	margin-top: 25px;
}

.PartnerShipContacts .forms .ime			{ grid-area: ime; }
.PartnerShipContacts .forms .familia		{ grid-area: familia; }
.PartnerShipContacts .forms .email			{ grid-area: email; }
.PartnerShipContacts .forms .telefon		{ grid-area: telefon; }
.PartnerShipContacts .forms .site			{ grid-area: site; }
.PartnerShipContacts .forms .deinost		{ grid-area: deinost; }
.PartnerShipContacts .forms .suobshtenie	{ grid-area: suobshtenie; }
.PartnerShipContacts .forms .button			{ grid-area: button; text-align: center;}

.PartnerShipContacts .forms input[type="text"],
.PartnerShipContacts .forms select,
.PartnerShipContacts .forms textarea {
	width: 100%;
}

.PartnerShipContacts .forms .label {
    display: block;
	margin-bottom: 12px;
	font-size: 18px;
    font-weight: 600;
}

.PartnerShip jobs {
	display: block;
	margin-top: 40px;
	margin-bottom: 60px;
}

.PartnerShip jobs item {
	display: grid;
	grid-template-columns: 220px 1fr auto;
	grid-template-areas:
		'position info apply'
		'position info apply'
		'empty empty apply'
		'empty empty apply';
	grid-gap: 30px ;
	filter: drop-shadow(0 6px 8px rgba(0, 0, 0, .25));
    background: #FFF;
    border-left: 9px solid #CCC;
    border-radius: 5px;
    padding: 25px 30px 25px;
    box-sizing: border-box;
	margin-bottom: 60px;
}

.PartnerShip jobs item .position	{ grid-area: position; }
.PartnerShip jobs item .info		{ grid-area: info; }
.PartnerShip jobs item .apply		{ grid-area: apply; align-self: end; }
.PartnerShip jobs item .empty		{ grid-area: empty; }

.PartnerShip jobs item div:nth-child(1) {
	font-size: 26px;
	font-weight: 800;
}

.PartnerShip jobs item div:nth-child(2) {
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
}

.PartnerShip jobs item div:nth-child(3) {
	text-align: right;
}

.PartnerShip jobs item .red {
	color: #ff4a72;
}

.PartnerShip jobs item .green {
	color: #009293;
}

.PartnerShip jobs item .blue {
	color: #458eff;
}

.obshtiUslovia .ouTitle {
	font-size: 36px;
    font-weight: 600;
}

.obshtiUslovia .ouSubTitle {
	margin-top: 15px;
    font-size: 24px;
    line-height: 31px;
    font-weight: 300;
	margin-bottom: 40px;
}

.obshtiUslovia .ouSubTitle strong {
	font-weight: 600;
}

.obshtiUslovia ol {
    counter-reset: item;
	margin-bottom: 40px;
	line-height: 24px;
}

.obshtiUslovia ol li {
    display: block;
    position: relative;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 26px;
	line-height: 32px;
	font-weight: 700;
}

.obshtiUslovia ol li ol li ol {
	margin-bottom: 10px;
}

.obshtiUslovia ol li ol li {
	font-size: 16px;
	font-weight: 400;
}

.obshtiUslovia ol li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px;
	font-weight: 300;
}

.obshtiUslovia ol li ol li:before {
	font-weight: 300;
}

.obshtiUslovia ol div {
	font-weight: 700;
	margin-bottom: 10px;
}

.obshtiUslovia ol txt {
	display: block;
	font-size: 16px;
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 40px;
}

.obshtiUslovia ol txt.box {
	margin-top: 20px;
	padding: 20px 28px;
	width: auto;
	display: inline-block;
	border: 1px solid #CCC;
	border-radius: 0.3rem;
	font-size: 18px;
	line-height: 30px;
}

.obshtiUslovia ol a {
	color: #458eff;
	text-decoration: underline;
}

.obshtiUslovia ol a:hover {
	color: #458eff;
	text-decoration: none;
}

.poveritelnost ol {
    padding-left: 0;
}

.poveritelnost ol li:before {
    display: none;
}

.poveritelnost ul {
    margin-bottom: 0;
    line-height: 24px;
}

.poveritelnost ul li ul {
    margin-bottom: 10px;
}

.poveritelnost ul li:before {
    display: block;
	content: "";
    position: absolute;
    margin-right: 100%;
	top: 8px;
    right: 10px;
	width: 10px;
	height: 10px;
	border-radius: 50px;
	background: #666;
}

.poveritelnost ul li.no-bullet:before {
    display: none;
}

.poveritelnost ul li ul li:before {
    background: #FFF;
	box-shadow: 0 0 0 1px inset #666;
}

.poveritelnost ul li {
    display: block;
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
}

.poveritelnost ol txt {
	margin-bottom: 20px;
}

.poveritelnost a {
    font-weight: 700;
    text-decoration: underline;
}

.poveritelnost a:hover {
    font-weight: 700;
    text-decoration: none;
}

.poveritelnost .fw800 {
    font-weight: 800;
}


/* ================================================ */
/* СТРАНИЧНО МЕНЮ */
/* ================================================ */

menu {
	position: fixed;
    z-index: 999999;
    top: 0;
    right: -105%;
    height: 100%;
    overflow-y: auto;
	display: block;
    width: 100%;
	padding: 0;
	margin: 0;
    background: #fff;
    color: #444444;
    transition: all 0.3s;
    overflow-y: auto;
    box-shadow: -3px 0px 7px rgb(0 16 16 / 20%);
}

menu.active {
    right: 0;
}

menu .grid {
    display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto auto 1fr;
	grid-gap: 0px;
	height: 100%;
}

menu .logo {
	position: relative;
    padding: 20px 20px 15px;
}

menu .logo div {
    font-size: 38px;
    line-height: 20px;
	font-weight: 200;
	color: #666;
}

menu .logo span {
    display: block;
    margin-top: 30px;
    font-size: 18px;
    line-height: 22px;
	font-weight: 300;
	color: #444546;
}

menu .logo a {
    display: inline-block;
	line-height: 0;
}
menu .logo a.close {
    position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 40px;
	height: 40px;
	background:url("/img/ico/menu/close.svg") center center no-repeat;
}

menu .logo img {
    width: 200px;
}

menu .items {
    padding: 0 30px 0 30px;
}

menu .items a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 42px;
    font-size: 21px;
    font-weight: 400;
    transition: .15s;
	color: #444;
    background-size: 28px auto !important;
    background-position: 0 5px !important;
    padding-left: 42px !important;
}

menu .items a:hover {
    color: #458eff;
}

menu .items a.active {
    color: #458eff;
	font-weight: 700;
    background-position: 0 -70px !important;
}

menu .items a.home {
    background: url(/img/ico/menu/home.svg) 0 0 no-repeat;
}

menu .items a.spodelen {
    background: url(/img/ico/menu/shared-hosting.svg) 0 0 no-repeat;
}

menu .items a.wordpress {
    background: url(/img/ico/menu/wordpress-hosting.svg) 0 0 no-repeat;
}

menu .items a.vps {
    background: url(/img/ico/menu/vps-hosting.svg) 0 0 no-repeat;
}

menu .items a.vps2 {
    background: url(/img/ico/menu/vps-upravliaem-hosting.svg) 0 0 no-repeat;
}

menu .items a.domains {
    background: url(/img/ico/menu/domain.svg) 0 0 no-repeat;
}

menu .items a.ssl {
    background: url(/img/ico/menu/ssl.svg) 0 0 no-repeat;
}

menu .items a.partnership {
    background: url(/img/ico/menu/partnership.svg) 0 0 no-repeat;
}

menu .items a.blog {
    background: url(/img/ico/menu/blog.svg) 0 0 no-repeat;
}

menu .items a.about {
    background: url(/img/ico/menu/about.svg) 0 0 no-repeat;
}

menu .items a.job {
    background: url(/img/ico/menu/job.svg) 0 0 no-repeat;
}

menu .items a.contacts {
    background: url(/img/ico/menu/contacts.svg) 0 0 no-repeat;
}

menu .items a.exit {
    background-image: url("/img/menu/exit.svg");
}

menu .items a.exit div {
	margin-top: -6px;
    line-height: 16px;
	font-size: 14px;
	font-weight: 300;
	color: #666;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

menu .items a.search {
    background-image: url("/img/menu/search.svg");
}

menu .lang {
    text-align: center;
	padding: 25px 30px 0 30px;
}

menu .lang a {
	display: inline-block;
    line-height: 60px;
    height: 58px;
    width: 58px;
    text-align: center;
    font-size: 23px;
    font-weight: 200;
    color: #666;
    border: 1px solid #66666633;
    border-radius: 100px;
    margin: 0 5px;
}

menu .lang a.active {
    border-color: #ecf3ff;
	background: #ecf3ff;
	color: #458eff;
    font-size: 25px;
    font-weight: 600;
}

menu .small {
	text-align: center;
    margin-top: 27px;
	margin-bottom: 27px;
}

menu .small a.contacts {
	display: inline-block;
    font-size: 16px;
    font-weight: 400;
    background: url("/img/menu/contacts.svg") 0 center no-repeat;
    background-size: auto 18px;
    padding-left: 26px;
    transition: .15s;
}

menu .small a.contacts:hover {
    color: #92B1D4;
}

menu .small a.exit {
    margin-top: 5px;
	display: inline-block;
    color: #ce9494;
    font-size: 16px;
    font-weight: 400;
    background: url("/img/ico/menu/exit.svg") 0 center no-repeat;
    background-size: auto 18px;
    padding-left: 26px;
    transition: .15s;
}

menu .small a.exit:hover {
    color: #E9A5CE;
}

menu .small div.email {
    margin-top: 6px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 300;
    color: #666;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 20px;
}

menu hr {
    display: block;
    margin: 10px 0;
    border-width: 0;
    height: 1px;
    background: #EEE;
}

menu .mLogin {
    display: grid;
	grid-template-columns: 1fr 58px;
	grid-gap: 10px;
	margin-top: 25px;
    padding: 0 30px 0 30px;
}

menu .mLogin .BUTTON {
    width: 100%;
}

menu .mLogin a.language {
	display: inline-block;
    line-height: 48px;
    height: 48px;
    width: 48px;
    text-align: center;
    font-size: 23px;
    font-weight: 400;
    color: #558efe;
    border: 1px solid #558efe;
    border-radius: 100px;
    margin: 0 5px;
}

menu .tech {
	margin-top: 25px;
    margin-bottom: 25px;
    padding: 0 30px 0 30px;
    text-align: center;
}

menu .tech phone {
    display: inline-block;
    font-size: 39px;
    line-height: 44px;
    font-weight: 700;
    background: url("/img/ico/menu/phone-black.svg") 0 center no-repeat;
    padding-left: 56px;
    -webkit-appearance: none;
}

menu .tech info {
    display: block;
    margin-top: 7px;
    font-size: 19px;
    font-weight: 400;
}

menu .tech info span {
    display: block;
    margin-top: 0px;
    font-size: 29px;
    font-weight: 600;
}

.overlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #01050ca6;
    z-index: 999;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.overlay.active {
    visibility: visible;
    opacity: 1;
}

/* ================================================ */
/* КРАЙ на СТРАНИЧНОТО МЕНЮ */
/* ================================================ */


.comparePlans {
    width: 1220px;
    margin: 30px auto 0;
}

.comparePlans .ROW {
    display: grid;
    grid-template-areas: 'name P1 P2 P3';
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 0px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 0px 0;
    border-bottom: 1px solid #dbdbdb;
}

.comparePlans .ROW cell {
    border-left: 1px solid #dbdbdb;
    padding: 15px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.comparePlans .ROW cell:first-of-type {
    border-left: 0;
}

.comparePlans .ROW cell:last-of-type {
    border-right: 1px solid #dbdbdb;
}

.comparePlans .ROW:nth-child(2) cell {
    border-top: 1px solid #dbdbdb;
}

.comparePlans .ROW .name	{ grid-area: name; }
.comparePlans .ROW .P1	    { grid-area: P1; }
.comparePlans .ROW .P2	    { grid-area: P2; color: #458eff; font-weight: 500; }
.comparePlans .ROW .P3	    { grid-area: P3; }

.comparePlans .ROW .P2 yes {
    background-image: url(/img/ico/cb-yes-blue.svg);
}

.comparePlans .ROW .name {
    position: relative;
    justify-content: flex-start;
    padding-left: 0;
    text-align: left;
    font-weight: 600;
}

.comparePlans .ROW .name ico {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 0;
    margin-left: 2px;
    vertical-align: -2px;
    background: url("/img/ico/question.svg") right center no-repeat;
    background-size: 18px auto;
}

.comparePlans .ROW .name info {
    display: none;
    position: absolute;
    z-index: 2;
    width: calc(100% + 50px);
    top: calc(100% - 8px);
    left: 0;
    padding: 13px 15px 15px 15px;
    background: #445a86;
    border-radius: 5px;
    color: #FFFFFFC6;
    font-size: 14px;
    line-height: 20px;
    pointer-events: none;
    user-select: none;
}

.comparePlans .ROW .name info strong {
    font-size: 15px;
}

.comparePlans .ROW .name info::after {
    content: '';
    position: absolute;
    top: -3px;
    left: 17px;
    z-index: 2;
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
    background: #445a86;
}

.comparePlans .ROW .name info strong {
    color: #FFFFFF;
}

.comparePlans .ROW .name:hover info {
    display: block;
    animation: infoMove 0.15s cubic-bezier(.36,.07,.19,.97) both;
}

.comparePlans .ROW .name:hover info ul {
    text-align: left;
    padding-left: 0;
    list-style: inside;
}

@keyframes infoMove {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.comparePlans .ROW .name.cursorHelp {
    cursor: help;
}

.comparePlans .ROW .name span {
    display: inline-block;
}

.comparePlans .ROW .name em {
    display: inline-block;
    font-weight: 300;
    font-style: normal;
}

.comparePlans yes {
    display: inline-block;
    width: 24px;
    height: 20px;
    background: url("/img/ico/cb-yes.svg") 0 0 no-repeat;
    background-size: 24px 20px;
}

.comparePlans infinity {
    display: inline-block;
}

.comparePlans .ROW.head {
    position: sticky !important;
    top: 0;
    z-index: 10;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    border: 0;
    background: #FFF;
}

.comparePlans .ROW.head .name {
    border-right: none;
}

.comparePlans .ROW.head .P1 {
    border: 1px solid #dbdbdb;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
}

.comparePlans .ROW.head .P2 {
    border-top: 1px solid #dbdbdb;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
    background: #458eff;
    color: #FFF;
}

.comparePlans .ROW.head .P3 {
    border-top: 1px solid #dbdbdb;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
}

.comparePlans .ROW.head .P1,
.comparePlans .ROW.head .P2,
.comparePlans .ROW.head .P3 {
    font-size: 28px;
    font-weight: 800;
}

.comparePlans .ROW.head .P1 span,
.comparePlans .ROW.head .P2 span,
.comparePlans .ROW.head .P3 span {
    display: block;
    font-size: 16px;
    font-weight: 400;
}

.comparePlans .ROW.head .P2 popular {
    display: none;
}

.comparePlans .bottomMobile {
    display: none;
}

.comparePlans .ROW.bottom {
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    border: 0;
    background: #FFF;
}

.comparePlans .ROW.bottom .name {
    border-right: none;
}

.comparePlans .ROW.bottom .P1 {
    border: 1px solid #dbdbdb;
    border-top: 0;
    border-right: 0;
    border-radius: 0 0 15px 15px;
}

.comparePlans .ROW.bottom .P2 {
    border-bottom: 1px solid #dbdbdb;
    border-radius: 0 0 15px 15px;
}

.comparePlans .ROW.bottom .P3 {
    border-bottom: 1px solid #dbdbdb;
    border-radius: 0 0 15px 15px;
}

.comparePlans .price {
    position: relative;
	margin-top: 0px;
	text-align: center;
}

.comparePlans .price div:nth-child(1) {
	display: inline-block;
	color: #458eff;
	font-size: 60px;
	font-weight: 700;
}

.comparePlans .price div:nth-child(1) span {
	display: inline-block;
	vertical-align: 16px;
	font-size: 36px;
}

.comparePlans .price old {
    position: absolute;
    transform: translate(-100%);
    margin-top: 22px;
    margin-left: -10px;
    color: #458eff;
    font-size: 17px;
    font-weight: 400;
    text-decoration: line-through;
}

.comparePlans .price img {
	position: absolute;
    height: 66px;
    margin-top: 5px;
    margin-left: 7px;
}

.comparePlans .priceInfo {
	margin-top: -10px;
	color: #458eff;
	font-size: 16px;
	text-align: center;
}

.comparePlans .discount {
    margin-top: 15px;
    text-align: center;
    font-size: 18px;
    line-height: 31px;
}

.comparePlans .discount span {
    display: inline-block;
    background-color: #def6f7;
    border-radius: 50px;
    color: #20969b;
    font-weight: 700;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
}

.comparePlans .pay {
    margin-top: 20px;
}


.FAQ {
	width: 1220px;
	margin: 20px auto 0;
}

.FAQ .title {
	text-align: center;
	font-size: 36px;
	font-weight: 600;
}

.FAQ .subtitle {
	margin-top: 15px;
	text-align: center;
	font-size: 20px;
	font-weight: 300;
}

.FAQ .subtitle a {
	color: #458eff;
	font-weight: 600;
}

.FAQ .subtitle a:hover {
	color: #666;
}

.mFAQ {
	overflow: hidden;
}

.mFAQ item {
	display: block;
    border: 1px solid #dbdbdb;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 10px;
}

.mFAQ item a.Q {
	position: relative;
	display: block;
	padding: 16px 50px 16px 20px;
    box-sizing: border-box;
	color: #666;
    font-size: 20px;
	font-weight: 600;
    text-align: left;
	text-decoration: none;
    background-color: #fff;
	cursor: pointer;
	transition: .35s ease-out;
}

.mFAQ item a.Q:hover {
	background-color: #e3e3e3;
	text-decoration: none;
	transition: .15s ease-out;
}

.mFAQ item a.Q.collapsed {
	color: #FFF;
	background-color: #858991;
}

.mFAQ item a.Q::after {
    position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%) rotate(0);
	z-index: 2;
    width: 20px;
    height: 20px;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666666'%3e%3cpath fill-rule='evenodd' d='M8,12.5c-0.3,0-0.6-0.1-0.8-0.3L0.5,5.4C0,5,0,4.3,0.5,3.8C0.7,3.6,1,3.5,1.3,3.5c0.3,0,0.6,0.1,0.8,0.3l6,6 l6-6c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3c0.2,0.2,0.3,0.5,0.3,0.8c0,0.3-0.1,0.6-0.3,0.8l-6.7,6.7 C8.6,12.4,8.3,12.5,8,12.5z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
    background-size: 20px;
    transition: transform .2s ease-in-out;
}

.mFAQ item a.Q.collapsed::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M8,3.5c-0.3,0-0.6,0.1-0.8,0.3l-6.7,6.7C0,11,0,11.7,0.5,12.2c0.2,0.2,0.5,0.3,0.8,0.3c0.3,0,0.6-0.1,0.8-0.3	l6-6l6,6c0.2,0.2,0.5,0.3,0.8,0.3c0.3,0,0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8L8.8,3.8C8.6,3.6,8.3,3.5,8,3.5z'/%3e%3c/svg%3e");
    transform: translateY(-50%) rotate(-1.0turn);
	transform-origin: center;
}

.mFAQ item div {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	max-height: 0;
	background: #fff;
    color: #888;
    font-size: 16px;
	line-height: 20px;
    box-sizing: border-box;
	transition: opacity .15s ease-out, padding-top .15s ease-out, padding-bottom .15s ease-out;
}

.mFAQ item div.show {
	max-height: 3000px;
	opacity: 1;
	padding-top: 16px;
	padding-bottom: 16px;
	transition: opacity .4s ease-out, padding-top .4s ease-out, padding-bottom .4s ease-out;
}

.mFAQ item div a {
    color: #09F;
    font-weight: 600;
    text-decoration: underline;
}

.mFAQ item div a:hover {
    text-decoration: none;
}

.predimstva {
    width: 1220px;
    margin: 30px auto 0;
}

.predimstva .included {
	display: grid;
	grid-template-columns: auto 1fr ;
	grid-gap: 50px;
	background: #ebf3ff;
    border-top: 3px solid #dbdbdb;
    border-bottom: 3px solid #dbdbdb;
	padding: 25px 20px;
}

.predimstva .included cell {
	align-self: center;
}

.predimstva .included div {
	font-size: 18px;
	font-weight: 600;
	background: url(/img/ico/ok-blue.svg) 0 2px no-repeat;
    background-size: 20px auto;
    padding-left: 30px;
    margin-bottom: 10px;
}

.predimstva .included img {
	width: 415px;
}

.predimstva .included div:last-of-type {
	margin-bottom: 0px;
}

.BulinfoServices {
	width: 1220px;
	margin: 0 auto;
	padding: 30px 0px 40px;
	text-align: center;
}

.BulinfoServices .title {
	font-size: 45px;
    line-height: 58px;
    font-weight: 600;
}

.BulinfoServices .grid {
    display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	margin-top: 40px;
	text-align: left;
}

.BulinfoServices .grid a {
    display: block;
    border: 1px solid #dbdbdb;
	border-radius: 100px;
	padding: 12px 30px;
	background-position: 15px center;
	background-repeat: no-repeat;
	padding-left: 60px;
    color: #666;
}

.BulinfoServices .grid a.active {
    border: 1px solid #458eff;
    color: #458eff;
}

.BulinfoServices .grid a.spodelen {
    background-image: url(/img/ico/services/shared-hosting.svg);
    background-position: 15px -43px;
}

.BulinfoServices .grid a.cpanel {
	background-image: url("/img/ico/cpanel.svg");
}

.BulinfoServices .grid a.trafic {
	background-image: url("/img/ico/trafic.svg");
}

.BulinfoServices .grid a.support {
	background-image: url("/img/ico/support.svg");
}

.BulinfoServices .grid a opt {
	display: inline-block;
	float: left;
	font-weight: 600;
	text-transform: uppercase;
	padding: 2px 0;
}

.techVPS {
    width: 1220px;
    margin: 30px auto 0;
}

.techVPS .ROW {
    display: grid;
    grid-template-areas: 'name value';
    grid-template-columns: 1fr 420px;
    grid-template-rows: auto;
    grid-gap: 0px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    padding: 0px 0;
    background: #edf3ff;
    border-radius: 10px;
    margin-bottom: 3px;
}

.techVPS .ROW:last-of-type {
    margin-bottom: 0;
}

.techVPS .ROW cell {
    padding: 15px 15px;
    display: flex;
    justify-content:flex-start;
    text-align: left;
    align-items: center;
}

.techVPS .ROW .name	    { grid-area: name; }
.techVPS .ROW .value    { grid-area: value; font-weight: 400; color: #558efe; }

.techVPS .ROW .value select {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
}

.techVPS .ROW .name {
    position: relative;
    justify-content: flex-start;
    padding-left: 0;
    text-align: left;
    font-weight: 600;
    padding-left: 20px;
}

.techVPS .ROW .name ico {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 0;
    margin-left: 2px;
    vertical-align: -2px;
    background: url("/img/ico/question.svg") right center no-repeat;
    background-size: 18px auto;
}

.techVPS .ROW .name info {
    display: none;
    position: absolute;
    z-index: 2;
    left: 19px;
    right: 19px;
    top: calc(100% - 8px);
    padding: 13px 15px 15px 15px;
    background: #445a86;
    border-radius: 5px;
    color: #FFFFFFC6;
    font-size: 14px;
    line-height: 20px;
    pointer-events: none;
    user-select: none;
}

.techVPS .ROW .name info strong {
    font-size: 15px;
}

.techVPS .ROW .name info::after {
    content: '';
    position: absolute;
    top: -3px;
    left: 17px;
    z-index: 2;
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
    background: #445a86;
}

.techVPS .ROW .name info strong {
    color: #FFFFFF;
}

.techVPS .ROW .name:hover info {
    display: block;
    animation: infoMove 0.15s cubic-bezier(.36,.07,.19,.97) both;
}

.techVPS .ROW .name.cursorHelp {
    cursor: help;
}

.techVPS .ROW .name.cursorHelp span {
    display: inline-block;
}

.techVPS yes {
    display: inline-block;
    width: 24px;
    height: 20px;
    background: url("/img/ico/cb-yes-blue.svg") 0 0 no-repeat;
    background-size: 24px 20px;
}

.onDesktop {
    display: block;
}

.onPhone {
    display: none;
}

.comparePlans5 {
    width: 1220px;
    margin: 30px auto 0;
}

.comparePlans5 .ROW {
    display: grid;
    grid-template-areas: 'name P1 P2 P3 P4 P5';
    grid-template-columns: 310px 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 0px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 0px 0;
    border-bottom: 1px solid #dbdbdb;
}

.comparePlans5 .ROW cell {
    border-left: 1px solid #dbdbdb;
    padding: 15px 5px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.comparePlans5 .ROW cell:first-of-type {
    border-left: 0;
}

.comparePlans5 .ROW cell:last-of-type {
    border-right: 1px solid #dbdbdb;
}

.comparePlans5 .ROW:nth-child(2) cell {
    border-top: 1px solid #dbdbdb;
}

.comparePlans5 .ROW .name	{ grid-area: name; }
.comparePlans5 .ROW .P1	    { grid-area: P1; }
.comparePlans5 .ROW .P2	    { grid-area: P2; }
.comparePlans5 .ROW .P3	    { grid-area: P3; color: #458eff; font-weight: 500; }
.comparePlans5 .ROW .P4	    { grid-area: P4; }
.comparePlans5 .ROW .P5	    { grid-area: P5; }

.comparePlans5 .ROW.head .P1 {
    border: 1px solid #dbdbdb;
    border-right: none;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
}

.comparePlans5 .ROW.head .P2 {
    border-top: 1px solid #dbdbdb;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
    background: #FFF;
    color: #666;
}

.comparePlans5 .ROW .P2 {
    color: #666;
    font-weight: 400;
}

.comparePlans5 .ROW .P2 yes {
    background-image: url(/img/ico/cb-yes.svg);
}

.comparePlans5 .ROW.head .P3 {
    border-top: 1px solid #458eff;
    border-color: #458eff;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
    background: #458eff;
    color: #FFF;
}

.comparePlans5 .ROW .P3 yes {
    background-image: url(/img/ico/cb-yes-blue.svg);
}

.comparePlans5 .ROW.head .P4 {
    border-top: 1px solid #dbdbdb;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
}

.comparePlans5 .ROW.head .P5 {
    border-top: 1px solid #dbdbdb;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
}

.comparePlans5 .ROW.head .P1,
.comparePlans5 .ROW.head .P2,
.comparePlans5 .ROW.head .P3,
.comparePlans5 .ROW.head .P4,
.comparePlans5 .ROW.head .P5 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
}

.comparePlans5 .ROW.head .P1 span,
.comparePlans5 .ROW.head .P2 span,
.comparePlans5 .ROW.head .P3 span,
.comparePlans5 .ROW.head .P4 span,
.comparePlans5 .ROW.head .P5 span {
    display: block;
    font-size: 16px;
    font-weight: 400;
}

.comparePlans5 .vpsuPrice {
    color: #666;
    width: 100%;
    cursor: pointer;
}

.comparePlans5 .vpsuPrice.blue {
    color: #458eff;
}

.comparePlans5 .ROW .name .bigTITLE {
    display: none;
}

.comparePlans5 .vpsuPrice.blue new {
    font-weight: 700;
}

.comparePlans5 .vpsuPrice new {
    display: block;
    font-size: 32px;
    font-weight: 400;
}

.comparePlans5 .vpsuPrice old {
    display: block;
    font-size: 18px;
    font-weight: 300;
    text-decoration: line-through;
}

.comparePlans5 .vpsuPrice img {
    margin-top: 7px;
    width: 60px;
}

.comparePlans5 .vpsuPrice .cart {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: -5px;
    width: 38px;
    height: 38px;
    background: url("/img/ico/cart.svg") 0 0 no-repeat;
    background-size: 38px auto;
    transition: .1s ease;
}

.comparePlans5 .vpsuPrice:hover .cart {
    transform: scale(1.2);
}

.comparePlans5 .vpsuPrice .cart-blue {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: -5px;
    width: 38px;
    height: 38px;
    background: url("/img/ico/cart-blue.svg") 0 0 no-repeat;
    background-size: 38px auto;
    transition: .1s ease;
}

.comparePlans5 .vpsuPrice:hover .cart-blue {
    transform: scale(1.2);
}

.comparePlans5 .vpsuDiscount {
    margin-top: 10px;
    height: 64px;
}

.comparePlans .bottomMobile .priceBox {
    cursor: pointer;
}

.comparePlans .bottomMobile .priceBox .cart {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: -5px;
    width: 38px;
    height: 38px;
    background: url("/img/ico/cart.svg") 0 0 no-repeat;
    background-size: 38px auto;
    transition: .1s ease;
}

.comparePlans .bottomMobile .priceBox:hover .cart {
    transform: scale(1.2);
}

.comparePlans .bottomMobile .priceBox .cart-blue {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: -5px;
    width: 38px;
    height: 38px;
    background: url("/img/ico/cart-blue.svg") 0 0 no-repeat;
    background-size: 38px auto;
    transition: .1s ease;
}

.comparePlans .bottomMobile .priceBox:hover .cart-blue {
    transform: scale(1.2);
}

.comparePlans .ROW .P2 .priceBox .cart-blue {
    background-image: url("/img/ico/cart-white.svg");
}

.SSLinfo {
	display: grid;
	grid-template-areas:
		'C1 C2';
	grid-template-columns: auto 1fr;
	grid-gap: 35px;
	width: 1220px;
	margin: 0px auto 0;
	box-shadow: 0 2px 3px rgba(35,36,50,.1), 0 0 0 1px rgba(35,36,50,.1);
    background-color: #fffcfa;
    border-radius: 0.3rem;
    padding: 30px 40px;
	box-sizing: border-box;
    margin-bottom: 30px;
}

.SSLinfo .C1	{ grid-area: C1; align-self: center; line-height: 0; }
.SSLinfo .C2	{ grid-area: C2; align-self: center; }

.SSLinfo img {
	height: 240px;
}

.SSLinfo .title {
	font-weight: 600;
    font-size: 32px;
    line-height: 36px;
    margin-top: -5px;
    margin-bottom: 21px;
}

.SSLinfo .title strong {
	display: inline-block;
	font-weight: 700;
	color: #ff4a72;
}

.SSLinfo .info {
	font-size: 20px;
}

.SSLinfo .info div {
	background: url(/img/ico/ok-blue.svg) 0 center no-repeat;
    background-size: 22px auto;
    padding-left: 34px;
	margin-bottom: 5px;
}

.SSLinfo .info div:last-child {
	margin-bottom: 0;
}

.SSL3 ssltitle {
    display: block;
	text-align: center;
    line-height: 0;
}

.SSL3 ssltitle img {
    width: 100%;
    max-width: 745px;
}

.SSL3 .grid {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    margin-top: 35px;
    text-align: left;
    align-items: baseline;
}

.SSL3 .title {
	background-color: #fffdfb;
    border-radius: 10px;
    padding: 16px 16px 25px;
	filter: drop-shadow(0 3px 6px rgba(0,0,0,.25));
}

.SSL3 .grid item {
	background-color: #fffdfb;
    border-radius: 10px;
    padding: 16px 16px 25px;
	filter: drop-shadow(0 3px 6px rgba(0,0,0,.25));
}

.SSL3 .grid item .logo {
	line-height: 0;
    margin-top: 7px;
}

.SSL3 .grid item .logo img {
	height: 42px;
}

.SSL3 .grid item .name {
	margin-top: 5px;
    font-size: 24px;
	font-weight: 400;
}

.SSL3 .grid item .info1 {
	margin-top: 17px;
    font-size: 16px;
	font-weight: 700;
}

.SSL3 .grid item .info2 {
    margin-top: 10px;
	font-size: 15px;
	font-weight: 300;
}

.SSL3 .grid item .price {
    margin-top: 10px;
    font-weight: 300;
}

.SSL3 .grid item .price strong {
    font-size: 26px;
    color: #458eff;
}

.SSL3 .grid item .price span {
    display: inline-block;
}

.SSL3 .grid item .price pr.animate {
    animation: sslPriceAn 0.55s cubic-bezier(.36,.07,.19,.97) both;
}

.SSL3 .grid item .buy {
    display: grid;
	grid-template-columns: 1fr auto;
	grid-gap: 0;
    margin-top: 10px;
}

.SSL3 .grid item .buy select {
    height: 48px;
    width: 60px;
    margin-left: 5px;
    border-radius: 50px;
    background-color: transparent;
}

.sslAll {
    width: 1220px;
    margin: 30px auto 0;
}

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

.sslAll .head .title {
    font-weight: 700;
    font-size: 32px;
    font-style: normal;
    line-height: 36px;
    margin-bottom: -5px;
}

.sslAll .head p {
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
}

.sslAll .head p strong {
    color: #458eff;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
}

.sslAll.type2 .head p strong {
    color: #666666;
    font-size: 28px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 7px;
    display: inline-block;
}

.sslAll.type2 .head p num {
    display: block;
    color: #AAA;
    font-size: 52px;
    font-weight: 300;
    font-style: normal;
}

.sslAll.type2 .head p num img {
    height: 32px;
}

.sslAll.type2 .title {
    font-size: 45px;
    line-height: 53px;
    font-weight: 600;
}

.sslAll .ROW {
    display: grid;
    grid-template-areas:
        'logo name num price cBox';
    grid-template-columns: 160px 1fr auto 173px auto;
    grid-template-rows: auto;
    grid-gap: 0 25px;
    font-size: 20px;
    font-weight: 300;
    padding: 15px 6px;
    border-bottom: 1px solid #dbdbdb;
    transition: .2s;
}

.sslAll .ROW .logo	{ grid-area: logo; align-self: center; }
.sslAll .ROW .name	{ grid-area: name; align-self: center; }
.sslAll .ROW .num	{ grid-area: num; align-self: center; }
.sslAll .ROW .price	{ grid-area: price; align-self: center; }
.sslAll .ROW .cBox	{ grid-area: cBox; align-self: center; }

.sslAll .ROW.borderTop {
    border-top: 1px solid #dbdbdb;
}

.sslAll .ROW.colorize {
    background-color: #ecf3ff;
}

.sslAll .ROW .logo {
    line-height: 0;
}

.sslAll .ROW .logo img {
    width: 100%;
}

.sslAll .ROW .name {
    position: relative;
}

.sslAll .ROW .name name {
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    cursor: help;
}

.sslAll .ROW .name name ico {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 0;
    margin-left: 2px;
    vertical-align: -5px;
    background: url(/img/ico/question.svg) right center no-repeat;
    background-size: 24px auto;
}

.sslAll .ROW .name name span {
    display: inline-block;
}

.sslAll .ROW .name info {
    display: none;
    position: absolute;
    z-index: 2;
    width: calc(100% + 50px);
    top: calc(100% + 10px);
    left: 0;
    padding: 13px 15px 15px 15px;
    background: #445a86;
    border-radius: 5px;
    color: #FFFFFFC6;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    pointer-events: none;
    user-select: none;
}

.sslAll .ROW .name info strong {
    font-size: 15px;
}

.sslAll .ROW .name info::after {
    content: '';
    position: absolute;
    top: -3px;
    left: 17px;
    z-index: 2;
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
    background: #445a86;
}

.sslAll .ROW .name info strong {
    color: #FFFFFF;
}

.sslAll .ROW .name name:hover + info {
    display: block;
    animation: infoMove 0.15s cubic-bezier(.36,.07,.19,.97) both;
}

.sslAll .ROW .name info ul {
    text-align: left;
    padding-left: 0;
    list-style: inside;
}

.sslAll .ROW .num select {
    height: 48px;
    width: auto;
    margin-left: 5px;
    padding-left: 15px;
    padding-right: 32px;
    border-radius: 50px;
    background-color: #FFF;
    font-size: 20px;
}

.sslAll .ROW .price {
    color: #458eff;
    font-size: 26px;
    font-weight: 700;
    text-align: right;
}

.sslAll .ROW .price span {
    display: block;
    color: #666;
    font-size: 13px;
    font-weight: 300;
    line-height: 19px;
}

.sslAll .ROW .price pr.animate {
    animation: sslPriceAn 0.55s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes sslPriceAn {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.sslAll .ROW .num span {
    font-size: 17px;
}

.sslAll .ROW .cBox {
    line-height: 0;
    padding-left: 15px;
}

.sslAll .ROW .cBox .rezonSwitch {
    padding-left: 40px;
    transform: scale(1.2);
    transform-origin: center right;
}

.sslAll .TOP {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #e3e3e3;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0;
}

.sslAll .TOP .grid {
    display: grid;
	grid-template-areas:
		'num price button';
	grid-template-columns: 1fr 1fr auto;
	grid-template-rows: auto;
	grid-gap: 20px;
    padding: 0px 10px 0 15px;
    font-size: 18px;
}

.sslAll .TOP .grid .num {
    grid-area: num;
    align-self: center;
}

.sslAll .TOP .grid .price {
    grid-area: price;
    align-self: center;
    text-align: right;
}

.sslAll .TOP .grid .button {
    grid-area: button;
    align-self: center;
}

.sslAll .TOP .grid strong num {
    font-size: 20px;
}

.sslAll .note {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

.sslAll .TOP .animate {
    animation: sslPriceAn 0.55s cubic-bezier(.36,.07,.19,.97) both;
}

.building {
    display: grid;
	grid-template-areas:
		'text image';
	grid-template-columns: 400px 1fr;
	grid-gap: 30px;
    width: 100%;
    max-width: 1220px;
    margin: 50px auto 0;
    text-align: left;
}

.building .text	    { grid-area: text; }
.building .image	{ grid-area: image; }

.building img {
    width: 100%;
}

.building .title {
    font-size: 45px;
    line-height: 53px;
    font-weight: 600;
}

.building .subtitle {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 35px;
    font-weight: 400;
}

.building .subtitle note {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
}


.PartnerShip .karieriInfo {
    margin-top: 15px;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
}

.PartnerShip .karieriInfo a {
	color: #458eff;
	font-weight: 600;
}

.PartnerShip .karieriInfo a:hover {
	color: #666;
}

.PartnerShip .karieriInfo .kTitle {
    margin-top: 30px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
}

.PartnerShip .karieriInfo .bullet {
    background: url(/img/ico/ok-blue.svg) 0 3px no-repeat;
    background-size: 22px auto;
    padding-left: 34px;
}

.contactsSubT {
    font-weight: 300;
    font-size: 28px;
}

.contPagePhone {
    display: inline-block;
    font-weight: 700;
    font-size: 36px;
    background: url(/img/ico/menu/contacts.svg) 0 2px no-repeat;
    background-size: 46px auto;
    padding-left: 55px;
    -webkit-appearance:none;
}

.contPagePhoneInfo {
    margin-top: 5px;
    font-size: 14px;
    font-style: italic;
}

.contPagePhoneInfo strong {
    font-size: 16px;
}

.contEmailIcon {
    display: inline-block;
    background: url(/img/ico/email-blue.svg) 0 6px no-repeat;
    padding-left: 31px;
}

.domainsSEARCHwrapper {
    background: linear-gradient(-330deg, #b9ddd7, #062a95);
}

.domainsSEARCH {
    width: 1220px;
    margin: 0 auto;
    color: #FFF;
    padding: 20px 0 42px;
}

.domainsSEARCH .title{
    font-size: 45px;
    line-height: 58px;
    font-weight: 600;
    text-align: center;
}

.domainsSEARCH .subtitle{
    margin-top: 15px;
    font-size: 28px;
    line-height: 32px;
    font-weight: 400;
    text-align: center;
}

.domainsSEARCH .dSearch {
    margin-top: 30px;
    text-align: center;
}

.domainsSEARCH .dSearch .grid {
    display: inline-grid;
	grid-template-areas:
		'text button';
	grid-template-columns: 760px auto;
	grid-gap: 20px;
}

.domainsSEARCH .dSearch .grid .text    { grid-area: text; }
.domainsSEARCH .dSearch .grid .button  { grid-area: button; }

.domainsSEARCH .dSearch .grid .text input[type="text"]{
    width: 100%;
    line-height: 46px;
    color: #444;
    font-size: 24px;
    font-weight: 700;
    border: 1px solid #ffffff;
    background-color: #ffffff;
}

.domainsSEARCH .dSearch .grid .text input[type="text"]::-webkit-input-placeholder {
	color: #666;
    font-size: 20px;
	font-weight: 400;
    font-style: normal;
}

.domainsSEARCH .dSearch .grid .text input[type="text"]:-moz-placeholder {
	color: #666;
    font-size: 20px;
	font-weight: 400;
    font-style: normal;
}

.domainsSEARCH .dSearch .grid .text input[type="text"]::-moz-placeholder {
	color: #666;
    font-size: 20px;
	font-weight: 400;
    font-style: normal;
}

.domainsSEARCH .dSearch .grid .text input[type="text"]:-ms-input-placeholder {
	color: #666;
    font-size: 20px;
	font-weight: 400;
    font-style: normal;
}

.domainsSEARCH .dItems {
    width: 840px;
    display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: auto;
	grid-gap: 10px;
    margin: 30px auto 0;
}

.domainsSEARCH .dItems a.ditem {
    border: 1px solid #FFFFFF66;
    border-radius: 6px;
    padding: 4px 5px 10px;
    box-sizing: border-box;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    transition: .2s ease-in-out;
}

.domainsSEARCH .dItems a.ditem:hover,
.domainsSEARCH .dItems a.ditem.active {
    background: #3765ad;
    border-color: #3765ad;
}

.domainsSEARCH .dItems a.ditem.viewAll name {
    font-size: 35px;
    line-height: 30px;
    margin-top: 0px;
}

.domainsSEARCH .dItems a.ditem.viewAll:hover {
    background: #4100bb;
    border-color: #4100bb;
}

.domainsSEARCH .dItems a.ditem.viewAll old {
    text-decoration: none;
}

.domainsSEARCH .dItems a.ditem name {
    display: block;
    font-size: 22px;
    font-weight: 700;
}

.domainsSEARCH .dItems a.ditem old {
    display: block;
    font-size: 14px;
    font-weight: 300;
    text-decoration: line-through;
}

.domainsSEARCH .dItems a.ditem new {
    display: block;
    font-size: 18px;
    font-weight: 600;
}

.domainsSEARCH .dInfo {
    margin-top: 25px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
}

.domainsSEARCH .transfer {
    margin-top: 25px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}

.domainsSEARCH .transfer a {
    display: inline-block;
    margin-left: 8px;
    color: #FFF;
    font-weight: 600;
    text-decoration: underline;
    transition: .2s ease-in-out;
}

.domainsSEARCH .transfer a:hover {
    color: #89e2e5;
}

.header .desktopMenu.white items item a {
    color: #FFFFFF99;
}

.header .desktopMenu.white items item a:hover {
    color: #FFFFFF;
}

.header .desktopMenu.white items item a.active {
    color: #FFFFFF;
}

.header .desktopMenu.white items item a arrow {
    background: url("/img/ico/menu/arrow-down-white.svg") 0 0 no-repeat;
}

.header .lang.white a {
    color: #FFFFFF99;
}

.header .lang.white a:hover {
    color: #FFFFFF;
}

.domainsMostPopular {
    width: 1220px;
    margin: 0 auto;
    padding: 0px 0px 40px;
}

.domainsMostPopular .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 40px 25px;
    margin-top: 40px;
}

.domainsMostPopular .grid item {
    display: block;
    filter: drop-shadow(0 6px 8px rgba(0, 0, 0, .25));
    background: #FFF;
    border-radius: 10px;
    padding: 10px 20px 28px;
    box-sizing: border-box;
    cursor: default;
}

.domainsMostPopular .grid item name {
    display: block;
    font-size: 36px;
    font-weight: 800;
    text-align: right;
    margin-bottom: 10px;
    transition: transform .20s ease-in-out;
    transform-origin: center right;
}

.domainsMostPopular .grid item:hover name {
    transform: scale(1.3);
}

.domainsMostPopular .grid item info {
    display: block;
    height: 80px;
    font-size: 14px;
    font-weight: 300;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -moz-line-clamp: 4;
    display: -webkit-box;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
    margin-bottom: 6px;
}

.domainsMostPopular .grid item old {
    display: block;
    font-size: 19px;
    font-weight: 300;
    text-decoration: line-through;
}

.domainsMostPopular .grid item new {
    display: block;
    font-size: 42px;
    font-weight: 700;
    color: #458eff;
}

.domainsMostPopular .grid item new span {
    display: inline-block;
    font-size: 24px;
    font-weight: 300;
}

.domainsMostPopular .grid item a.BUTTON {
    padding: 0 10px;
}

.domainsMostPopular .grid item a.BUTTON ico.zap {
    transform: rotate(-90deg) scale(0.85) translateY(-9px);
}

.domainsMostPopular .grid item a.BUTTON ico.zap2 {
    transform: rotate(-90deg) scale(0.85) translateY(-9px);
}

.domainsMostPopular .grid item btn {
    display: block;
    margin-top: 15px;
}

.domainsMostPopular .grid item btn a.BUTTON {
    width: 100%;
}

a.viewAllDomains {
    display: block;
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    padding: 25px;
    box-sizing: border-box;
    background-color: #ecf3ff;
    border: 1px dashed #dbdbdb;
    border-radius: 50px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    transition: .35s ease-out;
}

a.viewAllDomains:hover {
    color: #FFF;
    background-color: #1a64d6;
    border: 1px dashed #1a64d6;
    transition: .15s ease-out;
}

a.BIG-blue {
    display: block;
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    padding: 25px;
    box-sizing: border-box;
    background-color: #458eff;
    border: 1px dashed #458eff;
    border-radius: 50px;
    text-align: center;
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    transition: .35s ease-out;
}

a.BIG-blue:hover {
    background-color: #1a64d6;
    border: 1px dashed #1a64d6;
    transition: .15s ease-out;
}

.domainsAllList {
    width: 100%;
    max-width: 1220px;
    margin: 30px auto 0;
}

.domainsAllList .ROW {
    display: grid;
    grid-template-areas: 'name P1 P2 P3 P4';
    grid-template-columns: 1fr 1fr 1fr 1fr 230px;
    grid-template-rows: auto;
    grid-gap: 0px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #dbdbdb;
}

.domainsAllList .ROW cell {
    display: block;
    align-self: center;
    text-align: left;
}

.domainsAllList .ROW lab {
    display: none;
}

.domainsAllList .ROW .name	{ grid-area: name; }
.domainsAllList .ROW .P1	{ grid-area: P1; }
.domainsAllList .ROW .P2	{ grid-area: P2; }
.domainsAllList .ROW .P3	{ grid-area: P3; }
.domainsAllList .ROW .P4	{ grid-area: P4; text-align: right;}

.domainsAllList .ROW .name {
    position: relative;
    justify-content: flex-start;
    font-size: 36px;
    font-weight: 800;
    padding-left: 10px;
}

.domainsAllList .ROW.border-top {
    border-top: 1px solid #dbdbdb;
    margin-top: 30px;
}

.domainsAllList .ROW.small .name {
    font-size: 29px;
    font-weight: 600;
    padding-top: 6px;
    padding-bottom: 6px;
}

.domainsAllList .ROW old {
    display: inline-block;
    text-decoration: line-through;
    margin-left: 10px;
    color: #999;
    vertical-align: 4px;
}

.domainsAllList .ROW new {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
}

.domainsAllList .ROW .P1 new {
    color: #458eff;
}

.domainsAllList .ROW.head {
    position: sticky !important;
    top: 0;
    z-index: 2;
    background: #e3e3e3;
    border: none;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
}

.domainsAllList .ROW.head .name {
    font-size: inherit;
    font-weight: inherit;
    text-transform: none;
}

.domainsAllList .ROW.head .P1 {
    color: #458eff !important;
}

.domainsAllList .ROW.head .P4 {
    text-align: center;
}

.domainsAllList .ROW.head .name div {
    padding: 10px 0;
    background: linear-gradient(to right, #e3e3e3 0%, #f5f5f5 70%, #f5f5f5 100%);
}

.domainsAllList .ROW.head .P1 div {
    padding: 10px 0;
    background: linear-gradient(to right, #f5f5f5 0%, #f5f5f5 50%, #e3e3e3 100%);
}

.domainsAllList .Partners {
    margin: 40px auto 45px;
}

.breadcrumbs {
    width: 100%;
    max-width: 1220px;
    margin: 12px auto 0;
}

.breadcrumbs span {
    display: inline-block;
    background: url(/img/ico/breadcrumbs-arrow.svg) right 8px center no-repeat;
    background-size: 5px 10px;
    padding-right: 26px;
    font-size: 14px;
}

.breadcrumbs span:last-of-type {
    background: none;
    padding-right: 0;
    text-transform: uppercase;
}

.breadcrumbs span a {
    display: inline-block;
    color: #458eff;
    text-decoration: none;
    line-height: 24px;
}

.breadcrumbs span a:hover {
    text-decoration: none;
    color: #666;
}

.breadcrumbs span a.home {
    background: url("/img/ico/logo-cloud-blue.svg") 0 center no-repeat;
    padding-left: 40px;
}

.domainResults {
    width: 100%;
    max-width: 960px;
    margin: 30px auto 0;
}

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

.domainResults .head .title {
    font-weight: 700;
    font-size: 32px;
    font-style: normal;
    line-height: 36px;
    margin-bottom: -5px;
}

.domainResults .head p {
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
}

.domainResults .head p strong {
    color: #458eff;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
}

.domainResults.type2 .head p strong {
    color: #666666;
    font-size: 28px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 7px;
    display: inline-block;
}

.domainResults.type2 .head p num {
    display: block;
    color: #AAA;
    font-size: 52px;
    font-weight: 300;
    font-style: normal;
}

.domainResults.type2 .head p num img {
    height: 32px;
}

.domainResults.type2 .title {
    font-size: 45px;
    line-height: 53px;
    font-weight: 600;
}

.domainResults .ROW {
    display: grid;
    grid-template-areas:
        'ico name price cBox';
    grid-template-columns: 32px 1fr 200px 150px;
    grid-template-rows: auto;
    grid-gap: 0 25px;
    font-size: 20px;
    font-weight: 300;
    padding: 15px 15px 15px 15px;
    border-bottom: 1px solid #dbdbdb;
    transition: .2s;
}

.domainResults .ROW .ico	{ grid-area: ico; }
.domainResults .ROW .name	{ grid-area: name; align-self: center; }
.domainResults .ROW .price	{ grid-area: price; align-self: center; }
.domainResults .ROW .cBox	{ grid-area: cBox; align-self: center; }

.domainResults .ROW.borderTop {
    border-top: 1px solid #dbdbdb;
}

.domainResults .ROW.colorize {
    background-color: #ecf3ff;
}

.domainResults .ROW .ico {
    display: inline-block;
    align-self: start;
    align-content: normal;
    height: 50px;
    background: url(/img/ico/cb-blue.svg) 0 10px no-repeat;
    background-size: 32px auto;
    opacity: .3;
    transition: .1s;
}

.domainResults .ROW.colorize .ico {
    opacity: 1;
}

.domainResults .ROW.colorize .name strong {
    color: #458eff;
}

.domainResults .ROW .name {
    position: relative;
}

.domainResults .ROW .name name {
    display: inline-block;
    color: #777;
    font-size: 22px;
    font-weight: 500;
}

.domainResults .ROW .name strong {
    color: #666;
    font-size: 26px;
    transition: .1s;
}

.domainResults .ROW .name span {
    display: block;
    margin-top: 1px;
    color: #458eff;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
}

.domainResults .ROW .price {
    font-size: 26px;
    font-weight: 700;
    text-align: left;
}

.domainResults .ROW .price old {
    display: inline-block;
    text-decoration: line-through;
    margin-left: 5px;
    color: #999;
    font-size: 18px;
    font-weight: 400;
    vertical-align: 5px;
}

.domainResults .ROW .price span {
    display: block;
    color: #666;
    font-size: 13px;
    font-weight: 300;
    line-height: 19px;
}

.domainResults .ROW .price pr.animate {
    animation: sslPriceAn 0.55s cubic-bezier(.36,.07,.19,.97) both;
}

.domainResults .ROW .num span {
    font-size: 17px;
}

.domainResults .ROW .cBox {
    line-height: 0;
    padding-left: 15px;
    text-align: right;
}

.domainResults .ROW .cBox .rezonSwitch .switchWrap {
    position: absolute;
    top: 1px;
    left: 0;
    right: auto;
}

.domainResults .ROW .cBox .rezonSwitch {
    padding-left: 47px;
    transform: scale(1.2);
    transform-origin: center right;
    line-height: 24px;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer;
}

.domainResults .TOP {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #e3e3e3;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0;
}

.domainResults .TOP .grid {
    display: grid;
	grid-template-areas:
		'num price button';
	grid-template-columns: 1fr 1fr auto;
	grid-template-rows: auto;
	grid-gap: 20px;
    padding: 0px 10px 0 15px;
    font-size: 18px;
}

.domainResults .TOP .grid .num {
    grid-area: num;
    align-self: center;
}

.domainResults .TOP .grid .price {
    grid-area: price;
    align-self: center;
    text-align: right;
}

.domainResults .TOP .grid .button {
    grid-area: button;
    align-self: center;
}

.domainResults .TOP .grid strong num {
    font-size: 20px;
}

.domainResults .TOP .animate {
    animation: sslPriceAn 0.55s cubic-bezier(.36,.07,.19,.97) both;
}

.domainResults .moreDomains {
    display: none;
}

.domainResults .moreDomains.show {
    animation: showResultsAn .75s ease-out;
}

.results-wrapper {
    display: none;
}

.results-wrapper.show {
    animation: showResultsAn .75s ease-out;
}

@keyframes showResultsAn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.loader-wrapper {
    position: relative;
    width: 100%;
    max-width: 1220px;
    margin: 60px auto 0;
    text-align: center;
    padding: 80px 15px 40px;
    box-sizing: border-box;
}

.loader-wrapper span {
    display: block;
    font-size: 23px;
    font-weight: 500;
}

.loader {
  position: absolute;
  margin-top: -60px;
  left: 40%;
  margin-left: 10%;
  transform: translate3d(-50%, -50%, 0);
}
.dot {
  width: 24px;
  height: 24px;
  margin: 0 3px;
  background: #3ac;
  border-radius: 100%;
  display: inline-block;
  animation: slide 1s infinite;
}
.dot:nth-child(1) {
  animation-delay: 0.1s;
  background: #558efe;
}
.dot:nth-child(2) {
  animation-delay: 0.2s;
  background: #4ac3c8;
}
.dot:nth-child(3) {
  animation-delay: 0.3s;
  background: #a7e1e1;
}
.dot:nth-child(4) {
  animation-delay: 0.4s;
  background: #faaacc;
}
.dot:nth-child(5) {
  animation-delay: 0.5s;
  background: #f5649d;
}
@-moz-keyframes slide {
  0% {
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(4);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes slide {
    0% {
        transform: scale(1);
    }
    50% {
        opacity: 0.3;
        transform: scale(4);
    }
    100% {
        transform: scale(1);
    }
}
@-o-keyframes slide {
    0% {
        transform: scale(1);
    }
    50% {
        opacity: 0.3;
        transform: scale(4);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes slide {
    0% {
        transform: scale(1);
    }
    50% {
        opacity: 0.3;
        transform: scale(4);
    }
    100% {
        transform: scale(1);
    }
}

.uslugi {
	width: 1220px;
	margin: 0 auto;
	padding: 25px 0px 30px;
	text-align: center;
}

.uslugi .title {
	font-size: 45px;
    line-height: 53px;
    font-weight: 600;
}

.uslugi .subtitle {
    margin-top: 15px;
    font-size: 52px;
    line-height: 52px;
    font-weight: 300;
}

.uslugi .subtitle a {
    display: inline-block;
	font-weight: 700;
}

.uslugi .subtitle a:hover {
	color: #458eff;
    text-decoration: underline;
}

.uslugi .grid {
    display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 25px;
	margin-top: 40px;
	text-align: center;
}

.uslugi .grid3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.uslugi .grid div.box {
    display: inline-block;
    padding: 20px 15px 25px;
    box-sizing: border-box;
    align-items: center;
    background-color: #FFF;
    border-radius: 10px;
    justify-content: center;
    border: 1px solid hsla(0, 0%, 9%, .04);
    box-shadow: 0 2px 5px -21px hsla(0, 0%, 9%, .08), 0 5px 15px -1px hsla(0, 0%, 9%, .16);
    font-size: 14px;
    font-weight: 400;
    cursor: default;
    color: #666;
    transition: .15s ease-in-out;
}

.uslugi .grid ico {
    display: inline-block;
    line-height: 0;
}

.uslugi .grid ico img {
	width: 80px;
    height: 80px;
    padding: 0 10px;
    transition: .20s ease-in-out;
}

.uslugi .grid strong {
    display: block;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 26px;
	font-weight: 700;
}

.uslugi .grid span.info {
    display: block;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 300;
}

.uslugi .grid .price {
    position: relative;
	margin-top: 0px;
	text-align: center;
}

.uslugi .grid .price div:nth-child(1) {
	display: inline-block;
	color: #458eff;
	font-size: 60px;
	font-weight: 800;
}

.uslugi .grid .price div:nth-child(1) span {
	display: inline-block;
	vertical-align: 16px;
	font-size: 36px;
}

.uslugi .grid .price old {
	position: absolute;
    transform: translate(-100%);
    margin-top: 22px;
    margin-left: -10px;
    background: #FFF;
    color: #458eff;
    font-size: 17px;
    font-weight: 400;
    text-decoration: line-through;
}

.uslugi .grid .price img {
	position: absolute;
    height: 66px;
    margin-top: 5px;
    margin-left: 7px;
}

.uslugi .grid .priceInfo {
	margin-top: -10px;
	color: #458eff;
	font-size: 16px;
	text-align: center;
}

.uslugi .grid btn {
    display: block;
    margin-top: 15px;
    position: relative;
}

.uslugi .grid btn a {
    display: inline-block !important;
}

.uslugi .grid price b {
    font-size: 23px;
    font-weight: 600;
}

.uslugi .grid a.BUTTON {
    display: block;
}

.uslugi .note {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
}

.uslugi.small {
    padding: 10px 0px 25px;
}

.uslugi.small .grid div.box {
    padding: 0;
}

.uslugi.small .grid {
    margin-top: 0px;
    grid-gap: 15px;
}

.uslugi.small a {
    display: block;
    padding: 30px 15px 25px;
}

.grid-wallpaper {
    display: grid;
	grid-template-areas:
		'main side';
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 20px;
    text-align: left;
    margin-bottom: 30px;
}

.grid-wallpaper .main	{ grid-area: main; }
.grid-wallpaper .side	{ grid-area: side; }

.grid-wallpaper .main {
    min-height: 305px;
    padding: 20px 25px;
    box-sizing: border-box;
    border-radius: 10px;
    background: linear-gradient(-194deg, #6c64ab, #3256ab);
    color: #FFF;
}

.grid-wallpaper .main .title-wallpaper {
    display: inline-block;
    font-size: 44px;
    line-height: 46px;
    font-weight: 600;
     filter: drop-shadow(0 6px 34px #d2ebf7);
}

.grid-wallpaper .main .subtitle-wallpaper {
    display: block;
    margin-top: 15px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    border-radius: 15px;
}

.grid-wallpaper .main .icons {
    margin-top: 10px;
}

.grid-wallpaper .main .icons span {
    display: inline-block;
    margin-right: 20px;
    color: #d2f7e8;
    font-size: 22px;
    line-height: 48px;
    font-weight: 600;
    background: 0 center no-repeat;
}

.grid-wallpaper .main .icons span.fast {
    background-image: url("/img/ico/wallpaper-flash.svg");
    padding-left: 46px;
}

.grid-wallpaper .main .icons span.secure {
    background-image: url("/img/ico/wallpaper-security.svg");
    padding-left: 40px;
}

.grid-wallpaper .main .icons span.trust {
    background-image: url("/img/ico/wallpaper-trust.svg");
    padding-left: 45px;
}

.grid-wallpaper .main .icons span:last-of-type {
    margin-right: 0px;
}

.grid-wallpaper .main .button-grid {
    display: grid;
	grid-template-areas:
		'btn price';
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 0px;
    text-align: left;
    margin-top: 25px;
}

.grid-wallpaper .main .button-grid .btn    { grid-area: btn; align-self: end; }
.grid-wallpaper .main .button-grid .price  { grid-area: price; }

.grid-wallpaper .main .button-grid .price {
    text-align: right;
    font-size: 18px;
    font-weight: 300;
}

.grid-wallpaper .main .button-grid .price span {
    display: inline-block;
    text-align: right;
    font-size: 73px;
    line-height: 32px;
    font-weight: 600;
    margin-left: 6px;
    vertical-align: -5px;
}

.grid-wallpaper .main .button-grid .price span span {
    font-size: 45px;
    line-height: 28px;
    font-weight: 300;
    margin-left: 0;
    vertical-align: 0;
}

.grid-wallpaper .side {
    position: relative;
    align-self: stretch;
    background: url(/img/wallpaper-cloud.jpg) center center no-repeat;
    padding: 20px 25px;
    box-sizing: border-box;
    border-radius: 10px;
}

.grid-wallpaper .side .wrapper {
    position: absolute;
    bottom: 20px;
    left: 25px;
    right: 25px;
}

.grid-wallpaper .side .domain-grid {
    display: grid;
	grid-template-areas:
		'txt btn';
	grid-template-columns: 1fr auto;
	grid-template-rows: auto;
	grid-gap: 20px;
}

.grid-wallpaper .side .domain-grid .txt  { grid-area: txt; align-self: end; }
.grid-wallpaper .side .domain-grid .btn  { grid-area: btn; text-align: right; align-self: end; }

.grid-wallpaper .side .domain-grid .txt {
    color: #1589b7;
    font-size: 17px;
    font-weight: 400;
}

.grid-wallpaper .side .clouds{
    margin-bottom: 15px;
}

.grid-wallpaper .side .clouds a {
    display: inline-block;
    margin-bottom: 6px;
    background: #FFF;
    border-radius: 50px;
    padding: 7px 15px;
    color: #f5649d;
    transition: .2s ease-in-out;
}

.grid-wallpaper .side .clouds a:hover {
    color: #FFF;
    background-color: #db3773;
}

.grid-wallpaper .side .clouds a:last-of-type {
    margin-bottom: 0;
}

.grid-wallpaper .side .clouds a ico {
    display: inline-block;
    line-height: 0;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: -3px;
    background: 0 0 no-repeat;
    transition: transform .2s ease-in-out;
}

.grid-wallpaper .side .clouds a ico.porveri {
    background-image: url("/img/ico/banner-search.svg");
}

.grid-wallpaper .side .clouds a ico.izberi {
    background-image: url("/img/ico/banner-choice.svg");
}

.grid-wallpaper .side .clouds a ico.registrirai {
    background-image: url("/img/ico/banner-register.svg");
}

.grid-wallpaper .side .clouds a:hover ico {
    transform: scale(1.17);
    background-position: 0 -30px;
}

.grid-wallpaper .side a.BG {
    position: absolute;
    z-index: 2;
    top: 97px;
    right: 27px;
    width: 160px;
    height: 160px;
    padding-top: 12px;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    margin-bottom: 6px;
    background: #FFF;
    border-radius: 100px;
    color: #00b151;
    font-size: 48px;
    font-weight: 800;
    transition: .2s ease-in-out;
    transform: rotate(15deg);
}

.grid-wallpaper .side a.BG:hover {
    transform: rotate(5deg) scale(1.35) translateX(-5px);
}

.grid-wallpaper .side a.BG price {
    display: block;
    margin-top: -16px;
    font-size: 42px;
    font-weight: 700;
    transform: translateX(-10px);
}

.grid-wallpaper .side a.BG price span {
    font-size: 28px;
    font-weight: 400;
}

.grid-wallpaper .side a.BG info {
    display: block;
    margin-top: -8px;
    font-size: 18px;
    font-weight: 300;
    transform: translateX(6px);
}

.grid-wallpaper .side .COM {
    position: absolute;
    z-index: 3;
    top: 22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: -16px;
    width: 160px;
    height: 160px;
    padding-top: 12px;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    margin-bottom: 6px;
    border-radius: 100px;
    color: #ff629b;
    font-size: 58px;
    font-weight: 800;
    transition: .2s ease-in-out;
    cursor: default;
    user-select: none;
}

.grid-wallpaper .side .COM price {
    display: block;
    margin-top: -29px;
    font-size: 55px;
    font-weight: 700;
    transform: translateX(26px);
}

.grid-wallpaper .side .COM price span {
    font-size: 36px;
    font-weight: 400;
}

.grid-wallpaper .side .COM info {
    display: block;
    margin-top: -18px;
    font-size: 20px;
    font-weight: 300;
    transform: translateX(9px);
}

.blog-list {
    width: 1220px;
    margin: 0 auto;
    padding: 35px 0px 30px;
    text-align: center;
}

.blog-list articles {
    display: block;
    columns: 2;
    column-gap: 20px;
}

.blog-list articles.more {
    display: none;
}

.blog-list articles.more2 {
    display: none;
}

.blog-list articles a {
    display: inline-block;
    margin-bottom: 60px;
    color: #666;
}

.blog-list articles a:hover {
    color: #458eff;
}

.blog-list a img {
    object-fit: cover;
	width: 100%;
	height: 335px;
}

.blog-list a div:nth-child(2){
    margin-top: 10px;
    font-size: 32px;
    line-height: 38px;
    font-weight: 600;
}

.blog-list a div:nth-child(3){
    margin-top: 10px;
    font-size: 19px;
    font-weight: 400;
}

.blog-list a div:nth-child(4){
    margin-top: 10px;
    color: #666;
    font-size: 16px;
    font-weight: 300;
}

.blog-article-page {
    display: grid;
	grid-template-areas:
		'main side';
	grid-template-columns: 1fr 300px;
	grid-gap: 50px;
    width: 1220px;
    margin: 0 auto;
    padding: 35px 0px 30px;
}

.blog-article-page .main	{ grid-area: main; }
.blog-article-page .side	{ grid-area: side; }

.blog-article-page .main h1 {
    margin: 0;
    font-size: 38px;
    line-height: 46px;
    font-weight: 600;
}

.blog-article-page .main h2 {
    margin: 15px 0 0;
    font-size: 21px;
    font-weight: 400;
}

.blog-article-page .main h3 {
    margin: 40px 0;
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    border-bottom: 1px solid #e0e0e0;
}

.blog-article-page .main date {
    display: block;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 300;
}

.blog-article-page .main article {
    display: block;
    margin-top: 15px;
    font-size: 16px;
}

.blog-article-page .main article img {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 40px;
    border-radius: 5px;
}

.blog-article-page .main .fs18 {
    font-size: 18px;
}

.blog-article-page .main p {
    font-size: 16px;
    line-height: 24px;
}

.blog-article-page .main ul {
    margin: 25px 0;
}

.blog-article-page .main li {
    margin-bottom: 10px;
    line-height: 24px;
}

.blog-article-page .main a {
    font-weight: 600;
}

.blog-article-page .main a.back {
    text-decoration: none;
    margin-top: 50px;
    font-weight: 600;
}

.blog-article-page .main a.back:hover {
    color: #FFF;
}

.blog-article-page .side .sticky {
    position: sticky;
    top: 20px;
}

.blog-article-page .side more {
    display: block;
}

.blog-article-page .side more div {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
}

.blog-article-page .side more a {
    display: block;
    margin-bottom: 15px;
    line-height: 22px;
    font-size: 16px;
}

.blog-article-page .side more a:last-of-type {
    margin-bottom: 0;
}

.blog-article-page .side partner {
    display: block;
    margin-top: 30px;
    padding: 20px 20px;
    border-radius: 20px;
    overflow: hidden;
    background: #458eff;
    color: #FFF;
    text-align: center;
}

.blog-article-page .side partner div {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
}

.blog-article-page .side partner span {
    display: block;
    margin-top: 20px;

}

.blog-article-page .side partner span:first-of-type {
    border-bottom: 3px dashed #fffdfb;
    padding-bottom: 21px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
}

.blog-article-page .side partner span:last-of-type {
    font-size: 18px;
    font-weight: 300;
}

.blog-article-page .side partner a {
    width: 100%;
    margin-top: 20px;
}

.blog-article-page .side partner a.BUTTON {
    color: #555;
    border-color: #FFF;
}

.blog-article-page .side partner a.BUTTON:hover {
    color: #596f8f;
    background: #FFF;
    border-color: #458eff66;
}

popup {
    display: none;
    opacity: 0;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    max-width: 600px;
    padding: 20px 25px;
    box-sizing: border-box;
    background: #FFF;
    box-shadow: 0 0 33px #558efe33;
    border-radius: 10px;
}

popup.show {
    display: block;
    animation: popupZoomIn 0.35s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes popupZoomIn {
	0% {
		opacity: 0;
		transform: translateY(-50%) translateX(-50%) scale(0.5);
	}
	100% {
		opacity: 1;
		transform: translateY(-50%) translateX(-50%) scale(1);
	}
}

popup .title {
    display: grid;
	grid-template-columns: 1fr auto;
	grid-gap: 10px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
}

popup .title a {
    display: block;
    margin-top: -4px;
    width: 38px;
    height: 38px;
    box-shadow: 0 0 0 1px #BBB;
    border-radius: 50px;
    background: url("/img/ico/close-popup.svg") center 11px no-repeat;
}

popup .title a:hover {
    background-position: center -19px;
}

popup .subTitle {
    margin-top: 15px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

popup info {
    display: block;
    margin-top: 15px;
}

popup buttons {
    display: grid;
	grid-template-areas:
		'btn1 btn2';
	grid-template-columns: 1fr auto;
	grid-gap: 10px;
    margin-top: 20px;
}

popup buttons .btn1	{ grid-area: btn1; }
popup buttons .btn2	{ grid-area: btn2; }

popup buttons div {
    text-align: right;
}

popup buttons2 {
    display: none;
	grid-template-columns: 1fr;
    margin-top: 20px;
    text-align: right;
}

popup label {
    font-size: 17px;
    font-weight: 600;
}

popup label input[type="text"] {
    margin-top: 6px;
    width: 100%;
}

popup .dowbleForms {
    display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}

popup .rezonSwitch {
    font-size: 14px !important;
}

popup .rezonSwitch .switchWrap {
    top: -1px;
}

.orderPageGrid .main box .error .title, .PartnerShipContacts .forms .error .label {
    color: #ff4a72;
    font-weight: 700;
}

popup label.error {
    color: #ff4a72;
}

popup label.error input[type="text"] {
    border-color: #ff4a72;
    background-color: #f5e2e7;
}

popup alert {
    display: none;
    margin-top: 5px;
    color: #ff4a72;
    font-size: 14px;
    line-height: 19px;
    background: url(/img/alert-pink.svg) 0 2px no-repeat;
    padding-left: 28px;
}

popup done {
    display: none;
    margin-top: 5px;
    color: #458eff;
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
}

.ou-list {
    margin-top: 40px;
}

.ou-list a {
    display: inline-block;
    padding: 4px 0 4px 40px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600 !important;
    text-decoration: underline;
    background: url("/img/ico/download.svg") 0 2px no-repeat;
}

.ou-list a:hover {
    background-position: 0 -148px;
    text-decoration: none;
}

.ou-list a:last-of-type {
    margin-bottom: 0;
}

.ou-list.links a {
    background: url("/img/ico/link.svg") 0 2px no-repeat;
}

.ou-list.links a:hover {
    background-position: 0 -146px;
}

.ou-list a div {
    color: #999;
    font-size: 15px;
    font-weight: 400;
}

p.razdel {
    display: block;
    position: relative;
    margin-bottom: 10px;
    margin-top: 40px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}

p.razdel strong {
    font-weight: 600;
}


/* EURO STYLES */

.uslugi .grid .price.EURO {
    border-top: 1px solid #EEE;
    margin-top: 15px;
    padding-top: 10px;
}

.grid-wallpaper .main .button-grid .price euro {
    font-size: 26px;
    display: block;
    margin-bottom: -6px;
    text-align: right;
}

.domainsSEARCH .dItems a.ditem euro {
    display: block;
    margin-top: 5px;
    opacity: .65;
}

.grid-wallpaper .side .COM euro {
    display: block;
    margin-top: 4px;
    font-size: 18px;
    line-height: 29px;
    font-weight: 300;
    transform: translateX(9px) rotate(356deg);
    background: #e86c9a;
    color: #FFF;
    border-radius: 18px;
}

.grid-wallpaper .side a.BG euro {
    display: block;
    margin-top: 4px;
    font-size: 18px;
    line-height: 29px;
    font-weight: 300;
    transform: translateX(9px) rotate(356deg);
    background: #70b171; /* 57ae59 */
    color: #FFF;
    border-radius: 18px;
}

.vpsPlans plan .price.EURO {
    border-top: 1px solid #dbdbdb;
    margin-top: 20px;
    padding-top: 10px;
}

.vpsPlans plan.C .price.EURO {
    border-color: #97b9fb;
}

.comparePlans .price.EURO {
    border-top: 1px solid #dbdbdb;
    margin-top: 20px;
    padding-top: 10px;
}

.morePlans .ROW .price .pDiscount span:nth-of-type(2) {
    margin-top: -1px;
    display: block;
    opacity: .7;
}

.domainsMostPopular .grid item new:nth-of-type(2) {
    margin-top: -10px;
}

.domainResults .ROW {
    grid-template-columns: 32px 1fr 265px 150px;
}

.SSL3 .grid item .price.euro {
    margin-top: 0;
}

.uslugi .grid .price.euro {
    border-top: 1px solid #EEE;
    margin-top: 15px;
    padding-top: 10px;
}

/* PAGINATION STYLES */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
    margin-bottom: 20px;
}

.pagination-btn {
    display: inline-block;
    padding: 0 26px;
    box-sizing: border-box;
    line-height: 46px;
    border: 1px solid #458eff;
    border-radius: 50px;
    background: #458eff;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pagination-btn:hover {
    color: #FFF;
    background: #1a64d6;
    border-color: #1a64d6;
    text-decoration: none;
}

.pagination-btn:active {
    transform: translateY(1px);
}

.pagination-btn.prev-btn {
    background: #666;
    border-color: #666;
}

.pagination-btn.prev-btn:hover {
    background: #4a4a4a;
    border-color: #4a4a4a;
}

.pagination-btn.next-btn {
    background: #458eff;
    border-color: #458eff;
}

.pagination-btn.next-btn:hover {
    background: #1a64d6;
    border-color: #1a64d6;
}