/* 
	Table of Contents

    01. Fonts -------------------------------------
    02. Plugins -----------------------------------
         Fix of Webkit flickering -----------------
         Auto Height ------------------------------
         IE10 Windows Phone 8 Fixes ---------------
         Common Styles ----------------------------
         Bullets ----------------------------------
         Progress ---------------------------------
         Scrollbar --------------------------------
         Preloader --------------------------------
         Windows 8 IE 10 fix ----------------------
    03. Settings ----------------------------------
         Colors -----------------------------------
         Duration ---------------------------------
    04. Tools -------------------------------------
    05. Sprite ------------------------------------
    06. Generic -----------------------------------
    07. Base --------------------------------------
         Large Desktop ----------------------------
         Medium Desktop ---------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    08. Fonts -------------------------------------
    09. Helpers -----------------------------------
         Screen Readers ---------------------------
         Clear ------------------------------------
         Notext -----------------------------------
         Hidden -----------------------------------
         Alignleft --------------------------------
         Alignright -------------------------------
         Disabled ---------------------------------
         Grid -------------------------------------
         Responsive Helpers -----------------------
    10. Reset -------------------------------------
    11. Regions -----------------------------------
    12. Container ---------------------------------
    13. Content -----------------------------------
    14. Footer ------------------------------------
         Footer Body ------------------------------
         Footer Foot ------------------------------
         Mobile -----------------------------------
    15. Header ------------------------------------
         Tablet Portrait --------------------------
    16. Main --------------------------------------
    17. Shell -------------------------------------
    18. Responsive --------------------------------
         Tablet Portrait --------------------------
    19. Sidebar -----------------------------------
    20. Wrapper -----------------------------------
         Tablet Portrait --------------------------
    21. Modules -----------------------------------
    22. Animation ---------------------------------
    23. Animation Home ----------------------------
    24. Animated Item -----------------------------
    25. Article -----------------------------------
         Mobile -----------------------------------
    26. Box Domain --------------------------------
         Small Desktop ----------------------------
    27. Button ------------------------------------
         Button Block -----------------------------
         Button Blue ------------------------------
         Button Large -----------------------------
         Button Whtie -----------------------------
         Large Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    28. Hovers ------------------------------------
         Button Nav -------------------------------
    29. Component ---------------------------------
         Tablet Portrait --------------------------
    30. Feature -----------------------------------
         Feature Icons ----------------------------
         Medium Desktop ---------------------------
         Mobile -----------------------------------
    31. Form Elements -----------------------------
         Focus ------------------------------------
         Mobile -----------------------------------
    32. Form --------------------------------------
         Mobile -----------------------------------
    33. Form Search -------------------------------
         Form Search Alt --------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    34. Form Subscribe ----------------------------
    35. Mobile ------------------------------------
    36. Icons -------------------------------------
    37. Icon --------------------------------------
         Mobile -----------------------------------
    38. List --------------------------------------
    39. List Bullets ------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
         List Bullets White -----------------------
    40. List Features -----------------------------
         Small Desktop ----------------------------
         Mobile -----------------------------------
    41. List Specs --------------------------------
         Tablet Portrait --------------------------
    42. List Options ------------------------------
         Animate Items ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    43. List Components ---------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    44. List Domains ------------------------------
         Mobile -----------------------------------
    45. Logo --------------------------------------
         Tablet Portrait --------------------------
    46. HTML --------------------------------------
         Tablet Portrait --------------------------
    47. Nav ---------------------------------------
         Dropdown ---------------------------------
         Medium Desktop ---------------------------
         Tablet Portrait --------------------------
    48. Nav Footer --------------------------------
         Mobile -----------------------------------
    49. Packages ----------------------------------
         Packages Right ---------------------------
         Small Desktop ----------------------------
         Mobile -----------------------------------
    50. Package -----------------------------------
         Package Head -----------------------------
         Package Body -----------------------------
         Package Foot -----------------------------
         Small Desktop ----------------------------
    51. Package Secondary -------------------------
         Mobile -----------------------------------
    52. Price -------------------------------------
         Price Image ------------------------------
         Line -------------------------------------
    53. Responsive --------------------------------
         Small Desktop ----------------------------
    54. Section -----------------------------------
    55. Section Intro -----------------------------
         Small Desktop ----------------------------
         Small Desktop ----------------------------
         Mobile -----------------------------------
         Section Intro Alt ------------------------
         Alternative Packages ---------------------
         Small Desktop ----------------------------
         Mobile -----------------------------------
    56. Section Home ------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
         Section Home Alt -------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    57. Section Blue ------------------------------
         Mobile -----------------------------------
    58. Section Half ------------------------------
         Entry ------------------------------------
         Entry White ------------------------------
         Images -----------------------------------
         Section Half Alt -------------------------
         Section Half Large -----------------------
         Section Half Wide ------------------------
         Section Small ----------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    59. Section Features --------------------------
         Mobile -----------------------------------
    60. Section VPS -------------------------------
         Large Desktop ----------------------------
         Tablet Portrait --------------------------
    61. Section Plans -----------------------------
         Packages ---------------------------------
         Section Foot -----------------------------
         Small Desktop ----------------------------
         Mobile -----------------------------------
    62. Section Foot ------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    63. Section Search ----------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    64. Section Search Secondary ------------------
         Mobile -----------------------------------
    65. Section Domains ---------------------------
         Mobile -----------------------------------
    66. Section Prices ----------------------------
         Small Desktop ----------------------------
         Mobile -----------------------------------
    67. Slider - Swiper ---------------------------
    68. Slider Specs ------------------------------
         Swipe Icon -------------------------------
         Tablet Portrait --------------------------
    69. Slider Packages ---------------------------
         Mobile -----------------------------------
    70. Spec --------------------------------------
    71. Table -------------------------------------
    72. Table Prices ------------------------------
         Mobile -----------------------------------
    73. Widget ------------------------------------
    74. Themes ------------------------------------
 */

@import url('//fonts.googleapis.com/css?family=Josefin+Sans:300,400,700');
/* ------------------------------------------------------------ *\
  Fonts
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Plugins
\* ------------------------------------------------------------ */
/**
 * Swiper 4.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 1, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* ------------------------------------------------------------ *\
	Settings
\* ------------------------------------------------------------ */
/*  Colors  */
/*  Duration  */
/* ------------------------------------------------------------ *\
  Tools
\* ------------------------------------------------------------ */
.footer .footer__body,
.form-search--alt .form__body,
.logo-footer,
.package .package__foot .btn,
.section-vps .section__body,
.section-vps .section__actions,
.section-vps .section__foot,
.section-vps .section__actions,
.section-plans .packages,
.section-foot-notice,
.section-foot-main{ margin-left: auto; margin-right: auto;
}
.section-half--bg{ background-position: center; background-size: cover; background-repeat: no-repeat;
}
/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body { min-width: 320px; background: #fff; font-family: 'Avenir LTSd', sans-serif; font-size: 30px; line-height: 1.25; color: #0e0a19; }
a { color: inherit; text-decoration: underline; -webkit-transition: color ease-in-out .2s; -o-transition: color ease-in-out .2s; transition: color ease-in-out .2s; }
a:hover,
a[href^="tel"] { text-decoration: none; }
h1,
h2 { font-size: 60px; }
h3 { font-size: 50px; }
h4 { font-size: 40px; }
h5 { font-size: 30px; font-weight: 400; }
h6 { font-size: 20px; }
p strong { font-family: 'Avenir Next', sans-serif; }
ul,
ol,
dl,
hr,
table,
blockquote { margin-bottom: 1.25em; }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
/*  Large Desktop  */
@media (max-width: 1860px) {
  body { font-size: 26px; }
  h1,
  h2 { font-size: 50px; }
  h3 { font-size: 40px; }
  h4 { font-size: 30px; }
  h5 { font-size: 20px; }
  h6 { font-size: 16px; }
}
/*  Medium Desktop  */
@media (max-width: 1430px) {
  body { font-size: 26px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
  body { font-size: 22px; }

  h1,
  h2 { font-size: 40px; }
  h3 { font-size: 35px; }
  h5 { font-size: 25px; }
  h6 { font-size: 15px; }
}
/* Mobile */
@media (max-width: 767px) {
  body { font-size: 18px; line-height: 1.35; }

  h1,
  h2 { font-size: 31px; }
  h3 { font-size: 26px; }
  h5 { font-size: 21px; }
}
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNextLTW01BoldRegular.woff2') format('woff2'),
        url('../fonts/AvenirNextLTW01BoldRegular.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir LTSd';
    src: url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Roman.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
/*  Screen Readers  */
.sr-only  { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }
/*  Clear  */
.clear:after {
  content: '';
  display: block;
  clear: both; }
/*  Notext  */
.notext { overflow: hidden; text-indent: 101%; white-space: nowrap; }
/*  Hidden  */
[hidden],
.hidden { display: none !important; }
/*  Alignleft  */
.alignleft { float: left; }
/*  Alignright  */
.alignright { float: right; }
/*  Disabled  */
[disabled],
.disabled { cursor: default; }
/*  Grid  */
.cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.col { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; }
.col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }
@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
* { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
*:before,
*:after { -webkit-box-sizing: inherit; box-sizing: inherit; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }
template { display: none; }
html { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
img,
iframe,
video,
audio,
object { max-width: 100%; }
img,
iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { padding: 67px 0 60px; background-color: #0e0a19; color: #696969; }
/*  Footer Body  */
.footer .footer__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 63px 0 49px 40px; max-width: 660px; }
.footer .footer__body .nav-footer { -webkit-box-flex: 0; -ms-flex: 0 1 275px; flex: 0 1 275px; }
/*  Footer Foot  */
.footer .footer__foot p { font-size: 16px; text-align: center; }
/* Mobile */
@media (max-width: 767px) {
  .footer { padding: 40px 0; }

  .footer .footer__body { padding: 20px 0; max-width: 395px; }

  .footer .footer__foot p { font-size: 12px; }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { position: relative; z-index: 80; padding: 66px 0 20px; }
.header .shell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header .nav { -ms-flex-preferred-size: 915px; flex-basis: 915px; margin-right: 23px; }
@media (max-width: 1430px) {
  .header .nav { margin-right: 0; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
  .header { position: fixed; top: 0; left: 0; right: 0; padding: 0; height: 74px; z-index: 999; background-color: #fff; }
  .header .shell { height: 100%; }
  .header .btn-nav { display: block; }
}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { max-width: 1370px; padding-left: 10px; padding-right: 10px; margin: auto; }
.shell--fluid { max-width: none; }
.shell--xs { max-width: 910px; }
/* ------------------------------------------------------------ *\
  Responsive
\* ------------------------------------------------------------ */
@media (max-width: 1860px) {
  .shell { padding-left: 20px; padding-right: 20px; }
}
@media (max-width: 1430px) {
  .shell { max-width: 1120px; }
  .shell--xs { max-width: 910px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
  .shell { padding-left: 23px; padding-right: 23px; }
}
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper { min-height: 100vh; overflow: hidden; }
/* Tablet Portrait */
@media (max-width: 1023px) {
  .wrapper { padding-top: 74px; }
}
/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Animation
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Animation Home
\* ------------------------------------------------------------ */
.animation-home { -webkit-animation: fly 8s ease-out infinite; animation: fly 8s ease-out infinite; }
@-webkit-keyframes fly {
  0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-25px); transform: translateY(-25px); }
}
@keyframes fly {
  0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-25px); transform: translateY(-25px); }
}
/* ------------------------------------------------------------ *\
  Animated Item
\* ------------------------------------------------------------ */
.animated-item { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; visibility: hidden; -webkit-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; transition: all ease-in-out .5s; }
.animated-item.animate-item { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
/* ------------------------------------------------------------ *\
  Article
\* ------------------------------------------------------------ */
.article h1 { font-family: 'Josefin Sans', sans-serif; }
.article .article__body h5,
.article .article__body p { margin-bottom: 20px; }
.article .article__actions { margin-top: 42px; text-align: center; }
/* Mobile */
@media (max-width: 767px) {
  .article .article__actions { margin-top: 25px; }
}
/* ------------------------------------------------------------ *\
  Box Domain
\* ------------------------------------------------------------ */
.box-domain { position: relative; height: 237px; padding: 72px 0 46px; border: 4px solid #171422; border-radius: 20px; text-align: center; }
.box-domain .box__bubble { position: absolute; top: 0; left: 50%; width: 104px; height: 104px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 4px solid #171422; border-radius: 50%; background-color: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.box-domain .box__bubble h5 { font-family: 'Avenir Next', sans-serif; color: #4717f6; }
.box-domain .box__body p { font-size: 20px; color: #696969; }
.box-domain .box__body h2 { font-family: 'Avenir Next', sans-serif; color: #4717f6; }
.box-domain .box__actions { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); }
.box-domain .box__actions .btn { width: 197px; }
/* Small Desktop */
@media (max-width: 1200px) {
  .box-domain { padding-left: 10px; padding-right: 10px; }

  .box-domain .box__bubble { width: 88px; height: 88px; }

  .box-domain .box__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; }

  .box-domain .box__actions { width: 80%; }
  .box-domain .box__actions .btn { width: 100%; }
}
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 66px; line-height: 66px; white-space: nowrap; padding-left: 20px; padding-right: 20px; font-size: 30px; border-radius: 33px; -webkit-transition: background ease-in-out .2s, color ease-in-out .2s; -o-transition: background ease-in-out .2s, color ease-in-out .2s; transition: background ease-in-out .2s, color ease-in-out .2s; }
/*  Button Block  */
.btn--block { display: block; padding-left: 0; padding-right: 0; }
/*  Button Blue  */
.btn--blue { background-color: #4717f6; color: #fff; }
/*  Button Large  */
.btn--large { min-width: 396px; }
/*  Button Whtie  */
.btn--white { background-color: #fff; color: #4717f6; }
/*  Large Desktop  */
@media (max-width: 1860px) {
  .btn { font-size: 26px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
  .btn--large { min-width: 220px; padding-left: 40px; padding-right: 40px; }
}
/* Mobile */
@media (max-width: 767px) {
  .btn { height: 61px; line-height: 61px; border-radius: 10px; font-size: 27px; }
}
/* ------------------------------------------------------------ *\
  Hovers
\* ------------------------------------------------------------ */
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover) {
  .btn--blue:hover { background-color: #4c0cac; }
  .btn--white:hover { background-color: #f5f3ff; }
}
/*  Button Nav  */
.btn-nav span:after,
.btn-nav:after,
.btn-nav:before { -webkit-transition-property: visibility, opacity, -webkit-transform; transition-property: visibility, opacity, -webkit-transform; -o-transition-property: transform, visibility, opacity; transition-property: transform, visibility, opacity; transition-property: transform, visibility, opacity, -webkit-transform; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
.btn-nav.active span:after,
.btn-nav.active:after,
.btn-nav.active:before { background: #4717f6; }
.btn-nav span:after,
.btn-nav:after,
.btn-nav:before { position: absolute; content: ' '; border-radius: 3px; background: #4717f6; }
.btn-nav span:after { top: 0; left: 0; width: 100%; height: 2px; }
.btn-nav:after { top: 7px; left: 0; width: 100%; height: 2px; }
.btn-nav:before { top: 14px; left: 0; width: 100%; height: 2px; }
.btn-nav { position: absolute; top: 50%; right: 30px; width: 20px; z-index: 5; padding-top: 15px; color: #6BB135; font-size: 12px; font-variant: small-caps; text-transform: uppercase; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; }
.btn-nav.active span:after { top: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.btn-nav.active:before { top: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.btn-nav.active:after { opacity: 0; visibility: hidden; top: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
/* ------------------------------------------------------------ *\
  Component
\* ------------------------------------------------------------ */
.component .component__image { margin-bottom: 24px; }
.component .component__image img { height: 64px; }
.component .component__entry p { color: #616161; text-align: center; line-height: 1.2; }
.component .component__entry span { display: block; color: #0e0a19; }
/* Tablet Portrait */
@media (max-width: 1023px) {
  .component { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; }
  .component .component__image { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; }
}
/* ------------------------------------------------------------ *\
  Feature
\* ------------------------------------------------------------ */
.feature { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.feature .feature__art { position: relative; height: 235px; -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; background-image: url(../images/temp/icons/ico-shape.png); background-position: center bottom; background-repeat: no-repeat; }
.feature .feature__art figure { position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.feature .feature__art img { margin-top: -6px; }
.feature .feature__entry { padding-left: 7px; color: #000; }
.feature .feature__entry h5 { margin-bottom: 10px; text-transform: uppercase; }
.feature .feature__entry p { padding-right: 8px; font-size: 20px; }
/*  Feature Icons  */
.feature .feature__wp { width: 62px; }
.feature .feature__ssl { width: 70px; }
.feature .feature__backup { width: 64px; }
.feature .feature__cloud { width: 64px; }
.feature .feature__ddos { width: 64px; }
.feature .feature__speed { width: 64px; }
@media (max-width: 1860px) {
  .feature .feature__entry p { font-size: 18px; }
}
/* Medium Desktop */
@media (max-width: 1430px) {
  .feature .feature__art figure { width: 60%; }
}
/* Mobile */
@media (max-width: 767px) {
  .feature .feature__art { -ms-flex-preferred-size: 30px; flex-basis: 30px; }
  .feature .feature__art figure { width: 100%; }
  .feature .feature__entry { padding-left: 10%; }
}
/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */
input::-webkit-input-placeholder { color: inherit; opacity: 1; }
input:-ms-input-placeholder { color: inherit; opacity: 1; }
input::-ms-input-placeholder { color: inherit; opacity: 1; }
input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }
input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.field { width: 100%; height: 70px; padding: 0 25px; border: 4px solid #171422; border-radius: 20px; color: #696969; font-size: 20px; }
.field--alt { height: 49px; padding: 0 18px; border-color: #696969; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea { -webkit-transition: border-color ease-in-out .2s; -o-transition: border-color ease-in-out .2s; transition: border-color ease-in-out .2s; }
/*  Focus  */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus { border-color: #4717f6; }
/* Mobile */
@media (max-width: 767px) {
  .field { font-size: 16px; }
}
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form .form__head h2,
.form .form__head h1 { font-family: 'Josefin Sans', sans-serif; color: #4717f6; line-height: 1; }
.form label { display: inline-block; }
.form .form__label { color: #4717f6; font-size: 20px; line-height: 1.25; }
.form .checkbox { position: relative; }
.form .checkbox input { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }
.form .checkbox label { position: relative; font-size: 20px; padding-left: 48px; }
.form .checkbox label:before { position: absolute; top: 3px; left: 0; width: 36px; height: 36px; border: 4px solid #696969; border-radius: 10px; content: ''; -webkit-transition: background-color ease-in-out .2s; -o-transition: background-color ease-in-out .2s; transition: background-color ease-in-out .2s; }
.form .checkbox input:checked + label:before { background-image: url(../images/temp/icons/icon_checkmark.png); background-position: center; background-size: 60% auto; background-repeat: no-repeat; }
.form .form__btn { background-color: #4717f6; -webkit-transition: background-color ease-in-out .2s; -o-transition: background-color ease-in-out .2s; transition: background-color ease-in-out .2s; font-family: 'Avenir LTSd', sans-serif; font-weight: 400; }
.form .form__btn:hover { background-color: #4c0cac; }
/* Mobile */
@media (max-width: 767px) {
  .form .checkbox label { padding-left: 30px; }
  .form .checkbox label:before { width: 20px; height: 20px; border-radius: 5px; border-width: 2px; }

  .form .form__label,
  .form .checkbox label,
  .form .form__head p { font-size: 18px; }
}
/* ------------------------------------------------------------ *\
  Form Search
\* ------------------------------------------------------------ */
.form-search .form__head { margin-bottom: 28px; text-align: center; }
.form-search .form__head p { padding-left: 30px; padding-right: 30px; }
.form-search .form__head ul { margin: 37px auto 0; font-size: 20px; text-align: left; }
.form-search .form__head ul li + li { margin-top: 23px; }
.form-search .form__body { position: relative; margin-bottom: 4px; }
.form-search .form__actions { position: absolute; top: 50%; right: 12px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.form-search .form__foot { text-align: center; }
.form-search .form__foot img { max-width: 70.17%; }
.form-search .field { width: 100%; height: 70px; padding: 0 200px 0 25px; border: 4px solid #171422; border-radius: 20px; color: #696969; }
.form-search .form__btn { width: 182px; height: 48px; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #fff; border-radius: 20px; }
/*  Form Search Alt  */
.form-search--alt .form__head { margin-bottom: 51px; }
.form-search--alt .form__head ul { max-width: 490px; list-style: none; }
.form-search--alt .form__body { max-width: 792px; }
/* Tablet Portrait */
@media (max-width: 1023px) {
  .form-search .form__btn { width: 130px; }
  .form-search .field { padding-right: 145px; }
}
/* Mobile */
@media (max-width: 767px) {
  .form-search .form__head p { padding-left: 0; padding-right: 0; }

  .form-search .field { padding-left: 9px; padding-right: 92px; }

  .form-search .form__actions { right: 8px; }
  .form-search .form__btn { width: 87px; }

  .form-search .form__foot { padding-top: 5px; }
  .form-search .form__foot img { max-width: 90%; }

  .form-search .form__head p,
  .form-search .form__head ul { font-size: 18px; }
}
/* ------------------------------------------------------------ *\
  Form Subscribe
\* ------------------------------------------------------------ */
.form-subscribe .form__head { margin-bottom: 9px; }
.form-subscribe .form__head h5 { margin-bottom: 10px; }
.form-subscribe .form__head p { margin-bottom: 9px; font-size: 20px; }
.form-subscribe .form__body { margin-top: 10px; }
.form-subscribe .form__row { margin-bottom: 22px; }
.form-subscribe .form__label { margin-bottom: 17px; }
.form-subscribe .form__controls + .form__controls { margin-top: 15px; }
.form-subscribe .form__actions { text-align: center; }
.form-subscribe .form__btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 277px; height: 67px; border: 0; border-radius: 33px; color: #fff; }
/* ------------------------------------------------------------ *\
  Mobile
\* ------------------------------------------------------------ */
@media (max-width: 767px) {
  .form-subscribe .form__btn { width: 250px; height: 45px; }
}
/* ------------------------------------------------------------ *\
  Icons
\* ------------------------------------------------------------ */
.icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }
.icons .icon + .icon { margin-left: 23px; }
/* ------------------------------------------------------------ *\
  Icon
\* ------------------------------------------------------------ */
.icon--creditcard { -webkit-box-flex: 0; -ms-flex: 0 0 59px; flex: 0 0 59px; max-width: 59px; }
.icon--bitcoin { -webkit-box-flex: 0; -ms-flex: 0 0 87px; flex: 0 0 87px; max-width: 87px; }
@media (max-width: 1430px) {
  .icon--bitcoin { -ms-flex-preferred-size: 50px; flex-basis: 50px; }
  .icon--creditcard { -ms-flex-preferred-size: 36px; flex-basis: 36px; }
}
/* Mobile */
@media (max-width: 767px) {
  .icons .icon + .icon { margin-left: 17px; }
  
  .icon--bitcoin { -ms-flex-preferred-size: 70px; flex-basis: 70px; }
  .icon--creditcard { -ms-flex-preferred-size: 47px; flex-basis: 47px; }
}
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/* ------------------------------------------------------------ *\
  List Bullets
\* ------------------------------------------------------------ */
.list-bullets li { position: relative; padding-left: 40px; }
.list-bullets li:before { position: absolute; top: 13px; left: 0; width: 12px; height: 12px; background-color: #4717f6; border-radius: 50%; content: ''; }
.list-bullets li + li { margin-top: 8px; }
@media (max-width: 1430px) {
  .list-bullets li:before { top: 10px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
  .list-bullets li { padding-left: 30px; }
  .list-bullets li:before { top: 9px; width: 10px; height: 10px; }
}
/* Mobile */
@media (max-width: 767px) {
  .list-bullets li { padding-left: 19px; }
  .list-bullets li:before { top: 8px; width: 7px; height: 7px; }
}
/*  List Bullets White  */
.list-bullets--white li:before { top: 9px; width: 7px; height: 7px; background-color: #fff; }
/* ------------------------------------------------------------ *\
  List Features
\* ------------------------------------------------------------ */
.list-features { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -27px; }
.list-features .list__item { -webkit-box-flex: 0; -ms-flex: 0 1 538px; flex: 0 1 538px; max-width: 538px; margin-bottom: 130px; padding: 0 27px; }
@media (max-width: 1860px) {
  .list-features .list__item { -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; max-width: 33.33%; }
}
/* Small Desktop */
@media (max-width: 1200px) {
  .list-features .list__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
}
/* Mobile */
@media (max-width: 767px) {
  .list-features { margin: 0; }
  .list-features .list__item { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-bottom: 80px; padding-left: 0; padding-right: 0; }
}
/* ------------------------------------------------------------ *\
  List Specs
\* ------------------------------------------------------------ */
.list-specs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.list-specs .list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -ms-flex: 0 0 176px; flex: 0 0 176px; max-width: 176px; border: 4px solid #171422; border-radius: 20px; text-align: center; }
.list-specs .list__item--wide { -ms-flex-preferred-size: 214px; flex-basis: 214px; max-width: 214px; }
@media (max-width: 1860px) {
  .list-specs .list__item { -ms-flex-negative: 1; flex-shrink: 1; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
  .list-specs .list__item { -ms-flex-negative: 0; flex-shrink: 0; } 
}
/* ------------------------------------------------------------ *\
  List Options
\* ------------------------------------------------------------ */
.list-options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 0; }
.list-options .list__item { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 140px; flex: 0 1 140px; text-align: center; padding: 0 18px 52px; cursor: pointer; -webkit-transition: color ease-in-out .2s; -o-transition: color ease-in-out .2s; transition: color ease-in-out .2s; }
.list-options .list__item:after { position: absolute; bottom: 0; left: 50%; width: 23px; height: 23px; border-radius: 50%; background-color: #fff; border: 4px solid #171422; content: ''; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; -webkit-transition: background-color ease-in-out .2s; -o-transition: background-color ease-in-out .2s; transition: background-color ease-in-out .2s; }
.list-options .list__item p { font-size: 20px; color: #616161; line-height: 1; -webkit-transition: color ease-in-out .2s; -o-transition: color ease-in-out .2s; transition: color ease-in-out .2s; }
.list-options .list__item--mobile { display: none; }
.list-options .list__item--mobile figure { text-align: center; }
.list-options .list__item--mobile figure img { width: 65px; }
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover) {
  .list-options .list__item:hover,
  .list-options .list__item:hover p { color: #4717f6; }

  .list-options .list__item:hover:after { background-color: #4717f6; }
}
.list-options .swiper-slide-thumb-active,
.list-options .swiper-slide-thumb-active p { color: #4717f6; }
.list-options .swiper-slide-thumb-active:after { background-color: #4717f6; }
/*  Animate Items  */
.list-options .list__item:after { -webkit-animation: blink linear 1s forwards; animation: blink linear 1s forwards; }
.list-options .list__item:nth-child(1):after { -webkit-animation-delay: .2s; animation-delay: .2s; }
.list-options .list__item:nth-child(2):after { -webkit-animation-delay: .7s; animation-delay: .7s; }
.list-options .list__item:nth-child(3):after { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }
.list-options .list__item:nth-child(4):after { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }
.list-options .list__item:nth-child(5):after { -webkit-animation-delay: 2.3s; animation-delay: 2.3s; }
.list-options .list__item:nth-child(6):after { -webkit-animation-delay: 2.8s; animation-delay: 2.8s; }
.list-options .list__item:nth-child(7):after { -webkit-animation-delay: 3.3s; animation-delay: 3.3s; }
.list-options .list__item:nth-child(8):after { -webkit-animation-delay: 3.8s; animation-delay: 3.8s; }
.list-options .list__item:nth-child(9):after { -webkit-animation-delay: 4s; animation-delay: 4s; }
@-webkit-keyframes blink {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes blink {
  from { opacity: 0; }
  to { opacity: 1; }
}
@media (max-width: 1860px) {
  .list-options .list__item { padding-left: 5px; padding-right: 5px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
  .list-options .list__item { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; padding-left: 0; padding-right: 0; }
  .list-options .list__item--mobile { display: block; }
}
/* Mobile */
@media (max-width: 767px) {
  .list-options .list__item { max-width: none; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; }

  .list-options .swiper-slide-active,
  .list-options .swiper-slide-active p { color: #4717f6; }

  .list-options .swiper-slide-active:after { background-color: #4717f6; }

}
/* ------------------------------------------------------------ *\
  List Components
\* ------------------------------------------------------------ */
.list-components { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 50px; }
/* Tablet Portrait */
@media (max-width: 1023px) {
  ul.list-components { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -30px; }
  .list-components .list__item { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 50%; margin-bottom: 30px; height: 130px; }
}
/* Mobile */
@media (max-width: 767px) {
  .list-components { padding-left: 10px; padding-right: 10px; }
}
/* ------------------------------------------------------------ *\
  List Domains
\* ------------------------------------------------------------ */
.list-domains { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -18px; }
.list-domains .list__item { -webkit-box-flex: 0; -ms-flex: 0 0 317px; flex: 0 0 317px; padding: 0 18px; }
@media (max-width: 1430px) {
  .list-domains .list__item { -ms-flex-negative: 1; flex-shrink: 1; }
}
/* Mobile */
@media (max-width: 767px) {
  .list-domains { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .list-domains .list__item { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .list-domains .list__item ~ .list__item { margin-top: 80px; }
}
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo { background: url(../images/logo_zonode.png) 0 0 no-repeat; }
.logo-footer { background: url(../images/logo_zonode_grey.png) 0 0 no-repeat; }
.logo-footer,
.logo { display: block; width: 173px; height: 43px; background-size: contain; font-size: 0; line-height: 0; text-indent: -4004px; }
/* Tablet Portrait */
@media (max-width: 1023px) {
  .logo-footer,
  .logo { width: 109px; height: 27px; }
}
/* ------------------------------------------------------------ *\
  HTML
\* ------------------------------------------------------------ */
html.mobile-show { overflow: hidden; }
html.mobile-show .nav { visibility: visible; opacity: 1; }
/* Tablet Portrait */
@media (max-width: 1023px) {
  html.transition--nav .nav { -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.nav > ul > li + li { margin-left: 50px; }
.nav li { position: relative; font-family: 'Josefin Sans', sans-serif; }
.nav a { display: inline-block; font-size: 25px; font-weight: 300; text-decoration: none; -webkit-transition: color ease-in-out .2s; -o-transition: color ease-in-out .2s; transition: color ease-in-out .2s; }
.nav .current > a { color: #4717f6; font-weight: 400; }
/*  Dropdown  */
.nav .dropdown > a { position: relative; padding-right: 24px; }
.nav .dropdown > a:after { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ''; height: 0; width: 0; border-top: 6px solid #171422; border-right: 6px solid transparent; border-left: 6px solid transparent; }
.nav .dropdown__menu { position: absolute; top: 100%; left: -10px; min-width: 250px; padding: 10px; background-color: #fff; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; visibility: hidden; -webkit-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }
.nav .dropdown__menu a { font-size: 20px; }
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover) {
  .nav li:hover > a { color: #4717f6; }
  .nav li:hover > .dropdown__menu { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.nav li.hovered > .dropdown__menu { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
/*  Medium Desktop  */
@media (max-width: 1430px) {
  .nav > ul > li + li { margin-left: 25px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
  .nav { position: fixed; top: 74px; left: 0; right: 0; bottom: 0; padding: 20px; min-height: 396px; overflow: auto; background-color: #4717f6; color: #fff; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; -o-transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; -webkit-transition-duration: 0; -o-transition-duration: 0; transition-duration: 0; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
  .nav a { font-size: 21px; }

  .nav > ul { display: block; width: 100%; }
  .nav > ul > li + li { margin: 15px 0 0; }

  .nav .current > a { font-weight: 400; color: #fff; }

  .nav .dropdown > a { padding-right: 17px; }
  .nav .dropdown > a:after { content: 'v'; border: 0; width: auto; height: auto; -webkit-transition: -webkit-transform ease-in-out .2s; transition: -webkit-transform ease-in-out .2s; -o-transition: transform ease-in-out .2s; transition: transform ease-in-out .2s; transition: transform ease-in-out .2s, -webkit-transform ease-in-out .2s; }
  @media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover) {
    @media (max-width: 1023px) {
      .nav li:hover > a { color: #fff;
      }
    }
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover) {
  @media (max-width: 1023px) {
    .nav li:hover > a { color: #fff;
    }
  }
}
@media (max-width: 1023px) {
  .nav .dropdown__menu { position: static; width: auto; visibility: visible; opacity: 1; background-color: transparent; -webkit-transform: none; -ms-transform: none; transform: none; max-height: 0; overflow: hidden; padding: 0;
  }
  .nav .dropdown__menu li { margin-top: 10px;
  }
  .nav .dropdown__menu a { font-size: 16px;
  }
  .nav li.hovered a:after { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg);
  }
  .nav li.hovered > .dropdown__menu { max-height: 999px;
  }
}
/* ------------------------------------------------------------ *\
  Nav Footer
\* ------------------------------------------------------------ */
.nav-footer a { display: block; text-decoration: none; font-size: 16px; text-transform: uppercase; -webkit-transition: color ease-in-out .2s; -o-transition: color ease-in-out .2s; transition: color ease-in-out .2s; }
.nav-footer li { position: relative; padding-left: 20px; margin-bottom: 10px; }
.nav-footer li:before { position: absolute; top: 50%; left: 0; width: 5px; height: 5px; border-radius: 50%; content: ''; background-color: #696969; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover) {
  .nav-footer a:hover { color: #fff; }
}
/* Mobile */
@media (max-width: 767px) {
  .nav-footer a { font-size: 12px; }
  .nav-footer li { padding-left: 10px; }
  .nav-footer li:before { width: 3px; height: 3px; }
}
/* ------------------------------------------------------------ *\
  Packages
\* ------------------------------------------------------------ */
.packages { position: relative; margin-right: 55px; }
.packages:after {
  content: '';
  display: block;
  clear: both; }
.packages .packages__image { position: absolute; top: 50%; right: calc(100% - 30px); width: 360px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.packages .packages__list { position: relative; float: right; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -30px; width: 82.325%; overflow: visible; }
.packages .packages__list .swiper-container { width: 100%; }
.packages .package { padding-left: 30px; padding-right: 30px; -webkit-box-flex: 1; -ms-flex: 1 1 33.333%; flex: 1 1 33.333%; height: auto; }
/*  Packages Right  */
.packages--right { margin-right: 0; }
.packages--right .packages__image { right: auto; left: 100%; width: 418px; top: auto; bottom: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.packages--right .packages__list { float: left; }
.packages--right .package { max-width: 417px; }
@media (max-width: 1860px) {
  .packages .packages__list { width: 78%; margin: 0 -15px; }

  .packages .package { padding-left: 15px; padding-right: 15px; }

  .packages--right .packages__image,
  .packages .packages__image { width: 30%; }

  .packages .packages__image { right: calc(100% - 15px); }
}
/* Small Desktop */
@media (max-width: 1200px) {
  .packages { margin-right: 0; }
  .packages .packages__list { -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 30px); }
  .packages .packages__image { position: static; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-right: -10px; padding-bottom: 30px; text-align: center; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); text-align: right; }
  .packages .packages__image img { max-width: 30%; }

  .packages--right .packages__image { margin-right: 0; text-align: center; }
}
/* Mobile */
@media (max-width: 767px) {
  .packages .packages__list { margin-left: 0; margin-right: 0; width: 100%; }
  .packages .packages__image { margin-right: -23px; }
  .packages .packages__image img { max-width: 95%; }
  
  .packages .package { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; padding-left: 0; padding-right: 0; }
}
/* ------------------------------------------------------------ *\
  Package
\* ------------------------------------------------------------ */
.package .package__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; padding: 37px 10px 40px; border: 4px solid #171422; border-radius: 20px; text-align: center; }
/*  Package Head  */
.package .package__head { margin-bottom: 9px; }
.package .package__head h2 { font-family: 'Josefin Sans', sans-serif; color: #4717f6; }
/*  Package Body  */
.package .package__body ul { list-style: none outside none; font-size: 20px; }
.package .package__body li { line-height: 1.9; }
/*  Package Foot  */
.package .package__foot { margin-top: 19px; }
.package .package__foot h5 { margin-bottom: 23px; color: #4717f6; }
.package .package__foot .btn { display: block; width: calc(100% - 60px); }
@media (max-width: 1860px) {
  .package .package__head h2 { font-size: 40px; }
  .package .package__foot h5 { font-size: 26px; }
  .package .package__body ul { font-size: 16px; }
}
/* Small Desktop */
@media (max-width: 1200px) {
  .package .package__foot .btn { width: 100%; }
}
/* ------------------------------------------------------------ *\
  Package Secondary
\* ------------------------------------------------------------ */
.package-secondary { -ms-flex-preferred-size: 50%; flex-basis: 50%; }
.package-secondary .package__head { margin-bottom: 28px; }
.package-secondary .package__head h2 { font-family: 'Avenir LTSd', sans-serif; color: #0e0a19; font-weight: 400; }
.package-secondary .package__head h5 { color: #4717f6; }
.package-secondary .package__inner { padding: 0; border-width: 0; }
.package-secondary .package__top { padding: 30px 0 32px; border: 4px solid #171422; border-radius: 20px 20px 0 0; }
.package-secondary .package__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100px; background-color: #4717f6; color: #fff; border: 4px solid #171422; border-top-width: 0; border-radius: 0 0 20px 20px; }
/* Mobile */
@media (max-width: 767px) {
  .package-secondary .package__head h2 { font-size: 36px; }
  .package-secondary .package__bottom { height: 56px; }
}
/* ------------------------------------------------------------ *\
  Price
\* ------------------------------------------------------------ */
.price { position: relative; }
.price .price__top { position: relative; z-index: 55; }
.price .price__top-nav { position: absolute; top: 50%; left: 20px; right: 20px; z-index: 56; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: -14.5px; }
.price .price__top-nav .swiper-button-next,
.price .price__top-nav .swiper-button-prev { width: 17px; height: 29px; background-image: url(../images/temp/icons/icon_rightarrow_naked.png); background-size: contain; background-repeat: no-repeat; background-position: center; }
.price .price__top-nav .swiper-button-prev { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }
/*  Price Image  */
.price .price__image { position: absolute; right: calc(100% + 18px); top: -7px; width: 276px; height: 563px; background-size: contain; background-repeat: no-repeat; }
/*  Line  */
.price .price__line { position: absolute; left: 0; bottom: 6px; z-index: -1; height: 85px; -webkit-transform: translateZ(-1px); transform: translateZ(-1px); }
.price .price__line-inner { position: absolute; top: -1px; left: 0; width: 0; height: 100%; background-image: url(../images/temp/zoey/zoey_paperplane_line.png); background-size: 1282px 85px; background-position: 0 50%; background-repeat: no-repeat; -webkit-animation: paperplane linear 5s forwards; animation: paperplane linear 5s forwards; -webkit-transform: translateZ(1px); transform: translateZ(1px); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
@-webkit-keyframes paperplane {
  0% { width: 0; }
  100% { width: 1282px; }
}
@keyframes paperplane {
  0% { width: 0; }
  100% { width: 1282px; }
}
/* ------------------------------------------------------------ *\
  Responsive
\* ------------------------------------------------------------ */
@media (max-width: 1860px) {
  .price .price__image { top: 8px; width: 20%; height: 399px; }
  .price .price__line-inner { background-size: 1046px 85px; }
}
@media (max-width: 1430px) {
  .price .price__image { display: none; }

  .price .price__line-inner { left: -70px; background-size: 1120px 85px; }
}
/* Small Desktop */
@media (max-width: 1200px) {
  .price .price__line-inner { left: -150px; overflow: hidden; background-size: 1450px 85px; }
}
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section .section__head h1,
.section .section__head h2,
.section .section__entry h1 { font-family: 'Josefin Sans', sans-serif; color: #4717f6; }
/* ------------------------------------------------------------ *\
  Section Intro
\* ------------------------------------------------------------ */
.section-intro { padding-top: 58px; padding-bottom: 80px; }
.section-intro .shell { max-width: 1594px; }
.section-intro .section__entry { margin-bottom: 50px; text-align: center; }
.section-intro .section__entry h1 { line-height: 1; }
.section-intro .section__entry p { margin-top: 7px; font-size: 20px; }
/* Small Desktop */
@media (max-width: 1200px) {
  .section-intro .section__entry { margin-bottom: 20px; }
}
/* Small Desktop */
@media (max-width: 1200px) {
  .section-intro { padding-top: 40px; }
}
/* Mobile */
@media (max-width: 767px) {
  .section-intro .section__entry p br { display: none; }
}
/*  Section Intro Alt  */
.section-intro--alt { padding-bottom: 100px; }
.section-intro--alt .section__body { margin-left: -96px; }
.section-intro--alt .section__entry { margin-bottom: 33px; }
.section-intro--alt .section__foot { margin-top: 54px; }
.section-intro--alt .section__foot-notice { max-width: 1160px; }
.section-intro--alt .section__foot-main { max-width: 1300px; margin-top: 66px; }
/*  Alternative Packages  */
.section-intro--alt .packages__image { width: 529px; }
.section-intro--alt .packages__list { width: 75.325%; }
@media (max-width: 1860px) {
  .section-intro--alt .section__body { margin-left: 0; }

  .section-intro--alt .packages__list { width: 78%; margin: 0 -15px; }
  .section-intro--alt .packages__image { width: 30%; }
}
/* Small Desktop */
@media (max-width: 1200px) {
  .section-intro--alt .packages__list { width: calc(100% + 30px); }
}
/* Mobile */
@media (max-width: 767px) {
  .section-intro--alt .packages__list { margin-left: 0; margin-right: 0; width: 100%; }
  .section-intro--alt .packages__image { margin-right: 0; }
}
/* ------------------------------------------------------------ *\
  Section Home
\* ------------------------------------------------------------ */
.section-home .shell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 46px; padding-bottom: 130px; }
.section-home .section__entry { max-width: 708px; padding-left: 40px; margin-top: -80px; }
.section-home .section__entry h1 { color: #0e0a19;  }
.section-home .section__entry h5 { color: #4717f6; }
.section-home .section__image { -webkit-box-flex: 0; -ms-flex: 0 0 299px; flex: 0 0 299px; margin-right: 77px; }
@media (max-width: 1430px) {
  .section-home .section__image { -ms-flex-preferred-size: 30%; flex-basis: 30%; margin-right: 0; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
  .section-home .shell { padding-top: 50px; padding-bottom: 50px; }
  .section-home .section__entry { margin-top: 0; }
}
/* Mobile */
@media (max-width: 767px) {
  .section-home .shell { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 40px; padding-bottom: 40px; }

  .section-home .section__entry { padding-left: 0; text-align: center; }

  .section-home .section__entry ul,
  .section-home .section__entry ol { text-align: left; }

  .section-home .section__image { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; padding-bottom: 40px; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .section-home .section__image .animation-home { width: 30%; margin-left: auto; margin-right: auto; }
}
/*  Section Home Alt  */
.section-home--alt .shell { max-width: 1120px; padding-top: 100px; }
.section-home--alt .section__entry { max-width: 492px; padding-left: 0; margin-top: 0; }
.section-home--alt .section__entry h1 { color: #4717f6; }
.section-home--alt .section__image { -ms-flex-preferred-size: 278px; flex-basis: 278px; margin-left: 30px; margin-right: 0; }
/* Tablet Portrait */
@media (max-width: 1023px) {
  .section-home--alt .section__image { -ms-flex-preferred-size: 30%; flex-basis: 30%; margin-left: 0; margin-right: 20px; }
}
/* Mobile */
@media (max-width: 767px) {
  .section-home--alt .section__entry { max-width: 100%; text-align: left; }

  .section-home--alt .section__image { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; text-align: center; margin-right: 0; }
  .section-home--alt .section__image img { max-height: 450px; }
}
/* ------------------------------------------------------------ *\
  Section Blue
\* ------------------------------------------------------------ */
.section-blue { padding: 44px 0 66px; background-color: #4717f6; color: #fff; text-align: center; }
.section-blue .section__entry { margin-bottom: 43px; }
.section-blue .section__entry h2 { margin-bottom: 30px; font-family: 'Avenir Next', sans-serif; color: #f5f3ff; }
.section-blue .section__logos ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.section-blue .section__logos ul li { -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-height: 64px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.section-blue .section__logos a { -webkit-transition: opacity ease-in-out .2s; -o-transition: opacity ease-in-out .2s; transition: opacity ease-in-out .2s; }
.section-blue .section__logos a:hover { opacity: .6; }
/* Mobile */
@media (max-width: 767px) {
  .section-blue .section__logos ul li { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 12px 0; max-height: none; }
}
/* ------------------------------------------------------------ *\
  Section Half
\* ------------------------------------------------------------ */
.section-half { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.section-half .shell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 442px; width: 100%; max-width: 1200px; overflow: hidden; }
.section-half .section__left { padding-left: 34px; }
.section-half .section__left,
.section-half .section__right { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; }
/*  Entry  */
.section-half .entry { padding: 60px 0; }
.section-half .entry h5 { margin-bottom: 32px; }
.section-half .entry h4 { margin-bottom: 32px; }
.section-half .entry ol,
.section-half .entry ul { margin-left: 23px; }
.section-half .entry ul { padding-top: 11px; }
.section-half .entry .list-bullets { margin-left: 0; }
.section-half .entry .list-bullets li { padding-left: 23px; }
.section-half .entry li,
.section-half .entry p { font-size: 20px; }
.section-half .entry p { margin-bottom: 10px; }
.section-half .entry li { margin-bottom: 12px; }
.section-half .entry--alt p { margin-bottom: 23px; }
.section-half .entry__actions { padding-top: 25px; text-align: center; }
.section-half .entry__actions .btn { padding-left: 50px; padding-right: 50px; }
/*  Entry White  */
.section-half--bg .entry { color: #fff; }
/*  Images  */
.section-half .section__image { position: relative; text-align: center; }
.section-half .section__image--shh img { width: 203px; margin-bottom: -76px; }
.section-half .section__image--laptop img { width: 249px; }
/*  Section Half Alt  */
.section-half--alt .section__left { -ms-flex-preferred-size: 63%; flex-basis: 63%; max-width: 63%; }
/*  Section Half Large  */
.section-half--large .shell { min-height: 566px; }
/*  Section Half Wide  */
.section-half--wide .shell { max-width: 1430px; }
.section-half--wide .entry { max-width: 580px; overflow: hidden; }
.section-half--wide .section__right:after {
  content: '';
  display: block;
  clear: both; }
.section-half--wide .section__right .entry { float: right; }
/*  Section Small  */
.section--small .shell { min-height: 419px; }
/* Small Desktop */
@media (max-width: 1200px) {
  .section-half .entry li,
  .section-half .entry p { font-size: 18px; }

  .section-half--bg[data-image-focus="right"] { background-position: right center; }
  .section-half--bg[data-image-focus="left"] { background-position: left center; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
  .section-half--bg { background-blend-mode: multiply; background-color: #4717f6; }

  .section-half .section__left { padding-left: 0; }
}
/* Mobile */
@media (max-width: 767px) {
  .section-half { padding: 45px 0; }
  .section-half .shell { -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: visible; min-height: 0; }
  
  .section-half .section__left,
  .section-half .section__right { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .section-half .entry { padding: 0 40px; max-width: 100%; }
  
  .section-half .entry li,
  .section-half .entry p { font-size: 14px; }
  .section-half .section__image img { max-width: 140px; }
  .section-half .section__image--shh img { margin-bottom: 0; }

  .section__image-wrapper { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-top: 45px; }
}
@media (max-width: 374px) {
  .section-half .entry { padding-left: 0; padding-right: 0; }
}
/* ------------------------------------------------------------ *\
  Section Features
\* ------------------------------------------------------------ */
.section-features { padding: 177px 0 32px; background-color: #f3f3f3; }
.section-features .shell { max-width: 1580px; }
@media (max-width: 1430px) {
  .section-features { padding-top: 138px; padding-bottom: 0; }
}
/* Mobile */
@media (max-width: 767px) {
  .section-features { padding-top: 109px; }
}
/* ------------------------------------------------------------ *\
  Section VPS
\* ------------------------------------------------------------ */
.section-vps { padding-top: 131px; }
.section-vps .section__head { text-align: center; margin-bottom: 26px; }
.section-vps .section__body { margin-bottom: 54px; }
.section-vps .section__body,
.section-vps .section__actions { max-width: 1154px; }
.section-vps .section__foot { max-width: 1064px; }
.section-vps .section__actions { margin-top: 50px; max-width: 500px; text-align: center; }
.section-vps .section__actions .btn--blue { min-width: 257px; }
.section-vps .section__actions-inner p { margin-top: 10px; font-size: 20px; color: #616161; }
.section-vps .section__actions-bottom { margin-top: 30px; }
.section-vps .section__actions-bottom ul,
.section-vps .section__actions-bottom ol { font-size: 20px; list-style: none; }
.section-vps .section__actions-bottom a { color: #4717f6; text-decoration: none; }
.section-vps .section__actions-bottom a:hover { color: #0e0a19; }
/*  Large Desktop  */
@media (max-width: 1860px) {

  .section-vps .section__body,
  .section-vps .section__foot,
  .section-vps .section__actions { max-width: 960px; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
  .section-vps { padding-top: 60px; }
}
/* ------------------------------------------------------------ *\
  Section Plans
\* ------------------------------------------------------------ */
.section-plans { margin: 70px 0; }
.section-plans .section__head { margin-bottom: 61px; text-align: center; }
.section-plans .section__head h5 { margin-bottom: 4px; }
/*  Packages  */
.section-plans .packages { max-width: 1323px; }
.section-plans .packages__list { width: calc(100% + 60px); }
/*  Section Foot  */
.section-plans .section-foot { margin-top: 92px; }
/* Small Desktop */
@media (max-width: 1200px) {
  .section-plans .packages__list { width: calc(100% + 30px); }
}
/* Mobile */
@media (max-width: 767px) {
  .section-plans .section__head { margin-bottom: 25px; }

  .section-plans .packages__list { width: 100%; }

  .section-plans .package-secondary ~ .package-secondary { margin-top: 40px; }
}
/* ------------------------------------------------------------ *\
  Section Foot
\* ------------------------------------------------------------ */
.section-foot { margin-top: 92px; }
.section-foot-notice { text-align: center; max-width: 1344px; }
.section-foot-notice p { font-size: 20px; color: #999; }
.section-foot-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1240px; margin-top: 82px; }
.section-foot-main p { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; }
.section-foot-main .icons { margin-right: 30px; }
@media (max-width: 1430px) {
  .section-foot-main .icons { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; }
  .section-foot-main p { -ms-flex-preferred-size: 75%; flex-basis: 75%; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
  .section-foot-main { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px; }
  .section-foot-main .icons { -ms-flex-preferred-size: 5.5%; flex-basis: 5.5%; margin-right: .5%; }
  .section-foot-main p { -ms-flex-preferred-size: 70%; flex-basis: 70%; }
  .section-foot-main p br { display: none; }
}
/* Mobile */
@media (max-width: 767px) {
  .section-foot { margin-top: 30px; }
  .section-foot-notice p { font-size: 14px; }

  .section-foot-main .icons { -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 27px; }
  .section-foot-main p { -ms-flex-preferred-size: 100%; flex-basis: 100%; font-size: 21px; }
}
/* ------------------------------------------------------------ *\
  Section Search
\* ------------------------------------------------------------ */
.section-search { padding-top: 61px; padding-bottom: 206px; }
.section-search .shell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.section-search .section__image { -webkit-box-flex: 0; -ms-flex: 0 1 463px; flex: 0 1 463px; margin-left: -62px; margin-top: 55px; }
.section-search .section__body { -webkit-box-flex: 0; -ms-flex: 0 0 791px; flex: 0 0 791px; margin-right: 50px; margin-top: 181px; }
/* Small Desktop */
@media (max-width: 1200px) {
  .section-search .section__image { margin-left: 0; }
  .section-search .section__body { -ms-flex-negative: 1; flex-shrink: 1; margin-right: 0; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
  .section-search .section__body { margin-top: 135px; }
}
/* Mobile */
@media (max-width: 767px) {
  .section-search { padding-bottom: 90px; }
  .section-search .shell { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .section-search .section__image { text-align: center; margin-top: 0; }
  .section-search .section__image img { max-width: 95%; }

  .section-search .section__body { margin-top: 30px; }
}
/* ------------------------------------------------------------ *\
  Section Search Secondary
\* ------------------------------------------------------------ */
.section-search-secondary { padding: 111px 0 159px; }
.section-search-secondary .shell { max-width: 850px; }
/* Mobile */
@media (max-width: 767px) {
  .section-search-secondary { padding-top: 45px; padding-bottom: 60px; }
}
/* ------------------------------------------------------------ *\
  Section Domains
\* ------------------------------------------------------------ */
.section-domains { padding: 90px 0 153px; background-color: #f3f3f3; }
.section-domains .section__head { margin-bottom: 83px; text-align: center; }
.section-domains .section__head h2 { margin-bottom: 10px; }
/* Mobile */
@media (max-width: 767px) {
  .section-domains .section__head p br { display: none; }
}
/* ------------------------------------------------------------ *\
  Section Prices
\* ------------------------------------------------------------ */
.section-prices { padding: 79px 0 59px; }
.section-prices .shell { max-width: 1172px; }
.section-prices .section__head { margin-bottom: 62px; text-align: center; }
.section-prices .section__head h2 { margin-bottom: 20px; }
.section-prices .section__head p + p { margin-top: 34px; }
.section-prices .section-foot { margin-top: 82px; margin-right: -30px; }
/* Small Desktop */
@media (max-width: 1200px) {
  .section-prices .section-foot { margin-right: 0; }
}
/* Mobile */
@media (max-width: 767px) {
  .section-prices .section__head p br { display: none; }
}
/* ------------------------------------------------------------ *\
  Slider - Swiper
\* ------------------------------------------------------------ */
.swiper-button-prev,
.swiper-button-next { cursor: pointer; }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled { opacity: 0; visibility: hidden; }
/* ------------------------------------------------------------ *\
	Slider Specs
\* ------------------------------------------------------------ */
.slider-specs .slider__slide { overflow: auto; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
.slider-specs .list-specs .list__item { margin-right: 18px; }
.slider-specs .list-specs .list__item:last-child { margin-right: 0; }
/*  Swipe Icon  */
.slider-specs .slider__swipe-indicator { display: none; }
.slider-specs .ico-swipe { display: inline-block; }
/* Tablet Portrait */
@media (max-width: 1023px) {
  .slider-specs .slider__swipe-indicator { display: block; padding: 5px 0; text-align: center; }
  .slider-specs .slider__swipe-indicator svg { width: 50px; height: 50px; }
}
/* ------------------------------------------------------------ *\
  Slider Packages
\* ------------------------------------------------------------ */
.slider-packages { position: relative; }
.slider-packages .packages__nav { position: absolute; top: 50%; left: -26px; right: -26px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 55; }
.slider-packages .packages__nav .swiper-button-prev,
.slider-packages .packages__nav .swiper-button-next { width: 50px; height: 50px; border: 4px solid #171422; border-radius: 50%; background-color: #fff; background-image: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.slider-packages .packages__nav .swiper-button-prev:after,
.slider-packages .packages__nav .swiper-button-next:after { margin-left: 2px; }
.slider-packages .packages__nav .swiper-button-prev:after,
.slider-packages .packages__nav .swiper-button-next:after { position: absolute; top: 50%; left: 50%; width: 17px; height: 29px; background: url(../images/temp/icons/icon_rightarrow_naked.png) center center no-repeat; background-size: contain; content: ''; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.slider-packages .packages__nav .swiper-button-prev { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }
/* Mobile */
@media (max-width: 767px) {
  .slider-packages { overflow: visible; }
}
/* ------------------------------------------------------------ *\
  Spec
\* ------------------------------------------------------------ */
.spec { padding: 16px 0; }
.spec .spec__image { display: -webkit-box; display: -ms-flexbox; display: flex; height: 80px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 6px; }
.spec .spec__image img { height: 100%; width: auto; }
.spec .spec__image figure { height: 64px; }
.spec .spec__image--download figure { height: 59px; }
.spec .spec__image--linux figure { height: 76px; }
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Table Prices
\* ------------------------------------------------------------ */
.table-prices { overflow: hidden; border-radius: 20px; font-size: 20px; text-align: center; border: 4px solid #171422; }
.table-prices th { height: 67px; border-bottom: 4px solid #171422; background-color: #4717f6; color: #fff; font-weight: normal; }
.table-prices td { height: 54px; }
.table-prices td h6 { font-size: 20px; color: #4717f6; font-weight: 400; }
.table-prices tbody tr:first-child td { height: 63px; }
.table-prices tbody tr:last-child td { height: 66px; }
.table-prices tbody tr:nth-child(even) td { background-color: #f3f3f3; }
.table-prices tbody tr:nth-child(odd) td { background-color: #fff; }
/* Mobile */
@media (max-width: 767px) {
  .table-prices { overflow: auto; }
  .table-prices table { min-width: 500px; overflow: hidden; }
}
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Themes
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Adam Custom
\* ------------------------------------------------------------ */

.save { color: #ff0000; font-weight: 700; }
.now { font-size:18px; }
.old-price { font-size:18px; text-decoration:line-through; margin-bottom:23px; }
.price { color:#4717f6; font-size:26px; }
.vps-margins { margin-left:20px; margin-right:20px; }
.vps-order-btn { text-align:center; }
.vps-btn { min-width:220px; }