@charset "utf-8";

@font-face {
    font-family: 'open sans';
    src: url('fonts/opensans-light-webfont.woff2') format('woff2'),
         url('fonts/opensans-light-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'open sans';
    src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open sans';
    src: url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'open sans';
    src: url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'exo';
    src: url('fonts/exo-light-webfont.woff2') format('woff2'),
         url('fonts/exo-light-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'exo';
    src: url('fonts/exo-regular-webfont.woff2') format('woff2'),
         url('fonts/exo-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exo';
    src: url('fonts/exo-semibold-webfont.woff2') format('woff2'),
         url('fonts/exo-semibold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 0;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('../img/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}

/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

* {
	box-sizing: border-box;
}

*:focus {
    outline: none;
}

a, a:hover, a:active {
	text-decoration: none;
}

html, body {
	position: relative;
	overflow-x: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
	position: relative;
	font-family: 'open sans', Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	background-color: #fff;
	color: #444;
	margin: 0;
	padding: 0;
}

strong {
	font-weight: bold;
}

h1 {
	position: relative;
	display: block;
	font-family: 'exo', 'open sans', Arial, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #246a73;
	margin: 0;
	padding: 0 0 5px 0;
	text-align: center;
}

h2 {
	position: relative;
	display: block;
	font-family: 'exo', 'open sans', Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #028090;
	margin: 0;
	padding: 0;
	text-align: center;
}

h3 {
	position: relative;
	display: block;
	font-family: 'exo', 'open sans', Arial, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #05668d;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}

h4 {
	position: relative;
	display: block;
	font-family: 'exo', 'open sans', Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #444;
	margin: 0;
	padding: 0;
	text-align: left;
}

p {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

.blue {
	color: #05668d;
}

.blue-b {
	color: #02c39a;
}

.red {
	color: #028090;
}

.yellow {
	color: #83c5be;
}

.clear::before, .clear::after {
	content: '';
	display: table;
}

.clear::after {
	clear: both;
}

.clear {
	zoom: 1;
}

.header-palceholder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background-color: #16697a;
	z-index: 0;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	background-color: #16697a;
	color: #fff;
	font-size: 0;
	width: 100%;
	height: 80px;
	z-index: 999;
}

header .right {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 25px;
	height: 40px;
	margin: auto 0;
}

header .logo {
	display: block;
	position: absolute;
	top: 13px;
	left: 25px;
	width: 180px;
	height: 50px;
	background-position: -110px -204px;
}

header .menu {
	display: block;
	position: absolute;
	left: 200px;
	height: 60px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

header .menu a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	padding: 0 7px 0 55px;
	line-height: 60px;
	opacity: 0.9;
	transition: opacity 200ms;
	font-weight: 600;
}

header .menu a:hover {
	opacity: inherit;
	color: #ede7e3;
}

header .menu a.active {
	opacity: 1;
	cursor: default;
}

header .menu a.m-hosting {
	padding-left: 66px;
}

header .menu a.m-partner {
	padding-left: 57px;
}

header .menu a.m-account {
	padding-left: 53px;
	color: #f0f3bd;
}

header .menu a::after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

header .menu a.m-home::after {
	background-position: 0px -144px;
}

header .menu a.m-domains::after {
	background-position: -30px -144px;
}

header .menu a.m-servers::after {
	background-position: -60px -144px;
}

header .menu a.m-licenses::after {
	background-position: -16px -234px;
}

header .menu a.m-cloud::after {
	background-position: 0px -174px;
}

header .menu a.m-hosting::after {
	width: 42px;
	background-position: -30px -174px;
}

header .menu a.m-partner::after {
	width: 32px;
	background-position: -72px -174px;
}

header .menu a.m-contact::after {
	background-position: 0px -204px;
}

header .menu a.m-account::after {
	background-position: -30px -204px;
}

header a.icon {
	position: relative;
	display: inline-block;
	width: 26px;
	height: 26px;
	opacity: 0.5;
	vertical-align: top;
	margin: 6px;
	transition: opacity 200ms;
}

header a.icon:hover {
	opacity: 1;
}

header a.icon.phone {
	background-position: 0px 0px;
}

header a.icon.email {
	background-position: -26px 0px;
}

header .nav-menu {
	display: none;
	position: relative;
	vertical-align: top;
	width: 43px;
	height: 43px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

header .nav-menu span {
	display: block;
	position: absolute;
	height: 2px;
	width: 50%;
	background: #999;
	border-radius: 15px;
	opacity: 1;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

header .nav-menu span:nth-child(1) {
	top: 10px;
}

header .nav-menu span:nth-child(2),
header .nav-menu span:nth-child(3) {
	top: 18px;
}

header .nav-menu span:nth-child(4) {
	top: 26px;
}

header .nav-menu.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

header .nav-menu.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

header .nav-menu.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

header .nav-menu.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

header .top-news {
	position: relative;
	display: inline-block;
	height: 40px;
	border: 1px solid  #028090;
	border-radius: 5px;
	margin-left: 10px;
}

header .top-news .top-news-swiper {
	display: inline-block;
	position: relative;
	width: 320px;
	height: 100%;
	padding: 0 10px;
	margin-left: 5px;
	vertical-align: top;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

header .top-news .top-news-swiper::after {
	content: '';
	position: absolute;
	top: 24%;
	left: 0;
	width: 1px;
	height: 52%;
	background-color: rgba(255, 255, 255, 0.2);
}

header .top-news .top-news-swiper .swiper-slide {
	width: 100%;
	display: block;
	line-height: 37px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

header .top-news .news-left,
header .top-news .news-right {
	display: inline-block;
	position: relative;
	transform: scale(0.4);
	top: -22%;
	width: 26px;
}

header .top-news .news-left.prev-arrow .border,
header .top-news .news-right.next-arrow .border {
	background-color: #fff;
}

header .top-news .news-left.prev-arrow .border.hover,
header .top-news .news-right.next-arrow .border.hover {
	background-color: #02c39a;
}

header .top-news .news-left.inactive,
header .top-news .news-right.inactive {
	opacity: 0.2;
	cursor: default;
}

.cover {
	position: relative;
	display: block;
	width: 100%;
	height: calc(100vh - 80px);
	background-color: #028090;
	margin-top: 80px;
	overflow: hidden;
}

.cover .wheel-icon {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAgCgkuc3Qwe29wYWNpdHk6MDtmaWxsOiNGRkZGRkY7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPjxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE4OC44IDkzLjlsOC4yLTAuNmMtMC40LTUuNi0xLjItMTEtMi41LTE2LjNsLTguNiAxLjggLTQuMy0xMy43IDcuNy0zLjZjLTItNC43LTQuNC05LjItNy4yLTEzLjVsLTcuOCA0LjIgLTguNi0xMS41IDYuMS02LjFjLTMuNi00LTcuNi03LjctMTEuOC0xMWwtNS44IDcuMSAtMTAuOC04LjYgMy42LTcuMWMtNC43LTIuNi05LjctNC45LTE0LjktNi43bC0zLjggOC44IC0xMy00LjMgMS4yLTguNWMtNS4xLTAuOS0xMC4zLTEuNC0xNS43LTEuNGwtMC42IDkuMiAtMTQuNCAwLjdMODQuOSA0Yy01LjQgMC44LTEwLjYgMi4xLTE1LjYgMy44bDIuNSA5LjIgLTEyLjkgNUw1NSAxMy45Yy00LjkgMi42LTkuNSA1LjUtMTMuOSA4LjlsNS41IDcuOSAtMTAuOCA4LjZMMjkgMzMuN0MyNS40IDM3LjcgMjIgNDIgMTkgNDYuNWw3LjUgNSAtNy4yIDEyLjIgLTcuOS0zLjRjLTIuMiA0LjktNCAxMC4xLTUuNCAxNS40bDguMyAyLjQgLTIuOCAxMy43IC04LTEuMmMtMC4zIDMuMS0wLjUgNi4yLTAuNSA5LjQgMCAyLjMgMC4xIDQuNiAwLjIgNi45bDguOSAwLjYgMS40IDEyLjkgLTguMSAxLjdjMS4zIDUuNCAyLjkgMTAuNSA1IDE1LjVsOC4xLTIuOSA1LjcgMTIuOSAtNi4yIDQuNWMyLjggNC40IDYgOC42IDkuNSAxMi41bDYtNS40IDUgNSA1IDUgLTQuNiA2LjNjNC4yIDMuNCA4LjggNi41IDEzLjUgOS4ybDQtNi44IDEyLjIgNi41IC0yLjEgNi45YzUgMS44IDEwLjEgMy4yIDE1LjUgNC4yTDg0IDE4OGwxMy42IDIuMnY3YzAuOCAwIDEuNyAwIDIuNSAwIDUuNCAwIDEwLjctMC40IDE1LjgtMS4zbC0xLjEtNy45IDE0LjQtMi45IDEuOCA3LjFjNS40LTEuOCAxMC42LTQuMSAxNS41LTYuOGwtMy43LTYuNyAxMi4yLTcuMiA0LjQgNS41YzQuMi0zLjMgOC4yLTYuOSAxMS45LTEwLjhsLTUuNS01LjUgOC42LTEwLjggNi42IDMuOGMzLTQuNiA1LjctOS40IDgtMTQuNWwtNy40LTMuNyA1LTEyLjIgNy41IDEuMWMxLjMtNS4xIDIuMi0xMC4zIDIuNy0xNS43bC04LjEtMC42VjkzLjl6TTEwMCAxNjIuNmMtMzQuNiAwLTYyLjYtMjgtNjIuNi02Mi42czI4LTYyLjYgNjIuNi02Mi42YzM0LjYgMCA2Mi42IDI4IDYyLjYgNjIuNlMxMzQuNiAxNjIuNiAxMDAgMTYyLjZ6Ii8+PGVsbGlwc2UgdHJhbnNmb3JtPSJtYXRyaXgoMC45NzMyIC0wLjIyOTggMC4yMjk4IDAuOTczMiAtMjAuMzAwMiAyNS42NTAzKSIgY2xhc3M9InN0MSIgY3g9IjEwMCIgY3k9IjEwMCIgcng9IjE1LjgiIHJ5PSIxNS44Ii8+PC9zdmc+) no-repeat;
}

.cover .wheel {
	position: absolute;
	left: -8%;
	top: 35%;
	width: 16%;
	padding-top: 16%;
	opacity: 0.12;
	z-index: 2;
	animation: rotating 20s linear infinite;
}

.cover .wheel-s {
	position: absolute;
	left: -5%;
	top: 12%;
	width: 10%;
	padding-top: 10%;
	opacity: 0.12;
	z-index: 2;
	animation: rotating 20s linear infinite;
}

.cover .srv-icon {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe29wYWNpdHk6MDtmaWxsOiNGRkZGRkY7fSAuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6NC45NDA0O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9IC5zdDJ7ZmlsbDojRkZGRkZGO30gPC9zdHlsZT48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIvPjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIyMi45IiB5MT0iODYuNiIgeDI9IjU2LjUiIHkyPSI4Ni42Ii8+PGxpbmUgY2xhc3M9InN0MSIgeDE9IjIyLjkiIHkxPSIxMDAiIHgyPSI2OS45IiB5Mj0iMTAwIi8+PGxpbmUgY2xhc3M9InN0MSIgeDE9IjIyLjkiIHkxPSIxMTMuNCIgeDI9IjQzLjEiIHkyPSIxMTMuNCIvPjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIxMzkuOSIgeTE9Ijg2LjYiIHgyPSIxMzkuOSIgeTI9Ijk0LjQiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSIxMzkuOSIgY3k9IjExMS44IiByPSI0LjQiLz48bGluZSBjbGFzcz0ic3QxIiB4MT0iMTU0LjciIHkxPSI4Ni42IiB4Mj0iMTU0LjciIHkyPSI5NC40Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTU0LjciIGN5PSIxMTEuOCIgcj0iNC40Ii8+PGxpbmUgY2xhc3M9InN0MSIgeDE9IjE2OS42IiB5MT0iODYuNiIgeDI9IjE2OS42IiB5Mj0iOTQuNCIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjE2OS42IiBjeT0iMTExLjgiIHI9IjQuNCIvPjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIyMi45IiB5MT0iMTQ4LjciIHgyPSI1Ni41IiB5Mj0iMTQ4LjciLz48bGluZSBjbGFzcz0ic3QxIiB4MT0iMjIuOSIgeTE9IjE2Mi4xIiB4Mj0iNjkuOSIgeTI9IjE2Mi4xIi8+PGxpbmUgY2xhc3M9InN0MSIgeDE9IjIyLjkiIHkxPSIxNzUuNSIgeDI9IjQzLjEiIHkyPSIxNzUuNSIvPjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIxMzkuOSIgeTE9IjE0OC43IiB4Mj0iMTM5LjkiIHkyPSIxNTYuNSIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjEzOS45IiBjeT0iMTczLjkiIHI9IjQuNCIvPjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIxNTQuNyIgeTE9IjE0OC43IiB4Mj0iMTU0LjciIHkyPSIxNTYuNSIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjE1NC43IiBjeT0iMTczLjkiIHI9IjQuNCIvPjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIxNjkuNiIgeTE9IjE0OC43IiB4Mj0iMTY5LjYiIHkyPSIxNTYuNSIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjE2OS42IiBjeT0iMTczLjkiIHI9IjQuNCIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01LjcgM3Y2Mi4xIDcuNiA1NC41IDcuNlYxOTdoMTg4Ljd2LTYyLjEgLTcuNlY3Mi44di03LjZWM0g1Ljd6TTE4NS43IDE4OC4zSDE0LjN2LTUyLjRoMTcxLjRWMTg4LjN6TTE4NS43IDczLjh2NTIuNEgxNC4zVjczLjhIMTg1Ljd6TTE0LjMgMTEuN2gxNzEuNHY1Mi40SDE0LjNWMTEuN3oiLz48bGluZSBjbGFzcz0ic3QxIiB4MT0iMjIuOSIgeTE9IjI0LjUiIHgyPSI1Ni41IiB5Mj0iMjQuNSIvPjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIyMi45IiB5MT0iMzcuOSIgeDI9IjY5LjkiIHkyPSIzNy45Ii8+PGxpbmUgY2xhc3M9InN0MSIgeDE9IjIyLjkiIHkxPSI1MS4zIiB4Mj0iNDMuMSIgeTI9IjUxLjMiLz48bGluZSBjbGFzcz0ic3QxIiB4MT0iMTM5LjkiIHkxPSIyNC41IiB4Mj0iMTM5LjkiIHkyPSIzMi4zIi8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTM5LjkiIGN5PSI0OS43IiByPSI0LjQiLz48bGluZSBjbGFzcz0ic3QxIiB4MT0iMTU0LjciIHkxPSIyNC41IiB4Mj0iMTU0LjciIHkyPSIzMi4zIi8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTU0LjciIGN5PSI0OS43IiByPSI0LjQiLz48bGluZSBjbGFzcz0ic3QxIiB4MT0iMTY5LjYiIHkxPSIyNC41IiB4Mj0iMTY5LjYiIHkyPSIzMi4zIi8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTY5LjYiIGN5PSI0OS43IiByPSI0LjQiLz48L3N2Zz4=) no-repeat;
}

.cover .srv {
	position: absolute;
	right: -4%;
	top: 30%;
	width: 14%;
	padding-top: 14%;
	opacity: 0.12;
	z-index: 2;
}

.dotted-circle {
	background-image: url('../imgs/dotted-circle.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transform: scale3d(0, 0, 0);
	top: 0;
	transition: top 300ms;
}

div:hover > .dotted-circle {
	top: -7px;
}

.clouds-1 {
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAwIDEwMCI+PHN0eWxlPi5he3N0b3AtY29sb3I6I0ZGRjtzdG9wLW9wYWNpdHk6MC4zO30uYntzdG9wLWNvbG9yOiNGRkY7fTwvc3R5bGU+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gLnN0MHtvcGFjaXR5OjA7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9IC5zdDF7ZmlsbDp1cmwoI1NWR0lEXzJfKTt9IC5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzNfKTt9IC5zdDN7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9IDwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAiIHkxPSIxMDAiIHgyPSIxMDAiPjxzdG9wIG9mZnNldD0iMCIgY2xhc3M9ImEiLz48c3RvcCBvZmZzZXQ9IjEiIGNsYXNzPSJiIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEwMCIvPjxnPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTEzLjMiIHkxPSI2NC44IiB4Mj0iMTEzLjMiIHkyPSIzMC40Ij48c3RvcCBvZmZzZXQ9IjAiIGNsYXNzPSJhIi8+PHN0b3Agb2Zmc2V0PSIxIiBjbGFzcz0iYiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE5Ny43IDYyLjdjLTMuOS01LjMtMTQuNC0xOC45LTIyLjktMjAuNyAtMTAuNS0yLjItMTIuNiAxMi4yLTI5LjctNS4yIC0xMy43LTEzLjktMzEuNS0yLjgtNDQuMyA5LjMgLTMuMyAzLjEtOC40IDMuNS0xMi4xIDAuOUM4MSA0MS4zIDcyIDM4LjMgNjQuNyA0NS43Yy0xMS43IDExLjktMTMuMSAyLTIwLjMgMy41IC01LjggMS4yLTEzIDEwLjUtMTUuNiAxNC4xIC0wLjUgMC42IDAuMSAxLjQgMSAxLjRoNDQuOCAxMi45SDEwNGgyNi42IDY1LjdDMTk3LjUgNjQuOCAxOTguMyA2My42IDE5Ny43IDYyLjd6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0NCIgeTE9IjMxLjUiIHgyPSI0NCIgeTI9IjcuNCI+PHN0b3Agb2Zmc2V0PSIwIiBjbGFzcz0iYSIvPjxzdG9wIG9mZnNldD0iMSIgY2xhc3M9ImIiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik04NS44IDMwYy0yLjctMy43LTEwLjEtMTMuMy0xNi4xLTE0LjYgLTcuNC0xLjYtOC44IDguNi0yMC45LTMuN0MzOC4yIDAuOSAyNS42IDEyLjYgMTUgMjEuMWMtMC4xIDAtMTIuOCAxMC4zLTEyLjkgMTAuNGgxMi43IDcwQzg1LjcgMzEuNSA4Ni4zIDMwLjYgODUuOCAzMHoiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjcyLjEiIHkxPSI5Mi42IiB4Mj0iNzIuMSIgeTI9Ijc4LjYiPjxzdG9wIG9mZnNldD0iMCIgY2xhc3M9ImEiLz48c3RvcCBvZmZzZXQ9IjEiIGNsYXNzPSJiIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTguNyA5MS44Yy0xLjYtMi4yLTUuOC03LjctOS4zLTguNCAtNC4zLTAuOS01LjEgNC45LTEyLTIuMSAtNi4xLTYuMi0xNC4zIDAtMTkuNSA1LjQgLTIuOSAxLjgtMy43LTAuOC02LjEtMC4zIC0yLjMgMC41LTUuMiA0LjMtNi4zIDUuNyAtMC4yIDAuMyAwIDAuNiAwLjQgMC42aDguMkg2NGg3LjUgNC40IDIyLjJDOTguNiA5Mi42IDk4LjkgOTIuMSA5OC43IDkxLjh6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
}

.clouds-2 {
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAwIDEwMCI+PHN0eWxlPi5he3N0b3AtY29sb3I6I0ZGRjtzdG9wLW9wYWNpdHk6MC4zO30uYntzdG9wLWNvbG9yOiNGRkY7fTwvc3R5bGU+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gLnN0MHtvcGFjaXR5OjA7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9IC5zdDF7ZmlsbDp1cmwoI1NWR0lEXzJfKTt9IC5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzNfKTt9IC5zdDN7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9IDwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAiIHkxPSIxMDAiIHgyPSIxMDAiPjxzdG9wIG9mZnNldD0iMCIgY2xhc3M9ImEiLz48c3RvcCBvZmZzZXQ9IjEiIGNsYXNzPSJiIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEwMCIvPjxnPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTEzLjMiIHkxPSI2NC44IiB4Mj0iMTEzLjMiIHkyPSIzMC40Ij48c3RvcCBvZmZzZXQ9IjAiIGNsYXNzPSJhIi8+PHN0b3Agb2Zmc2V0PSIxIiBjbGFzcz0iYiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE5Ny43IDYyLjdjLTMuOS01LjMtMTQuNC0xOC45LTIyLjktMjAuNyAtMTAuNS0yLjItMTIuNiAxMi4yLTI5LjctNS4yIC0xMy43LTEzLjktMzEuNS0yLjgtNDQuMyA5LjMgLTMuMyAzLjEtOC40IDMuNS0xMi4xIDAuOUM4MSA0MS4zIDcyIDM4LjMgNjQuNyA0NS43Yy0xMS43IDExLjktMTMuMSAyLTIwLjMgMy41IC01LjggMS4yLTEzIDEwLjUtMTUuNiAxNC4xIC0wLjUgMC42IDAuMSAxLjQgMSAxLjRoNDQuOCAxMi45SDEwNGgyNi42IDY1LjdDMTk3LjUgNjQuOCAxOTguMyA2My42IDE5Ny43IDYyLjd6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0NCIgeTE9IjMxLjUiIHgyPSI0NCIgeTI9IjcuNCI+PHN0b3Agb2Zmc2V0PSIwIiBjbGFzcz0iYSIvPjxzdG9wIG9mZnNldD0iMSIgY2xhc3M9ImIiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik04NS44IDMwYy0yLjctMy43LTEwLjEtMTMuMy0xNi4xLTE0LjYgLTcuNC0xLjYtOC44IDguNi0yMC45LTMuN0MzOC4yIDAuOSAyNS42IDEyLjYgMTUgMjEuMWMtMC4xIDAtMTIuOCAxMC4zLTEyLjkgMTAuNGgxMi43IDcwQzg1LjcgMzEuNSA4Ni4zIDMwLjYgODUuOCAzMHoiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjcyLjEiIHkxPSI5Mi42IiB4Mj0iNzIuMSIgeTI9Ijc4LjYiPjxzdG9wIG9mZnNldD0iMCIgY2xhc3M9ImEiLz48c3RvcCBvZmZzZXQ9IjEiIGNsYXNzPSJiIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBjbGFzcz0ic3QzIiBkPSJNOTguNyA5MS44Yy0xLjYtMi4yLTUuOC03LjctOS4zLTguNCAtNC4zLTAuOS01LjEgNC45LTEyLTIuMSAtNi4xLTYuMi0xNC4zIDAtMTkuNSA1LjQgLTIuOSAxLjgtMy43LTAuOC02LjEtMC4zIC0yLjMgMC41LTUuMiA0LjMtNi4zIDUuNyAtMC4yIDAuMyAwIDAuNiAwLjQgMC42aDguMkg2NGg3LjUgNC40IDIyLjJDOTguNiA5Mi42IDk4LjkgOTIuMSA5OC43IDkxLjh6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
}

.action-btt {
	position: relative;
	display: inline-block;
	margin: 20px 0;
	font-size: 24px;
	padding: 10px 10px 10px 53px;
	font-family: 'open sans', Arial, sans-serif;
	border: none;
	background-color: transparent;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	transition: all 200ms ease-out;
}

.action-btt:hover {
	padding-left: 60px;
}

.action-btt.small:hover {
	padding-left: 50px;
}

.action-btt.big:hover {
	padding-left: 70px;
}

.action-btt::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 0;
	width: 38px;
	height: 38px;
	background-repeat: no-repeat;
	border-radius: 50%;
	z-index: 2;
	border-style: solid;
	border-width: 2px;
	box-shadow: 0px 0px 0px 0px rgba(53, 152, 220, 0);
	transition: box-shadow 200ms;
}

.action-btt.blue:hover::after {
	box-shadow: 0px 0px 8px 8px rgba(5, 102, 142, 0.2);
}

.action-btt.red:hover::after {
	box-shadow: 0px 0px 8px 8px rgba(2, 128, 144, 0.2);
}

.action-btt.action-details:hover::after {
	box-shadow: 0px 0px 8px 8px rgba(5, 102, 142, 0.2);
}

.action-btt.white:hover::after {
	box-shadow: 0px 0px 8px 8px rgba(255, 255, 255, 0.2);
}

.action-btt.black:hover::after {
	box-shadow: 0px 0px 8px 8px rgba(101, 101, 101, 0.2);
}

.action-btt.small {
	font-size: 20px;
	padding-left: 43px;
}

.action-btt.small::after {
	width: 32px;
	height: 32px;
}

.action-btt.big {
	font-size: 25px;
	padding-left: 58px;
}

.action-btt.big::after {
	width: 46px;
	height: 46px;
}

.action-btt.blue {
	color: #05668d;
}

.action-btt.red {
	color: #028090;
}

.action-btt.white {
	color: #fff;
}

.action-btt.black {
	color: #656565;
}

.action-btt.blue::after {
	border-color: #05668d;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA2MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gLnN0MHtvcGFjaXR5OjA7ZmlsbDojRkZGRkZGO30gLnN0MXtmaWxsOiMzNTk4REM7fSA8L3N0eWxlPjxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNiA0MS45Yy0wLjUgMC0xLjEtMC4yLTEuNS0wLjYgLTAuOC0wLjgtMC43LTIuMSAwLjEtMi44bDguOC04LjEgLTkuNC04LjdjLTAuOC0wLjgtMC45LTItMC4xLTIuOCAwLjgtMC44IDItMC45IDIuOC0wLjFsMTAuOSAxMC4xYzAuNCAwLjQgMC42IDAuOSAwLjYgMS41IDAgMC42LTAuMiAxLjEtMC42IDEuNWwtMTAuNCA5LjZDMjcgNDEuNyAyNi41IDQxLjkgMjYgNDEuOXoiLz48L3N2Zz4=);
}

.action-btt.red::after {
	border-color: #028090;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA2MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gLnN0MHtvcGFjaXR5OjA7ZmlsbDojRkZGRkZGO30gLnN0MXtmaWxsOiNGODY0NjQ7fSA8L3N0eWxlPjxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNiA0MS45Yy0wLjUgMC0xLjEtMC4yLTEuNS0wLjYgLTAuOC0wLjgtMC43LTIuMSAwLjEtMi44bDguOC04LjEgLTkuNC04LjdjLTAuOC0wLjgtMC45LTItMC4xLTIuOCAwLjgtMC44IDItMC45IDIuOC0wLjFsMTAuOSAxMC4xYzAuNCAwLjQgMC42IDAuOSAwLjYgMS41IDAgMC42LTAuMiAxLjEtMC42IDEuNWwtMTAuNCA5LjZDMjcgNDEuNyAyNi41IDQxLjkgMjYgNDEuOXoiLz48L3N2Zz4=);
}

.action-btt.white::after {
	border-color: #fff;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA2MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gLnN0MHtvcGFjaXR5OjA7ZmlsbDojRkZGRkZGO30gLnN0MXtmaWxsOiNGRkZGRkY7fSA8L3N0eWxlPjxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNiA0MS45Yy0wLjUgMC0xLjEtMC4yLTEuNS0wLjYgLTAuOC0wLjgtMC43LTIuMSAwLjEtMi44bDguOC04LjEgLTkuNC04LjdjLTAuOC0wLjgtMC45LTItMC4xLTIuOCAwLjgtMC44IDItMC45IDIuOC0wLjFsMTAuOSAxMC4xYzAuNCAwLjQgMC42IDAuOSAwLjYgMS41IDAgMC42LTAuMiAxLjEtMC42IDEuNWwtMTAuNCA5LjZDMjcgNDEuNyAyNi41IDQxLjkgMjYgNDEuOXoiLz48L3N2Zz4=);
}


.action-btt.black::after {
	border-color: #656565;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA2MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gLnN0MHtvcGFjaXR5OjA7ZmlsbDojRkZGRkZGO30gLnN0MXtmaWxsOiM2NTY1NjU7fSA8L3N0eWxlPjxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNiA0MS45Yy0wLjUgMC0xLjEtMC4yLTEuNS0wLjYgLTAuOC0wLjgtMC43LTIuMSAwLjEtMi44bDguOC04LjEgLTkuNC04LjdjLTAuOC0wLjgtMC45LTItMC4xLTIuOCAwLjgtMC44IDItMC45IDIuOC0wLjFsMTAuOSAxMC4xYzAuNCAwLjQgMC42IDAuOSAwLjYgMS41IDAgMC42LTAuMiAxLjEtMC42IDEuNWwtMTAuNCA5LjZDMjcgNDEuNyAyNi41IDQxLjkgMjYgNDEuOXoiLz48L3N2Zz4=);
}

.cover h1 {
	color: #fff;
	font-weight: 200;
	font-size: 50px;
}

.cover p {
	color: #fff;
	font-size: 20px;
	font-weight: 200;
	text-align: center;
}

.spr-c-n,
.spr-c::after {
	background-image: url('../imgs/spr-common.png');
	background-size: 378px 278px;
}

.spr-d-n,
.spr-d::after {
	background-image: url('../imgs/spr-domains-ext.png');
	background-size: 624px 46px;
}

.section {
	display: flex;
	width: 100%;
	margin: 20px 0;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
}

.section > div {
	position: relative;
	padding: 25px;
	margin: 10px;
    flex: 1 1 300px;
    min-width: 320px;
	text-align: left;
}

.section > div:first-child {
	min-width: 590px;
}

.section > div.text:first-child {
	max-width: 590px;
}

.section > div:last-child {
	min-width: 590px;
}

.section > div.text:last-child {
	max-width: 590px;
}

.section > div.right {
	text-align: right;
}

.section > div h1 {
	font-size: 42px;
	font-weight: 200;
	text-align: left;
	line-height: 1.2;
}

.section > div.right h1 {
	text-align: right;
}

.section > div p {
	color: #757575;
}

.section .arrows-spr {
	position: relative;
	width: 310px;
	height: 170px;
	margin: auto;
	background-image: url('../imgs/spr-arrows.png');
	background-size: 620px 340px;
}

.section .arrows-spr.left-red {
	background-position: 0px 0px;
}

.section .arrows-spr.right-red {
	background-position: 0px -170px;
}

.section .arrows-spr.left-blue {
	background-position: -310px -170px;
}

.section .arrows-spr.right-blue {
	background-position: -310px 0px;
}

.boxes {
	width: 100%;
	padding: 20px 0;
	margin: 30px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.boxes > div {
	position: relative;
	padding: 25px;
	background-color: #fff;
    flex: 1 1 240px;
    min-width: 280px;
	text-align: center;
	margin-top: 10px;
}

.boxes > div > h2 {
	font-size: 24px;
	padding: 15px 0;
	font-weight: bold;
	color: #05668d;
}

.boxes > div > p {
	font-family: 'exo', Arial, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #757575;
	padding: 0 10px;
}

.boxes > div > .icon {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	transition: transform 600ms;
	z-index: 0;
}

.boxes > div > .icon:not(.arrow) {
	overflow: hidden;
}

.boxes > div > .icon:not(.arrow)::before {
	content: '';
	position: absolute;
	bottom: -30%;
	left: 0;
	width: 100%;
	height: 30%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
	z-index: 2;
}

.boxes > div:hover > .icon:not(.arrow)::before {
	bottom: 130%;
	transition: bottom 1.2s;
}

.boxes > div:hover .icon:not(.arrow) {
	transform: translateY(-15px);
}

.boxes > div > .icon::after {
	content: '';
	position: relative;
	display: block;
	left: 50%;
	margin-left: -130px;
	width: 260px;
	height: 212px;
	image-rendering: -webkit-optimize-contrast;
}

.boxes > div > .icon.simplified::after {
	margin-left: -145px;
}

.wrapper {
	position: relative;
	display: block;
	width: 100%;
	padding: 70px 0;
	z-index: 0;
}

.fixed,
.wrapper.fixed {
    display: block;
    max-width: 1300px;
    margin: 0 auto;
    padding: 50px 30px;
}

.fixed {
    padding-top: 0;
    padding-bottom: 0;
}

.wrapper.grey {
	background-color: #f5f7f8;
}

.wrapper.no-top {
	padding-top: 0;
}

.wrapper.no-top .section {
	margin-top: 0;
}

.dsp {
	display: block;
	width: 100%;
	height: 10px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gLnN0MHtvcGFjaXR5OjA7ZmlsbDojRkZGRkZGO30gLnN0MXtmaWxsOiMzNTk4REM7fSA8L3N0eWxlPjxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIvPjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjEwLjMiIGN5PSIyMCIgcj0iOC42Ii8+PC9zdmc+);
	background-size: 10px 10px;
	background-repeat: repeat-x;
	opacity: 0.3;
}

.dsp.white {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gLnN0MHtvcGFjaXR5OjA7ZmlsbDojRkZGRkZGO30gLnN0MXtmaWxsOiNGRkZGRkY7fSA8L3N0eWxlPjxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIvPjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjEwLjMiIGN5PSIyMCIgcj0iOC42Ii8+PC9zdmc+);
	background-size: 10px 10px;
	background-repeat: repeat-x;
}

.domain-icon {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe29wYWNpdHk6MDtmaWxsOiNGRkZGRkY7fSAuc3Qxe2ZpbGw6I0ZGRkZGRjt9IDwvc3R5bGU+PHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNOTMuMSA1LjZ2ODguOEg2LjlWNS42SDkzLjFNOTcuMSAxLjZIMi45djk2LjhoOTQuMlYxLjZMOTcuMSAxLjZ6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTg0IDI1LjR2NjAuNkgxNlYyNS40SDg0TTg1LjcgMjMuNkgxNC4zdjY0aDcxLjVWMjMuNkw4NS43IDIzLjZ6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTUwLjEgMzMuOWMtMTIgMC0yMS43IDkuNy0yMS43IDIxLjcgMCAxMiA5LjcgMjEuNyAyMS43IDIxLjdzMjEuNy05LjcgMjEuNy0yMS43QzcxLjggNDMuNyA2Mi4xIDMzLjkgNTAuMSAzMy45ek02NiA2NS42SDYxYzAuOS0yLjggMS4zLTUuOSAxLjQtOS4xaDYuNUM2OC43IDU5LjggNjcuNyA2Mi45IDY2IDY1LjZ6TTUzLjIgNzQuMmMtMC43IDAuMS0xLjUgMC4yLTIuMiAwLjJ2LTcuMWg3LjZDNTcuMiA3MC42IDU1LjMgNzMgNTMuMiA3NC4yek00MS42IDY3LjNoNy42djcuMWMtMC44IDAtMS41LTAuMS0yLjItMC4yQzQ0LjggNzMgNDMgNzAuNiA0MS42IDY3LjN6TTMxLjMgNTYuNWg2LjVjMC4xIDMuMiAwLjYgNi4zIDEuNCA5LjFoLTUuMUMzMi40IDYyLjkgMzEuNCA1OS44IDMxLjMgNTYuNXpNMzQuMSA0NS43aDUuMWMtMC45IDIuOC0xLjMgNS45LTEuNCA5LjFoLTYuNUMzMS40IDUxLjQgMzIuNCA0OC4zIDM0LjEgNDUuN3pNNDcgMzcuMWMwLjctMC4xIDEuNS0wLjIgMi4yLTAuMnY3LjFoLTcuNkM0MyA0MC43IDQ0LjggMzguMyA0NyAzNy4xek01OC41IDQzLjloLTcuNnYtNy4xYzAuOCAwIDEuNSAwLjEgMi4yIDAuMkM1NS4zIDM4LjMgNTcuMiA0MC43IDU4LjUgNDMuOXpNNTkuMiA0NS43YzAuOSAyLjcgMS40IDUuOCAxLjUgOS4xaC05Ljd2LTkuMUg1OS4yek00OS4yIDQ1Ljd2OS4xaC05LjdjMC4xLTMuMyAwLjYtNi40IDEuNS05LjFINDkuMnpNMzkuNSA1Ni41aDkuN3Y5LjFINDFDNDAuMSA2Mi45IDM5LjYgNTkuOCAzOS41IDU2LjV6TTUwLjkgNjUuNnYtOS4xaDkuN2MtMC4xIDMuMy0wLjYgNi40LTEuNSA5LjFINTAuOXpNNjIuNCA1NC44Yy0wLjEtMy4yLTAuNi02LjMtMS40LTkuMUg2NmMxLjcgMi43IDIuNyA1LjggMi44IDkuMUg2Mi40ek02NC44IDQzLjloLTQuNWMtMC40LTEuMS0wLjktMi4xLTEuNC0zLjEgLTAuNi0xLTEuMi0xLjktMS45LTIuN0M2MC4xIDM5LjQgNjIuOCA0MS40IDY0LjggNDMuOXpNNDMuMSAzOC4yYy0wLjcgMC44LTEuMyAxLjctMS45IDIuNyAtMC41IDEtMSAyLTEuNCAzLjFoLTQuNUMzNy40IDQxLjQgNDAgMzkuNCA0My4xIDM4LjJ6TTM1LjMgNjcuM2g0LjVjMC40IDEuMSAwLjkgMi4xIDEuNCAzLjEgMC42IDEgMS4yIDEuOSAxLjkgMi43QzQwIDcxLjkgMzcuNCA2OS45IDM1LjMgNjcuM3pNNTcuMSA3My4xYzAuNy0wLjggMS4zLTEuNyAxLjktMi43IDAuNS0xIDEtMiAxLjQtMy4xaDQuNUM2Mi44IDY5LjkgNjAuMSA3MS45IDU3LjEgNzMuMXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNODMuMiAxNS43SDM4LjNjLTAuNiAwLTEuMS0wLjUtMS4xLTEuMSAwLTAuNiAwLjUtMS4xIDEuMS0xLjFoNDQuOWMwLjYgMCAxLjEgMC41IDEuMSAxLjFDODQuMyAxNS4xIDgzLjggMTUuNyA4My4yIDE1Ljd6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTMxLjUgMTUuN2gtNC43Yy0wLjYgMC0xLjEtMC41LTEuMS0xLjEgMC0wLjYgMC41LTEuMSAxLjEtMS4xaDQuN2MwLjYgMCAxLjEgMC41IDEuMSAxLjFDMzIuNyAxNS4xIDMyLjEgMTUuNyAzMS41IDE1Ljd6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTIwIDE1LjdoLTQuN2MtMC42IDAtMS4xLTAuNS0xLjEtMS4xIDAtMC42IDAuNS0xLjEgMS4xLTEuMUgyMGMwLjYgMCAxLjEgMC41IDEuMSAxLjFDMjEuMiAxNS4xIDIwLjcgMTUuNyAyMCAxNS43eiIvPjwvc3ZnPg==) no-repeat;
}

.pkgs {
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-content: center;
	flex-wrap: wrap;
}

.pkgs .pkg {
	position: relative;
	display: block;
	flex: 1 1 44%;
	background-color: #fff;
	margin: 20px;
	padding: 40px;
	font-size: 0;
}

.pkgs .pkg .features {
	display: flex;
	justify-content: space-around;
	margin: 15px 0;
}

.pkgs .pkg .features > div {
	position: relative;
	flex: 1 1 50%;
	max-width: 50%;
	font-size: 18px;
	text-align: left;
	padding: 10px;
}

.pkgs .pkg .features > div:first-child::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background-color: #83c5be;
	border-radius: 10px;
}

.pkgs .pkg .features > div:last-child {
	padding: 10px 22px;
}

.pkgs .pkg .features > div span {
	display: block;
	padding: 10px 0;
	font-family: 'exo', 'open sans', Arial, sans-serif;
	color: #05668d;
	/** line-height: 1.5; **/
}

.pkgs .pkg .features > div span strong {
	color: #05668d;
}


.boxed::before {
	content: '';
	position: absolute;
	width: calc(100% + 30px);
	height: calc(100% + 50px);
	left: -15px;
	top: -35px;
	background-color: #316c95;
	opacity: 0.06;
	z-index: -1;
}

.boxed::after {
	content: '';
	position: absolute;
	width: 90%;
	height: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -20px;
	background-color: #316c95;
	opacity: 0.06;
	z-index: 2;
}

.boxed.white-top::before {
    background-color: #bfd9eb;
    opacity: 0.15;
}

.boxed.white-top::after {
	background-color: #fff;
	opacity: 0.12;
	transition: opacity 250ms;
}

.boxed.white-top:hover::after {
	opacity: 0.3;
}

ul.check {
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.check li {
	position: relative;
	font-size: 17px;
	color: #05668d;
	margin: 0;
	padding: 10px 0 10px 43px;
}

ul.check li::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 36px;
	height: 36px;
	background-position: -276px -28px;
}

.tip {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLnN0MHtmaWxsOiM0NDQ0NDQ7fQo8L3N0eWxlPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjIwIiBjeT0iMjkuMSIgcj0iMS45Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTIwIDFDOS41IDEgMSA5LjUgMSAyMGMwIDEwLjUgOC41IDE5IDE5IDE5IDEwLjUgMCAxOS04LjUgMTktMTlDMzkgOS41IDMwLjUgMSAyMCAxek0yMCAzNmMtOC45IDAtMTYtNy4yLTE2LTE2IDAtOC45IDcuMi0xNiAxNi0xNiA4LjkgMCAxNiA3LjIgMTYgMTZDMzYgMjguOSAyOC45IDM2IDIwIDM2eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMCAxMC41Yy0zLjMgMC01LjkgMi43LTUuOSA1LjkgMCAwLjggMC43IDEuNSAxLjUgMS41czEuNS0wLjcgMS41LTEuNWMwLTEuNiAxLjMtMyAzLTNzMyAxLjMgMyAzIC0xLjMgMy0zIDNjLTAuOCAwLTEuNSAwLjctMS41IDEuNXYzLjdjMCAwLjggMC43IDEuNSAxLjUgMS41czEuNS0wLjcgMS41LTEuNXYtMi40YzIuNi0wLjcgNC41LTMgNC41LTUuN0MyNS45IDEzLjIgMjMuMyAxMC41IDIwIDEwLjV6Ii8+PC9zdmc+) no-repeat;
    vertical-align: baseline;
    cursor: pointer;
}

.tabs {
    display: flex;
    width: 100%;
}

.tabs > div {
    width: 100%;
    max-width: 250px;
    padding: 15px;
    color: #05668d;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 2px solid transparent;
    opacity: 0.6;
    transition: all 200ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.tabs > div:hover {
    opacity: 0.9;
}

.tabs.small > div {
    font-size: 13px;
    padding: 10px;
}

.tabs.red > div {
    color: #028090;
}

.tabs.red > div.active {
    border-color: #028090;
}

.tabs.black > div {
    color: #444;
}

.tabs.black > div.active {
    border-color: #444;
}

.tabs > div.active {
    opacity: 1;
    border-color: #fff531;
    cursor: default;
}

.tab-content {
    display: none;
    padding: 20px 0;
    background-color: #fff;
}

.tab-content.active {
    display: block;
}

.stars {
    display: block;
    width: 100%;
    height: 14px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTAgMzAiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+ICAKCS5zdDB7ZmlsbDojRkZERDQ0O30KPC9zdHlsZT48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE1LjIgMi45IDE5LjEgMTAuOSAyNy45IDEyLjEgMjEuNiAxOC4zIDIzLjEgMjcuMSAxNS4yIDIzIDcuNCAyNy4xIDguOSAxOC4zIDIuNSAxMi4xIDExLjMgMTAuOSAiLz48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQ1LjEgMi45IDQ5IDEwLjkgNTcuOCAxMi4xIDUxLjUgMTguMyA1MyAyNy4xIDQ1LjEgMjMgMzcuMyAyNy4xIDM4LjggMTguMyAzMi40IDEyLjEgNDEuMiAxMC45ICIvPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iNzUgMi45IDc4LjkgMTAuOSA4Ny43IDEyLjEgODEuNCAxOC4zIDgyLjkgMjcuMSA3NSAyMyA2Ny4xIDI3LjEgNjguNiAxOC4zIDYyLjMgMTIuMSA3MS4xIDEwLjkgIi8+PHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxMDQuOSAyLjkgMTA4LjggMTAuOSAxMTcuNiAxMi4xIDExMS4zIDE4LjMgMTEyLjcgMjcuMSAxMDQuOSAyMyA5NyAyNy4xIDk4LjUgMTguMyA5Mi4yIDEyLjEgMTAxIDEwLjkgIi8+PHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxMzQuOCAyLjkgMTM4LjcgMTAuOSAxNDcuNSAxMi4xIDE0MS4xIDE4LjMgMTQyLjYgMjcuMSAxMzQuOCAyMyAxMjYuOSAyNy4xIDEyOC40IDE4LjMgMTIyLjEgMTIuMSAxMzAuOSAxMC45ICIvPjwvc3ZnPg==) no-repeat;
    background-size: contain;
    background-position: left top;
    margin: 5px 0;
}

.faq {
	position: relative;
	display: block;
	width: 60%;
	background-color: #fff;
	margin: 90px auto 20px auto;
	padding: 60px 40px;
}

.faq .question {
	position: relative;
	display: block;
	width: 80%;
}

.faq .question:not(:last-child) {
	margin-bottom: 35px;
}

.faq .question h3 {
	position: relative;
	font-size: 19px;
	padding: 0 0 5px 23px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor: pointer;
}

.faq .question h3::after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 2px;
	background-position: 0px -234px;
	opacity: 0.6;
	transition: transform 200ms, opacity 200ms;
}

.faq .question h3.opened::after {
	transform: rotate3d(0, 0, 1, 90deg);
	opacity: 1;
}

.faq .question p {
	display: none;
	font-size: 15px;
	font-weight: 200;
	line-height: 1.6;
	padding-left: 25px;
}

form {
	display: block;
}

.field {
	display: block;
	width: 100%;
	margin: 9px 0;
	padding: 8px 10px;
	font-family: 'open sans', Arial, sans-serif;
	font-size: 17px;
	font-weight: normal;
	font-style: normal;
	background-color: #fff;
	color: #05668d;
	box-sizing: border-box;
	border: 1px solid rgba(53, 152, 220, 0.4);
	border-radius: 3px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	box-shadow: 0px 0px 0px 0px rgba(53, 152, 220, 0);
	transition: border-color 200ms, box-shadow 200ms;
}

.field:active,
.field:focus {
	box-shadow: 0px 0px 6px 3px rgba(53, 152, 220, 0.25);
}

input[name="city"] {
  display: none !important;
}

.field::placeholder {
    color: #85bae7;
    opacity: 1;
}

.field:-ms-input-placeholder {
    color: #85bae7;
}

.field::-ms-input-placeholder {
    color: #85bae7;
}

form .action-btt {
	margin: 5px 0;
}

.tooltip-tag {
    position: absolute;
	display: block;
    left: 50%;
    bottom: calc(100% + 10px);
    transform: translateX(-50%);
    background-color: #0a1e2b;
	font-family: 'open sans', Arial, sans-serif;
	font-weight: normal;
    text-align: center;
    color: #fff;
    padding: 8px 14px;
    font-size: 12px;
    border-radius: 3px;
	white-space: nowrap;
    pointer-events: none;
	z-index: 4;
    opacity: 0;
    transition: all 100ms ease-out;
}

.tooltip-tag::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #0a1e2b;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    transition: all 100ms ease-out;
}

.tooltip {
	z-index: 2;
}

.tooltip::before {
    content: "";
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: transparent transparent #f79256 transparent;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    transition: all 100ms ease-out;
}

.tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
	display: block;
    left: 50%;
    bottom: -14px;
    transform: translateX(-50%) translateY(100%);
    background-color: #f79256;
	font-family: 'open sans', Arial, sans-serif;
	font-weight: normal;
    text-align: center;
    color: #fff;
    padding: 8px 14px;
    font-size: 13px;
    border-radius: 3px;
	white-space: nowrap;
    pointer-events: none;
	z-index: 4;
    opacity: 0;
    transition: all 100ms ease-out;
}

.tooltip:hover::before,
.tooltip:hover::after {
    opacity: 1;
}

.tooltip.blue:hover::before {
	border-color: transparent transparent #05668d transparent;
}

.tooltip.blue:hover::after {
	background-color: #05668d;
	color: #fff;
}

.tooltip.black:hover::before {
    border-color: transparent transparent #444 transparent;
}

.tooltip.black:hover::after {
    background-color: rgba(11, 30, 44, 0.8);
    color: #fff;
}

.prev-arrow {
	position: absolute;
	width: 34px;
	height: 55px;
	cursor: pointer;
	z-index: 99999;
}

.prev-arrow.top-arrow {
	transform: rotate(90deg) scale(0.6);
}

.prev-arrow .border {
	transition: all .3s ease;
	position: absolute;
	width: 2px;
	height: 33px;
	background-color: #05668d;
	left: 17px;
}

.prev-arrow .border-1 {
	transform: rotate(45deg);
}

.prev-arrow .border-2 {
	transform: rotate(-45deg);
	top: 23px;
}

.go-top:hover .prev-arrow:not(.inactive) .border,
.prev-arrow:not(.inactive):hover .border {
	opacity: 0;
}

.prev-arrow .border.hover {
	height: 0;
	background-color: #000;
}

.go-top:hover .prev-arrow:not(.inactive) .border.hover,
.prev-arrow:not(.inactive):hover .border.hover {
	height: 33px;
	opacity: 1;
}

.prev-arrow .border-1.hover {
	top: 5px;
	left: 30px;
}

.go-top:hover .prev-arrow:not(.inactive) .border-1.hover,
.prev-arrow:not(.inactive):hover .border-1.hover {
	left: 17px;
	top: 0;
}

.prev-arrow .border-2.hover {
	top: 51px;
	left: 30px;
}

.go-top:hover .prev-arrow:not(.inactive) .border-2.hover,
.prev-arrow:not(.inactive):hover .border-2.hover {
	left: 17px;
	top: 23px;
}

.next-arrow {
	position: absolute;
	width: 34px;
	height: 55px;
	cursor: pointer;
	z-index: 99999;
}

.next-arrow.bottom-arrow {
	transform: rotate(90deg) scale(0.6);
}

.next-arrow .border {
	transition: all .3s ease;
	position: absolute;
	width: 2px;
	height: 33px;
	background-color: #05668d;
	right: 17px;
}

.next-arrow .border-1 {
	transform: rotate(-45deg);
}

.next-arrow .border-2 {
	transform: rotate(45deg);
	top: 23px;
}

.next-arrow:not(.inactive):hover .border {
	opacity: 0;
}

.next-arrow .border.hover {
	height: 0;
	background-color: #000;
}

.next-arrow:not(.inactive):hover .border.hover {
	height: 33px;
	opacity: 1;
}

.next-arrow .border-1.hover {
	top: 5px;
	right: 28px;
}

.next-arrow:not(.inactive):hover .border-1.hover {
	right: 17px;
	top: 0;
}

.next-arrow .border-2.hover {
	top: 51px;
	right: 28px;
}

.next-arrow:not(.inactive):hover .border-2.hover {
	right: 17px;
	top: 23px;
}

.prev-arrow.inactive,
.next-arrow.inactive {
	opacity: 0.2;
	cursor: default;
}

.go-top {
	display: none;
	position: fixed;
	bottom: 120px;
	right: 28px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #05668d;
	border: 2px solid #fff;
	cursor: pointer;
	z-index: 999;
}

.go-top.is-visible {
	display: block;
}

.go-top .prev-arrow {
	top: -8px;
	left: 5px;
}

.go-top .prev-arrow .border {
	background-color: #fff;
}

.go-top .prev-arrow .border.hover {
	background-color: #7bdff2;
}

.msg-wrapper {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1001;
}

.msg-wrapper .msg-content {
	position: relative;
	display: block;
	width: 450px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 25px;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 0px 2px 2px 2px rgba(16, 42, 65, 0.08);
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.msg-wrapper .msg-content span {
	display: block;
	margin-top: 30px;
	font-size: 21px;
	font-weight: normal;
	text-align: center;
	color: #444;
}

.msg-wrapper .msg-close {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 45px;
	height: 45px;
	cursor: pointer;
	text-align: center;
	opacity: 0.2;
	-webkit-transition: opacity 200ms;
	transition: opacity 200ms;
}

.msg-wrapper .msg-close:hover {
	opacity: 0.6;
}

.msg-wrapper .msg-close::after {
	content: '×';
	position: relative;
	color: #444;
	font-size: 45px;
	line-height: 45px;
	margin: auto;
}

.msg-wrapper .msg-content .btt {
	display: block;
	width: 35%;
	margin: 40px auto 0 auto;
	font-family: "open sans", Arial, sans-serif;
	font-weight: normal;
	padding: 10px 0;
	color: #555;
	background-color: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	box-shadow: 0px 2px 2px 2px rgba(16, 42, 65, 0.08);
	transition: background-color 150ms, color 150ms, border-color 150ms;
}

.msg-wrapper .msg-content .btt:hover {
	border-color: #05668d;
	background-color: #05668d;
	color: #fff;
}

footer {
	position: relative;
	display: block;
	width: 100%;
	padding: 50px 0 30px 0;
	background-color: #028090;
	color: #fff;
	font-size: 0;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

footer .cols {
	display: flex;
	justify-content: space-around;
	align-items: top;
	align-content: center;
	margin: 10px 0 40px 0;
}

footer .cols > div {
	flex: 1 1 auto;
	padding: 0 40px;
}

footer .cols > div:nth-child(1) {
	padding-left: 25px;
	text-align: left;
	width: 20%;
}

footer .cols > div:nth-child(2) {
	width: 15%;
}

footer .cols > div:nth-child(3) {
	width: 20%;
}

footer .cols > div:nth-child(4) {
	width: 25%;
}

footer .cols > div:nth-child(5) {
	width: 20%;
	padding-right: 25px;
	text-align: right;
}

footer .cols > div:not(:last-child) {
	border-right: 1px solid rgba(255, 255, 255, 0.15);
}

footer .cols > div .logo {
	display: inline-block;
	text-align: center;
}

footer .cols > div .logo .copy {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	text-align: center;
}

footer .cols > div img {
	display: inline-block;
	max-width: 100%;
}

footer .cols > div:first-child {
	margin: 25px 0 40px 0;
}

footer .cols > div:last-child img:first-child {
	margin: 25px 0 40px 0;
}

footer .cols > div h3 {
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	margin-top: 30px;
}

footer .cols > div a {
	color: #fff;
	display: block;
	padding: 7px 0;
	font-size: 14px;
	transition: transform 300ms;
}

footer .cols > div.x-links a:hover {
	transform: translateX(10px);
}

footer .cols > div a.btt {
	display: inline-block;
	position: relative;
	width: 230px;
	padding: 10px 0 10px 30px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
	margin: 10px 0 4px 0;
	border-radius: 6px;
	transition: background-color 200ms;
}

footer .cols > div a.btt:hover {
	background-color: rgba(255, 255, 255, 0.4);
}

footer .cols > div a.btt::after {
	content: '';
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 26px;
	height: 26px;
}

footer .cols > div a.btt.phone::after {
	background-position: 0px 0px;
}

footer .cols > div a.btt.email::after {
	background-position: -26px 0px;
}

footer .cols > div .social {
	display: block;
	margin-top: 25px;
}

footer .cols > div .social a {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: rgba(255, 255, 255, 0.2);
	margin: 0 5px 5px 0;
	border-radius: 50%;
	transition: background-color 200ms;
}

footer .cols > div .social a:hover {
	background-color: rgba(255, 255, 255, 0.4);
}

footer .cols > div .social a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 26px;
	height: 26px;
}

footer .cols > div .social a.fb::after {
	background-position: -52px 0px;
}

footer .cols > div .social a.tw::after {
	background-position: -78px 0px;
}

footer .cols > div .social a.gp::after {
	background-position: -104px 0px;
}

footer .cols > div .social a.in::after {
	background-position: -130px 0px;
}

footer .cols > div .social a.yt::after {
	background-position: -156px 0px;
}

footer .info {
	display: block;
	text-align: center;
	padding: 30px 0 0 0;
	opacity: 0.85;
	font-size: 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

/* Home */

.home .cover .clouds {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 95px;
	background-image: url('../imgs/clouds.png');
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

.home .cover::after {
	content: '';
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #83c5be;
	width: 8px;
	height: 45%;
	border-radius: 10px;
}

.home .cover .split {
	position: relative;
	display: flex;
	margin: 0 auto;
	width: 80%;
	justify-content: space-between;
	height: 80%;
}

.home .cover .split > div {
	flex: 1 1 auto;
	padding: 9% 7% 7% 7%;
	text-align: center;
	max-width: 50%;
}

.home .cover .dotted-circle {
	position: relative;
	display: inline-block;
	width: 70%;
	padding-top: 35%;
	margin-bottom: 20%;
}

.home .cover .serv-icon {
	display: inline-block;
	position: absolute;
	bottom: -45%;
	width: 25%;
	padding-top: 25%;
}

.home .cover .serv-icon-1 {
	left: -12%;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe29wYWNpdHk6MDtmaWxsOiNGRkZGRkY7fSAuc3Qxe2ZpbGw6I0ZGRkZGRjt9IC5zdDJ7ZmlsbDojREZGQjI1O30gPC9zdHlsZT48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yOC40IDQ0LjVIMTEuN2MtMC42IDAtMS4xLTAuNS0xLjEtMS4xczAuNS0xLjEgMS4xLTEuMWgxNi43YzAuNiAwIDEuMSAwLjUgMS4xIDEuMVMyOSA0NC41IDI4LjQgNDQuNXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzUgNTEuMUgxMS43Yy0wLjYgMC0xLjEtMC41LTEuMS0xLjEgMC0wLjYgMC41LTEuMSAxLjEtMS4xSDM1YzAuNiAwIDEuMSAwLjUgMS4xIDEuMUMzNi4yIDUwLjYgMzUuNyA1MS4xIDM1IDUxLjF6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTIxLjcgNTcuOGgtMTBjLTAuNiAwLTEuMS0wLjUtMS4xLTEuMXMwLjUtMS4xIDEuMS0xLjFoMTBjMC42IDAgMS4xIDAuNSAxLjEgMS4xUzIyLjQgNTcuOCAyMS43IDU3Ljh6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTY5LjggNDguM2MtMC42IDAtMS4xLTAuNS0xLjEtMS4xdi0zLjljMC0wLjYgMC41LTEuMSAxLjEtMS4xIDAuNiAwIDEuMSAwLjUgMS4xIDEuMXYzLjlDNzEgNDcuOCA3MC40IDQ4LjMgNjkuOCA0OC4zeiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjY5LjgiIGN5PSI1NS45IiByPSIyLjIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNzcuMiA0OC4zYy0wLjYgMC0xLjEtMC41LTEuMS0xLjF2LTMuOWMwLTAuNiAwLjUtMS4xIDEuMS0xLjFzMS4xIDAuNSAxLjEgMS4xdjMuOUM3OC4zIDQ3LjggNzcuOCA0OC4zIDc3LjIgNDguM3oiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSI3Ny4yIiBjeT0iNTUuOSIgcj0iMi4yIi8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTg0LjUgNDguM2MtMC42IDAtMS4xLTAuNS0xLjEtMS4xdi0zLjljMC0wLjYgMC41LTEuMSAxLjEtMS4xIDAuNiAwIDEuMSAwLjUgMS4xIDEuMXYzLjlDODUuNyA0Ny44IDg1LjIgNDguMyA4NC41IDQ4LjN6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iODQuNSIgY3k9IjU1LjkiIHI9IjIuMiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yOC40IDc1LjNIMTEuN2MtMC42IDAtMS4xLTAuNS0xLjEtMS4xIDAtMC42IDAuNS0xLjEgMS4xLTEuMWgxNi43YzAuNiAwIDEuMSAwLjUgMS4xIDEuMUMyOS41IDc0LjggMjkgNzUuMyAyOC40IDc1LjN6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTM1IDgySDExLjdjLTAuNiAwLTEuMS0wLjUtMS4xLTEuMSAwLTAuNiAwLjUtMS4xIDEuMS0xLjFIMzVjMC42IDAgMS4xIDAuNSAxLjEgMS4xQzM2LjIgODEuNSAzNS43IDgyIDM1IDgyeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yMS43IDg4LjZoLTEwYy0wLjYgMC0xLjEtMC41LTEuMS0xLjEgMC0wLjYgMC41LTEuMSAxLjEtMS4xaDEwYzAuNiAwIDEuMSAwLjUgMS4xIDEuMUMyMi45IDg4LjEgMjIuNCA4OC42IDIxLjcgODguNnoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjkuOCA3OS4yYy0wLjYgMC0xLjEtMC41LTEuMS0xLjF2LTMuOWMwLTAuNiAwLjUtMS4xIDEuMS0xLjEgMC42IDAgMS4xIDAuNSAxLjEgMS4xVjc4QzcxIDc4LjcgNzAuNCA3OS4yIDY5LjggNzkuMnoiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSI2OS44IiBjeT0iODYuNyIgcj0iMi4yIi8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTc3LjIgNzkuMmMtMC42IDAtMS4xLTAuNS0xLjEtMS4xdi0zLjljMC0wLjYgMC41LTEuMSAxLjEtMS4xczEuMSAwLjUgMS4xIDEuMVY3OEM3OC4zIDc4LjcgNzcuOCA3OS4yIDc3LjIgNzkuMnoiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSI3Ny4yIiBjeT0iODYuNyIgcj0iMi4yIi8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTg0LjUgNzkuMmMtMC42IDAtMS4xLTAuNS0xLjEtMS4xdi0zLjljMC0wLjYgMC41LTEuMSAxLjEtMS4xIDAuNiAwIDEuMSAwLjUgMS4xIDEuMVY3OEM4NS43IDc4LjcgODUuMiA3OS4yIDg0LjUgNzkuMnoiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSI4NC41IiBjeT0iODYuNyIgcj0iMi4yIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTMuMiAxLjl2MzAuOCAzLjggMjcgMy44IDMwLjhoOTMuN1Y2Ny4zdi0zLjggLTI3IC0zLjhWMS45SDMuMnpNOTIuOCA5NC4xSDcuMlY2Ny41aDg1LjdWOTQuMXpNOTIuOCAzNi43djI2LjZINy4yVjM2LjdIOTIuOHpNNy4yIDUuOWg4NS43djI2LjZINy4yVjUuOXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjguNCAxMy43SDExLjdjLTAuNiAwLTEuMS0wLjUtMS4xLTEuMXMwLjUtMS4xIDEuMS0xLjFoMTYuN2MwLjYgMCAxLjEgMC41IDEuMSAxLjFTMjkgMTMuNyAyOC40IDEzLjd6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTM1IDIwLjNIMTEuN2MtMC42IDAtMS4xLTAuNS0xLjEtMS4xczAuNS0xLjEgMS4xLTEuMUgzNWMwLjYgMCAxLjEgMC41IDEuMSAxLjFTMzUuNyAyMC4zIDM1IDIwLjN6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTIxLjcgMjdoLTEwYy0wLjYgMC0xLjEtMC41LTEuMS0xLjFzMC41LTEuMSAxLjEtMS4xaDEwYzAuNiAwIDEuMSAwLjUgMS4xIDEuMVMyMi40IDI3IDIxLjcgMjd6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTY5LjggMTcuNWMtMC42IDAtMS4xLTAuNS0xLjEtMS4xdi0zLjljMC0wLjYgMC41LTEuMSAxLjEtMS4xIDAuNiAwIDEuMSAwLjUgMS4xIDEuMXYzLjlDNzEgMTcgNzAuNCAxNy41IDY5LjggMTcuNXoiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSI2OS44IiBjeT0iMjUiIHI9IjIuMiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03Ny4yIDE3LjVjLTAuNiAwLTEuMS0wLjUtMS4xLTEuMXYtMy45YzAtMC42IDAuNS0xLjEgMS4xLTEuMXMxLjEgMC41IDEuMSAxLjF2My45Qzc4LjMgMTcgNzcuOCAxNy41IDc3LjIgMTcuNXoiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSI3Ny4yIiBjeT0iMjUiIHI9IjIuMiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik04NC41IDE3LjVjLTAuNiAwLTEuMS0wLjUtMS4xLTEuMXYtMy45YzAtMC42IDAuNS0xLjEgMS4xLTEuMSAwLjYgMCAxLjEgMC41IDEuMSAxLjF2My45Qzg1LjcgMTcgODUuMiAxNy41IDg0LjUgMTcuNXoiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSI4NC41IiBjeT0iMjUiIHI9IjIuMiIvPjwvc3ZnPg==) no-repeat;
}

.home .cover .serv-icon-2 {
	left: 16%;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe29wYWNpdHk6MDtmaWxsOiNGRkZGRkY7fSAuc3Qxe2ZpbGw6I0ZGRkZGRjt9IDwvc3R5bGU+PHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTAgMi4zQzIzLjcgMi4zIDIuMyAyMy43IDIuMyA1MGMwIDI2LjMgMjEuNCA0Ny43IDQ3LjcgNDcuNyAyNi4zIDAgNDcuNy0yMS40IDQ3LjctNDcuN0M5Ny43IDIzLjcgNzYuMyAyLjMgNTAgMi4zek04Ni45IDczLjZINzMuMWMyLjMtNi44IDMuNi0xNC42IDMuNi0yMi44aDE3LjFDOTMuNyA1OS4yIDkxLjEgNjcgODYuOSA3My42ek02LjIgNTAuOGgxNy4xYzAuMSA4LjEgMS4zIDE1LjkgMy42IDIyLjhIMTMuMUM4LjkgNjcgNi4zIDU5LjIgNi4yIDUwLjh6TTEzLjEgMjYuNGgxMy44Yy0yLjMgNi44LTMuNiAxNC42LTMuNiAyMi44SDYuMkM2LjMgNDAuOCA4LjkgMzMgMTMuMSAyNi40ek01MC44IDI0LjdWNi4yYzIgMCAzLjkgMC4yIDUuOCAwLjUgNS44IDIuOSAxMC43IDkuNCAxNCAxOEg1MC44ek03MS4zIDI2LjRjMi4zIDYuNiAzLjcgMTQuNCAzLjcgMjIuOEg1MC44VjI2LjRINzEuM3pNNDkuMiA2LjJ2MTguNUgyOS4zYzMuMy04LjcgOC4yLTE1LjIgMTQtMThDNDUuMiA2LjQgNDcuMiA2LjIgNDkuMiA2LjJ6TTQ5LjIgMjYuNHYyMi44SDI0LjljMC4xLTguMyAxLjQtMTYuMSAzLjctMjIuOEg0OS4yek0yNC45IDUwLjhoMjQuMnYyMi44SDI4LjdDMjYuNCA2NyAyNSA1OS4yIDI0LjkgNTAuOHpNNDkuMiA3NS4zdjE4LjVjLTIgMC0zLjktMC4yLTUuOC0wLjUgLTUuOC0yLjktMTAuNy05LjQtMTQtMThINDkuMnpNNTAuOCA5My44Vjc1LjNoMTkuOWMtMy4zIDguNy04LjIgMTUuMi0xNCAxOEM1NC44IDkzLjYgNTIuOCA5My44IDUwLjggOTMuOHpNNTAuOCA3My42VjUwLjhoMjQuMkM3NSA1OS4yIDczLjYgNjcgNzEuMyA3My42SDUwLjh6TTc2LjcgNDkuMmMtMC4xLTguMS0xLjMtMTUuOS0zLjYtMjIuOGgxMy44YzQuMiA2LjYgNi44IDE0LjQgNi45IDIyLjhINzYuN3pNODUuOCAyNC43SDcyLjVjLTEtMi43LTIuMS01LjItMy40LTcuNSAtMi4zLTQuMS00LjktNy4zLTcuOC05LjZDNzEuMyAxMC4zIDc5LjkgMTYuNCA4NS44IDI0Ljd6TTM4LjggNy42Yy0yLjkgMi4zLTUuNSA1LjUtNy44IDkuNiAtMS4zIDIuMy0yLjUgNC44LTMuNCA3LjVIMTQuMkMyMC4xIDE2LjQgMjguNyAxMC4zIDM4LjggNy42ek0xNC4yIDc1LjNoMTMuM2MxIDIuNyAyLjEgNS4yIDMuNCA3LjUgMi4zIDQuMSA0LjkgNy4zIDcuOCA5LjZDMjguNyA4OS43IDIwLjEgODMuNiAxNC4yIDc1LjN6TTYxLjIgOTIuNGMyLjktMi4zIDUuNS01LjUgNy44LTkuNiAxLjMtMi4zIDIuNS00LjggMy40LTcuNWgxMy4zQzc5LjkgODMuNiA3MS4zIDg5LjcgNjEuMiA5Mi40eiIvPjwvc3ZnPg==) no-repeat;
}

.home .cover .serv-icon-3 {
	left: 46%;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe29wYWNpdHk6MDtmaWxsOiNGRkZGRkY7fSAuc3Qxe2ZpbGw6I0ZGRkZGRjt9IC5zdDJ7ZmlsbDojREZGQjI1O30gPC9zdHlsZT48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01Ni45IDI5LjNjLTAuNiAwLTEuMi0wLjUtMS4yLTEuMlYxMS4zYzAtMC42IDAuNS0xLjIgMS4yLTEuMiAwLjYgMCAxLjIgMC41IDEuMiAxLjJ2MTYuOEM1OC4xIDI4LjggNTcuNiAyOS4zIDU2LjkgMjkuM3oiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTAuMiAzNmMtMC42IDAtMS4yLTAuNS0xLjItMS4yVjExLjNjMC0wLjYgMC41LTEuMiAxLjItMS4yIDAuNiAwIDEuMiAwLjUgMS4yIDEuMnYyMy42QzUxLjQgMzUuNSA1MC45IDM2IDUwLjIgMzZ6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQzLjUgMjIuNmMtMC42IDAtMS4yLTAuNS0xLjItMS4yVjExLjNjMC0wLjYgMC41LTEuMiAxLjItMS4yIDAuNiAwIDEuMiAwLjUgMS4yIDEuMnYxMC4xQzQ0LjYgMjIgNDQuMSAyMi42IDQzLjUgMjIuNnoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNDIuNSA3Ni44Yy0wLjYgMC0xLjItMC41LTEuMi0xLjJ2LTMuOWMwLTAuNiAwLjUtMS4yIDEuMi0xLjIgMC42IDAgMS4yIDAuNSAxLjIgMS4ydjMuOUM0My43IDc2LjMgNDMuMiA3Ni44IDQyLjUgNzYuOHoiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSI0Mi41IiBjeT0iODQuNCIgcj0iMi4yIi8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTUwIDc2LjhjLTAuNiAwLTEuMi0wLjUtMS4yLTEuMnYtMy45YzAtMC42IDAuNS0xLjIgMS4yLTEuMiAwLjYgMCAxLjIgMC41IDEuMiAxLjJ2My45QzUxLjIgNzYuMyA1MC42IDc2LjggNTAgNzYuOHoiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSI1MCIgY3k9Ijg0LjQiIHI9IjIuMiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01Ny41IDc2LjhjLTAuNiAwLTEuMi0wLjUtMS4yLTEuMnYtMy45YzAtMC42IDAuNS0xLjIgMS4yLTEuMiAwLjYgMCAxLjIgMC41IDEuMiAxLjJ2My45QzU4LjYgNzYuMyA1OC4xIDc2LjggNTcuNSA3Ni44eiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjU3LjUiIGN5PSI4NC40IiByPSIyLjIiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjYgMjkuM2MtMC42IDAtMS4yLTAuNS0xLjItMS4yVjExLjNjMC0wLjYgMC41LTEuMiAxLjItMS4yczEuMiAwLjUgMS4yIDEuMnYxNi44QzI3LjIgMjguOCAyNi43IDI5LjMgMjYgMjkuM3oiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTkuMyAzNmMtMC42IDAtMS4yLTAuNS0xLjItMS4yVjExLjNjMC0wLjYgMC41LTEuMiAxLjItMS4yczEuMiAwLjUgMS4yIDEuMnYyMy42QzIwLjUgMzUuNSAxOS45IDM2IDE5LjMgMzZ6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTEyLjYgMjIuNmMtMC42IDAtMS4yLTAuNS0xLjItMS4yVjExLjNjMC0wLjYgMC41LTEuMiAxLjItMS4yczEuMiAwLjUgMS4yIDEuMnYxMC4xQzEzLjcgMjIgMTMuMiAyMi42IDEyLjYgMjIuNnoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTEuNiA3Ni44Yy0wLjYgMC0xLjItMC41LTEuMi0xLjJ2LTMuOWMwLTAuNiAwLjUtMS4yIDEuMi0xLjJzMS4yIDAuNSAxLjIgMS4ydjMuOUMxMi44IDc2LjMgMTIuMyA3Ni44IDExLjYgNzYuOHoiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSIxMS42IiBjeT0iODQuNCIgcj0iMi4yIi8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTE5LjEgNzYuOGMtMC42IDAtMS4yLTAuNS0xLjItMS4ydi0zLjljMC0wLjYgMC41LTEuMiAxLjItMS4yczEuMiAwLjUgMS4yIDEuMnYzLjlDMjAuMyA3Ni4zIDE5LjcgNzYuOCAxOS4xIDc2Ljh6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTkuMSIgY3k9Ijg0LjQiIHI9IjIuMiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yNi42IDc2LjhjLTAuNiAwLTEuMi0wLjUtMS4yLTEuMnYtMy45YzAtMC42IDAuNS0xLjIgMS4yLTEuMnMxLjIgMC41IDEuMiAxLjJ2My45QzI3LjcgNzYuMyAyNy4yIDc2LjggMjYuNiA3Ni44eiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjI2LjYiIGN5PSI4NC40IiByPSIyLjIiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjcuNSAyLjZoLTQuMUgzNi42aC00LjFIMS42djk0LjhoMzAuOSA0LjEgMjYuOCA0LjEgMzAuOVYyLjZINjcuNXpNNS42IDkzLjNWNi43aDI2Ljl2ODYuN0g1LjZ6TTM2LjYgOTMuM1Y2LjdoMjYuOHY4Ni43SDM2LjZ6TTk0LjQgOTMuM0g2Ny41VjYuN2gyNi45VjkzLjN6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTg3LjggMjkuM2MtMC42IDAtMS4yLTAuNS0xLjItMS4yVjExLjNjMC0wLjYgMC41LTEuMiAxLjItMS4yIDAuNiAwIDEuMiAwLjUgMS4yIDEuMnYxNi44Qzg5IDI4LjggODguNSAyOS4zIDg3LjggMjkuM3oiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNODEuMSAzNmMtMC42IDAtMS4yLTAuNS0xLjItMS4yVjExLjNjMC0wLjYgMC41LTEuMiAxLjItMS4yczEuMiAwLjUgMS4yIDEuMnYyMy42QzgyLjMgMzUuNSA4MS44IDM2IDgxLjEgMzZ6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTc0LjQgMjIuNmMtMC42IDAtMS4yLTAuNS0xLjItMS4yVjExLjNjMC0wLjYgMC41LTEuMiAxLjItMS4yczEuMiAwLjUgMS4yIDEuMnYxMC4xQzc1LjUgMjIgNzUgMjIuNiA3NC40IDIyLjZ6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTczLjQgNzYuOGMtMC42IDAtMS4yLTAuNS0xLjItMS4ydi0zLjljMC0wLjYgMC41LTEuMiAxLjItMS4yIDAuNiAwIDEuMiAwLjUgMS4yIDEuMnYzLjlDNzQuNiA3Ni4zIDc0LjEgNzYuOCA3My40IDc2Ljh6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iNzMuNCIgY3k9Ijg0LjQiIHI9IjIuMiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik04MC45IDc2LjhjLTAuNiAwLTEuMi0wLjUtMS4yLTEuMnYtMy45YzAtMC42IDAuNS0xLjIgMS4yLTEuMnMxLjIgMC41IDEuMiAxLjJ2My45QzgyLjEgNzYuMyA4MS41IDc2LjggODAuOSA3Ni44eiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjgwLjkiIGN5PSI4NC40IiByPSIyLjIiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNODguNCA3Ni44Yy0wLjYgMC0xLjItMC41LTEuMi0xLjJ2LTMuOWMwLTAuNiAwLjUtMS4yIDEuMi0xLjIgMC42IDAgMS4yIDAuNSAxLjIgMS4ydjMuOUM4OS41IDc2LjMgODkgNzYuOCA4OC40IDc2Ljh6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iODguNCIgY3k9Ijg0LjQiIHI9IjIuMiIvPjwvc3ZnPg==) no-repeat;
}

.home .cover .serv-icon-4 {
	width: 43%;
	padding-top: 25%;
	left: 76%;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzAgMTAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe29wYWNpdHk6MDtmaWxsOiNGRkZGRkY7fSAuc3Qxe2ZpbGw6I0ZGRkZGRjt9IC5zdDJ7ZmlsbDojREZGQjI1O30gPC9zdHlsZT48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMTcwIiBoZWlnaHQ9IjEwMCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik05MC40IDUuNGMxNC44IDAgMjggOS40IDMyLjggMjMuMyAwLjYgMS42IDIuMSAyLjcgMy44IDIuOCA1LjQgMC4yIDEwLjQgMi40IDE0LjMgNi4xIDMuOCAzLjcgNi4xIDguNyA2LjUgMTQuMSAwLjEgMS41IDEgMi44IDIuMyAzLjUgMy40IDEuNiA2LjIgNC4yIDguMyA3LjQgMi4xIDMuMyAzLjIgNyAzLjIgMTAuOSAwIDUuNC0yLjEgMTAuNS01LjkgMTQuMyAtMy44IDMuOC04LjkgNS45LTE0LjMgNS45SDI3LjRjLTUuNCAwLTEwLjUtMi4xLTE0LjMtNS45IC0zLjgtMy44LTUuOS04LjktNS45LTE0LjMgMC01LjQgMi4xLTEwLjUgNS45LTE0LjNzOC45LTUuOSAxNC4zLTUuOWgwLjVjMS44IDAgMy4zLTEuMSAzLjktMi43IDMuMy05LjEgMTEuNy0xNS41IDIxLjMtMTYuMyAxLjgtMC4xIDMuMi0xLjQgMy43LTMuMUM2MC45IDE2IDc0LjYgNS40IDkwLjQgNS40TTkwLjQgMS4yYy0xOCAwLTMzLjIgMTIuMy0zNy42IDI4LjkgLTExLjUgMS0yMS4xIDguNi0yNC45IDE5aC0wLjVDMTQgNDkuMSAzIDYwIDMgNzMuNXYwYzAgMTMuNCAxMSAyNC40IDI0LjQgMjQuNGgxMTMuOGMxMy40IDAgMjQuNC0xMSAyNC40LTI0LjR2MGMwLTkuNi01LjctMTgtMTMuOC0yMiAtMC44LTEzLjEtMTEuNS0yMy42LTI0LjctMjQuMUMxMjEuOCAxMi4xIDEwNy40IDEuMiA5MC40IDEuMkw5MC40IDEuMnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTAuNSA1OC4zYzYuNCAwIDExLjcgNS4yIDExLjcgMTEuNyAwIDYuNC01LjIgMTEuNy0xMS43IDExLjdzLTExLjctNS4yLTExLjctMTEuN0MzOC45IDYzLjUgNDQuMSA1OC4zIDUwLjUgNTguM001MC41IDU1LjljLTcuOCAwLTE0IDYuMy0xNCAxNHM2LjMgMTQgMTQgMTRjNy44IDAgMTQtNi4zIDE0LTE0UzU4LjMgNTUuOSA1MC41IDU1LjlMNTAuNSA1NS45eiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjUwLjUiIGN5PSI2OS45IiByPSIzLjUiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNODQuMyA1OC4zYzYuNCAwIDExLjcgNS4yIDExLjcgMTEuNyAwIDYuNC01LjIgMTEuNy0xMS43IDExLjcgLTYuNCAwLTExLjctNS4yLTExLjctMTEuN0M3Mi43IDYzLjUgNzcuOSA1OC4zIDg0LjMgNTguM004NC4zIDU1LjljLTcuOCAwLTE0IDYuMy0xNCAxNHM2LjMgMTQgMTQgMTQgMTQtNi4zIDE0LTE0UzkyLjEgNTUuOSA4NC4zIDU1LjlMODQuMyA1NS45eiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9Ijg0LjMiIGN5PSI2OS45IiByPSIzLjUiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTE4LjEgNTguM2M2LjQgMCAxMS43IDUuMiAxMS43IDExLjcgMCA2LjQtNS4yIDExLjctMTEuNyAxMS43IC02LjQgMC0xMS43LTUuMi0xMS43LTExLjdDMTA2LjQgNjMuNSAxMTEuNyA1OC4zIDExOC4xIDU4LjNNMTE4LjEgNTUuOWMtNy44IDAtMTQgNi4zLTE0IDE0czYuMyAxNCAxNCAxNGM3LjggMCAxNC02LjMgMTQtMTRTMTI1LjggNTUuOSAxMTguMSA1NS45TDExOC4xIDU1Ljl6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTE4LjEiIGN5PSI2OS45IiByPSIzLjUiLz48L3N2Zz4=) no-repeat;
}

.home .cover .domain-icon-1 {
	left: -12%;
}

.home .cover .domain-icon-2 {
	left: 21%;
}

.home .cover .domain-icon-3 {
	left: 54%;
}

.home .cover .domain-icon-4 {
	left: 87%;
}

.home .cover .clouds-1,
.home .cover .clouds-2 {
	display: block;
	position: absolute;
	bottom: 13%;
	left: 32%;
	width: 40%;
	padding-bottom: 20%;
	/*opacity: 0.5;*/
}

.home .spr-n,
.home .spr::after {
	background-image: url('../imgs/spr-home.png');
	background-size: 1100px 476px;
}

.home .domains {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 35px;
	align-items: center;
	align-content: center;
}

.home .domains > div {
	position: relative;
	flex: 1 1 10%;
	background-color: #fff;
	padding: 40px 0;
	margin: 30px 25px;
	width: 16%;
	min-width: 10%;
	max-width: 16%;
	text-align: center;
	border-radius: 10px;
	box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.04);
}

.home .domains > div::after {
	transition: transform 300ms;
}

.home .domains > div:hover::after {
	transform: translateY(-10px);
}

.domains .pkg .domains-list > div::after,
.home .domains > div::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 104px;
	height: 46px;
	opacity: 0.85;
}

.domains .pkg .domains-list > div.ro::after,
.home .domains > div.ro::after {
	background-position: 0px 0px;
}

.domains .pkg .domains-list > div.eu::after,
.home .domains > div.eu::after {
	background-position: -104px 0px;
}

.domains .pkg .domains-list > div.com::after,
.home .domains > div.com::after {
	background-position: -208px 0px;
}

.domains .pkg .domains-list > div.net::after,
.home .domains > div.net::after {
	background-position: -312px 0px;
}

.domains .pkg .domains-list > div.org::after,
.home .domains > div.org::after {
	background-position: -416px 0px;
}

.domains .pkg .domains-list > div.biz::after,
.home .domains > div.biz::after {
	background-position: -520px 0px;
}

.home .domains > div span {
	display: block;
	font-size: 26px;
	opacity: 0.5;
	color: #028090;
}

.home .domains > div span.price {
	display: block;
	font-size: 24px;
	font-weight: bold;
	opacity: 1;
	color: #05668d;
	margin-top: 150px;
}

.home .boxes .support::after {
	background-position: 0px 0px;
}

.home .boxes .uptime::after {
	background-position: -260px 0px;
}

.home .boxes .simple::after {
	background-position: -520px 0px;
}

.home .boxes .invoice::after {
	background-position: -780px 0px;
}

.home .section .reseller,
.home .section .hosting-x {
	position: relative;
	width: 550px;
	height: 300px;
}

.home .section .reseller {
	margin-right: auto;
}

.home .section .hosting-x {
	margin-left: auto;
}

.home .section .reseller .wheel,
.home .section .hosting-x .wheel {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	background-position: 0 -212px;
}

.home .section .reseller .top-lines {
	position: absolute;
	top: 0;
	right: 40px;
	width: 180px;
	height: 80px;
	background-position: -240px -212px;
}

.home .section .reseller .icons {
	position: absolute;
	top: 86px;
	left: 0;
	right: 0;
	width: 550px;
	height: 138px;
	margin: 0 auto;
	background-position: 0px -292px;
}

.home .section .reseller .whmcs {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 160px;
	height: 80px;
	background-position: -80px -212px;
}

.home .section .reseller .bottom-lines {
	position: absolute;
	bottom: 0;
	left: 40px;
	width: 160px;
	height: 80px;
	background-position: -420px -212px;
}

.home .section .hosting-x .wheel {
	background-position: -580px -212px;
}

.home .section .hosting-x .top-lines {
	position: absolute;
	top: 0;
	right: 9%;
	width: 170px;
	height: 80px;
	background-position: -810px -212px;
}

.home .section .hosting-x .icons {
	position: absolute;
	top: 78px;
	left: 0;
	right: 0;
	width: 100%;
	height: 138px;
	margin: 0 auto;
	background-position: -550px -292px;
}

.home .section .hosting-x .whm {
	position: absolute;
	bottom: 20px;
	right: 23%;
	width: 240px;
	height: 46px;
	background-position: 0px -430px;
}

.home .section .hosting-x .bottom-lines {
	position: absolute;
	bottom: 0;
	left: 8%;
	width: 150px;
	height: 80px;
	background-position: -660px -212px;
}

.home .swiper-container.news-wrapper {
	width: 57%;
	height: 380px;
	margin: 40px auto;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.04);
	padding: 30px 80px 30px 30px;
}

.home .swiper-slide {
	display: flex;
	text-align: left;
	justify-content: center;
	flex-direction: column;
}

.home .news-wrapper .swiper-slide {
	padding: 20px 0;
	justify-content: flex-start;
	overflow-y: auto;
}

.home .news-wrapper h3 {
	padding-left: 40px;
}

.home .news-wrapper p {
	font-size: 15px;
	color: #818181;
}

.home .news-wrapper h3 > span  {
	position: absolute;
	display: block;
	left: 0;
	top: -2px;
	color: #028090;
	font-size: 20px;
	height: 36px;
	font-weight: bold;
}

.home .news-wrapper h3 > span span {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 13px;
}

.home .news-wrapper .news-nav {
	position: absolute;
	top: 0;
	right: 15px;
	width: 40px;
	height: 100%;
}

.home .news-wrapper .news-nav .news-up.prev-arrow {
	top: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.home .news-wrapper .news-nav .news-down.next-arrow {
	bottom: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.home .partners {
	display: flex;
	width: 100%;
	margin: 40px 0 0 0;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

.home .partners > div {
	position: relative;
	margin: 10px;
    flex: 1 1 200px;
	height: 90px;
}

.home .partners > div::after {
	content: '';
	position: absolute;
	height: 90px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-image: url('../imgs/spr-partners.png');
	background-size: 978px 180px;
}

.home .partners > div.nav::after {
	width: 128px;
	background-position: 0px 0px;
}

.home .partners > div.central-nic::after {
	width: 111px;
	background-position: -128px 0px;
}

.home .partners > div.eurid::after {
	width: 152px;
	background-position: -239px 0px;
}

.home .partners > div.rotld::after {
	width: 140px;
	background-position: -391px 0px;
}

.home .partners > div.ripe-ncc::after {
	width: 170px;
	background-position: -531px 0px;
}

.home .partners > div.whmcs::after {
	width: 140px;
	background-position: -701px 0px;
}

.home .partners > div.cpanel::after {
	width: 138px;
	background-position: -840px 0px;
}

.home .partners > div:hover::after {
	background-position-y: -90px;
}

.home .clients-wrapper {
	display: block;
	position: relative;
	width: 1280px;
	height: 300px;
	margin: 10px auto 0 auto;
}

.home .swiper-container.clients-swiper {
	display: block;
	width: 70%;
	height: 100%;
	margin: 0 auto;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.home .clients-swiper .swiper-slide {
	display: flex;
	text-align: center;
}

.home .clients-swiper .swiper-slide p {
	display: block;
	font-weight: 18px;
	font-style: italic;
	margin-bottom: 20px;
	line-height: 1.8;
}

.home .clients-swiper .swiper-slide .name {
	color: #05668d;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.home .clients-swiper .swiper-slide .job {
	font-size: 13px;
}

.home .clients-wrapper .clients-left.prev-arrow {
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.home .clients-wrapper .clients-right.next-arrow {
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

/* Domains */

.domains .spr-n,
.domains .spr::after {
	background-image: url('../imgs/spr-domains.png');
	background-size: 780px 700px;
}

.domains .cover .domains-header {
	position: relative;
	width: 50%;
	margin: 0 auto;
	top: 24%;
	transform: translateY(-23%);
	text-align: center;
	max-width: 30%;
}

.domains .cover .dotted-circle {
	position: relative;
	display: inline-block;
	width: 70%;
	padding-top: 35%;
	margin-bottom: 22%;
}

.domains .cover .clouds-1 {
	display: block;
	position: absolute;
	bottom: 13%;
	left: 32%;
	width: 40%;
	padding-bottom: 20%;
}

.domains .cover .domains-icon {
	display: inline-block;
	position: absolute;
	bottom: -45%;
	width: 25%;
	padding-top: 25%;
}

.domains .cover .domains-icon span {
	display: block;
	position: absolute;
	bottom: -28%;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	color: #fff;
	opacity: 0.8;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.domains .pkg .domains-list > div {
	position: relative;
	flex: 1 1 auto;
	background-color: #fff;
	padding: 30px;
	margin: 25px;
	text-align: center;
	border-radius: 10px;
	box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.04);
}

.domains .cover .domain-icon-1 {
	left: -12%;
}

.domains .cover .domain-icon-2 {
	left: 21%;
}

.domains .cover .domain-icon-3 {
	left: 54%;
}

.domains .cover .domain-icon-4 {
	left: 87%;
}

.domains .pkgs-wrapper {
	padding-bottom: 0;
}

.domains .pkgs-top {
	position: relative;
	width: 100%;
	top: -200px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.domains .pkgs-top .pkg {
	margin: 30px;
}

.domains .pkgs-top .pkg h1 {
	float: left;
	width: 22%;
	text-align: left;
	color: #666;
	font-size: 22px;
	font-weight: 200;
}

.domains .pkgs-top .pkg h1 strong {
	font-size: 44px;
	font-weight: bold;
}

.domains .pkgs-top .pkg.silver h1 strong {
	color: #a1b7c6;
}

.domains .pkgs-top .pkg.gold h1 strong {
	color: #e8e000;
}

.domains .pkgs-top .pkg p {
	float: right;
	width: 78%;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
	opacity: 0.8;
}

.domains .pkgs-top .pkg .dsp {
	margin: 35px 0;
}

.domains .pkgs-top .pkg .domains-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.domains .pkgs-top .pkg .domains-list > div {
	flex: 1 1 auto;
	box-shadow: none;
	margin: 10px 0;
	padding: 0;
	min-width: 100px;
	border-radius: 0;
}

.domains .pkgs-top .pkg .domains-list > div::after {
	bottom: auto;
	margin: 0 auto;
	transform: scale(0.85);
}

.domains .pkgs-top .pkg .domains-list > div span.price {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #05668d;
	margin-top: 50px;
	opacity: 0.6;
}

.domains .pkgs-top .pkg .pkg-footer {
	position: relative;
	display: block;
	text-align: center;
}

.domains .pkgs-top .pkg .pkg-footer .action-btt {
	margin: 0;
}

.domains .pkgs-top .pkg .pkg-footer span {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	font-size: 15px;
	font-weight: 200;
	color: #028090;
}

.domains .section > div:first-child {
	min-width: 700px;
	max-width: 700px;
}

.domains .section .reseller {
	position: relative;
	width: 650px;
	height: 260px;
	margin-right: auto;
}

.domains .section .whmcs {
	position: relative;
	width: 400px;
	height: 320px;
	margin-left: auto;
}

.domains .section .reseller .wheel {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 66px;
	height: 66px;
	margin: 0 auto;
	background-position: 0 -212px;
}

.domains .section .reseller .top {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	width: 648px;
	height: 88px;
	margin: 0 auto;
	background-position: -66px -212px;
}

.domains .section .reseller .globe {
	position: absolute;
	top: 87px;
	width: 78px;
	height: 110px;
	background-position: -597px -362px;
}

.domains .section .reseller .globe.g-1 {
	left: 60px;
}

.domains .section .reseller .globe.g-2 {
	left: 173px;
}

.domains .section .reseller .globe.g-3 {
	left: 286px;
}

.domains .section .reseller .globe.g-4 {
	left: 399px;
}

.domains .section .reseller .globe.g-5 {
	left: 512px;
}

.domains .section .reseller .bottom {
	position: absolute;
	bottom: 10px;
	left: 20%;
	right: 0;
	width: 328px;
	height: 40px;
	background-position: 0px -300px;
}

.domains .section .whmcs .panel {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 390px;
	height: 318px;
	background-position: 0px -340px;
}

.domains .section .whmcs .icon {
	position: absolute;
	top: 120px;
	width: 62px;
	height: 62px;
}

.domains .section .whmcs .icon.i-1 {
	left: 40px;
	background-position: -390px -300px;
}

.domains .section .whmcs .icon.i-2 {
	left: 108px;
	background-position: -452px -300px;
}

.domains .section .whmcs .icon.i-3 {
	left: 172px;
	background-position: -514px -300px;
}

.domains .section .whmcs .icon.i-4 {
	left: 236px;
	background-position: -576px -300px;
}

.domains .section .whmcs .icon.i-5 {
	left: 300px;
	background-position: -638px -300px;
}

.domains .pkgs-info {
	align-items: stretch;
	margin-top: 70px;
}

.domains .pkgs-info .pkg {
	padding: 60px 40px;
	margin: 30px;
	min-width: 400px;
}

.domains .pkgs-info p {
	text-align: center;
	font-size: 15px;
	padding: 10px 20%;
	color: #555;
	opacity: 0.7;
}

.domains .pkgs-info ul.check {
	width: 50%;
	margin: 20px auto 0 auto;
}

.domains .reseller-info p {
	display: block;
	text-align: center;
	width: 45%;
	margin: 35px auto 0 auto;
	color: #555;
	line-height: 1.8;
	opacity: 0.8;
}

.domains .boxes {
	margin: 0;
}

.domains .boxes > div {
    flex: 1 1 240px;
	padding-bottom: 0;
	margin-bottom: 0;
}

.domains .boxes > div > p {
	font-size: 16px;
}

.domains .boxes > div > .icon.arrow::after {
	height: 118px;
	top: -50%;
	transform: translateY(50%);
}

.domains .boxes .client::after {
	background-position: 0px 0px;
}

.domains .boxes .reseller::after {
	background-position: -260px 0px;
}

.domains .boxes .api::after {
	background-position: -520px 0px;
}

.domains .boxes .arrow::after {
	background-position: -390px -582px;
}

.domains .schema {
	display: flex;
	width: 100%;
	justify-content: space-around;
	align-items: center;
	padding: 0 5%;
}

.domains .schema > div:nth-child(1),
.domains .schema > div:nth-child(3) {
	position: relative;
	flex: 1 1 240px;
	max-width: 10%;
}

.domains .schema > div:nth-child(2) {
	position: relative;
	flex: 1 1 110px;
	height: 220px;
}

.domains .schema > div .icon {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.domains .schema > div > .icon::after {
	content: '';
	position: relative;
	display: block;
	left: 50%;
	image-rendering: -webkit-optimize-contrast;
}

.domains .schema > div:nth-child(1) .icon::after {
	content: '';
	margin-left: -52px;
	width: 104px;
	height: 220px;
	background-position: -390px -362px;
}

.domains .schema > div:nth-child(2)::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background-image: url('../imgs/schema-arrow.png');
	background-repeat: no-repeat;
	background-position: center 90%;
	background-size: contain;
}

.domains .schema > div:nth-child(3) .icon::after {
	content: '';
	margin-left: -52px;
	width: 104px;
	height: 220px;
	background-position: -492px -362px;
}

.domains .actions {
	display: flex;
	margin: 0 auto;
	justify-content: center;
	flex-wrap: wrap;
}

.domains .actions > div {
	flex: 1 1 auto;
	text-align: center;
	max-width: 300px;
}

.domains .actions > a {
	margin: 20px;
}

.domains .domains-prices {
	position: relative;
	display: block;
	width: 60%;
	background-color: #fff;
	margin: 90px auto 20px auto;
	padding: 40px;
}

.domains .domains-prices-wrapper {
	display: none;
}

.domains .domains-prices table {
	width: 100%;
	border-collapse: collapse;
}

.domains .domains-prices table th {
	font-size: 18px;
	font-weight: bold;
	color: #05668d;
	text-align: center;
	padding: 0 0 15px 0;
}

.domains .domains-prices table th:first-child {
	text-align: left;
}

.domains .domains-prices table tr {
	transition: background-color 60ms, color 60ms;
}

.domains .domains-prices table tr:not(.t-head):hover {
	background-color: rgba(81, 171, 246, 0.06);
	color: #316c95;
}

.domains .domains-prices table td {
	font-size: 16px;
	text-align: center;
	padding: 10px 5px;
	border-bottom: 1px solid rgba(81, 171, 246, 0.2);
}

.domains .domains-prices table td:first-child {
	text-align: left;
}

/* Dedicated servers */

.dedicated .spr-n,
.dedicated .spr::after {
	background-image: url('../imgs/spr-dedicated.png');
	background-size: 1040px 452px;
}

.dedicated .cover .dedicated-header {
	position: relative;
	width: 50%;
	margin: 0 auto;
	top: 15%;
	transform: translateY(-20%);
	text-align: center;
	max-width: 30%;
}

.dedicated .cover .dotted-circle {
	position: relative;
	display: inline-block;
	width: 70%;
	padding-top: 35%;
	font-size: 0;
	background-size: contain;
}

.dedicated .cover .dedicated-icon {
	margin-bottom: 5%;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe29wYWNpdHk6MDtmaWxsOiNGRkZGRkY7fSAuc3Qxe2ZpbGw6I0ZGRkZGRjt9IC5zdDJ7ZmlsbDojREZGQjI1O30gPC9zdHlsZT48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NS40IDExMC4zSDE3LjhjLTEgMC0xLjktMC44LTEuOS0xLjlzMC44LTEuOSAxLjktMS45aDI3LjVjMSAwIDEuOSAwLjggMS45IDEuOVM0Ni40IDExMC4zIDQ1LjQgMTEwLjN6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTU2LjQgMTIxLjNIMTcuOGMtMSAwLTEuOS0wLjgtMS45LTEuOXMwLjgtMS45IDEuOS0xLjloMzguNWMxIDAgMS45IDAuOCAxLjkgMS45UzU3LjQgMTIxLjMgNTYuNCAxMjEuM3oiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzQuNCAxMzIuM0gxNy44Yy0xIDAtMS45LTAuOC0xLjktMS45IDAtMSAwLjgtMS45IDEuOS0xLjloMTYuNWMxIDAgMS45IDAuOCAxLjkgMS45QzM2LjMgMTMxLjQgMzUuNCAxMzIuMyAzNC40IDEzMi4zeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNTEuNiAxMTYuN2MtMSAwLTEuOS0wLjgtMS45LTEuOXYtNi40YzAtMSAwLjgtMS45IDEuOS0xLjlzMS45IDAuOCAxLjkgMS45djYuNEMxNTMuNSAxMTUuOCAxNTIuNyAxMTYuNyAxNTEuNiAxMTYuN3oiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSIxNTEuNiIgY3k9IjEyOS4xIiByPSIzLjYiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTYzLjggMTE2LjdjLTEgMC0xLjktMC44LTEuOS0xLjl2LTYuNGMwLTEgMC44LTEuOSAxLjktMS45czEuOSAwLjggMS45IDEuOXY2LjRDMTY1LjcgMTE1LjggMTY0LjkgMTE2LjcgMTYzLjggMTE2Ljd6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTYzLjgiIGN5PSIxMjkuMSIgcj0iMy42Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTE3NiAxMTYuN2MtMSAwLTEuOS0wLjgtMS45LTEuOXYtNi40YzAtMSAwLjgtMS45IDEuOS0xLjlzMS45IDAuOCAxLjkgMS45djYuNEMxNzcuOSAxMTUuOCAxNzcgMTE2LjcgMTc2IDExNi43eiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjE3NiIgY3k9IjEyOS4xIiByPSIzLjYiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDUuNCAxNjEuM0gxNy44Yy0xIDAtMS45LTAuOC0xLjktMS45czAuOC0xLjkgMS45LTEuOWgyNy41YzEgMCAxLjkgMC44IDEuOSAxLjlTNDYuNCAxNjEuMyA0NS40IDE2MS4zeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01Ni40IDE3Mi4zSDE3LjhjLTEgMC0xLjktMC44LTEuOS0xLjlzMC44LTEuOSAxLjktMS45aDM4LjVjMSAwIDEuOSAwLjggMS45IDEuOVM1Ny40IDE3Mi4zIDU2LjQgMTcyLjN6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTM0LjQgMTgzLjNIMTcuOGMtMSAwLTEuOS0wLjgtMS45LTEuOXMwLjgtMS45IDEuOS0xLjloMTYuNWMxIDAgMS45IDAuOCAxLjkgMS45UzM1LjQgMTgzLjMgMzQuNCAxODMuM3oiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTUxLjYgMTY3LjZjLTEgMC0xLjktMC44LTEuOS0xLjl2LTYuNGMwLTEgMC44LTEuOSAxLjktMS45czEuOSAwLjggMS45IDEuOXY2LjRDMTUzLjUgMTY2LjggMTUyLjcgMTY3LjYgMTUxLjYgMTY3LjZ6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTUxLjYiIGN5PSIxODAuMSIgcj0iMy42Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTE2My44IDE2Ny42Yy0xIDAtMS45LTAuOC0xLjktMS45di02LjRjMC0xIDAuOC0xLjkgMS45LTEuOXMxLjkgMC44IDEuOSAxLjl2Ni40QzE2NS43IDE2Ni44IDE2NC45IDE2Ny42IDE2My44IDE2Ny42eiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjE2My44IiBjeT0iMTgwLjEiIHI9IjMuNiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNzYgMTY3LjZjLTEgMC0xLjktMC44LTEuOS0xLjl2LTYuNGMwLTEgMC44LTEuOSAxLjktMS45czEuOSAwLjggMS45IDEuOXY2LjRDMTc3LjkgMTY2LjggMTc3IDE2Ny42IDE3NiAxNjcuNnoiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSIxNzYiIGN5PSIxODAuMSIgcj0iMy42Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTMuNyAzOS44djUxVjk3djQ0LjcgNi4zIDUxaDE5Mi43di01MSAtNi4zVjk3di02LjMgLTUxSDMuN3pNMTg5LjcgMTkyLjRIMTAuM3YtNDRoMTc5LjRWMTkyLjR6TTE4OS43IDk3LjR2NDRIMTAuM3YtNDRIMTg5Ljd6TTEwLjMgNDYuNGgxNzkuNHY0NEgxMC4zVjQ2LjR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ1LjQgNTkuM0gxNy44Yy0xIDAtMS45LTAuOC0xLjktMS45czAuOC0xLjkgMS45LTEuOWgyNy41YzEgMCAxLjkgMC44IDEuOSAxLjlTNDYuNCA1OS4zIDQ1LjQgNTkuM3oiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTYuNCA3MC4zSDE3LjhjLTEgMC0xLjktMC44LTEuOS0xLjlzMC44LTEuOSAxLjktMS45aDM4LjVjMSAwIDEuOSAwLjggMS45IDEuOVM1Ny40IDcwLjMgNTYuNCA3MC4zeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zNC40IDgxLjNIMTcuOGMtMSAwLTEuOS0wLjgtMS45LTEuOXMwLjgtMS45IDEuOS0xLjloMTYuNWMxIDAgMS45IDAuOCAxLjkgMS45UzM1LjQgODEuMyAzNC40IDgxLjN6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTE1MS42IDY1LjdjLTEgMC0xLjktMC44LTEuOS0xLjl2LTYuNGMwLTEgMC44LTEuOSAxLjktMS45czEuOSAwLjggMS45IDEuOXY2LjRDMTUzLjUgNjQuOCAxNTIuNyA2NS43IDE1MS42IDY1Ljd6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTUxLjYiIGN5PSI3OC4xIiByPSIzLjYiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTYzLjggNjUuN2MtMSAwLTEuOS0wLjgtMS45LTEuOXYtNi40YzAtMSAwLjgtMS45IDEuOS0xLjlzMS45IDAuOCAxLjkgMS45djYuNEMxNjUuNyA2NC44IDE2NC45IDY1LjcgMTYzLjggNjUuN3oiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSIxNjMuOCIgY3k9Ijc4LjEiIHI9IjMuNiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNzYgNjUuN2MtMSAwLTEuOS0wLjgtMS45LTEuOXYtNi40YzAtMSAwLjgtMS45IDEuOS0xLjlzMS45IDAuOCAxLjkgMS45djYuNEMxNzcuOSA2NC44IDE3NyA2NS43IDE3NiA2NS43eiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjE3NiIgY3k9Ijc4LjEiIHI9IjMuNiIvPjwvc3ZnPg==) no-repeat;
}

.dedicated .cover .dedicated-icon.d-1 {
	width: 25%;
	padding-top: 25%;
	margin-right: 5%;
}

.dedicated .cover .dedicated-icon.d-2 {
	width: 40%;
	padding-top: 40%;
	margin-right: 5%;
}

.dedicated .cover .dedicated-icon.d-3 {
	width: 25%;
	padding-top: 25%;
}

.dedicated .cover .clouds-1 {
	position: absolute;
	display: block;
	width: 20%;
	padding-bottom: 20%;
	left: 14%;
	top: 30%;
}

.dedicated .cover .clouds-2 {
	position: absolute;
	display: block;
	width: 20%;
	padding-bottom: 20%;
	right: 14%;
	top: 30%;
}

.dedicated .pkgs-wrapper {
	padding-bottom: 0;
}

.dedicated .pkgs-wrapper::after,
.domains .pkgs-wrapper::after,
.contact .pkgs-wrapper::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 100px);
	background-color: #f5f7f8;
	z-index: -1;
}

.dedicated .pkgs {
	position: relative;
	width: 100%;
	top: -200px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.dedicated .pkg {
	flex: 1 1 20%;
	text-align: center;
	padding: 40px 20px;
	margin: 30px 25px;
	width: 25%;
	min-width: 20%;
	max-width: 25%;
}

.dedicated .pkg h1 {
	color: #05668d;
	font-size: 29px;
	font-weight: bold;
}

.dedicated .pkg .price {
	color: #028090;
	font-size: 26px;
	font-weight: bold;
}

.dedicated .pkg .features > div .oss {
	display: inline-block;
	font-size: 0;
}

.dedicated .pkg .features > div .os {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 28px;
	opacity: 0.5;
	cursor: pointer;
	transition: opacity 200ms;
}

.dedicated .pkg .features > div .os:hover {
	opacity: 1;
}

.dedicated .pkg .features > div .os.centos {
	background-position: 0px -424px;
}

.dedicated .pkg .features > div .os.ubuntu {
	background-position: -28px -424px;
}

.dedicated .pkg .features > div .os.debian {
	background-position: -56px -424px;
}

.dedicated .pkg .features > div .os.windows {
	background-position: -84px -424px;
}

.dedicated .pkg .action-btt {
	margin: 0;
}

.dedicated .boxes > div {
	flex: 1 0 21%;
}

.dedicated .boxes .root::after {
	background-position: 0px 0px;
}

.dedicated .boxes .provisioning::after {
	background-position: -260px 0px;
}

.dedicated .boxes .clustering::after {
	background-position: -520px 0px;
}

.dedicated .boxes .dell::after {
	background-position: -780px 0px;
}

.dedicated .boxes .cpanel::after {
	background-position: 0px -212px;
}

.dedicated .boxes .directadmin::after {
	background-position: -260px -212px;
}

.dedicated .boxes .install::after {
	background-position: -520px -212px;
}

.dedicated .boxes .semimanaged::after {
	background-position: -780px -212px;
}

/* Cloud VPS */

.cloud .spr-n,
.cloud .spr::after {
	background-image: url('../imgs/spr-cloud.png');
	background-size: 810px 908px;
}

.cloud .cover .wheel {
	left: -5%;
	top: 22%;
	width: 10%;
	padding-top: 10%;
}

.cloud .cover .wheel-s {
	left: -3.5%;
	top: 6%;
	width: 7%;
	padding-top: 7%;
}

.cloud .cover .srv {
	right: -3%;
	top: 10%;
	width: 13%;
	padding-top: 13%;
}

.cloud .cover .cloud-header {
	position: relative;
	width: 30%;
	height: 48%;
	margin: 0 auto;
	top: 10%;
	text-align: center;
}

.cloud .cover .cloud-header .clouds-1 {
	display: inline-block;
	width: 100%;
	height: 20%;
	background-position: center center;
}

.cloud .cover .cloud-pkgs {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48%;
	display: flex;
	justify-content: space-around;
}

.cloud .cover .cloud-pkgs > div {
	position: relative;
	flex: 1 1 25%;
	text-align: center;
	margin-top: auto;
	padding: 7% 0 3% 0;
	transition: opacity 200ms;
	cursor: pointer;
	opacity: 0.3;
}

.cloud .cover .cloud-pkgs > div:hover {
	opacity: 0.7;
}

.cloud .cover .cloud-pkgs > div.active {
	opacity: 1;
	cursor: default;
}

.cloud .cover .cloud-pkgs > div.active::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 22px 28px 22px;
	border-color: transparent transparent #fff transparent;
	opacity: 0.2;
}

.cloud .cover .cloud-pkgs > div.active::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 18px 12px;
	border-color: transparent transparent #f5f7f8 transparent;
}

.cloud .cover .cloud-pkgs > div .dotted-circle {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 70%;
	padding-top: 50%;
	background-size: contain;
	transition: transform ease-out 200ms;
	transform: scale(0.9);
}

.cloud .cover .cloud-pkgs > div.active .dotted-circle,
.cloud .cover .cloud-pkgs > div:not(.active):hover .dotted-circle {
	transform: translateY(-8px) scale(1);
}

.cloud .cover .cloud-pkgs > div h1 {
	color: #fff;
	font-size: 26px;
	font-weight: bold;
}

.cloud .cover .cloud-pkgs > div .vps-icon {
	position: relative;
	display: inline-block;
	width: 40%;
	padding-top: 40%;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAgCgkuc3Qwe29wYWNpdHk6MDtmaWxsOiNGRkZGRkY7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQoJLnN0MntmaWxsOiNERkZCMjU7fQoJLnN0M3tmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPjxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTY5LjYgNjMuOUg0Ni4xYy0wLjkgMC0xLjYtMC43LTEuNi0xLjZzMC43LTEuNiAxLjYtMS42aDIzLjRjMC45IDAgMS42IDAuNyAxLjYgMS42UzcwLjUgNjMuOSA2OS42IDYzLjl6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTc4LjkgNzMuM0g0Ni4xYy0wLjkgMC0xLjYtMC43LTEuNi0xLjYgMC0wLjkgMC43LTEuNiAxLjYtMS42aDMyLjhjMC45IDAgMS42IDAuNyAxLjYgMS42QzgwLjUgNzIuNiA3OS44IDczLjMgNzguOSA3My4zeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02MC4yIDgyLjdINDYuMWMtMC45IDAtMS42LTAuNy0xLjYtMS42IDAtMC45IDAuNy0xLjYgMS42LTEuNmgxNC4xYzAuOSAwIDEuNiAwLjcgMS42IDEuNkM2MS44IDgxLjkgNjEuMSA4Mi43IDYwLjIgODIuN3oiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTI3LjkgNjkuNGMtMC45IDAtMS42LTAuNy0xLjYtMS42di01LjRjMC0wLjkgMC43LTEuNiAxLjYtMS42IDAuOSAwIDEuNiAwLjcgMS42IDEuNnY1LjRDMTI5LjUgNjguNiAxMjguOCA2OS40IDEyNy45IDY5LjR6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTI3LjkiIGN5PSI4MCIgcj0iMy4xIi8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTEzOC4zIDY5LjRjLTAuOSAwLTEuNi0wLjctMS42LTEuNnYtNS40YzAtMC45IDAuNy0xLjYgMS42LTEuNiAwLjkgMCAxLjYgMC43IDEuNiAxLjZ2NS40QzEzOS45IDY4LjYgMTM5LjEgNjkuNCAxMzguMyA2OS40eiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjEzOC4zIiBjeT0iODAiIHI9IjMuMSIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNDguNiA2OS40Yy0wLjkgMC0xLjYtMC43LTEuNi0xLjZ2LTUuNGMwLTAuOSAwLjctMS42IDEuNi0xLjYgMC45IDAgMS42IDAuNyAxLjYgMS42djUuNEMxNTAuMiA2OC42IDE0OS41IDY5LjQgMTQ4LjYgNjkuNHoiLz48Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSIxNDguNiIgY3k9IjgwIiByPSIzLjEiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjkuNiAxMDcuM0g0Ni4xYy0wLjkgMC0xLjYtMC43LTEuNi0xLjYgMC0wLjkgMC43LTEuNiAxLjYtMS42aDIzLjRjMC45IDAgMS42IDAuNyAxLjYgMS42QzcxLjIgMTA2LjYgNzAuNSAxMDcuMyA2OS42IDEwNy4zeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03OC45IDExNi43SDQ2LjFjLTAuOSAwLTEuNi0wLjctMS42LTEuNiAwLTAuOSAwLjctMS42IDEuNi0xLjZoMzIuOGMwLjkgMCAxLjYgMC43IDEuNiAxLjZDODAuNSAxMTYgNzkuOCAxMTYuNyA3OC45IDExNi43eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02MC4yIDEyNi4xSDQ2LjFjLTAuOSAwLTEuNi0wLjctMS42LTEuNiAwLTAuOSAwLjctMS42IDEuNi0xLjZoMTQuMWMwLjkgMCAxLjYgMC43IDEuNiAxLjZDNjEuOCAxMjUuMyA2MS4xIDEyNi4xIDYwLjIgMTI2LjF6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTEyNy45IDExMi44Yy0wLjkgMC0xLjYtMC43LTEuNi0xLjZ2LTUuNGMwLTAuOSAwLjctMS42IDEuNi0xLjYgMC45IDAgMS42IDAuNyAxLjYgMS42djUuNEMxMjkuNSAxMTIgMTI4LjggMTEyLjggMTI3LjkgMTEyLjh6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTI3LjkiIGN5PSIxMjMuNCIgcj0iMy4xIi8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTEzOC4zIDExMi44Yy0wLjkgMC0xLjYtMC43LTEuNi0xLjZ2LTUuNGMwLTAuOSAwLjctMS42IDEuNi0xLjYgMC45IDAgMS42IDAuNyAxLjYgMS42djUuNEMxMzkuOSAxMTIgMTM5LjEgMTEyLjggMTM4LjMgMTEyLjh6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTM4LjMiIGN5PSIxMjMuNCIgcj0iMy4xIi8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTE0OC42IDExMi44Yy0wLjkgMC0xLjYtMC43LTEuNi0xLjZ2LTUuNGMwLTAuOSAwLjctMS42IDEuNi0xLjYgMC45IDAgMS42IDAuNyAxLjYgMS42djUuNEMxNTAuMiAxMTIgMTQ5LjUgMTEyLjggMTQ4LjYgMTEyLjh6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTQ4LjYiIGN5PSIxMjMuNCIgcj0iMy4xIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTM0LjEgMy45djQzLjQgNS4zIDM4LjEgNS4zIDQzLjRoMTMxLjlWOTYuMXYtNS4zVjUyLjd2LTUuM1YzLjlIMzQuMXpNMTYwLjMgMTMzLjhIMzkuN1Y5Ni40aDEyMC42VjEzMy44ek0xNjAuMyA1M3YzNy41SDM5LjdWNTNIMTYwLjN6TTM5LjcgOS42aDEyMC42VjQ3SDM5LjdWOS42eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02OS42IDIwLjVINDYuMWMtMC45IDAtMS42LTAuNy0xLjYtMS42czAuNy0xLjYgMS42LTEuNmgyMy40YzAuOSAwIDEuNiAwLjcgMS42IDEuNlM3MC41IDIwLjUgNjkuNiAyMC41eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03OC45IDI5LjlINDYuMWMtMC45IDAtMS42LTAuNy0xLjYtMS42IDAtMC45IDAuNy0xLjYgMS42LTEuNmgzMi44YzAuOSAwIDEuNiAwLjcgMS42IDEuNkM4MC41IDI5LjIgNzkuOCAyOS45IDc4LjkgMjkuOXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjAuMiAzOS4zSDQ2LjFjLTAuOSAwLTEuNi0wLjctMS42LTEuNnMwLjctMS42IDEuNi0xLjZoMTQuMWMwLjkgMCAxLjYgMC43IDEuNiAxLjZTNjEuMSAzOS4zIDYwLjIgMzkuM3oiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTI3LjkgMjZjLTAuOSAwLTEuNi0wLjctMS42LTEuNnYtNS40YzAtMC45IDAuNy0xLjYgMS42LTEuNiAwLjkgMCAxLjYgMC43IDEuNiAxLjZ2NS40QzEyOS41IDI1LjIgMTI4LjggMjYgMTI3LjkgMjZ6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTI3LjkiIGN5PSIzNi42IiByPSIzLjEiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTM4LjMgMjZjLTAuOSAwLTEuNi0wLjctMS42LTEuNnYtNS40YzAtMC45IDAuNy0xLjYgMS42LTEuNiAwLjkgMCAxLjYgMC43IDEuNiAxLjZ2NS40QzEzOS45IDI1LjIgMTM5LjEgMjYgMTM4LjMgMjZ6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTM4LjMiIGN5PSIzNi42IiByPSIzLjEiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTQ4LjYgMjZjLTAuOSAwLTEuNi0wLjctMS42LTEuNnYtNS40YzAtMC45IDAuNy0xLjYgMS42LTEuNiAwLjkgMCAxLjYgMC43IDEuNiAxLjZ2NS40QzE1MC4yIDI1LjIgMTQ5LjUgMjYgMTQ4LjYgMjZ6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTQ4LjYiIGN5PSIzNi42IiByPSIzLjEiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTAwIDE2Mi4xYy0wLjkgMC0xLjYtMC43LTEuNi0xLjZ2LTE1LjFjMC0wLjkgMC43LTEuNiAxLjYtMS42czEuNiAwLjcgMS42IDEuNnYxNS4xQzEwMS42IDE2MS40IDEwMC45IDE2Mi4xIDEwMCAxNjIuMXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNzUuMSAxODMuMWgtMC4yYy0wLjkgMC0xLjYtMC43LTEuNi0xLjYgMC0wLjkgMC43LTEuNiAxLjYtMS42aDAuMmMwLjkgMCAxLjYgMC43IDEuNiAxLjZDNzYuNyAxODIuNCA3NiAxODMuMSA3NS4xIDE4My4xeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02Ni41IDE4My4xaC0wLjRjLTAuOSAwLTEuNi0wLjctMS42LTEuNiAwLTAuOSAwLjctMS42IDEuNi0xLjZoMC40YzAuOSAwIDEuNiAwLjcgMS42IDEuNkM2OC4xIDE4Mi40IDY3LjQgMTgzLjEgNjYuNSAxODMuMXpNNTcuNyAxODMuMWgtMC40Yy0wLjkgMC0xLjYtMC43LTEuNi0xLjYgMC0wLjkgMC43LTEuNiAxLjYtMS42aDAuNGMwLjkgMCAxLjYgMC43IDEuNiAxLjZDNTkuMyAxODIuNCA1OC42IDE4My4xIDU3LjcgMTgzLjF6TTQ4LjkgMTgzLjFoLTAuNGMtMC45IDAtMS42LTAuNy0xLjYtMS42IDAtMC45IDAuNy0xLjYgMS42LTEuNmgwLjRjMC45IDAgMS42IDAuNyAxLjYgMS42QzUwLjUgMTgyLjQgNDkuOCAxODMuMSA0OC45IDE4My4xek00MC4xIDE4My4xaC0wLjRjLTAuOSAwLTEuNi0wLjctMS42LTEuNiAwLTAuOSAwLjctMS42IDEuNi0xLjZoMC40YzAuOSAwIDEuNiAwLjcgMS42IDEuNkM0MS43IDE4Mi40IDQwLjkgMTgzLjEgNDAuMSAxODMuMXpNMzEuMiAxODMuMWgtMC40Yy0wLjkgMC0xLjYtMC43LTEuNi0xLjYgMC0wLjkgMC43LTEuNiAxLjYtMS42aDAuNGMwLjkgMCAxLjYgMC43IDEuNiAxLjZDMzIuOCAxODIuNCAzMi4xIDE4My4xIDMxLjIgMTgzLjF6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTIyLjQgMTgzLjFoLTAuMmMtMC45IDAtMS42LTAuNy0xLjYtMS42IDAtMC45IDAuNy0xLjYgMS42LTEuNmgwLjJjMC45IDAgMS42IDAuNyAxLjYgMS42QzI0IDE4Mi40IDIzLjMgMTgzLjEgMjIuNCAxODMuMXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTc3LjggMTgzLjFoLTAuMmMtMC45IDAtMS42LTAuNy0xLjYtMS42IDAtMC45IDAuNy0xLjYgMS42LTEuNmgwLjJjMC45IDAgMS42IDAuNyAxLjYgMS42QzE3OS40IDE4Mi40IDE3OC43IDE4My4xIDE3Ny44IDE4My4xeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNjkuMiAxODMuMWgtMC40Yy0wLjkgMC0xLjYtMC43LTEuNi0xLjYgMC0wLjkgMC43LTEuNiAxLjYtMS42aDAuNGMwLjkgMCAxLjYgMC43IDEuNiAxLjZDMTcwLjggMTgyLjQgMTcwIDE4My4xIDE2OS4yIDE4My4xek0xNjAuMyAxODMuMWgtMC40Yy0wLjkgMC0xLjYtMC43LTEuNi0xLjYgMC0wLjkgMC43LTEuNiAxLjYtMS42aDAuNGMwLjkgMCAxLjYgMC43IDEuNiAxLjZDMTYyIDE4Mi40IDE2MS4yIDE4My4xIDE2MC4zIDE4My4xek0xNTEuNSAxODMuMWgtMC40Yy0wLjkgMC0xLjYtMC43LTEuNi0xLjYgMC0wLjkgMC43LTEuNiAxLjYtMS42aDAuNGMwLjkgMCAxLjYgMC43IDEuNiAxLjZDMTUzLjEgMTgyLjQgMTUyLjQgMTgzLjEgMTUxLjUgMTgzLjF6TTE0Mi43IDE4My4xaC0wLjRjLTAuOSAwLTEuNi0wLjctMS42LTEuNiAwLTAuOSAwLjctMS42IDEuNi0xLjZoMC40YzAuOSAwIDEuNiAwLjcgMS42IDEuNkMxNDQuMyAxODIuNCAxNDMuNiAxODMuMSAxNDIuNyAxODMuMXpNMTMzLjkgMTgzLjFoLTAuNGMtMC45IDAtMS42LTAuNy0xLjYtMS42IDAtMC45IDAuNy0xLjYgMS42LTEuNmgwLjRjMC45IDAgMS42IDAuNyAxLjYgMS42QzEzNS41IDE4Mi40IDEzNC44IDE4My4xIDEzMy45IDE4My4xeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMjUuMSAxODMuMWgtMC4yYy0wLjkgMC0xLjYtMC43LTEuNi0xLjYgMC0wLjkgMC43LTEuNiAxLjYtMS42aDAuMmMwLjkgMCAxLjYgMC43IDEuNiAxLjZDMTI2LjcgMTgyLjQgMTI2IDE4My4xIDEyNS4xIDE4My4xeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMDAgMTk2LjFjLTggMC0xNC42LTYuNS0xNC42LTE0LjYgMC04IDYuNS0xNC42IDE0LjYtMTQuNnMxNC42IDYuNSAxNC42IDE0LjZDMTE0LjYgMTg5LjUgMTA4IDE5Ni4xIDEwMCAxOTYuMXpNMTAwIDE3MS43Yy01LjQgMC05LjggNC40LTkuOCA5LjggMCA1LjQgNC40IDkuOCA5LjggOS44czkuOC00LjQgOS44LTkuOEMxMDkuOCAxNzYuMSAxMDUuNCAxNzEuNyAxMDAgMTcxLjd6Ii8+PGNpcmNsZSBjbGFzcz0ic3QzIiBjeD0iMTAwIiBjeT0iMTgxLjUiIHI9IjUuNCIvPjwvc3ZnPg==) no-repeat;
}

.cloud .wrapper.pkgs-wrapper {
	position: relative;
	height: 300px;
	padding: 0 30px;
}

.cloud .pkg {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.cloud .pkg.active {
	display: block;
}

.cloud .pkg .pkg-details {
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 48%;
}

.cloud .pkg .pkg-details > div {
	flex: 1 1 25%;
	text-align: center;
}

.cloud .pkg .pkg-details > div h3 {
	color: #444;
	text-align: center;
}

.cloud .pkg .pkg-details > div h3 strong {
	font-weight: bold;
	color: #05668d;
}

.cloud .pkg .pkg-options {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

.cloud .pkg .pkg-options > div {
	position: relative;
	display: block;
	flex: 1 1 50%;
	padding: 20px 35px;
}

.cloud .pkg .pkg-options > div:first-child::after {
	content: '';
	width: 1px;
	height: 80%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background-color: rgba(0, 0, 0, 0.1);
}

.cloud .pkg .pkg-options > div:first-child {
	text-align: right;
}

.cloud .pkg .pkg-options > div:last-child {
	text-align: left;
}

.cloud .pkg .pkg-options > div span {
	display: block;
	font-size: 26px;
	font-weight: bold;
}

.cloud .pkg .pkg-options > div span.monthly {
	color: #028090;
}

.cloud .pkg .pkg-options > div span.anually {
	font-size: 20px;
	color: #444;
}

.cloud .schema {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	padding: 30px;
}

.cloud .schema > div {
	flex: 1 1 45%;
}

.cloud .schema > div .feature {
	display: block;
	margin: 70px 0;
	text-align: left;
	width: 80%;
}

.cloud .schema > div .feature h2 {
	font-size: 28px;
	font-weight: 200;
	text-align: left;
	color: #444;
	padding: 0 0 8px 50px;
}

.cloud .schema > div .feature h2::after {
	content: '';
	position: absolute;
	left: 0;
	top: -7px;
	width: 44px;
	height: 44px;
	background-position: -312px -20px;
}

.cloud .schema > div .feature p {
	color: #555;
	opacity: 0.85;
}

.cloud .schema > div .icon {
	position: relative;
	display: block;
	width: 780px;
	height: 320px;
	margin-left: auto;
	z-index: 0;
}

.cloud .schema > div .icon .base {
	position: absolute;
	left: 0;
	top: 0;
	width: 780px;
	height: 320px;
	background-position: 0px -424px;
}

.cloud .schema > div .icon .speed {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -18%;
	width: 164px;
	height: 164px;
	background-position: 0px -744px;
	z-index: 2;
}

.cloud .schema > div .icon .x-cloud {
	position: absolute;
	width: 164px;
	height: 164px;
	background-position: -164px -744px;
	z-index: 2;
}

.cloud .schema > div .icon .x-cloud.xc-1 {
	left: 15%;
	top: -20%;
}

.cloud .schema > div .icon .x-cloud.xc-2 {
	right: 15%;
	bottom: -8%;
}

.cloud .schema > div .icon .left-arrow {
	position: absolute;
	left: 10%;
	bottom: 25%;
	width: 240px;
	height: 46px;
	background-position: -328px -744px;
	z-index: 2;
}

.cloud .schema > div .icon .right-arrow {
	position: absolute;
	right: 7%;
	top: 17%;
	width: 240px;
	height: 46px;
	background-position: -328px -790px;
	z-index: 2;
}

.cloud .boxes > div {
    flex: 1 0 26%;
    min-width: 290px;
}

.cloud .boxes > div > .icon.simplified::after {
	width: 290px;
}


.cloud .boxes .managed::after {
	background-position: 0px 0px;
}

.cloud .boxes .upgradable::after {
	background-position: -260px 0px;
}

.cloud .boxes .simplified::after {
	background-position: -520px 0px;
}

.cloud .boxes .faster::after {
	background-position: 0px -212px;
}

.cloud .boxes .migration::after {
	background-position: -260px -212px;
}

.cloud .boxes .ceph::after {
	background-position: -520px -212px;
}

.specs {
	width: 100%;
	padding: 10px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-content: center;
	margin-top: 40px;
}

.specs > div {
	position: relative;
	flex: 1 1 21%;
	justiy-content: space-around;
	background-color: #fff;
	padding: 50px 40px;
	margin: 40px 20px;
	width: 25%;
	min-width: 20%;
	max-width: 25%;
}

.specs > div h2 {
	color: #444;
	text-align: left;
	font-size: 26px;
	font-weight: bold;
	padding-bottom: 25px;
}

.specs > div ul li {
	color: #444;
	font-size: 18px;
	padding: 15px 0 15px 43px;
}

/* Licenses */
.licenses .cover h1 {
    font-size: 32px;
}

.licenses .spr-n,
.licenses .spr::after {
	background-image: url('../imgs/spr-licenses.png');
	background-size: 600px 42px;
}

.licenses .cover {
    height: 650px;
    background-color: rgba(11, 30, 44, 0.9);
}

.licenses .cover.h-auto {
    height: auto;
    padding-bottom: 60px;
}

.licenses .cover .licenses-menu .right-links .lic.search-toggle {
    display: inline-block;
    width: 42px;
    height: 42px;
    padding: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03OC41IDczLjlMNTUuOSA1MS4zYzQuMy01LjMgNi45LTEyLjEgNi45LTE5LjRDNjIuOCAxNC45IDQ4LjkgMSAzMS45IDFTMSAxNC45IDEgMzEuOXMxMy45IDMwLjkgMzAuOSAzMC45YzcuMyAwIDE0LjEtMi42IDE5LjQtNi45bDIyLjcgMjIuN2MwLjYgMC42IDEuNyAwLjYgMi4zIDBsMi4zLTIuM0M3OS4yIDc1LjYgNzkuMiA3NC42IDc4LjUgNzMuOXpNMzEuOSA1Ni4zYy0xMy40IDAtMjQuNC0xMC45LTI0LjQtMjQuNFMxOC40IDcuNSAzMS45IDcuNXMyNC40IDEwLjkgMjQuNCAyNC40UzQ1LjMgNTYuMyAzMS45IDU2LjN6Ii8+PC9zdmc+);
    background-size: 50% 50%;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.7;
    transition: all 200ms;
    cursor: pointer;
    vertical-align: middle;
}

.licenses .cover .licenses-menu .right-links .lic.search-toggle:hover {
    opacity: 1;
}

.licenses .cover .licenses-menu .right-links .search-wrapper {
    position: absolute;
    top: 0;
    right: 6px;
    background-color: #05668d;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    margin: 0;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: all 200ms ease-out;
}

.licenses .cover .licenses-menu .right-links .search-wrapper .search-results {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    background-color: #fff;
    color: #444;
    font-size: 14px;
    max-height: 300px;
    overflow-y: auto;
    z-index: 5;
    box-shadow: 0 6px 20px rgba(0,0,0,.07);
    pointer-events: none;
}

.licenses .cover .licenses-menu .right-links .search-wrapper .search-results span {
    display: block;
    padding: 15px;
    font-size: 13px;
    color: #888;
}

.licenses .cover .licenses-menu .right-links .search-wrapper.active .search-results {
    pointer-events: auto;
}

.licenses .cover .licenses-menu .right-links .search-results a {
    display: block;
    color: #05668d;
    font-size: 14px;
    padding: 8px 12px;
    transition: all 200ms ease-out;
}

.licenses .cover .licenses-menu .right-links .search-results a:hover {
    padding-left: 7px;
}

.licenses .cover .licenses-menu .right-links .search-wrapper.active {
    opacity: 1;
    pointer-events: auto;
}

.licenses .cover .licenses-menu .right-links .search-wrapper::after {
    display: none;
}

.licenses .cover .licenses-menu .right-links .search-wrapper .search-close {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    margin: auto 0;
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00Ny4xIDQwTDc3LjEgOS45YzItMiAyLTUuMSAwLTcuMSAtMi0yLTUuMS0yLTcuMSAwTDQwIDMyLjkgOS45IDIuOWMtMi0yLTUuMS0yLTcuMSAwIC0yIDItMiA1LjEgMCA3LjFMMzIuOSA0MCAyLjkgNzAuMWMtMiAyLTIgNS4xIDAgNy4xIDEgMSAyLjMgMS41IDMuNSAxLjVzMi42LTAuNSAzLjUtMS41TDQwIDQ3LjFsMzAuMSAzMC4xYzEgMSAyLjMgMS41IDMuNSAxLjVzMi42LTAuNSAzLjUtMS41YzItMiAyLTUuMSAwLTcuMUw0Ny4xIDQweiIvPjwvc3ZnPg==) no-repeat;
    opacity: 0.7;
    cursor: pointer;
    transition: all 200ms;
}

.licenses .cover .licenses-menu .right-links .search-wrapper .search-close:hover {
    opacity: 1;
}

.licenses .cover .licenses-menu .right-links .search-wrapper input {
    padding: 10px;
}

.licenses .search-wrapper {
    position: relative;
    background-color: rgba(255, 255, 255, 0.07);
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding-right: 42px;
    margin-top: 30px;
    transition: all 200ms;
}

.licenses .search-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    margin: auto 0;
    width: 26px;
    height: 26px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03OC41IDczLjlMNTUuOSA1MS4zYzQuMy01LjMgNi45LTEyLjEgNi45LTE5LjRDNjIuOCAxNC45IDQ4LjkgMSAzMS45IDFTMSAxNC45IDEgMzEuOXMxMy45IDMwLjkgMzAuOSAzMC45YzcuMyAwIDE0LjEtMi42IDE5LjQtNi45bDIyLjcgMjIuN2MwLjYgMC42IDEuNyAwLjYgMi4zIDBsMi4zLTIuM0M3OS4yIDc1LjYgNzkuMiA3NC42IDc4LjUgNzMuOXpNMzEuOSA1Ni4zYy0xMy40IDAtMjQuNC0xMC45LTI0LjQtMjQuNFMxOC40IDcuNSAzMS45IDcuNXMyNC40IDEwLjkgMjQuNCAyNC40UzQ1LjMgNTYuMyAzMS45IDU2LjN6Ii8+PC9zdmc+) no-repeat;
    opacity: 0.7;
    transition: all 200ms;
}

.licenses .search-wrapper input::placeholder {
    color: #fff;
    opacity: 0.5;
}

.licenses .search-wrapper input {
    display: block;
    width: 100%;
    margin: 0;
    padding: 12px;
    font-family: 'open sans', Arial, sans-serif;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    background-color: transparent;
    color: #fff;
    box-sizing: border-box;
    border: none;
    border-radius: 3px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.licenses .search-wrapper.active {
    background-color: transparent;
    border-color: #fff531;
}

.licenses .search-wrapper.active::after {
    opacity: 1;
}

.licenses .cover .licenses-menu-wrapper {
    position: relative;
    color: #fff;
    font-size: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.licenses .cover .licenses-menu {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    z-index: 3;
}

.licenses .cover .licenses-menu .left-links {
    flex-grow: 1;
}

.licenses .cover .licenses-menu .right-links {
    position: relative;
}

.licenses .cover .licenses-menu .right-links .lic {
    display: inline-block;
    width: auto;
    padding: 0 10px;
    height: 44px;
    flex-shrink: 0;
}

.licenses .cover .licenses-menu .right-links .lic.promo {
    color: #fff531;
    opacity: 0.9;
    border-bottom: 2px solid #fff531;
}

.licenses .cover .licenses-menu .lic-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    text-align: center;
    border-bottom: 2px solid transparent;
}

.licenses .cover .licenses-menu .lic-wrapper ul {
    position: relative;
    display: block;
    position: absolute;
    left: 0;
    top: 36px;
    width: 200px;
    height: auto;
    background: #fff;
    padding: 5px 15px 5px 15px;
    list-style-type: none;
    box-shadow: 0 6px 20px rgba(0,0,0,.07);
    pointer-events: none;
    opacity: 0;
    transition: all 100ms ease-out;
}

.licenses .cover .licenses-menu .lic-wrapper:hover ul {
    opacity: 1;
    top: 42px;
    pointer-events: auto;
}

.licenses .cover .licenses-menu .lic-wrapper ul::after {
    content: '';
    position: absolute;
    top: -5px;
    left: 70px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
}

.licenses .cover .licenses-menu .lic-wrapper ul li {
    display: block;
    font-size: 14px;
    color: #444;
    text-align: left;
}

.licenses .cover .licenses-menu .lic-wrapper ul li:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.licenses .cover .licenses-menu .lic-wrapper ul li a {
    display: block;
    color: #444;
    padding: 10px 0;
    opacity: 0.8;
    transition: all 200ms ease-out;
}

.licenses .cover .licenses-menu .lic-wrapper ul li a:hover {
    padding-left: 6px;
}

.licenses .cover .licenses-menu .lic-wrapper ul li a:hover {
    opacity: 1;
}

.licenses .cover .licenses-menu a.lic {
    display: block;
    width: 150px;
    height: 42px;
    margin: 0 5px;
    text-align: center;
    color: #fff;
    background-position: center center;
    background-color: transparent;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.6;
    transition: all 200ms;
}

.licenses .cover .licenses-menu .lic-wrapper.active a,
.licenses .cover .licenses-menu .lic-wrapper:hover a.lic,
.licenses .cover .licenses-menu a.lic:hover {
    opacity: 1;
}

.licenses .cover .licenses-menu .lic-wrapper.active {
    border-bottom-color: #fff531;
    opacity: 1;
    cursor: default;
}

.licenses .cover .licenses-menu a.lic span {
    vertical-align: middle;
    font-size: 15px;
    line-height: 42px;
}

.licenses .cover .licenses-menu .lic.cpanel {
    background-position: 0px 0px;
}

.licenses .cover .licenses-menu .lic.whmcs {
    background-position: -150px 0px;
}

.licenses .cover .licenses-menu .lic.directadmin {
    background-position: -300px 0px;
}

.licenses .cover .licenses-menu .lic.plesk {
    background-position: -450px 0px;
}

.licenses .cover .dsp {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

.licenses .overlapped {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1300px;
    padding: 0 30px;
    margin: -300px auto 0 auto;
    z-index: 3;
}

.licenses .license-labels {
    display: flex;
    margin: 0 0 50px 0;
}

.licenses .license-labels h2 {
    width: 50%;
    color: #fff;
    padding-left: 30px;
    text-align: left;
    font-weight: bold;
}

.licenses .license-labels h2 span {
    display: inline-block;
    padding: 4px 6px;
    font-size: 13px;
    line-height: 1;
    font-weight: normal;
    background-color: transparent;
    border: 2px solid rgba(254, 254, 254, 0.1);
    color: #ffffff;
    vertical-align: middle;
}

.licenses .license-boxes {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.licenses .license-boxes .license-box {
    position: relative;
    width: calc(25% - 30px);
    background-color: #fff;
    padding: 25px;
    margin-bottom: 70px;
}

.licenses .license-boxes.one-row .license-box {
    margin: 70px 0 0 0;
}

.licenses .license-boxes .license-box.featured {
    width: calc(50% - 20px);
    padding: 40px;
}

.licenses .license-boxes .license-box-group {
    width: 50%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 20px;
}

.licenses .license-boxes .license-box-group .license-box {
    width: calc(50% - 20px);
}

.licenses .top {
    display: flex;
}

.licenses .top .ic {
    position: relative;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAgMTIwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAgCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzM1OThEQztzdHJva2Utd2lkdGg6NC41NTE5O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9Cgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzM1OThEQztzdHJva2Utd2lkdGg6NC41NTE5O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtZGFzaGFycmF5OjAsOC42NTIyO30KCS5zdDJ7ZmlsbDpub25lO3N0cm9rZTojMzU5OERDO3N0cm9rZS13aWR0aDoxLjgyMDg7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30KCS5zdDN7ZmlsbDpub25lO3N0cm9rZTojMzU5OERDO3N0cm9rZS13aWR0aDoxLjgyMDg7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1kYXNoYXJyYXk6MCw2LjIzNzE7fQoJLnN0NHtmaWxsOiMzNTk4REM7fQo8L3N0eWxlPjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxMTQiIHkxPSI1MCIgeDI9IjExNCIgeTI9IjUwIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTExMC4yIDQyLjJDMTAwLjEgMjUgODEuNCAxMy41IDYwIDEzLjVjLTIyLjkgMC00Mi44IDEzLjMtNTIuMiAzMi42Ii8+PGxpbmUgY2xhc3M9InN0MCIgeDE9IjYiIHkxPSI1MCIgeDI9IjYiIHkyPSI1MCIvPjxsaW5lIGNsYXNzPSJzdDIiIHgxPSIxMDYuMiIgeTE9IjUzLjEiIHgyPSIxMDYuMiIgeTI9IjUzLjEiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTAzLjYgNDcuNUM5NS4xIDMyLjIgNzguNyAyMS44IDYwIDIxLjhjLTE5LjkgMC0zNyAxMS42LTQ1IDI4LjQiLz48bGluZSBjbGFzcz0ic3QyIiB4MT0iMTMuOCIgeTE9IjUzLjEiIHgyPSIxMy44IiB5Mj0iNTMuMSIvPjxjaXJjbGUgY2xhc3M9InN0NCIgY3g9IjYwIiBjeT0iNzAuMiIgcj0iNDAuNCIvPjwvc3ZnPg==) no-repeat;
}

.licenses .license-details .top,
.licenses .license-boxes .license-box.featured .top {
    align-items: center;
}


.licenses .license-details .top .ic,
.licenses .license-boxes .license-box.featured .top .ic {
    width: 120px;
    height: 120px;
}

.licenses .top .ic::after {
    content: '';
    width: 28px;
    height: 28px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 27px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.licenses .license-details .top .ic::after,
.licenses .license-boxes .license-box.featured .top .ic::after {
    width: 50px;
    height: 50px;
    top: 45px;
}

.licenses .top .ic.cpanel::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMC41IDI2LjdoMTQuOEwzMyAzNS41Yy0wLjMgMS4yLTEgMi4yLTIgMi45IC0xIDAuNy0yLjEgMS4xLTMuMyAxLjFoLTYuOWMtMS42IDAtMi45IDAuNS00LjEgMS40IC0xLjIgMC45LTIgMi4yLTIuNSAzLjcgLTAuMyAxLjItMC4zIDIuMy0wLjEgMy4zIDAuMiAxIDAuNyAyIDEuMyAyLjggMC42IDAuOCAxLjQgMS40IDIuNCAxLjkgMSAwLjUgMiAwLjcgMy4xIDAuN0gyNWMwLjggMCAxLjQgMC4zIDEuOSAwLjkgMC41IDAuNiAwLjYgMS4zIDAuNCAyLjFsLTIuNiA5LjdoLTQuNmMtMy4xIDAtNi0wLjctOC43LTIuMSAtMi42LTEuNC00LjgtMy4yLTYuNi01LjUgLTEuNy0yLjMtMi45LTQuOC0zLjYtNy43QzAuOCA0OCAwLjkgNDUgMS43IDQybDAuMy0xYzAuNi0yLjEgMS40LTQgMi42LTUuOCAxLjItMS44IDIuNi0zLjMgNC4yLTQuNSAxLjYtMS4yIDMuNC0yLjIgNS41LTIuOUMxNi4zIDI3LjEgMTguMyAyNi43IDIwLjUgMjYuN3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjggNjYuMWwxMi45LTQ4LjJjMC4zLTEuMiAxLTIuMiAyLTIuOSAxLTAuNyAyLjEtMS4xIDMuMy0xLjFoMTMuNmMzLjEgMCA2IDAuNyA4LjcgMi4xIDIuNiAxLjQgNC44IDMuMiA2LjYgNS41IDEuNyAyLjMgMi45IDQuOCAzLjYgNy43IDAuNyAyLjkgMC42IDUuOS0wLjMgOC45TDc4IDM5Yy0wLjYgMi4xLTEuNCA0LTIuNiA1LjggLTEuMiAxLjgtMi42IDMuMy00LjIgNC41IC0xLjYgMS4zLTMuNSAyLjItNS41IDIuOSAtMiAwLjctNC4xIDEtNi4zIDFINDcuN2wyLjQtOC44YzAuMy0xLjIgMS0yLjEgMi0yLjkgMS0wLjcgMi4xLTEuMSAzLjMtMS4xaDMuOGMxLjYgMCAzLTAuNSA0LjItMS40IDEuMi0xIDIuMS0yLjIgMi40LTMuNyAwLjMtMS4xIDAuMy0yLjIgMC4xLTMuMiAtMC4yLTEtMC43LTItMS4zLTIuOCAtMC42LTAuOC0xLjQtMS41LTIuNC0yIC0xLTAuNS0yLTAuOC0zLjEtMC44aC03LjNsLTkuNSAzNS41Yy0wLjMgMS4yLTEgMi4xLTIgMi45IC0xIDAuNy0yIDEuMS0zLjMgMS4xSDI4eiIvPjwvc3ZnPg==);
}

.licenses .top .ic.whmcs::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01NS4yIDE2LjJjLTIuNCAwLTQuNiAwLjktNi4zIDIuNiAtMS43IDEuNy0yLjYgMy45LTIuNiA2LjMgMCA0LjkgNCA4LjggOC44IDguOGwwLjEgMGM0LjkgMCA4LjgtNCA4LjgtOC45IDAtMC44LTAuMS0xLjYtMC4zLTIuM2wtNy4zIDJjLTAuNy0wLjgtMS41LTEuNi0yLjQtMi40bDItNi4yQzU1LjggMTYuMiA1NS41IDE2LjIgNTUuMiAxNi4yeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00OS43IDUyLjFjLTMuMSA0LjEtOCA2LjUtMTMuMSA2LjQgLTguOSAwLTE2LjItNy4zLTE2LjItMTYuMiAwLTcuMSA0LjYtMTMuMSAxMS0xNS4zbDAuMS00LjggNS41LTEuNWMwLTAuMSAwLTAuMiAwLjEtMC4zbC00LjMtNC4yIDMuNS01LjYgNC4zIDEuMiAtMC45LTMuNkwzMy40IDhsLTIuMSA4LjJjLTEuMiAwLjItMi4zIDAuNS0zLjUgMC45TDIyIDExLjFsLTUuNSAzIDIuMyA4LjRjLTAuOCAwLjctMS41IDEuNC0yLjIgMi4ybC04LjMtMi4zIC0zLjMgNS4zIDYuMyA2LjFjLTAuMyAxLTAuNyAyLjEtMC44IDMuMmwtOC4yIDIuMyAtMC4yIDYuMyA4LjQgMi4yYzAuMiAxLjIgMC41IDIuMiAwLjkgMy4zTDUgNTYuOGwzIDUuNSA4LjctMi40YzAuNyAwLjggMS40IDEuNSAyLjEgMi4xbC0yIDguNyA1LjMgMyA2LjMtNi4xYzAuOSAwLjMgMS45IDAuNSAyLjkgMC44bDIgOC41aDYuM2wyLjEtOC41YzEuMi0wLjIgMi4yLTAuNSAzLjMtMC45bDUuOCA2LjIgNS41LTMuMUw1NCA2Mi40YzAuOS0wLjggMS43LTEuNSAyLjUtMi40bDguMSAyLjQgMy4yLTUuNCAtNS00LjlINDkuN3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTUuMiAxNC42Yy01LjggMC0xMC41IDQuNy0xMC41IDEwLjYgMCA1LjggNC43IDEwLjUgMTAuNiAxMC41IDUuOCAwIDEwLjUtNC43IDEwLjUtMTAuNUM2NS44IDE5LjMgNjEgMTQuNiA1NS4yIDE0LjZMNTUuMiAxNC42ek03Mi4yIDI4LjZjLTAuMiAwLjctMC4zIDEuNS0wLjYgMi4xbDMuOSAzLjggLTIuMSAzLjUgLTUuMi0xLjZjLTAuNSAwLjUtMSAxLjEtMS42IDEuNmwxLjQgNS4zIC0zLjUgMiAtMy43LTRjLTAuNyAwLjItMS40IDAuNC0yLjIgMC42bC0xLjQgNS41aC00LjFsLTEuMy01LjVjLTAuNy0wLjEtMS4zLTAuMy0xLjktMC41bC00LjEgNCAtMy41LTEuOSAxLjMtNS42Yy0wLjUtMC40LTEtMC45LTEuNC0xLjRsLTUuNiAxLjUgLTEuOC0zLjUgNC4yLTMuNmMtMC4zLTAuNy0wLjQtMS40LTAuNi0yLjJsLTUuNC0xLjQgMC4xLTQuMSA1LjMtMS40YzAuMS0wLjcgMC4zLTEuNCAwLjUtMi4xbC00LjEtMy45IDIuMS0zLjUgNS40IDEuNGMwLjQtMC41IDAuOS0xIDEuNC0xLjRMNDIuNCA3IDQ2IDUuMSA0OS44IDljMC43LTAuMyAxLjUtMC40IDIuMi0wLjZsMS40LTUuMyA0LjEgMC4xIDEuMyA1LjNjMC43IDAuMiAxLjQgMC4zIDIuMSAwLjVMNjUgNS4zbDMuNSAyLjEgLTEuNiA1LjJjMC41IDAuNSAxIDEgMS41IDEuNWw1LjQtMS41IDIgMy42IC00LjEgMy43YzAuMyAwLjggMC41IDEuNiAwLjcgMi41bDUuNSAxLjR2NC4xbC01LjUgMS4yTDcyLjIgMjguNnoiLz48L3N2Zz4=);
}

.licenses .top .ic.directadmin::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iNzMuMiA0MC42IDcxIDM4LjUgNzEuMSAzOC40IDQxLjcgOS45IDM2LjUgNC44IDM2LjUgNC44IDM0LjIgMi42IDI0IDEzLjIgMjYuMiAxNS4zIDI2LjIgMTUuNCA1MC4zIDM4LjggMjQuOCA2NSAzNS4yIDc1LjMgMzUuMyA3NS4yIDM3LjQgNzcuNCAiLz48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjM5LjggMzguOSAzNy42IDM2LjcgMzcuNiAzNi43IDI4IDI3LjQgMjggMjcuNCAxOC44IDE4LjQgOC41IDI5IDE2LjkgMzcuMSA2LjggNDcuNSAxNy4yIDU3LjcgMTcuMyA1Ny43IDE5LjQgNTkuOCAiLz48L3N2Zz4=);
}

.licenses .top .ic.plesk::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNS45IDMuNGMtMy44IDAtNi42IDMuOS01LjUgNy41IDAgMCAwIDAgMCAwLjEgMC41IDEuNiAxLjggMi45IDMuNCAzLjUgMS40IDAuNiAzLjcgMC4yIDQuNSAxLjYgMCAwIDAuMyAwLjYgMC4zIDAuNiAwLjcgMS40LTAuMyAyLjctMSAzLjkgLTAuOCAxLjQtMS4yIDIuOC0xLjIgNC40IDAgNS44IDUuOCAxMCAxMS40IDguMyAwLjgtMC4yIDEuNS0wLjYgMi4yLTEuMSAzLjktMi45IDQuNi03LjUgMi45LTExIDAgMCAwLTAuMS0wLjEtMC4xIC0xLjQtMi44LTQuMy00LjctNy43LTQuNyAwIDAgMCAwLTAuMSAwIDAgMCAwIDAgMCAwIC0xLjYgMC0zLjIgMC4yLTQtMS4xIC0wLjctMS0wLjUtMi4xIDAtMy4yIDAuNC0wLjkgMC44LTEuOSAwLjgtMi45QzIxLjYgNiAxOS4xIDMuNCAxNS45IDMuNHpNMzQuMSAzLjRjLTMuMiAwLTUuOCAyLjYtNS44IDUuOHMyLjYgNS44IDUuOCA1LjggNS44LTIuNiA1LjgtNS44UzM3LjMgMy40IDM0LjEgMy40ek02LjggMTkuMkMzLjYgMTkuMiAxIDIxLjggMSAyNXMyLjYgNS44IDUuOCA1LjggNS44LTIuNiA1LjgtNS44UzkuOSAxOS4yIDYuOCAxOS4yek00My4yIDE5LjJjLTMuMiAwLTUuOCAyLjYtNS44IDUuOHMyLjYgNS44IDUuOCA1LjhjMy4yIDAgNS44LTIuNiA1LjgtNS44UzQ2LjQgMTkuMiA0My4yIDE5LjJ6TTE1LjkgMzUuMWMtMy4yIDAtNS44IDIuNi01LjggNS44czIuNiA1LjggNS44IDUuOCA1LjgtMi42IDUuOC01LjhTMTkuMSAzNS4xIDE1LjkgMzUuMXpNMzQuMSAzNS4xYy0zLjIgMC01LjggMi42LTUuOCA1LjhzMi42IDUuOCA1LjggNS44IDUuOC0yLjYgNS44LTUuOFMzNy4zIDM1LjEgMzQuMSAzNS4xeiIvPjwvc3ZnPg==);
}

.licenses .top .details {
    padding-left: 15px;
    padding-bottom: 20px;
}

.licenses .license-boxes .license-box.featured .top .details {
    padding-left: 25px;
}

.licenses .license-boxes .license-box .top .title {
    color: #05668d;
    font-size: 18px;
    font-weight: bold;
}

.licenses .license-boxes .license-box.featured .top .title {
    font-size: 20px;
    padding-top: 15px;
}

.licenses .license-boxes .license-box .top .price {
    color: #028090;
    font-size: 16px;
    font-weight: bold;
}

.licenses .license-boxes .license-box.featured .top .price {
    font-size: 24px;
}

.licenses .license-details .top .stars {
    display: block;
    width: 100%;
    height: 18px;
}

.licenses .license-boxes .license-box h2 {
    text-align: left;
    color: #444;
    font-size: 14px;
    font-weight: bold;
    padding-top: 25px;
    padding-bottom: 10px;
    border-top: 1px solid #cce5f6;
}

.licenses .license-boxes .license-box.featured h2 {
    font-size: 20px;
}

.licenses .license-boxes .license-box p {
    font-size: 13px;
    line-height: 1.7;
}

.licenses .license-boxes .license-box.featured p {
    font-size: 16px;
}

.licenses .license-boxes .license-box .action-btt {
    margin: 30px 0 0 0;
    padding: 10px 10px 10px 30px;
    font-size: 16px;
}

.licenses .details-wrapper .action-btt {
    margin: 30px 0 0 0;
    padding: 10px 10px 10px 34px;
    font-size: 18px;
}

.licenses .details-wrapper .action-btt::after,
.licenses .license-boxes .license-box .action-btt::after {
    width: 20px;
    height: 20px;
}

.licenses .license-boxes .license-box .action-btt:hover {
    padding-left: 32px;
}

.licenses .details-wrapper .action-btt:hover {
    padding-left: 40px;
}

.licenses .details-wrapper .action-btt.action-details,
.licenses .license-boxes .license-box .action-btt.action-details {
    color: #05668d;
    margin-right: 0;
    opacity: 0.9;
}

.licenses .details-wrapper .action-btt.action-details:hover,
.licenses .license-boxes .license-box .action-btt.action-details:hover {
    opacity: 1;
}

.licenses .details-wrapper .action-btt.action-details:after,
.licenses .license-boxes .license-box .action-btt.action-details::after {
	border-color: #05668d;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA2MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMzNTk4ZGM7c3Ryb2tlLXdpZHRoOjQ7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT48bGluZSBjbGFzcz0ic3QwIiB4MT0iMzAiIHkxPSIxOC43IiB4Mj0iMzAiIHkyPSI0MS4zIi8+PGxpbmUgY2xhc3M9InN0MCIgeDE9IjQxLjMiIHkxPSIzMCIgeDI9IjE4LjciIHkyPSIzMCIvPjwvc3ZnPg==);
}

.licenses .license-boxes .license-box.featured .action-btt {
    margin: 30px 0 0 0;
    font-size: 20px;
    margin-right: 10px;
}

.licenses .license-details {
    display: block;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 10px;
    color: #fff;
}

.licenses .license-details.boxed {
    padding: 0;
}

.licenses .license-details .no-licenses {
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #05668d;
    padding: 20px;
    background-color: #fff;
}

.licenses .license-details.boxed::before {
    width: 100%;
    height: calc(100% + 65px);
    left: 0;
}

.licenses .license-details .top .details {
    padding-top: 20px;
    padding-left: 25px;
    flex-grow: 1;
}

.licenses .license-details h1 {
    padding: 0;
    margin: 0;
    text-align: left;
    font-weight: bold;
}

.licenses .license-details a.categ {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    padding: 0 0 5px 0;
    opacity: 0.6;
    transition: all 200ms;
}

.licenses .license-details a:hover {
    opacity: 1;
}

.licenses .license-details .stats-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

.licenses .license-details .top .stars {
    width: 100px;
}

.licenses .license-details .stats {
    display: block;
    flex-grow: 1;
    cursor: default;
    font-size: 0;
}

.licenses .license-wrapper .tabs > div,
.licenses .license-details .tabs.main-tabs > div {
    position: relative;
    color: #fff;
}

.licenses .license-details .tab-content.main-tab {
    position: relative;
    padding: 20px;
    height: 300px;
    color: #444;
    overflow: hidden;
}

.licenses .license-wrapper .tabs > div.active::after,
.licenses .license-details .tabs.main-tabs > div.active::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}

.licenses .license-details .tab-content.main-tab.active {
    display: flex;
}

.licenses .license-details .tab-content.main-tab .strip {
    position: absolute;
    top: -72px;
    right: -82px;
    width: 171px;
    height: 149px;
    background-color: #05668d;
    color: #fff;
    text-align: center;
    padding: 88px 0 10px 0;
    font-size: 11px;
    text-transform: uppercase;
    transform: rotate(45deg);
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.15);
}

.licenses .license-details .tab-content.main-tab .strip span {
    display: block;
    font-size: 28px;
}

.licenses .license-details .tab-content.main-tab .order-wrapper {
    width: 45%;
    padding: 10px;
    align-self: center;
}

.licenses .license-details .tab-content.main-tab .info-wrapper {
    width: 65%;
    padding: 10px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.licenses .license-details .tab-content.main-tab .info-wrapper::-webkit-scrollbar {
    width: 12px;
}

.licenses .license-details .stats > span {
    position: relative;
    display: inline-block;
    padding-left: 23px;
    margin-left: 40px;
    color: #fff;
    font-size: 12px;
}

.licenses .license-details .stats > span:hover .tooltip-tag,
.licenses .license-details .stats > span:hover .tooltip-tag::before {
    opacity: 1;
}

.licenses .license-details .stats > span .stats-ic {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
}

.licenses .license-details .stats > span.downloads .stats-ic {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLnN0MHtmaWxsOiNmZmZmZmY7fQo8L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yOS41IDE3LjdjLTAuMi0wLjQtMC42LTAuNy0xLjEtMC43aC00LjhWNC40YzAtMC43LTAuNS0xLjItMS4yLTEuMmgtNC44Yy0wLjcgMC0xLjIgMC41LTEuMiAxLjJWMTdoLTQuOGMtMC41IDAtMC45IDAuMy0xLjEgMC43IC0wLjIgMC40LTAuMSAwLjkgMC4yIDEuM2w4LjQgOS42YzAuMiAwLjMgMC42IDAuNCAwLjkgMC40czAuNy0wLjIgMC45LTAuNGw4LjQtOS42QzI5LjYgMTguNyAyOS43IDE4LjIgMjkuNSAxNy43eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMy4yIDI0LjhWMzJINi44di03LjJIMnY5LjZjMCAxLjMgMS4xIDIuNCAyLjQgMi40aDMxLjJjMS4zIDAgMi40LTEuMSAyLjQtMi40di05LjZIMzMuMnoiLz48L3N2Zz4=) no-repeat;
}

.licenses .license-details .stats > span.version .stats-ic {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLnN0MHtmaWxsOiNmZmZmZmY7fQo8L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wIDExLjdjMS45LTAuOCAzLjgtMS42IDUuNi0yLjQgNC43LTIgOS40LTQgMTQuMS02IDAuMi0wLjEgMC41LTAuMSAwLjcgMCA2LjUgMi44IDEyLjkgNS41IDE5LjMgOC4zIDAuMSAwIDAuMSAwLjEgMC4zIDAuMSAtMC4yIDAuMS0wLjMgMC4yLTAuNCAwLjIgLTYuNCAzLTEyLjggNS45LTE5LjEgOC45IC0wLjIgMC4xLTAuNSAwLjEtMC42IDAgLTYuNS0zLTEyLjktNS45LTE5LjQtOC45QzAuMyAxMS44IDAuMiAxMS44IDAgMTEuN3pNNyAxMS44YzAuMiAwLjEgMC4yIDAuMSAwLjMgMC4yIDQuMSAxLjkgOC4zIDMuOCAxMi40IDUuNyAwLjIgMC4xIDAuNSAwLjEgMC43IDAgNC4xLTEuOSA4LjItMy44IDEyLjMtNS43IDAuMS0wLjEgMC4yLTAuMSAwLjQtMC4yIC0wLjEtMC4xLTAuMi0wLjEtMC4yLTAuMSAtNC4xLTEuOC04LjMtMy42LTEyLjQtNS4zIC0wLjItMC4xLTAuNS0wLjEtMC43IDAgLTQuMSAxLjctOC4yIDMuNS0xMi4yIDUuMkM3LjMgMTEuNyA3LjIgMTEuNyA3IDExLjh6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQwIDE5LjhjLTIuNSAxLjItNC45IDIuMy03LjQgMy40IC00LjEgMS45LTguMSAzLjgtMTIuMiA1LjcgLTAuMyAwLjEtMC41IDAuMS0wLjcgMCAtNi40LTMtMTIuOS01LjktMTkuNC04LjkgLTAuMSAwLTAuMi0wLjEtMC4zLTAuMiAwLjQtMC4yIDAuNy0wLjMgMS0wLjUgMC44LTAuMyAxLjUtMC42IDIuMy0xIDAuMy0wLjEgMC42LTAuMSAwLjkgMCA1LjIgMi40IDEwLjMgNC43IDE1LjUgNy4xIDAuMyAwLjEgMC41IDAuMSAwLjggMCA1LjEtMi40IDEwLjItNC44IDE1LjQtNy4xIDAuMy0wLjEgMC41LTAuMSAwLjggMEMzNy44IDE4LjggMzguOCAxOS4zIDQwIDE5Ljh6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgMjcuNmMxLjItMC41IDIuNC0xIDMuNS0xLjUgMC4yLTAuMSAwLjQgMCAwLjYgMC4xIDQuMyAyIDguNyA0IDEzIDYgMC45IDAuNCAxLjcgMC44IDIuNSAxLjIgMC4zIDAuMSAwLjUgMC4xIDAuOCAwIDUuMS0yLjQgMTAuMi00LjcgMTUuMy03LjEgMC40LTAuMiAwLjYtMC4yIDEgMCAxIDAuNSAyLjEgMC45IDMuMiAxLjQgLTAuMiAwLjEtMC4zIDAuMi0wLjQgMC4yIC02LjQgMy0xMi43IDUuOS0xOS4xIDguOSAtMC4zIDAuMS0wLjUgMC4xLTAuNyAwIC02LjQtMy0xMi44LTUuOS0xOS4yLTguOUMwLjMgMjcuOCAwLjIgMjcuNyAwIDI3LjZ6Ii8+PC9zdmc+) no-repeat;
}

.licenses .license-details .stats > span.date .stats-ic {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLnN0MHtmaWxsOiNmZmZmZmY7fQo8L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMy43IDUuNWgtMi45djIuM2MwLjMgMC40IDAuNSAxIDAuNSAxLjUgMCAxLjYtMS4zIDIuOC0yLjggMi44IC0xLjYgMC0yLjgtMS4zLTIuOC0yLjggMC0wLjYgMC4yLTEuMSAwLjUtMS41VjUuNUgxNHYyLjNjMC4zIDAuNCAwLjUgMSAwLjUgMS41IDAgMS42LTEuMyAyLjgtMi44IDIuOCAtMS42IDAtMi44LTEuMy0yLjgtMi44IDAtMC42IDAuMi0xLjEgMC41LTEuNVY1LjVINi4zQzMuOSA1LjUgMiA3LjQgMiA5Ljh2MjMuOWMwIDIuNCAxLjkgNC4zIDQuMyA0LjNoMjcuNWMyLjQgMCA0LjMtMS45IDQuMy00LjNWOS44QzM4IDcuNCAzNi4xIDUuNSAzMy43IDUuNXpNMzQuNiAzMS4xYzAgMS45LTEuNSAzLjQtMy40IDMuNEg4LjhjLTEuOSAwLTMuNC0xLjUtMy40LTMuNFYxMy4yaDI5LjFWMzEuMXoiLz48cmVjdCB4PSI4LjYiIHk9IjE2LjciIGNsYXNzPSJzdDAiIHdpZHRoPSI1LjMiIGhlaWdodD0iNS4zIi8+PHJlY3QgeD0iMTcuNSIgeT0iMTYuNyIgY2xhc3M9InN0MCIgd2lkdGg9IjUuMyIgaGVpZ2h0PSI1LjMiLz48cmVjdCB4PSIyNi40IiB5PSIxNi43IiBjbGFzcz0ic3QwIiB3aWR0aD0iNS4zIiBoZWlnaHQ9IjUuMyIvPjxyZWN0IHg9IjguNiIgeT0iMjQuOCIgY2xhc3M9InN0MCIgd2lkdGg9IjUuMyIgaGVpZ2h0PSI1LjMiLz48cmVjdCB4PSIxNy41IiB5PSIyNC44IiBjbGFzcz0ic3QwIiB3aWR0aD0iNS4zIiBoZWlnaHQ9IjUuMyIvPjxyZWN0IHg9IjI2LjQiIHk9IjI0LjgiIGNsYXNzPSJzdDAiIHdpZHRoPSI1LjMiIGhlaWdodD0iNS4zIi8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEwIDljMCAwLjQgMC4yIDAuOCAwLjQgMS4xIDAuMyAwLjMgMC43IDAuNCAxLjEgMC40IDAuOCAwIDEuNS0wLjcgMS41LTEuNVYzLjZjMC0wLjgtMC43LTEuNS0xLjUtMS41IC0wLjQgMC0wLjggMC4yLTEuMSAwLjRDMTAuMiAyLjggMTAgMy4yIDEwIDMuNlY5eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNi45IDMuNlY5YzAgMC42IDAuNCAxLjIgMC45IDEuNCAwLjIgMC4xIDAuNCAwLjEgMC42IDAuMSAwLjggMCAxLjUtMC43IDEuNS0xLjVWMy42YzAtMC44LTAuNy0xLjUtMS41LTEuNSAtMC4yIDAtMC40IDAtMC42IDAuMUMyNy4zIDIuNSAyNi45IDMgMjYuOSAzLjZ6Ii8+PC9zdmc+) no-repeat;
}

.licenses .license-details .stats > span.support .stats-ic {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLnN0MHtmaWxsOiNmZmZmZmY7fQo8L3N0eWxlPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjEgMTIuNCAyMSAyMS45IDI5LjEgMjYuNyAzMC41IDI0LjQgMjMuOCAyMC41IDIzLjggMTIuNCAiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjIuOCAyLjlDMTMuNCAyLjkgNS43IDEwLjUgNS43IDIwSDBsNy40IDcuNCAwLjEgMC4zIDcuNy03LjdIOS41YzAtNy40IDYtMTMuMyAxMy4zLTEzLjNzMTMuMyA2IDEzLjMgMTMuMyAtNiAxMy4zLTEzLjMgMTMuM2MtMy43IDAtNy0xLjUtOS40LTMuOWwtMi43IDIuN2MzLjEgMy4xIDcuNCA1IDEyLjEgNUMzMi4zIDM3LjEgNDAgMjkuNSA0MCAyMFMzMi4zIDIuOSAyMi44IDIuOXoiLz48L3N2Zz4=) no-repeat;
}

.licenses .details-wrapper {
    display: flex;
    margin: 30px 0;
}

.licenses .details-wrapper .gallery {
    width: 45%;
    background-color: #fff;
}

.licenses .details-wrapper .lSSlideWrapper {
    height: 400px;
}

.licenses .details-wrapper .lSSlideOuter .lSPager.lSGallery li {
    transition: all 200ms;
    opacity: 0.3;
}

.licenses .details-wrapper .lSSlideOuter .lSPager.lSGallery li:hover {
    opacity: 0.3;
}

.licenses .details-wrapper .lSSlideOuter .lSPager.lSGallery li.active {
    opacity: 1;
}

.licenses .details-wrapper .gallery .lslide > img {
    width: 100%;
}

.licenses .details-wrapper .details {
    width: 55%;
    padding-left: 30px;
}

.licenses .details-wrapper .pricing {

}

.licenses .details-wrapper .pricing .prices {

}

.licenses .details-wrapper .pricing .prices .tab-content {
    padding: 0 0 5px 0;
}

.licenses .details-wrapper .pricing .prices span {
    display: inline-block;
    padding: 8px 6px;
    font-size: 13px;
    line-height: 1;
    font-weight: normal;
    color: #fff;
    background-color: transparent;
    background: linear-gradient(340deg,#028090,#028090);
    border: 2px solid #028090;
    border-radius: 2px;
    vertical-align: middle;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
}

.licenses .details-wrapper .pricing .tabs {
    width: 150px;
    padding: 15px 0;
}

.licenses .details-wrapper .pricing .old-price {
    display: inline-block;
    text-decoration: line-through;
    font-weight: bold;
}

.licenses .details-wrapper .pricing .price {
    display: block;
    color: #028090;
    font-size: 28px;
    font-weight: bold;
}

.licenses .details-wrapper .faq {
    width: 100%;
    padding: 0;
    margin: 0;
}

.licenses .details-wrapper .faq .question {
    width: 100%;
}

.licenses .details-wrapper .faq .question .price {
    display: inline-block;
    color: #444;
    background-color: #f0f0f0;
    padding: 3px 5px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: normal;
}

.licenses .details-wrapper .faq .question h3 {
    font-size: 15px;
}

.licenses .details-wrapper .faq .question p {
    font-size: 13px;
    color: #444;
    text-align: left;
}

.licenses .details-wrapper .faq .question .action-btt {
    margin: 10px 0 20px;
    font-weight: bold;
    font-size: 15px;
}

.licenses .details-wrapper .faq .question:not(:last-child) {
    margin-bottom: 10px;
}

.licenses .details-wrapper .tabs.os-tabs > div {
    max-width: 400px;
}

.licenses .details-wrapper ul.check li {
    font-size: 13px;
    padding: 8px 0 8px 32px;
}

.licenses .details-wrapper ul.check li::after {
    width: 26px;
    height: 26px;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA2MCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gIAoJLnN0MHtmaWxsOiNGODY0NjQ7fQoJLnN0MXtmaWxsOiMzNTk4REM7fQo8L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMS43IDQ1Yy0wLjIgMC0wLjQtMC4xLTAuNi0wLjNDMjQuMyAzMS4xIDEzLjQgMjUgMTMuMyAyNC45Yy0wLjItMC4xLTAuMy0wLjQtMC4zLTAuNiAwLTAuMyAwLjItMC41IDAuNS0wLjUgMS43LTAuNCAzLjQtMC42IDUtMC42IDQuNCAwIDguNSAxLjUgMTIuMSA0LjUgMS45LTMuNSAxMC4yLTE2LjkgMjcuNi0yNC4xIDAuMy0wLjEgMC42IDAgMC44IDAuM0M1OSA0IDU5IDQuNCA1OC43IDQuNmMtMTAuNyA4LjgtMTkuNyAyNi0yNi41IDQwLjFDMzIuMiA0NC44IDMyIDQ1IDMxLjcgNDUgMzEuNyA0NSAzMS43IDQ1IDMxLjcgNDV6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ1LjEgNTYuNWgtNDJjLTEuMSAwLTItMC45LTItMnYtNDJjMC0xLjEgMC45LTIgMi0yaDI5LjN2NC4xSDUuMXYzNy45aDM3Ljl2LTE5aDQuMXYyMUM0Ny4xIDU1LjYgNDYuMiA1Ni41IDQ1LjEgNTYuNXoiLz48L3N2Zz4=) no-repeat;
}

.licenses .details-wrapper .action-btt {
    margin: 0;
}

.licenses .details-wrapper .dsp {
    margin: 20px 0;
}

.licenses .license-wrapper {
    margin-top: -80px;
    padding: 0 0 50px 0;
}

.licenses .license-wrapper .tabs > div {
    max-width: 160px;
}

.licenses .license-wrapper .tab-content {
    padding: 40px;
    box-shadow: 0 6px 20px rgba(0,0,0,.07);
}

.licenses .license-wrapper .review {
    display: block;
    width: 100%;
    padding: 20px 0;
}

.licenses .license-wrapper .review:not(:last-child) {
    border-bottom: 1px solid #cce5f6;
}

.licenses .license-wrapper .review p {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    line-height: 1.7;
    width: 100%;
}

.licenses .license-wrapper .faq {
    width: 100%;
    padding: 30px 0;
    margin: 0;
}

.licenses .license-wrapper {

}

.licenses .license-wrapper .p-box {
    display: block;
    padding: 20px;
    margin: 20px 0 10px 0;
    border: 2px solid #05668d;
    color: #05668d;
    border-radius: 5px;
}

.licenses .license-wrapper .p-box.yellow {
    border-color: #fff531;
    color: #444;
}

.licenses .license-wrapper .p-box.red {
    border-color: #028090;
    color: #028090;
}

.licenses .license-wrapper .p-box.green {
    border-color: #00b400;
    color: #00b400;
}

.licenses .license-wrapper .p-box.purple {
    border-color: #9c59f2;
    color: #9c59f2;
}

.licenses .license-wrapper .faq h3 {
    font-size: 18px;
}

.licenses .license-wrapper .faq .question:not(:last-child) {
    margin-bottom: 15px;
}

.licenses .license-wrapper h1 {
    text-align: left;
    margin: 20px 0 10px 0;
    font-size: 22px;
}

.changelog-section {
    display: flex;
    margin: 20px 0;
}

.changelog-section > span {
    flex-shrink: 0;
    text-align: right;
    min-width: 100px;
    padding-top: 4px;
}

.changelog-section > span label {
    color: #fff;
    padding: 5px;
    font-size: 13px;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.changelog-section ul {
    padding: 0 0 0 25px;
    margin: 0;
    list-style-type: none;
}

.changelog-section ul li {
    position: relative;
    padding: 5px 5px 5px 20px;
}

.changelog-section ul li::after {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 12px;
    border-radius: 50%;
    background-color: #999;
}

.changelog-section.version {
    align-items: center;
}

.changelog-section.version > span {
    font-size: 22px;
    font-weight: bold;
    color: #444;
}

.changelog-section.version > span.released {
    font-size: 14px;
    color: #999;
    padding-left: 25px;
    font-weight: normal;
}

.changelog-section.new-feature > span label,
.changelog-section.new-feature ul li::after {
    background-color: #5bc758;
}

.changelog-section.bug-fix > span label,
.changelog-section.bug-fix ul li::after {
    background-color: #028090;
}

.changelog-section.improvement > span label,
.changelog-section.improvement ul li::after {
    background-color: #2caed4;
}

.changelog-section.removed > span label,
.changelog-section.removed ul li::after {
    background-color: #f90;
}

.changelog-section.changed > span label,
.changelog-section.changed ul li::after {
    background-color: #1f75cc;
}

.changelog-section.launch > span label,
.changelog-section.launch ul li::after {
    background-color: #a481eb;
}

.changelog-section.other > span label,
.changelog-section.other ul li::after {
    background-color: #aaa;
}

/* Hosting */

.hosting .spr-n,
.hosting .spr::after {
	background-image: url('../imgs/spr-hosting.png');
	background-size: 1040px 782px;
}

.licenses .cover .wheel,
.hosting .cover .wheel {
	left: -5%;
	top: 22%;
	width: 10%;
	padding-top: 10%;
}

.licenses .cover .wheel-s,
.hosting .cover .wheel-s {
	left: -3.5%;
	top: 6%;
	width: 7%;
	padding-top: 7%;
}

.licenses .cover .srv,
.hosting .cover .srv {
	right: -3%;
	top: 10%;
	width: 13%;
	padding-top: 13%;
}

.licenses .cover .licenses-header,
.hosting .cover .hosting-header {
	position: relative;
	width: 30%;
	margin: 0 auto;
	text-align: center;
	margin-top: 2%;
}

.licenses .cover .licenses-header {
	margin-top: 75px;
}

.hosting .cover .hosting-header .dotted-circle {
	position: relative;
	display: inline-block;
	width: 70%;
	padding-top: 35%;
	margin-bottom: 5%;
	font-size: 0;
	background-size: contain;
}

.hosting .cover .hosting-header .icon {
	position: absolute;
	bottom: -25%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 47%;
	padding-top: 47%;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe29wYWNpdHk6MDtmaWxsOiNGRkZGRkY7fSAuc3Qxe2ZpbGw6I0ZGRkZGRjt9IC5zdDJ7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDoyLjE4Nzk7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30gLnN0M3tmaWxsOiNERkZCMjU7fSA8L3N0eWxlPjxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTEwNi45IDQzLjdjMTcuOSAwIDMzLjkgMTEuNCAzOS43IDI4LjMgMC4zIDAuOSAxLjEgMS40IDIgMS41IDYuNyAwLjMgMTMuMSAzIDE3LjkgNy43IDQuOCA0LjcgNy43IDExIDguMSAxNy43IDAgMC44IDAuNSAxLjUgMS4yIDEuOCA0LjMgMi4xIDcuOSA1LjMgMTAuNSA5LjMgMi42IDQuMSA0IDguOSA0IDEzLjcgMCA2LjgtMi43IDEzLjItNy41IDE4LjEgLTQuOCA0LjgtMTEuMyA3LjUtMTguMSA3LjVIMzUuM2MtNi44IDAtMTMuMi0yLjctMTguMS03LjVzLTcuNS0xMS4zLTcuNS0xOC4xIDIuNy0xMy4yIDcuNS0xOC4xYzQuOC00LjggMTEuMy03LjUgMTguMS03LjVoMC42YzAuOSAwIDEuNy0wLjYgMi4xLTEuNEM0MiA4NS40IDUyLjQgNzcuNSA2NC4zIDc2LjVjMC45LTAuMSAxLjctMC43IDEuOS0xLjZDNzEuMSA1Ni42IDg3LjggNDMuNyAxMDYuOSA0My43TTEwNi45IDQxLjVjLTIwLjUgMC0zNy43IDEzLjktNDIuNyAzMi44IC0xMy4xIDEuMS0yNCA5LjctMjguMyAyMS42aC0wLjZDMjAgOTYgNy41IDEwOC40IDcuNSAxMjMuN3MxMi41IDI3LjggMjcuOCAyNy44aDEyOS40YzE1LjMgMCAyNy44LTEyLjUgMjcuOC0yNy44IDAtMTEtNi40LTIwLjUtMTUuNy0yNSAtMC45LTE1LTEzLjEtMjYuOS0yOC4xLTI3LjRDMTQyLjYgNTQgMTI2LjIgNDEuNSAxMDYuOSA0MS41TDEwNi45IDQxLjV6Ii8+PGxpbmUgY2xhc3M9InN0MiIgeDE9IjE0Ni4yIiB5MT0iMTU4LjUiIHgyPSIzOS4zIiB5Mj0iMTU4LjUiLz48bGluZSBjbGFzcz0ic3QyIiB4MT0iMTY0IiB5MT0iMTU4LjUiIHgyPSIxNTcuOSIgeTI9IjE1OC41Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTM2LjUgMTAzLjVDMjQuNiAxMDMuNiAxMiAxMTMuOSAxNSAxMjYuMyIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02Ni4zIDgxLjRjLTguNyAxLTE3LjcgNS4yLTIxLjYgMTMuNSIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMzkuMSA2N2MtMy41LTcuNS0xMC4xLTEyLjYtMTcuMS0xNS45IC0xNy44LTcuNS00MC43IDAuNS00OC42IDE4LjYiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjcuOCAxMDUuOWM2LjUgMCAxMS44IDUuMyAxMS44IDExLjggMCA2LjUtNS4zIDExLjgtMTEuOCAxMS44IC02LjUgMC0xMS44LTUuMy0xMS44LTExLjhDNTUuOSAxMTEuMiA2MS4yIDEwNS45IDY3LjggMTA1LjlNNjcuOCAxMDMuN2MtNy43IDAtMTQgNi4zLTE0IDE0czYuMyAxNCAxNCAxNCAxNC02LjMgMTQtMTRTNzUuNSAxMDMuNyA2Ny44IDEwMy43TDY3LjggMTAzLjd6Ii8+PGNpcmNsZSBjbGFzcz0ic3QzIiBjeD0iNjcuOCIgY3k9IjExNy43IiByPSIzLjQiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTAxLjUgMTA1LjljNi41IDAgMTEuOCA1LjMgMTEuOCAxMS44IDAgNi41LTUuMyAxMS44LTExLjggMTEuOCAtNi41IDAtMTEuOC01LjMtMTEuOC0xMS44Qzg5LjYgMTExLjIgOTQuOSAxMDUuOSAxMDEuNSAxMDUuOU0xMDEuNSAxMDMuN2MtNy43IDAtMTQgNi4zLTE0IDE0czYuMyAxNCAxNCAxNCAxNC02LjMgMTQtMTRTMTA5LjIgMTAzLjcgMTAxLjUgMTAzLjdMMTAxLjUgMTAzLjd6Ii8+PGNpcmNsZSBjbGFzcz0ic3QzIiBjeD0iMTAxLjUiIGN5PSIxMTcuNyIgcj0iMy40Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTEzNS4yIDEwNS45YzYuNSAwIDExLjggNS4zIDExLjggMTEuOCAwIDYuNS01LjMgMTEuOC0xMS44IDExLjggLTYuNSAwLTExLjgtNS4zLTExLjgtMTEuOEMxMjMuMyAxMTEuMiAxMjguNyAxMDUuOSAxMzUuMiAxMDUuOU0xMzUuMiAxMDMuN2MtNy43IDAtMTQgNi4zLTE0IDE0czYuMyAxNCAxNCAxNGM3LjcgMCAxNC02LjMgMTQtMTRTMTQyLjkgMTAzLjcgMTM1LjIgMTAzLjdMMTM1LjIgMTAzLjd6Ii8+PGNpcmNsZSBjbGFzcz0ic3QzIiBjeD0iMTM1LjIiIGN5PSIxMTcuNyIgcj0iMy40Ii8+PC9zdmc+) no-repeat;
}

.hosting .cover .clouds-1,
.licenses .cover .clouds-1 {
	position: absolute;
	display: block;
	width: 20%;
	padding-bottom: 20%;
	left: 14%;
	top: 10%;
}

.hosting .cover .clouds-2,
.licenses .cover .clouds-2 {
	position: absolute;
	display: block;
	width: 20%;
	padding-bottom: 20%;
	right: 14%;
	top: 10%;
}

.hosting .cover .steps {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: auto;
	margin-top: 5%;
	padding: 0 6%;
}

.hosting .cover .steps > div {
	position: relative;
	flex: 1 1 auto;
	text-align: center;
	width: 10%;
	top: 0;
	transition: top 300ms;
}

.hosting .cover .steps:hover > div.icon {
	top: -10px;
}

.hosting .cover .steps > div:not(.icon) {
	width: 30%;
}

.hosting .cover .steps > div.icon::after {
	content: '';
	position: relative;
	display: inline-block;
	width: 60%;
	padding-top: 60%;
	background-position: center center;
	opacity: 0.5;
}

.hosting .cover .steps .select-icon::after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe29wYWNpdHk6MDtmaWxsOiNGRkZGRkY7fSAuc3Qxe2ZpbGw6I0ZGRkZGRjt9IC5zdDJ7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDo0LjIzMjE7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fSA8L3N0eWxlPjxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE1My40IDEyOC42djIyLjdoLTIwLjl2LTIyLjdoLTQuMnYyMi43SDQ4LjdWNzEuNGgyM3YtNC4yaC0yM1Y0Ni42aDIzdi00LjJINDQuNXYyNC44SDE5LjN2MTEzLjJoMTEzLjJ2LTI0LjhoMjUuMXYtMjdIMTUzLjR6TTEyOC4zIDE3Ni4ySDIzLjZWNzEuNGgyMC45djg0LjFoODMuOFYxNzYuMnoiLz48cmVjdCB4PSI3MS43IiB5PSIxOS42IiBjbGFzcz0ic3QyIiB3aWR0aD0iMTA5IiBoZWlnaHQ9IjEwOSIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMzIuNyA4NS41Yy0wLjIgMC0wLjQtMC4xLTAuNS0wLjMgLTYuMS0xMi0xNS45LTE3LjUtMTYtMTcuNSAtMC4yLTAuMS0wLjMtMC4zLTAuMy0wLjYgMC0wLjIgMC4yLTAuNCAwLjQtMC41IDEuNS0wLjQgMy0wLjYgNC41LTAuNiAzLjkgMCA3LjUgMS4zIDEwLjggNCAxLjctMy4xIDkuMS0xNS4xIDI0LjYtMjEuNSAwLjMtMC4xIDAuNSAwIDAuNyAwLjIgMC4xIDAuMiAwLjEgMC41LTAuMSAwLjcgLTkuNSA3LjgtMTcuNiAyMy4yLTIzLjYgMzUuN0MxMzMuMSA4NS40IDEzMi45IDg1LjUgMTMyLjcgODUuNSAxMzIuNyA4NS41IDEzMi43IDg1LjUgMTMyLjcgODUuNXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTQ0LjYgOTUuOGgtMzcuNGMtMSAwLTEuOC0wLjgtMS44LTEuOFY1Ni42YzAtMSAwLjgtMS44IDEuOC0xLjhoMjYuMXYzLjZIMTA5djMzLjhoMzMuOFY3NS4zaDMuNlY5NEMxNDYuNCA5NSAxNDUuNiA5NS44IDE0NC42IDk1Ljh6Ii8+PC9zdmc+) no-repeat;
}

.hosting .cover .steps .pay-icon::after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe29wYWNpdHk6MDtmaWxsOiNGRkZGRkY7fSAuc3Qxe2ZpbGw6I0ZGRkZGRjt9IDwvc3R5bGU+PHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNOC42IDQ0Ljh2MTEwLjVoMTgyLjdWNDQuOEg4LjZ6TTE4Ny44IDQ4LjNWNjhIMTIuMlY0OC4zSDE4Ny44ek0xMi4yIDE1MS43Vjg3LjNoMTc1LjZ2NjQuNEgxMi4yeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNzIuNiAxMTEuNGgtNTEuMmMtMS4zIDAtMi40LTEuMS0yLjQtMi40IDAtMS4zIDEuMS0yLjQgMi40LTIuNGg1MS4yYzEuMyAwIDIuNCAxLjEgMi40IDIuNEMxNzUgMTEwLjMgMTczLjkgMTExLjQgMTcyLjYgMTExLjR6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE3Mi42IDEyMy4zaC03NWMtMS4zIDAtMi40LTEuMS0yLjQtMi40IDAtMS4zIDEuMS0yLjQgMi40LTIuNGg3NWMxLjMgMCAyLjQgMS4xIDIuNCAyLjRDMTc1IDEyMi4yIDE3My45IDEyMy4zIDE3Mi42IDEyMy4zeiIvPjwvc3ZnPg==) no-repeat;
}

.hosting .cover .steps .use-icon::after {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMDAgMjAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe29wYWNpdHk6MDtmaWxsOiNGRkZGRkY7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIvPgo8Zz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTAwLDU2LjdjNC44LDAsOC43LDMuOSw4LjcsOC43YzAsNC44LTMuOSw4LjctOC43LDguN2MtNC44LDAtOC43LTMuOS04LjctOC43CgkJCQlDOTEuMyw2MC42LDk1LjIsNTYuNywxMDAsNTYuN0wxMDAsNTYuN3oiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMDAsMzguMmMzLjQsMCw2LjEsMi43LDYuMSw2LjFjMCwzLjQtMi43LDYuMS02LjEsNi4xYy0zLjQsMC02LjEtMi43LTYuMS02LjEKCQkJCUM5My45LDQwLjksOTYuNiwzOC4yLDEwMCwzOC4yTDEwMCwzOC4yeiIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTUwLjgsNzIuNmMzLjktMi44LDkuNC0yLDEyLjIsMS45YzIuOCwzLjksMiw5LjQtMS45LDEyLjJjLTMuOSwyLjgtOS40LDItMTIuMi0xLjkKCQkJCUM0Ni4xLDgwLjksNDYuOSw3NS41LDUwLjgsNzIuNkw1MC44LDcyLjZ6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzkuOSw1Ny43YzIuNy0yLDYuNS0xLjQsOC41LDEuNGMyLDIuNywxLjQsNi41LTEuNCw4LjVjLTIuNywyLTYuNiwxLjQtOC41LTEuNAoJCQkJQzM2LjYsNjMuNSwzNy4yLDU5LjcsMzkuOSw1Ny43TDM5LjksNTcuN3oiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yMC40LDExNC41YzEuNS00LjYsNi40LTcuMSwxMS01LjZjNC42LDEuNSw3LjEsNi40LDUuNiwxMWMtMS41LDQuNi02LjQsNy4xLTExLDUuNgoJCQkJQzIxLjQsMTI0LDE4LjksMTE5LjEsMjAuNCwxMTQuNUwyMC40LDExNC41eiIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTIuOCwxMDguOGMxLTMuMiw0LjUtNSw3LjctMy45YzMuMiwxLDUsNC41LDMuOSw3LjdjLTEsMy4yLTQuNSw1LTcuNywzLjlDMy41LDExNS40LDEuOCwxMTIsMi44LDEwOC44CgkJCQlMMi44LDEwOC44eiIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE3OS42LDExNC41YzEuNSw0LjYtMSw5LjUtNS42LDExYy00LjYsMS41LTkuNS0xLTExLTUuNmMtMS41LTQuNiwxLTkuNSw1LjYtMTEKCQkJCUMxNzMuMiwxMDcuNCwxNzguMSwxMDkuOSwxNzkuNiwxMTQuNUwxNzkuNiwxMTQuNXoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xOTcuMiwxMDguOGMxLDMuMi0wLjcsNi43LTMuOSw3LjdjLTMuMiwxLTYuNy0wLjctNy43LTMuOWMtMS0zLjIsMC43LTYuNywzLjktNy43CgkJCQlDMTkyLjcsMTAzLjgsMTk2LjEsMTA1LjYsMTk3LjIsMTA4LjhMMTk3LjIsMTA4Ljh6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTQ5LjIsNzIuNmMzLjksMi44LDQuOCw4LjMsMS45LDEyLjJjLTIuOCwzLjktOC4zLDQuOC0xMi4yLDEuOWMtMy45LTIuOC00LjgtOC4zLTEuOS0xMi4yCgkJCQlDMTM5LjgsNzAuNywxNDUuMyw2OS44LDE0OS4yLDcyLjZMMTQ5LjIsNzIuNnoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNjAuMSw1Ny43YzIuNywyLDMuMyw1LjgsMS4zLDguNWMtMiwyLjctNS44LDMuMy04LjUsMS40Yy0yLjctMi0zLjMtNS44LTEuMy04LjUKCQkJCUMxNTMuNSw1Ni4zLDE1Ny4zLDU1LjcsMTYwLjEsNTcuN0wxNjAuMSw1Ny43eiIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTc0LjEsNjAuOGM0LjYtMS41LDkuNSwxLDExLDUuNmMxLjUsNC42LTEsOS41LTUuNiwxMWMtNC42LDEuNS05LjUtMS0xMS01LjZDNjcuMSw2Ny4yLDY5LjYsNjIuMyw3NC4xLDYwLjgKCQkJCUw3NC4xLDYwLjh6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjguNCw0My4yYzMuMi0xLDYuNywwLjcsNy43LDMuOWMxLDMuMi0wLjcsNi43LTMuOSw3LjdjLTMuMiwxLjEtNi43LTAuNy03LjctMy45CgkJCQlDNjMuNSw0Ny42LDY1LjIsNDQuMiw2OC40LDQzLjJMNjguNCw0My4yeiIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTUwLjgsNzIuNmMzLjktMi44LDkuNC0yLDEyLjIsMS45YzIuOCwzLjksMiw5LjQtMS45LDEyLjJjLTMuOSwyLjgtOS40LDItMTIuMi0xLjkKCQkJCUM0Ni4xLDgwLjksNDYuOSw3NS41LDUwLjgsNzIuNkw1MC44LDcyLjZ6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzkuOSw1Ny43YzIuNy0yLDYuNS0xLjQsOC41LDEuNGMyLDIuNywxLjQsNi42LTEuNCw4LjVjLTIuNywyLTYuNSwxLjQtOC41LTEuNAoJCQkJQzM2LjYsNjMuNSwzNy4yLDU5LjcsMzkuOSw1Ny43TDM5LjksNTcuN3oiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zMi4zLDkxLjJjMi44LTMuOSw4LjMtNC44LDEyLjItMS45YzMuOSwyLjgsNC44LDguMywxLjksMTIuMmMtMi44LDMuOS04LjMsNC44LTEyLjIsMS45CgkJCQlDMzAuMywxMDAuNSwyOS41LDk1LjEsMzIuMyw5MS4yTDMyLjMsOTEuMnoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNy4zLDgwLjNjMi0yLjcsNS44LTMuMyw4LjUtMS4zYzIuNywyLDMuMyw1LjgsMS4zLDguNWMtMiwyLjctNS44LDMuMy04LjUsMS4zQzE2LDg2LjgsMTUuNCw4MywxNy4zLDgwLjMKCQkJCUwxNy4zLDgwLjN6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjAuNCwxMTQuNWMxLjUtNC42LDYuNC03LjEsMTEtNS42YzQuNiwxLjUsNy4xLDYuNCw1LjYsMTFjLTEuNSw0LjYtNi40LDcuMS0xMSw1LjYKCQkJCUMyMS40LDEyNCwxOC45LDExOS4xLDIwLjQsMTE0LjVMMjAuNCwxMTQuNXoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yLjgsMTA4LjhjMS0zLjIsNC41LTUsNy43LTMuOWMzLjIsMSw1LDQuNSwzLjksNy43Yy0xLDMuMi00LjUsNS03LjcsMy45QzMuNSwxMTUuNCwxLjgsMTEyLDIuOCwxMDguOAoJCQkJTDIuOCwxMDguOHoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNzkuNiwxMTQuNWMxLjUsNC42LTEsOS41LTUuNiwxMWMtNC42LDEuNS05LjUtMS0xMS01LjZjLTEuNS00LjYsMS05LjUsNS42LTExCgkJCQlDMTczLjIsMTA3LjQsMTc4LjEsMTA5LjksMTc5LjYsMTE0LjVMMTc5LjYsMTE0LjV6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTk3LjIsMTA4LjhjMSwzLjItMC43LDYuNy0zLjksNy43Yy0zLjIsMS02LjctMC43LTcuNy0zLjljLTEtMy4yLDAuNy02LjcsMy45LTcuNwoJCQkJQzE5Mi43LDEwMy44LDE5Ni4xLDEwNS42LDE5Ny4yLDEwOC44TDE5Ny4yLDEwOC44eiIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE2Ny43LDkxLjJjMi44LDMuOSwyLDkuMy0xLjksMTIuMmMtMy45LDIuOC05LjMsMi0xMi4yLTEuOWMtMi44LTMuOS0yLTkuNCwxLjktMTIuMgoJCQkJQzE1OS40LDg2LjQsMTY0LjgsODcuMywxNjcuNyw5MS4yTDE2Ny43LDkxLjJ6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTgyLjYsODAuM2MyLDIuNywxLjQsNi41LTEuMyw4LjVjLTIuNywyLTYuNiwxLjQtOC41LTEuNGMtMi0yLjctMS40LTYuNiwxLjMtOC41CgkJCQlDMTc2LjksNzYuOSwxODAuNyw3Ny41LDE4Mi42LDgwLjNMMTgyLjYsODAuM3oiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNDkuMiw3Mi42YzMuOSwyLjgsNC44LDguMywxLjksMTIuMmMtMi44LDMuOS04LjMsNC44LTEyLjIsMS45Yy0zLjktMi44LTQuOC04LjMtMS45LTEyLjIKCQkJCUMxMzkuOCw3MC43LDE0NS4zLDY5LjgsMTQ5LjIsNzIuNkwxNDkuMiw3Mi42eiIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE2MCw1Ny43YzIuNywyLDMuMyw1LjgsMS40LDguNWMtMiwyLjctNS44LDMuMy04LjUsMS40Yy0yLjctMi0zLjMtNS44LTEuNC04LjUKCQkJCUMxNTMuNSw1Ni4zLDE1Ny4zLDU1LjcsMTYwLDU3LjdMMTYwLDU3Ljd6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTI1LjgsNjAuOGM0LjYsMS41LDcuMSw2LjQsNS42LDExYy0xLjUsNC42LTYuNCw3LjEtMTEsNS42Yy00LjYtMS41LTcuMS02LjQtNS42LTExCgkJCQlDMTE2LjMsNjEuOCwxMjEuMyw1OS4zLDEyNS44LDYwLjhMMTI1LjgsNjAuOHoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMzEuNiw0My4yYzMuMiwxLDUsNC41LDMuOSw3LjdjLTEsMy4yLTQuNSw1LTcuNywzLjljLTMuMi0xLTUtNC41LTMuOS03LjcKCQkJCUMxMjQuOSw0My45LDEyOC4zLDQyLjEsMTMxLjYsNDMuMkwxMzEuNiw0My4yeiIvPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxnIGlkPSJYTUxJRF8yNV8iPgoJCQk8ZyBpZD0iWE1MSURfMzRfIj4KCQkJCTxnPgoJCQkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik05NywxNDAuNmMtMC4yLDAtMC4zLTAuMS0wLjQtMC4yYy00LjgtOS42LTEyLjYtMTMuOS0xMi43LTE0Yy0wLjItMC4xLTAuMi0wLjMtMC4yLTAuNAoJCQkJCQljMC0wLjIsMC4yLTAuMywwLjMtMC40YzEuMi0wLjMsMi40LTAuNCwzLjYtMC40YzMuMSwwLDYsMS4xLDguNiwzLjJjMS40LTIuNSw3LjItMTIsMTkuNi0xNy4xYzAuMi0wLjEsMC40LDAsMC41LDAuMgoJCQkJCQljMC4xLDAuMiwwLjEsMC40LTAuMSwwLjZjLTcuNiw2LjItMTQsMTguNC0xOC44LDI4LjRDOTcuMywxNDAuNSw5Ny4yLDE0MC42LDk3LDE0MC42Qzk3LDE0MC42LDk3LDE0MC42LDk3LDE0MC42eiIvPgoJCQkJPC9nPgoJCQk8L2c+CgkJPC9nPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTAwLDE2MS44Yy0xOS44LDAtMzUuOS0xNi4xLTM1LjktMzUuOVM4MC4yLDkwLDEwMCw5MHMzNS45LDE2LjEsMzUuOSwzNS45UzExOS44LDE2MS44LDEwMCwxNjEuOHoKCQkJCSBNMTAwLDk1LjFjLTE3LDAtMzAuOCwxMy44LTMwLjgsMzAuOFM4MywxNTYuNywxMDAsMTU2LjdzMzAuOC0xMy44LDMwLjgtMzAuOFMxMTcsOTUuMSwxMDAsOTUuMXoiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+) no-repeat;
}

.hosting .cover .steps-text {
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
}

.hosting .cover .steps-text > div {
	position: relative;
	flex: 1 1 auto;
	text-align: center;
	max-width: 20%;
}

.hosting .cover .steps-text > div h3 {
	font-size: 26px;
	text-align: center;
	color: #fff;
}

.hosting .cover .steps-text > div p {
	font-size: 16px;
	color: #fff;
}

.hosting .pkgs {
	margin-top: 60px;
}

.hosting .pkgs .pkg {
	flex: 1 1 21%;
	margin-top: 50px;
	padding: 40px 20px;
	margin: 40px 25px;
	text-align: center;
	width: 25%;
	min-width: 20%;
	max-width: 25%;
}

.hosting .pkgs .pkg h1 {
	color: #05668d;
	font-size: 28px;
	font-weight: bold;
	padding: 0;
}

.hosting .pkgs .pkg .chip {
    background-color: rgba(11,30,44,.7);
    color: #fff;
    font-weight: 600;
    position: initial;
    margin-left: 5px;
    padding: 5px 5px 3px 5px;
    font-size: 16px;
    border-radius: 5px 5px 2px 8px;
}

.hosting .pkgs .pkg .price {
	color: #028090;
	font-size: 23px;
	font-weight: bold;
}

.hosting .pkgs .pkg .action-btt {
	margin: 0;
}

.section > div:first-child {
	padding-left: 5px;
}

.section > div.text:first-child {
	padding-left: 15px;
}

.section > div:last-child {
	padding-right: 5px;
}

.section > div.text:last-child {
	padding-right: 15px;
}

.hosting .section .whm {
	position: relative;
	width: 390px;
	height: 314px;
	margin-right: auto;
}

.hosting .section .whm .base {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 390px;
	height: 314px;
	margin: 0 auto;
	background-position: 0 -424px;
}

.hosting .section .whm .icon {
	position: absolute;
	top: 108px;
	width: 46px;
	height: 110px;
	margin: 0 auto;
	background-position: -390px -424px;
}

.hosting .section .whm .icon.i-1 {
	left: 9%;
}

.hosting .section .whm .icon.i-2 {
	left: 27%;
}

.hosting .section .whm .icon.i-3 {
	left: 45%;
}

.hosting .section .whm .icon.i-4 {
	left: 62%;
}

.hosting .section .whm .icon.i-5 {
	left: 79%;
}

.hosting .section .reseller {
	position: relative;
	width: 520px;
	height: 282px;
	margin-left: auto;
	z-index: 0;
}

.hosting .section .reseller .base {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	width: 384px;
	height: 282px;
	background-position: -436px -424px;
}

.hosting .section .reseller .server {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -15%;
	width: 124px;
	height: 124px;
	background-position: -820px -530px;
	z-index: 2;
}

.hosting .section .reseller .x-cloud {
	position: absolute;
	width: 156px;
	height: 106px;
	background-position: -820px -424px;
	z-index: 2;
}

.hosting .section .reseller .x-cloud.xc-1 {
	left: 2%;
	top: -15%;
}

.hosting .section .reseller .x-cloud.xc-2 {
	right: 2%;
	bottom: -8%;
}

.hosting .section .reseller .left-arrow {
	position: absolute;
	left: -2%;
	bottom: 25%;
	width: 210px;
	height: 44px;
	background-position: -210px -738px;
	z-index: 2;
}

.hosting .section .reseller .right-arrow {
	position: absolute;
	right: -2%;
	top: 17%;
	width: 210px;
	height: 44px;
	background-position: 0px -738px;
	z-index: 2;
}

.hosting .boxes > div {
	flex: 1 0 21%;
}

.hosting .boxes .reseller::after {
	background-position: 0px 0px;
}

.hosting .boxes .support::after {
	background-position: -260px 0px;
}

.hosting .boxes .softaculous::after {
	background-position: -520px 0px;
}

.hosting .boxes .cloudflare::after {
	background-position: -780px 0px;
}

.hosting .boxes .performance::after {
	background-position: 0px -212px;
}

.hosting .boxes .email::after {
	background-position: -260px -212px;
}

.hosting .boxes .upgrades::after {
	background-position: -520px -212px;
}

.hosting .boxes .migration::after {
	background-position: -780px -212px;
}

/* Partner */

.partner .spr-n,
.partner .spr::after {
	background-image: url('../imgs/spr-partner.png');
	background-size: 1300px 950px;
}

.partner .cover .partner-header {
	position: relative;
	width: 33%;
	margin: 0 auto;
	top: 28%;
	transform: translateY(-20%);
	text-align: center;
	max-width: 33%;
}

.partner .cover .dotted-circle {
	position: relative;
	display: inline-block;
	width: 70%;
	padding-top: 35%;
	margin-bottom: 12%;
	font-size: 0;
	background-size: contain;
}

.partner .cover .partner-icon {
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 60%;
	padding-top: 60%;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe29wYWNpdHk6MDtmaWxsOiNGRkZGRkY7fSAuc3Qxe2ZpbGw6I0ZGRkZGRjt9IC5zdDJ7ZmlsbDojREZGQjI1O30gPC9zdHlsZT48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNTggNTQuNWM0LjUgMTYuMSA5IDMyLjEgMTMuNSA0OC40IC0yLjIgMC41LTQuNCAxLjItNi42IDEuNSAtMS44IDAuMi0yLjkgMS0zLjkgMi41IC0yLjYgNC02LjIgNy4xLTEwLjUgOS40IDIuNyAzLjggMyA3LjctMC4yIDExLjMgLTMgMy40LTYuOCAzLjYtMTAuNyAxLjcgLTAuMSA3LjgtNy4zIDEyLjItMTQgOS41IC0wLjEgMy40LTEuMyA2LjItNC4zIDggLTIuOSAxLjgtNiAxLjYtOSAwLjEgLTAuNSAyLjgtMiA0LjYtNC43IDUuMiAtMi43IDAuNi00LjYtMS4xLTYuOS0yLjMgLTAuMiAwLjMtMC40IDAuNi0wLjUgMC45IC0xLjUgMi41LTMuNSA0LjUtNi40IDUuMyAtNC4xIDEuMi03LjQtMS4zLTcuNC01LjYgMC0wLjQgMC0wLjkgMC0xLjQgLTAuOCAwLjUtMS42IDEuMS0yLjQgMS41IC0xLjYgMC45LTMuNCAxLjUtNS4yIDEuNCAtMy45LTAuMi02LjMtMy4yLTYuMS03LjQgMC0wLjYgMC4xLTEuMiAwLjEtMS45IC0xIDAuNy0xLjggMS40LTIuNyAyIC0xLjcgMS4yLTMuNSAyLTUuNiAyLjIgLTMuOSAwLjQtNi45LTEuOS03LjItNS44IC0wLjEtMS44IDAuMS0zLjUgMC4yLTUuMyAtMC4xIDAuMS0wLjQgMC4zLTAuNiAwLjQgLTEuNiAxLjEtMy40IDItNS40IDIuMSAtNC42IDAuNC04LTMuMS03LjYtNy44IDAuMi0yLjggMS4yLTUuMiAyLjktNy40IDAuMi0wLjMgMC41LTAuNiAwLjgtMSAtMi4yLTIuMi00LjYtNC4zLTcuNS01LjQgLTMuNS0xLjMtNy4xLTIuNi0xMC43LTMuOCAtMS4yLTAuNC0xLjQtMC43LTAuOS0xLjlDMzQuOCA5NS4yIDQxIDc5LjIgNDcuMiA2My4zYzAuNC0wLjkgMC45LTEuMiAxLjgtMC44IDEuNCAwLjYgMi45IDEgNC4zIDEuNiA0LjkgMi4yIDkuNiAxLjUgMTQuMi0wLjggNi42LTMuMyAxMy41LTYuMSAyMC42LTguMiAwLjUtMC4yIDEuMS0wLjQgMS42LTAuNiAzLjUtMS40IDYuOC0xLjIgMTAgMC44IDAuOSAwLjUgMS42IDAuNiAyLjUgMC4yIDMtMS41IDYuMi0xLjMgOS4yLTAuNCAzIDAuOSA2IDEuMSA5IDEuNiAzLjQgMC42IDYuNyAxLjMgMTAuMSAyLjEgMS44IDAuNCAzLjQgMC41IDUuMiAwLjEgNy4zLTEuNSAxNC41LTIuOSAyMS44LTQuM0MxNTcuNiA1NC42IDE1Ny44IDU0LjYgMTU4IDU0LjV6TTMwLjYgMTExLjNjMS44IDAuNyAzLjYgMS4yIDUuMyAxLjkgMi44IDEuMSA1LjkgMS43IDguNCAzLjYgMS43IDEuMyAzLjMgMi42IDUgNCAyLjgtMS45IDUuOS0zLjMgOS40LTEuNiAzLjYgMS43IDQuMSA1LjEgMy44IDguNyAwLjMtMC4yIDAuNC0wLjQgMC42LTAuNiAyLTEuOSA0LjItMy40IDYuOS00LjEgNC44LTEuMyA4LjQgMS4zIDguNyA2LjIgMC4xIDEuMy0wLjEgMi42LTAuMiAzLjggMS41LTAuNyAyLjktMS43IDQuNS0yLjMgNS4zLTEuOSA5LjYgMS40IDkuMyA3IDAgMC44LTAuMiAxLjYtMC4zIDIuMyAwIDAuMy0wLjEgMC41LTAuMSAwLjggMC44LTAuMyAxLjUtMC43IDIuMi0wLjkgNC4yLTEuNCA4IDEgNy43IDUuMyAtMC4yIDIuNCAwLjggMy4zIDIuNSA0IDAuMyAwLjEgMC43IDAuNCAxIDAuNSAyLjEgMC45IDQuNS0wLjMgNS4xLTIuNCAwLjQtMS41IDAuMi0yLjQtMS4xLTMuMyAtNC0zLTgtNi4xLTExLjktOS4xIC0wLjUtMC40LTEuMS0wLjktMC42LTEuNiAwLjUtMC44IDEuMi0wLjMgMS43IDAuMSAyIDEuNSAzLjkgMyA1LjkgNC41IDIuNyAyLjEgNS41IDQuMyA4LjIgNi41IDQuMSAzLjMgMTAuMyAxLjEgMTEuMi00LjEgMC4zLTEuOCAwLjEtMy4zLTEuNS00LjYgLTQuMi0zLjYtOC4zLTcuNC0xMi40LTExLjIgLTAuMi0wLjItMC41LTAuMy0wLjUtMC41IC0wLjEtMC40LTAuMi0xIDAtMS4zIDAuMi0wLjIgMC44LTAuMSAxLjMtMC4xIDAuMyAwLjEgMC41IDAuNCAwLjcgMC42IDQuNiA0LjIgOS4yIDguNCAxMy45IDEyLjYgMC41IDAuNCAxIDAuOCAxLjYgMSAyLjggMS4yIDUuNSAwLjkgOC0wLjkgMi40LTEuOCAzLjQtNC4zIDMuMS03LjQgLTAuMS0xLTAuNS0xLjgtMS4zLTIuNSAtNS4xLTQuOC0xMC4yLTkuNi0xNS4zLTE0LjUgLTAuNS0wLjUtMC45LTEtMC4zLTEuNiAwLjYtMC42IDEuMS0wLjIgMS42IDAuMiAwLjMgMC4zIDAuNiAwLjYgMC45IDAuOCA1LjUgNS4yIDEwLjkgMTAuMyAxNi40IDE1LjUgMi43IDIuNSA2LjggMi40IDkuMy0wLjIgMi41LTIuNiAyLjQtNi42LTAuMS05LjMgLTQuNC00LjYtOC43LTkuMy0xMy4xLTE0IC0zLjYtMy44LTctNy43LTEwLjctMTEuMyAtNC41LTQuMy05LjMtOC4yLTE0LTEyLjIgLTAuNi0wLjUtMS0wLjYtMS43LTAuNCAtNC44IDEuNC05LjggMS44LTE0LjcgMS4yIC0wLjgtMC4xLTEuMSAwLjEtMS41IDAuOCAtMyA1LjMtNyA5LjYtMTIuMSAxMyAtNC45IDMuMy0xMS40IDItMTQuNy0yLjkgLTEtMS41LTEuMS0yLjktMC4yLTQuNSAzLTUuNSA2LTEwLjkgOS0xNi40IDEuMy0yLjQgMy4xLTQuMSA1LjYtNS4zIDUuMy0yLjQgMTAuNS00LjggMTUuOC03LjIgMC43LTAuMyAxLjUtMC43IDIuNC0xLjEgLTIuNi0xLjYtNS4xLTEuOC03LjgtMC45IC0wLjkgMC4zLTEuOCAwLjctMi43IDEgLTYuNyAyLjEtMTMuMyA0LjYtMTkuNSA3LjggLTUuMyAyLjctMTAuNyAzLjUtMTYuNCAxIC0xLjEtMC41LTIuNC0wLjktMy42LTEuM0M0Mi43IDgwLjEgMzYuNyA5NS42IDMwLjYgMTExLjN6TTEyMy4yIDg3LjhjMS41IDEuMyAyLjkgMi41IDQuMiAzLjkgNyA3LjQgMTQgMTQuOSAyMSAyMi40IDAuNyAwLjcgMS4yIDAuNyAyIDAuMyA0LjItMi40IDcuNi01LjYgMTAtOS43IDAuNy0xLjEgMS41LTEuNiAyLjctMS43IDItMC4zIDQuMS0wLjggNi4yLTEuMyAtNC4yLTE1LjEtOC40LTMwLTEyLjYtNDQuOSAtMC40IDAuMS0wLjYgMC4xLTAuOCAwLjEgLTYuNyAxLjMtMTMuNSAyLjctMjAuMiAzLjkgLTEuNyAwLjMtMy42IDAuMS01LjMtMC4yIC0zLjItMC41LTYuMy0xLjMtOS40LTEuOSAtMy40LTAuNi02LjgtMC44LTEwLjEtMS44IC0yLjUtMC44LTUuMS0wLjktNy42IDAuMiAtNy41IDMuNC0xNC45IDYuOC0yMi4zIDEwLjIgLTEuNiAwLjctMi45IDEuOC0zLjcgMy4zIC0zLjIgNS45LTYuNCAxMS43LTkuNiAxNy42IC0wLjIgMC41LTAuMiAxLjMgMCAxLjggMi4yIDQuMiA4IDUuNiAxMS45IDMgNS4zLTMuNSA5LjQtOCAxMi40LTEzLjYgMC40LTAuOCAwLjgtMSAxLjYtMC45IDUuNSAwLjkgMTAuOSAwLjQgMTYuMy0xLjIgMC40LTAuMSAxLjEgMCAxLjUgMC4zIDEuMyAxIDIuNSAyIDMuNyAzIDYuMiA1LjIgMTMuMiA3LjYgMjEuMyA2LjQgMC42LTAuMSAxLjMtMC4yIDEuOS0wLjIgMCAwLjIgMCAwLjMgMCAwLjVDMTMzLjUgOTAuNSAxMjguNCA4OS4xIDEyMy4yIDg3Ljh6TTc2LjggMTMwLjdjMC00LjctMi42LTYuNy02LjYtNS42IC0wLjkgMC4zLTEuNyAwLjYtMi41IDEuMSAtNC4xIDIuNC02LjggNi04LjEgMTAuNiAtMC4zIDEuMi0wLjUgMi40LTAuNCAzLjYgMC4yIDMuNSAyLjYgNS4yIDYgNC41IDIuNy0wLjYgNC44LTIuMSA2LjctNC4xQzc0LjcgMTM3LjkgNzYuNiAxMzQuNCA3Ni44IDEzMC43ek05MC4zIDEzNy41YzAtNC0yLjYtNi02LjQtNC45IC00LjggMS40LTkuMyA3LjItOS4zIDEyLjIgMCA0LjEgMi43IDYuMSA2LjYgNC45Qzg2IDE0OC4zIDkwLjMgMTQyLjUgOTAuMyAxMzcuNXpNNTUuNiAxMjAuNGMtNS40IDAtMTAuOCA2LjktOS42IDEyLjIgMC42IDIuNiAyLjYgNC4xIDUuMiAzLjkgNS40LTAuMyAxMC40LTcgOS4yLTEyLjNDNTkuOSAxMjEuOCA1OC4xIDEyMC40IDU1LjYgMTIwLjR6TTk5LjggMTQ1LjhjMC4xLTIuOS0xLjgtNC42LTQuNC00LjEgLTMuOSAwLjctNy40IDUuNC02LjkgOS40IDAuMyAyLjMgMS45IDMuNSA0LjEgMy4yQzk2LjIgMTUzLjggOTkuNyAxNDkuNyA5OS44IDE0NS44eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zLjMgMTA2LjVjNy40LTE5IDE0LjctMzggMjIuMS01Ny4xIDMuNiAxLjQgNy4xIDIuNyAxMC42IDQuMSAyLjUgMSA1IDEuOSA3LjUgMi45IDIuOCAxLjEgNCAzLjcgMi45IDYuNkM0MC4zIDc4LjkgMzQuMSA5NC44IDI4IDExMC43Yy0xLjEgMi44LTMuNiA0LTYuMyAzIC02LTIuMy0xMi00LjYtMTgtN0MzLjYgMTA2LjcgMy41IDEwNi42IDMuMyAxMDYuNXpNNS43IDEwNS41YzAuNCAwLjIgMC43IDAuMyAxLjEgMC41IDUgMS45IDEwIDMuOSAxNSA1LjggMi4yIDAuOSAzLjYgMC4yIDQuNS0yIDYuMS0xNS43IDEyLjItMzEuMyAxOC4yLTQ3IDAuOS0yLjQgMC4zLTMuNy0yLjEtNC43IC01LTEuOS0xMC0zLjktMTUtNS44IC0wLjMtMC4xLTAuNi0wLjItMS0wLjNDMTkuNSA2OS44IDEyLjYgODcuNiA1LjcgMTA1LjV6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE4MC44IDQzLjdjNS4zIDE5LjEgMTAuNiAzOCAxNS45IDU3IC0zLjIgMC44LTYuMSAxLjYtOS4xIDIuMyAtMy4xIDAuOC02LjMgMS42LTkuNSAyLjQgLTMgMC43LTUuNC0wLjctNi4yLTMuNiAtNC40LTE1LjctOC44LTMxLjQtMTMuMi00NyAtMC45LTMuMiAwLjUtNS42IDMuOC02LjUgNS43LTEuNSAxMS40LTIuOSAxNy00LjRDMTc5LjkgNDMuOSAxODAuMyA0My44IDE4MC44IDQzLjd6TTE5NC40IDk5LjNjLTUtMTcuOS0xMC0zNS42LTE0LjktNTMuMyAtMC40IDAuMS0wLjcgMC4xLTEgMC4yIC01LjEgMS4zLTEwLjMgMi42LTE1LjQgMy45IC0yLjIgMC42LTMgMS45LTIuNCA0LjIgMC42IDIuMyAxLjMgNC41IDEuOSA2LjggMy43IDEzLjMgNy40IDI2LjYgMTEuMiAzOS45IDAuNyAyLjMgMS45IDMuMSA0LjMgMi41IDIuOS0wLjcgNS45LTEuNSA4LjgtMi4yQzE4OS4zIDEwMC43IDE5MS44IDEwMCAxOTQuNCA5OS4zeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xODEuOCA4OS45YzIuNCAwIDQuNCAyIDQuNCA0LjQgMCAyLjQtMiA0LjQtNC40IDQuNHMtNC40LTItNC40LTQuNEMxNzcuNSA5MS44IDE3OS40IDg5LjkgMTgxLjggODkuOU0xODEuOCA4OC43Yy0zIDAtNS41IDIuNS01LjUgNS41IDAgMyAyLjUgNS41IDUuNSA1LjVzNS41LTIuNSA1LjUtNS41QzE4Ny4zIDkxLjIgMTg0LjkgODguNyAxODEuOCA4OC43TDE4MS44IDg4Ljd6Ii8+PGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTgxLjgiIGN5PSI5NC4yIiByPSIxLjQiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTkuOCA5NS40YzIuNCAwIDQuNCAyIDQuNCA0LjQgMCAyLjQtMiA0LjQtNC40IDQuNHMtNC40LTItNC40LTQuNEMxNS40IDk3LjMgMTcuNCA5NS40IDE5LjggOTUuNE0xOS44IDk0LjJjLTMgMC01LjUgMi41LTUuNSA1LjUgMCAzIDIuNSA1LjUgNS41IDUuNXM1LjUtMi41IDUuNS01LjVDMjUuMyA5Ni43IDIyLjggOTQuMiAxOS44IDk0LjJMMTkuOCA5NC4yeiIvPjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjE5LjgiIGN5PSI5OS43IiByPSIxLjQiLz48L3N2Zz4=) no-repeat;
}

.partner .cover .clouds-1 {
	position: absolute;
	display: block;
	width: 20%;
	padding-bottom: 20%;
	left: 14%;
	top: 30%;
}

.partner .cover .clouds-2 {
	position: absolute;
	display: block;
	width: 20%;
	padding-bottom: 20%;
	right: 14%;
	top: 30%;
}

.partner .boxes > div {
	flex: 1 0 17%;
}

.partner .boxes > div p {
	font-size: 15px;
}

.partner .boxes .storefront::after {
	background-position: 0px 0px;
}

.partner .boxes .payments::after {
	background-position: -260px 0px;
}

.partner .boxes .prices::after {
	background-position: -520px 0px;
}

.partner .boxes .support::after {
	background-position: -780px 0px;
}

.partner .boxes .professionals::after {
	background-position: -1040px 0px;
}

.partner .boxes .web-hosting::after {
	background-position: 0px -212px;
}

.partner .boxes .dedicated-servers::after {
	background-position: -260px -212px;
}

.partner .boxes .vps-servers::after {
	background-position: -520px -212px;
}

.partner .boxes .domains-serv::after {
	background-position: -780px -212px;
}

.partner .boxes .ssl-certs::after {
	background-position: -1040px -212px;
}

.partner .boxes .licences::after {
	background-position: 0px -424px;
}

.partner .boxes .internet::after {
	background-position: -260px -424px;
}

.partner .boxes .cloud-back-up::after {
	background-position: -520px -424px;
}

.partner .boxes .ip-addr::after {
	background-position: -780px -424px;
}

.partner .boxes .as-no::after {
	background-position: -1040px -424px;
}

.partner .pkgs {
	margin-top: 50px;
}

.partner .pkgs .pkg {
	flex: 1 1 40%;
	margin-top: 50px;
	text-align: center;
	margin: 30px 25px;
	width: 50%;
	min-width: 40%;
	max-width: 50%;
}

.partner .pkgs .pkg h1 {
	color: #05668d;
	font-size: 28px;
	font-weight: bold;
	padding: 0;
}

.partner .pkgs .pkg .price {
	color: #028090;
	font-size: 23px;
	font-weight: bold;
}

.partner .pkgs .pkg .action-btt {
	margin: 0;
}

.partner .pkgs .pkg .features > div p {
	font-size: 15px;
	line-height: 2;
	color: #05668d;
	opacity: 0.8;
}

.partner .section .panel {
	position: relative;
	width: 400px;
	height: 314px;
	margin: 0 auto 0 0;
}

.partner .section .panel.p-right {
	margin: 0 0 0 auto;
}

.partner .section .panel .base {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 400px;
	height: 314px;
	margin: 0 auto;
	background-position: 0 -636px;
}

.partner .section .panel .money {
	position: absolute;
	top: 111px;
	width: 96px;
	height: 96px;
	margin: 0 auto;
	background-position: -400px -636px;
}

.partner .section .panel .money.i-1 {
	left: 10%;
}

.partner .section .panel .money.i-2 {
	left: 38%;
}

.partner .section .panel .money.i-3 {
	left: 66%;
}

.partner .section .panel .upsell {
	position: absolute;
	top: 111px;
	width: 96px;
	height: 96px;
	margin: 0 auto;
	background-position: -496px -636px;
}

.partner .section .panel .upsell.i-1 {
	left: 10%;
}

.partner .section .panel .upsell.i-2 {
	left: 38%;
}

.partner .section .panel .upsell.i-3 {
	left: 66%;
}

.partner .section .panel .account {
	position: absolute;
	top: 126px;
	width: 68px;
	height: 68px;
	margin: 0 auto;
	background-position: -592px -636px;
}

.partner .section .panel .account.i-1 {
	left: 8%;
}

.partner .section .panel .account.i-2 {
	left: 24.5%;
}

.partner .section .panel .account.i-3 {
	left: 41%;
}

.partner .section .panel .account.i-4 {
	left: 57.5%;
}

.partner .section .panel .account.i-5 {
	left: 74%;
}

.partner .section .panel .promotion {
	position: absolute;
	left: 9.5%;
	top: 110px;
	width: 96px;
	height: 96px;
	margin: 0 auto;
	background-position: -660px -636px;
}

.partner .section .panel .report {
	position: absolute;
	left: 35%;
	top: 110px;
	width: 220px;
	height: 96px;
	margin: 0 auto;
	background-position: -756px -636px;
}

/* Contact */

.contact .spr-n,
.contact .spr::after {
	background-image: url('../imgs/spr-contact.png');
	background-size: 432px 288px;
}

.contact .cover .contact-header {
	position: relative;
	width: 33%;
	margin: 0 auto;
	top: 24%;
	transform: translateY(-20%);
	text-align: center;
	max-width: 33%;
}

.contact .cover .dotted-circle {
	position: relative;
	display: inline-block;
	width: 70%;
	padding-top: 35%;
	margin-bottom: 8%;
	font-size: 0;
	background-size: contain;
}

.contact .cover .contact-icon {
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 45%;
	padding-top: 45%;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe29wYWNpdHk6MDtmaWxsOiNGRkZGRkY7fSAuc3Qxe29wYWNpdHk6MC41O30gLnN0MntvcGFjaXR5OjAuOTtmaWxsOiNGRkZGRkY7fSAuc3Qze29wYWNpdHk6MC42O2ZpbGw6I0ZGRkZGRjt9IC5zdDR7b3BhY2l0eTowLjM7ZmlsbDojRkZGRkZGO30gLnN0NXtmaWxsOiNGRkZGRkY7fSA8L3N0eWxlPjxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIi8+PGcgY2xhc3M9InN0MSI+PHBhdGggY2xhc3M9InN0MiIgZD0iTTE5Ni44IDEwMC4zYy0wLjQgMTcuNS02LjggMzIuNi0xOS44IDQ0LjggLTAuNCAwLjMtMC43IDAuOS0xLjEgMC45IC0xLjEgMC4xLTIuMyAwLTMuNC0wLjEgMC4yLTEgMC0yLjIgMC41LTMgMC44LTEuMiAyLTIuMSAzLjEtMy4xIDIxLjgtMjEuOSAyMS43LTU4LjItMC4yLTgwIC0xLTEtMi4zLTEuOS0zLjEtMy4xIC0wLjUtMC43LTAuNi0yLjMtMC4xLTIuNyAwLjUtMC41IDItMC43IDIuOC0wLjQgMSAwLjQgMS44IDEuNCAyLjcgMi4yQzE5MC40IDY4LjEgMTk2LjUgODIuOSAxOTYuOCAxMDAuM3oiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTgzLjcgMTAwLjRjLTAuNSAxMy44LTUuNiAyNS43LTE1LjkgMzUuMyAtMS4yIDEuMS0yLjUgMS45LTMuOCAwLjQgLTEuNC0xLjUtMC4zLTIuNiAwLjktMy43IDExLjQtMTAuOSAxNi4xLTI0LjEgMTMuOC0zOS43IC0xLjMtOS01LjQtMTYuOC0xMS44LTIzLjMgLTAuNy0wLjctMS40LTEuNC0yLjEtMi4xIC0xLjItMS4xLTIuMS0yLjMtMC42LTMuNyAxLjQtMS40IDIuNy0wLjQgMy43IDAuNyAyLjYgMyA1LjUgNS45IDcuNyA5LjFDMTgxLjEgODEuNCAxODMuNSA5MC41IDE4My43IDEwMC40eiIvPjxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xNzAuNCA5OS45YzAgMTAuMS0zLjcgMTguNi0xMC45IDI1LjYgLTEuMiAxLjEtMi41IDIuMy00IDAuOCAtMS41LTEuNS0wLjMtMi43IDAuOS0zLjkgMTMtMTIuOCAxMy4xLTMyIDAuMS00NC44IC0xLjItMS4xLTIuNS0yLjMtMS0zLjkgMS42LTEuNyAyLjktMC4zIDQuMiAwLjlDMTY2LjcgODEuNSAxNzAuMyA5MCAxNzAuNCA5OS45eiIvPjwvZz48ZyBjbGFzcz0ic3QxIj48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMy4yIDEwMC4zYzAuNCAxNy41IDYuOCAzMi42IDE5LjggNDQuOCAwLjQgMC4zIDAuNyAwLjkgMS4xIDAuOSAxLjEgMC4xIDIuMyAwIDMuNC0wLjEgLTAuMi0xIDAtMi4yLTAuNS0zIC0wLjgtMS4yLTItMi4xLTMuMS0zLjFDMiAxMTcuOSAyLjIgODEuNiAyNC4xIDU5LjhjMS0xIDIuMy0xLjkgMy4xLTMuMSAwLjUtMC43IDAuNi0yLjMgMC4xLTIuNyAtMC41LTAuNS0yLTAuNy0yLjgtMC40IC0xIDAuNC0xLjggMS40LTIuNyAyLjJDOS42IDY4LjEgMy41IDgyLjkgMy4yIDEwMC4zeiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0xNi4zIDEwMC40YzAuNSAxMy44IDUuNiAyNS43IDE1LjkgMzUuMyAxLjIgMS4xIDIuNSAxLjkgMy44IDAuNCAxLjQtMS41IDAuMy0yLjYtMC45LTMuN0MyMy42IDEyMS42IDE5IDEwOC4zIDIxLjMgOTIuN2MxLjMtOSA1LjQtMTYuOCAxMS44LTIzLjMgMC43LTAuNyAxLjQtMS40IDIuMS0yLjEgMS4yLTEuMSAyLjEtMi4zIDAuNi0zLjcgLTEuNC0xLjQtMi43LTAuNC0zLjcgMC43IC0yLjYgMy01LjUgNS45LTcuNyA5LjFDMTguOSA4MS40IDE2LjUgOTAuNSAxNi4zIDEwMC40eiIvPjxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0yOS42IDk5LjljMCAxMC4xIDMuNyAxOC42IDEwLjkgMjUuNiAxLjIgMS4xIDIuNSAyLjMgNCAwLjggMS41LTEuNSAwLjMtMi43LTAuOS0zLjkgLTEzLTEyLjgtMTMuMS0zMi0wLjEtNDQuOCAxLjItMS4xIDIuNS0yLjMgMS0zLjkgLTEuNi0xLjctMi45LTAuMy00LjIgMC45QzMzLjMgODEuNSAyOS43IDkwIDI5LjYgOTkuOXoiLz48L2c+PHBhdGggY2xhc3M9InN0NSIgZD0iTTE0MS42IDE1MGMtMC41LTE2LjYtMC4xLTMzLjMtMC4xLTQ5LjkgMCAwIDAgMCAwIDAgMC0xNC4zIDAtMjguNyAwLTQzIDAtNCAwLjItOC4xLTAuMi0xMi4xIC0wLjgtOS41LTguOS0xNi45LTIwLjMtMTcuNCAtMTQtMC41LTI4LTAuNi00MS45IDAgLTEzLjEgMC42LTIwLjggOS0yMC44IDIxLjMgMCAzNC4xIDAgNjguMiAwIDEwMi4zIDAgMi4yIDAuMiA0LjQgMC44IDYuNSAyLjQgOC42IDkuNyAxNC40IDIwLjEgMTQuNyAxMy44IDAuNSAyNy44IDAuOCA0MS42LTAuMUMxMzMuMiAxNzEuNSAxNDIgMTY0LjQgMTQxLjYgMTUwek05Mi4xIDMyLjhoMTUuOGMxLjUgMCAyLjcgMS4yIDIuNyAyLjcgMCAxLjUtMS4yIDIuNy0yLjcgMi43SDkyLjFjLTEuNSAwLTIuNy0xLjItMi43LTIuN0M4OS40IDM0IDkwLjYgMzIuOCA5Mi4xIDMyLjh6TTEwMCAxNjkuMWMtMi4yIDAtMy45LTEuNy0zLjktMy45IDAtMi4yIDEuNy0zLjkgMy45LTMuOSAyLjIgMCAzLjkgMS43IDMuOSAzLjlDMTAzLjkgMTY3LjMgMTAyLjIgMTY5LjEgMTAwIDE2OS4xek0xMzYuNSAxNTAuNWMwIDUtMS44IDYuNy02LjYgNi43IC0xOS42IDAtMzkuMyAwLTU4LjkgMCAtNS45IDAtNy4zLTEuNC03LjMtNy40IDAtMTYuNiAwLTMzLjMgMC00OS45IDAtMTYuNiAwLTMzLjMgMC00OS45IDAtNS43IDEuNS03LjIgNy4xLTcuMyAxOS44IDAgMzkuNSAwIDU5LjMgMCA0LjYgMCA2LjUgMS45IDYuNSA2LjZDMTM2LjUgODMgMTM2LjUgMTE2LjggMTM2LjUgMTUwLjV6Ii8+PHBhdGggY2xhc3M9InN0NSIgZD0iTTEwMCA4OC4yYzEuNCAwIDIuNiAxLjEgMi42IDIuNiAwIDEuNC0xLjEgMi42LTIuNiAyLjYgLTEuNCAwLTIuNi0xLjEtMi42LTIuNkM5Ny40IDg5LjMgOTguNiA4OC4yIDEwMCA4OC4yTDEwMCA4OC4yeiIvPjxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0xMDAgODIuOGMxIDAgMS44IDAuOCAxLjggMS44IDAgMS0wLjggMS44LTEuOCAxLjggLTEgMC0xLjgtMC44LTEuOC0xLjhDOTguMiA4My42IDk5IDgyLjggMTAwIDgyLjhMMTAwIDgyLjh6Ii8+PHBhdGggY2xhc3M9InN0NSIgZD0iTTg1LjYgOTIuOWMxLjEtMC44IDIuNy0wLjYgMy42IDAuNiAwLjggMS4xIDAuNiAyLjctMC42IDMuNiAtMS4xIDAuOC0yLjcgMC42LTMuNi0wLjZDODQuMiA5NS4zIDg0LjQgOTMuNyA4NS42IDkyLjlMODUuNiA5Mi45eiIvPjxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik04Mi40IDg4LjVjMC44LTAuNiAxLjktMC40IDIuNSAwLjQgMC42IDAuOCAwLjQgMS45LTAuNCAyLjVDODMuNyA5MiA4Mi42IDkxLjggODIgOTEgODEuNCA5MC4yIDgxLjYgODkuMSA4Mi40IDg4LjVMODIuNCA4OC41eiIvPjxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik03Ni43IDEwNS4yYzAuNC0xLjMgMS45LTIuMSAzLjItMS42IDEuMyAwLjQgMi4xIDEuOSAxLjYgMy4yIC0wLjQgMS4zLTEuOSAyLjEtMy4yIDEuNkM3NyAxMDcuOSA3Ni4yIDEwNi41IDc2LjcgMTA1LjJMNzYuNyAxMDUuMnoiLz48cGF0aCBjbGFzcz0ic3Q1IiBkPSJNNzEuNSAxMDMuNWMwLjMtMC45IDEuMy0xLjUgMi4zLTEuMiAwLjkgMC4zIDEuNSAxLjMgMS4xIDIuMyAtMC4zIDAuOS0xLjMgMS41LTIuMyAxLjJDNzEuNyAxMDUuNCA3MS4yIDEwNC40IDcxLjUgMTAzLjVMNzEuNSAxMDMuNXoiLz48cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMTIzLjMgMTA1LjJjMC40IDEuMy0wLjMgMi44LTEuNiAzLjIgLTEuMyAwLjQtMi44LTAuMy0zLjItMS42IC0wLjQtMS4zIDAuMy0yLjggMS42LTMuMkMxMjEuNSAxMDMuMSAxMjIuOSAxMDMuOCAxMjMuMyAxMDUuMkwxMjMuMyAxMDUuMnoiLz48cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMTI4LjUgMTAzLjVjMC4zIDAuOS0wLjIgMi0xLjIgMi4zIC0wLjkgMC4zLTItMC4yLTIuMy0xLjEgLTAuMy0wLjkgMC4yLTIgMS4yLTIuM0MxMjcuMiAxMDIgMTI4LjIgMTAyLjUgMTI4LjUgMTAzLjVMMTI4LjUgMTAzLjV6Ii8+PHBhdGggY2xhc3M9InN0NSIgZD0iTTExNC40IDkyLjljMS4xIDAuOCAxLjQgMi40IDAuNiAzLjYgLTAuOCAxLjEtMi40IDEuNC0zLjYgMC42IC0xLjEtMC44LTEuNC0yLjQtMC42LTMuNkMxMTEuNyA5Mi4zIDExMy4zIDkyLjEgMTE0LjQgOTIuOUwxMTQuNCA5Mi45eiIvPjxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0xMTcuNiA4OC41YzAuOCAwLjYgMSAxLjcgMC40IDIuNSAtMC42IDAuOC0xLjcgMS0yLjUgMC40IC0wLjgtMC42LTEtMS43LTAuNC0yLjVDMTE1LjcgODguMSAxMTYuOCA4Ny45IDExNy42IDg4LjVMMTE3LjYgODguNXoiLz48cGF0aCBjbGFzcz0ic3Q1IiBkPSJNOTIuNCA4OS40YzEuMy0wLjQgMi44IDAuMyAzLjIgMS42IDAuNCAxLjMtMC4zIDIuOC0xLjYgMy4yIC0xLjMgMC40LTIuOC0wLjMtMy4yLTEuNkM5MC4zIDkxLjMgOTEuMSA4OS44IDkyLjQgODkuNEw5Mi40IDg5LjR6Ii8+PHBhdGggY2xhc3M9InN0NSIgZD0iTTkwLjcgODQuMmMwLjktMC4zIDIgMC4yIDIuMyAxLjEgMC4zIDAuOS0wLjIgMi0xLjIgMi4zIC0wLjkgMC4zLTItMC4yLTIuMy0xLjFDODkuMyA4NS41IDg5LjggODQuNSA5MC43IDg0LjJMOTAuNyA4NC4yeiIvPjxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik04NS42IDkyLjljMS4xLTAuOCAyLjctMC42IDMuNiAwLjYgMC44IDEuMSAwLjYgMi43LTAuNiAzLjYgLTEuMSAwLjgtMi43IDAuNi0zLjYtMC42Qzg0LjIgOTUuMyA4NC40IDkzLjcgODUuNiA5Mi45TDg1LjYgOTIuOXoiLz48cGF0aCBjbGFzcz0ic3Q1IiBkPSJNODIuNCA4OC41YzAuOC0wLjYgMS45LTAuNCAyLjUgMC40IDAuNiAwLjggMC40IDEuOS0wLjQgMi41QzgzLjcgOTIgODIuNiA5MS44IDgyIDkxIDgxLjQgOTAuMiA4MS42IDg5LjEgODIuNCA4OC41TDgyLjQgODguNXoiLz48cGF0aCBjbGFzcz0ic3Q1IiBkPSJNODAuMSA5OC4zYzAuOC0xLjEgMi40LTEuNCAzLjYtMC42IDEuMSAwLjggMS40IDIuNCAwLjYgMy42IC0wLjggMS4xLTIuNCAxLjQtMy42IDAuNkM3OS42IDEwMS4xIDc5LjMgOTkuNSA4MC4xIDk4LjNMODAuMSA5OC4zeiIvPjxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik03NS43IDk1LjFjMC42LTAuOCAxLjctMSAyLjUtMC40IDAuOCAwLjYgMSAxLjcgMC40IDIuNSAtMC42IDAuOC0xLjcgMS0yLjUgMC40Qzc1LjMgOTcgNzUuMiA5NS45IDc1LjcgOTUuMUw3NS43IDk1LjF6Ii8+PHBhdGggY2xhc3M9InN0NSIgZD0iTTc2LjcgMTA1LjJjMC40LTEuMyAxLjktMi4xIDMuMi0xLjYgMS4zIDAuNCAyLjEgMS45IDEuNiAzLjIgLTAuNCAxLjMtMS45IDIuMS0zLjIgMS42Qzc3IDEwNy45IDc2LjIgMTA2LjUgNzYuNyAxMDUuMkw3Ni43IDEwNS4yeiIvPjxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik03MS41IDEwMy41YzAuMy0wLjkgMS4zLTEuNSAyLjMtMS4yIDAuOSAwLjMgMS41IDEuMyAxLjIgMi4zIC0wLjMgMC45LTEuMyAxLjUtMi4zIDEuMUM3MS43IDEwNS40IDcxLjIgMTA0LjQgNzEuNSAxMDMuNUw3MS41IDEwMy41eiIvPjxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0xMjMuMyAxMDUuMmMwLjQgMS4zLTAuMyAyLjgtMS42IDMuMiAtMS4zIDAuNC0yLjgtMC4zLTMuMi0xLjYgLTAuNC0xLjMgMC4zLTIuOCAxLjYtMy4yQzEyMS41IDEwMy4xIDEyMi45IDEwMy44IDEyMy4zIDEwNS4yTDEyMy4zIDEwNS4yeiIvPjxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0xMjguNSAxMDMuNWMwLjMgMC45LTAuMiAyLTEuMSAyLjMgLTAuOSAwLjMtMi0wLjItMi4zLTEuMiAtMC4zLTAuOSAwLjItMiAxLjEtMi4zQzEyNy4yIDEwMiAxMjguMiAxMDIuNSAxMjguNSAxMDMuNUwxMjguNSAxMDMuNXoiLz48cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMTE5LjkgOTguM2MwLjggMS4xIDAuNiAyLjctMC42IDMuNiAtMS4xIDAuOC0yLjcgMC42LTMuNi0wLjYgLTAuOC0xLjEtMC42LTIuNyAwLjYtMy42QzExNy40IDk2LjkgMTE5IDk3LjIgMTE5LjkgOTguM0wxMTkuOSA5OC4zeiIvPjxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0xMjQuMiA5NS4xYzAuNiAwLjggMC40IDEuOS0wLjQgMi41IC0wLjggMC42LTEuOSAwLjQtMi41LTAuNCAtMC42LTAuOC0wLjQtMS45IDAuNC0yLjVDMTIyLjUgOTQuMSAxMjMuNyA5NC4zIDEyNC4yIDk1LjFMMTI0LjIgOTUuMXoiLz48cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMTE0LjQgOTIuOWMxLjEgMC44IDEuNCAyLjQgMC42IDMuNiAtMC44IDEuMS0yLjQgMS40LTMuNiAwLjYgLTEuMS0wLjgtMS40LTIuNC0wLjYtMy42QzExMS43IDkyLjMgMTEzLjMgOTIuMSAxMTQuNCA5Mi45TDExNC40IDkyLjl6Ii8+PHBhdGggY2xhc3M9InN0NSIgZD0iTTExNy42IDg4LjVjMC44IDAuNiAxIDEuNyAwLjQgMi41IC0wLjYgMC44LTEuNyAxLTIuNSAwLjQgLTAuOC0wLjYtMS0xLjctMC40LTIuNUMxMTUuNyA4OC4xIDExNi44IDg3LjkgMTE3LjYgODguNUwxMTcuNiA4OC41eiIvPjxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0xMDcuNiA4OS40YzEuMyAwLjQgMi4xIDEuOSAxLjYgMy4yIC0wLjQgMS4zLTEuOSAyLjEtMy4yIDEuNiAtMS4zLTAuNC0yLjEtMS45LTEuNi0zLjJDMTA0LjggODkuNyAxMDYuMiA4OSAxMDcuNiA4OS40TDEwNy42IDg5LjR6Ii8+PHBhdGggY2xhc3M9InN0NSIgZD0iTTEwOS4zIDg0LjJjMC45IDAuMyAxLjUgMS4zIDEuMiAyLjMgLTAuMyAwLjktMS4zIDEuNS0yLjMgMS4xIC0wLjktMC4zLTEuNS0xLjMtMS4yLTIuM0MxMDcuMyA4NC40IDEwOC4zIDgzLjkgMTA5LjMgODQuMkwxMDkuMyA4NC4yeiIvPjwvc3ZnPg==) no-repeat;
}

.contact .cover .clouds-1 {
	position: absolute;
	display: block;
	width: 20%;
	padding-bottom: 20%;
	left: 14%;
	top: 30%;
}

.contact .cover .clouds-2 {
	position: absolute;
	display: block;
	width: 20%;
	padding-bottom: 20%;
	right: 14%;
	top: 30%;
}

.contact .cover h1.yellow {
	color: #dffb25;
	font-weight: bold;
}

.contact .pkgs-wrapper {
	padding-bottom: 0;
}

.contact .pkgs {
	position: relative;
	width: 100%;
	top: -200px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.contact .pkgs .pkg {
	flex: 1 1 40%;
	margin-top: 50px;
	text-align: center;
	margin: 30px 25px;
	width: 50%;
	min-width: 40%;
	max-width: 50%;
}

.contact .pkgs .pkg h1 {
	margin-top: 10px;
}

.contact .pkgs .pkg p {
  display: block;
  padding: 30px 20px 15px 20px;
	font-size: 15px;
}

.contact-form-wrapper p {
  display: block;
  padding: 15px 0;
	font-size: 15px;
}

.contact .pkgs .pkg .deps {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 60px 0 30px 0;
}

.contact .pkgs .pkg .deps > div {
	position: relative;
	flex: 1 1 30%;
	text-align: center;
}

.contact .pkgs .pkg .deps > div:nth-child(1)::after,
.contact .pkgs .pkg .deps > div:nth-child(2)::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background-color: #cbe4f6;
}

.contact .pkgs .pkg .deps > div .icon {
	display: inline-block;
	width: 144px;
	height: 144px;
	transition: transform 300ms;
}

.contact .pkgs .pkg .deps > div:hover .icon {
	transform: translateY(-10px);
}

.contact .pkgs .pkg .deps > div .icon.email-blue {
	background-position: 0px 0px;
}

.contact .pkgs .pkg .deps > div .icon.phone-blue {
	background-position: -144px 0px;
}

.contact .pkgs .pkg .deps > div .icon.sched-blue {
	background-position: -288px 0px;
}

.contact .pkgs .pkg .deps > div .icon.email-red {
	background-position: 0px -144px;
}

.contact .pkgs .pkg .deps > div .icon.phone-red {
	background-position: -144px -144px;
}

.contact .pkgs .pkg .deps > div .icon.sched-red {
	background-position: -288px -144px;
}

.contact .pkgs .pkg .deps > div p {
	font-size: 18px;
	color: #444;
}

.contact .sections {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.contact .sections > div {
	position: relative;
	flex: 1 1 20%;
	text-align: left;
	padding: 40px 30px;
	margin: 30px 25px;
	width: 33%;
	min-width: 20%;
	max-width: 33%;
}

.contact .sections > div:nth-child(1) {
	padding-left: 0;
}

.contact .sections > div:nth-child(3) {
	padding-right: 0;
}

.contact .sections > div:nth-child(1)::after,
.contact .sections > div:nth-child(2)::after {
	content: '';
	position: absolute;
	top: 0;
	right: -20px;
	width: 1px;
	height: 100%;
	background-color: #cbe4f6;
}

.contact .sections > div h2 {
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	padding-bottom: 20px;
	color: #444;
}

.contact .sections > div h2.red {
	color: #028090;
}

.contact .sections > div h2.blue {
	color: #05668d;
}

.contact .sections > div .map {
	width: 100%;
	padding-top: 100%;
	background-image: url('../imgs/map.png');
	background-size: contain;
	border-radius: 10px;
}

.contact .sections > div:nth-child(2) p {
	font-size: 18px;
	line-height: 1.8;
}

.contact .loader {
	display: none;
	margin-top: 5px;
}

/* Info pages */

.info-page .cover {
	height: auto;
	padding: 120px 0 200px 0;
}

.wrapper.info-wrapper {
	padding-bottom: 0;
}

.info-page .info-area {
	width: 70%;
	position: relative;
	top: -150px;
	background-color: #fff;
	padding: 60px 40px;
	margin: 0 auto;
}

.info-page .info-area h1 {
	font-size: 32px;
	text-align: left;
	margin: 0;
	padding: 10px 0;
}

.info-page .info-area h2 {
	text-align: left;
	margin: 0;
	padding: 20px 0 10px 0;
	color: #444;
	font-weight: bold;
}

.info-page .cover .clouds-1 {
	position: absolute;
	display: block;
	width: 15%;
	padding-bottom: 15%;
	left: 14%;
	top: 20%;
}

.info-page .cover .clouds-2 {
	position: absolute;
	display: block;
	width: 15%;
	padding-bottom: 15%;
	right: 14%;
	top: 20%;
}

/* FX */

@keyframes rotating {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@keyframes slide-in {
	from {
		transform: translateX(50px);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes slide-out {
	from {
		transform: translateX(0);
		opacity: 1;
	}
	to {
		transform: translateX(50px);
		opacity: 0;
	}
}


@keyframes slide-left {
	from {
		opacity:0;
		transform: translate3d(-100px, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slide-left-o3 {
	from {
		opacity:0;
		transform: translate3d(-100px, 0, 0);
	}
	to {
		opacity: 0.3;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slide-right {
	from {
		opacity:0;
		transform: translate3d(100px, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slide-right-o3 {
	from {
		opacity:0;
		transform: translate3d(100px, 0, 0);
	}
	to {
		opacity: 0.3;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slide-bottom {
	from {
		opacity:0;
		transform: translate3d(0, 100px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slide-bottom-o5 {
	from {
		opacity:0;
		transform: translate3d(0, 100px, 0);
	}
	to {
		opacity: 0.5;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slide-rocket {
	from {
		transform: translate3d(-80px, 80px, 0);
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slide-top  {
	from {
		opacity:0;
		transform: translate3d(0, -100px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fade-out {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes zoom-in {
	from {
		opacity: 0;
		transform: scale3d(0, 0, 0);
	}
	to {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}

@keyframes zoom-in-o3 {
	from {
		opacity: 0;
		transform: scale3d(0, 0, 0);
	}
	to {
		opacity: 0.3;
		transform: scale3d(1, 1, 1);
	}
}

@keyframes zoom-out {
	from {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}

	to {
		opacity: 0;
		transform: scale3d(0, 0, 0);
	}
}

@keyframes unveil {
	from {
		transform: scale3d(0, 0, 0);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}

@keyframes rotate-top {
	from {
		opacity:0;
		transform: translate3d(0, -100px, 0) rotate3d(0, 0, 1, 360deg);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg);
	}
}

@keyframes rotate-right {
	from {
		opacity:0;
		transform: translate3d(100px, 0, 0) rotate3d(0, 0, 1, 360deg);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg);
	}
}

.fx-rotate-right {
	opacity: 0;
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
}

.fx-rotate-right.fx-done {
	animation-name: rotate-right;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-rotate-top {
	opacity: 0;
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
}

.fx-rotate-top.fx-done {
	animation-name: rotate-top;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.slide-in {
	animation-name: slide-in;
	animation-duration: 250ms;
	animation-fill-mode: forwards;
}

.slide-out {
	animation-name: slide-out;
	animation-duration: 250ms;
	animation-fill-mode: forwards;
}

.unveil.fx-done {
	animation-name: unveil;
	animation-duration: 500ms;
	animation-fill-mode: forwards;
}

.zoom-in-o3,
.zoom-in {
	opacity: 0;
}

.zoom-in.fx-done {
	animation-name: zoom-in;
	animation-duration: 500ms;
	animation-fill-mode: forwards;
}

.zoom-in-o3.fx-done {
	animation-name: zoom-in-o3;
	animation-duration: 500ms;
	animation-fill-mode: forwards;
}

.zoom-out {
	opacity: 0;
}

.zoom-out.fx-done {
	animation-name: zoom-out;
	animation-duration: 500ms;
	animation-fill-mode: forwards;
}

.fade-in {
	opacity: 0;
}

.fade-in-only {
	animation-name: fade-in;
	animation-duration: 250ms;
	animation-fill-mode: forwards;
}

.fade-in.fx-done {
	animation-name: fade-in;
	animation-duration: 500ms;
	animation-fill-mode: forwards;
}

.fade-out {
	opacity: 1;
}

.fade-out-only {
	animation-name: fade-out;
	animation-duration: 250ms;
	animation-fill-mode: forwards;
}

.fade-out.fx-done {
	animation-name: fade-out;
	animation-duration: 500ms;
	animation-fill-mode: forwards;
}

.fx-fade {
	opacity: 0;
	-webkit-animation-delay: 150ms;
	animation-delay: 150ms;
}

.fx-fade.fx-done {
	animation-name: fade-in;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-slide-left,
.fx-slide-left-o3 {
	opacity: 0;
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
}

.fx-slide-left.fx-done {
	animation-name: slide-left;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-slide-left-o3.fx-done {
	animation-name: slide-left-o3;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-slide-right,
.fx-slide-right-o3 {
	opacity: 0;
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
}

.fx-slide-right.fx-done {
	animation-name: slide-right;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-slide-right-o3.fx-done {
	animation-name: slide-right-o3;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-slide-bottom,
.fx-slide-bottom-o5 {
	opacity: 0;
	animation-delay: 150ms;
}

.fx-slide-bottom.fx-done {
	animation-name: slide-bottom;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-slide-bottom-o5.fx-done {
	animation-name: slide-bottom-o5;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-slide-top {
	opacity: 0;
	animation-delay: 150ms;
}

.fx-slide-top.fx-done {
	animation-name: slide-top;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-s0 {
	animation-delay: 0ms;
}

.fx-s1 {
	animation-delay: 150ms;
}

.fx-s2 {
	animation-delay: 300ms;
}

.fx-s3 {
	animation-delay: 450ms;
}

.fx-s4 {
	animation-delay: 600ms;
}

.fx-s5 {
	animation-delay: 750ms;
}

.fx-s6 {
	animation-delay: 900ms;
}

.fx-s7 {
	animation-delay: 1.05s;
}

.fx-s8 {
	animation-delay: 1.2s;
}

.fx-s9 {
	animation-delay: 1.35s;
}

.fx-s10 {
	animation-delay: 1.5s;
}

.fx-s11 {
	animation-delay: 1.65s;
}

.fx-s12 {
	animation-delay: 1.8s;
}

.fx-s13 {
	animation-delay: 1.95s;
}

.fx-s14 {
	animation-delay: 2.1s;
}

.fx-s15 {
	animation-delay: 2.25s;
}

.fx-s16 {
	animation-delay: 2.4s;
}

@media all and (max-width: 1840px) {

	.domains .cover .domains-icon span {
		font-size: 18px;
	}

	.cover p {
		font-size: 18px;
	}
}

@media all and (max-width: 1670px) {

	body {
		font-size: 15px;
	}

	.cover h1 {
		font-size: 42px;
	}

	.cover p {
		font-size: 17px;
	}

	h1 {
		font-size: 32px;
	}

	h2 {
		font-size: 18px;
	}

	.boxes > div > h2 {
		font-size: 21px;
	}

	.action-btt,
	.action-btt.big {
		font-size: 22px;
	}

	.section > div h1 {
		font-size: 38px;
	}

	ul.check li {
		font-size: 15px;
	}

	header .menu a {
		font-size: 12px;
	}

	header .menu {
		left: 210px;
	}

	header .menu a {
		padding-left: 45px;
	}

	header .menu a::after {
		left: 10px;
	}

	header .logo {
		transform: scale(0.9);
		transform-origin: 0% 50%;
	}

	header .top-news .top-news-swiper {
		width: 290px;
	}

	header .menu a.m-account {
		padding-left: 46px;
	}

	header .menu a.m-hosting {
		padding-left: 58px;
	}

	.hosting .cover .steps-text > div h3 {
		font-size: 22px;
	}

	.domains .pkgs-top .pkg p,
	.domains .pkgs-top .pkg .pkg-footer span {
		font-size: 14px;
	}

	.domains .pkgs-top .pkg .domains-list > div span.price {
		font-size: 16px;
	}

	.domains .pkgs-top .pkg h1 strong {
		font-size: 39px;
	}

	.section .arrows-spr {
		transform: scale(0.8);
	}

	.domains .cover .domains-icon span {
		display: none;
	}

	.cloud .cover .cloud-pkgs > div h1 {
		font-size: 18px;
	}

	.domains .domains-prices {
		width: 80%;
	}

	.x-arrow {
		display: none;
	}
}

@media all and (max-width: 1500px) {
	header .right {
		right: 10px;
	}

	header .menu {
		left: 172px;
	}

	header .menu a,
	header .menu a.m-hosting,
	header .menu a.m-partner,
	header .menu a.m-account {
		padding: 0 12px;
		font-size: 13px;
	}

	header .menu a::after {
		display: none;
	}

	header .logo {
		transform: scale(0.74);
	}

	.pkgs .pkg .features > div {
		font-size: 16px;
	}

	footer .cols > div {
		padding: 0 30px;
	}

	footer .cols > div:nth-child(2),
	footer .cols > div:nth-child(3) {
		display: none;
	}

	footer .cols > div:nth-child(1),
	footer .cols > div:nth-child(2),
	footer .cols > div:nth-child(3),
	footer .cols > div:nth-child(4),
	footer .cols > div:nth-child(5) {
		width: 33%;
	}

	footer .cols > div:not(:last-child) {
		border: none;
	}
}

@media all and (max-width: 1326px) {
	body {
		font-size: 14px;
	}

	.cover h1 {
		font-size: 36px;
	}

	.cover p {
		font-size: 15px;
	}

	h1 {
		font-size: 28px;
	}

	h2 {
		font-size: 16px;
	}

	h3 {
		font-size: 23px;
	}

	.boxes > div > h2 {
		font-size: 18px;
	}

	.action-btt,
	.action-btt.big {
		font-size: 19px;
	}

	.section > div h1 {
		font-size: 34px;
	}

	ul.check li {
		font-size: 15px;
	}

	.section > div {
		text-align: center;
		width: 100%;
		flex: 1 1 50%;
		min-width: initial;
	}

	.section > div.right {
		text-align: center;
	}

	.section > div h1 {
		text-align: center;
	}

	.section > div.right h1 {
		text-align: center;
	}

	footer .info {
		padding: 20px;
	}

	.home .swiper-container.news-wrapper {
		width: 90%;
	}

	.home .clients-wrapper {
		width: 100%;
	}

	.domains .pkgs-top .pkg h1 {
		float: none;
		width: 100%;
		text-align: center;
	}

	.domains .pkgs-top .pkg p {
		float: none;
		width: 100%;
		text-align: center;
	}

	.domains .pkgs-top .pkg .pkg-footer span {
		position: relative;
		top: auto;
		right: auto;
		margin-top: 20px;
	}

	.boxed.white-top:not(:first-child)::after {
		background-color: #316c95;
		opacity: 0.06;
	}

	.domains .domains-prices {
		width: 100%;
	}

	.faq {
		width: 95%;
	}

	.cloud .cover .cloud-pkgs > div h1 {
		font-size: 16px;
	}

	.cloud .schema > div .feature {
		width: 100%;
	}

	.cloud .schema > div .feature h2 {
		font-size: 24px;
	}

	.specs > div h2 {
		font-size: 22px;
	}

	.specs > div ul li {
		font-size: 16px;
	}

	.cloud .pkg .pkg-options > div span {
		font-size: 22px;
	}

	.contact .sections > div {
		padding: 20px;
	}

	.contact .sections > div:nth-child(2) p {
		font-size: 15px;
	}

	.hosting .pkgs .pkg {
		padding: 30px 20px;
	}

}

@media all and (max-width: 1260px) {
	header .menu {
		display: none;
		position: absolute;
		width: auto;
		height: auto;
		left: auto;
		top: 80px;
		right: 0;
		background-color: rgba(0, 0, 0, 0.94);
		bottom: auto;
		margin: 0;
		padding: 0;
		box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
		z-index: 9;
	}

	header .menu a {
		display: block;
		padding: 0 30px 0 54px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		line-height: 42px;
		font-size: 13px;
	}

	header .menu a.m-hosting {
		padding-left: 54px;
	}

	header .menu a.m-partner {
		padding-left: 57px;
	}

	header .menu a.m-account {
		padding-left: 57px;
	}

	header .menu a::after {
		display: block;
		left: 12px;
		transform: scale(0.8);
	}

	header .menu a.m-hosting::after {
		left: 6px;
	}

	header .menu.open {
		display: block;
	}

	header .nav-menu {
		display: inline-block;
		top: 50%;
		transform: translateY(-50%);
		margin: 0 0 0 5px;
	}

	.section > div.right {
		text-align: center;
	}

	.domains .pkgs-info ul.check {
		width: 90%;
	}

	.contact .pkgs .pkg,
	.partner .pkgs .pkg {
		width: 100%;
		min-width: 60%;
		max-width: 100%;
	}

	.home .domains > div {
		width: 33%;
		min-width: 25%;
		max-width: 33%;
	}

	.hosting .pkgs .pkg,
	.dedicated .pkg,
	.specs > div {
		width: 100%;
		min-width: 33%;
		max-width: 100%;
	}

	.home .section .reseller,
	.home .section .hosting-x,
	.domains .section .reseller,
	.domains .section .whmcs,
	.hosting .section .reseller,
	.hosting .section .whm,
	.partner .section .panel,
	.partner .section .panel.p-right {
		margin: auto;
	}

	.contact .sections > div:nth-child(1)::after,
	.contact .sections > div:nth-child(2)::after {
		display: none;
	}

	.contact .sections > div {
		padding: 10px 20px;
	}

    .licenses .license-boxes .license-box {
        width: calc(50% - 30px);
    }

    .licenses .license-boxes.one-row .license-box {
        margin: 70px 0 0 0;
    }

    .licenses .license-boxes .license-box.featured {
        width: 100%;
    }

    .licenses .license-boxes .license-box-group {
        width: 100%;
        padding-left: 0;
    }

    .licenses .license-boxes .license-box-group .license-box {
        width: calc(50% - 20px);
    }
}

@media all and (max-width: 900px) {
    .licenses .license-wrapper .tab-content {
        padding: 20px;
    }

    .licenses .cover .licenses-menu {
        text-align: center;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .licenses .license-labels {
        display: none;
    }

    .licenses .cover .licenses-menu .left-links,
    .licenses .cover .licenses-menu .right-links {
        display: flex;
        text-align: center;
    }

    .licenses .license-details .stats-wrapper {
        display: block;
        text-align: center;
    }

    .licenses .license-details .stats {
        text-align: center;
    }

    .tabs > div {
        padding: 10px;
    }

    .licenses .license-details .stats-wrapper {

    }

    .licenses .license-wrapper .tabs > div.active::after,
    .licenses .license-details .tabs.main-tabs > div.active::after {
        display: none;
    }

    .licenses .license-details .tab-content.main-tab {
        height: auto;
    }

    .licenses .license-details .tab-content.main-tab.active {
        display: block;
    }

    .licenses .license-details .tab-content.main-tab .order-wrapper,
    .licenses .license-details .tab-content.main-tab .info-wrapper {
        width: 100%;
    }

	.home .swiper-container.news-wrapper {
		width: 96%;
	}

	.dedicated .cover .dedicated-header,
	.domains .cover .domains-header {
		width: 100%;
		max-width: 60%;
	}

	.partner .pkgs .pkg h1,
	.hosting .pkgs .pkg h1,
	.dedicated .pkg h1 {
		font-size: 22px;
	}

	.partner .pkgs .pkg .price,
	.hosting .pkgs .pkg .price,
	.dedicated .pkg .price {
		font-size: 18px;
	}

	.cloud .schema > div:last-child {
		display: none;
	}

	.cloud .cover .cloud-header {
		width: 80%;
	}

	.cloud .cover {
		padding-bottom: 200px;
	}

	.cloud .cover .dsp {
		display: none;
	}

	.contact .cover .contact-header,
	.cloud .cover .cloud-header {
		padding-top: 100px;
	}

	.hosting .section .whm {
		transform: scale(0.7);
	}

	.hosting .section .reseller {
		transform: scale(0.6);
	}

	.partner .section .panel {
		transform: scale(0.7);
	}

	.hosting .cover .steps-text > div h3 {
		font-size: 16px;
	}

	.hosting .cover .steps-text > div p {
		font-size: 12px;
	}

	.hosting .cover .steps-text > div {
		max-width: 30%;
	}

	.hosting .cover .steps-text {
		margin-bottom: 30px;
	}

	.contact .cover .contact-header,
    .licenses .cover .licenses-header,
	.hosting .cover .hosting-header {
		width: 80%;
		max-width: 80%;
	}

	.partner .cover .partner-header {
		padding-top: 100px;
		width: 70%;
		max-width: 70%;
	}

	.contact .cover .contact-header {
		padding-top: 100px;
	}

	.contact .pkgs .pkg .deps > div:nth-child(1)::after,
	.contact .pkgs .pkg .deps > div:nth-child(2)::after {
		display: none;
	}

	.contact .pkgs .pkg .deps > div p {
		font-size: 16px;
	}

	.contact .pkgs .pkg .deps > div {
		margin: 10px;
	}

	.info-page .info-area {
		width: 100%;
	}

	.hosting .pkgs .pkg,
	.dedicated .pkg,
	.specs > div {
		width: 92%;
		min-width: 92%;
		max-width: 92%;
	}

	.contact .sections > div {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}

	.contact .sections > div:nth-child(1) {
		padding-left: 30px;
	}

	.contact .sections > div:nth-child(3) {
		padding-right: 30px;
	}

	footer .cols {
		flex-wrap: wrap;
	}

	footer .cols > div:nth-child(1),
	footer .cols > div:nth-child(2),
	footer .cols > div:nth-child(3),
	footer .cols > div:nth-child(4),
	footer .cols > div:nth-child(5) {
		width: 100%;
	}

	footer .cols > div:nth-child(1),
	footer .cols > div:nth-child(5),
	footer .cols > div,
	footer .cols > div h3 {
		text-align: center;
	}

    .licenses .details-wrapper {
        display: block;
    }

    .licenses .details-wrapper .gallery {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .licenses .details-wrapper .details {
        display: block;
        width: 100%;
        padding: 20px 20px 40px 20px;
    }

    .licenses .license-details .top .details {
        padding: 0;
        margin-bottom: 20px;
    }

    .licenses .license-details .stats {
        margin-top: 20px;
    }

    .licenses .license-details .stats > span {
        margin: 0 40px 10px 0;
    }

    .licenses .license-details .top .stars {
        display: block;
        width: 100%;
    }
}

@media all and (max-width: 660px) {
    .licenses .cover .licenses-menu .lic-wrapper:hover ul {
        opacity: 0;
        top: 42px;
        pointer-events: none;
    }

	body {
		font-size: 13px;
	}

	.cover h1 {
		font-size: 24px;
	}

	.cover p {
		font-size: 13px;
	}

	h1 {
		font-size: 24px;
	}

	h2 {
		font-size: 14px;
	}

	h3 {
		font-size: 15px;
	}

	.boxes > div > h2 {
		font-size: 16px;
	}

	.action-btt,
	.action-btt.big {
		font-size: 16px;
		padding-left: 46px;
	}

	.action-btt::after {
		transform: scale(0.7);
	}

	.section > div h1 {
		font-size: 28px;
	}

	ul.check li {
		font-size: 13px;
	}

	.boxes > div > p {
		font-size: 14px;
	}

	.pkgs .pkg {
		margin: 15px;
	}

	header .top-news {
		display: none;
	}

	.cover .wheel {
		display: none;
	}

	.cover .srv {
		display: none;
	}

	.section > div {
		padding: 10px;
	}

	.msg-wrapper .msg-content {
		width: 80%;
	}

	.msg-wrapper .msg-content span {
		font-size: 18px;
	}

	.section > div {
		min-width: 100%;
	}

	.section > div p {
		padding: 15px;
	}

	.domains .section > div:first-child,
	.domains .section > div:last-child,
	.section > div:first-child,
	.section > div:last-child {
		min-width: 100%;
		max-width: 100%;
	}

	footer .info {
		font-size: 12px;
	}

	.home .cover .clouds {
		display: none;
	}

	.home .cover .split {
		width: 100%;
		height: 100%;
	}

	.home .section .reseller,
	.home .section .hosting-x {
		transform: scale(0.7);
	}

	.home .swiper-container.news-wrapper {
		padding: 20px 65px 20px 20px;
	}

	.home .news-wrapper p {
		font-size: 13px;
	}

	.home .news-wrapper h3 > span {
		font-size: 16px;
		top: -6px;
		height: 30px;
	}

	.home .news-wrapper h3 > span span {
		font-size: 12px;
	}

	.home .domains > div {
		width: 50%;
		min-width: 40%;
		max-width: 50%;
	}

	.home .clients-wrapper .clients-left.prev-arrow {
		left: 5px;
	}

	.home .clients-wrapper .clients-right.next-arrow {
		right: 5px;
	}

	.cloud .cover .cloud-pkgs > div h1 {
		font-size: 11px;
		font-weight: normal;
	}

	.cloud .cover .cloud-pkgs > div {
		padding-bottom: 9%;
	}

	.cloud .pkg .pkg-details {
		padding: 10px;
	}

	.cloud .pkg .pkg-options > div span,
	.cloud .pkg .pkg-options > div:last-child {
		text-align: center;
	}

	.cloud .schema > div .feature h2::after {
		top: -14px;
	}

	.cloud .schema > div .feature h2 {
		font-size: 20px;
	}

	.specs > div h2 {
		font-size: 18px;
	}

	.specs > div ul li {
		font-size: 14px;
	}

	.cloud .pkg .pkg-options > div span {
		font-size: 16px;
	}

	.cloud .wrapper.pkgs-wrapper {
		height: 400px;
	}

	.contact .sections > div h2 {
		font-size: 20px;
	}

	.contact .sections > div:nth-child(2) p {
		font-size: 15px;
	}

	.domains .section .reseller,
	.domains .section .whmcs {
		transform: scale(0.7);
	}

	.domains .pkgs-info p {
		padding: 10px 0;
		font-size: 13px;
	}

	.domains .pkgs-info .pkg {
		padding: 30px 20px;
		margin: 50px 10px 10px 10px;
	}

	.domains .pkgs-info ul.check {
		width: 100%;
	}

	.domains .reseller-info p {
		width: 90%;
	}

	.domains .domains-prices table td,
	.domains .domains-prices table th {
		font-size: 14px;
		min-width: 80px;
	}

	.domains .domains-prices {
		overflow-x: auto;
	}

	.faq .question {
		width: 100%;
	}

	.faq .question h3 {
		font-size: 17px;
	}

	.partner .pkgs .pkg .features > div p {
		font-size: 14px;
	}

	.partner .pkgs .pkg .features  {
		flex-wrap: wrap;
	}

	.partner .pkgs .pkg .features > div {
		min-width: 100%;
	}

	.partner .pkgs .pkg .features > div:first-child::after {
		display: none;
	}

	.partner .pkgs .pkg .features > div:last-child {
		padding: 10px;
	}

	.cloud .cover .cloud-header .clouds-1 {
		height: 60px;
	}

	.contact .pkg,
	.dedicated .pkg {
		margin-bottom: 50px;
	}

	.hosting .cover .steps-text > div p {
		font-size: 9px;
	}

    .licenses .cover {
        height: auto;
        padding-bottom: 30px;
    }

    .licenses .license-boxes .license-box.featured {
        padding: 20px;
    }

    .licenses .license-boxes .license-box.featured p {
        font-size: 14px;
    }

    .licenses .license-boxes .license-box.featured .action-btt {
        font-size: 20px;
    }

    .licenses .cover .licenses-header {
        margin-top: 30px;
    }

    .licenses .cover .dsp {
        display: none;
    }

    .licenses .overlapped {
        margin: 80px auto 0 auto;
    }

    .licenses .license-boxes .license-box {
        width: 100%;
    }

    .licenses .license-boxes .license-box-group .license-box {
        width: 100%;
    }

    .changelog-section {
        display: block;
    }

    .changelog-section > span {
        display: block;
        text-align: left;
        margin-bottom: 20px;
    }

    .changelog-section ul {
        padding: 0;
    }

    .licenses .license-details .top .stars {
        background-position: center center;
    }

    .licenses .top {
        display: block;
    }

    .licenses .top .ic {
        display: block;
        margin: 0 auto;
    }

    .licenses .license-details .top .details {
        padding-left: 0;
    }

    .licenses .license-details h1 {
        text-align: center;
    }

    .licenses .license-details a.categ {
        text-align: center;
        margin: 5px 0;
    }

    .licenses .license-details {
        padding: 20px;
        margin-bottom: 50px;
    }

    .licenses .details-wrapper .lSSlideWrapper {
        height: 200px;
    }

    .licenses .details-wrapper .details > .tabs,
    .licenses .details-wrapper .details > .tabs > div {
        display: block;
        max-width: 100%;
    }

    .licenses .overlapped {
        padding: 0 10px;
    }

    .fixed, .wrapper.fixed {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media all and (max-width: 540px) {
    .licenses .top {
        display: block;
        width: 100%;
    }

    .licenses .top .ic {
        margin: 0 auto;
    }

    .licenses .top .details,
    .licenses .license-boxes .license-box.featured .top .details {
        padding-left: 0;
        text-align: center;
    }

    .licenses .top .details .stars {
        background-position: center center;
    }

	.wrapper {
		padding: 45px 0;
	}

	h1 {
		font-size: 22px;
	}

	.cover {
		height: auto;
	}

	.home .cover::after {
		display: none;
	}

	.home .cover .split {
		flex-wrap: wrap;
	}

	.home .cover .split > div {
		flex: 1 1 100%;
		width: 100%;
		max-width: 100%;
	}

	.home .clients-wrapper .clients-left,
	.home .clients-wrapper .clients-right {
		transform: scale(0.8);
	}

	.home .clients-wrapper .clients-left {
		left: -10px;
	}

	.home .clients-wrapper .clients-right {
		right: -10px;
	}

	.home .domains > div {
		width: 92%;
		min-width: 92%;
		max-width: 92%;
	}

	.home .section .reseller,
	.home .section .hosting-x {
		left: 50%;
		margin-left: -275px;
		transform: scale(0.5);
	}

	.domains .section .reseller {
		left: 50%;
		margin-left: -325px;
		transform: scale(0.5);
	}

	.domains .section .whmcs {
		left: 50%;
		margin-left: -200px;
		transform: scale(0.5);
	}

	.hosting .section .whm {
		left: 50%;
		margin-left: -195px;
		transform: scale(0.6);
	}

	.hosting .section .reseller {
		left: 50%;
		margin-left: -260px;
		transform: scale(0.55);
	}

	.partner .section .panel,
	.partner .section .panel.p-right {
		left: 50%;
		margin: 0 0 0 -200px;
		transform: scale(0.6);
	}

	.specs > div {
		margin: 30px 0;
	}

	.section > div h1 {
		font-size: 22px;
	}

	.domains .pkgs-wrapper {
		padding: 0 5px;
	}

	.domains .pkgs-top .pkg {
		padding: 25px;
		margin-top: 50px;
	}

	.faq {
		padding: 40px 15px;
	}

	.specs > div {
		padding: 30px 20px;
	}

	.dedicated .cover .dotted-circle,
	.domains .cover .dotted-circle {
		margin-top: 100px;
	}

	.dedicated .cover,
	.domains .cover,
	.contact .cover {
		padding-bottom: 120px;
	}

	.dedicated .pkgs .pkg {
		min-width: 278px;
		padding: 40px 20px;
	}

	.domains .section .reseller {
		transform: scale(0.5);
	}

	.domains .pkgs-info .pkg {
		min-width: 90%;
	}

	.contact .pkgs .pkg,
	.partner .pkgs .pkg {
		padding: 25px;
	}

	.boxes > div {
		padding: 10px;
	}

    .contact-form-wrapper p,
    .contact .pkgs .pkg p {
        font-size: 14px;
        padding-left: 0;
        padding-right: 0;
    }

    footer .cols > div img {
        max-width: 80%;
    }
}

/* RETINA */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.home .cover .clouds {
		background-image: url('../imgs/clouds-2x.png');
	}

	.contact .sections > div .map {
		background-image: url('../imgs/map-2x.png');
	}

	.domains .schema > div:nth-child(2)::after {
		background-image: url('../imgs/schema-arrow-2x.png');
	}

	.section .arrows-spr {
		background-image: url('../imgs/spr-arrows-2x.png');
	}

	.cloud .spr-n,
	.cloud .spr::after {
		background-image: url('../imgs/spr-cloud-2x.png');
	}

	.spr-c-n,
	.spr-c::after {
		background-image: url('../imgs/spr-common-2x.png');
	}

	.contact .spr-n,
	.contact .spr::after {
		background-image: url('../imgs/spr-contact-2x.png');
	}

	.dedicated .spr-n,
	.dedicated .spr::after {
		background-image: url('../imgs/spr-dedicated-2x.png');
	}

	.domains .spr-n,
	.domains .spr::after {
		background-image: url('../imgs/spr-domains-2x.png');
	}

	.spr-d-n,
	.spr-d::after {
		background-image: url('../imgs/spr-domains-ext-2x.png');
	}

	.home .spr-n,
	.home .spr::after {
		background-image: url('../imgs/spr-home-2x.png');
	}

	.hosting .spr-n,
	.hosting .spr::after {
		background-image: url('../imgs/spr-hosting-2x.png');
	}

    .licenses .spr-n,
	.licenses .spr::after {
		background-image: url('../imgs/spr-licenses-2x.png');
	}

	.partner .spr-n,
	.partner .spr::after {
		background-image: url('../imgs/spr-partner-2x.png');
	}

	.home .partners > div::after {
		background-image: url('../imgs/spr-partners-2x.png');
	}
}