@font-face {
  font-family: 'AvertaStd';
  src: url("../fonts/AvertaStdPE-Thin/font.woff2") format("woff2"), url("../fonts/AvertaStdPE-Thin/font.woff") format("woff");
  font-weight: 200; }

@font-face {
  font-family: 'AvertaStd';
  src: url("../fonts/AvertaStdPE-Light/font.woff2") format("woff2"), url("../fonts/AvertaStdPE-Light/font.woff") format("woff");
  font-weight: 300; }

@font-face {
  font-family: 'AvertaStd';
  src: url("../fonts/AvertaStdPE-Regular/font.woff2") format("woff2"), url("../fonts/AvertaStdPE-Regular/font.woff") format("woff");
  font-weight: 400; }

@font-face {
  font-family: 'AvertaStd';
  src: url("../fonts/AvertaStdPE-Semibold/font.woff2") format("woff2"), url("../fonts/AvertaStdPE-Semibold/font.woff") format("woff");
  font-weight: 600; }

@font-face {
  font-family: 'AvertaStd';
  src: url("../fonts/AvertaStdPE-Bold/font.woff2") format("woff2"), url("../fonts/AvertaStdPE-Bold/font.woff") format("woff");
  font-weight: 700; }

@font-face {
  font-family: 'AvertaStd';
  src: url("../fonts/AvertaStdPE-Extrabold/font.woff2") format("woff2"), url("../fonts/AvertaStdPE-Extrabold/font.woff") format("woff");
  font-weight: 800; }

@font-face {
  font-family: 'AvertaStd';
  src: url("../fonts/AvertaStdPE-Black/font.woff2") format("woff2"), url("../fonts/AvertaStdPE-Black/font.woff") format("woff");
  font-weight: 900; }

/* Border Radius */
/*
*******************************************
Colors - Base
*******************************************
*/
/*
*******************************************
Colors - Gradient Angles
*******************************************
*/
/*
*******************************************
Colors - Variants
*******************************************
*/
/*
*******************************************
Colors - Theme Colors - Used in badges, buttons, labels
*******************************************
*/
/*
*******************************************
Colors - Status Colors - Used in alerts
*******************************************
*/
/*
*******************************************
Colors - Bacground Colors
*******************************************
*/
/*
*******************************************
Breakpoints
*******************************************
*/
/*
$breakpoints:                  (
  xs:    0,
  sm:    614px,
  md:    752px,
  lg:    1012px,
  xlg:   1232px
);
*/
/*
*******************************************
Box Shadow
*******************************************
*/
/*
*******************************************
Border Radius
*******************************************
*/
/*
*******************************************
Border
*******************************************
*/
/*
*******************************************
Box
*******************************************
*/
/*
*******************************************
Font - Colors
*******************************************
*/
/*
*******************************************
Font Sizes - Desktop
*******************************************
*/
/*
*******************************************
Font Sizes - Tablet Horizontal
*******************************************
*/
/*
*******************************************
Font Sizes - Tablet Vertical
*******************************************
*/
/*
*******************************************
Font Sizes - Mobile 
*******************************************
*/
/*
*******************************************
UI Elements - Desktop
*******************************************
*/
/*
*******************************************
UI Elements - Tablet Horizontal
*******************************************
*/
/*
*******************************************
UI Elements - Tablet Vertical
*******************************************
*/
/*
*******************************************
UI Elements - Mobile
*******************************************
*/
/*
*******************************************
Forms Sizes - Desktop
*******************************************
*/
/*
*******************************************
Forms Sizes - Tablet Horizontal
*******************************************
*/
/*
*******************************************
Forms Sizes - Tablet Vertical
*******************************************
*/
/*
*******************************************
Forms Sizes - Mobile
*******************************************
*/
/*
*******************************************
Forms - Colors
*******************************************
*/
/*
*******************************************
Buttons - Desktop
*******************************************
*/
/*
*******************************************
Buttons - Tablet Horizontal
*******************************************
*/
/*
*******************************************
Buttons - Tablet Vertical
*******************************************
*/
/*
*******************************************
Buttons - Mobile
*******************************************
*/
/*
*******************************************
Buttons - Rounded
*******************************************
*/
/*
*******************************************
Buttons - Colors
*******************************************
*/
/*
*******************************************
Buttons - Min Width
*******************************************
*/
/*
*******************************************
Banner
*******************************************
*/
/*
*******************************************
Sections
*******************************************
*/
/*
*******************************************
Feature Spacing
*******************************************
*/
/* Border Radius */
.is-hidden-xs-up {
  display: none !important; }

@media (max-width: 513px) {
  .is-hidden-xs-down {
    display: none !important; } }

@media (min-width: 514px) {
  .is-hidden-sm-up {
    display: none !important; } }

@media (max-width: 751px) {
  .is-hidden-sm-down {
    display: none !important; } }

@media (min-width: 752px) {
  .is-hidden-md-up {
    display: none !important; } }

@media (max-width: 1011px) {
  .is-hidden-md-down {
    display: none !important; } }

@media (min-width: 1012px) {
  .is-hidden-lg-up {
    display: none !important; } }

@media (max-width: 1387px) {
  .is-hidden-lg-down {
    display: none !important; } }

@media (min-width: 1388px) {
  .is-hidden-xl-up {
    display: none !important; } }

.is-hidden-xl-down {
  display: none !important; }

@media (min-width: 1012px) {
  .is-hidden-responsive-up {
    display: none !important; } }

@media (max-width: 1011px) {
  .is-hidden-responsive-down {
    display: none !important; } }

@media (min-width: 752px) {
  .is-hidden-mob-up {
    display: none !important; } }

@media (max-width: 751px) {
  .is-hidden-mob-down {
    display: none !important; } }

.m-h-a {
  margin-left: auto !important;
  margin-right: auto !important; }

.m-l-a {
  margin-left: auto !important; }

.m-r-a {
  margin-right: auto !important; }

.m-v-0x {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.m-h-0x {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.m-t-0x {
  margin-top: 0 !important; }

.m-r-0x {
  margin-right: 0 !important; }

.m-b-0x {
  margin-bottom: 0 !important; }

.m-l-0x {
  margin-left: 0 !important; }

.m-0x {
  margin: 0 !important; }

.p-v-0x {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.p-h-0x {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.p-t-0x {
  padding-top: 0 !important; }

.p-r-0x {
  padding-right: 0 !important; }

.p-b-0x {
  padding-bottom: 0 !important; }

.p-l-0x {
  padding-left: 0 !important; }

.p-0x {
  padding: 0 !important; }

.m-v-1x {
  margin-top: 8px !important;
  margin-bottom: 8px !important; }

.m-h-1x {
  margin-left: 8px !important;
  margin-right: 8px !important; }

.m-t-1x {
  margin-top: 8px !important; }

.m-r-1x {
  margin-right: 8px !important; }

.m-b-1x {
  margin-bottom: 8px !important; }

.m-l-1x {
  margin-left: 8px !important; }

.m-1x {
  margin: 8px !important; }

.p-v-1x {
  padding-top: 8px !important;
  padding-bottom: 8px !important; }

.p-h-1x {
  padding-left: 8px !important;
  padding-right: 8px !important; }

.p-t-1x {
  padding-top: 8px !important; }

.p-r-1x {
  padding-right: 8px !important; }

.p-b-1x {
  padding-bottom: 8px !important; }

.p-l-1x {
  padding-left: 8px !important; }

.p-1x {
  padding: 8px !important; }

.m-v-2x {
  margin-top: 16px !important;
  margin-bottom: 16px !important; }

.m-h-2x {
  margin-left: 16px !important;
  margin-right: 16px !important; }

.m-t-2x {
  margin-top: 16px !important; }

.m-r-2x {
  margin-right: 16px !important; }

.m-b-2x {
  margin-bottom: 16px !important; }

.m-l-2x {
  margin-left: 16px !important; }

.m-2x {
  margin: 16px !important; }

.p-v-2x {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }

.p-h-2x {
  padding-left: 16px !important;
  padding-right: 16px !important; }

.p-t-2x {
  padding-top: 16px !important; }

.p-r-2x {
  padding-right: 16px !important; }

.p-b-2x {
  padding-bottom: 16px !important; }

.p-l-2x {
  padding-left: 16px !important; }

.p-2x {
  padding: 16px !important; }

.m-v-3x {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

.m-h-3x {
  margin-left: 24px !important;
  margin-right: 24px !important; }

.m-t-3x {
  margin-top: 24px !important; }

.m-r-3x {
  margin-right: 24px !important; }

.m-b-3x {
  margin-bottom: 24px !important; }

.m-l-3x {
  margin-left: 24px !important; }

.m-3x {
  margin: 24px !important; }

.p-v-3x {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

.p-h-3x {
  padding-left: 24px !important;
  padding-right: 24px !important; }

.p-t-3x {
  padding-top: 24px !important; }

.p-r-3x {
  padding-right: 24px !important; }

.p-b-3x {
  padding-bottom: 24px !important; }

.p-l-3x {
  padding-left: 24px !important; }

.p-3x {
  padding: 24px !important; }

.m-v-4x {
  margin-top: 32px !important;
  margin-bottom: 32px !important; }

.m-h-4x {
  margin-left: 32px !important;
  margin-right: 32px !important; }

.m-t-4x {
  margin-top: 32px !important; }

.m-r-4x {
  margin-right: 32px !important; }

.m-b-4x {
  margin-bottom: 32px !important; }

.m-l-4x {
  margin-left: 32px !important; }

.m-4x {
  margin: 32px !important; }

.p-v-4x {
  padding-top: 32px !important;
  padding-bottom: 32px !important; }

.p-h-4x {
  padding-left: 32px !important;
  padding-right: 32px !important; }

.p-t-4x {
  padding-top: 32px !important; }

.p-r-4x {
  padding-right: 32px !important; }

.p-b-4x {
  padding-bottom: 32px !important; }

.p-l-4x {
  padding-left: 32px !important; }

.p-4x {
  padding: 32px !important; }

.m-v-5x {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

.m-h-5x {
  margin-left: 40px !important;
  margin-right: 40px !important; }

.m-t-5x {
  margin-top: 40px !important; }

.m-r-5x {
  margin-right: 40px !important; }

.m-b-5x {
  margin-bottom: 40px !important; }

.m-l-5x {
  margin-left: 40px !important; }

.m-5x {
  margin: 40px !important; }

.p-v-5x {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }

.p-h-5x {
  padding-left: 40px !important;
  padding-right: 40px !important; }

.p-t-5x {
  padding-top: 40px !important; }

.p-r-5x {
  padding-right: 40px !important; }

.p-b-5x {
  padding-bottom: 40px !important; }

.p-l-5x {
  padding-left: 40px !important; }

.p-5x {
  padding: 40px !important; }

.m-v-6x {
  margin-top: 48px !important;
  margin-bottom: 48px !important; }

.m-h-6x {
  margin-left: 48px !important;
  margin-right: 48px !important; }

.m-t-6x {
  margin-top: 48px !important; }

.m-r-6x {
  margin-right: 48px !important; }

.m-b-6x {
  margin-bottom: 48px !important; }

.m-l-6x {
  margin-left: 48px !important; }

.m-6x {
  margin: 48px !important; }

.p-v-6x {
  padding-top: 48px !important;
  padding-bottom: 48px !important; }

.p-h-6x {
  padding-left: 48px !important;
  padding-right: 48px !important; }

.p-t-6x {
  padding-top: 48px !important; }

.p-r-6x {
  padding-right: 48px !important; }

.p-b-6x {
  padding-bottom: 48px !important; }

.p-l-6x {
  padding-left: 48px !important; }

.p-6x {
  padding: 48px !important; }

.m-v-7x {
  margin-top: 56px !important;
  margin-bottom: 56px !important; }

.m-h-7x {
  margin-left: 56px !important;
  margin-right: 56px !important; }

.m-t-7x {
  margin-top: 56px !important; }

.m-r-7x {
  margin-right: 56px !important; }

.m-b-7x {
  margin-bottom: 56px !important; }

.m-l-7x {
  margin-left: 56px !important; }

.m-7x {
  margin: 56px !important; }

.p-v-7x {
  padding-top: 56px !important;
  padding-bottom: 56px !important; }

.p-h-7x {
  padding-left: 56px !important;
  padding-right: 56px !important; }

.p-t-7x {
  padding-top: 56px !important; }

.p-r-7x {
  padding-right: 56px !important; }

.p-b-7x {
  padding-bottom: 56px !important; }

.p-l-7x {
  padding-left: 56px !important; }

.p-7x {
  padding: 56px !important; }

.m-v-8x {
  margin-top: 64px !important;
  margin-bottom: 64px !important; }

.m-h-8x {
  margin-left: 64px !important;
  margin-right: 64px !important; }

.m-t-8x {
  margin-top: 64px !important; }

.m-r-8x {
  margin-right: 64px !important; }

.m-b-8x {
  margin-bottom: 64px !important; }

.m-l-8x {
  margin-left: 64px !important; }

.m-8x {
  margin: 64px !important; }

.p-v-8x {
  padding-top: 64px !important;
  padding-bottom: 64px !important; }

.p-h-8x {
  padding-left: 64px !important;
  padding-right: 64px !important; }

.p-t-8x {
  padding-top: 64px !important; }

.p-r-8x {
  padding-right: 64px !important; }

.p-b-8x {
  padding-bottom: 64px !important; }

.p-l-8x {
  padding-left: 64px !important; }

.p-8x {
  padding: 64px !important; }

.m-v-9x {
  margin-top: 72px !important;
  margin-bottom: 72px !important; }

.m-h-9x {
  margin-left: 72px !important;
  margin-right: 72px !important; }

.m-t-9x {
  margin-top: 72px !important; }

.m-r-9x {
  margin-right: 72px !important; }

.m-b-9x {
  margin-bottom: 72px !important; }

.m-l-9x {
  margin-left: 72px !important; }

.m-9x {
  margin: 72px !important; }

.p-v-9x {
  padding-top: 72px !important;
  padding-bottom: 72px !important; }

.p-h-9x {
  padding-left: 72px !important;
  padding-right: 72px !important; }

.p-t-9x {
  padding-top: 72px !important; }

.p-r-9x {
  padding-right: 72px !important; }

.p-b-9x {
  padding-bottom: 72px !important; }

.p-l-9x {
  padding-left: 72px !important; }

.p-9x {
  padding: 72px !important; }

.m-v-10x {
  margin-top: 80px !important;
  margin-bottom: 80px !important; }

.m-h-10x {
  margin-left: 80px !important;
  margin-right: 80px !important; }

.m-t-10x {
  margin-top: 80px !important; }

.m-r-10x {
  margin-right: 80px !important; }

.m-b-10x {
  margin-bottom: 80px !important; }

.m-l-10x {
  margin-left: 80px !important; }

.m-10x {
  margin: 80px !important; }

.p-v-10x {
  padding-top: 80px !important;
  padding-bottom: 80px !important; }

.p-h-10x {
  padding-left: 80px !important;
  padding-right: 80px !important; }

.p-t-10x {
  padding-top: 80px !important; }

.p-r-10x {
  padding-right: 80px !important; }

.p-b-10x {
  padding-bottom: 80px !important; }

.p-l-10x {
  padding-left: 80px !important; }

.p-10x {
  padding: 80px !important; }

.m-v-11x {
  margin-top: 88px !important;
  margin-bottom: 88px !important; }

.m-h-11x {
  margin-left: 88px !important;
  margin-right: 88px !important; }

.m-t-11x {
  margin-top: 88px !important; }

.m-r-11x {
  margin-right: 88px !important; }

.m-b-11x {
  margin-bottom: 88px !important; }

.m-l-11x {
  margin-left: 88px !important; }

.m-11x {
  margin: 88px !important; }

.p-v-11x {
  padding-top: 88px !important;
  padding-bottom: 88px !important; }

.p-h-11x {
  padding-left: 88px !important;
  padding-right: 88px !important; }

.p-t-11x {
  padding-top: 88px !important; }

.p-r-11x {
  padding-right: 88px !important; }

.p-b-11x {
  padding-bottom: 88px !important; }

.p-l-11x {
  padding-left: 88px !important; }

.p-11x {
  padding: 88px !important; }

.m-v-12x {
  margin-top: 96px !important;
  margin-bottom: 96px !important; }

.m-h-12x {
  margin-left: 96px !important;
  margin-right: 96px !important; }

.m-t-12x {
  margin-top: 96px !important; }

.m-r-12x {
  margin-right: 96px !important; }

.m-b-12x {
  margin-bottom: 96px !important; }

.m-l-12x {
  margin-left: 96px !important; }

.m-12x {
  margin: 96px !important; }

.p-v-12x {
  padding-top: 96px !important;
  padding-bottom: 96px !important; }

.p-h-12x {
  padding-left: 96px !important;
  padding-right: 96px !important; }

.p-t-12x {
  padding-top: 96px !important; }

.p-r-12x {
  padding-right: 96px !important; }

.p-b-12x {
  padding-bottom: 96px !important; }

.p-l-12x {
  padding-left: 96px !important; }

.p-12x {
  padding: 96px !important; }

.m-v-13x {
  margin-top: 104px !important;
  margin-bottom: 104px !important; }

.m-h-13x {
  margin-left: 104px !important;
  margin-right: 104px !important; }

.m-t-13x {
  margin-top: 104px !important; }

.m-r-13x {
  margin-right: 104px !important; }

.m-b-13x {
  margin-bottom: 104px !important; }

.m-l-13x {
  margin-left: 104px !important; }

.m-13x {
  margin: 104px !important; }

.p-v-13x {
  padding-top: 104px !important;
  padding-bottom: 104px !important; }

.p-h-13x {
  padding-left: 104px !important;
  padding-right: 104px !important; }

.p-t-13x {
  padding-top: 104px !important; }

.p-r-13x {
  padding-right: 104px !important; }

.p-b-13x {
  padding-bottom: 104px !important; }

.p-l-13x {
  padding-left: 104px !important; }

.p-13x {
  padding: 104px !important; }

.m-v-14x {
  margin-top: 112px !important;
  margin-bottom: 112px !important; }

.m-h-14x {
  margin-left: 112px !important;
  margin-right: 112px !important; }

.m-t-14x {
  margin-top: 112px !important; }

.m-r-14x {
  margin-right: 112px !important; }

.m-b-14x {
  margin-bottom: 112px !important; }

.m-l-14x {
  margin-left: 112px !important; }

.m-14x {
  margin: 112px !important; }

.p-v-14x {
  padding-top: 112px !important;
  padding-bottom: 112px !important; }

.p-h-14x {
  padding-left: 112px !important;
  padding-right: 112px !important; }

.p-t-14x {
  padding-top: 112px !important; }

.p-r-14x {
  padding-right: 112px !important; }

.p-b-14x {
  padding-bottom: 112px !important; }

.p-l-14x {
  padding-left: 112px !important; }

.p-14x {
  padding: 112px !important; }

.m-v-15x {
  margin-top: 120px !important;
  margin-bottom: 120px !important; }

.m-h-15x {
  margin-left: 120px !important;
  margin-right: 120px !important; }

.m-t-15x {
  margin-top: 120px !important; }

.m-r-15x {
  margin-right: 120px !important; }

.m-b-15x {
  margin-bottom: 120px !important; }

.m-l-15x {
  margin-left: 120px !important; }

.m-15x {
  margin: 120px !important; }

.p-v-15x {
  padding-top: 120px !important;
  padding-bottom: 120px !important; }

.p-h-15x {
  padding-left: 120px !important;
  padding-right: 120px !important; }

.p-t-15x {
  padding-top: 120px !important; }

.p-r-15x {
  padding-right: 120px !important; }

.p-b-15x {
  padding-bottom: 120px !important; }

.p-l-15x {
  padding-left: 120px !important; }

.p-15x {
  padding: 120px !important; }

.m-v-16x {
  margin-top: 128px !important;
  margin-bottom: 128px !important; }

.m-h-16x {
  margin-left: 128px !important;
  margin-right: 128px !important; }

.m-t-16x {
  margin-top: 128px !important; }

.m-r-16x {
  margin-right: 128px !important; }

.m-b-16x {
  margin-bottom: 128px !important; }

.m-l-16x {
  margin-left: 128px !important; }

.m-16x {
  margin: 128px !important; }

.p-v-16x {
  padding-top: 128px !important;
  padding-bottom: 128px !important; }

.p-h-16x {
  padding-left: 128px !important;
  padding-right: 128px !important; }

.p-t-16x {
  padding-top: 128px !important; }

.p-r-16x {
  padding-right: 128px !important; }

.p-b-16x {
  padding-bottom: 128px !important; }

.p-l-16x {
  padding-left: 128px !important; }

.p-16x {
  padding: 128px !important; }

.neg-m-t-0x {
  margin-top: 0 !important; }

.neg-m-b-0x {
  margin-bottom: 0 !important; }

.neg-m-h-0x {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.neg-m-t-1x {
  margin-top: -8px !important; }

.neg-m-b-1x {
  margin-bottom: -8px !important; }

.neg-m-h-1x {
  margin-left: -8px !important;
  margin-right: -8px !important; }

.neg-m-t-2x {
  margin-top: -16px !important; }

.neg-m-b-2x {
  margin-bottom: -16px !important; }

.neg-m-h-2x {
  margin-left: -16px !important;
  margin-right: -16px !important; }

.neg-m-t-3x {
  margin-top: -24px !important; }

.neg-m-b-3x {
  margin-bottom: -24px !important; }

.neg-m-h-3x {
  margin-left: -24px !important;
  margin-right: -24px !important; }

.neg-m-t-4x {
  margin-top: -32px !important; }

.neg-m-b-4x {
  margin-bottom: -32px !important; }

.neg-m-h-4x {
  margin-left: -32px !important;
  margin-right: -32px !important; }

.neg-m-t-5x {
  margin-top: -40px !important; }

.neg-m-b-5x {
  margin-bottom: -40px !important; }

.neg-m-h-5x {
  margin-left: -40px !important;
  margin-right: -40px !important; }

.neg-m-t-6x {
  margin-top: -48px !important; }

.neg-m-b-6x {
  margin-bottom: -48px !important; }

.neg-m-h-6x {
  margin-left: -48px !important;
  margin-right: -48px !important; }

.neg-m-t-7x {
  margin-top: -56px !important; }

.neg-m-b-7x {
  margin-bottom: -56px !important; }

.neg-m-h-7x {
  margin-left: -56px !important;
  margin-right: -56px !important; }

.neg-m-t-8x {
  margin-top: -64px !important; }

.neg-m-b-8x {
  margin-bottom: -64px !important; }

.neg-m-h-8x {
  margin-left: -64px !important;
  margin-right: -64px !important; }

.neg-m-t-9x {
  margin-top: -72px !important; }

.neg-m-b-9x {
  margin-bottom: -72px !important; }

.neg-m-h-9x {
  margin-left: -72px !important;
  margin-right: -72px !important; }

.neg-m-t-10x {
  margin-top: -80px !important; }

.neg-m-b-10x {
  margin-bottom: -80px !important; }

.neg-m-h-10x {
  margin-left: -80px !important;
  margin-right: -80px !important; }

.neg-m-t-11x {
  margin-top: -88px !important; }

.neg-m-b-11x {
  margin-bottom: -88px !important; }

.neg-m-h-11x {
  margin-left: -88px !important;
  margin-right: -88px !important; }

.neg-m-t-12x {
  margin-top: -96px !important; }

.neg-m-b-12x {
  margin-bottom: -96px !important; }

.neg-m-h-12x {
  margin-left: -96px !important;
  margin-right: -96px !important; }

.neg-m-t-13x {
  margin-top: -104px !important; }

.neg-m-b-13x {
  margin-bottom: -104px !important; }

.neg-m-h-13x {
  margin-left: -104px !important;
  margin-right: -104px !important; }

.neg-m-t-14x {
  margin-top: -112px !important; }

.neg-m-b-14x {
  margin-bottom: -112px !important; }

.neg-m-h-14x {
  margin-left: -112px !important;
  margin-right: -112px !important; }

.neg-m-t-15x {
  margin-top: -120px !important; }

.neg-m-b-15x {
  margin-bottom: -120px !important; }

.neg-m-h-15x {
  margin-left: -120px !important;
  margin-right: -120px !important; }

.neg-m-t-16x {
  margin-top: -128px !important; }

.neg-m-b-16x {
  margin-bottom: -128px !important; }

.neg-m-h-16x {
  margin-left: -128px !important;
  margin-right: -128px !important; }

@media (max-width: 751px) {
  .mob-m-v-0x {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .mob-m-h-0x {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mob-m-t-0x {
    margin-top: 0 !important; }
  .mob-m-r-0x {
    margin-right: 0 !important; }
  .mob-m-b-0x {
    margin-bottom: 0 !important; }
  .mob-m-l-0x {
    margin-left: 0 !important; }
  .mob-m-0x {
    margin: 0 !important; }
  .mob-p-v-0x {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .mob-p-h-0x {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .mob-p-t-0x {
    padding-top: 0 !important; }
  .mob-p-r-0x {
    padding-right: 0 !important; }
  .mob-p-b-0x {
    padding-bottom: 0 !important; }
  .mob-p-l-0x {
    padding-left: 0 !important; }
  .mob-p-0x {
    padding: 0 !important; }
  .mob-m-v-1x {
    margin-top: 8px !important;
    margin-bottom: 8px !important; }
  .mob-m-h-1x {
    margin-left: 8px !important;
    margin-right: 8px !important; }
  .mob-m-t-1x {
    margin-top: 8px !important; }
  .mob-m-r-1x {
    margin-right: 8px !important; }
  .mob-m-b-1x {
    margin-bottom: 8px !important; }
  .mob-m-l-1x {
    margin-left: 8px !important; }
  .mob-m-1x {
    margin: 8px !important; }
  .mob-p-v-1x {
    padding-top: 8px !important;
    padding-bottom: 8px !important; }
  .mob-p-h-1x {
    padding-left: 8px !important;
    padding-right: 8px !important; }
  .mob-p-t-1x {
    padding-top: 8px !important; }
  .mob-p-r-1x {
    padding-right: 8px !important; }
  .mob-p-b-1x {
    padding-bottom: 8px !important; }
  .mob-p-l-1x {
    padding-left: 8px !important; }
  .mob-p-1x {
    padding: 8px !important; }
  .mob-m-v-2x {
    margin-top: 16px !important;
    margin-bottom: 16px !important; }
  .mob-m-h-2x {
    margin-left: 16px !important;
    margin-right: 16px !important; }
  .mob-m-t-2x {
    margin-top: 16px !important; }
  .mob-m-r-2x {
    margin-right: 16px !important; }
  .mob-m-b-2x {
    margin-bottom: 16px !important; }
  .mob-m-l-2x {
    margin-left: 16px !important; }
  .mob-m-2x {
    margin: 16px !important; }
  .mob-p-v-2x {
    padding-top: 16px !important;
    padding-bottom: 16px !important; }
  .mob-p-h-2x {
    padding-left: 16px !important;
    padding-right: 16px !important; }
  .mob-p-t-2x {
    padding-top: 16px !important; }
  .mob-p-r-2x {
    padding-right: 16px !important; }
  .mob-p-b-2x {
    padding-bottom: 16px !important; }
  .mob-p-l-2x {
    padding-left: 16px !important; }
  .mob-p-2x {
    padding: 16px !important; }
  .mob-m-v-3x {
    margin-top: 24px !important;
    margin-bottom: 24px !important; }
  .mob-m-h-3x {
    margin-left: 24px !important;
    margin-right: 24px !important; }
  .mob-m-t-3x {
    margin-top: 24px !important; }
  .mob-m-r-3x {
    margin-right: 24px !important; }
  .mob-m-b-3x {
    margin-bottom: 24px !important; }
  .mob-m-l-3x {
    margin-left: 24px !important; }
  .mob-m-3x {
    margin: 24px !important; }
  .mob-p-v-3x {
    padding-top: 24px !important;
    padding-bottom: 24px !important; }
  .mob-p-h-3x {
    padding-left: 24px !important;
    padding-right: 24px !important; }
  .mob-p-t-3x {
    padding-top: 24px !important; }
  .mob-p-r-3x {
    padding-right: 24px !important; }
  .mob-p-b-3x {
    padding-bottom: 24px !important; }
  .mob-p-l-3x {
    padding-left: 24px !important; }
  .mob-p-3x {
    padding: 24px !important; }
  .mob-m-v-4x {
    margin-top: 32px !important;
    margin-bottom: 32px !important; }
  .mob-m-h-4x {
    margin-left: 32px !important;
    margin-right: 32px !important; }
  .mob-m-t-4x {
    margin-top: 32px !important; }
  .mob-m-r-4x {
    margin-right: 32px !important; }
  .mob-m-b-4x {
    margin-bottom: 32px !important; }
  .mob-m-l-4x {
    margin-left: 32px !important; }
  .mob-m-4x {
    margin: 32px !important; }
  .mob-p-v-4x {
    padding-top: 32px !important;
    padding-bottom: 32px !important; }
  .mob-p-h-4x {
    padding-left: 32px !important;
    padding-right: 32px !important; }
  .mob-p-t-4x {
    padding-top: 32px !important; }
  .mob-p-r-4x {
    padding-right: 32px !important; }
  .mob-p-b-4x {
    padding-bottom: 32px !important; }
  .mob-p-l-4x {
    padding-left: 32px !important; }
  .mob-p-4x {
    padding: 32px !important; }
  .mob-m-v-5x {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }
  .mob-m-h-5x {
    margin-left: 40px !important;
    margin-right: 40px !important; }
  .mob-m-t-5x {
    margin-top: 40px !important; }
  .mob-m-r-5x {
    margin-right: 40px !important; }
  .mob-m-b-5x {
    margin-bottom: 40px !important; }
  .mob-m-l-5x {
    margin-left: 40px !important; }
  .mob-m-5x {
    margin: 40px !important; }
  .mob-p-v-5x {
    padding-top: 40px !important;
    padding-bottom: 40px !important; }
  .mob-p-h-5x {
    padding-left: 40px !important;
    padding-right: 40px !important; }
  .mob-p-t-5x {
    padding-top: 40px !important; }
  .mob-p-r-5x {
    padding-right: 40px !important; }
  .mob-p-b-5x {
    padding-bottom: 40px !important; }
  .mob-p-l-5x {
    padding-left: 40px !important; }
  .mob-p-5x {
    padding: 40px !important; }
  .mob-m-v-6x {
    margin-top: 48px !important;
    margin-bottom: 48px !important; }
  .mob-m-h-6x {
    margin-left: 48px !important;
    margin-right: 48px !important; }
  .mob-m-t-6x {
    margin-top: 48px !important; }
  .mob-m-r-6x {
    margin-right: 48px !important; }
  .mob-m-b-6x {
    margin-bottom: 48px !important; }
  .mob-m-l-6x {
    margin-left: 48px !important; }
  .mob-m-6x {
    margin: 48px !important; }
  .mob-p-v-6x {
    padding-top: 48px !important;
    padding-bottom: 48px !important; }
  .mob-p-h-6x {
    padding-left: 48px !important;
    padding-right: 48px !important; }
  .mob-p-t-6x {
    padding-top: 48px !important; }
  .mob-p-r-6x {
    padding-right: 48px !important; }
  .mob-p-b-6x {
    padding-bottom: 48px !important; }
  .mob-p-l-6x {
    padding-left: 48px !important; }
  .mob-p-6x {
    padding: 48px !important; }
  .mob-m-v-7x {
    margin-top: 56px !important;
    margin-bottom: 56px !important; }
  .mob-m-h-7x {
    margin-left: 56px !important;
    margin-right: 56px !important; }
  .mob-m-t-7x {
    margin-top: 56px !important; }
  .mob-m-r-7x {
    margin-right: 56px !important; }
  .mob-m-b-7x {
    margin-bottom: 56px !important; }
  .mob-m-l-7x {
    margin-left: 56px !important; }
  .mob-m-7x {
    margin: 56px !important; }
  .mob-p-v-7x {
    padding-top: 56px !important;
    padding-bottom: 56px !important; }
  .mob-p-h-7x {
    padding-left: 56px !important;
    padding-right: 56px !important; }
  .mob-p-t-7x {
    padding-top: 56px !important; }
  .mob-p-r-7x {
    padding-right: 56px !important; }
  .mob-p-b-7x {
    padding-bottom: 56px !important; }
  .mob-p-l-7x {
    padding-left: 56px !important; }
  .mob-p-7x {
    padding: 56px !important; }
  .mob-m-v-8x {
    margin-top: 64px !important;
    margin-bottom: 64px !important; }
  .mob-m-h-8x {
    margin-left: 64px !important;
    margin-right: 64px !important; }
  .mob-m-t-8x {
    margin-top: 64px !important; }
  .mob-m-r-8x {
    margin-right: 64px !important; }
  .mob-m-b-8x {
    margin-bottom: 64px !important; }
  .mob-m-l-8x {
    margin-left: 64px !important; }
  .mob-m-8x {
    margin: 64px !important; }
  .mob-p-v-8x {
    padding-top: 64px !important;
    padding-bottom: 64px !important; }
  .mob-p-h-8x {
    padding-left: 64px !important;
    padding-right: 64px !important; }
  .mob-p-t-8x {
    padding-top: 64px !important; }
  .mob-p-r-8x {
    padding-right: 64px !important; }
  .mob-p-b-8x {
    padding-bottom: 64px !important; }
  .mob-p-l-8x {
    padding-left: 64px !important; }
  .mob-p-8x {
    padding: 64px !important; }
  .mob-m-v-9x {
    margin-top: 72px !important;
    margin-bottom: 72px !important; }
  .mob-m-h-9x {
    margin-left: 72px !important;
    margin-right: 72px !important; }
  .mob-m-t-9x {
    margin-top: 72px !important; }
  .mob-m-r-9x {
    margin-right: 72px !important; }
  .mob-m-b-9x {
    margin-bottom: 72px !important; }
  .mob-m-l-9x {
    margin-left: 72px !important; }
  .mob-m-9x {
    margin: 72px !important; }
  .mob-p-v-9x {
    padding-top: 72px !important;
    padding-bottom: 72px !important; }
  .mob-p-h-9x {
    padding-left: 72px !important;
    padding-right: 72px !important; }
  .mob-p-t-9x {
    padding-top: 72px !important; }
  .mob-p-r-9x {
    padding-right: 72px !important; }
  .mob-p-b-9x {
    padding-bottom: 72px !important; }
  .mob-p-l-9x {
    padding-left: 72px !important; }
  .mob-p-9x {
    padding: 72px !important; }
  .mob-m-v-10x {
    margin-top: 80px !important;
    margin-bottom: 80px !important; }
  .mob-m-h-10x {
    margin-left: 80px !important;
    margin-right: 80px !important; }
  .mob-m-t-10x {
    margin-top: 80px !important; }
  .mob-m-r-10x {
    margin-right: 80px !important; }
  .mob-m-b-10x {
    margin-bottom: 80px !important; }
  .mob-m-l-10x {
    margin-left: 80px !important; }
  .mob-m-10x {
    margin: 80px !important; }
  .mob-p-v-10x {
    padding-top: 80px !important;
    padding-bottom: 80px !important; }
  .mob-p-h-10x {
    padding-left: 80px !important;
    padding-right: 80px !important; }
  .mob-p-t-10x {
    padding-top: 80px !important; }
  .mob-p-r-10x {
    padding-right: 80px !important; }
  .mob-p-b-10x {
    padding-bottom: 80px !important; }
  .mob-p-l-10x {
    padding-left: 80px !important; }
  .mob-p-10x {
    padding: 80px !important; }
  .mob-m-v-11x {
    margin-top: 88px !important;
    margin-bottom: 88px !important; }
  .mob-m-h-11x {
    margin-left: 88px !important;
    margin-right: 88px !important; }
  .mob-m-t-11x {
    margin-top: 88px !important; }
  .mob-m-r-11x {
    margin-right: 88px !important; }
  .mob-m-b-11x {
    margin-bottom: 88px !important; }
  .mob-m-l-11x {
    margin-left: 88px !important; }
  .mob-m-11x {
    margin: 88px !important; }
  .mob-p-v-11x {
    padding-top: 88px !important;
    padding-bottom: 88px !important; }
  .mob-p-h-11x {
    padding-left: 88px !important;
    padding-right: 88px !important; }
  .mob-p-t-11x {
    padding-top: 88px !important; }
  .mob-p-r-11x {
    padding-right: 88px !important; }
  .mob-p-b-11x {
    padding-bottom: 88px !important; }
  .mob-p-l-11x {
    padding-left: 88px !important; }
  .mob-p-11x {
    padding: 88px !important; }
  .mob-m-v-12x {
    margin-top: 96px !important;
    margin-bottom: 96px !important; }
  .mob-m-h-12x {
    margin-left: 96px !important;
    margin-right: 96px !important; }
  .mob-m-t-12x {
    margin-top: 96px !important; }
  .mob-m-r-12x {
    margin-right: 96px !important; }
  .mob-m-b-12x {
    margin-bottom: 96px !important; }
  .mob-m-l-12x {
    margin-left: 96px !important; }
  .mob-m-12x {
    margin: 96px !important; }
  .mob-p-v-12x {
    padding-top: 96px !important;
    padding-bottom: 96px !important; }
  .mob-p-h-12x {
    padding-left: 96px !important;
    padding-right: 96px !important; }
  .mob-p-t-12x {
    padding-top: 96px !important; }
  .mob-p-r-12x {
    padding-right: 96px !important; }
  .mob-p-b-12x {
    padding-bottom: 96px !important; }
  .mob-p-l-12x {
    padding-left: 96px !important; }
  .mob-p-12x {
    padding: 96px !important; }
  .mob-m-v-13x {
    margin-top: 104px !important;
    margin-bottom: 104px !important; }
  .mob-m-h-13x {
    margin-left: 104px !important;
    margin-right: 104px !important; }
  .mob-m-t-13x {
    margin-top: 104px !important; }
  .mob-m-r-13x {
    margin-right: 104px !important; }
  .mob-m-b-13x {
    margin-bottom: 104px !important; }
  .mob-m-l-13x {
    margin-left: 104px !important; }
  .mob-m-13x {
    margin: 104px !important; }
  .mob-p-v-13x {
    padding-top: 104px !important;
    padding-bottom: 104px !important; }
  .mob-p-h-13x {
    padding-left: 104px !important;
    padding-right: 104px !important; }
  .mob-p-t-13x {
    padding-top: 104px !important; }
  .mob-p-r-13x {
    padding-right: 104px !important; }
  .mob-p-b-13x {
    padding-bottom: 104px !important; }
  .mob-p-l-13x {
    padding-left: 104px !important; }
  .mob-p-13x {
    padding: 104px !important; }
  .mob-m-v-14x {
    margin-top: 112px !important;
    margin-bottom: 112px !important; }
  .mob-m-h-14x {
    margin-left: 112px !important;
    margin-right: 112px !important; }
  .mob-m-t-14x {
    margin-top: 112px !important; }
  .mob-m-r-14x {
    margin-right: 112px !important; }
  .mob-m-b-14x {
    margin-bottom: 112px !important; }
  .mob-m-l-14x {
    margin-left: 112px !important; }
  .mob-m-14x {
    margin: 112px !important; }
  .mob-p-v-14x {
    padding-top: 112px !important;
    padding-bottom: 112px !important; }
  .mob-p-h-14x {
    padding-left: 112px !important;
    padding-right: 112px !important; }
  .mob-p-t-14x {
    padding-top: 112px !important; }
  .mob-p-r-14x {
    padding-right: 112px !important; }
  .mob-p-b-14x {
    padding-bottom: 112px !important; }
  .mob-p-l-14x {
    padding-left: 112px !important; }
  .mob-p-14x {
    padding: 112px !important; }
  .mob-m-v-15x {
    margin-top: 120px !important;
    margin-bottom: 120px !important; }
  .mob-m-h-15x {
    margin-left: 120px !important;
    margin-right: 120px !important; }
  .mob-m-t-15x {
    margin-top: 120px !important; }
  .mob-m-r-15x {
    margin-right: 120px !important; }
  .mob-m-b-15x {
    margin-bottom: 120px !important; }
  .mob-m-l-15x {
    margin-left: 120px !important; }
  .mob-m-15x {
    margin: 120px !important; }
  .mob-p-v-15x {
    padding-top: 120px !important;
    padding-bottom: 120px !important; }
  .mob-p-h-15x {
    padding-left: 120px !important;
    padding-right: 120px !important; }
  .mob-p-t-15x {
    padding-top: 120px !important; }
  .mob-p-r-15x {
    padding-right: 120px !important; }
  .mob-p-b-15x {
    padding-bottom: 120px !important; }
  .mob-p-l-15x {
    padding-left: 120px !important; }
  .mob-p-15x {
    padding: 120px !important; }
  .mob-m-v-16x {
    margin-top: 128px !important;
    margin-bottom: 128px !important; }
  .mob-m-h-16x {
    margin-left: 128px !important;
    margin-right: 128px !important; }
  .mob-m-t-16x {
    margin-top: 128px !important; }
  .mob-m-r-16x {
    margin-right: 128px !important; }
  .mob-m-b-16x {
    margin-bottom: 128px !important; }
  .mob-m-l-16x {
    margin-left: 128px !important; }
  .mob-m-16x {
    margin: 128px !important; }
  .mob-p-v-16x {
    padding-top: 128px !important;
    padding-bottom: 128px !important; }
  .mob-p-h-16x {
    padding-left: 128px !important;
    padding-right: 128px !important; }
  .mob-p-t-16x {
    padding-top: 128px !important; }
  .mob-p-r-16x {
    padding-right: 128px !important; }
  .mob-p-b-16x {
    padding-bottom: 128px !important; }
  .mob-p-l-16x {
    padding-left: 128px !important; }
  .mob-p-16x {
    padding: 128px !important; } }

.max-w-xlg {
  max-width: 1012px !important; }

.max-w-lg {
  max-width: 894px !important; }

.max-w-md {
  max-width: 584px !important; }

.max-w-sm {
  max-width: 480px !important; }

.max-w-xs {
  max-width: 360px !important; }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

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

@media (min-width: 514px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 752px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 1012px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1388px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.text-line-through {
  text-decoration: line-through; }

.text-white {
  color: #fff !important; }

.text-faded {
  color: #9D9DA6 !important; }
  .text-faded i {
    color: #6B4DC4; }

.text-normal {
  text-transform: none !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 500 !important; }

.font-italic {
  font-style: italic !important; }

.text-default {
  color: #524972 !important; }

.text-primary {
  color: #6B4DC4 !important; }

.text-secondary {
  color: #F67A3C !important; }

.text-success {
  color: #009A64 !important; }

.text-info {
  color: #4685EF !important; }

.text-warning {
  color: #EA862B !important; }

.text-danger {
  color: #D83A3A !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.bg-default {
  background: #fff !important; }

.border-default {
  border-color: #fff !important; }

.bg-default-lighter {
  background: white !important; }

.border-default-lighter {
  border-color: white !important; }

.bg-default-darker {
  background: #f7f7f7 !important; }

.border-default-darker {
  border-color: #f7f7f7 !important; }

.bg-default-faded {
  background: white !important; }

.border-default-faded {
  border-color: white !important; }

.bg-default-gradient {
  background: !important; }

.border-default-gradient {
  border-color: !important; }

.bg-primary {
  background: #6B4DC4 !important; }

.border-primary {
  border-color: #6B4DC4 !important; }

.bg-primary-lighter {
  background: #7D64C7 !important; }

.border-primary-lighter {
  border-color: #7D64C7 !important; }

.bg-primary-darker {
  background: #52399E !important; }

.border-primary-darker {
  border-color: #52399E !important; }

.bg-primary-faded {
  background: !important; }

.border-primary-faded {
  border-color: !important; }

.bg-primary-gradient {
  background: linear-gradient(270deg, #2E1A6D 7.81%, #4A338D 50.52%, #7B60CC 100%) !important; }

.border-primary-gradient {
  border-color: linear-gradient(270deg, #2E1A6D 7.81%, #4A338D 50.52%, #7B60CC 100%) !important; }

.bg-secondary {
  background: #F67A3C !important; }

.border-secondary {
  border-color: #F67A3C !important; }

.bg-secondary-lighter {
  background: #F8905C !important; }

.border-secondary-lighter {
  border-color: #F8905C !important; }

.bg-secondary-darker {
  background: #BA4409 !important; }

.border-secondary-darker {
  border-color: #BA4409 !important; }

.bg-secondary-faded {
  background: !important; }

.border-secondary-faded {
  border-color: !important; }

.bg-secondary-gradient {
  background: linear-gradient(180deg, #F9DCCD 0%, rgba(255, 216, 197, 0.3) 92.19%) !important; }

.border-secondary-gradient {
  border-color: linear-gradient(180deg, #F9DCCD 0%, rgba(255, 216, 197, 0.3) 92.19%) !important; }

.bg-success {
  background: #009A64 !important; }

.border-success {
  border-color: #009A64 !important; }

.bg-success-lighter {
  background: #28C08B !important; }

.border-success-lighter {
  border-color: #28C08B !important; }

.bg-success-darker {
  background: #067850 !important; }

.border-success-darker {
  border-color: #067850 !important; }

.bg-success-faded {
  background: #CFEAE0 !important; }

.border-success-faded {
  border-color: #CFEAE0 !important; }

.bg-success-gradient {
  background: !important; }

.border-success-gradient {
  border-color: !important; }

.bg-info {
  background: #4685EF !important; }

.border-info {
  border-color: #4685EF !important; }

.bg-info-lighter {
  background: #79A9FB !important; }

.border-info-lighter {
  border-color: #79A9FB !important; }

.bg-info-darker {
  background: #2160C9 !important; }

.border-info-darker {
  border-color: #2160C9 !important; }

.bg-info-faded {
  background: #C6D8F5 !important; }

.border-info-faded {
  border-color: #C6D8F5 !important; }

.bg-info-gradient {
  background: !important; }

.border-info-gradient {
  border-color: !important; }

.bg-warning {
  background: #EA862B !important; }

.border-warning {
  border-color: #EA862B !important; }

.bg-warning-lighter {
  background: #FAA556 !important; }

.border-warning-lighter {
  border-color: #FAA556 !important; }

.bg-warning-darker {
  background: #C16917 !important; }

.border-warning-darker {
  border-color: #C16917 !important; }

.bg-warning-faded {
  background: #F4CFAD !important; }

.border-warning-faded {
  border-color: #F4CFAD !important; }

.bg-warning-gradient {
  background: !important; }

.border-warning-gradient {
  border-color: !important; }

.bg-danger {
  background: #D83A3A !important; }

.border-danger {
  border-color: #D83A3A !important; }

.bg-danger-lighter {
  background: #F46A6A !important; }

.border-danger-lighter {
  border-color: #F46A6A !important; }

.bg-danger-darker {
  background: #AF1C1C !important; }

.border-danger-darker {
  border-color: #AF1C1C !important; }

.bg-danger-faded {
  background: #EAADAD !important; }

.border-danger-faded {
  border-color: #EAADAD !important; }

.bg-danger-gradient {
  background: !important; }

.border-danger-gradient {
  border-color: !important; }

.bg-gray {
  background: #DBDBDB !important; }

.border-gray {
  border-color: #DBDBDB !important; }

.bg-gray-lighter {
  background: #EFEFEF !important; }

.border-gray-lighter {
  border-color: #EFEFEF !important; }

.bg-gray-darker {
  background: #B6B6B6 !important; }

.border-gray-darker {
  border-color: #B6B6B6 !important; }

.bg-gray-faded {
  background: !important; }

.border-gray-faded {
  border-color: !important; }

.bg-gray-gradient {
  background: !important; }

.border-gray-gradient {
  border-color: !important; }

.flex-xs-first {
  order: -1 !important; }

.flex-xs-last {
  order: 1 !important; }

.flex-xs-unordered {
  order: 0 !important; }

.flex-items-xs-top {
  align-items: flex-start !important; }

.flex-items-xs-middle {
  align-items: center !important; }

.flex-items-xs-bottom {
  align-items: flex-end !important; }

.flex-xs-top {
  align-self: flex-start !important; }

.flex-xs-middle {
  align-self: center !important; }

.flex-xs-bottom {
  align-self: flex-end !important; }

.flex-items-xs-left {
  justify-content: flex-start !important; }

.flex-items-xs-center {
  justify-content: center !important; }

.flex-items-xs-right {
  justify-content: flex-end !important; }

.flex-items-xs-around {
  justify-content: space-around !important; }

.flex-items-xs-between {
  justify-content: space-between !important; }

@media (min-width: 514px) {
  .flex-sm-first {
    order: -1 !important; }
  .flex-sm-last {
    order: 1 !important; }
  .flex-sm-unordered {
    order: 0 !important; } }

@media (min-width: 514px) {
  .flex-items-sm-top {
    align-items: flex-start !important; }
  .flex-items-sm-middle {
    align-items: center !important; }
  .flex-items-sm-bottom {
    align-items: flex-end !important; } }

@media (min-width: 514px) {
  .flex-sm-top {
    align-self: flex-start !important; }
  .flex-sm-middle {
    align-self: center !important; }
  .flex-sm-bottom {
    align-self: flex-end !important; } }

@media (min-width: 514px) {
  .flex-items-sm-left {
    justify-content: flex-start !important; }
  .flex-items-sm-center {
    justify-content: center !important; }
  .flex-items-sm-right {
    justify-content: flex-end !important; }
  .flex-items-sm-around {
    justify-content: space-around !important; }
  .flex-items-sm-between {
    justify-content: space-between !important; } }

@media (min-width: 752px) {
  .flex-md-first {
    order: -1 !important; }
  .flex-md-last {
    order: 1 !important; }
  .flex-md-unordered {
    order: 0 !important; } }

@media (min-width: 752px) {
  .flex-items-md-top {
    align-items: flex-start !important; }
  .flex-items-md-middle {
    align-items: center !important; }
  .flex-items-md-bottom {
    align-items: flex-end !important; } }

@media (min-width: 752px) {
  .flex-md-top {
    align-self: flex-start !important; }
  .flex-md-middle {
    align-self: center !important; }
  .flex-md-bottom {
    align-self: flex-end !important; } }

@media (min-width: 752px) {
  .flex-items-md-left {
    justify-content: flex-start !important; }
  .flex-items-md-center {
    justify-content: center !important; }
  .flex-items-md-right {
    justify-content: flex-end !important; }
  .flex-items-md-around {
    justify-content: space-around !important; }
  .flex-items-md-between {
    justify-content: space-between !important; } }

@media (min-width: 1012px) {
  .flex-lg-first {
    order: -1 !important; }
  .flex-lg-last {
    order: 1 !important; }
  .flex-lg-unordered {
    order: 0 !important; } }

@media (min-width: 1012px) {
  .flex-items-lg-top {
    align-items: flex-start !important; }
  .flex-items-lg-middle {
    align-items: center !important; }
  .flex-items-lg-bottom {
    align-items: flex-end !important; } }

@media (min-width: 1012px) {
  .flex-lg-top {
    align-self: flex-start !important; }
  .flex-lg-middle {
    align-self: center !important; }
  .flex-lg-bottom {
    align-self: flex-end !important; } }

@media (min-width: 1012px) {
  .flex-items-lg-left {
    justify-content: flex-start !important; }
  .flex-items-lg-center {
    justify-content: center !important; }
  .flex-items-lg-right {
    justify-content: flex-end !important; }
  .flex-items-lg-around {
    justify-content: space-around !important; }
  .flex-items-lg-between {
    justify-content: space-between !important; } }

@media (min-width: 1388px) {
  .flex-xl-first {
    order: -1 !important; }
  .flex-xl-last {
    order: 1 !important; }
  .flex-xl-unordered {
    order: 0 !important; } }

@media (min-width: 1388px) {
  .flex-items-xl-top {
    align-items: flex-start !important; }
  .flex-items-xl-middle {
    align-items: center !important; }
  .flex-items-xl-bottom {
    align-items: flex-end !important; } }

@media (min-width: 1388px) {
  .flex-xl-top {
    align-self: flex-start !important; }
  .flex-xl-middle {
    align-self: center !important; }
  .flex-xl-bottom {
    align-self: flex-end !important; } }

@media (min-width: 1388px) {
  .flex-items-xl-left {
    justify-content: flex-start !important; }
  .flex-items-xl-center {
    justify-content: center !important; }
  .flex-items-xl-right {
    justify-content: flex-end !important; }
  .flex-items-xl-around {
    justify-content: space-around !important; }
  .flex-items-xl-between {
    justify-content: space-between !important; } }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 514px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 752px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1012px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1388px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

.order-first {
  order: -1; }

.order-last {
  order: 1; }

.order-0 {
  order: 0; }

.order-4 {
  order: 4; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.justify-content-evenly {
  justify-content: space-evenly !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 514px) {
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 1; }
  .order-sm-0 {
    order: 0; }
  .order-sm-4 {
    order: 4; }
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 752px) {
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 1; }
  .order-md-0 {
    order: 0; }
  .order-md-4 {
    order: 4; }
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .justify-content-md-evenly {
    justify-content: space-evenly !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 1012px) {
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 1; }
  .order-lg-0 {
    order: 0; }
  .order-lg-4 {
    order: 4; }
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1388px) {
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 1; }
  .order-xl-0 {
    order: 0; }
  .order-xl-4 {
    order: 4; }
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.flex-grow-0 {
  flex-grow: 0; }

.flex-grow-1 {
  flex-grow: 1; }

.flex-grow-2 {
  flex-grow: 2; }

.flex-grow-3 {
  flex-grow: 3; }

.flex-grow-4 {
  flex-grow: 4; }

.flex-grow-5 {
  flex-grow: 5; }

.flex-grow-6 {
  flex-grow: 6; }

.flex-grow-7 {
  flex-grow: 7; }

.flex-grow-8 {
  flex-grow: 8; }

.flex-grow-9 {
  flex-grow: 9; }

.flex-grow-10 {
  flex-grow: 10; }

.table__col-1 {
  width: 4.16667%; }

.table__col-2 {
  width: 8.33333%; }

.table__col-3 {
  width: 12.5%; }

.table__col-4 {
  width: 16.66667%; }

.table__col-5 {
  width: 20.83333%; }

.table__col-6 {
  width: 25%; }

.table__col-7 {
  width: 29.16667%; }

.table__col-8 {
  width: 33.33333%; }

.table__col-9 {
  width: 37.5%; }

.table__col-10 {
  width: 41.66667%; }

.table__col-11 {
  width: 45.83333%; }

.table__col-12 {
  width: 50%; }

.table__col-13 {
  width: 54.16667%; }

.table__col-14 {
  width: 58.33333%; }

.table__col-15 {
  width: 62.5%; }

.table__col-16 {
  width: 66.66667%; }

.table__col-17 {
  width: 70.83333%; }

.table__col-18 {
  width: 75%; }

.table__col-19 {
  width: 79.16667%; }

.table__col-20 {
  width: 83.33333%; }

.table__col-21 {
  width: 87.5%; }

.table__col-22 {
  width: 91.66667%; }

.table__col-23 {
  width: 95.83333%; }

.table__col-24 {
  width: 100%; }

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

progress {
  vertical-align: baseline; }

template,
[hidden] {
  display: none; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:active,
a:hover {
  outline-width: 0; }

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: none; }

b,
strong {
  font-weight: inherit; }

b,
strong {
  font-weight: bolder; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

mark {
  color: #000;
  background-color: #ff0; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

figure {
  margin: 1em 40px; }

hr {
  overflow: visible;
  box-sizing: content-box;
  height: 0; }

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0; }

optgroup {
  font-weight: bold; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none; }

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid #c0c0c0; }

legend {
  display: table;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  color: inherit; }

textarea {
  overflow: auto; }

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0; }

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto; }

[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: textfield; }

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-input-placeholder {
  opacity: .54;
  color: inherit; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

@-ms-viewport {
  width: device-width; }

html {
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

[tabindex='-1']:focus {
  outline: none !important; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  cursor: help; }

address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1rem; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

a {
  text-decoration: none; }

a:not([href]):not([tabindex]) {
  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: none; }

pre {
  overflow: auto;
  margin-top: 0;
  margin-bottom: 1rem; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle; }

[role='button'] {
  cursor: pointer; }

a,
area,
button,
[role='button'],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation; }

table {
  border-collapse: collapse; }

caption {
  caption-side: bottom;
  text-align: left; }

th {
  text-align: left; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
textarea {
  line-height: inherit; }

input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  font-size: 1.5rem;
  line-height: inherit;
  display: block;
  width: 100%;
  margin-bottom: .5rem;
  padding: 0; }

input[type='search'] {
  -webkit-appearance: none; }

output {
  display: inline-block; }

[hidden] {
  display: none !important; }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes fadeInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
  from {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes fadeInLeft {
  from {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes fadeInRight {
  from {
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px 0);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0; } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0; } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0; } }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0; } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0; } }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0; } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0; } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0; } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-animation-name: flip;
  animation-name: flip;
  -webkit-backface-visibility: visible;
  backface-visibility: visible; }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX {
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY {
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes zoomIn {
  from {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0; }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0; }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0; }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0; }
  to {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 40px;
  padding-left: 40px; }
  @media (max-width: 1387px) {
    .container {
      padding-right: 40px;
      padding-left: 40px; } }
  @media (max-width: 1011px) {
    .container {
      padding-right: 32px;
      padding-left: 32px; } }
  @media (max-width: 751px) {
    .container {
      padding-right: 24px;
      padding-left: 24px; } }
  @media (min-width: 514px) {
    .container {
      max-width: 514px; } }
  @media (min-width: 752px) {
    .container {
      max-width: 752px; } }
  @media (min-width: 1012px) {
    .container {
      max-width: 1012px; } }
  @media (min-width: 1388px) {
    .container {
      max-width: 1440px; } }

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 40px;
  padding-left: 40px; }
  @media (max-width: 1387px) {
    .container-fluid {
      padding-right: 40px;
      padding-left: 40px; } }
  @media (max-width: 1011px) {
    .container-fluid {
      padding-right: 32px;
      padding-left: 32px; } }
  @media (max-width: 751px) {
    .container-fluid {
      padding-right: 24px;
      padding-left: 24px; } }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px; }

.flex-1 {
  flex: 1; }

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

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-20p {
  flex: 0 0 20%;
  max-width: 20%; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 514px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-20p {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 752px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-20p {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1012px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-20p {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1388px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-20p {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.row--xs {
  margin-left: -8px;
  margin-right: -8px; }
  .row--xs [class*="col-"] {
    padding: 0 8px; }

.row--sm {
  margin-left: -12px;
  margin-right: -12px; }
  .row--sm [class*="col-"] {
    padding: 0 12px; }

.row--lg {
  margin-right: -24px;
  margin-left: -24px; }
  .row--lg [class*="col-"] {
    padding: 0 24px; }

.row--eq-height > * {
  display: flex;
  flex-direction: column; }
  .row--eq-height > * > * {
    flex-grow: 1; }

@media (max-width: 751px) {
  .row--mob-xs {
    margin-left: -16px;
    margin-right: -16px; }
    .row--mob-xs > * {
      padding: 0 16px; }
  .row--mob-sm {
    margin-left: -24px;
    margin-right: -24px; }
    .row--mob-sm > * {
      padding: 0 24px; }
  .row--mob-lg {
    margin-right: -48px;
    margin-left: -48px; }
    .row--mob-lg > * {
      padding: 0 48px; }
  .row--mob.no-gutters {
    margin-right: 0;
    margin-left: 0; }
    .row--mob.no-gutters > .col,
    .row--mob.no-gutters > [class*="col-"] {
      padding-right: 0;
      padding-left: 0; } }

.w-100 {
  width: 100% !important; }

.mw-100 {
  max-width: 100% !important; }

/* Responsive Gutters */
@media (max-width: 1387px) {
  .row {
    margin-left: -12px;
    margin-right: -12px; }
    .row [class*="col-"] {
      padding: 0 12px; }
    .row--xs {
      margin-left: -4px;
      margin-right: -4px; }
      .row--xs [class*="col-"] {
        padding: 0 4px; }
    .row--sm {
      margin-left: -8px;
      margin-right: -8px; }
      .row--sm [class*="col-"] {
        padding: 0 8px; }
    .row--lg {
      margin-right: -16px;
      margin-left: -16px; }
      .row--lg [class*="col-"] {
        padding: 0 16px; } }

@media (max-width: 1011px) {
  .row {
    margin-left: -12px;
    margin-right: -12px; }
    .row [class*="col-"] {
      padding: 0 12px; }
    .row--xs {
      margin-left: -4px;
      margin-right: -4px; }
      .row--xs [class*="col-"] {
        padding: 0 4px; }
    .row--sm {
      margin-left: -8px;
      margin-right: -8px; }
      .row--sm [class*="col-"] {
        padding: 0 8px; }
    .row--lg {
      margin-right: -16px;
      margin-left: -16px; }
      .row--lg [class*="col-"] {
        padding: 0 16px; } }

@media (max-width: 751px) {
  .row {
    margin-left: -12px;
    margin-right: -12px; }
    .row [class*="col-"] {
      padding: 0 12px; }
    .row--xs {
      margin-left: -4px;
      margin-right: -4px; }
      .row--xs [class*="col-"] {
        padding: 0 4px; }
    .row--sm {
      margin-left: -8px;
      margin-right: -8px; }
      .row--sm [class*="col-"] {
        padding: 0 8px; }
    .row--lg {
      margin-right: -16px;
      margin-left: -16px; }
      .row--lg [class*="col-"] {
        padding: 0 16px; } }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #2B1F51;
  font-weight: 300;
  margin-bottom: 0; }

h1,
.h1 {
  font-size: 64px;
  font-weight: 900;
  line-height: 74px;
  margin: 0 0 24px 0; }
  @media (max-width: 1387px) {
    h1,
    .h1 {
      font-size: 52px;
      font-weight: 900;
      line-height: 68px; } }
  @media (max-width: 1011px) {
    h1,
    .h1 {
      font-size: 46px;
      font-weight: 900;
      line-height: 58px; } }
  @media (max-width: 751px) {
    h1,
    .h1 {
      font-size: 46px;
      font-weight: 900;
      line-height: 58px; } }

h2,
.h2 {
  font-size: 50px;
  font-weight: 800;
  line-height: 62px;
  margin: 0 0 24px 0; }
  @media (max-width: 1387px) {
    h2,
    .h2 {
      font-size: 44px;
      font-weight: 800;
      line-height: 56px; } }
  @media (max-width: 1011px) {
    h2,
    .h2 {
      font-size: 38px;
      font-weight: 800;
      line-height: 52px; } }
  @media (max-width: 751px) {
    h2,
    .h2 {
      font-size: 38px;
      font-weight: 800;
      line-height: 52px; } }

h3,
.h3 {
  font-size: 40px;
  font-weight: 800;
  line-height: 52px;
  margin: 0 0 15px 0; }
  @media (max-width: 1387px) {
    h3,
    .h3 {
      font-size: 38px;
      font-weight: 800;
      line-height: 50px; } }
  @media (max-width: 1011px) {
    h3,
    .h3 {
      font-size: 30px;
      font-weight: 800;
      line-height: 44px; } }
  @media (max-width: 751px) {
    h3,
    .h3 {
      font-size: 30px;
      font-weight: 800;
      line-height: 44px; } }

h4,
.h4 {
  font-size: 36px;
  font-weight: 800;
  line-height: 44px;
  margin: 0 0 16px 0; }
  @media (max-width: 1387px) {
    h4,
    .h4 {
      font-size: 32px;
      font-weight: 800;
      line-height: 42px; } }
  @media (max-width: 1011px) {
    h4,
    .h4 {
      font-size: 26px;
      font-weight: 800;
      line-height: 38px; } }
  @media (max-width: 751px) {
    h4,
    .h4 {
      font-size: 26px;
      font-weight: 800;
      line-height: 38px; } }

h5,
.h5 {
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
  margin: 0 0 16px 0; }
  @media (max-width: 1387px) {
    h5,
    .h5 {
      font-size: 24px;
      font-weight: 700;
      line-height: 32px; } }
  @media (max-width: 1011px) {
    h5,
    .h5 {
      font-size: 20px;
      font-weight: 700;
      line-height: 30px; } }
  @media (max-width: 751px) {
    h5,
    .h5 {
      font-size: 20px;
      font-weight: 700;
      line-height: 30px; } }

h6,
.h6 {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  margin: 0 0 16px 0; }
  @media (max-width: 1387px) {
    h6,
    .h6 {
      font-size: 20px;
      font-weight: 600;
      line-height: 28px; } }
  @media (max-width: 1011px) {
    h6,
    .h6 {
      font-size: 18px;
      font-weight: 700;
      line-height: 26px; } }
  @media (max-width: 751px) {
    h6,
    .h6 {
      font-size: 18px;
      font-weight: 700;
      line-height: 26px; } }

* + h1,
* + .h1 {
  margin-top: 32px; }

* + h2,
* + .h2 {
  margin-top: 24px; }

* + h3,
* + .h3 {
  margin-top: 24px; }

* + h4,
* + .h4 {
  margin-top: 24px; }

* + h5,
* + .h5 {
  margin-top: 24px; }

* + h6,
* + .h6 {
  margin-top: 24px; }

.type-1,
.type-2,
.type-3,
.type-4,
.type-5,
.type-6,
.type-7,
.type-8,
.type-9 {
  color: #2B1F51; }

.type-1 {
  font-size: 64px !important;
  font-weight: 900 !important;
  line-height: 74px !important; }
  @media (max-width: 1387px) {
    .type-1 {
      font-size: 52px !important;
      font-weight: 900 !important;
      line-height: 68px !important; } }
  @media (max-width: 1011px) {
    .type-1 {
      font-size: 46px !important;
      font-weight: 900 !important;
      line-height: 58px !important; } }
  @media (max-width: 751px) {
    .type-1 {
      font-size: 46px !important;
      font-weight: 900 !important;
      line-height: 58px !important; } }

.type-2 {
  font-size: 50px !important;
  font-weight: 800 !important;
  line-height: 62px !important; }
  @media (max-width: 1387px) {
    .type-2 {
      font-size: 44px !important;
      font-weight: 800 !important;
      line-height: 56px !important; } }
  @media (max-width: 1011px) {
    .type-2 {
      font-size: 38px !important;
      font-weight: 800 !important;
      line-height: 52px !important; } }
  @media (max-width: 751px) {
    .type-2 {
      font-size: 38px !important;
      font-weight: 800 !important;
      line-height: 52px !important; } }

.type-3 {
  font-size: 40px !important;
  font-weight: 800 !important;
  line-height: 52px !important; }
  @media (max-width: 1387px) {
    .type-3 {
      font-size: 38px !important;
      font-weight: 800 !important;
      line-height: 50px !important; } }
  @media (max-width: 1011px) {
    .type-3 {
      font-size: 30px !important;
      font-weight: 800 !important;
      line-height: 44px !important; } }
  @media (max-width: 751px) {
    .type-3 {
      font-size: 30px !important;
      font-weight: 800 !important;
      line-height: 44px !important; } }

.type-4 {
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 44px !important; }
  @media (max-width: 1387px) {
    .type-4 {
      font-size: 32px !important;
      font-weight: 800 !important;
      line-height: 42px !important; } }
  @media (max-width: 1011px) {
    .type-4 {
      font-size: 26px !important;
      font-weight: 800 !important;
      line-height: 38px !important; } }
  @media (max-width: 751px) {
    .type-4 {
      font-size: 26px !important;
      font-weight: 800 !important;
      line-height: 38px !important; } }

.type-5 {
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 34px !important; }
  @media (max-width: 1387px) {
    .type-5 {
      font-size: 24px !important;
      font-weight: 700 !important;
      line-height: 32px !important; } }
  @media (max-width: 1011px) {
    .type-5 {
      font-size: 20px !important;
      font-weight: 700 !important;
      line-height: 30px !important; } }
  @media (max-width: 751px) {
    .type-5 {
      font-size: 20px !important;
      font-weight: 700 !important;
      line-height: 30px !important; } }

.type-6 {
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 30px !important; }
  @media (max-width: 1387px) {
    .type-6 {
      font-size: 20px !important;
      font-weight: 600 !important;
      line-height: 28px !important; } }
  @media (max-width: 1011px) {
    .type-6 {
      font-size: 18px !important;
      font-weight: 700 !important;
      line-height: 26px !important; } }
  @media (max-width: 751px) {
    .type-6 {
      font-size: 18px !important;
      font-weight: 700 !important;
      line-height: 26px !important; } }

.type-1 .heading, h1 .heading, .h1 .heading,
.type-2 .heading, h2 .heading, .h2 .heading,
.type-3 .heading, h3 .heading, .h3 .heading,
.type-4 .heading, h4 .heading, .h4 .heading {
  font-size: 13px;
  line-height: 16px;
  color: #2B1F51;
  display: block; }

.type-1 .suffix, h1 .suffix, .h1 .suffix,
.type-2 .suffix, h2 .suffix, .h2 .suffix,
.type-3 .suffix, h3 .suffix, .h3 .suffix,
.type-4 .suffix, h4 .suffix, .h4 .suffix {
  font-size: 16px;
  line-height: 1; }

.type-1 small, h1 small, .h1 small,
.type-2 small, h2 small, .h2 small,
.type-3 small, h3 small, .h3 small,
.type-4 small, h4 small, .h4 small {
  font-size: 50%; }

.type-1 sup, h1 sup, .h1 sup,
.type-2 sup, h2 sup, .h2 sup,
.type-3 sup, h3 sup, .h3 sup,
.type-4 sup, h4 sup, .h4 sup {
  font-size: 50%;
  line-height: inherit;
  margin-right: 5px;
  vertical-align: super;
  top: -0.1em; }

.type-5 .heading, h5 .heading, .h5 .type-6 .heading, h6 .heading, .h6 .heading {
  font-size: 11px;
  line-height: 16px;
  color: #2B1F51;
  display: block; }

.type-5 .suffix, h5 .suffix, .h5 .type-6 .suffix, h6 .suffix, .h6 .suffix {
  font-weight: 300;
  font-size: 80%; }

.type-5 small, h5 small, .h5 .type-6 small, h6 small, .h6 small {
  font-size: 85%; }

.type-5 sup, h5 sup, .h5 .type-6 sup, h6 sup, .h6 sup {
  font-size: 50%;
  line-height: inherit;
  margin-right: 5px;
  vertical-align: super;
  top: 0; }

b,
strong,
.font-medium {
  font-weight: 500; }

p {
  color: #524972; }
  p a {
    color: #6B4DC4;
    text-decoration: underline; }

.p-1 {
  font-size: 24px;
  font-weight: 300;
  line-height: 40px; }
  @media (max-width: 1387px) {
    .p-1 {
      font-size: 20px;
      font-weight: 300;
      line-height: 32px; } }
  @media (max-width: 1011px) {
    .p-1 {
      font-size: 18px;
      font-weight: 300;
      line-height: 30px; } }
  @media (max-width: 751px) {
    .p-1 {
      font-size: 18px;
      font-weight: 300;
      line-height: 30px; } }

.p-2 {
  font-size: 20px;
  font-weight: 300;
  line-height: 32px; }
  @media (max-width: 1387px) {
    .p-2 {
      font-size: 18px;
      font-weight: 300;
      line-height: 30px; } }
  @media (max-width: 1011px) {
    .p-2 {
      font-size: 17px;
      font-weight: 300;
      line-height: 28px; } }
  @media (max-width: 751px) {
    .p-2 {
      font-size: 17px;
      font-weight: 300;
      line-height: 28px; } }

.p-3 {
  font-size: 18px;
  font-weight: 300;
  line-height: 30px; }
  @media (max-width: 1387px) {
    .p-3 {
      font-size: 17px;
      font-weight: 300;
      line-height: 28px; } }
  @media (max-width: 1011px) {
    .p-3 {
      font-size: 16px;
      font-weight: 300;
      line-height: 26px; } }
  @media (max-width: 751px) {
    .p-3 {
      font-size: 16px;
      font-weight: 300;
      line-height: 26px; } }

.p-4 {
  font-size: 16px;
  font-weight: 300;
  line-height: 26px; }
  @media (max-width: 1387px) {
    .p-4 {
      font-size: 15px;
      line-height: 24px; } }
  @media (max-width: 1011px) {
    .p-4 {
      font-size: 14px;
      font-weight: 300;
      line-height: 22px; } }
  @media (max-width: 751px) {
    .p-4 {
      font-size: 14px;
      font-weight: 300;
      line-height: 22px; } }

.lead {
  font-size: 18px;
  line-height: 28px; }

a {
  color: #2B1F51;
  transition: color 0.3s; }
  a:hover {
    color: #7D64C7; }
  a:focus, a:active {
    outline: none;
    color: #6B4DC4; }

* {
  box-sizing: border-box; }

body,
.app {
  margin: 0;
  padding: 0;
  background: transparent;
  color: #524972;
  font-family: "AvertaStd";
  font-size: 18px;
  font-weight: 300;
  line-height: 30px; }
  @media (max-width: 1387px) {
    body,
    .app {
      font-size: 17px;
      font-weight: 300;
      line-height: 28px; } }
  @media (max-width: 1011px) {
    body,
    .app {
      font-size: 16px;
      font-weight: 300;
      line-height: 26px; } }
  @media (max-width: 751px) {
    body,
    .app {
      font-size: 16px;
      font-weight: 300;
      line-height: 26px; } }
  body.is-open,
  .app.is-open {
    overflow-y: hidden; }
  body.no-scroll,
  .app.no-scroll {
    overflow: hidden;
    position: fixed;
    min-height: initial;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0; }

img {
  max-width: 100%; }

code {
  background-color: whitesmoke;
  color: #ff3860;
  font-size: inherit;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em; }

pre {
  padding: 16px;
  background: white;
  border: none;
  color: #524972;
  font-size: inherit; }

hr {
  border: 0;
  padding: 0;
  margin: 30px 0;
  border-bottom: 1px solid #fff; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.box-shadow-sm {
  box-shadow: 0px 2px 5px -1px rgba(30, 45, 70, 0.05) !important; }

.box-shadow-d {
  box-shadow: 0px 2px 10px -1px rgba(30, 45, 70, 0.05) !important; }

.box-shadow-lg {
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06) !important; }

.is-boxed {
  background: #fff;
  box-shadow: 0px 2px 10px -1px rgba(30, 45, 70, 0.05);
  border-radius: 0;
  border: solid 1px #fff;
  padding: 24px; }

.is-condensed {
  padding: 0 !important;
  margin: 0 !important; }

.is-right {
  justify-content: end;
  float: right !important;
  margin-left: auto !important; }

.is-left {
  justify-content: start;
  float: left !important;
  margin-right: auto !important; }

.is-fixed {
  position: fixed !important;
  z-index: 999; }

.is-absolute {
  position: absolute !important; }

.is-hidden,
.hidden {
  display: none !important; }

.is-visible {
  visibility: visible !important; }

.is-disabled,
:disabled,
[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .5; }

.is-read-only {
  cursor: auto; }

.bg-white {
  background-color: #fff !important; }

.border-white {
  border-color: #fff !important; }

/*
*******************************************
Alert
1. General
2. Elements
3. Styles
4. Colors
5. Types
6. Sizes
7. Responsive
*******************************************
*/
/*
*******************************************
1. Alerts - General
*******************************************
*/
.alert {
  margin-bottom: 16px;
  border: 1px solid transparent;
  width: 100%;
  padding: 13px 16px;
  font-size: 18px;
  border-radius: 12px;
  text-align: left; }

.alert,
.alert > .container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap; }

/*
*******************************************
2. Alerts - Elements
*******************************************
*/
.alert {
  /* Element: Body */
  /* Element: Title */
  /* Element: Actions */
  /* Element: Absolute Actions */
  /* Element: Button Close */
  /* Element: Icon */ }
  .alert__body {
    flex: 1;
    margin-right: auto; }
    .alert__body p {
      margin-bottom: 0; }
    .alert__body * + ul {
      padding-top: 8px; }
    .alert__body > :last-child {
      margin-bottom: 0; }
  .alert__title {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 8px;
    color: inherit; }
    @media (max-width: 1387px) {
      .alert__title {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px; } }
    @media (max-width: 1011px) {
      .alert__title {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px; } }
    @media (max-width: 751px) {
      .alert__title {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px; } }
  .alert__actions {
    display: flex;
    flex: 0 1 auto;
    white-space: nowrap; }
    .alert__actions:first-child {
      margin-right: 16px; }
    .alert__actions:last-child {
      margin-left: 16px; }
    .alert__actions--block {
      flex: auto;
      width: 100%; }
      .alert__actions--block:last-child {
        margin: 16px 0 0 0; }
      .alert__actions--block:first-child {
        margin: 0 0 16px 0; }
    .alert__actions > * + * {
      margin-left: 16px; }
  .alert__addon, .alert__icon {
    flex: 0 1 auto;
    white-space: nowrap; }
    .alert__addon:first-child, .alert__icon:first-child {
      margin-right: 16px !important; }
    .alert__addon:last-child, .alert__icon:last-child {
      margin-left: 16px !important; }
  .alert__icon {
    align-self: center; }
  .alert.has-negative-actions .alert__actions:first-child {
    margin: -10px 0; }
  .alert.has-negative-actions .alert__actions:last-child {
    margin: -10px 0; }
  .alert .btn--close .btn__icon {
    color: rgba(255, 255, 255, 0.5) !important; }
  .alert .btn--close:hover .btn__icon {
    color: rgba(255, 255, 255, 0.8) !important; }
  .alert--outline .btn--close .btn__icon, .alert--faded .btn--close .btn__icon {
    color: rgba(0, 0, 0, 0.5) !important; }
  .alert--outline .btn--close:hover .btn__icon, .alert--faded .btn--close:hover .btn__icon {
    color: rgba(0, 0, 0, 0.8) !important; }

/*
*******************************************
3. Alert - Styles
*******************************************
*/
.alert--outline {
  border: 1px solid; }

.alert--border-left:after, .alert--border-right:after {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  content: '';
  border-radius: 12px 0 0 12px;
  border-left: 4px solid; }

.alert--border-left.alert--float, .alert--border-right.alert--float {
  border-radius: 12px 0 0 12px; }

.alert--border-right:after {
  right: -1px;
  left: initial;
  border-radius: 0 12px 12px 0; }

.alert--border-right.alert--float {
  border-radius: 0 12px 12px 0; }

/*
*******************************************
4. Alert - Colors
*******************************************
*/
.alert--success {
  color: #fff;
  background: #009A64; }
  .alert--success.alert--faded {
    color: #009A64;
    background: #CFEAE0; }

.alert--info {
  color: #fff;
  background: #4685EF; }
  .alert--info.alert--faded {
    color: #4685EF;
    background: #C6D8F5; }

.alert--warning {
  color: #fff;
  background: #EA862B; }
  .alert--warning.alert--faded {
    color: #EA862B;
    background: #F4CFAD; }

.alert--danger {
  color: #fff;
  background: #D83A3A; }
  .alert--danger.alert--faded {
    color: #D83A3A;
    background: #EAADAD; }

.alert--outline {
  background: #fff; }
  .alert--outline.alert--success {
    color: #009A64;
    border-color: #009A64; }
  .alert--outline.alert--info {
    color: #4685EF;
    border-color: #4685EF; }
  .alert--outline.alert--warning {
    color: #EA862B;
    border-color: #EA862B; }
  .alert--outline.alert--danger {
    color: #D83A3A;
    border-color: #D83A3A; }

/*
*******************************************
5. Alert - Types
*******************************************
*/
.alert {
  /* Type: Dismiss */
  /* Type: Float */
  /* Type: Fixed */ }
  .alert--dismiss {
    align-items: flex-start;
    padding-right: 68px; }
    .alert--dismiss .btn--close {
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -26px; }
      .alert--dismiss .btn--close.btn--xs {
        margin-top: -22px; }
      .alert--dismiss .btn--close.btn--sm {
        margin-top: -24px; }
      .alert--dismiss .btn--close.btn--lg {
        margin-top: -30px; }
      .alert--dismiss .btn--close.btn--xlg {
        margin-top: -32px; }
  .alert--float {
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.2);
    flex-direction: column;
    align-items: flex-start;
    width: 320px;
    max-width: 320px;
    border: none; }
    .alert--float .alert__actions {
      margin: 12px 0 0; }
    .alert--float.alert--icon:before {
      top: 50%;
      margin-top: -12px; }
  .alert--fixed {
    position: fixed;
    left: 0;
    z-index: 10001;
    display: none;
    overflow: hidden;
    width: 100%;
    margin: 0;
    border-color: transparent;
    border-radius: 0; }
    .alert--fixed > .container {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .alert--fixed.alert--fixed-top {
      top: 0; }
    .alert--fixed.alert--fixed-bottom {
      bottom: 0; }
    .alert--fixed.is-active {
      display: flex; }

/*
*******************************************
6. Alert - Sizes
*******************************************
*/
.alert--xs {
  padding: 7px 10px;
  font-size: 16px;
  line-height: 26px;
  border-radius: 8px; }
  .alert--xs .alert__title {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px; }
    @media (max-width: 1387px) {
      .alert--xs .alert__title {
        font-size: 15px;
        line-height: 24px; } }
    @media (max-width: 1011px) {
      .alert--xs .alert__title {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }
    @media (max-width: 751px) {
      .alert--xs .alert__title {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }

.alert--sm {
  padding: 10px 10px;
  font-size: 16px;
  line-height: 26px;
  border-radius: 8px; }
  .alert--sm .alert__title {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px; }
    @media (max-width: 1387px) {
      .alert--sm .alert__title {
        font-size: 15px;
        line-height: 24px; } }
    @media (max-width: 1011px) {
      .alert--sm .alert__title {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }
    @media (max-width: 751px) {
      .alert--sm .alert__title {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }

.alert--lg {
  padding: 16px 15px;
  font-size: 20px;
  line-height: 32px;
  border-radius: 16px; }
  .alert--lg .alert__title {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px; }
    @media (max-width: 1387px) {
      .alert--lg .alert__title {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px; } }
    @media (max-width: 1011px) {
      .alert--lg .alert__title {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px; } }
    @media (max-width: 751px) {
      .alert--lg .alert__title {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px; } }

.alert--xlg {
  padding: 23px 23px;
  font-size: 20px;
  line-height: 32px; }
  .alert--xlg .alert__title {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px; }
    @media (max-width: 1387px) {
      .alert--xlg .alert__title {
        font-size: 15px;
        line-height: 24px; } }
    @media (max-width: 1011px) {
      .alert--xlg .alert__title {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }
    @media (max-width: 751px) {
      .alert--xlg .alert__title {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }

.alert.has-negative-actions.alert--sm .alert__actions:first-child {
  margin: -7px 0; }

.alert.has-negative-actions.alert--sm .alert__actions:last-child {
  margin: -7px 0; }

.alert.has-negative-actions.alert--lg .alert__actions:first-child {
  margin: -10px 0; }

.alert.has-negative-actions.alert--lg .alert__actions:last-child {
  margin: -10px 0; }

.alert.has-negative-actions.alert--xlg .alert__actions:first-child {
  margin: -10px 0; }

.alert.has-negative-actions.alert--xlg .alert__actions:last-child {
  margin: -10px 0; }

.alert.has-icon.alert--xs {
  padding-left: 32px; }
  .alert.has-icon.alert--xs:before {
    left: 7px;
    height: 16px;
    width: 16px;
    margin-top: -8px;
    font-size: 16px;
    line-height: 14px; }

.alert.has-icon.alert--sm {
  padding-left: 40px; }
  .alert.has-icon.alert--sm:before {
    left: 7px; }

.alert.has-icon.alert--lg {
  padding-left: 56px; }
  .alert.has-icon.alert--lg:before {
    left: 15px; }

.alert.has-icon.alert--xlg {
  padding-left: 72px; }
  .alert.has-icon.alert--xlg:before {
    left: 23px;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    font-size: 32px;
    line-height: 30px; }

/*
*******************************************
7. Alerts - responsive
*******************************************
*/
@media (max-width: 751px) {
  .alert {
    flex-direction: column;
    align-items: flex-start; }
    .alert .alert__actions {
      padding-top: 16px;
      padding-bottom: 8px; }
    .alert--dismiss {
      flex-direction: row; }
      .alert--dismiss .alert__actions {
        padding: 0; }
      .alert--dismiss .alert__body {
        padding-right: 8px; }
    .alert--float {
      width: 290px; }
    .alert.alert--fixed-bottom > .container {
      flex-direction: column;
      align-items: flex-start;
      margin: 0;
      width: 100%; }
    .alert.alert--fixed-bottom .alert__actions {
      margin: 12px -2px 0; }
    .alert.alert--fixed-top > .container {
      margin: 0;
      width: 100%; }
    .alert.alert--fixed-top .alert__actions .btn {
      margin-bottom: 0; }
    .alert.alert--fixed .alert__actions {
      padding: 0; } }

@media (max-width: 513px) {
  .alert .alert__actions {
    padding-bottom: 0;
    white-space: normal; }
    .alert .alert__actions > * {
      margin-left: 0; }
    .alert .alert__actions > * {
      margin-bottom: 8px; }
      .alert .alert__actions > *:last-child {
        margin-bottom: 0; } }

/*
*******************************************
Avatars
1. General
2. Sizes
3. Responsive
*******************************************
*/
/*
*******************************************
1. Avatars - general
*******************************************
*/
.avatar {
  height: 48px;
  width: 48px;
  min-width: 48px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  overflow: hidden; }
  .avatar--square {
    border-radius: 4px; }

.account {
  display: flex;
  align-items: center;
  align-self: stretch; }
  .account:hover, .account:focus, .account:active {
    text-decoration: none; }
  .account__avatar + .account__name,
  .account__avatar + .account__details {
    margin-left: 16px; }
  .account__name + .account__avatar, .account__details + .account__avatar {
    margin-left: 16px; }
  .account__link {
    display: flex;
    align-items: center;
    text-decoration: none;
    align-items: center; }
  .account__details {
    flex-grow: 1; }
  .account__name {
    font-size: 14px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

/*
*******************************************
Preloader
1. General
2. Keyframes animation
*******************************************
*/
/*
*******************************************
1. Preloaders - general
*******************************************
*/
.preloader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  width: 100%; }

.preloader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px; }
  .preloader:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: auto;
    content: '';
    animation: rotation .6s infinite linear;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-top: 2px solid #6B4DC4;
    border-radius: 100%; }

/*
*******************************************
2. Preloaders - keyframes animation
*******************************************
*/
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }

@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }

@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(359deg); } }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

/*
*******************************************
Buttons
1. General
2. Sizes
3. Types
4. Colors
5. Group
6. Actions
7. Min Width
8. Responsive
*******************************************
*/
/*
*******************************************
1. Buttons - General
*******************************************
*/
.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.3s, background 0.3s, color 0.3s;
  vertical-align: top;
  white-space: nowrap;
  border: 1px solid transparent;
  outline: 0;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  padding: 0 24px;
  height: 52px;
  border-radius: 6px; }
  .btn .btn__icon {
    font-size: 24px; }
    .btn .btn__icon:first-child {
      margin-left: -16px; }
    .btn .btn__icon:last-child {
      margin-right: -16px; }
  .btn .btn__icon + .btn__text,
  .btn .btn__text + .btn__icon {
    margin-left: 8px; }
  @media (max-width: 1387px) {
    .btn {
      font-size: 17px;
      line-height: 28px;
      height: 48px;
      border-radius: 4px; } }
  @media (max-width: 1011px) {
    .btn {
      font-size: 16px;
      line-height: 26px;
      height: 46px;
      border-radius: 4px; } }
  @media (max-width: 751px) {
    .btn {
      font-size: 16px;
      line-height: 26px;
      height: 46px;
      border-radius: 4px; } }
  .btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: inherit;
    font-size: 24px;
    line-height: 24px; }
    .btn__icon-arrow {
      opacity: 0.4;
      font-size: 19px; }
      .btn__icon-arrow:last-child {
        margin-right: -6px; }
  .btn__text + .btn__icon {
    order: 2; }
  .btn__preloader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    margin: auto; }
  .btn__text .badge {
    background: white;
    border: 1px solid white;
    margin-left: 8px; }
  .btn__label {
    color: #9D9DA6;
    font-weight: 400; }
    .btn__label + .btn__text {
      margin-left: 8px; }
  .btn:hover, .btn:focus, .btn:active, .btn.drop-enabled {
    cursor: pointer;
    text-decoration: none;
    outline: 0; }

/*
*******************************************
3. Buttons - Types
*******************************************
*/
.btn.btn--block {
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex: 1 auto; }

.btn.btn--outline {
  border: 1px solid; }
  .btn.btn--outline .btn__preloader:before {
    border-top: 2px solid #6B4DC4; }

.btn.btn--rounded {
  border-radius: 100px; }

.btn.btn--icon {
  padding: 0 !important; }
  .btn.btn--icon .btn__icon {
    margin: 0 !important; }

.btn.btn--link {
  background: transparent;
  box-shadow: none;
  border: transparent;
  color: #524972; }
  .btn.btn--link:hover {
    background: transparent;
    color: #6B4DC4; }
  .btn.btn--link:active, .btn.btn--link:focus, .btn.btn--link.is-active, .btn.btn--link.drop-enabled {
    background: transparent;
    color: #6B4DC4; }
  .btn.btn--link.btn--plain {
    color: #524972; }

.btn.is-loading .btn__preloader {
  visibility: visible; }

.btn.is-loading .btn__text {
  visibility: hidden; }

.btn.is-loading .btn__icon {
  visibility: hidden; }

@media (max-width: 751px) {
  .btn.btn--mob-link {
    background: transparent;
    box-shadow: none;
    border: transparent;
    color: #524972; }
    .btn.btn--mob-link:hover {
      background: transparent;
      color: #6B4DC4; }
    .btn.btn--mob-link:active, .btn.btn--mob-link:focus, .btn.btn--mob-link.is-active, .btn.btn--mob-link.drop-enabled {
      background: transparent;
      color: #6B4DC4; }
    .btn.btn--mob-link.btn--plain {
      color: #524972; }
  .btn.btn--mob-icon {
    padding: 0; }
    .btn.btn--mob-icon .btn__icon {
      margin: 0 !important; }
    .btn.btn--mob-icon .btn__text {
      display: none; }
  .btn.btn--mob-block {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex: 1 auto; } }

/*
*******************************************
2. Buttons - Sizes
*******************************************
*/
.btn--xs {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  padding: 0 24px;
  height: 44px;
  border-radius: 4px; }
  .btn--xs .btn__icon {
    font-size: 24px; }
    .btn--xs .btn__icon:first-child {
      margin-left: -16px; }
    .btn--xs .btn__icon:last-child {
      margin-right: -16px; }
  .btn--xs .btn__icon + .btn__text,
  .btn--xs .btn__text + .btn__icon {
    margin-left: 8px; }
  @media (max-width: 1387px) {
    .btn--xs {
      font-size: 15px;
      line-height: 24px;
      height: 40px; } }
  @media (max-width: 1011px) {
    .btn--xs {
      font-size: 14px;
      line-height: 22px;
      height: 40px; } }
  @media (max-width: 751px) {
    .btn--xs {
      font-size: 14px;
      line-height: 22px;
      height: 40px; } }

.btn--sm {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  padding: 0 24px;
  height: 48px;
  border-radius: 6px; }
  .btn--sm .btn__icon {
    font-size: 24px; }
    .btn--sm .btn__icon:first-child {
      margin-left: -16px; }
    .btn--sm .btn__icon:last-child {
      margin-right: -16px; }
  .btn--sm .btn__icon + .btn__text,
  .btn--sm .btn__text + .btn__icon {
    margin-left: 8px; }
  @media (max-width: 1387px) {
    .btn--sm {
      font-size: 15px;
      line-height: 24px;
      height: 44px;
      border-radius: 4px; } }
  @media (max-width: 1011px) {
    .btn--sm {
      font-size: 14px;
      line-height: 22px;
      height: 42px;
      border-radius: 4px; } }
  @media (max-width: 751px) {
    .btn--sm {
      font-size: 14px;
      line-height: 22px;
      height: 42px;
      border-radius: 4px; } }

.btn--d {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  padding: 0 24px;
  height: 52px;
  border-radius: 6px; }
  .btn--d .btn__icon {
    font-size: 24px; }
    .btn--d .btn__icon:first-child {
      margin-left: -16px; }
    .btn--d .btn__icon:last-child {
      margin-right: -16px; }
  .btn--d .btn__icon + .btn__text,
  .btn--d .btn__text + .btn__icon {
    margin-left: 8px; }
  @media (max-width: 1387px) {
    .btn--d {
      font-size: 17px;
      line-height: 28px;
      height: 48px;
      border-radius: 4px; } }
  @media (max-width: 1011px) {
    .btn--d {
      font-size: 16px;
      line-height: 26px;
      height: 46px;
      border-radius: 4px; } }
  @media (max-width: 751px) {
    .btn--d {
      font-size: 16px;
      line-height: 26px;
      height: 46px;
      border-radius: 4px; } }

.btn--lg {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  padding: 0 32px;
  height: 60px;
  border-radius: 6px; }
  .btn--lg .btn__icon {
    font-size: 24px; }
    .btn--lg .btn__icon:first-child {
      margin-left: -24px; }
    .btn--lg .btn__icon:last-child {
      margin-right: -24px; }
  .btn--lg .btn__icon + .btn__text,
  .btn--lg .btn__text + .btn__icon {
    margin-left: 8px; }
  @media (max-width: 1387px) {
    .btn--lg {
      font-size: 18px;
      line-height: 30px;
      height: 56px;
      border-radius: 4px; } }
  @media (max-width: 1011px) {
    .btn--lg {
      font-size: 17px;
      line-height: 28px;
      height: 50px;
      border-radius: 4px; } }
  @media (max-width: 751px) {
    .btn--lg {
      font-size: 17px;
      line-height: 28px;
      height: 50px;
      border-radius: 4px; } }

.btn--xlg {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  padding: 0 40px;
  height: 64px;
  border-radius: 8px; }
  .btn--xlg .btn__icon {
    font-size: 24px; }
    .btn--xlg .btn__icon:first-child {
      margin-left: -32px; }
    .btn--xlg .btn__icon:last-child {
      margin-right: -32px; }
  .btn--xlg .btn__icon + .btn__text,
  .btn--xlg .btn__text + .btn__icon {
    margin-left: 8px; }
  @media (max-width: 1387px) {
    .btn--xlg {
      font-size: 18px;
      line-height: 30px;
      height: 56px;
      border-radius: 6px; } }
  @media (max-width: 1011px) {
    .btn--xlg {
      font-size: 18px;
      line-height: 30px;
      height: 56px;
      border-radius: 6px; } }
  @media (max-width: 751px) {
    .btn--xlg {
      font-size: 18px;
      line-height: 30px;
      height: 56px;
      border-radius: 6px; } }

.btn--icon {
  width: 52px;
  min-width: 52px;
  /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        width: map-deep-get($buttons-mob-sizes, $size);
        min-width: map-deep-get($buttons-mob-sizes, $size);
    }
    */ }
  .btn--icon.btn--xs {
    width: 44px;
    min-width: 44px;
    /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        width: map-deep-get($buttons-mob-sizes, $size);
        min-width: map-deep-get($buttons-mob-sizes, $size);
    }
    */ }
  .btn--icon.btn--sm {
    width: 48px;
    min-width: 48px;
    /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        width: map-deep-get($buttons-mob-sizes, $size);
        min-width: map-deep-get($buttons-mob-sizes, $size);
    }
    */ }
  .btn--icon.btn--d {
    width: 52px;
    min-width: 52px;
    /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        width: map-deep-get($buttons-mob-sizes, $size);
        min-width: map-deep-get($buttons-mob-sizes, $size);
    }
    */ }
  .btn--icon.btn--lg {
    width: 60px;
    min-width: 60px;
    /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        width: map-deep-get($buttons-mob-sizes, $size);
        min-width: map-deep-get($buttons-mob-sizes, $size);
    }
    */ }
  .btn--icon.btn--xlg {
    width: 64px;
    min-width: 64px;
    /*
    @include media-breakpoint-down($mob-breakpoint-down) {
        width: map-deep-get($buttons-mob-sizes, $size);
        min-width: map-deep-get($buttons-mob-sizes, $size);
    }
    */ }

.btn--rounded {
  padding: 0 24px; }
  .btn--rounded.btn--xs {
    padding: 0 16px; }
  .btn--rounded.btn--sm {
    padding: 0 0; }
  .btn--rounded.btn--d {
    padding: 0 24px; }
  .btn--rounded.btn--lg {
    padding: 0 32px; }
  .btn--rounded.btn--xlg {
    padding: 0 40px; }

@media (max-width: 1011px) {
  .btn--tab-xs {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    padding: 0 24px;
    height: 44px;
    border-radius: 4px; }
    .btn--tab-xs .btn__icon {
      font-size: 24px; }
      .btn--tab-xs .btn__icon:first-child {
        margin-left: -16px; }
      .btn--tab-xs .btn__icon:last-child {
        margin-right: -16px; }
    .btn--tab-xs .btn__icon + .btn__text,
    .btn--tab-xs .btn__text + .btn__icon {
      margin-left: 8px; } }
  @media (max-width: 1011px) and (max-width: 1387px) {
    .btn--tab-xs {
      font-size: 15px;
      line-height: 24px;
      height: 40px; } }
  @media (max-width: 1011px) and (max-width: 1011px) {
    .btn--tab-xs {
      font-size: 14px;
      line-height: 22px;
      height: 40px; } }
  @media (max-width: 1011px) and (max-width: 751px) {
    .btn--tab-xs {
      font-size: 14px;
      line-height: 22px;
      height: 40px; } }

@media (max-width: 1011px) {
  .btn--tab-sm {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    padding: 0 24px;
    height: 48px;
    border-radius: 6px; }
    .btn--tab-sm .btn__icon {
      font-size: 24px; }
      .btn--tab-sm .btn__icon:first-child {
        margin-left: -16px; }
      .btn--tab-sm .btn__icon:last-child {
        margin-right: -16px; }
    .btn--tab-sm .btn__icon + .btn__text,
    .btn--tab-sm .btn__text + .btn__icon {
      margin-left: 8px; } }
  @media (max-width: 1011px) and (max-width: 1387px) {
    .btn--tab-sm {
      font-size: 15px;
      line-height: 24px;
      height: 44px;
      border-radius: 4px; } }
  @media (max-width: 1011px) and (max-width: 1011px) {
    .btn--tab-sm {
      font-size: 14px;
      line-height: 22px;
      height: 42px;
      border-radius: 4px; } }
  @media (max-width: 1011px) and (max-width: 751px) {
    .btn--tab-sm {
      font-size: 14px;
      line-height: 22px;
      height: 42px;
      border-radius: 4px; } }

@media (max-width: 1011px) {
  .btn--tab-d {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    padding: 0 24px;
    height: 52px;
    border-radius: 6px; }
    .btn--tab-d .btn__icon {
      font-size: 24px; }
      .btn--tab-d .btn__icon:first-child {
        margin-left: -16px; }
      .btn--tab-d .btn__icon:last-child {
        margin-right: -16px; }
    .btn--tab-d .btn__icon + .btn__text,
    .btn--tab-d .btn__text + .btn__icon {
      margin-left: 8px; } }
  @media (max-width: 1011px) and (max-width: 1387px) {
    .btn--tab-d {
      font-size: 17px;
      line-height: 28px;
      height: 48px;
      border-radius: 4px; } }
  @media (max-width: 1011px) and (max-width: 1011px) {
    .btn--tab-d {
      font-size: 16px;
      line-height: 26px;
      height: 46px;
      border-radius: 4px; } }
  @media (max-width: 1011px) and (max-width: 751px) {
    .btn--tab-d {
      font-size: 16px;
      line-height: 26px;
      height: 46px;
      border-radius: 4px; } }

@media (max-width: 1011px) {
  .btn--tab-lg {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    padding: 0 32px;
    height: 60px;
    border-radius: 6px; }
    .btn--tab-lg .btn__icon {
      font-size: 24px; }
      .btn--tab-lg .btn__icon:first-child {
        margin-left: -24px; }
      .btn--tab-lg .btn__icon:last-child {
        margin-right: -24px; }
    .btn--tab-lg .btn__icon + .btn__text,
    .btn--tab-lg .btn__text + .btn__icon {
      margin-left: 8px; } }
  @media (max-width: 1011px) and (max-width: 1387px) {
    .btn--tab-lg {
      font-size: 18px;
      line-height: 30px;
      height: 56px;
      border-radius: 4px; } }
  @media (max-width: 1011px) and (max-width: 1011px) {
    .btn--tab-lg {
      font-size: 17px;
      line-height: 28px;
      height: 50px;
      border-radius: 4px; } }
  @media (max-width: 1011px) and (max-width: 751px) {
    .btn--tab-lg {
      font-size: 17px;
      line-height: 28px;
      height: 50px;
      border-radius: 4px; } }

@media (max-width: 1011px) {
  .btn--tab-xlg {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    padding: 0 40px;
    height: 64px;
    border-radius: 8px; }
    .btn--tab-xlg .btn__icon {
      font-size: 24px; }
      .btn--tab-xlg .btn__icon:first-child {
        margin-left: -32px; }
      .btn--tab-xlg .btn__icon:last-child {
        margin-right: -32px; }
    .btn--tab-xlg .btn__icon + .btn__text,
    .btn--tab-xlg .btn__text + .btn__icon {
      margin-left: 8px; } }
  @media (max-width: 1011px) and (max-width: 1387px) {
    .btn--tab-xlg {
      font-size: 18px;
      line-height: 30px;
      height: 56px;
      border-radius: 6px; } }
  @media (max-width: 1011px) and (max-width: 1011px) {
    .btn--tab-xlg {
      font-size: 18px;
      line-height: 30px;
      height: 56px;
      border-radius: 6px; } }
  @media (max-width: 1011px) and (max-width: 751px) {
    .btn--tab-xlg {
      font-size: 18px;
      line-height: 30px;
      height: 56px;
      border-radius: 6px; } }

/*
*******************************************
4. Buttons - colors
*******************************************
*/
.btn--default {
  color: #524972;
  background: #fff; }
  .btn--default:hover {
    color: #524972;
    background: white; }
  .btn--default:active, .btn--default:focus, .btn--default.is-active, .btn--default.drop-enabled {
    color: #524972;
    background: #f7f7f7; }

.btn--primary {
  color: #fff;
  background: #6B4DC4; }
  .btn--primary:hover {
    color: #fff;
    background: #7D64C7; }
  .btn--primary:active, .btn--primary:focus, .btn--primary.is-active, .btn--primary.drop-enabled {
    color: #fff;
    background: #52399E; }

.btn--secondary {
  color: #fff;
  background: #F67A3C; }
  .btn--secondary:hover {
    color: #fff;
    background: #F8905C; }
  .btn--secondary:active, .btn--secondary:focus, .btn--secondary.is-active, .btn--secondary.drop-enabled {
    color: #fff;
    background: #BA4409; }

.btn--success {
  color: #fff;
  background: #009A64; }
  .btn--success:hover {
    color: #fff;
    background: #28C08B; }
  .btn--success:active, .btn--success:focus, .btn--success.is-active, .btn--success.drop-enabled {
    color: #fff;
    background: #067850; }

.btn--info {
  color: #fff;
  background: #4685EF; }
  .btn--info:hover {
    color: #fff;
    background: #79A9FB; }
  .btn--info:active, .btn--info:focus, .btn--info.is-active, .btn--info.drop-enabled {
    color: #fff;
    background: #2160C9; }

.btn--warning {
  color: #fff;
  background: #EA862B; }
  .btn--warning:hover {
    color: #fff;
    background: #FAA556; }
  .btn--warning:active, .btn--warning:focus, .btn--warning.is-active, .btn--warning.drop-enabled {
    color: #fff;
    background: #C16917; }

.btn--danger {
  color: #fff;
  background: #D83A3A; }
  .btn--danger:hover {
    color: #fff;
    background: #F46A6A; }
  .btn--danger:active, .btn--danger:focus, .btn--danger.is-active, .btn--danger.drop-enabled {
    color: #fff;
    background: #AF1C1C; }

.btn--light-overlay {
  color: #fff;
  background: rgba(255, 255, 255, 0.3); }
  .btn--light-overlay:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.4); }
  .btn--light-overlay:active, .btn--light-overlay:focus, .btn--light-overlay.is-active, .btn--light-overlay.drop-enabled {
    color: #fff;
    background: rgba(255, 255, 255, 0.1); }

.btn--dark-overlay {
  color: #fff;
  background: rgba(0, 0, 0, 0.15); }
  .btn--dark-overlay:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.1); }
  .btn--dark-overlay:active, .btn--dark-overlay:focus, .btn--dark-overlay.is-active, .btn--dark-overlay.drop-enabled {
    color: #fff;
    background: rgba(0, 0, 0, 0.2); }

.btn--plain {
  background-color: #fff;
  color: #524972; }

.btn--outline {
  background: transparent;
  box-shadow: none; }
  .btn--outline.btn--default {
    color: #524972;
    border-color: #fff; }
    .btn--outline.btn--default:hover {
      color: #524972;
      background: transparent;
      border-color: white; }
    .btn--outline.btn--default:active, .btn--outline.btn--default:focus, .btn--outline.btn--default.is-active, .btn--outline.btn--default.drop-enabled {
      color: #524972;
      background: transparent;
      border-color: #f7f7f7; }
  .btn--outline.btn--primary {
    color: #6B4DC4;
    border-color: #52399E; }
    .btn--outline.btn--primary:hover {
      color: #52399E;
      background: transparent;
      border-color: #52399E; }
    .btn--outline.btn--primary:active, .btn--outline.btn--primary:focus, .btn--outline.btn--primary.is-active, .btn--outline.btn--primary.drop-enabled {
      color: #52399E;
      background: transparent;
      border-color: #52399E; }
  .btn--outline.btn--secondary {
    color: #F67A3C;
    border-color: #F67A3C; }
    .btn--outline.btn--secondary:hover {
      color: #F8905C;
      background: transparent;
      border-color: #F8905C; }
    .btn--outline.btn--secondary:active, .btn--outline.btn--secondary:focus, .btn--outline.btn--secondary.is-active, .btn--outline.btn--secondary.drop-enabled {
      color: #BA4409;
      background: transparent;
      border-color: #BA4409; }
  .btn--outline.btn--success {
    color: #009A64;
    border-color: #009A64; }
    .btn--outline.btn--success:hover {
      color: #28C08B;
      background: transparent;
      border-color: #28C08B; }
    .btn--outline.btn--success:active, .btn--outline.btn--success:focus, .btn--outline.btn--success.is-active, .btn--outline.btn--success.drop-enabled {
      color: #067850;
      background: transparent;
      border-color: #067850; }
  .btn--outline.btn--info {
    color: #4685EF;
    border-color: #4685EF; }
    .btn--outline.btn--info:hover {
      color: #79A9FB;
      background: transparent;
      border-color: #79A9FB; }
    .btn--outline.btn--info:active, .btn--outline.btn--info:focus, .btn--outline.btn--info.is-active, .btn--outline.btn--info.drop-enabled {
      color: #2160C9;
      background: transparent;
      border-color: #2160C9; }
  .btn--outline.btn--warning {
    color: #EA862B;
    border-color: #EA862B; }
    .btn--outline.btn--warning:hover {
      color: #FAA556;
      background: transparent;
      border-color: #FAA556; }
    .btn--outline.btn--warning:active, .btn--outline.btn--warning:focus, .btn--outline.btn--warning.is-active, .btn--outline.btn--warning.drop-enabled {
      color: #C16917;
      background: transparent;
      border-color: #C16917; }
  .btn--outline.btn--danger {
    color: #D83A3A;
    border-color: #D83A3A; }
    .btn--outline.btn--danger:hover {
      color: #F46A6A;
      background: transparent;
      border-color: #F46A6A; }
    .btn--outline.btn--danger:active, .btn--outline.btn--danger:focus, .btn--outline.btn--danger.is-active, .btn--outline.btn--danger.drop-enabled {
      color: #AF1C1C;
      background: transparent;
      border-color: #AF1C1C; }
  .btn--outline.btn--light-overlay {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.4); }
    .btn--outline.btn--light-overlay:hover {
      color: #fff;
      background: transparent;
      border-color: rgba(255, 255, 255, 0.3); }
    .btn--outline.btn--light-overlay:active, .btn--outline.btn--light-overlay:focus, .btn--outline.btn--light-overlay.is-active, .btn--outline.btn--light-overlay.drop-enabled {
      color: #fff;
      background: transparent;
      border-color: rgba(255, 255, 255, 0.3); }
  .btn--outline.btn--dark-overlay {
    color: rgba(0, 0, 0, 0.6);
    border-color: rgba(0, 0, 0, 0.15); }
    .btn--outline.btn--dark-overlay:hover {
      color: rgba(0, 0, 0, 0.6);
      background: transparent;
      border-color: rgba(0, 0, 0, 0.1); }
    .btn--outline.btn--dark-overlay:active, .btn--outline.btn--dark-overlay:focus, .btn--outline.btn--dark-overlay.is-active, .btn--outline.btn--dark-overlay.drop-enabled {
      color: rgba(0, 0, 0, 0.6);
      background: transparent;
      border-color: rgba(0, 0, 0, 0.2); }
  .btn--outline.btn--plain {
    color: #524972;
    border-color: #fff; }
  .btn--outline .btn__icon {
    color: inherit; }

.btn--link.btn--default {
  color: #524972; }
  .btn--link.btn--default:hover {
    color: #524972; }
  .btn--link.btn--default:active, .btn--link.btn--default:focus, .btn--link.btn--default.is-active, .btn--link.btn--default.drop-enabled {
    background: transparent !important;
    color: #524972; }

.btn--link.btn--primary {
  color: #6B4DC4; }
  .btn--link.btn--primary:hover {
    color: #52399E; }
  .btn--link.btn--primary:active, .btn--link.btn--primary:focus, .btn--link.btn--primary.is-active, .btn--link.btn--primary.drop-enabled {
    background: transparent !important;
    color: #52399E; }

.btn--link.btn--secondary {
  color: #F67A3C; }
  .btn--link.btn--secondary:hover {
    color: #F8905C; }
  .btn--link.btn--secondary:active, .btn--link.btn--secondary:focus, .btn--link.btn--secondary.is-active, .btn--link.btn--secondary.drop-enabled {
    background: transparent !important;
    color: #BA4409; }

.btn--link.btn--success {
  color: #009A64; }
  .btn--link.btn--success:hover {
    color: #28C08B; }
  .btn--link.btn--success:active, .btn--link.btn--success:focus, .btn--link.btn--success.is-active, .btn--link.btn--success.drop-enabled {
    background: transparent !important;
    color: #067850; }

.btn--link.btn--info {
  color: #4685EF; }
  .btn--link.btn--info:hover {
    color: #79A9FB; }
  .btn--link.btn--info:active, .btn--link.btn--info:focus, .btn--link.btn--info.is-active, .btn--link.btn--info.drop-enabled {
    background: transparent !important;
    color: #2160C9; }

.btn--link.btn--warning {
  color: #EA862B; }
  .btn--link.btn--warning:hover {
    color: #FAA556; }
  .btn--link.btn--warning:active, .btn--link.btn--warning:focus, .btn--link.btn--warning.is-active, .btn--link.btn--warning.drop-enabled {
    background: transparent !important;
    color: #C16917; }

.btn--link.btn--danger {
  color: #D83A3A; }
  .btn--link.btn--danger:hover {
    color: #F46A6A; }
  .btn--link.btn--danger:active, .btn--link.btn--danger:focus, .btn--link.btn--danger.is-active, .btn--link.btn--danger.drop-enabled {
    background: transparent !important;
    color: #AF1C1C; }

.btn--link.btn--light-overlay {
  color: #fff; }
  .btn--link.btn--light-overlay:hover {
    color: #fff; }
  .btn--link.btn--light-overlay:active, .btn--link.btn--light-overlay:focus, .btn--link.btn--light-overlay.is-active, .btn--link.btn--light-overlay.drop-enabled {
    background: transparent !important;
    color: #fff; }

.btn--link.btn--dark-overlay {
  color: rgba(0, 0, 0, 0.6); }
  .btn--link.btn--dark-overlay:hover {
    color: rgba(0, 0, 0, 0.6); }
  .btn--link.btn--dark-overlay:active, .btn--link.btn--dark-overlay:focus, .btn--link.btn--dark-overlay.is-active, .btn--link.btn--dark-overlay.drop-enabled {
    background: transparent !important;
    color: rgba(0, 0, 0, 0.6); }

/*
*******************************************
5. Buttons - Group
*******************************************
*/
.btn-group {
  display: inline-flex;
  /* Group: Type */ }
  .btn-group .btn {
    flex: 0 1 auto; }
    .btn-group .btn + .btn {
      margin-left: -1px !important; }
    .btn-group .btn:not(:first-child):not(:last-child) {
      border-radius: 0;
      margin-right: 0; }
  .btn-group:not(.btn-group--vertical) .btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .btn-group:not(.btn-group--vertical) .btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group--vertical {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center; }
    .btn-group--vertical .btn,
    .btn-group--vertical .btn-group {
      width: 100%; }
    .btn-group--vertical > .btn + .btn,
    .btn-group--vertical > .btn + .btn-group,
    .btn-group--vertical > .btn-group + .btn,
    .btn-group--vertical > .btn-group + .btn-group {
      margin-top: -1px;
      margin-left: 0 !important; }
    .btn-group--vertical .btn:first-child {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .btn-group--vertical .btn:last-child {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
  .btn-group--space-between .btn:first-child {
    border-right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 16px; }
  .btn-group--space-between .btn:not(:first-child):not(:last-child) {
    margin-right: 16px;
    border-radius: 4px; }
  .btn-group--space-between .btn:last-child {
    border-radius: 4px; }
  .btn-group[data-toggle="buttons"] > .btn,
  .btn-group[data-toggle="buttons"] > .btn-group > .btn {
    margin: 0; }
    .btn-group[data-toggle="buttons"] > .btn input[type="radio"],
    .btn-group[data-toggle="buttons"] > .btn input[type="checkbox"],
    .btn-group[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
    .btn-group[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
      position: absolute;
      clip: rect(0, 0, 0, 0);
      pointer-events: none; }

/*
*******************************************
6. Buttons - Actions
*******************************************
*/
.actions-group {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px; }
  .actions-group .btn {
    margin-right: 16px;
    margin-bottom: 16px; }
  .actions-group--spacing-1x {
    margin-right: -8px; }
    .actions-group--spacing-1x .btn {
      margin-right: 8px;
      margin-bottom: 8px; }
  .actions-group--spacing-3x {
    margin-right: -24px; }
    .actions-group--spacing-3x .btn {
      margin-right: 24px;
      margin-bottom: 24px; }
  .actions-group--spacing-4x {
    margin-right: -32px; }
    .actions-group--spacing-4x .btn {
      margin-right: 32px;
      margin-bottom: 32px; }
  .actions-group--spacing-5x {
    margin-right: -40px; }
    .actions-group--spacing-5x .btn {
      margin-right: 40px;
      margin-bottom: 40px; }

* > .actions-group:last-child {
  margin-bottom: -16px; }

* > .actions-group--spacing-1x:last-child {
  margin-bottom: -8px; }

* > .actions-group--spacing-3x:last-child {
  margin-bottom: -24px; }

* > .actions-group--spacing-4x:last-child {
  margin-bottom: -32px; }

* > .actions-group--spacing-5x:last-child {
  margin-bottom: -40px; }

/*
*******************************************
7. Buttons - Min Width
*******************************************
*/
.btn.btn--min-width-sm {
  min-width: 90px; }
  @media (max-width: 1387px) {
    .btn.btn--min-width-sm {
      min-width: 88px; } }
  @media (max-width: 1011px) {
    .btn.btn--min-width-sm {
      min-width: 84px; } }
  @media (max-width: 751px) {
    .btn.btn--min-width-sm {
      min-width: 80px; } }

.btn.btn--min-width-md {
  min-width: 190px; }
  @media (max-width: 1387px) {
    .btn.btn--min-width-md {
      min-width: 180px; } }
  @media (max-width: 1011px) {
    .btn.btn--min-width-md {
      min-width: 150px; } }
  @media (max-width: 751px) {
    .btn.btn--min-width-md {
      min-width: 140px; } }

.btn.btn--min-width-lg {
  min-width: 230px; }
  @media (max-width: 1387px) {
    .btn.btn--min-width-lg {
      min-width: 210px; } }
  @media (max-width: 1011px) {
    .btn.btn--min-width-lg {
      min-width: 190px; } }
  @media (max-width: 751px) {
    .btn.btn--min-width-lg {
      min-width: 180px; } }

.btn.btn--min-width-xlg {
  min-width: 270px; }
  @media (max-width: 1387px) {
    .btn.btn--min-width-xlg {
      min-width: 250px; } }
  @media (max-width: 1011px) {
    .btn.btn--min-width-xlg {
      min-width: 230px; } }
  @media (max-width: 751px) {
    .btn.btn--min-width-xlg {
      min-width: 220px; } }

.btn.btn--min-width-xxlg {
  min-width: 326px; }
  @media (max-width: 1387px) {
    .btn.btn--min-width-xxlg {
      min-width: 310px; } }
  @media (max-width: 1011px) {
    .btn.btn--min-width-xxlg {
      min-width: 280px; } }
  @media (max-width: 751px) {
    .btn.btn--min-width-xxlg {
      min-width: 270px; } }

/*
*******************************************
8. Buttons - Responsive
*******************************************
*/
@media (max-width: 751px) {
  .btn--responsive {
    border: none;
    padding: 8px; }
    .btn--responsive .btn__icon {
      display: inline-flex;
      margin-left: auto !important;
      margin-right: auto !important; }
    .btn--responsive .btn__text {
      display: none; }
  .btn-group--space-between .btn {
    font-size: 11px;
    max-height: 40px;
    white-space: normal;
    line-height: 14px;
    text-align: left;
    margin-bottom: 16px; }
    .btn-group--space-between .btn:last-child {
      margin-bottom: 0; } }

@media (max-width: 513px) {
  .btn-group--space-between {
    flex-direction: column;
    margin-right: 0 !important; } }

.range-slider {
  position: relative;
  user-select: none;
  touch-action: none;
  width: 100%; }
  .range-slider * {
    touch-action: none;
    user-select: none; }
  .range-slider[disabled] .range-slider-connect {
    background: #B8B8B8; }
  .range-slider[disabled].range-slider, .range-slider[disabled].range-slider-handle, .range-slider[disabled].range-slider-handle {
    cursor: not-allowed; }
  .range-slider__base {
    cursor: pointer; }
  .range-slider__base, .range-slider__connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1; }
  .range-slider__connects {
    background: #EFEFEF;
    border-radius: 200px;
    z-index: 0; }
    .range-slider__connects:before, .range-slider__connects:after {
      content: '';
      position: absolute;
      width: 20px;
      height: 100%;
      background: #EFEFEF; }
    .range-slider__connects:before {
      background: #EFEFEF;
      border-top-right-radius: 100px;
      border-bottom-right-radius: 100px;
      right: -12px; }
    .range-slider__connects:after {
      background: #6B4DC4;
      left: auto;
      border-top-left-radius: 100px;
      border-bottom-left-radius: 100px;
      left: -12px; }
  .range-slider__connect, .range-slider__origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform-origin: 0 0; }
  .range-slider__connect {
    background: #6B4DC4;
    border-radius: 200px; }
  .range-slider__origin {
    right: 0;
    left: auto; }
  .range-slider__handle {
    position: absolute;
    right: -9px;
    left: auto;
    width: 34px;
    height: 28px;
    top: 0;
    bottom: 0;
    margin: auto;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    background: #52399E;
    height: 32px;
    width: 21px;
    border-radius: 3px; }
    .range-slider__handle:hover, .range-slider__handle:focus, .range-slider__handle:active {
      outline: none;
      cursor: pointer; }
  .range-slider__state-tap {
    transition: transform 0.3s; }
    .range-slider__state-tap .range-slider-connect,
    .range-slider__state-tap .range-slider-origin {
      transition: transform 0.3s; }
  .range-slider__state-drag * {
    cursor: inherit !important; }
  .range-slider--horizontal {
    height: 18px; }
  .range-slider__pips {
    position: relative;
    height: 80px;
    top: 50%;
    left: 0;
    width: 100%; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .range-slider__pips {
        top: 50%; } }
  .range-slider__marker {
    display: none; }
  .range-slider__value {
    top: 0;
    position: absolute;
    white-space: nowrap;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    padding: 0 10px;
    transform: translate(-50%, 50%); }
    .range-slider__value.is-active {
      color: #6B4DC4; }

.collapse {
  display: none !important;
  transition: all .15s ease; }
  .collapse.show {
    display: block !important; }
    .collapse.show + .form-section {
      margin-top: 32px; }
  .collapse__wrapper {
    width: 100%; }

.collapse + .form-section .form-section__title {
  padding-top: 0; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: all .15s ease; }

/* COLLAPSE */
.collapse-icon {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  cursor: pointer; }
  .collapse-icon:before {
    content: '';
    display: block;
    position: absolute;
    width: 14px;
    height: 2px;
    background-color: #1B1C21;
    left: 4px;
    top: 10px; }
  .collapse-icon:after {
    content: '';
    display: block;
    position: absolute;
    width: 14px;
    height: 2px;
    background-color: #1B1C21;
    transform: rotate(90deg);
    transition: all .4s;
    top: 10px;
    left: 4px; }
  .collapse-icon.rail__addon {
    margin-right: 0; }

.collapse-icon.is-active,
[aria-expanded="true"] .collapse-icon {
  transition: all .4s; }
  .collapse-icon.is-active:after,
  [aria-expanded="true"] .collapse-icon:after {
    transform: rotate(0deg); }

.accordion--border-left .accordion__collapse {
  position: relative;
  padding-left: 40px; }
  .accordion--border-left .accordion__collapse:before {
    position: absolute;
    left: 10px;
    right: 0;
    bottom: 0;
    top: 16px;
    display: block;
    width: 1px;
    content: '';
    background-color: white; }
  .accordion--border-left .accordion__collapse > .accordion__content {
    padding-top: 16px; }

.off-canvas {
  overflow: auto;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1000;
  transform: translateX(calc(-100% - 20px));
  max-width: 380px;
  background: #fff;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
  transition: transform 0.3s, box-shadow 0.3s; }
  .off-canvas.is-open {
    transform: translateX(0); }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .off-canvas {
      transform: translateX(-110%); } }

.off-canvas__top {
  padding: 16px 24px; }
  .off-canvas__top + .off-canvas__body {
    border-top: 1px solid #fff; }

.off-canvas__body {
  overflow-x: auto; }
  .off-canvas__body .list-group {
    border: none; }
    .off-canvas__body .list-group__item {
      padding: 16px 24px; }

.off-canvas__content {
  padding: 24px; }

.off-canvas--right {
  left: auto;
  right: 0;
  transform: translateX(calc(100% + 20px)); }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .off-canvas--right {
      transform: translateX(100%); } }

.off-canvas--top, .off-canvas--bottom {
  transform: translateX(0);
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 350px; }
  .off-canvas--top.is-open, .off-canvas--bottom.is-open {
    transform: translateX(0);
    transform: translateY(0); }

.off-canvas--top {
  top: 0;
  transform: translateY(-100%); }

.off-canvas--bottom {
  top: auto;
  bottom: 0;
  transform: translateY(100%); }

.off-canvas-is-active {
  overflow: hidden; }
  .off-canvas-is-active:after {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: block;
    content: '';
    background: rgba(255, 255, 255, 0.85); }

.off-canvas-is-active .navbar__burger span:nth-child(1) {
  top: 50%;
  transform: rotate(135deg); }

.off-canvas-is-active .navbar__burger span:nth-child(2) {
  left: -60px;
  opacity: 0; }

.off-canvas-is-active .navbar__burger span:nth-child(3) {
  top: 50%;
  transform: rotate(-135deg); }

@media (max-width: 1011px) {
  .off-canvas-responsive {
    overflow: auto;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    transform: translateX(calc(-100% - 20px));
    max-width: 380px;
    background: #fff;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
    transition: transform 0.3s, box-shadow 0.3s; }
    .off-canvas-responsive.is-open {
      transform: translateX(0); } }
  @media screen and (max-width: 1011px) and (-ms-high-contrast: active), (max-width: 1011px) and (-ms-high-contrast: none) {
    .off-canvas-responsive {
      transform: translateX(-110%); } }

@media (max-width: 1011px) {
    .off-canvas-responsive--right {
      left: auto;
      right: 0;
      transform: translateX(calc(100% + 20px)); } }
    @media screen and (max-width: 1011px) and (-ms-high-contrast: active), (max-width: 1011px) and (-ms-high-contrast: none) {
      .off-canvas-responsive--right {
        transform: translateX(100%); } }

@media (max-width: 1011px) {
    .off-canvas-responsive--top, .off-canvas-responsive--bottom {
      transform: translateX(0);
      width: 100%;
      height: auto;
      max-width: 100%;
      max-height: 350px; }
      .off-canvas-responsive--top.is-open, .off-canvas-responsive--bottom.is-open {
        transform: translateX(0);
        transform: translateY(0); }
    .off-canvas-responsive--top {
      top: 0;
      transform: translateY(-100%); }
    .off-canvas-responsive--bottom {
      top: auto;
      bottom: 0;
      transform: translateY(100%); } }

/*
*******************************************
Navs
1. General
2. Sizes
3. Types
4. Other
5. Responsive
*******************************************
*/
/*
*******************************************
1. Nav - General
*******************************************
*/
.nav {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  margin-bottom: 0;
  /* Sizes */ }
  .nav__item {
    position: relative;
    display: flex;
    flex-shrink: 0;
    min-height: 52px; }
    .nav__item > .btn {
      margin: 0 16px; }
      .nav__item > .btn + .btn {
        margin-left: 0; }
    .nav__item.is-active > .nav__link,
    .nav__item.is-active > .nav__link > .nav__link-icon, .nav__item.is-open > .nav__link,
    .nav__item.is-open > .nav__link > .nav__link-icon {
      color: #7D64C7; }
  .nav__link {
    min-height: 100%;
    width: 100%;
    color: #2B1F51;
    transition: color 0.3s; }
    .nav__link-icon {
      position: relative;
      height: 24px;
      width: 24px;
      min-width: 24px;
      font-size: 24px;
      line-height: 24px;
      color: #EFEFEF;
      transition: color 0.3s;
      text-align: center; }
      .nav__link-icon > .badge {
        position: absolute;
        top: -8px;
        right: -8px; }
      .nav__link-icon + .nav__link-text {
        margin-left: 16px; }
    .nav__link-text {
      flex-grow: 1; }
      .nav__link-text + .nav__link-icon {
        margin-left: 16px; }
      .nav__link-text + .nav__link-arrow {
        margin-left: 8px; }
    .nav__link-arrow {
      margin-left: 8px;
      margin-right: -4px;
      opacity: 0.4;
      font-size: 16px;
      line-height: 24px; }
      .nav__link-arrow + .nav__link-text {
        margin-left: 8px; }
    .nav__link:hover,
    .nav__link:hover > .nav__link-icon {
      color: #7D64C7;
      text-decoration: none; }
    .nav__link:active, .nav__link:focus {
      color: #7D64C7;
      outline: none; }
  .nav__divider {
    margin: 8px 0;
    height: 1px;
    background: #fff; }
  .nav__header {
    min-height: 52px;
    margin-top: 8px; }
    .nav__header:first-child {
      margin-top: 0; }
  .nav__title {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px; }
    @media (max-width: 1387px) {
      .nav__title {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px; } }
    @media (max-width: 1011px) {
      .nav__title {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px; } }
    @media (max-width: 751px) {
      .nav__title {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px; } }
  .nav__link, .nav__content, .nav__header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: 6px 16px; }
  .nav--xs .nav__item,
  .nav--xs .nav__header,
  .nav .nav__sub--xs .nav__item,
  .nav .nav__sub--xs .nav__header {
    min-height: 44px; }
  .nav--xs .nav__link,
  .nav .nav__sub--xs .nav__link {
    font-size: 16px; }
  .nav--xs .nav__link,
  .nav--xs .nav__header,
  .nav .nav__sub--xs .nav__link,
  .nav .nav__sub--xs .nav__header {
    padding: 4px 16px; }
  .nav--xs .nav__divider,
  .nav .nav__sub--xs .nav__divider {
    margin: 4px 0; }
  .nav--sm .nav__item,
  .nav--sm .nav__header,
  .nav .nav__sub--sm .nav__item,
  .nav .nav__sub--sm .nav__header {
    min-height: 48px; }
  .nav--sm .nav__link,
  .nav .nav__sub--sm .nav__link {
    font-size: 16px; }
  .nav--sm .nav__link,
  .nav--sm .nav__header,
  .nav .nav__sub--sm .nav__link,
  .nav .nav__sub--sm .nav__header {
    padding: 4px 16px; }
  .nav--sm .nav__divider,
  .nav .nav__sub--sm .nav__divider {
    margin: 4px 0; }
  .nav--md .nav__item,
  .nav--md .nav__header,
  .nav .nav__sub--md .nav__item,
  .nav .nav__sub--md .nav__header {
    min-height: 52px; }
  .nav--md .nav__link,
  .nav .nav__sub--md .nav__link {
    font-size: 18px; }
  .nav--md .nav__link,
  .nav--md .nav__header,
  .nav .nav__sub--md .nav__link,
  .nav .nav__sub--md .nav__header {
    padding: 8px 16px; }
  .nav--md .nav__divider,
  .nav .nav__sub--md .nav__divider {
    margin: 8px 0; }
  .nav--lg .nav__item,
  .nav--lg .nav__header,
  .nav .nav__sub--lg .nav__item,
  .nav .nav__sub--lg .nav__header {
    min-height: 60px; }
  .nav--lg .nav__link,
  .nav .nav__sub--lg .nav__link {
    font-size: 20px; }
  .nav--lg .nav__link,
  .nav--lg .nav__header,
  .nav .nav__sub--lg .nav__link,
  .nav .nav__sub--lg .nav__header {
    padding: 8px 16px; }
  .nav--lg .nav__divider,
  .nav .nav__sub--lg .nav__divider {
    margin: 8px 0; }
  .nav:not(.nav--h) + .nav:not(.nav--h) {
    margin-top: 8px; }

/*
*******************************************
2. Nav - Elements
*******************************************
*/
.nav {
  /*
    &-swiper {
        position: relative;
        &:after,
        &:before {
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: $z-index;
            display: block;
            content: "";
            width: 16px;
        }
        &:before {
            left: 0;
            background: linear-gradient(90deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%)
        }
        &:after {
            right: 0;
            background: linear-gradient(90deg,rgba(255,255,255, 0) 0%, rgb(255,255,255) 100%)
        }
    }
    */ }
  .nav__sub {
    padding: 6px 0; }
  .nav__item .nav__sub {
    position: relative;
    padding-left: 16px; }
    .nav__item .nav__sub:after {
      position: absolute;
      top: 8px;
      bottom: 8px;
      display: block;
      content: '';
      width: 1px;
      background: rgba(0, 0, 0, 0.1); }
  .nav__item.has-dropdown > .nav__dropdown,
  .nav__item.has-dropdown > .nav__sub {
    display: none; }
  .nav__item.has-dropdown.is-open > .nav__dropdown,
  .nav__item.has-dropdown.is-open > .nav__sub {
    display: block; }
  .nav__item.has-dropdown.has-no-icon > .nav__link:after {
    display: none; }
  .nav__item.is-open > .nav__link .drop-arrow, .nav__item.is-active > .nav__link .drop-arrow {
    display: block; }
  .nav__item.is-open .drop-arrow {
    z-index: 1000; }
  .nav__link-caret {
    color: #fff;
    min-width: unset;
    min-height: unset;
    height: unset;
    width: unset;
    margin-left: 8px;
    position: relative; }
  .nav.has-icons > .nav__item > .nav__sub,
  .nav.has-icons > .nav__item > .nav__dropdown > .nav__sub {
    padding-left: 40px; }
    .nav.has-icons > .nav__item > .nav__sub:after,
    .nav.has-icons > .nav__item > .nav__dropdown > .nav__sub:after {
      left: 26px; }
  .nav.has-icons.nav--sm > .nav__item > .nav__sub {
    padding-left: 40px; }
    .nav.has-icons.nav--sm > .nav__item > .nav__sub:after {
      left: 26px; }
  .nav.has-icons.nav--md > .nav__item > .nav__sub {
    padding-left: 40px; }
    .nav.has-icons.nav--md > .nav__item > .nav__sub:after {
      left: 26px; }
  .nav.has-icons.nav--lg > .nav__item > .nav__sub {
    padding-left: 40px; }
    .nav.has-icons.nav--lg > .nav__item > .nav__sub:after {
      left: 26px; }

/*
*******************************************
3. Nav - Types
*******************************************
*/
.nav {
  /* Type: Border  */
  /* Type: Arrow */ }
  .nav--h {
    padding: 0;
    margin: 0;
    flex-direction: row; }
    .nav--h.is-right + .nav--h.is-right {
      margin-left: 0 !important; }
  .nav--tabs .nav__item {
    position: relative;
    width: auto;
    white-space: nowrap; }
  .nav--tabs .nav__item.is-active,
  .nav--tabs .nav__link.is-active > .nav__link {
    position: relative; }
    .nav--tabs .nav__item.is-active:after,
    .nav--tabs .nav__link.is-active > .nav__link:after {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      display: block;
      content: '';
      height: 2px;
      background: #7D64C7; }
  .nav--tabs.nav--h .nav__item.is-active:after,
  .nav--tabs.nav--h .nav__link.is-active > .nav__link:after {
    left: 12px;
    right: 12px; }
  .nav--border-left .nav__item.is-active:after,
  .nav--border-left .nav__link.is-active > .nav__link:after {
    left: 0;
    right: auto;
    height: 100%;
    width: 2px; }
  .nav--arrow .nav__item.is-active:after,
  .nav--arrow .nav__item.is-active > .nav__link:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50% !important;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    content: '';
    background: #fff;
    border: 1px solid #E4E6F0;
    transform: rotate(45deg); }
  .nav--p-x-0 .nav__item,
  .nav--p-x-0 .nav__link {
    padding-left: 0;
    padding-right: 0; }
  .nav--p-x-0.has-icons .nav__sub:before {
    left: 8px !important; }

@media (min-width: 1012px) {
  .nav--h .nav__dropdown {
    position: absolute;
    top: 100%;
    left: 16px;
    z-index: 999;
    margin: 0;
    display: none;
    min-width: 260px;
    background: #fff;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    animation-name: fadeInUp;
    animation-duration: 0.3s;
    animation-fill-mode: both; }
    .nav--h .nav__dropdown:after {
      display: none; }
    .nav--h .nav__dropdown--right {
      left: auto;
      right: 0; }
    .nav--h .nav__dropdown--left {
      left: 0;
      right: auto; }
    .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__link:after {
      content: '\f2fb'; }
    .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__link .drop-arrow--right {
      right: -8px; }
    .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__link .drop-arrow--left {
      left: -8px; }
    .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__dropdown {
      top: 0; }
      .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__dropdown--right {
        left: 100%;
        right: auto;
        margin-left: 8px; }
      .nav--h .nav__dropdown .nav__item.has-dropdown > .nav__dropdown--left {
        left: auto;
        right: 100%;
        margin-right: 8px; }
  .nav--h .is-open .drop-arrow {
    animation-name: fadeInUp;
    animation-duration: 0.3s;
    animation-fill-mode: both; }
  .nav--h .nav__sub {
    padding-left: 0; }
    .nav--h .nav__sub:after {
      display: none; } }

/*
*******************************************
4. Navs - other
*******************************************
*/
/* move this  */
.brand {
  display: inline-flex;
  align-items: center; }
  .brand .brand__logo {
    display: flex;
    align-items: center; }

/*
*******************************************
Navbar
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Navbar - general
*******************************************
*/
.navbar {
  width: 100%;
  margin: 0;
  border-radius: 0;
  border: none; }

.navbar--main {
  background: transparent; }

.navbar,
.navbar > .container,
.navbar > .container-fluid,
.navbar__top,
.navbar__top > .container,
.navbar__top > .container-fluid {
  display: flex;
  flex-flow: row wrap;
  align-content: start; }

.navbar,
.navbar > .container,
.navbar > .container-fluid {
  align-items: center; }

/*
*******************************************
2. Navbar - Elements
*******************************************
*/
.navbar__top {
  width: 100%;
  padding: 16px 0; }

.navbar__brand {
  flex-shrink: 0;
  padding: 8px 16px; }

.navbar__burger span {
  background: rgba(255, 255, 255, 0.8); }

.navbar__menu,
.navbar__menu > .container,
.navbar__menu > .container-fluid, .navbar__off-canvas,
.navbar__off-canvas > .container,
.navbar__off-canvas > .container-fluid {
  display: flex;
  flex-grow: 1; }

.navbar__nav {
  display: flex; }
  .navbar__nav .nav__item > .nav__link {
    padding-left: 16px;
    padding-right: 16px; }

.navbar > .container > .navbar__brand:first-child,
.navbar > .container > .navbar__menu:first-child,
.navbar > .container > .navbar__nav:first-child,
.navbar > .container-fluid > .navbar__brand:first-child,
.navbar > .container-fluid > .navbar__menu:first-child,
.navbar > .container-fluid > .navbar__nav:first-child,
.navbar__top > .container > .navbar__brand:first-child,
.navbar__top > .container > .navbar__menu:first-child,
.navbar__top > .container > .navbar__nav:first-child,
.navbar__top > .container-fluid > .navbar__brand:first-child,
.navbar__top > .container-fluid > .navbar__menu:first-child,
.navbar__top > .container-fluid > .navbar__nav:first-child {
  margin-left: -16px; }

.navbar > .container > .navbar__brand:last-child,
.navbar > .container > .navbar__burger,
.navbar > .container > .navbar__menu:last-child,
.navbar > .container > .navbar__nav:last-child,
.navbar > .container-fluid > .navbar__brand:last-child,
.navbar > .container-fluid > .navbar__burger,
.navbar > .container-fluid > .navbar__menu:last-child,
.navbar > .container-fluid > .navbar__nav:last-child,
.navbar__top > .container > .navbar__brand:last-child,
.navbar__top > .container > .navbar__burger,
.navbar__top > .container > .navbar__menu:last-child,
.navbar__top > .container > .navbar__nav:last-child,
.navbar__top > .container-fluid > .navbar__brand:last-child,
.navbar__top > .container-fluid > .navbar__burger,
.navbar__top > .container-fluid > .navbar__menu:last-child,
.navbar__top > .container-fluid > .navbar__nav:last-child {
  margin-right: -16px; }

.navbar__menu > .container > .nav:first-child,
.navbar__menu > .container-fluid > .nav:first-child,
.navbar__collapse > .navbar__menu > .container > .nav:first-child,
.navbar__collapse > .navbar__menu > .container-fluid > .nav:first-child,
.navbar__off-canvas > .navbar__menu > .container > .nav:first-child,
.navbar__off-canvas > .navbar__menu > .container-fluid > .nav:first-child {
  margin-left: -16px; }

.navbar__menu > .container > .nav:last-child,
.navbar__menu > .container-fluid > .nav:last-child,
.navbar__collapse > .navbar__menu > .container > .nav:last-child,
.navbar__collapse > .navbar__menu > .container-fluid > .nav:last-child,
.navbar__off-canvas > .navbar__menu > .container > .nav:last-child,
.navbar__off-canvas > .navbar__menu > .container-fluid > .nav:last-child {
  margin-right: -16px; }

.navbar > .container .navbar__burger,
.navbar > .container-fluid .navbar__burger {
  order: 2;
  margin-left: 16px; }

@media (min-width: 1012px) {
  .navbar {
    min-height: 72px; }
    .navbar:not(.navbar--v) {
      align-content: center; }
    .navbar__top + .navbar__menu,
    .navbar__top + .navbar__collapse,
    .navbar__top + .navbar__off-canvas {
      background: rgba(0, 0, 0, 0.1); }
    .navbar__collapse {
      flex-grow: 1;
      max-width: 100%; }
      .navbar__collapse.collapse {
        display: flex !important; }
    .navbar__brand, .navbar__menu,
    .navbar__nav > .nav__item {
      min-height: 46px; } }

@media (max-width: 1011px) {
  .navbar {
    flex-wrap: nowrap;
    min-height: 56px; }
    .navbar__top {
      padding: 0; }
    .navbar__brand {
      flex-grow: 1; }
      .navbar__brand .brand__logo,
      .navbar__brand .brand__logo > img {
        max-height: 40px; }
    .navbar__brand, .navbar__menu,
    .navbar__nav > .nav__item {
      min-height: 56px; }
    .navbar__collapse {
      width: 100%;
      background: rgba(0, 0, 0, 0.1); }
      .navbar__collapse.collapse {
        display: none; }
      .navbar__collapse .navbar__nav .nav__sub .nav__link,
      .navbar__collapse .navbar__nav .nav__sub .nav__hedaer {
        color: rgba(255, 255, 255, 0.7); }
      .navbar__collapse .navbar__nav .nav__sub .nav__link {
        color: rgba(255, 255, 255, 0.7); }
        .navbar__collapse .navbar__nav .nav__sub .nav__link .badge {
          color: #ffffff;
          border-color: rgba(255, 255, 255, 0.3); }
        .navbar__collapse .navbar__nav .nav__sub .nav__link:hover, .navbar__collapse .navbar__nav .nav__sub .nav__link:focus {
          color: rgba(255, 255, 255, 0.9); }
        .navbar__collapse .navbar__nav .nav__sub .nav__link:active {
          color: rgba(255, 255, 255, 0.6); }
    .navbar__off-canvas {
      top: 56px;
      width: 320px;
      max-width: 100%; }
      .navbar__off-canvas .navbar__menu {
        overflow: auto; }
    .navbar__collapse .navbar__menu,
    .navbar__collapse .navbar__nav, .navbar__off-canvas .navbar__menu,
    .navbar__off-canvas .navbar__nav {
      flex-direction: column;
      flex-grow: 1;
      width: 100%; }
    .navbar__menu .nav > .nav__item.has-dropdown > .nav__link:after {
      margin-left: auto; }
    .navbar__menu .nav > .nav__item.is-open > .nav__link .drop-arrow, .navbar__menu .nav > .nav__item.is-active > .nav__link .drop-arrow {
      display: none; }
    .navbar__menu .nav__item.is-open > .nav__dropdown.off-canvas-responsive {
      transform: translateX(0); }
    .navbar__menu .nav__link:after {
      display: block !important;
      margin-left: auto; }
    .navbar__menu .nav__dropdown {
      animation: none; }
      .navbar__menu .nav__dropdown.off-canvas-responsive {
        overflow-y: auto;
        display: block !important;
        width: calc(100% - 56px); }
        .navbar__menu .nav__dropdown.off-canvas-responsive .nav__header.is-hidden-responsive-up .top__addon:first-child .btn {
          margin-left: -8px; }
    .navbar .container .navbar__collapse > .navbar__menu > .nav,
    .navbar .navbar__collapse > .navbar__menu > .container > .nav {
      margin: 0 -16px; }
    .navbar > .container > .navbar__collapse {
      background: transparent; }
    .navbar .nav > .nav__item > .nav__dropdown.off-canvas-responsive > .nav__sub {
      padding-left: 0; }
      .navbar .nav > .nav__item > .nav__dropdown.off-canvas-responsive > .nav__sub:after {
        display: none; }
  .navbar__off-canvas, .navbar.off-canvas-responsive {
    top: 56px;
    width: 320px;
    max-width: 100%; }
    .navbar__off-canvas .navbar__menu, .navbar.off-canvas-responsive .navbar__menu {
      max-height: 100%;
      overflow: auto; }
    .navbar__off-canvas .navbar__nav, .navbar.off-canvas-responsive .navbar__nav {
      width: 100%; }
    .navbar__off-canvas .nav__link-arrow:before, .navbar.off-canvas-responsive .nav__link-arrow:before {
      width: 100%;
      transform: rotate(-90deg); }
  .navbar__collapse .navbar__menu,
  .navbar__collapse .navbar__nav, .navbar__off-canvas .navbar__menu,
  .navbar__off-canvas .navbar__nav {
    flex-direction: column;
    flex-grow: 1;
    width: 100%; } }

/*
*******************************************
3. Navbar - Main
*******************************************
*/
.navbar--main {
  height: 112px;
  min-height: 112px;
  background: transparent; }
  .navbar--main .navbar__nav .nav__link {
    color: #1B1C21;
    font-size: 20px;
    font-weight: 600; }
    .navbar--main .navbar__nav .nav__link .drop-arrow {
      bottom: -32px; }
  .navbar--main .navbar__burger span {
    background: #1B1C21; }

.navbar--main .nav__dropdown {
  top: 88px;
  min-width: 310px; }
  .navbar--main .nav__dropdown .nav__link {
    transition: background ease 0.3s; }
    .navbar--main .nav__dropdown .nav__link .nav__link-text {
      color: #2B1F51;
      font-size: 20px;
      line-height: 32px;
      transition: ease 0.3s; }
    .navbar--main .nav__dropdown .nav__link .nav__link-desc {
      color: #524972;
      font-size: 16px;
      line-height: 26px; }
  .navbar--main .nav__dropdown + .nav__item .nav__link {
    margin-top: 8px; }

@media (max-width: 1387px) {
  .navbar--main {
    height: 94px;
    min-height: 94px; } }

@media (max-width: 1011px) {
  .navbar--main {
    height: 70px;
    min-height: 70px; } }

/*
*******************************************
3. Navbar - Vertical
*******************************************
*/
@media (min-width: 1012px) {
  .navbar--v,
  .navbar--v > .navbar__collapse {
    flex-flow: column nowrap; }
  .navbar--v .navbar__brand {
    width: 100%; }
    .navbar--v .navbar__brand + .navbar__menu {
      padding-top: 0; }
  .navbar--v .navbar__actions {
    width: 100%; }
  .navbar--v .navbar__menu {
    overflow-y: hidden;
    flex-direction: column;
    max-height: 100%;
    width: 100%; }
  .navbar--v .navbar__nav > .nav__item {
    min-height: 56px; } }

@media (max-width: 1011px) {
  .navbar--v {
    width: 100%; }
    .navbar--v .navbar__brand,
    .navbar--v .navbar__actions {
      width: auto; } }

/*
*******************************************
4. Navbar - Vertical Wide
*******************************************
*/
.navbar--v-wide .navbar__nav > .nav__item.is-open.has-dropdown, .navbar--v-wide .navbar__nav > .nav__item.is-active.has-dropdown {
  background: rgba(0, 0, 0, 0.1); }
  .navbar--v-wide .navbar__nav > .nav__item.is-open.has-dropdown .nav__dropdown, .navbar--v-wide .navbar__nav > .nav__item.is-active.has-dropdown .nav__dropdown {
    padding-bottom: 8px; }

.navbar--v-wide .navbar__nav > .nav__item.is-active.has-dropdown .nav__dropdown {
  display: block; }

.navbar--v-wide .navbar__nav.has-icons > .nav__sub {
  padding-left: 40px; }
  .navbar--v-wide .navbar__nav.has-icons > .nav__sub:after {
    left: 26px; }

.navbar--v-wide .navbar__actions {
  background: rgba(0, 0, 0, 0.1); }

.navbar--v-wide .nav__sub:after {
  display: block; }

.navbar--v-wide .nav__sub .nav__link,
.navbar--v-wide .nav__sub .nav__hedaer {
  color: rgba(255, 255, 255, 0.7); }

.navbar--v-wide .nav__sub .nav__link {
  color: rgba(255, 255, 255, 0.7); }
  .navbar--v-wide .nav__sub .nav__link .badge {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3); }
  .navbar--v-wide .nav__sub .nav__link:hover, .navbar--v-wide .nav__sub .nav__link:focus {
    color: rgba(255, 255, 255, 0.9); }
  .navbar--v-wide .nav__sub .nav__link:active {
    color: rgba(255, 255, 255, 0.6); }

.navbar--v-wide.navbar--main .nav > .nav__header .nav__title {
  opacity: 0.8;
  color: rgba(255, 255, 255, 0.8); }

@media (min-width: 1012px) {
  .navbar--v-wide {
    width: 270px; }
    .navbar--v-wide .navbar__brand {
      height: 96px; } }

@media (max-width: 1011px) {
  .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub > .nav__item > .nav__link {
    color: #524972; }
    .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub > .nav__item > .nav__link:hover {
      color: #7D64C7; }
    .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub > .nav__item > .nav__link:focus, .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub > .nav__item > .nav__link:active {
      color: #6B4DC4; } }

/*
*******************************************
5. Navbar - Vertical Thin
*******************************************
*/
.navbar--v-thin .navbar__menu .navbar__nav.is-open > .nav__link > .drop-arrow, .navbar--v-thin .navbar__menu .navbar__nav.is-active > .nav__link > .drop-arrow {
  display: block; }

@media (min-width: 1012px) {
  .navbar--v-thin {
    position: relative;
    width: 110px; }
    .navbar--v-thin .navbar__brand {
      height: 112px;
      justify-content: center; }
    .navbar--v-thin .navbar__nav > .nav__item {
      overflow: hidden;
      position: static; }
      .navbar--v-thin .navbar__nav > .nav__item > .nav__link {
        position: relative;
        flex-direction: column;
        width: 100%;
        padding: 16px 8px; }
        .navbar--v-thin .navbar__nav > .nav__item > .nav__link .nav__link-icon {
          margin: 0; }
          .navbar--v-thin .navbar__nav > .nav__item > .nav__link .nav__link-icon + .nav__link-text {
            margin-top: 16px; }
        .navbar--v-thin .navbar__nav > .nav__item > .nav__link .nav__link-text {
          margin: 0;
          text-align: center; }
        .navbar--v-thin .navbar__nav > .nav__item > .nav__link .nav__link-arrow {
          display: none; }
      .navbar--v-thin .navbar__nav > .nav__item.has-dropdown > .nav__link:after {
        display: none; }
      .navbar--v-thin .navbar__nav > .nav__item > .nav__dropdown .nav__link,
      .navbar--v-thin .navbar__nav > .nav__item > .nav__dropdown .nav__header {
        width: 100%;
        padding-left: 24px;
        padding-right: 24px; }
      .navbar--v-thin .navbar__nav > .nav__item > .nav__dropdown > .nav__sub {
        padding-left: 0; }
        .navbar--v-thin .navbar__nav > .nav__item > .nav__dropdown > .nav__sub:after {
          display: none; }
    .navbar--v-thin .navbar__nav.has-open-item > .nav__item.is-active:not(.is-open) > .nav__link .drop-arrow {
      display: none; }
    .navbar--v-thin .nav__dropdown {
      overflow-y: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 1002;
      left: 110px;
      width: 300px;
      margin: 0;
      padding: 8px 0;
      background: #fff;
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
      animation-name: fadeInRight;
      animation-duration: 0.3s;
      animation-fill-mode: both; } }

@media (max-width: 1011px) {
  .navbar--v-thin .navbar__menu .nav > .nav__item {
    position: unset; }
    .navbar--v-thin .navbar__menu .nav > .nav__item > .nav__link {
      flex-flow: row;
      padding: 8px 16px; } }

.burger {
  position: relative;
  align-self: center;
  width: 56px;
  height: 56px;
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
  border: none;
  cursor: pointer; }
  .burger span {
    position: absolute;
    left: calc(50% - 10px);
    display: block;
    width: 20px;
    height: 2px;
    transition: .25s ease-in-out;
    transform: rotate(0deg);
    opacity: 1;
    border-radius: 9px;
    background: #EFEFEF; }
    .burger span:nth-child(1) {
      top: calc(50% - 8px); }
    .burger span:nth-child(2) {
      top: 50%; }
    .burger span:nth-child(3) {
      top: calc(50% + 8px); }
  .burger:focus, .burger:active {
    outline: none; }
  .burger[aria-expanded="true"] span:nth-child(1), .burger.is-active span:nth-child(1) {
    top: 50%;
    transform: rotate(135deg); }
  .burger[aria-expanded="true"] span:nth-child(2), .burger.is-active span:nth-child(2) {
    left: -60px;
    opacity: 0; }
  .burger[aria-expanded="true"] span:nth-child(3), .burger.is-active span:nth-child(3) {
    top: 50%;
    transform: rotate(-135deg); }

@media (min-width: 1012px) {
  .burger {
    display: none; } }

@media (max-width: 1011px) {
  .burger {
    display: flex; } }

/*
*******************************************
Badge
1. General
2. Sizes
3. Other
4. Responsive
*******************************************
*/
/*
*******************************************
1. Badge - general
*******************************************
*/
.badge {
  text-align: center;
  font-weight: 400;
  border: 1px solid;
  border-radius: 25px;
  display: inline-block;
  font-size: 10px;
  line-height: 18px;
  padding: 0 4px;
  min-width: 18px;
  height: 18px; }

/*
*******************************************
2. Badge - sizes
*******************************************
*/
.badge--xs {
  font-size: 8px;
  line-height: 16px;
  padding: 0 4px;
  min-width: 16px;
  height: 16px; }

.badge--sm {
  font-size: 8px;
  line-height: 16px;
  padding: 0 4px;
  min-width: 16px;
  height: 16px; }

.badge--d {
  font-size: 10px;
  line-height: 18px;
  padding: 0 4px;
  min-width: 18px;
  height: 18px; }

.badge--lg {
  font-size: 12px;
  line-height: 24px;
  padding: 0 8px;
  min-width: 24px;
  height: 24px; }

.badge--xlg {
  font-size: 14px;
  line-height: 38px;
  padding: 0 2px;
  min-width: 40px;
  height: 40px; }

@media (max-width: 751px) {
  .badge--mob-xs {
    font-size: 8px;
    line-height: 16px;
    padding: 0 4px;
    min-width: 16px;
    height: 16px; }
  .badge--mob-sm {
    font-size: 8px;
    line-height: 16px;
    padding: 0 4px;
    min-width: 16px;
    height: 16px; }
  .badge--mob-d {
    font-size: 10px;
    line-height: 18px;
    padding: 0 4px;
    min-width: 18px;
    height: 18px; }
  .badge--mob-lg {
    font-size: 12px;
    line-height: 24px;
    padding: 0 8px;
    min-width: 24px;
    height: 24px; }
  .badge--mob-xlg {
    font-size: 14px;
    line-height: 38px;
    padding: 0 2px;
    min-width: 40px;
    height: 40px; } }

/*
*******************************************
3. Badge - colors
*******************************************
*/
.badge {
  color: #524972;
  background: #fff;
  border-color: #fff; }
  .badge--default {
    color: #524972;
    background: #fff;
    border-color: #fff; }
  .badge--primary {
    color: #ffffff;
    background: #6B4DC4;
    border-color: #6B4DC4; }
  .badge--secondary {
    color: #ffffff;
    background: #F67A3C;
    border-color: #F67A3C; }
  .badge--success {
    color: #ffffff;
    background: #009A64;
    border-color: #009A64; }
  .badge--info {
    color: #ffffff;
    background: #4685EF;
    border-color: #4685EF; }
  .badge--warning {
    color: #ffffff;
    background: #EA862B;
    border-color: #EA862B; }
  .badge--danger {
    color: #ffffff;
    background: #D83A3A;
    border-color: #D83A3A; }
  .badge--light-overlay {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.3); }
  .badge--dark-overlay {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.15); }
  .badge--outline {
    color: #524972;
    background: transparent;
    border-color: #fff; }
    .badge--outline.badge--default {
      color: #524972;
      background: transparent;
      border-color: #fff; }
    .badge--outline.badge--primary {
      color: #6B4DC4;
      border-color: #6B4DC4; }
    .badge--outline.badge--secondary {
      color: #F67A3C;
      border-color: #F67A3C; }
    .badge--outline.badge--success {
      color: #009A64;
      border-color: #009A64; }
    .badge--outline.badge--info {
      color: #4685EF;
      border-color: #4685EF; }
    .badge--outline.badge--warning {
      color: #EA862B;
      border-color: #EA862B; }
    .badge--outline.badge--danger {
      color: #D83A3A;
      border-color: #D83A3A; }
    .badge--outline.badge--light-overlay {
      color: #ffffff;
      border-color: rgba(255, 255, 255, 0.3); }
    .badge--outline.badge--dark-overlay {
      color: rgba(0, 0, 0, 0.6);
      border-color: rgba(0, 0, 0, 0.15); }

/*
*******************************************
Labels
1. General
2. Sizes
3. Colors
*******************************************
*/
/*
*******************************************
1. Labels - general
*******************************************
*/
.label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 12px;
  font-weight: 400;
  text-align: center;
  text-transform: none;
  vertical-align: middle; }

/*
*******************************************
2. Labels - sizes
*******************************************
*/
.label {
  font-size: 12px;
  padding: 0 12px;
  height: 24px; }
  .label--sm {
    font-size: 10px;
    padding: 0 8px;
    height: 20px; }
  .label--lg {
    font-size: 13px;
    padding: 0 16px;
    height: 32px; }

/*
*******************************************
3. Labels - colors
*******************************************
*/
.label {
  color: #524972;
  background: #fff; }
  .label--default {
    color: #524972;
    background: #fff; }
  .label--primary {
    color: #fff;
    background: #6B4DC4; }
  .label--secondary {
    color: #fff;
    background: #F67A3C; }
  .label--success {
    color: #fff;
    background: #009A64; }
  .label--info {
    color: #fff;
    background: #4685EF; }
  .label--warning {
    color: #fff;
    background: #EA862B; }
  .label--danger {
    color: #fff;
    background: #D83A3A; }
  .label--light-overlay {
    color: #fff;
    background: rgba(255, 255, 255, 0.3); }
  .label--dark-overlay {
    color: #fff;
    background: rgba(0, 0, 0, 0.15); }
  .label--outline {
    background: transparent;
    color: #524972;
    border-color: #fff; }
    .label--outline.label--default {
      color: #524972;
      border-color: #fff; }
    .label--outline.label--primary {
      color: #6B4DC4;
      border-color: #6B4DC4; }
    .label--outline.label--secondary {
      color: #F67A3C;
      border-color: #F67A3C; }
    .label--outline.label--success {
      color: #009A64;
      border-color: #009A64; }
    .label--outline.label--info {
      color: #4685EF;
      border-color: #4685EF; }
    .label--outline.label--warning {
      color: #EA862B;
      border-color: #EA862B; }
    .label--outline.label--danger {
      color: #D83A3A;
      border-color: #D83A3A; }
    .label--outline.label--light-overlay {
      color: #fff;
      border-color: rgba(255, 255, 255, 0.3); }
    .label--outline.label--dark-overlay {
      color: rgba(0, 0, 0, 0.6);
      border-color: rgba(0, 0, 0, 0.15); }
  .label--status {
    background: transparent;
    border: none;
    padding: 0;
    height: auto;
    color: #524972; }
    .label--status:before {
      display: inline-block;
      content: '';
      width: 12px;
      height: 12px;
      border: 2px solid;
      border-radius: 6px;
      margin-right: 8px; }
    .label--status.label--default {
      color: #524972; }
    .label--status.label--primary {
      color: #6B4DC4; }
    .label--status.label--secondary {
      color: #F67A3C; }
    .label--status.label--success {
      color: #009A64; }
    .label--status.label--info {
      color: #4685EF; }
    .label--status.label--warning {
      color: #EA862B; }
    .label--status.label--danger {
      color: #D83A3A; }
    .label--status.label--light-overlay {
      color: #fff; }
    .label--status.label--dark-overlay {
      color: rgba(0, 0, 0, 0.6); }

/*
*******************************************
Breadcrumbs
1. General
*******************************************
*/
/*
*******************************************
1. Breadcrumbs - General
*******************************************
*/
.breadcrumb {
  display: flex;
  align-items: center;
  list-style: none;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  background: transparent; }
  .breadcrumb__item:before {
    padding: 0 8px;
    color: #9D9DA6;
    content: "/\00a0"; }
  .breadcrumb__item:first-child:before {
    display: none; }
  .breadcrumb__item.is-active .breadcrumb__link {
    color: #524972; }
  .breadcrumb__item > a {
    opacity: 0.8; }
  .breadcrumb__link {
    display: inline-block;
    color: #2B1F51; }

/*
*******************************************
3. Breadcrumbs - Separators
*******************************************
*/
.breadcrumb--sm {
  font-size: 16px; }

.breadcrumb--lg {
  font-size: 20px; }

/*
*******************************************
3. Breadcrumbs - Separators
*******************************************
*/
/*
*******************************************
Lists
1. General
2. Sizes
3. Types
*******************************************
*/
/*
*******************************************
1. Lists - general
*******************************************
*/
ul {
  margin-bottom: 16px;
  padding: 0;
  list-style: none; }

.list {
  margin: 0;
  padding: 0; }
  .list:after {
    display: block;
    content: "";
    clear: both; }

.list .list__item {
  padding: 4px 0; }

.list .list__label {
  color: #9D9DA6; }
  .list .list__label:first-child {
    margin-right: 6px; }
  .list .list__label:last-child {
    margin-left: 6px; }

/*
*******************************************
2. Lists - sizes
*******************************************
*/
.list--sm li {
  font-size: 16px;
  line-height: 26px;
  padding: 1px 0; }

.list--lg li {
  font-size: 20px;
  line-height: 32px;
  padding: 4px 0 4px 32px; }

.list--lg .list__item {
  margin-bottom: 13px; }

.list--icon.list--sm li:before,
.list--icon.list--sm li .list__icon {
  font-size: 14px;
  top: 2px;
  width: 16px;
  height: 16px; }

.list--icon.list--md li:before,
.list--icon.list--md li .list__icon {
  font-size: 24px;
  top: 0; }

.list--icon.list--lg li:before,
.list--icon.list--lg li .list__icon {
  font-size: 24px;
  top: 2px; }

/*
*******************************************
3. Lists - types
*******************************************
*/
.list--icon li {
  position: relative;
  padding: 2px 0 2px 32px; }
  .list--icon li:before,
  .list--icon li .list__icon {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 19px;
    text-align: center;
    line-height: 24px; }

.list--info .list__item {
  display: flex; }

.list--info .list__label {
  width: 50%;
  flex-basis: 50%;
  max-width: 300px; }

.list--info .list__value {
  width: 50%;
  flex-basis: 50%; }

.list--h li {
  float: left; }
  .list--h li + li {
    margin-left: 16px; }

@media (min-width: 752px) {
  .list--p-1x .list__item {
    padding: 8px 0; } }

/*
*******************************************
Pagination
1. General
*******************************************
*/
/*
*******************************************
1. Pagination - general
*******************************************
*/
.pagination {
  display: flex;
  align-items: center;
  justify-content: center; }
  .pagination__item {
    display: flex;
    align-content: center;
    justify-content: center;
    height: 32px;
    min-width: 32px;
    padding: 4px;
    cursor: pointer;
    color: #2B1F51;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px; }
    .pagination__item:last-child {
      margin-right: 0; }
    .pagination__item.is-active, .pagination__item--active {
      color: #7D64C7; }
  .pagination--article .pagination__item {
    width: 36px;
    height: 36px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
    margin-right: 12px;
    border-radius: 50%;
    cursor: initial; }
    .pagination--article .pagination__item:nth-last-child(2) {
      margin-right: 0; }
    .pagination--article .pagination__item.pagination__item--active {
      background: #fff; }
    .pagination--article .pagination__item--previous {
      margin-right: auto; }
    .pagination--article .pagination__item--next {
      margin-left: auto; }

.package {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 24px;
  border: solid 1px #fff;
  box-shadow: 0px 2px 10px -1px rgba(30, 45, 70, 0.05);
  text-align: center; }
  .package__header {
    padding: 24px; }
    .package__header + .package__content {
      padding-top: 0; }
  .package__title {
    margin-bottom: 8px; }
  .package__price .price__value {
    font-weight: 800; }
  .package__price .price__prefix {
    font-weight: 700; }
  .package__price .price__cycle {
    font-weight: 400; }
  .package__icon {
    margin-bottom: 24px; }
  .package__content {
    padding: 24px;
    font-size: 15px;
    line-height: 24px; }
    .package__content > *:last-child {
      margin-bottom: 0; }
    .package__content .package__title {
      margin-bottom: 16px; }
  .package__footer {
    padding: 0 24px 24px; }

.package--addon .package__footer {
  display: flex;
  justify-content: space-between; }
  .package--addon .package__footer > * {
    margin-bottom: 0; }

.package--addon-icon .package__body {
  display: flex;
  text-align: left; }
  .package--addon-icon .package__body .package__icon {
    padding: 24px; }
  .package--addon-icon .package__body .package__content + .package__icon,
  .package--addon-icon .package__body .package__icon + .package__content {
    padding-left: 0; }

@media (max-width: 1011px) {
  .package {
    padding: 8px 2px; } }

@media (max-width: 1011px) {
  .switcher.switcher--packages {
    margin-bottom: 10px; } }

.switcher {
  position: relative;
  height: 44px;
  padding: 0 3px;
  border: 1px solid white;
  border-radius: 40px; }
  .switcher.switcher--packages {
    margin-bottom: 40px; }
  .switcher .switcher__items {
    display: flex;
    height: 100%;
    align-items: center; }
  .switcher .switcher__item {
    font-size: 13px;
    font-weight: 600;
    color: #524972;
    position: relative;
    z-index: 20;
    display: inline-flex;
    height: 48px;
    margin: 0;
    padding: 0 52px;
    cursor: pointer;
    transition: color .5s;
    border: 0;
    border-radius: 40px;
    background: transparent;
    align-items: center; }
    .switcher .switcher__item:focus {
      outline: 0; }
    .switcher .switcher__item:first-child {
      margin-left: 0; }
    .switcher .switcher__item:last-child {
      margin-right: 0; }
    .switcher .switcher__item.is-active {
      color: #fff;
      padding: 0 34px; }
  .switcher .switcher__description {
    font-weight: 300; }
  .switcher .switcher__highlight {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    height: 48px;
    margin: auto;
    border-radius: 40px;
    background: #F67A3C; }

.switcher--sm .switcher__items .switcher__item {
  padding: 0 20px; }

/*
*******************************************
Messages
1. General
2. Types
3. Positions
*******************************************
*/
/*
*******************************************
1. Ribbon - general
*******************************************
*/
.has-ribbon {
  overflow: hidden; }

.ribbon {
  width: 130px;
  background: #6B4DC4;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 18px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  font-size: 10px; }

/*
*******************************************
2. Ribbon - Types
*******************************************
*/
.ribbon--sticky {
  position: fixed; }

.ribbon--shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

/*
*******************************************
2. Ribbon - Positions
*******************************************
*/
.ribbon--top-left {
  top: 25px;
  left: -50px;
  transform: rotate(-45deg); }

.ribbon--top-right {
  top: 10px;
  right: -47px;
  left: auto;
  transform: rotate(45deg); }

.ribbon--bottom-left {
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg); }

.ribbon--bottom-right {
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg); }

/*
*******************************************
Tables
1. General
2. Sizes
*******************************************
*/
/*
*******************************************
1. Tables - general
*******************************************
*/
.table {
  width: 100%;
  max-width: 100%; }
  .table thead th,
  .table thead td,
  .table tbody th,
  .table tbody td,
  .table tfoot th,
  .table tfoot td {
    padding: 8px;
    height: 48px; }
  .table thead th,
  .table thead td {
    font-size: 11px; }
  .table tbody th,
  .table tbody td,
  .table tfoot th,
  .table tfoot td {
    font-size: 18px; }
  .table thead th,
  .table thead td,
  .table tbody th,
  .table tbody td,
  .table tfoot th,
  .table tfoot td {
    border-top: 1px solid white; }
  .table thead th,
  .table thead td {
    border-bottom: 2px solid white; }
  .table tbody th,
  .table tbody td {
    border-bottom: 1px solid white; }
  .table thead tr td,
  .table thead tr th,
  .table tbody tr td,
  .table tbody tr th,
  .table tfoot tr td,
  .table tfoot tr th {
    vertical-align: middle; }
    .table thead tr td:first-child,
    .table thead tr th:first-child,
    .table tbody tr td:first-child,
    .table tbody tr th:first-child,
    .table tfoot tr td:first-child,
    .table tfoot tr th:first-child {
      padding-left: 16px; }
    .table thead tr td:last-child,
    .table thead tr th:last-child,
    .table tbody tr td:last-child,
    .table tbody tr th:last-child,
    .table tfoot tr td:last-child,
    .table tfoot tr th:last-child {
      padding-right: 16px; }
    .table thead tr td:hover, .table thead tr td:focus,
    .table thead tr th:hover,
    .table thead tr th:focus,
    .table tbody tr td:hover,
    .table tbody tr td:focus,
    .table tbody tr th:hover,
    .table tbody tr th:focus,
    .table tfoot tr td:hover,
    .table tfoot tr td:focus,
    .table tfoot tr th:hover,
    .table tfoot tr th:focus {
      outline: 0; }
  .table thead tr td,
  .table tbody tr td,
  .table tfoot tr td {
    border-bottom: none; }
  .table thead .form-check,
  .table tbody .form-check,
  .table tfoot .form-check {
    margin-bottom: 0; }
  .table thead tr td,
  .table thead tr th {
    border-top: none;
    border-bottom-width: 2px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 300; }
    .table thead tr td:after,
    .table thead tr th:after {
      display: none; }
  .table thead .sorting,
  .table thead .sorting_desc:not(.no-sort),
  .table thead .sorting_asc:not(.no-sort) {
    cursor: pointer; }
    .table thead .sorting > span,
    .table thead .sorting .table__text,
    .table thead .sorting_desc:not(.no-sort) > span,
    .table thead .sorting_desc:not(.no-sort) .table__text,
    .table thead .sorting_asc:not(.no-sort) > span,
    .table thead .sorting_asc:not(.no-sort) .table__text {
      display: block; }
      .table thead .sorting > span:after,
      .table thead .sorting .table__text:after,
      .table thead .sorting_desc:not(.no-sort) > span:after,
      .table thead .sorting_desc:not(.no-sort) .table__text:after,
      .table thead .sorting_asc:not(.no-sort) > span:after,
      .table thead .sorting_asc:not(.no-sort) .table__text:after {
        display: inline-block;
        content: '';
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin-left: 8px; }
  .table thead .sorting_desc:not(.no-sort) > span:after,
  .table thead .sorting_desc:not(.no-sort) .table__text:after {
    content: '\f2fe'; }
  .table thead .sorting_asc:not(.no-sort) > span:after,
  .table thead .sorting_asc:not(.no-sort) .table__text:after {
    content: '\f303'; }
  .table tbody tr[data-url] {
    cursor: pointer; }
  .table .cell-actions {
    text-align: right;
    white-space: nowrap; }
    .table .cell-actions .btn .btn__icon i {
      font-size: 24px; }
    .table .cell-actions .btn + .btn {
      margin-left: 8px; }
  .table .cell-wrap {
    white-space: normal; }

/*
*******************************************
2. Tables - sizes
*******************************************
*/
.table--xs thead th,
.table--xs thead td,
.table--xs tbody th,
.table--xs tbody td,
.table--xs tfoot th,
.table--xs tfoot td {
  padding: 3px 8px;
  height: 32px; }

.table--xs tbody th,
.table--xs tbody td,
.table--xs tfoot th,
.table--xs tfoot td {
  font-size: 16px; }

.table--sm thead th,
.table--sm thead td,
.table--sm tbody th,
.table--sm tbody td,
.table--sm tfoot th,
.table--sm tfoot td {
  height: 40px; }

/*
*******************************************
3. Tables - Types
*******************************************
*/
.table--border {
  border: 1px solid; }
  .table--border thead th:first-child,
  .table--border thead td:first-child,
  .table--border tbody th:first-child,
  .table--border tbody td:first-child,
  .table--border tfoot th:first-child,
  .table--border tfoot td:first-child {
    padding-left: 16px; }
  .table--border thead th:last-child,
  .table--border thead td:last-child,
  .table--border tbody th:last-child,
  .table--border tbody td:last-child,
  .table--border tfoot th:last-child,
  .table--border tfoot td:last-child {
    padding-right: 16px; }

.table--responsive {
  display: block;
  width: 100%;
  overflow-x: auto; }

/*
*******************************************
2. Table - Container
*******************************************
*/
.t-c {
  position: relative;
  width: 100%; }
  .t-c__top {
    position: relative; }
    .t-c__top .top__search {
      width: 262px; }
    .t-c__top .top__filter .status {
      vertical-align: bottom; }
    .t-c__top + .t-c__body {
      margin-top: 24px; }
  .t-c__alert {
    margin: 0;
    border-radius: 0; }
  .t-c__mass-actions {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    height: 48px;
    padding: 2px 16px 2px 56px;
    background: #fff;
    box-shadow: 0px 2px 5px -1px rgba(30, 45, 70, 0.05);
    border-radius: 12px;
    animation-name: fadeInUp;
    animation-duration: 0.3s;
    animation-fill-mode: both; }
    @media (max-width: 1387px) {
      .t-c__mass-actions {
        border-radius: 12px; } }
    @media (max-width: 1011px) {
      .t-c__mass-actions {
        border-radius: 10px; } }
    @media (max-width: 751px) {
      .t-c__mass-actions {
        border-radius: 8px; } }
    .t-c__mass-actions.is-open {
      display: flex !important; }
    .t-c__mass-actions .drop-arrow {
      display: block;
      left: 16px;
      animation: none; }
      .t-c__mass-actions .drop-arrow:after {
        background: #fff; }
    .t-c__mass-actions .value {
      margin-right: 8px; }
  .t-c__body--boxed {
    background: #fff;
    border-radius: 0;
    box-shadow: 0px 2px 10px -1px rgba(30, 45, 70, 0.05);
    border: 1px solid #fff; }
    .t-c__body--boxed .t-c__alert {
      width: auto;
      margin: -1px -1px 0 -1px; }
  .t-c__footer {
    display: flex;
    padding: 8px 10px;
    border-top: 1px solid #fff;
    justify-content: space-between; }
    .t-c__footer .dataTables_paginate {
      display: flex; }
    .t-c__footer .dt-button,
    .t-c__footer .paginate_button {
      justify-content: center;
      font-weight: 600;
      color: #2B1F51;
      display: inline-flex !important;
      width: 32px;
      height: 32px;
      cursor: pointer;
      align-items: center; }
      .t-c__footer .dt-button + .dt-button,
      .t-c__footer .dt-button + .paginate_button,
      .t-c__footer .paginate_button + .dt-button,
      .t-c__footer .paginate_button + .paginate_button {
        margin-left: 4px; }
      .t-c__footer .dt-button.active, .t-c__footer .dt-button.current,
      .t-c__footer .paginate_button.active,
      .t-c__footer .paginate_button.current {
        color: #6B4DC4; }
        .t-c__footer .dt-button.active:active, .t-c__footer .dt-button.active:focus, .t-c__footer .dt-button.active:hover, .t-c__footer .dt-button.current:active, .t-c__footer .dt-button.current:focus, .t-c__footer .dt-button.current:hover,
        .t-c__footer .paginate_button.active:active,
        .t-c__footer .paginate_button.active:focus,
        .t-c__footer .paginate_button.active:hover,
        .t-c__footer .paginate_button.current:active,
        .t-c__footer .paginate_button.current:focus,
        .t-c__footer .paginate_button.current:hover {
          text-decoration: none;
          outline: 0; }
    .t-c__footer .paginate_button.disabled {
      opacity: .3; }
    .t-c__footer .dt-buttons {
      display: flex;
      align-items: center; }

.dataTables_wrapper {
  overflow: auto; }

.dataTables_empty {
  width: 100% !important;
  text-align: center !important; }

/*
*******************************************
2. Table - Responsive
*******************************************
*/
@media (min-width: 752px) {
  .t-c__body .table td:first-child {
    padding-left: 24px; }
  .t-c__body .table td:last-child {
    padding-right: 24px; }
  .t-c__body .table-footer {
    border-right: 0;
    border-left: 0; } }

/*
*******************************************
Messages
1. General
2. Sizes
3. Responsive
*******************************************
*/
/*
*******************************************
1. Messages - general
*******************************************
*/
.msg {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 480px;
  margin: auto; }
  .msg__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
    width: 64px;
    min-width: 64px;
    margin: 0 auto; }
    .msg__icon + .msg__body {
      margin-top: 16px; }
  .msg__body {
    flex-grow: 1; }
    .msg__body > *:last-child {
      margin-bottom: 0; }
  .msg__title {
    margin-top: 0;
    margin-bottom: 16px; }
    @media (min-width: 752px) {
      .msg__title {
        font-size: 26px;
        font-weight: 700;
        line-height: 34px; } }
    @media (max-width: 751px) {
      .msg__title {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px; } }
    .msg__title + .msg__actions {
      margin-top: 0; }
  .msg__description {
    margin: 0; }
  .msg__actions {
    width: 100%;
    margin-top: 16px; }

.zero-data {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px; }

/*
*******************************************
2. Messages - Types
*******************************************
*/
.msg.msg--h {
  flex-direction: row;
  flex-wrap: nowrap;
  text-align: left;
  justify-content: initial; }
  .msg.msg--h .msg__icon {
    align-self: flex-start;
    margin-right: 24px; }
    .msg.msg--h .msg__icon + .msg__body {
      margin-top: 0; }
  .msg.msg--h .msg__icon:last-child {
    margin-right: 0;
    margin-left: 24px; }

.msg.msg--h-right .msg__icon {
  order: 2;
  margin-left: 24px;
  margin-right: 0; }

/*
*******************************************
3. Messages - Sizes
*******************************************
*/
.msg.msg--sm {
  max-width: 270px; }
  .msg.msg--sm .msg__title {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px; }
    @media (max-width: 1387px) {
      .msg.msg--sm .msg__title {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px; } }
    @media (max-width: 1011px) {
      .msg.msg--sm .msg__title {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px; } }
    @media (max-width: 751px) {
      .msg.msg--sm .msg__title {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px; } }
    .msg.msg--sm .msg__title + .msg__actions .btn--link:first-child {
      margin-top: 0; }
    .msg.msg--sm .msg__title + .msg__actions .btn:not(.btn--link):first-child {
      margin-top: 8px; }
  .msg.msg--sm .msg__description {
    font-size: 16px;
    line-height: 18px; }

.msg.msg--lg .msg__actions {
  margin-top: 24px; }

/*
*******************************************
3. Messages - responsive
*******************************************
*/
@media (max-width: 751px) {
  .msg.mob-msg--h {
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0;
    text-align: left;
    justify-content: initial;
    max-width: initial; }
    .msg.mob-msg--h .msg__icon {
      align-self: flex-start;
      margin-right: 16px; }
      .msg.mob-msg--h .msg__icon + .msg__body {
        margin-top: 0; }
    .msg.mob-msg--h .msg__title {
      margin-top: 0;
      margin-bottom: 6px;
      width: 100%; }
    .msg.mob-msg--h .msg__description {
      width: 100%;
      margin-bottom: 0; }
    .msg.mob-msg--h .msg__actions {
      display: none; }
    .msg.mob-msg--h *:last-child {
      margin-bottom: 0;
      padding-bottom: 0; }
  .msg.mob-msg--h-right .msg__icon {
    order: 2;
    margin-left: 16px;
    margin-right: 0; }
  .msg--no-date {
    -webkit-box-orient: horizontal; }
    .msg--no-date span.btn {
      min-height: 44px !important;
      height: auto; } }

/*
*******************************************
Widgets
1. General
2. Elements
2. Sizes
3. Colors
4. Responsive
*******************************************
*/
/*
*******************************************
1. Widgets - general
*******************************************
*/
.widget {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  border-radius: 0;
  box-shadow: 0px 2px 10px -1px rgba(30, 45, 70, 0.05);
  overflow: hidden; }

/*
*******************************************
2. Widgets - Elements
*******************************************
*/
.widget__header {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%; }
  .widget__header + .widget__body {
    border-top: 0; }

.widget__top {
  position: relative;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  height: 48px;
  padding: 0 16px; }
  .widget__top .top__title-text {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px; }
  .widget__top + .widget__body,
  .widget__top + .widget__header {
    border-top: 0;
    height: auto; }

.widget__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1; }
  .widget__body > .widget__actions,
  .widget__body > .widget__media {
    border: 0; }
  .widget__body > .widget__alert {
    margin: -1px -1px 0 -1px; }
  .widget__body + .widget__body {
    border-top: 0; }
  .widget__body + .widget__body[class*='bg-'] {
    border-color: transparent;
    margin-top: -1px; }
  .widget__body .list-group {
    border: none;
    overflow: auto; }

.widget .widget__body .widget__top,
.widget .widget__header .widget__top,
.widget .widget__popup .widget__top {
  border-width: 0; }
  .widget .widget__body .widget__top + .widget__content,
  .widget .widget__header .widget__top + .widget__content,
  .widget .widget__popup .widget__top + .widget__content {
    padding-top: 0; }

.widget__nav {
  margin-bottom: -1px; }

.widget__content {
  flex-grow: 1;
  padding: 16px; }

.widget__actions {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  min-height: 52px;
  margin-top: -1px; }
  .widget__actions--xs {
    height: 44px;
    min-height: 44px; }
  .widget__actions--sm {
    height: 48px;
    min-height: 48px; }
  .widget__actions--lg {
    height: 60px;
    min-height: 60px; }
  .widget__actions:not(.widget__actions--raised) > * {
    min-width: 0;
    padding: 0 16px; }
  .widget__actions + .widget__body {
    border-top: 0; }
  .widget__actions .btn + .btn {
    margin-left: 8px; }
  .widget__actions--raised {
    height: auto;
    padding: 10px 16px; }

.widget__header, .widget__top, .widget__body, .widget__actions {
  border-width: 1px;
  border-style: solid; }

.widget__alert {
  width: auto;
  border-radius: 0; }
  .widget__alert.is-absolute {
    top: 0;
    left: 0;
    right: 0;
    z-index: 3; }

.widget__divider {
  height: 1px;
  margin: 24px -16px 19px; }

.widget__media {
  flex: 1;
  position: relative;
  overflow: hidden;
  margin-bottom: -1px;
  background: white;
  text-align: center; }
  .widget__media:before,
  .widget__media .widget__overlay:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.05); }
  .widget__media > img {
    max-height: 100%;
    max-width: 100%; }
  .widget__media .widget__alert {
    margin: 0; }

.widget__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-60deg, rgba(228, 236, 242, 0.9) 0%, rgba(239, 242, 245, 0.6) 100%);
  opacity: 0;
  visibility: hidden;
  transition: ease-in-out 0.3s; }
  .widget__overlay > .widget__content {
    transform: translateY(10px);
    transition: ease-in-out 0.3s; }

.has-overlay > img,
.has-overlay .widget__media > img,
.has-overlay .widget__overlay + .widget__content {
  transition: ease-in-out 0.3s; }

.has-overlay:hover .widget__overlay {
  opacity: 1;
  visibility: visible; }
  .has-overlay:hover .widget__overlay > .widget__content {
    transform: translateY(0); }

.has-overlay:hover > img,
.has-overlay:hover .widget__media > img,
.has-overlay:hover .widget__overlay + .widget__content {
  filter: blur(2px);
  transform: scale(1.05); }

/* Type: Dashed */
.widget--dashed {
  box-shadow: none; }
  .widget--dashed .widget__body,
  .widget--dashed .widget__header {
    border-style: dashed; }

.widget--popup {
  overflow: hidden; }

.widget--group .widget {
  margin-bottom: -1px; }

.widget--link, .widget--check {
  cursor: pointer; }

.widget--link .widget__header,
.widget--link .widget__top,
.widget--link .widget__body,
.widget--link .widget__actions,
.widget--link .widget__media, .widget--dashed .widget__header,
.widget--dashed .widget__top,
.widget--dashed .widget__body,
.widget--dashed .widget__actions,
.widget--dashed .widget__media, .widget--check .widget__header,
.widget--check .widget__top,
.widget--check .widget__body,
.widget--check .widget__actions,
.widget--check .widget__media {
  transition: 0.3s; }

/*
*******************************************
3. Widgets - colors
*******************************************
*/
.widget {
  background: #fff; }
  .widget__header, .widget__top, .widget__body, .widget__actions, .widget__media {
    border-color: #fff; }
  .widget__top__title-text {
    color: #2B1F51; }
  .widget--link:hover, .widget--dashed:hover, .widget--check:hover {
    color: #524972; }
    .widget--link:hover .widget__header,
    .widget--link:hover .widget__top,
    .widget--link:hover .widget__body,
    .widget--link:hover .widget__actions,
    .widget--link:hover .widget__media, .widget--dashed:hover .widget__header,
    .widget--dashed:hover .widget__top,
    .widget--dashed:hover .widget__body,
    .widget--dashed:hover .widget__actions,
    .widget--dashed:hover .widget__media, .widget--check:hover .widget__header,
    .widget--check:hover .widget__top,
    .widget--check:hover .widget__body,
    .widget--check:hover .widget__actions,
    .widget--check:hover .widget__media {
      border-color: #6B4DC4; }
    .widget--link:hover .btn,
    .widget--link:hover .btn__icon, .widget--dashed:hover .btn,
    .widget--dashed:hover .btn__icon, .widget--check:hover .btn,
    .widget--check:hover .btn__icon {
      color: #6B4DC4; }

.widget.is-active {
  color: #6B4DC4; }
  .widget.is-active .widget__header,
  .widget.is-active .widget__top,
  .widget.is-active .widget__body,
  .widget.is-active .widget__actions,
  .widget.is-active .widget__media {
    border-color: #6B4DC4; }
  .widget.is-active .btn--icon .btn__icon {
    color: #6B4DC4; }

.widget.is-active-success {
  color: #009A64; }
  .widget.is-active-success .widget__header,
  .widget.is-active-success .widget__top,
  .widget.is-active-success .widget__body,
  .widget.is-active-success .widget__actions,
  .widget.is-active-success .widget__media {
    border-color: #009A64; }
  .widget.is-active-success .btn--icon .btn__icon {
    color: #009A64; }

/*
*******************************************
4. Widgets - responsive
*******************************************
*/
.has-dark-bg[class*="widget"] {
  overflow: visible;
  border: 0; }
  .has-dark-bg[class*="widget"] > * {
    border: 0; }
  .has-dark-bg[class*="widget"] div, .has-dark-bg[class*="widget"] p, .has-dark-bg[class*="widget"] span, .has-dark-bg[class*="widget"] label, .has-dark-bg[class*="widget"] sub {
    color: #fff; }
  .has-dark-bg[class*="widget"] .top__title-text {
    color: #fff; }
  .has-dark-bg[class*="widget"] .form-control {
    border-color: transparent; }

.has-dark-bg.widget {
  background: transparent; }

/*
*******************************************
List group
1. General
2. Sizes
3. Types
4. Responsive
*******************************************
*/
/*
*******************************************
1. List group - general
*******************************************
*/
.list-group {
  margin: 0;
  border: 1px solid #fff; }
  .list-group__item {
    display: flex;
    align-items: center;
    padding: 5px 16px;
    border-bottom: 1px solid white;
    color: #524972; }
    .list-group__item > *:last-child {
      margin-bottom: 0; }
    .list-group__item:last-child {
      border-bottom: 0; }
  .list-group__label {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 12px;
    color: #DBDBDB; }
  .list-group__content {
    flex-grow: 1; }
    .list-group__content > *:last-child {
      margin-bottom: 0; }
  .list-group__addon {
    flex-grow: 0; }
  .list-group__toolbar {
    display: flex;
    flex-grow: 0;
    align-items: center;
    white-space: nowrap; }
    .list-group__toolbar > * + * {
      margin-left: 16px; }
  .list-group__addon:first-child, .list-group__toolbar:first-child {
    margin-right: 16px; }
  .list-group__addon:last-child, .list-group__toolbar:last-child {
    margin-left: 16px; }
  .list-group__top {
    flex: auto;
    width: 100%; }
    .list-group__top + .list-group__content {
      margin-top: 16px; }
  .list-group__footer {
    flex: auto;
    width: 100%;
    margin-top: 16px; }
  .list-group__collapse {
    position: relative;
    width: 100%; }
    .list-group__collapse > .list-group__content {
      margin-top: 16px;
      padding-left: 40px; }
      .list-group__collapse > .list-group__content:before {
        position: absolute;
        left: 10px;
        right: 0;
        bottom: 0;
        top: 16px;
        display: block;
        width: 1px;
        content: '';
        background-color: white; }

a.list-group__item {
  transition: all 0.3s; }
  a.list-group__item:hover {
    color: #524972;
    background: white; }

/*
*******************************************
3. List group - Types
*******************************************
*/
.list-group--simple {
  border: none; }
  .list-group--simple .list-group__item {
    border: none; }

.list-group--v-middle > .list-group__item {
  align-items: center; }

.list-group--v-top > .list-group__item {
  align-items: flex-start; }

.list-group--nowrap > .list-group__item {
  flex-flow: row nowrap; }

.list-group--collapse {
  flex-direction: column; }
  .list-group--collapse .list-group__top {
    cursor: pointer; }
    .list-group--collapse .list-group__top:hover .top__title {
      color: #6B4DC4; }

.list-group--spacing-1x .list-group__item > .list-group__addon:first-child,
.list-group--spacing-1x .list-group__item > .list-group__toolbar:first-child {
  margin-right: 8px; }

.list-group--spacing-1x .list-group__item > .list-group__addon:last-child,
.list-group--spacing-1x .list-group__item > .list-group__toolbar:last-child {
  margin-left: 8px; }

.list-group--spacing-3x .list-group__item > .list-group__addon:first-child,
.list-group--spacing-3x .list-group__item > .list-group__toolbar:first-child {
  margin-right: 24px; }

.list-group--spacing-3x .list-group__item > .list-group__addon:last-child,
.list-group--spacing-3x .list-group__item > .list-group__toolbar:last-child {
  margin-left: 24px; }

.list-group--spacing-4x .list-group__item > .list-group__addon:first-child,
.list-group--spacing-4x .list-group__item > .list-group__toolbar:first-child {
  margin-right: 32px; }

.list-group--spacing-4x .list-group__item > .list-group__addon:last-child,
.list-group--spacing-4x .list-group__item > .list-group__toolbar:last-child {
  margin-left: 32px; }

/*
*******************************************
2. List group - Sizes
*******************************************
*/
.list-group--p-h-0x > .list-group__item {
  padding-left: 0;
  padding-right: 0; }

.list-group--p-v-3x > .list-group__item {
  padding-top: 24px;
  padding-bottom: 24px; }

.list-group--p-3x > .list-group__item {
  padding: 24px; }

.list-group--p-v-4x > .list-group__item {
  padding-top: 32px;
  padding-bottom: 32px; }

.list-group--p-4x > .list-group__item {
  padding: 32px; }

@media (max-width: 751px) {
  .list-group--mob-p-v-2x > .list-group__item {
    padding-top: 16px;
    padding-bottom: 16px; }
  .list-group--mob-p-2x > .list-group__item {
    padding: 16px; }
  .list-group--mob-p-v-3x > .list-group__item {
    padding-top: 24px;
    padding-bottom: 24px; }
  .list-group--mob-p-3x > .list-group__item {
    padding: 24px; } }

.list-group--xs > .list-group__item {
  line-height: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 11px; }

.list-group--sm {
  font-size: 16px;
  line-height: 16px; }
  .list-group--sm > .list-group__item {
    padding-top: 6px;
    padding-bottom: 6px; }

/*
*******************************************
4. List group - Responsive
*******************************************
*/
@media (max-width: 751px) {
  .list-group--lg .list-group__item {
    padding: 16px; } }

@media (max-width: 751px) {
  .mob-list-group--collapse {
    padding-left: 0; }
    .mob-list-group--collapse :before {
      display: none; }
    .mob-list-group--collapse .list-group__content--collapse {
      padding-left: 0; } }

/*
*******************************************
1. Tree View - General
*******************************************
*/
.tree-view .list-group {
  border: none; }
  .tree-view .list-group__item {
    padding: 0;
    border: none;
    cursor: pointer;
    transition: color 0.3s; }
    .tree-view .list-group__item:hover {
      color: #2B1F51; }
    .tree-view .list-group__item.is-open > .top .toggle-icon:before {
      transform: rotate(0); }
    .tree-view .list-group__item.is-open > .list-group {
      display: block; }
    .tree-view .list-group__item.is-active > .top .top__title {
      color: #009A64; }
      .tree-view .list-group__item.is-active > .top .top__title > i {
        color: inherit; }
    .tree-view .list-group__item > .list-group {
      display: none;
      margin-left: 24px; }
  .tree-view .list-group__top {
    position: relative;
    height: 32px;
    padding: 8px 0 8px 24px; }
    .tree-view .list-group__top .top__title {
      font-size: 16px;
      line-height: 18px; }
      .tree-view .list-group__top .top__title > i {
        margin-right: 8px; }
    .tree-view .list-group__top .toggle-icon {
      position: absolute;
      top: 8px;
      left: 0;
      height: 16px;
      width: 16px;
      text-align: center;
      background: #fff; }
      .tree-view .list-group__top .toggle-icon:before {
        line-height: 16px;
        transform: rotate(-90deg); }

/*
*******************************************
12 Tree View - Types
*******************************************
*/
.tree-view--bordered .list-group {
  position: relative; }
  .tree-view--bordered .list-group__top:before {
    position: absolute;
    top: 16px;
    left: 7px;
    display: block;
    content: '';
    height: 1px;
    width: 8px;
    background: white; }
  .tree-view--bordered .list-group:before {
    position: absolute;
    top: 8px;
    bottom: 16px;
    left: 7px;
    display: block;
    content: '';
    width: 1px;
    background: white; }

/*
*******************************************
Modals
1. General
2. Sizes
3. Other
*******************************************
*/
/*
*******************************************
1. Modals - general
*******************************************
*/
body.modal-open {
  overflow: hidden !important; }

.modal {
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: flex !important;
  outline: 0;
  opacity: 0;
  visibility: hidden;
  /* Element: Dialog */
  /* Element: Content */
  /* Element: Body */
  /* Element: Top */
  /* Element: Nav */
  /* Element: Actions */ }
  .modal.show {
    overflow: auto;
    opacity: 1;
    visibility: visible; }
  .modal__dialog {
    max-height: 100vh;
    width: 584px;
    transform: scale(0.5);
    transition: all 0.3s; }
  .modal__content {
    background-color: #fff;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2); }
  .modal__body {
    padding: 16px;
    border-top: 1px solid white;
    border-bottom: 1px solid white; }
    .modal__body--scroll {
      max-height: 400px;
      overflow-x: hidden;
      overflow-y: auto; }
  .modal__top {
    height: 48px;
    min-height: 48px;
    padding: 8px 16px; }
  .modal__nav {
    margin-bottom: -1px; }
  .modal__actions {
    padding: 16px 16px; }
    .modal__actions .btn {
      margin-right: 8px; }
      .modal__actions .btn:last-child {
        margin-right: 0; }
  .modal--hero .modal__content, .modal--info .modal__content {
    padding: 14px 24px 24px; }
    .modal--hero .modal__content > .top, .modal--info .modal__content > .top {
      padding: 0; }
      .modal--hero .modal__content > .top__title, .modal--info .modal__content > .top__title {
        overflow: initial;
        white-space: initial;
        font-size: 18px;
        text-overflow: initial; }
  .modal--hero .modal__body, .modal--info .modal__body {
    padding: 0;
    border: 0;
    margin: 24px 0 16px; }
    .modal--hero .modal__body + .modal__actions, .modal--info .modal__body + .modal__actions {
      margin-top: 32px; }
  .modal--hero .modal__actions, .modal--info .modal__actions {
    padding: 0; }
  .modal.show .modal__dialog {
    transform: scale(1); }
  .modal .close.is-absolute {
    top: 8px;
    right: 8px; }

/*
*******************************************
2. Modals - sizes
*******************************************
*/
.modal--xs .modal__dialog {
  width: 360px; }

.modal--sm .modal__dialog {
  width: 480px; }

.modal--xl .modal__dialog, .modal--lg .modal__dialog {
  width: 894px; }

.modal--xlg .modal__dialog {
  width: 1012px; }

.modal--lg.modal--default .modal__content .top,
.modal--lg.modal--default .modal__body,
.modal--lg.modal--default .modal__actions, .modal--xlg.modal--default .modal__content .top,
.modal--xlg.modal--default .modal__body,
.modal--xlg.modal--default .modal__actions {
  padding-left: 32px;
  padding-right: 32px; }

.modal--lg.modal--hero .modal__content, .modal--lg.modal--info .modal__content, .modal--xlg.modal--hero .modal__content, .modal--xlg.modal--info .modal__content {
  padding: 22px 32px 32px; }

.modal--full .modal__dialog {
  width: 100%; }

.modal--preview .modal__dialog {
  width: auto;
  max-width: 1012px; }

@media (max-width: 513px) {
  .modal .modal__dialog, .modal--sm .modal__dialog, .modal--lg .modal__dialog {
    width: 100%; } }

/*
*******************************************
3. Modals - other
*******************************************
*/
.is-open .modal,
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.5); }
  .modal-backdrop.fade {
    opacity: 0;
    visibility: hidden; }
  .modal-backdrop.show {
    opacity: .5;
    visibility: visible; }

.modal.fade.show {
  opacity: 1; }

.modal.fade {
  opacity: 0;
  transition: opacity .15s linear; }

/*
*******************************************
Tabs
1. General
*******************************************
*/
/*
*******************************************
1. Tabs - general
*******************************************
*/
.nav--tabs.nav--horizontal:after {
  background: none; }

.tabs-container {
  margin-bottom: 64px;
  border-bottom: 1px solid #fff; }

.tab-content > .tab-pane {
  display: none; }
  .tab-content > .tab-pane.is-active {
    display: block; }

.tabs {
  display: flex;
  margin-bottom: 0;
  flex-direction: column; }
  .tabs__nav:first-child {
    margin-bottom: 24px; }
  .tabs__nav:last-child {
    margin-top: 24px; }
  .tabs__nav > .nav.nav--tabs .nav__item {
    margin-right: 4px; }

.tabs--boxed > .tabs__nav {
  margin: 0; }
  .tabs--boxed > .tabs__nav .nav .nav__item {
    margin-right: 6px;
    background-color: #fff; }
    .tabs--boxed > .tabs__nav .nav .nav__item.is-active {
      background-color: white; }

.tabs--boxed > .tab-content {
  background-color: white; }
  .tabs--boxed > .tab-content > .tab-pane {
    padding: 24px; }

.tabs--boxed .tabs--secondary > .tabs__nav .nav .nav__item.is-active {
  background: #F67A3C; }

.tabs--boxed .tabs--secondary > .tab-content {
  background: #F67A3C; }

.tabs-vertical li {
  margin-bottom: 10px; }

.tabs-vertical .active .tabs__link {
  border-bottom: 3px solid #6B4DC4; }

.tabs-vertical .tabs__link {
  font-size: 15px;
  display: inline-flex;
  margin-bottom: 8px;
  padding: 3px 0; }
  .tabs-vertical .tabs__link:hover, .tabs-vertical .tabs__link:focus, .tabs-vertical .tabs__link:active {
    text-decoration: none; }

[data-content-slider] {
  overflow: hidden; }

.steps {
  display: flex;
  align-items: stretch;
  width: 100%;
  max-width: 100%; }
  .steps__item {
    display: flex;
    align-items: center;
    flex: 1 0 auto;
    position: relative;
    padding: 0 16px 0 0; }
    .steps__item-count {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      margin-right: 16px;
      font-size: 24px;
      position: relative; }
    .steps__item:last-child {
      padding-right: 0; }
    .steps__item.is-completed .steps__item-count {
      background: #6B4DC4;
      border-radius: 50%; }
      .steps__item.is-completed .steps__item-count strong {
        display: none; }
      .steps__item.is-completed .steps__item-count:before {
        display: block; }
  .steps--circled .steps__item-count {
    border: 2px solid #f7f7f7;
    border-radius: 50%;
    font-size: 12px; }
    .steps--circled .steps__item-count i,
    .steps--circled .steps__item-count i.zmdi {
      font-size: 16px; }
  .steps--circled .steps__item.is-completed .steps__item-count, .steps--circled .steps__item.is-active .steps__item-count {
    border-color: #6B4DC4; }
  .steps--circled .steps__item.is-active .steps__item-count {
    color: #6B4DC4; }
  .steps--vertical {
    flex-direction: column; }
    .steps--vertical .steps__item {
      padding-right: 0; }
      .steps--vertical .steps__item:not(:last-child) {
        margin-bottom: 10px; }
  .steps--sm.steps--vertical .steps__item {
    margin-bottom: 10px; }
  .steps--sm .steps__item-count {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 8px; }
    .steps--sm .steps__item-count:before {
      font-size: 16px; }
  .steps--md.steps--vertical .steps__item {
    margin-bottom: 10px; }
  .steps--md .steps__item {
    min-height: 52px; }
    .steps--md .steps__item-count {
      width: 32px;
      height: 32px;
      min-width: 32px; }
  .steps--lg.steps--vertical .steps__item {
    margin-bottom: 10px; }
  .steps--lg .steps__item-count {
    width: 40px;
    height: 40px;
    min-width: 40px; }
  @media (max-width: 751px) {
    .steps.mob-steps .steps__item {
      padding-right: 8px; }
      .steps.mob-steps .steps__item .steps__item-count {
        margin-right: 0; }
    .steps.mob-steps .steps__item.is-active .steps__item-count {
      margin-right: 8px; }
    .steps.mob-steps .is-disabled .steps__item-content,
    .steps.mob-steps .is-completed .steps__item-content {
      display: none; } }

/*
*******************************************
Progress
1. General
2. Sizes
3. Types
4. Other
5. Responsive
*******************************************
*/
/*
*******************************************
1. Progress - general
*******************************************
*/
.progress {
  display: flex;
  flex-direction: column; }
  .progress__bar {
    position: relative;
    background: rgba(0, 0, 0, 0.1);
    height: 16px;
    display: flex;
    flex: 1;
    border-radius: 10px; }
  .progress__fill {
    height: inherit;
    background: #6B4DC4;
    border-radius: 10px;
    transition: linear width 0.3s; }
    .progress__fill--weak {
      background: #D83A3A; }
    .progress__fill--medium {
      background: #EA862B; }
    .progress__fill--good {
      background: #4685EF; }
    .progress__fill--strong {
      background: #009A64; }
  .progress__label {
    display: flex;
    align-items: center; }

/*
*******************************************
2. Progress - sizes
*******************************************
*/
.progress--xs .progress__bar {
  height: 4px; }

.progress--sm .progress__bar {
  height: 8px; }

/*
*******************************************
3. Progress - types
*******************************************
*/
.progress--h {
  flex-direction: row;
  align-items: center; }
  .progress--h > .progress__label:first-child {
    padding-right: 16px; }
  .progress--h > .progress__label:last-child {
    padding-left: 16px;
    text-align: right; }

/*
*******************************************
4. Progress - other
*******************************************
*/
/*
*******************************************
5. Progress - responsive
*******************************************
*/
.content-slider {
  position: relative;
  /* Fix of Webkit flickering */
  z-index: 1;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  width: 100%; }

.content-slider__wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  transition-property: transform; }

.content-slider__slide {
  position: relative;
  width: 100%;
  height: 100%;
  flex-shrink: 0; }

.content-slider {
  position: relative;
  /* Fix of Webkit flickering */
  z-index: 1;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto; }

@media (max-width: 751px) {
  .content-slider--mob-full {
    margin-left: -24px;
    margin-right: -24px; }
    .content-slider--mob-full .content-slider__wrapper {
      margin: 0; }
      .content-slider--mob-full .content-slider__wrapper .content-slider__slide:first-child {
        padding-left: 24px; }
      .content-slider--mob-full .content-slider__wrapper .content-slider__slide:last-child {
        padding-right: 24px; } }

.content-slider-vertical > .content-slider__wrapper {
  flex-direction: column; }

.content-slider-android .content-slider__slide,
.content-slider__wrapper {
  transform: translate3d(0px, 0, 0); }

.content-slider-multirow > .content-slider__wrapper {
  flex-wrap: wrap; }

.content-slider-free-mode > .content-slider__wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out; }

/* Auto Height */
.content-slider-autoheight,
.content-slider-autoheight .content-slider__slide {
  height: auto; }

.content-slider-autoheight .content-slider__wrapper {
  transition-property: transform, height;
  align-items: flex-start; }

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

.content-slider-wp8-vertical {
  touch-action: pan-x; }

.content-slider-nav {
  display: inline-flex;
  align-items: center; }
  .content-slider-nav > * {
    margin-right: 8px; }
    .content-slider-nav > *:last-child {
      margin-right: 0; }

.content-slider__slide-val {
  display: inline-flex;
  align-self: center; }

/*
*******************************************
Icons containers
1. General
2. Sizes
3. Responsive
*******************************************
*/
/*
*******************************************
1. Icons containers - general
*******************************************
*/
.mob-i-c,
.i-c,
[class*="tab-i-c-"] [class*="mob-i-c-"],
[class*="i-c-"],
[class*="l-i-"] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #EFEFEF;
  line-height: 1; }
  .mob-i-c img,
  .i-c img,
  [class*="tab-i-c-"] [class*="mob-i-c-"] img,
  [class*="i-c-"] img,
  [class*="l-i-"] img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%; }

.i-circled {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%; }
  .i-circled--border {
    border: 1px solid #6B4DC4; }
  .i-circled[class*="-faded"] > i {
    color: #524972; }

/*
*******************************************
2. Icons containers - sizes
*******************************************
*/
.i-c {
  height: 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  font-size: 24px !important;
  line-height: 24px !important; }

.i-c-0x {
  height: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important; }

.i-c-1x {
  height: 8px !important;
  width: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  font-size: 8px !important;
  line-height: 8px !important; }

.i-c-2x {
  height: 16px !important;
  width: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  font-size: 16px !important;
  line-height: 16px !important; }

.i-c-3x {
  height: 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  font-size: 24px !important;
  line-height: 24px !important; }

.i-c-4x {
  height: 32px !important;
  width: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  font-size: 32px !important;
  line-height: 32px !important; }

.i-c-5x {
  height: 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  font-size: 40px !important;
  line-height: 40px !important; }

.i-c-6x {
  height: 48px !important;
  width: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  font-size: 48px !important;
  line-height: 48px !important; }

.i-c-7x {
  height: 56px !important;
  width: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  font-size: 56px !important;
  line-height: 56px !important; }

.i-c-8x {
  height: 64px !important;
  width: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
  font-size: 64px !important;
  line-height: 64px !important; }

.i-c-9x {
  height: 72px !important;
  width: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  font-size: 72px !important;
  line-height: 72px !important; }

.i-c-10x {
  height: 80px !important;
  width: 80px !important;
  min-width: 80px !important;
  min-height: 80px !important;
  font-size: 80px !important;
  line-height: 80px !important; }

.i-c-11x {
  height: 88px !important;
  width: 88px !important;
  min-width: 88px !important;
  min-height: 88px !important;
  font-size: 88px !important;
  line-height: 88px !important; }

.i-c-12x {
  height: 96px !important;
  width: 96px !important;
  min-width: 96px !important;
  min-height: 96px !important;
  font-size: 96px !important;
  line-height: 96px !important; }

.i-c-13x {
  height: 104px !important;
  width: 104px !important;
  min-width: 104px !important;
  min-height: 104px !important;
  font-size: 104px !important;
  line-height: 104px !important; }

.i-c-14x {
  height: 112px !important;
  width: 112px !important;
  min-width: 112px !important;
  min-height: 112px !important;
  font-size: 112px !important;
  line-height: 112px !important; }

.i-c-15x {
  height: 120px !important;
  width: 120px !important;
  min-width: 120px !important;
  min-height: 120px !important;
  font-size: 120px !important;
  line-height: 120px !important; }

.i-c-16x {
  height: 128px !important;
  width: 128px !important;
  min-width: 128px !important;
  min-height: 128px !important;
  font-size: 128px !important;
  line-height: 128px !important; }

/*
*******************************************
3. Icons containers - responsive
*******************************************
*/
@media (max-width: 1011px) {
  .md-i-c-0x {
    height: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important; } }

@media (max-width: 1011px) {
  .md-i-c-1x {
    height: 8px !important;
    width: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    font-size: 8px !important;
    line-height: 8px !important; } }

@media (max-width: 1011px) {
  .md-i-c-2x {
    height: 16px !important;
    width: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    font-size: 16px !important;
    line-height: 16px !important; } }

@media (max-width: 1011px) {
  .md-i-c-3x {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important; } }

@media (max-width: 1011px) {
  .md-i-c-4x {
    height: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    font-size: 32px !important;
    line-height: 32px !important; } }

@media (max-width: 1011px) {
  .md-i-c-5x {
    height: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    font-size: 40px !important;
    line-height: 40px !important; } }

@media (max-width: 1011px) {
  .md-i-c-6x {
    height: 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    font-size: 48px !important;
    line-height: 48px !important; } }

@media (max-width: 1011px) {
  .md-i-c-7x {
    height: 56px !important;
    width: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    font-size: 56px !important;
    line-height: 56px !important; } }

@media (max-width: 1011px) {
  .md-i-c-8x {
    height: 64px !important;
    width: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    font-size: 64px !important;
    line-height: 64px !important; } }

@media (max-width: 1011px) {
  .md-i-c-9x {
    height: 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    font-size: 72px !important;
    line-height: 72px !important; } }

@media (max-width: 1011px) {
  .md-i-c-10x {
    height: 80px !important;
    width: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    font-size: 80px !important;
    line-height: 80px !important; } }

@media (max-width: 1011px) {
  .md-i-c-11x {
    height: 88px !important;
    width: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    font-size: 88px !important;
    line-height: 88px !important; } }

@media (max-width: 1011px) {
  .md-i-c-12x {
    height: 96px !important;
    width: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    font-size: 96px !important;
    line-height: 96px !important; } }

@media (max-width: 1011px) {
  .md-i-c-13x {
    height: 104px !important;
    width: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    font-size: 104px !important;
    line-height: 104px !important; } }

@media (max-width: 1011px) {
  .md-i-c-14x {
    height: 112px !important;
    width: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    font-size: 112px !important;
    line-height: 112px !important; } }

@media (max-width: 1011px) {
  .md-i-c-15x {
    height: 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    font-size: 120px !important;
    line-height: 120px !important; } }

@media (max-width: 1011px) {
  .md-i-c-16x {
    height: 128px !important;
    width: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    font-size: 128px !important;
    line-height: 128px !important; } }

@media (max-width: 751px) {
  .sm-i-c-0x {
    height: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important; } }

@media (max-width: 751px) {
  .sm-i-c-1x {
    height: 8px !important;
    width: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    font-size: 8px !important;
    line-height: 8px !important; } }

@media (max-width: 751px) {
  .sm-i-c-2x {
    height: 16px !important;
    width: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    font-size: 16px !important;
    line-height: 16px !important; } }

@media (max-width: 751px) {
  .sm-i-c-3x {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important; } }

@media (max-width: 751px) {
  .sm-i-c-4x {
    height: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    font-size: 32px !important;
    line-height: 32px !important; } }

@media (max-width: 751px) {
  .sm-i-c-5x {
    height: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    font-size: 40px !important;
    line-height: 40px !important; } }

@media (max-width: 751px) {
  .sm-i-c-6x {
    height: 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    font-size: 48px !important;
    line-height: 48px !important; } }

@media (max-width: 751px) {
  .sm-i-c-7x {
    height: 56px !important;
    width: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    font-size: 56px !important;
    line-height: 56px !important; } }

@media (max-width: 751px) {
  .sm-i-c-8x {
    height: 64px !important;
    width: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    font-size: 64px !important;
    line-height: 64px !important; } }

@media (max-width: 751px) {
  .sm-i-c-9x {
    height: 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    font-size: 72px !important;
    line-height: 72px !important; } }

@media (max-width: 751px) {
  .sm-i-c-10x {
    height: 80px !important;
    width: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    font-size: 80px !important;
    line-height: 80px !important; } }

@media (max-width: 751px) {
  .sm-i-c-11x {
    height: 88px !important;
    width: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    font-size: 88px !important;
    line-height: 88px !important; } }

@media (max-width: 751px) {
  .sm-i-c-12x {
    height: 96px !important;
    width: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    font-size: 96px !important;
    line-height: 96px !important; } }

@media (max-width: 751px) {
  .sm-i-c-13x {
    height: 104px !important;
    width: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    font-size: 104px !important;
    line-height: 104px !important; } }

@media (max-width: 751px) {
  .sm-i-c-14x {
    height: 112px !important;
    width: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    font-size: 112px !important;
    line-height: 112px !important; } }

@media (max-width: 751px) {
  .sm-i-c-15x {
    height: 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    font-size: 120px !important;
    line-height: 120px !important; } }

@media (max-width: 751px) {
  .sm-i-c-16x {
    height: 128px !important;
    width: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    font-size: 128px !important;
    line-height: 128px !important; } }

@media (max-width: 1387px) {
  .lg-i-c-0x {
    height: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important; } }

@media (max-width: 1387px) {
  .lg-i-c-1x {
    height: 8px !important;
    width: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    font-size: 8px !important;
    line-height: 8px !important; } }

@media (max-width: 1387px) {
  .lg-i-c-2x {
    height: 16px !important;
    width: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    font-size: 16px !important;
    line-height: 16px !important; } }

@media (max-width: 1387px) {
  .lg-i-c-3x {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important; } }

@media (max-width: 1387px) {
  .lg-i-c-4x {
    height: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    font-size: 32px !important;
    line-height: 32px !important; } }

@media (max-width: 1387px) {
  .lg-i-c-5x {
    height: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    font-size: 40px !important;
    line-height: 40px !important; } }

@media (max-width: 1387px) {
  .lg-i-c-6x {
    height: 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    font-size: 48px !important;
    line-height: 48px !important; } }

@media (max-width: 1387px) {
  .lg-i-c-7x {
    height: 56px !important;
    width: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    font-size: 56px !important;
    line-height: 56px !important; } }

@media (max-width: 1387px) {
  .lg-i-c-8x {
    height: 64px !important;
    width: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    font-size: 64px !important;
    line-height: 64px !important; } }

@media (max-width: 1387px) {
  .lg-i-c-9x {
    height: 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    font-size: 72px !important;
    line-height: 72px !important; } }

@media (max-width: 1387px) {
  .lg-i-c-10x {
    height: 80px !important;
    width: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    font-size: 80px !important;
    line-height: 80px !important; } }

@media (max-width: 1387px) {
  .lg-i-c-11x {
    height: 88px !important;
    width: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    font-size: 88px !important;
    line-height: 88px !important; } }

@media (max-width: 1387px) {
  .lg-i-c-12x {
    height: 96px !important;
    width: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    font-size: 96px !important;
    line-height: 96px !important; } }

@media (max-width: 1387px) {
  .lg-i-c-13x {
    height: 104px !important;
    width: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    font-size: 104px !important;
    line-height: 104px !important; } }

@media (max-width: 1387px) {
  .lg-i-c-14x {
    height: 112px !important;
    width: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    font-size: 112px !important;
    line-height: 112px !important; } }

@media (max-width: 1387px) {
  .lg-i-c-15x {
    height: 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    font-size: 120px !important;
    line-height: 120px !important; } }

@media (max-width: 1387px) {
  .lg-i-c-16x {
    height: 128px !important;
    width: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    font-size: 128px !important;
    line-height: 128px !important; } }

.well {
  padding: 16px;
  background: white;
  border: none;
  box-shadow: none;
  color: #524972;
  font-size: 18px;
  padding: 16px;
  background: white;
  margin-bottom: 40px; }
  .well--lg {
    padding: 32px; }
  .well--hero {
    background: linear-gradient(180deg, #F9DCCD 0%, rgba(255, 216, 197, 0.3) 92.19%);
    border-radius: 4px; }

.toast-message .alert {
  border: none; }
  .toast-message .alert--border-left:after {
    top: 0;
    bottom: 0; }

.toast--left-top {
  position: fixed;
  top: 60px;
  left: 0; }

.toast--left-bottom {
  position: fixed;
  bottom: 60px;
  left: 0; }

.toast--right-top {
  position: fixed;
  top: 60px;
  right: 0; }

.toast--right-bottom {
  position: fixed;
  right: 0;
  bottom: 60px; }

#toast-container {
  z-index: 1002; }

/*
*******************************************
7. Forms - Input Group
*******************************************
*/
.input-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  font-size: 18px;
  border-radius: 6px;
  padding: 0 24px;
  transition: border linear 0.3s;
  padding: 0 !important; }
  @media (max-width: 1387px) {
    .input-group {
      height: 48px;
      font-size: 17px;
      border-radius: 4px; } }
  .input-group .form-control,
  .input-group .selectize-control.form-control,
  .input-group .selectize-control.form-control .selectize-input {
    min-height: 100%;
    border: none !important;
    background: transparent !important; }
  .input-group .form-control {
    height: auto;
    flex: 1 1 auto; }
  .input-group .selectize-input, .input-group .selectize-control {
    height: 100%; }
  .input-group__icon {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important;
    display: flex;
    align-items: center;
    justify-content: center; }
    .input-group__icon:first-child {
      margin-left: 16px; }
    .input-group__icon:last-child {
      margin-right: 16px; }
  .input-group:not(.input-group--boxed)__btn:not(.btn--rounded) {
    margin-right: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group__addon {
    height: 100%;
    display: flex;
    align-items: center;
    min-height: inherit;
    padding: 0 16px;
    background: white;
    border-radius: inherit; }
    .input-group__addon + .form-control {
      padding-left: 16px; }
    .input-group__addon:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .input-group__addon:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
  .input-group__actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
    height: 100%; }
    .input-group__actions > .selectize-control:before {
      position: absolute;
      top: 25%;
      left: 0;
      content: '';
      display: block;
      align-items: center;
      width: 1px;
      height: 50%;
      background-color: white; }
  .input-group.input-group--simple {
    border-color: transparent; }
    .input-group.input-group--simple:hover, .input-group.input-group--simple:focus, .input-group.input-group--simple:active, .input-group.input-group--simple.is-focus {
      border-color: transparent; }
  .input-group.is-focus:active, .input-group.is-focus:hover, .input-group.is-focus {
    border: 1px solid #6B4DC4; }
  .input-group--rounded {
    border-radius: 70px; }
    .input-group--rounded > .btn.btn--rounded {
      margin-right: -1px; }
  .input-group--toggle:not(.is-open) {
    background: transparent;
    border-color: transparent;
    transition: none; }
    .input-group--toggle:not(.is-open):hover, .input-group--toggle:not(.is-open):focus, .input-group--toggle:not(.is-open):acive, .input-group--toggle:not(.is-open).is-focus {
      background: transparent;
      border-color: transparent;
      transition: none; }
  .input-group--boxed {
    height: auto !important;
    padding: 8px !important; }
    .input-group--boxed .input-group__actions {
      padding: 4px; }
      .input-group--boxed .input-group__actions > * {
        margin-left: 4px; }

.input-group--xs {
  height: 44px; }
  .input-group--xs .input-group__icon {
    font-size: 19px; }
    .input-group--xs .input-group__icon:first-child {
      margin-left: 4px;
      margin-right: -4px; }
  .input-group--xs .input-group__addon {
    padding: 0 8px; }
    .input-group--xs .input-group__addon + .form-control {
      padding-left: 8px; }
  .input-group--xs.input-group--boxed .input-group__actions {
    padding: 2px; }
    .input-group--xs.input-group--boxed .input-group__actions > * {
      margin-left: 2px; }

.input-group--sm {
  height: 48px; }
  .input-group--sm.input-group--boxed .input-group__actions {
    padding: 3px; }
    .input-group--sm.input-group--boxed .input-group__actions > * {
      margin-left: 3px; }

.input-group--d {
  height: 52px; }

.input-group--lg {
  height: 60px; }
  .input-group--lg .input-group__icon {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important; }
    .input-group--lg .input-group__icon:first-child {
      margin-right: -8px; }
    .input-group--lg .input-group__icon:last-child {
      margin-left: -8px; }
  .input-group--lg.input-group--boxed .input-group__actions {
    padding: 6px; }

.input-group--xlg {
  height: 64px; }
  .input-group--xlg .input-group__icon:first-child {
    margin-left: 16px; }
  .input-group--xlg .input-group__addon {
    padding: 0 24px; }
    .input-group--xlg .input-group__addon + .form-control {
      padding-left: 24px; }
  .input-group--xlg.input-group--boxed .input-group__actions {
    padding: 8px; }
    .input-group--xlg.input-group--boxed .input-group__actions > * {
      margin-left: 8px; }

@media (max-width: 751px) {
  .input-group--mob-xs {
    height: 44px; }
    .input-group--mob-xs .input-group__icon {
      font-size: 19px; }
      .input-group--mob-xs .input-group__icon:first-child {
        margin-left: 4px;
        margin-right: -4px; }
    .input-group--mob-xs .input-group__addon {
      padding: 0 8px; }
      .input-group--mob-xs .input-group__addon + .form-control {
        padding-left: 8px; }
    .input-group--mob-xs.input-group--boxed .input-group__actions {
      padding: 2px; }
      .input-group--mob-xs.input-group--boxed .input-group__actions > * {
        margin-left: 2px; }
  .input-group--mob-sm {
    height: 48px; }
    .input-group--mob-sm.input-group--boxed .input-group__actions {
      padding: 3px; }
      .input-group--mob-sm.input-group--boxed .input-group__actions > * {
        margin-left: 3px; }
  .input-group--mob-d {
    height: 52px; }
  .input-group--mob-lg {
    height: 60px; }
    .input-group--mob-lg .input-group__icon {
      height: 24px !important;
      width: 24px !important;
      min-width: 24px !important;
      min-height: 24px !important;
      font-size: 24px !important;
      line-height: 24px !important; }
      .input-group--mob-lg .input-group__icon:first-child {
        margin-right: -8px; }
      .input-group--mob-lg .input-group__icon:last-child {
        margin-left: -8px; }
    .input-group--mob-lg.input-group--boxed .input-group__actions {
      padding: 6px; }
  .input-group--mob-xlg {
    height: 64px; }
    .input-group--mob-xlg .input-group__icon:first-child {
      margin-left: 16px; }
    .input-group--mob-xlg .input-group__addon {
      padding: 0 24px; }
      .input-group--mob-xlg .input-group__addon + .form-control {
        padding-left: 24px; }
    .input-group--mob-xlg.input-group--boxed .input-group__actions {
      padding: 8px; }
      .input-group--mob-xlg.input-group--boxed .input-group__actions > * {
        margin-left: 8px; } }

/*
*******************************************
Forms
1. General
2. Elements
3. Sizes
4. States
5. Layout
6. Types
7. Input Group
8. Switch
9. Responsive
*******************************************
*/
/*
*******************************************
1. Form - General
*******************************************
*/
.form {
  width: 100%; }

.input-group,
.form-control,
.form-indicator {
  color: #524972;
  border: 1px solid white;
  background-color: #fff;
  box-shadow: none; }
  .input-group:hover ,
  .input-group .form-check label:hover .form-indicator,
  .form-control:hover ,
  .form-control .form-check label:hover .form-indicator,
  .form-indicator:hover ,
  .form-indicator .form-check label:hover .form-indicator {
    border-color: #6B4DC4; }
  .input-group:active, .input-group:focus,
  .input-group .form-check label:active .form-indicator,
  .input-group .form-check label:focus .form-indicator,
  .form-control:active,
  .form-control:focus,
  .form-control .form-check label:active .form-indicator,
  .form-control .form-check label:focus .form-indicator,
  .form-indicator:active,
  .form-indicator:focus,
  .form-indicator .form-check label:active .form-indicator,
  .form-indicator .form-check label:focus .form-indicator {
    border-color: #6B4DC4;
    outline: 0; }

.form-label,
.form-feedback {
  color: #9D9DA6; }

/*
*******************************************
2. Form - Elements
*******************************************
*/
.form {
  /* Element: Feedback */
  /* Element: Upload */ }
  .form-group {
    position: relative;
    margin-bottom: 16px; }
    .form-group > *:last-child {
      margin-bottom: 0 !important; }
  .form-control {
    height: 52px;
    font-size: 18px;
    border-radius: 6px;
    padding: 0 24px;
    display: block;
    width: 100%;
    transition: border linear 0.3s;
    appearance: none; }
    @media (max-width: 1387px) {
      .form-control {
        height: 48px;
        font-size: 17px;
        border-radius: 4px; } }
  .form-label,
  .form-group > label,
  .form-check > label {
    display: flex;
    align-items: center;
    flex-basis: auto;
    margin-bottom: 4px;
    line-height: 30px;
    font-weight: 400; }
    .form-label + .form-check,
    .form-group > label + .form-check,
    .form-check > label + .form-check {
      margin-top: 8px; }
  .form-feedback {
    margin-top: 4px;
    font-size: 8px;
    line-height: 11px; }
    .form-feedback--icon {
      display: flex;
      align-items: center; }
  .form-tooltip-helper {
    cursor: pointer;
    color: #b3b5b9;
    vertical-align: text-bottom;
    margin-left: 8px; }
  .form-upload {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    border: 1px dashed #6B4DC4; }
    .form-upload .msg {
      padding: 16px 0; }
    .form-upload .msg__title {
      margin: 10px 0; }
  .form-separator {
    display: inline-flex;
    align-items: center; }

textarea.form-control {
  line-height: 1.4;
  max-width: 100%;
  min-height: 150px;
  padding: 10px 12px;
  resize: none; }
  textarea.form-control--lg {
    padding: 17px 16px; }

.help-block {
  margin-top: 8px;
  color: #9D9DA6;
  font-size: 16px;
  line-height: 26px; }

/*
*******************************************
3. Form - Sizes
*******************************************
*/
.form-control--xs,
.input-group--xs,
.input-group--xs .form-control {
  height: 44px;
  font-size: 16px;
  border-radius: 4px;
  padding: 0 16px; }
  @media (max-width: 1387px) {
    .form-control--xs,
    .input-group--xs,
    .input-group--xs .form-control {
      height: 40px;
      font-size: 15px; } }

.form-control--sm,
.input-group--sm,
.input-group--sm .form-control {
  height: 48px;
  font-size: 16px;
  border-radius: 6px;
  padding: 0 24px; }
  @media (max-width: 1387px) {
    .form-control--sm,
    .input-group--sm,
    .input-group--sm .form-control {
      height: 44px;
      font-size: 15px;
      border-radius: 4px; } }

.form-control--d,
.input-group--d,
.input-group--d .form-control {
  height: 52px;
  font-size: 18px;
  border-radius: 6px;
  padding: 0 24px; }
  @media (max-width: 1387px) {
    .form-control--d,
    .input-group--d,
    .input-group--d .form-control {
      height: 48px;
      font-size: 17px;
      border-radius: 4px; } }

.form-control--lg,
.input-group--lg,
.input-group--lg .form-control {
  height: 60px;
  font-size: 20px;
  border-radius: 6px;
  padding: 0 32px; }
  @media (max-width: 1387px) {
    .form-control--lg,
    .input-group--lg,
    .input-group--lg .form-control {
      height: 56px;
      font-size: 18px;
      border-radius: 4px; } }

.form-control--xlg,
.input-group--xlg,
.input-group--xlg .form-control {
  height: 64px;
  font-size: 20px;
  border-radius: 8px;
  padding: 0 32px; }
  @media (max-width: 1387px) {
    .form-control--xlg,
    .input-group--xlg,
    .input-group--xlg .form-control {
      height: 56px;
      font-size: 18px;
      border-radius: 6px; } }

@media (max-width: 751px) {
  .form-control--mob-xs,
  .input-group--mob-xs,
  .input-group--mob-xs .form-control {
    height: 44px;
    font-size: 16px;
    border-radius: 4px;
    padding: 0 16px; } }
  @media (max-width: 751px) and (max-width: 1387px) {
    .form-control--mob-xs,
    .input-group--mob-xs,
    .input-group--mob-xs .form-control {
      height: 40px;
      font-size: 15px; } }

@media (max-width: 751px) {
  .form-control--mob-sm,
  .input-group--mob-sm,
  .input-group--mob-sm .form-control {
    height: 48px;
    font-size: 16px;
    border-radius: 6px;
    padding: 0 24px; } }
  @media (max-width: 751px) and (max-width: 1387px) {
    .form-control--mob-sm,
    .input-group--mob-sm,
    .input-group--mob-sm .form-control {
      height: 44px;
      font-size: 15px;
      border-radius: 4px; } }

@media (max-width: 751px) {
  .form-control--mob-d,
  .input-group--mob-d,
  .input-group--mob-d .form-control {
    height: 52px;
    font-size: 18px;
    border-radius: 6px;
    padding: 0 24px; } }
  @media (max-width: 751px) and (max-width: 1387px) {
    .form-control--mob-d,
    .input-group--mob-d,
    .input-group--mob-d .form-control {
      height: 48px;
      font-size: 17px;
      border-radius: 4px; } }

@media (max-width: 751px) {
  .form-control--mob-lg,
  .input-group--mob-lg,
  .input-group--mob-lg .form-control {
    height: 60px;
    font-size: 20px;
    border-radius: 6px;
    padding: 0 32px; } }
  @media (max-width: 751px) and (max-width: 1387px) {
    .form-control--mob-lg,
    .input-group--mob-lg,
    .input-group--mob-lg .form-control {
      height: 56px;
      font-size: 18px;
      border-radius: 4px; } }

@media (max-width: 751px) {
  .form-control--mob-xlg,
  .input-group--mob-xlg,
  .input-group--mob-xlg .form-control {
    height: 64px;
    font-size: 20px;
    border-radius: 8px;
    padding: 0 32px; } }
  @media (max-width: 751px) and (max-width: 1387px) {
    .form-control--mob-xlg,
    .input-group--mob-xlg,
    .input-group--mob-xlg .form-control {
      height: 56px;
      font-size: 18px;
      border-radius: 6px; } }

.form-control--rounded {
  border-radius: 100px;
  padding: 0 18px; }
  .form-control--rounded.form-control--xs {
    padding: 0 16px; }
  .form-control--rounded.form-control--xlg {
    padding: 0 34px; }

/*
*******************************************
4. Forms - States
*******************************************
*/
.form-group .is-loading {
  position: relative; }
  .form-group .is-loading .preloader {
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    display: block;
    height: 100%; }

.form-group.is-loading .preloader {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.6); }

.form-group.is-success .input-group,
.form-group.is-success .form-control,
.form-group.is-success .form-indicator {
  color: #009A64;
  border: 1px solid #009A64;
  background-color: #fff;
  box-shadow: none; }
  .form-group.is-success .input-group:hover ,
  .form-group.is-success .input-group .form-check label:hover .form-indicator,
  .form-group.is-success .form-control:hover ,
  .form-group.is-success .form-control .form-check label:hover .form-indicator,
  .form-group.is-success .form-indicator:hover ,
  .form-group.is-success .form-indicator .form-check label:hover .form-indicator {
    border-color: #009A64; }
  .form-group.is-success .input-group:active, .form-group.is-success .input-group:focus,
  .form-group.is-success .input-group .form-check label:active .form-indicator,
  .form-group.is-success .input-group .form-check label:focus .form-indicator,
  .form-group.is-success .form-control:active,
  .form-group.is-success .form-control:focus,
  .form-group.is-success .form-control .form-check label:active .form-indicator,
  .form-group.is-success .form-control .form-check label:focus .form-indicator,
  .form-group.is-success .form-indicator:active,
  .form-group.is-success .form-indicator:focus,
  .form-group.is-success .form-indicator .form-check label:active .form-indicator,
  .form-group.is-success .form-indicator .form-check label:focus .form-indicator {
    border-color: #009A64;
    outline: 0; }

.form-group.is-success .form-label,
.form-group.is-success .form-feedback {
  color: #9D9DA6; }

.form-group.is-success .form-feedback--icon:before {
  content: ""; }

.form-group.is-warning .input-group,
.form-group.is-warning .form-control,
.form-group.is-warning .form-indicator {
  color: #EA862B;
  border: 1px solid #EA862B;
  background-color: #fff;
  box-shadow: none; }
  .form-group.is-warning .input-group:hover ,
  .form-group.is-warning .input-group .form-check label:hover .form-indicator,
  .form-group.is-warning .form-control:hover ,
  .form-group.is-warning .form-control .form-check label:hover .form-indicator,
  .form-group.is-warning .form-indicator:hover ,
  .form-group.is-warning .form-indicator .form-check label:hover .form-indicator {
    border-color: #EA862B; }
  .form-group.is-warning .input-group:active, .form-group.is-warning .input-group:focus,
  .form-group.is-warning .input-group .form-check label:active .form-indicator,
  .form-group.is-warning .input-group .form-check label:focus .form-indicator,
  .form-group.is-warning .form-control:active,
  .form-group.is-warning .form-control:focus,
  .form-group.is-warning .form-control .form-check label:active .form-indicator,
  .form-group.is-warning .form-control .form-check label:focus .form-indicator,
  .form-group.is-warning .form-indicator:active,
  .form-group.is-warning .form-indicator:focus,
  .form-group.is-warning .form-indicator .form-check label:active .form-indicator,
  .form-group.is-warning .form-indicator .form-check label:focus .form-indicator {
    border-color: #EA862B;
    outline: 0; }

.form-group.is-warning .form-label,
.form-group.is-warning .form-feedback {
  color: #9D9DA6; }

.form-group.is-warning .form-feedback--icon:before {
  content: ""; }

.form-group.is-error .input-group,
.form-group.is-error .form-control,
.form-group.is-error .form-indicator {
  color: #D83A3A;
  border: 1px solid #D83A3A;
  background-color: #fff;
  box-shadow: none; }
  .form-group.is-error .input-group:hover ,
  .form-group.is-error .input-group .form-check label:hover .form-indicator,
  .form-group.is-error .form-control:hover ,
  .form-group.is-error .form-control .form-check label:hover .form-indicator,
  .form-group.is-error .form-indicator:hover ,
  .form-group.is-error .form-indicator .form-check label:hover .form-indicator {
    border-color: #D83A3A; }
  .form-group.is-error .input-group:active, .form-group.is-error .input-group:focus,
  .form-group.is-error .input-group .form-check label:active .form-indicator,
  .form-group.is-error .input-group .form-check label:focus .form-indicator,
  .form-group.is-error .form-control:active,
  .form-group.is-error .form-control:focus,
  .form-group.is-error .form-control .form-check label:active .form-indicator,
  .form-group.is-error .form-control .form-check label:focus .form-indicator,
  .form-group.is-error .form-indicator:active,
  .form-group.is-error .form-indicator:focus,
  .form-group.is-error .form-indicator .form-check label:active .form-indicator,
  .form-group.is-error .form-indicator .form-check label:focus .form-indicator {
    border-color: #D83A3A;
    outline: 0; }

.form-group.is-error .form-label,
.form-group.is-error .form-feedback {
  color: #9D9DA6; }

.form-group.is-error .form-feedback--icon:before {
  content: ""; }

.form-group.is-info .input-group,
.form-group.is-info .form-control,
.form-group.is-info .form-indicator {
  color: #4685EF;
  border: 1px solid #4685EF;
  background-color: #fff;
  box-shadow: none; }
  .form-group.is-info .input-group:hover ,
  .form-group.is-info .input-group .form-check label:hover .form-indicator,
  .form-group.is-info .form-control:hover ,
  .form-group.is-info .form-control .form-check label:hover .form-indicator,
  .form-group.is-info .form-indicator:hover ,
  .form-group.is-info .form-indicator .form-check label:hover .form-indicator {
    border-color: #4685EF; }
  .form-group.is-info .input-group:active, .form-group.is-info .input-group:focus,
  .form-group.is-info .input-group .form-check label:active .form-indicator,
  .form-group.is-info .input-group .form-check label:focus .form-indicator,
  .form-group.is-info .form-control:active,
  .form-group.is-info .form-control:focus,
  .form-group.is-info .form-control .form-check label:active .form-indicator,
  .form-group.is-info .form-control .form-check label:focus .form-indicator,
  .form-group.is-info .form-indicator:active,
  .form-group.is-info .form-indicator:focus,
  .form-group.is-info .form-indicator .form-check label:active .form-indicator,
  .form-group.is-info .form-indicator .form-check label:focus .form-indicator {
    border-color: #4685EF;
    outline: 0; }

.form-group.is-info .form-label,
.form-group.is-info .form-feedback {
  color: #9D9DA6; }

.form-group.is-info .form-feedback--icon:before {
  content: ""; }

/*
*******************************************
5. Forms - Layout
*******************************************
*/
.form-group--horizontal {
  display: flex; }
  .form-group--horizontal .form-label {
    flex-basis: 0;
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 120px;
    margin-right: 16px;
    margin-bottom: 0; }
    .form-group--horizontal .form-label + .form-check {
      margin-top: 0; }
  .form-group--horizontal .form-controls {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1; }
  .form-group--horizontal .form-check {
    margin-bottom: 0; }
  .form-group--horizontal > * {
    margin-right: 16px; }
    .form-group--horizontal > * :last-child {
      margin-right: 0; }

.form-group.row > .form-label[class*="col-"] {
  margin-bottom: 0; }

.form--inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  .form--inline .form-group {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
    .form--inline .form-group + .form-group {
      margin-left: 16px; }

/*
*******************************************
6. Form - Types
*******************************************
*/
.form-control--rounded {
  border-radius: 70px; }

.form-boxed {
  padding: 16px;
  background-color: white; }

/*
*******************************************
Selects
1. General
2. Sizes
*******************************************
*/
/*
*******************************************
1. Selects - general
*******************************************
*/
select.form-control {
  opacity: 0; }

.selectize-control {
  position: relative;
  padding: 0;
  border: 0; }
  .selectize-control .selectize-input {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    padding-right: 40px; }
    .selectize-control .selectize-input.dropdown-active {
      border-color: #6B4DC4; }
      .selectize-control .selectize-input.dropdown-active input {
        z-index: 0;
        border-color: #6B4DC4; }
    .selectize-control .selectize-input .item {
      position: relative;
      white-space: nowrap;
      margin-right: 4px; }
      .selectize-control .selectize-input .item + input {
        position: absolute; }
    .selectize-control .selectize-input input {
      color: #6B4DC4;
      height: 100%;
      border: 0;
      background: transparent; }
      .selectize-control .selectize-input input:active, .selectize-control .selectize-input input:focus {
        outline: 0; }
  .selectize-control.multi .selectize-input {
    flex-wrap: wrap;
    align-items: center;
    min-height: 44px;
    height: auto;
    padding-top: 8px;
    padding-left: 8px;
    padding-bottom: 4px; }
  .selectize-control.multi .item {
    padding: 0 8px;
    margin: 0 4px 4px 0;
    background: #fff;
    line-height: 24px; }
    .selectize-control.multi .item.active {
      color: inherit; }
  .selectize-control.multi.plugin-remove_button .item {
    position: relative;
    padding-right: 32px !important; }
    .selectize-control.multi.plugin-remove_button .item > .remove {
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      width: 24px;
      height: 24px;
      margin-left: 4px;
      text-align: center;
      transition: ease-in-out all 0.3s; }
      .selectize-control.multi.plugin-remove_button .item > .remove:hover {
        background: rgba(0, 0, 0, 0.05); }

.selectize-dropdown {
  position: absolute;
  z-index: 1002;
  display: none;
  min-width: 260px;
  background: #fff;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
  border-radius: 3px;
  animation-name: fadeInUp;
  animation-duration: 0.3s;
  animation-fill-mode: both; }
  .selectize-dropdown-content {
    max-height: 200px;
    overflow-y: auto; }
  .selectize-dropdown .option {
    overflow: hidden;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer; }
    .selectize-dropdown .option .badge {
      margin-left: auto; }
    .selectize-dropdown .option.active, .selectize-dropdown .option:hover {
      background: transparent;
      color: #6B4DC4; }

.has-dark-background .selectize-input {
  border-color: #fff; }

/*
*******************************************
2. Selects - sizes
*******************************************
*/
.selectize-dropdown .option, .selectize-dropdown .optgroup-header {
  min-height: 36px;
  padding: 10px 16px; }

.selectize-control.form-control--xs:before, .selectize-control.form-control--sm:before {
  font-size: 16px; }

.selectize-control.form-control--xs .selectize-dropdown .option, .selectize-control.form-control--sm .selectize-dropdown .option {
  min-height: 24px;
  padding: 4px 16px; }

.selectize-control.form-control--xlg:before, .selectize-control.form-control--lg:before {
  font-size: 24px; }

.selectize-control.form-control--xlg .selectize-dropdown .option, .selectize-control.form-control--lg .selectize-dropdown .option {
  min-height: 40px;
  padding: 8px 16px; }

.form {
  /* Element: Text */ }
  .form-check label {
    cursor: pointer;
    margin: 0; }
    .form-check label + .form-check {
      margin-top: 16px; }
  .form-check:not(.form-check--basic) {
    position: relative;
    display: inline-block;
    margin-bottom: 8px; }
    .form-check:not(.form-check--basic) .form-checkbox,
    .form-check:not(.form-check--basic) .form-radio {
      display: none; }
  .form-check > .form-check {
    margin-left: 40px; }
  .form-check--switcher label {
    width: 100%; }
  .form-check--inline {
    display: inline-flex !important;
    margin-bottom: 0 !important; }
    .form-check--inline + .form-check--inline {
      margin-left: 16px; }
  .form-checkbox:checked + .form-indicator {
    border: 2px solid #6B4DC4 !important;
    background: #6B4DC4 !important; }
    .form-checkbox:checked + .form-indicator:after {
      display: inline-flex; }
  .form-checkbox + .form-indicator {
    position: relative;
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
  .form-radio:checked + .form-indicator:after {
    content: '';
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    z-index: 1;
    border: 6px solid #6B4DC4;
    border-radius: 100%; }
  .form-radio + .form-indicator {
    position: relative;
    display: flex;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    align-items: center;
    justify-content: center; }
  .form-checkbox:disabled + .form-indicator, .form-checkbox.is-disabled + .form-indicator, .form-radio:disabled + .form-indicator, .form-radio.is-disabled + .form-indicator {
    opacity: 0.5;
    cursor: not-allowed; }
    .form-checkbox:disabled + .form-indicator + .form-text, .form-checkbox.is-disabled + .form-indicator + .form-text, .form-radio:disabled + .form-indicator + .form-text, .form-radio.is-disabled + .form-indicator + .form-text {
      opacity: 0.5; }
  .form-checkbox:disabled:not(:checked) + .form-indicator, .form-checkbox.is-disabled:not(:checked) + .form-indicator, .form-radio:disabled:not(:checked) + .form-indicator, .form-radio.is-disabled:not(:checked) + .form-indicator {
    border-color: white !important; }
  .form-indicator {
    border-width: 2px; }
  .form-text {
    margin-left: 16px; }
    .form-text:first-child {
      margin-left: 0;
      margin-right: 16px; }

.form-check.is-success .form-indicator {
  border-color: #009A64; }

.form-check.is-success:not(.form-check--basic) label:hover .form-indicator {
  border-color: #009A64; }

.form-check.is-success:not(.form-check--basic) label:active .form-indicator, .form-check.is-success:not(.form-check--basic) label:focus .form-indicator {
  border-color: #009A64; }

.form-check.is-success .form-checkbox:checked + .form-indicator {
  border-color: #009A64 !important;
  background-color: #009A64 !important; }

.form-check.is-success .form-text {
  color: #009A64; }

.form-check.is-warning .form-indicator {
  border-color: #EA862B; }

.form-check.is-warning:not(.form-check--basic) label:hover .form-indicator {
  border-color: #EA862B; }

.form-check.is-warning:not(.form-check--basic) label:active .form-indicator, .form-check.is-warning:not(.form-check--basic) label:focus .form-indicator {
  border-color: #EA862B; }

.form-check.is-warning .form-checkbox:checked + .form-indicator {
  border-color: #EA862B !important;
  background-color: #EA862B !important; }

.form-check.is-warning .form-text {
  color: #EA862B; }

.form-check.is-error .form-indicator {
  border-color: #D83A3A; }

.form-check.is-error:not(.form-check--basic) label:hover .form-indicator {
  border-color: #D83A3A; }

.form-check.is-error:not(.form-check--basic) label:active .form-indicator, .form-check.is-error:not(.form-check--basic) label:focus .form-indicator {
  border-color: #D83A3A; }

.form-check.is-error .form-checkbox:checked + .form-indicator {
  border-color: #D83A3A !important;
  background-color: #D83A3A !important; }

.form-check.is-error .form-text {
  color: #D83A3A; }

.form-check.is-info .form-indicator {
  border-color: #4685EF; }

.form-check.is-info:not(.form-check--basic) label:hover .form-indicator {
  border-color: #4685EF; }

.form-check.is-info:not(.form-check--basic) label:active .form-indicator, .form-check.is-info:not(.form-check--basic) label:focus .form-indicator {
  border-color: #4685EF; }

.form-check.is-info .form-checkbox:checked + .form-indicator {
  border-color: #4685EF !important;
  background-color: #4685EF !important; }

.form-check.is-info .form-text {
  color: #4685EF; }

/*
*******************************************
8. Form - Switch
*******************************************
*/
.switch {
  position: relative;
  height: 24px;
  width: 40px;
  cursor: pointer;
  /* Switch: Checkbox */
  /* Switch: Handle */
  /* Switch: Container */
  /* Switch: Types */ }
  .switch + .form-text {
    margin-left: 16px; }
  .switch__checkbox {
    position: absolute;
    opacity: 0; }
    .switch__checkbox + .switch__container .switch__handle {
      right: 18px; }
    .switch__checkbox:checked + .switch__container {
      background-color: #009A64; }
      .switch__checkbox:checked + .switch__container .switch__handle {
        right: 2px; }
  .switch__handle {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 2;
    display: block;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 12px;
    transition: all ease 0.3s; }
  .switch__container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    border-radius: 12px;
    transition: all ease 0.3s; }
  .switch--icon {
    width: 45px; }
    .switch--icon .switch__checkbox + .switch__container .switch__handle {
      right: 23px; }
    .switch--icon .switch__checkbox:checked + .switch__container {
      background-color: #6B4DC4; }
      .switch--icon .switch__checkbox:checked + .switch__container .switch__handle {
        right: 2px; }
  .switch--text {
    width: 50px; }
    .switch--text .switch__checkbox + .switch__container .switch__handle {
      right: 28px; }
    .switch--text .switch__checkbox + .switch__container:after {
      position: absolute;
      top: 1px;
      bottom: 0;
      display: flex;
      right: 6px;
      z-index: 1;
      align-items: center;
      content: "off";
      color: #6B4DC4;
      font-size: 10px;
      font-weight: 600;
      text-transform: uppercase; }
    .switch--text .switch__checkbox:checked + .switch__container {
      background-color: #6B4DC4; }
      .switch--text .switch__checkbox:checked + .switch__container:after {
        position: absolute;
        top: 1px;
        bottom: 0;
        display: flex;
        left: 8px;
        z-index: 1;
        align-items: center;
        content: "on";
        color: #fff;
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase; }
      .switch--text .switch__checkbox:checked + .switch__container .switch__handle {
        right: 2px; }
  .switch--primary .switch__handle {
    background: #6B4DC4; }
  .switch--primary .switch__checkbox:checked + .switch__container .switch__handle {
    background: #fff; }
  .switch--primary .switch__container {
    background: #fff; }

.form-text + .switch {
  margin-left: auto; }

/*
*******************************************
App
1.
2.
*******************************************
*/
.app {
  background: #fff;
  position: relative; }
  .app.app--100vh {
    min-height: 100vh; }

@media (min-width: 752px) {
  .app-main__top .top > * + * {
    margin-left: 24px; } }

/*
*******************************************
2. App - Header
*******************************************
*/
.app-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  padding: 0;
  background: #fff; }
  @media (min-width: 1012px) {
    .app-header {
      height: 64px; } }
  @media (max-width: 1011px) {
    .app-header {
      height: 56px; } }
  .app-header > .nav > .nav__item,
  .app-header > .nav > .nav__item > .nav__link {
    height: 100%; }

@media (min-width: 1012px) {
  .app--header-top {
    padding-top: 64px; }
    .app--header-top .app-navbar {
      top: 64px; } }

@media (max-width: 1011px) {
  .app--header-top {
    padding-top: 56px; } }

/*
*******************************************
3. App - Navbar
*******************************************
*/
.app-navbar {
  position: absolute;
  top: 0;
  z-index: 1001; }

@media (max-width: 1011px) {
  .app--navbar-left .app-main,
  .app--navbar-right .app-main {
    padding-top: 56px; } }

.app--navbar-left .app-main__nav:after,
.app--navbar-right .app-main__nav:after {
  width: auto; }

@media (min-width: 1012px) {
  .app--navbar-left .app-navbar.navbar--v,
  .app--navbar-right .app-navbar.navbar--v {
    bottom: 0; }
  .app--navbar-left .app-navbar.navbar--v {
    left: 0;
    right: auto; }
  .app--navbar-left.app--navbar-v-thin .app-main {
    padding-left: 110px; }
    .app--navbar-left.app--navbar-v-thin .app-main__actions.is-fixed {
      right: 0;
      left: 110px;
      width: auto; }
  .app--navbar-left.app--navbar-v-wide .app-main {
    padding-left: 270px; }
    .app--navbar-left.app--navbar-v-wide .app-main__actions.is-fixed {
      right: 0;
      left: 270px;
      width: auto; }
  .app--navbar-right .app-navbar.navbar--v {
    right: 0;
    left: auto; }
  .app--navbar-right.app--navbar-v-thin .app-main {
    padding-right: 110px; }
    .app--navbar-right.app--navbar-v-thin .app-main__actions {
      right: 110px; }
  .app--navbar-right.app--navbar-v-wide .app-main {
    padding-right: 270px; }
    .app--navbar-right.app--navbar-v-wide .app-main__actions {
      right: 270px; }
  .app--navbar-top.app--navbar-h-extended {
    padding-top: 124px; }
  .app--navbar-top.app--navbar-h-simple {
    padding-top: 72px; }
  .app--navbar-right .app-main,
  .app--navbar-left .app-main {
    min-height: 100vh; }
  .app--main-toolbar-top.app--navbar-left.app--navbar-v-wide .app-main__toolbar {
    right: 0;
    left: 270px; }
  .app--main-toolbar-top.app--navbar-left.app--navbar-v-thin .app-main__toolbar {
    right: 0;
    left: 110px; }
  .app--main-toolbar-top.app--navbar-right.app--navbar-v-wide .app-main__toolbar {
    left: 0;
    right: 270px; }
  .app--main-toolbar-top.app--navbar-right.app--navbar-v-thin .app-main__toolbar {
    left: 0;
    right: 110px; } }

/*
*******************************************
4. App - Main
*******************************************
*/
@media (min-width: 1012px) {
  .app-main__top {
    padding-top: 40px; } }

@media (max-width: 1011px) {
  .app-main__top {
    padding-top: 24px; } }

@media (max-width: 751px) {
  .app-main__top {
    padding-top: 16px; } }

@media (min-width: 752px) {
  .app-main__top .top {
    min-height: 52px; } }

@media (max-width: 751px) {
  .app-main__top .top {
    min-height: 46px; } }

.app-main__top .top__content .top__title + .top__desc {
  padding-top: 4px; }

.app-main__top .top__content .list {
  margin-bottom: -8px; }

.app-main__top .top__title-text {
  margin: auto 0; }
  @media (min-width: 1012px) {
    .app-main__top .top__title-text {
      font-size: 40px;
      font-weight: 800;
      line-height: 52px; } }
  @media (max-width: 1011px) {
    .app-main__top .top__title-text {
      font-size: 36px;
      font-weight: 800;
      line-height: 44px; } }
  @media (max-width: 751px) {
    .app-main__top .top__title-text {
      font-size: 26px;
      font-weight: 700;
      line-height: 34px; } }

@media (max-width: 751px) {
  .app-main__top .top__content, .app-main__top .top__addon, .app-main__top .top__toolbar {
    align-self: center; } }

.app-main__nav, .app-main__steps {
  position: relative; }
  @media (min-width: 1012px) {
    .app-main__nav, .app-main__steps {
      margin-top: 32px; } }
  @media (min-width: 752px) and (max-width: 1011px) {
    .app-main__nav, .app-main__steps {
      margin-top: 16px; } }
  .app-main__nav:after, .app-main__steps:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #fff;
    width: 100%; }

.app-main__nav > .container > .nav-swiper:first-child,
.app-main__nav > .container > .nav:first-child {
  margin-left: -16px; }

.app-main__nav > .container > .nav-swiper:last-child,
.app-main__nav > .container > .nav:last-child {
  margin-right: -16px; }

@media (max-width: 1011px) {
  .app-main__nav .nav--md > .nav__item > .nav__link {
    font-size: 18px; } }

.app-main__steps {
  padding-bottom: 8px; }

@media (min-width: 1012px) {
  .app-main__body {
    padding: 40px 0; } }

@media (max-width: 1011px) {
  .app-main__body {
    padding: 24px 0; } }

.app-main__actions {
  bottom: 0;
  z-index: 999;
  transform: translate3d(0px, 0px, 0px);
  padding: 16px 0;
  background: #fff;
  border-top: 1px solid #fff; }
  .app-main__actions > .container {
    display: flex;
    flex-wrap: wrap; }
  .app-main__actions.is-fixed {
    box-shadow: 0px -2px 5px -1px rgba(30, 45, 70, 0.05); }
  .app-main__actions .btn + .btn {
    margin-left: 16px; }
  @media (max-width: 513px) {
    .app-main__actions > .container {
      margin-right: 0;
      margin-left: 0;
      width: inherit; } }

.app-main__footer {
  padding: 16px 0;
  background: #fff;
  border-top: 1px solid #fff; }

.app-main.has-actions {
  padding-bottom: 84px; }

.app-main.has-sm-actions {
  padding-bottom: 80px; }

/* App Main: Notification */
.app-main__notification .notification__body {
  padding: 24px 0; }

.app-main__notification .notification__nav {
  border-top: 1px solid rgba(0, 0, 0, 0.05); }

/* App Main: Toolbar */
.app-main__toolbar {
  min-height: auto;
  width: auto;
  background: #fff;
  padding: 0 16px;
  border-bottom: 1px solid #fff; }

@media (min-width: 1012px) {
  .app--main-toolbar-top .app-main {
    padding-top: 64px; } }

@media (max-width: 1011px) {
  .app--main-toolbar-top .app-main {
    padding-top: 56px; } }

.app--main-toolbar-top .app-main__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }
  @media (min-width: 1012px) {
    .app--main-toolbar-top .app-main__toolbar {
      height: 64px; } }
  @media (max-width: 1011px) {
    .app--main-toolbar-top .app-main__toolbar {
      z-index: 1001;
      background: #1B1C21;
      height: 56px; }
      .app--main-toolbar-top .app-main__toolbar .navbar__burger span {
        background: rgba(255, 255, 255, 0.8); }
      .app--main-toolbar-top .app-main__toolbar .nav > .nav__item > .nav__link {
        color: rgba(255, 255, 255, 0.8); }
        .app--main-toolbar-top .app-main__toolbar .nav > .nav__item > .nav__link:hover,
        .app--main-toolbar-top .app-main__toolbar .nav > .nav__item > .nav__link:hover > .nav__link-icon, .app--main-toolbar-top .app-main__toolbar .nav > .nav__item > .nav__link:active, .app--main-toolbar-top .app-main__toolbar .nav > .nav__item > .nav__link:focus,
        .app--main-toolbar-top .app-main__toolbar .nav > .nav__item > .nav__link:active > .nav__link-icon,
        .app--main-toolbar-top .app-main__toolbar .nav > .nav__item > .nav__link:focus > .nav__link-icon {
          color: #fff; }
      .app--main-toolbar-top .app-main__toolbar .nav > .nav__item .nav__link-icon {
        color: rgba(255, 255, 255, 0.5); }
      .app--main-toolbar-top .app-main__toolbar .nav > .nav__item.is-open > .nav__link,
      .app--main-toolbar-top .app-main__toolbar .nav > .nav__item.is-open > .nav__link > .nav__link-icon {
        color: #fff; }
      .app--main-toolbar-top .app-main__toolbar .nav > .nav__item.is-active > .nav__link,
      .app--main-toolbar-top .app-main__toolbar .nav > .nav__item.is-active > .nav__link > .nav__link-icon {
        color: #6B4DC4; } }

@media (max-width: 1011px) {
  .app-navbar > .container,
  .app-navbar > .navbar__top > .container,
  .app-navbar > .navbar__menu > .container,
  .app-navbar > .navbar__collapse > .container,
  .app-navbar > .navbar__off-canvas > .container, .app-header > .container, .app-main__header > .container, .app-main__top > .container, .app-main__nav > .container, .app-main__steps > .container, .app-main__body > .container, .app-main__actions > .container {
    max-width: 100%;
    width: 100%; } }

.app--footer-bottom .app-main {
  padding-bottom: 77px; }

.app--footer-bottom .app-main__footer {
  background: #fff;
  z-index: 1000;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0; }

/*
*******************************************
Block
1. General
2. Elements
3. Responsive
*******************************************
*/
/*
*******************************************
1. Block - general
*******************************************
*/
.block {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 1;
  justify-content: space-between; }

/*
*******************************************
2. Block - elements
*******************************************
*/
.block__header {
  width: 100%;
  padding: 16px 16px 10px; }

.block__body {
  flex: 1;
  flex-shrink: 1;
  max-width: 100%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .block__body {
      flex: 1 1 auto; } }
  .block__body + .block__sidebar {
    margin-left: 24px; }
  .block__body .form-section:first-of-type .form-section__title {
    padding-top: 0; }

.block__sidebar {
  flex-shrink: 0;
  width: 270px; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .block__sidebar {
      flex: 1 1 auto; } }
  .block__sidebar:first-child {
    margin-right: 24px; }
    .block__sidebar:first-child + .block__sidebar {
      margin-left: 24px; }
  .block__sidebar:last-child {
    margin-left: 24px; }
  .block__sidebar--sm {
    width: 150px; }
  .block__sidebar--md {
    width: 320px; }
  .block__sidebar--lg {
    width: 386px; }
  .block__sidebar.has-bg {
    background-color: #6B4DC4; }
    .block__sidebar.has-bg .has-dark-bg.widget {
      box-shadow: none;
      margin-bottom: 8px; }
      .block__sidebar.has-bg .has-dark-bg.widget .widget__body + .widget__body {
        border-top: 1px solid rgba(0, 0, 0, 0.05); }
      .block__sidebar.has-bg .has-dark-bg.widget + .widget {
        padding-top: 8px;
        border-top: 1px solid rgba(0, 0, 0, 0.05); }

.block__content + .block__actions {
  margin-top: 24px; }

/*
*******************************************
3. Block - responsive
*******************************************
*/
@media (min-width: 1012px) {
  .block {
    align-items: flex-start; }
    .block__sidebar {
      align-self: stretch; } }

@media (min-width: 752px) {
  .block__header {
    margin-bottom: 48px; } }

@media (max-width: 1011px) {
  .block {
    flex-direction: column; }
    .block__sidebar {
      width: 100%;
      margin: 16px 0 0; }
      .block__sidebar:first-child {
        margin: 0 0 16px; }
      .block__sidebar:last-child {
        margin: 16px 0 0; } }

@media (max-width: 751px) {
  .block {
    flex-direction: column; }
    .block__body {
      border: none; }
      .block__body > .list-group {
        margin: -24px -16px; }
        .block__body > .list-group .list-group__item {
          padding: 16px; }
      .block__body > *:not(.well) + .list-group {
        margin-top: 0;
        margin-bottom: 0; } }

/*
*******************************************
Tops
*******************************************
*/
.top {
  display: flex;
  align-items: center; }
  .top > * + * {
    margin-left: 16px; }
  .top__content {
    flex-grow: 1; }
    .top__content > *:last-child {
      margin-bottom: 0; }
  .top__addon {
    flex-grow: 0; }
  .top__toolbar {
    display: flex;
    flex-grow: 0;
    align-items: center;
    white-space: nowrap; }
    .top__toolbar > * + * {
      margin-left: 16px; }
  .top__title {
    display: flex;
    flex-grow: 1;
    align-items: center;
    height: 100%;
    max-width: 100%; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .top__title {
        width: 100%;
        flex: 1 1 auto; } }
    .top__title-text {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .top__title-icon {
      height: 24px !important;
      width: 24px !important;
      min-width: 24px !important;
      min-height: 24px !important;
      font-size: 24px !important;
      line-height: 24px !important;
      margin-right: 16px;
      vertical-align: middle; }
  .top__content {
    flex-direction: column; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .top__content {
        width: 100%;
        flex: 1 1 auto; } }
  .top__content, .top__addon, .top__toolbar {
    align-self: end; }
  .top__toolbar--middle {
    align-self: center; }

@media (max-width: 751px) {
  .top__toolbar .btn + .btn {
    margin-left: 0; }
  .top.top--tools {
    margin-bottom: 0; }
    .top.top--tools .top__toolbar--left {
      display: none; }
    .top.top--tools .top__toolbar {
      margin-left: 0;
      width: 100%; }
      .top.top--tools .top__toolbar .has-dropdown {
        border-bottom: 1px solid #fff; }
        .top.top--tools .top__toolbar .has-dropdown .btn {
          width: 100%;
          background: transparent;
          padding-left: 0;
          padding-right: 0; }
        .top.top--tools .top__toolbar .has-dropdown .btn__icon {
          margin-left: auto; }
  .top__values {
    display: none; } }

/*
*******************************************
Rail
1. General
*******************************************
*/
/*
*******************************************
1. Rail - general
*******************************************
*/
.rail {
  display: flex;
  align-items: center; }
  .rail > * + * {
    margin-left: 16px; }
  .rail__content {
    flex-grow: 1; }
    .rail__content > *:last-child {
      margin-bottom: 0; }
  .rail__addon {
    flex-grow: 0; }
  .rail__toolbar {
    display: flex;
    flex-grow: 0;
    align-items: center;
    white-space: nowrap; }
    .rail__toolbar > * + * {
      margin-left: 16px; }

.rail--space-between {
  justify-content: space-between; }

.rail--spacing-1x > * + * {
  margin-left: 8px; }

.rail--spacing-3x > * + * {
  margin-left: 24px; }

.rail--spacing-4x > * + * {
  margin-left: 32px; }

.rail--spacing-5x > * + * {
  margin-left: 40px; }

@media (min-width: 1012px) {
  .rail-responsive-up {
    display: flex;
    align-items: center; }
    .rail-responsive-up > * + * {
      margin-left: 16px; }
    .rail-responsive-up__content {
      flex-grow: 1; }
      .rail-responsive-up__content > *:last-child {
        margin-bottom: 0; }
    .rail-responsive-up__addon {
      flex-grow: 0; }
    .rail-responsive-up__toolbar {
      display: flex;
      flex-grow: 0;
      align-items: center;
      white-space: nowrap; }
      .rail-responsive-up__toolbar > * + * {
        margin-left: 16px; } }

@media (max-width: 1011px) {
  .rail-responsive-down {
    display: flex;
    align-items: center; }
    .rail-responsive-down > * + * {
      margin-left: 16px; }
    .rail-responsive-down__content {
      flex-grow: 1; }
      .rail-responsive-down__content > *:last-child {
        margin-bottom: 0; }
    .rail-responsive-down__addon {
      flex-grow: 0; }
    .rail-responsive-down__toolbar {
      display: flex;
      flex-grow: 0;
      align-items: center;
      white-space: nowrap; }
      .rail-responsive-down__toolbar > * + * {
        margin-left: 16px; } }

@media (min-width: 752px) {
  .rail-mob-up {
    display: flex;
    align-items: center; }
    .rail-mob-up > * + * {
      margin-left: 16px; }
    .rail-mob-up__content {
      flex-grow: 1; }
      .rail-mob-up__content > *:last-child {
        margin-bottom: 0; }
    .rail-mob-up__addon {
      flex-grow: 0; }
    .rail-mob-up__toolbar {
      display: flex;
      flex-grow: 0;
      align-items: center;
      white-space: nowrap; }
      .rail-mob-up__toolbar > * + * {
        margin-left: 16px; } }

@media (max-width: 751px) {
  .rail-mob-down {
    display: flex;
    align-items: center; }
    .rail-mob-down > * + * {
      margin-left: 16px; }
    .rail-mob-down__content {
      flex-grow: 1; }
      .rail-mob-down__content > *:last-child {
        margin-bottom: 0; }
    .rail-mob-down__addon {
      flex-grow: 0; }
    .rail-mob-down__toolbar {
      display: flex;
      flex-grow: 0;
      align-items: center;
      white-space: nowrap; }
      .rail-mob-down__toolbar > * + * {
        margin-left: 16px; } }

@media (min-width: 514px) {
  .rail-xs-up {
    display: flex;
    align-items: center; }
    .rail-xs-up > * + * {
      margin-left: 16px; }
    .rail-xs-up__content {
      flex-grow: 1; }
      .rail-xs-up__content > *:last-child {
        margin-bottom: 0; }
    .rail-xs-up__addon {
      flex-grow: 0; }
    .rail-xs-up__toolbar {
      display: flex;
      flex-grow: 0;
      align-items: center;
      white-space: nowrap; }
      .rail-xs-up__toolbar > * + * {
        margin-left: 16px; } }

@media (max-width: 513px) {
  .rail-xs-down {
    display: flex;
    align-items: center; }
    .rail-xs-down > * + * {
      margin-left: 16px; }
    .rail-xs-down__content {
      flex-grow: 1; }
      .rail-xs-down__content > *:last-child {
        margin-bottom: 0; }
    .rail-xs-down__addon {
      flex-grow: 0; }
    .rail-xs-down__toolbar {
      display: flex;
      flex-grow: 0;
      align-items: center;
      white-space: nowrap; }
      .rail-xs-down__toolbar > * + * {
        margin-left: 16px; } }

.top__toolbar:first-child > .btn--link:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link,
.list-group__toolbar:first-child > .btn--link:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link,
.rail__toolbar:first-child > .btn--link:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link,
.cell-actions:first-child > .btn--link:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link {
  margin-left: -24px; }

.top__toolbar:first-child > .btn--link.btn--icon:first-child,
.top__toolbar:first-child > .btn--link.btn--icon:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon,
.list-group__toolbar:first-child > .btn--link.btn--icon:first-child,
.list-group__toolbar:first-child > .btn--link.btn--icon:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon,
.rail__toolbar:first-child > .btn--link.btn--icon:first-child,
.rail__toolbar:first-child > .btn--link.btn--icon:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon,
.cell-actions:first-child > .btn--link.btn--icon:first-child,
.cell-actions:first-child > .btn--link.btn--icon:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon {
  margin-left: -14px; }

.top__toolbar:first-child > .btn--link.btn--icon.btn--xs:first-child,
.top__toolbar:first-child > .btn--link.btn--icon.btn--xs:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xs,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--xs:first-child,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--xs:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xs,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--xs:first-child,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--xs:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xs,
.cell-actions:first-child > .btn--link.btn--icon.btn--xs:first-child,
.cell-actions:first-child > .btn--link.btn--icon.btn--xs:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xs {
  margin-left: -10px; }

.top__toolbar:first-child > .btn--link.btn--xs:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xs,
.list-group__toolbar:first-child > .btn--link.btn--xs:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xs,
.rail__toolbar:first-child > .btn--link.btn--xs:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xs,
.cell-actions:first-child > .btn--link.btn--xs:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--xs {
  margin-left: -24px; }

.top__toolbar:first-child > .btn--link.btn--icon.btn--sm:first-child,
.top__toolbar:first-child > .btn--link.btn--icon.btn--sm:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--sm,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--sm:first-child,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--sm:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--sm,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--sm:first-child,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--sm:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--sm,
.cell-actions:first-child > .btn--link.btn--icon.btn--sm:first-child,
.cell-actions:first-child > .btn--link.btn--icon.btn--sm:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--sm {
  margin-left: -12px; }

.top__toolbar:first-child > .btn--link.btn--sm:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--sm,
.list-group__toolbar:first-child > .btn--link.btn--sm:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--sm,
.rail__toolbar:first-child > .btn--link.btn--sm:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--sm,
.cell-actions:first-child > .btn--link.btn--sm:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--sm {
  margin-left: -24px; }

.top__toolbar:first-child > .btn--link.btn--icon.btn--d:first-child,
.top__toolbar:first-child > .btn--link.btn--icon.btn--d:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--d,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--d:first-child,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--d:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--d,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--d:first-child,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--d:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--d,
.cell-actions:first-child > .btn--link.btn--icon.btn--d:first-child,
.cell-actions:first-child > .btn--link.btn--icon.btn--d:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--d {
  margin-left: -14px; }

.top__toolbar:first-child > .btn--link.btn--d:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--d,
.list-group__toolbar:first-child > .btn--link.btn--d:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--d,
.rail__toolbar:first-child > .btn--link.btn--d:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--d,
.cell-actions:first-child > .btn--link.btn--d:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--d {
  margin-left: -24px; }

.top__toolbar:first-child > .btn--link.btn--icon.btn--lg:first-child,
.top__toolbar:first-child > .btn--link.btn--icon.btn--lg:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--lg,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--lg:first-child,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--lg:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--lg,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--lg:first-child,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--lg:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--lg,
.cell-actions:first-child > .btn--link.btn--icon.btn--lg:first-child,
.cell-actions:first-child > .btn--link.btn--icon.btn--lg:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--lg {
  margin-left: -18px; }

.top__toolbar:first-child > .btn--link.btn--lg:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--lg,
.list-group__toolbar:first-child > .btn--link.btn--lg:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--lg,
.rail__toolbar:first-child > .btn--link.btn--lg:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--lg,
.cell-actions:first-child > .btn--link.btn--lg:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--lg {
  margin-left: -32px; }

.top__toolbar:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.top__toolbar:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xlg,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.list-group__toolbar:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xlg,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.rail__toolbar:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xlg,
.cell-actions:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.cell-actions:first-child > .btn--link.btn--icon.btn--xlg:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--icon.btn--xlg {
  margin-left: -20px; }

.top__toolbar:first-child > .btn--link.btn--xlg:first-child,
.top__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xlg,
.list-group__toolbar:first-child > .btn--link.btn--xlg:first-child,
.list-group__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xlg,
.rail__toolbar:first-child > .btn--link.btn--xlg:first-child,
.rail__toolbar:first-child > .has-dropdown:first-child > .btn--link.btn--xlg,
.cell-actions:first-child > .btn--link.btn--xlg:first-child,
.cell-actions:first-child > .has-dropdown:first-child > .btn--link.btn--xlg {
  margin-left: -40px; }

.top__toolbar:last-child > .btn--link:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link,
.list-group__toolbar:last-child > .btn--link:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link,
.rail__toolbar:last-child > .btn--link:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link,
.cell-actions:last-child > .btn--link:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link {
  margin-right: -24px; }

.top__toolbar:last-child > .btn--link.btn--icon:last-child,
.top__toolbar:last-child > .btn--link.btn--icon:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon,
.list-group__toolbar:last-child > .btn--link.btn--icon:last-child,
.list-group__toolbar:last-child > .btn--link.btn--icon:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon,
.rail__toolbar:last-child > .btn--link.btn--icon:last-child,
.rail__toolbar:last-child > .btn--link.btn--icon:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon,
.cell-actions:last-child > .btn--link.btn--icon:last-child,
.cell-actions:last-child > .btn--link.btn--icon:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon {
  margin-right: -14px; }

.top__toolbar:last-child > .btn--link.btn--icon.btn--xs:last-child,
.top__toolbar:last-child > .btn--link.btn--icon.btn--xs:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--xs:last-child,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--xs:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--xs:last-child,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--xs:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
.cell-actions:last-child > .btn--link.btn--icon.btn--xs:last-child,
.cell-actions:last-child > .btn--link.btn--icon.btn--xs:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs {
  margin-right: -10px; }

.top__toolbar:last-child > .btn--link.btn--xs:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
.list-group__toolbar:last-child > .btn--link.btn--xs:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
.rail__toolbar:last-child > .btn--link.btn--xs:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
.cell-actions:last-child > .btn--link.btn--xs:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--xs {
  margin-right: -24px; }

.top__toolbar:last-child > .btn--link.btn--icon.btn--sm:last-child,
.top__toolbar:last-child > .btn--link.btn--icon.btn--sm:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--sm:last-child,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--sm:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--sm:last-child,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--sm:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
.cell-actions:last-child > .btn--link.btn--icon.btn--sm:last-child,
.cell-actions:last-child > .btn--link.btn--icon.btn--sm:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm {
  margin-right: -12px; }

.top__toolbar:last-child > .btn--link.btn--sm:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
.list-group__toolbar:last-child > .btn--link.btn--sm:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
.rail__toolbar:last-child > .btn--link.btn--sm:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
.cell-actions:last-child > .btn--link.btn--sm:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--sm {
  margin-right: -24px; }

.top__toolbar:last-child > .btn--link.btn--icon.btn--d:last-child,
.top__toolbar:last-child > .btn--link.btn--icon.btn--d:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--d:last-child,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--d:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--d:last-child,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--d:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
.cell-actions:last-child > .btn--link.btn--icon.btn--d:last-child,
.cell-actions:last-child > .btn--link.btn--icon.btn--d:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d {
  margin-right: -14px; }

.top__toolbar:last-child > .btn--link.btn--d:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
.list-group__toolbar:last-child > .btn--link.btn--d:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
.rail__toolbar:last-child > .btn--link.btn--d:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
.cell-actions:last-child > .btn--link.btn--d:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--d {
  margin-right: -24px; }

.top__toolbar:last-child > .btn--link.btn--icon.btn--lg:last-child,
.top__toolbar:last-child > .btn--link.btn--icon.btn--lg:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--lg:last-child,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--lg:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--lg:last-child,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--lg:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
.cell-actions:last-child > .btn--link.btn--icon.btn--lg:last-child,
.cell-actions:last-child > .btn--link.btn--icon.btn--lg:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg {
  margin-right: -18px; }

.top__toolbar:last-child > .btn--link.btn--lg:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
.list-group__toolbar:last-child > .btn--link.btn--lg:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
.rail__toolbar:last-child > .btn--link.btn--lg:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
.cell-actions:last-child > .btn--link.btn--lg:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--lg {
  margin-right: -32px; }

.top__toolbar:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.top__toolbar:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.list-group__toolbar:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.rail__toolbar:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
.cell-actions:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.cell-actions:last-child > .btn--link.btn--icon.btn--xlg:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg {
  margin-right: -20px; }

.top__toolbar:last-child > .btn--link.btn--xlg:last-child,
.top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
.list-group__toolbar:last-child > .btn--link.btn--xlg:last-child,
.list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
.rail__toolbar:last-child > .btn--link.btn--xlg:last-child,
.rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
.cell-actions:last-child > .btn--link.btn--xlg:last-child,
.cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--xlg {
  margin-right: -40px; }

@media (max-width: 751px) {
  .top__toolbar:first-child > .btn--mob-link:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link,
  .list-group__toolbar:first-child > .btn--mob-link:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link,
  .rail__toolbar:first-child > .btn--mob-link:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link,
  .cell-actions:first-child > .btn--mob-link:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link {
    margin-left: -24px; }
  .top__toolbar:first-child > .btn--mob-link.btn--mob-icon:first-child,
  .top__toolbar:first-child > .btn--mob-link.btn--icon:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon,
  .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon:first-child,
  .list-group__toolbar:first-child > .btn--mob-link.btn--icon:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon,
  .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon:first-child,
  .rail__toolbar:first-child > .btn--mob-link.btn--icon:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon,
  .cell-actions:first-child > .btn--mob-link.btn--mob-icon:first-child,
  .cell-actions:first-child > .btn--mob-link.btn--icon:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon {
    margin-left: -14px; }
  .top__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xs:first-child,
  .top__toolbar:first-child > .btn--mob-link.btn--icon.btn--xs:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xs,
  .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xs:first-child,
  .list-group__toolbar:first-child > .btn--mob-link.btn--icon.btn--xs:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xs,
  .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xs:first-child,
  .rail__toolbar:first-child > .btn--mob-link.btn--icon.btn--xs:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xs,
  .cell-actions:first-child > .btn--mob-link.btn--mob-icon.btn--xs:first-child,
  .cell-actions:first-child > .btn--mob-link.btn--icon.btn--xs:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xs {
    margin-left: -10px; }
  .top__toolbar:first-child > .btn--mob-link.btn--xs:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xs,
  .list-group__toolbar:first-child > .btn--mob-link.btn--xs:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xs,
  .rail__toolbar:first-child > .btn--mob-link.btn--xs:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xs,
  .cell-actions:first-child > .btn--mob-link.btn--xs:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xs {
    margin-left: -24px; }
  .top__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--sm:first-child,
  .top__toolbar:first-child > .btn--mob-link.btn--icon.btn--sm:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--sm,
  .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--sm:first-child,
  .list-group__toolbar:first-child > .btn--mob-link.btn--icon.btn--sm:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--sm,
  .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--sm:first-child,
  .rail__toolbar:first-child > .btn--mob-link.btn--icon.btn--sm:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--sm,
  .cell-actions:first-child > .btn--mob-link.btn--mob-icon.btn--sm:first-child,
  .cell-actions:first-child > .btn--mob-link.btn--icon.btn--sm:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--sm {
    margin-left: -12px; }
  .top__toolbar:first-child > .btn--mob-link.btn--sm:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--sm,
  .list-group__toolbar:first-child > .btn--mob-link.btn--sm:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--sm,
  .rail__toolbar:first-child > .btn--mob-link.btn--sm:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--sm,
  .cell-actions:first-child > .btn--mob-link.btn--sm:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--sm {
    margin-left: -24px; }
  .top__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--d:first-child,
  .top__toolbar:first-child > .btn--mob-link.btn--icon.btn--d:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--d,
  .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--d:first-child,
  .list-group__toolbar:first-child > .btn--mob-link.btn--icon.btn--d:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--d,
  .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--d:first-child,
  .rail__toolbar:first-child > .btn--mob-link.btn--icon.btn--d:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--d,
  .cell-actions:first-child > .btn--mob-link.btn--mob-icon.btn--d:first-child,
  .cell-actions:first-child > .btn--mob-link.btn--icon.btn--d:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--d {
    margin-left: -14px; }
  .top__toolbar:first-child > .btn--mob-link.btn--d:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--d,
  .list-group__toolbar:first-child > .btn--mob-link.btn--d:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--d,
  .rail__toolbar:first-child > .btn--mob-link.btn--d:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--d,
  .cell-actions:first-child > .btn--mob-link.btn--d:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--d {
    margin-left: -24px; }
  .top__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--lg:first-child,
  .top__toolbar:first-child > .btn--mob-link.btn--icon.btn--lg:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--lg,
  .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--lg:first-child,
  .list-group__toolbar:first-child > .btn--mob-link.btn--icon.btn--lg:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--lg,
  .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--lg:first-child,
  .rail__toolbar:first-child > .btn--mob-link.btn--icon.btn--lg:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--lg,
  .cell-actions:first-child > .btn--mob-link.btn--mob-icon.btn--lg:first-child,
  .cell-actions:first-child > .btn--mob-link.btn--icon.btn--lg:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--lg {
    margin-left: -18px; }
  .top__toolbar:first-child > .btn--mob-link.btn--lg:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--lg,
  .list-group__toolbar:first-child > .btn--mob-link.btn--lg:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--lg,
  .rail__toolbar:first-child > .btn--mob-link.btn--lg:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--lg,
  .cell-actions:first-child > .btn--mob-link.btn--lg:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--lg {
    margin-left: -32px; }
  .top__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xlg:first-child,
  .top__toolbar:first-child > .btn--mob-link.btn--icon.btn--xlg:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xlg,
  .list-group__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xlg:first-child,
  .list-group__toolbar:first-child > .btn--mob-link.btn--icon.btn--xlg:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xlg,
  .rail__toolbar:first-child > .btn--mob-link.btn--mob-icon.btn--xlg:first-child,
  .rail__toolbar:first-child > .btn--mob-link.btn--icon.btn--xlg:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xlg,
  .cell-actions:first-child > .btn--mob-link.btn--mob-icon.btn--xlg:first-child,
  .cell-actions:first-child > .btn--mob-link.btn--icon.btn--xlg:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--mob-icon.btn--xlg {
    margin-left: -20px; }
  .top__toolbar:first-child > .btn--mob-link.btn--xlg:first-child,
  .top__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xlg,
  .list-group__toolbar:first-child > .btn--mob-link.btn--xlg:first-child,
  .list-group__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xlg,
  .rail__toolbar:first-child > .btn--mob-link.btn--xlg:first-child,
  .rail__toolbar:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xlg,
  .cell-actions:first-child > .btn--mob-link.btn--xlg:first-child,
  .cell-actions:first-child > .has-dropdown:first-child > .btn--mob-link.btn--xlg {
    margin-left: -40px; }
  .top__toolbar:last-child > .btn--link:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link,
  .list-group__toolbar:last-child > .btn--link:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link,
  .rail__toolbar:last-child > .btn--link:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link,
  .cell-actions:last-child > .btn--link:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link {
    margin-right: -24px; }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-icon:last-child,
  .top__toolbar:last-child > .btn--mob-link.btn--icon:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--mob-link.btn--mob-icon,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon:last-child,
  .list-group__toolbar:last-child > .btn--mob-link.btn--icon:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--mob-link.btn--mob-icon,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon:last-child,
  .rail__toolbar:last-child > .btn--mob-link.btn--icon:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--mob-link.btn--mob-icon,
  .cell-actions:last-child > .btn--mob-link.btn--mob-icon:last-child,
  .cell-actions:last-child > .btn--mob-link.btn--icon:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--mob-link.btn--mob-icon {
    margin-right: -14px; }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xs:last-child,
  .top__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xs:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xs:last-child,
  .list-group__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xs:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xs:last-child,
  .rail__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xs:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs,
  .cell-actions:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xs:last-child,
  .cell-actions:last-child > .btn--mob-link.btn--icon.btn--mob-xs:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xs {
    margin-right: -10px; }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-xs:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-xs:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-xs:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xs,
  .cell-actions:last-child > .btn--mob-link.btn--mob-xs:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--xs {
    margin-right: -24px; }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-sm:last-child,
  .top__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-sm:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-sm:last-child,
  .list-group__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-sm:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-sm:last-child,
  .rail__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-sm:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm,
  .cell-actions:last-child > .btn--mob-link.btn--mob-icon.btn--mob-sm:last-child,
  .cell-actions:last-child > .btn--mob-link.btn--icon.btn--mob-sm:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--sm {
    margin-right: -12px; }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-sm:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-sm:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-sm:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--sm,
  .cell-actions:last-child > .btn--mob-link.btn--mob-sm:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--sm {
    margin-right: -24px; }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-d:last-child,
  .top__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-d:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-d:last-child,
  .list-group__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-d:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-d:last-child,
  .rail__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-d:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d,
  .cell-actions:last-child > .btn--mob-link.btn--mob-icon.btn--mob-d:last-child,
  .cell-actions:last-child > .btn--mob-link.btn--icon.btn--mob-d:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--d {
    margin-right: -14px; }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-d:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-d:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-d:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--d,
  .cell-actions:last-child > .btn--mob-link.btn--mob-d:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--d {
    margin-right: -24px; }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-lg:last-child,
  .top__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-lg:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-lg:last-child,
  .list-group__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-lg:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-lg:last-child,
  .rail__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-lg:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg,
  .cell-actions:last-child > .btn--mob-link.btn--mob-icon.btn--mob-lg:last-child,
  .cell-actions:last-child > .btn--mob-link.btn--icon.btn--mob-lg:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--lg {
    margin-right: -18px; }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-lg:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-lg:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-lg:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--lg,
  .cell-actions:last-child > .btn--mob-link.btn--mob-lg:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--lg {
    margin-right: -32px; }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xlg:last-child,
  .top__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xlg:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xlg:last-child,
  .list-group__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xlg:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xlg:last-child,
  .rail__toolbar:last-child > .btn--mob-link.btn--icon.btn--mob-xlg:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg,
  .cell-actions:last-child > .btn--mob-link.btn--mob-icon.btn--mob-xlg:last-child,
  .cell-actions:last-child > .btn--mob-link.btn--icon.btn--mob-xlg:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--icon.btn--xlg {
    margin-right: -20px; }
  .top__toolbar:last-child > .btn--mob-link.btn--mob-xlg:last-child,
  .top__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
  .list-group__toolbar:last-child > .btn--mob-link.btn--mob-xlg:last-child,
  .list-group__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
  .rail__toolbar:last-child > .btn--mob-link.btn--mob-xlg:last-child,
  .rail__toolbar:last-child > .has-dropdown:last-child > .btn--link.btn--xlg,
  .cell-actions:last-child > .btn--mob-link.btn--mob-xlg:last-child,
  .cell-actions:last-child > .has-dropdown:last-child > .btn--link.btn--xlg {
    margin-right: -40px; } }

/*
*******************************************
Tooltips
1. General
*******************************************
*/
/*
*******************************************
1. Tooltips - general
*******************************************
*/
.tooltip.drop-target {
  cursor: pointer; }
  .tooltip.drop-target [title] {
    display: none; }

.tooltip.drop-element {
  z-index: 1001; }

.tooltip.drop {
  pointer-events: none; }
  .tooltip.drop .drop-content {
    max-width: 165px;
    padding: 6px 8px;
    background: #1B1C21;
    color: #fff;
    font-size: 11px;
    line-height: 16px; }
  .tooltip.drop.drop-target-attached-top {
    top: -8px !important; }
  .tooltip.drop.drop-target-attached-bottom {
    top: 8px !important; }
    .tooltip.drop.drop-target-attached-bottom .tooltip__arrow {
      top: -6px;
      bottom: auto;
      transform: rotate(180deg); }
  .tooltip.drop.drop-target-attached-left.drop-target-attached-middle .tooltip__arrow {
    bottom: auto;
    top: 50%;
    left: auto;
    margin-left: 0;
    right: -8px;
    margin-top: -2px;
    transform: rotate(-90deg); }
  .tooltip.drop.drop-target-attached-right.drop-target-attached-middle .tooltip__arrow {
    bottom: auto;
    top: auto;
    top: 50%;
    left: -5px;
    right: auto;
    margin-right: 0;
    margin-top: -2px;
    transform: rotate(90deg); }

.tooltip .tooltip__arrow {
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -3px;
  width: 0;
  height: 0;
  content: '';
  border-width: 6px 6.5px 0 6.5px;
  border-style: solid;
  border-color: #1B1C21 transparent transparent transparent; }

.tooltip.tooltip--opacity {
  transition: all .6s; }
  .tooltip.tooltip--opacity:hover {
    opacity: .7; }

/*
*******************************************
Dropdown
1.
*******************************************
*/
/*
*******************************************
1. Dropdown - General
*******************************************
*/
.dropdown {
  position: relative;
  display: none;
  min-width: 260px;
  background: #fff;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
  border-radius: 3px;
  animation-name: fadeInUp;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  max-width: 320px; }
  .dropdown > .list-group,
  .dropdown .dropdown__body > .list-group {
    border: none; }

/*
*******************************************
2. Dropdown - Elements
*******************************************
*/
.dropdown {
  /* Sizes */ }
  .dropdown__header:first-child {
    border-radius: 3px 3px 0 0; }
  .dropdown__content {
    padding: 16px; }
    .dropdown__content *:last-child {
      margin-bottom: 0; }
  .dropdown__menu {
    overflow: auto;
    max-height: 50vh;
    padding: 8px 0;
    margin: 0; }
  .dropdown__item {
    cursor: pointer; }
  .dropdown__item {
    position: relative;
    display: flex;
    flex-shrink: 0;
    min-height: 52px; }
    .dropdown__item > .btn {
      margin: 0 16px; }
      .dropdown__item > .btn + .btn {
        margin-left: 0; }
    .dropdown__item.is-active > .dropdown__link,
    .dropdown__item.is-active > .dropdown__link > .dropdown__link-icon, .dropdown__item.is-open > .dropdown__link,
    .dropdown__item.is-open > .dropdown__link > .dropdown__link-icon {
      color: #7D64C7; }
  .dropdown__link {
    min-height: 100%;
    width: 100%;
    color: #2B1F51;
    transition: color 0.3s; }
    .dropdown__link-icon {
      position: relative;
      height: 24px;
      width: 24px;
      min-width: 24px;
      font-size: 24px;
      line-height: 24px;
      color: #EFEFEF;
      transition: color 0.3s;
      text-align: center; }
      .dropdown__link-icon > .badge {
        position: absolute;
        top: -8px;
        right: -8px; }
      .dropdown__link-icon + .nav__link-text {
        margin-left: 16px; }
    .dropdown__link-text {
      flex-grow: 1; }
      .dropdown__link-text + .nav__link-icon {
        margin-left: 16px; }
      .dropdown__link-text + .nav__link-arrow {
        margin-left: 8px; }
    .dropdown__link-arrow {
      margin-left: 8px;
      margin-right: -4px;
      opacity: 0.4;
      font-size: 16px;
      line-height: 24px; }
      .dropdown__link-arrow + .nav__link-text {
        margin-left: 8px; }
    .dropdown__link:hover,
    .dropdown__link:hover > .dropdown__link-icon {
      color: #7D64C7;
      text-decoration: none; }
    .dropdown__link:active, .dropdown__link:focus {
      color: #7D64C7;
      outline: none; }
  .dropdown__divider {
    margin: 8px 0;
    height: 1px;
    background: #fff; }
  .dropdown__header {
    min-height: 52px;
    margin-top: 8px; }
    .dropdown__header:first-child {
      margin-top: 0; }
  .dropdown__title {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px; }
    @media (max-width: 1387px) {
      .dropdown__title {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px; } }
    @media (max-width: 1011px) {
      .dropdown__title {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px; } }
    @media (max-width: 751px) {
      .dropdown__title {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px; } }
  .dropdown__link, .dropdown__content, .dropdown__header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: 6px 16px; }
  .dropdown--xs .dropdown__item,
  .dropdown--xs .dropdown__header,
  .dropdown .nav__sub--xs .dropdown__item,
  .dropdown .nav__sub--xs .dropdown__header {
    min-height: 44px; }
  .dropdown--xs .dropdown__link,
  .dropdown .nav__sub--xs .dropdown__link {
    font-size: 16px; }
  .dropdown--xs .dropdown__link,
  .dropdown--xs .dropdown__header,
  .dropdown .nav__sub--xs .dropdown__link,
  .dropdown .nav__sub--xs .dropdown__header {
    padding: 4px 16px; }
  .dropdown--xs .dropdown__divider,
  .dropdown .nav__sub--xs .dropdown__divider {
    margin: 4px 0; }
  .dropdown--sm .dropdown__item,
  .dropdown--sm .dropdown__header,
  .dropdown .nav__sub--sm .dropdown__item,
  .dropdown .nav__sub--sm .dropdown__header {
    min-height: 48px; }
  .dropdown--sm .dropdown__link,
  .dropdown .nav__sub--sm .dropdown__link {
    font-size: 16px; }
  .dropdown--sm .dropdown__link,
  .dropdown--sm .dropdown__header,
  .dropdown .nav__sub--sm .dropdown__link,
  .dropdown .nav__sub--sm .dropdown__header {
    padding: 4px 16px; }
  .dropdown--sm .dropdown__divider,
  .dropdown .nav__sub--sm .dropdown__divider {
    margin: 4px 0; }
  .dropdown--md .dropdown__item,
  .dropdown--md .dropdown__header,
  .dropdown .nav__sub--md .dropdown__item,
  .dropdown .nav__sub--md .dropdown__header {
    min-height: 52px; }
  .dropdown--md .dropdown__link,
  .dropdown .nav__sub--md .dropdown__link {
    font-size: 18px; }
  .dropdown--md .dropdown__link,
  .dropdown--md .dropdown__header,
  .dropdown .nav__sub--md .dropdown__link,
  .dropdown .nav__sub--md .dropdown__header {
    padding: 8px 16px; }
  .dropdown--md .dropdown__divider,
  .dropdown .nav__sub--md .dropdown__divider {
    margin: 8px 0; }
  .dropdown--lg .dropdown__item,
  .dropdown--lg .dropdown__header,
  .dropdown .nav__sub--lg .dropdown__item,
  .dropdown .nav__sub--lg .dropdown__header {
    min-height: 60px; }
  .dropdown--lg .dropdown__link,
  .dropdown .nav__sub--lg .dropdown__link {
    font-size: 20px; }
  .dropdown--lg .dropdown__link,
  .dropdown--lg .dropdown__header,
  .dropdown .nav__sub--lg .dropdown__link,
  .dropdown .nav__sub--lg .dropdown__header {
    padding: 8px 16px; }
  .dropdown--lg .dropdown__divider,
  .dropdown .nav__sub--lg .dropdown__divider {
    margin: 8px 0; }

/*
*******************************************
3. Dropdown - Drop
*******************************************
*/
.drop {
  position: absolute;
  z-index: 1002;
  display: none; }
  .drop-open,
  .drop-content .dropdown,
  .drop-content .drop-nav,
  .drop .dropdown__arrow {
    display: block; }
  .drop-element-attached-bottom .dropdown__arrow {
    top: auto;
    bottom: -8px; }
    .drop-element-attached-bottom .dropdown__arrow:after {
      top: -16px; }
  .drop-element-attached-top .dropdown__arrow {
    top: -8px;
    bottom: auto; }
  .drop-target-attached-bottom.drop-element .dropdown {
    margin: 8px 0 0 0; }
  .drop-target-attached-top.drop-element .dropdown, .drop-target-attached-top.drop-target-attached-center.drop-element .dropdown {
    margin: 0 0 8px 0; }
  .drop-target-attached-left.drop-target-attached-middle.drop-element .dropdown {
    margin: 0 8px 0 0; }
  .drop-target-attached-right.drop-target-attached-middle.drop-element .dropdown {
    margin: 0 0 0 8px; }

/*
*******************************************
4. Dropdown - Arrow
*******************************************
*/
.drop-arrow,
.dropdown__arrow {
  position: absolute;
  bottom: 0;
  right: 16px;
  z-index: 1000;
  height: 8px;
  width: 16px;
  overflow: hidden;
  display: none; }
  .drop-arrow:after,
  .dropdown__arrow:after {
    display: block;
    content: '';
    position: absolute;
    top: 4px;
    left: -2px;
    width: 20px;
    height: 20px;
    background: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    transform: rotate(45deg); }
  .drop-arrow--right,
  .dropdown__arrow--right {
    bottom: 50%;
    right: 0;
    height: 16px;
    width: 8px;
    margin-bottom: -8px; }
    .drop-arrow--right:after,
    .dropdown__arrow--right:after {
      top: -2px;
      left: 4px; }
  .drop-arrow--left,
  .dropdown__arrow--left {
    bottom: 50%;
    left: 0;
    height: 16px;
    width: 8px;
    margin-bottom: -8px; }
    .drop-arrow--left:after,
    .dropdown__arrow--left:after {
      top: -2px;
      left: 4px; }
  .drop-arrow--bottom,
  .dropdown__arrow--bottom {
    bottom: -8px;
    left: 0; }
    .drop-arrow--bottom:after,
    .dropdown__arrow--bottom:after {
      top: -16px; }

.drop-arrow {
  animation-name: fadeInUp;
  animation-duration: 0.3s;
  animation-fill-mode: both; }

.is-open > .nav__link > .drop-arrow,
.is-open > .drop-arrow {
  display: block; }

.fade-in-right {
  animation-name: fadeInRight;
  animation-duration: 0.3s;
  animation-fill-mode: both; }

.fade-in-left {
  animation-name: fadeInLeft;
  animation-duration: 0.3s;
  animation-fill-mode: both; }

/*
*******************************************
5. Dropdown - Responsive
*******************************************
*/
@media (min-width: 752px) {
  .mob-dropdown-toggle {
    display: none; }
  .mob-dropdown .btn > .btn__text {
    display: none; } }

@media (max-width: 751px) {
  .has-mob-dropdown {
    position: relative; }
  .mob-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 999;
    flex-direction: column; }
    .mob-dropdown > .btn {
      width: auto;
      background: none;
      border: none;
      box-shadow: none;
      text-align: left; }
      .mob-dropdown > .btn .btn__icon + .btn__text {
        margin-left: 16px; }
  .is-open .mob-dropdown {
    display: flex; } }

/* Border Radius */
.is-hidden-xs-up {
  display: none !important; }

@media (max-width: 513px) {
  .is-hidden-xs-down {
    display: none !important; } }

@media (min-width: 514px) {
  .is-hidden-sm-up {
    display: none !important; } }

@media (max-width: 751px) {
  .is-hidden-sm-down {
    display: none !important; } }

@media (min-width: 752px) {
  .is-hidden-md-up {
    display: none !important; } }

@media (max-width: 1011px) {
  .is-hidden-md-down {
    display: none !important; } }

@media (min-width: 1012px) {
  .is-hidden-lg-up {
    display: none !important; } }

@media (max-width: 1387px) {
  .is-hidden-lg-down {
    display: none !important; } }

@media (min-width: 1388px) {
  .is-hidden-xl-up {
    display: none !important; } }

.is-hidden-xl-down {
  display: none !important; }

@media (min-width: 1012px) {
  .is-hidden-responsive-up {
    display: none !important; } }

@media (max-width: 1011px) {
  .is-hidden-responsive-down {
    display: none !important; } }

@media (min-width: 752px) {
  .is-hidden-mob-up {
    display: none !important; } }

@media (max-width: 751px) {
  .is-hidden-mob-down {
    display: none !important; } }

.m-h-a {
  margin-left: auto !important;
  margin-right: auto !important; }

.m-l-a {
  margin-left: auto !important; }

.m-r-a {
  margin-right: auto !important; }

.m-v-0x {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.m-h-0x {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.m-t-0x {
  margin-top: 0 !important; }

.m-r-0x {
  margin-right: 0 !important; }

.m-b-0x {
  margin-bottom: 0 !important; }

.m-l-0x {
  margin-left: 0 !important; }

.m-0x {
  margin: 0 !important; }

.p-v-0x {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.p-h-0x {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.p-t-0x {
  padding-top: 0 !important; }

.p-r-0x {
  padding-right: 0 !important; }

.p-b-0x {
  padding-bottom: 0 !important; }

.p-l-0x {
  padding-left: 0 !important; }

.p-0x {
  padding: 0 !important; }

.m-v-1x {
  margin-top: 8px !important;
  margin-bottom: 8px !important; }

.m-h-1x {
  margin-left: 8px !important;
  margin-right: 8px !important; }

.m-t-1x {
  margin-top: 8px !important; }

.m-r-1x {
  margin-right: 8px !important; }

.m-b-1x {
  margin-bottom: 8px !important; }

.m-l-1x {
  margin-left: 8px !important; }

.m-1x {
  margin: 8px !important; }

.p-v-1x {
  padding-top: 8px !important;
  padding-bottom: 8px !important; }

.p-h-1x {
  padding-left: 8px !important;
  padding-right: 8px !important; }

.p-t-1x {
  padding-top: 8px !important; }

.p-r-1x {
  padding-right: 8px !important; }

.p-b-1x {
  padding-bottom: 8px !important; }

.p-l-1x {
  padding-left: 8px !important; }

.p-1x {
  padding: 8px !important; }

.m-v-2x {
  margin-top: 16px !important;
  margin-bottom: 16px !important; }

.m-h-2x {
  margin-left: 16px !important;
  margin-right: 16px !important; }

.m-t-2x {
  margin-top: 16px !important; }

.m-r-2x {
  margin-right: 16px !important; }

.m-b-2x {
  margin-bottom: 16px !important; }

.m-l-2x {
  margin-left: 16px !important; }

.m-2x {
  margin: 16px !important; }

.p-v-2x {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }

.p-h-2x {
  padding-left: 16px !important;
  padding-right: 16px !important; }

.p-t-2x {
  padding-top: 16px !important; }

.p-r-2x {
  padding-right: 16px !important; }

.p-b-2x {
  padding-bottom: 16px !important; }

.p-l-2x {
  padding-left: 16px !important; }

.p-2x {
  padding: 16px !important; }

.m-v-3x {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

.m-h-3x {
  margin-left: 24px !important;
  margin-right: 24px !important; }

.m-t-3x {
  margin-top: 24px !important; }

.m-r-3x {
  margin-right: 24px !important; }

.m-b-3x {
  margin-bottom: 24px !important; }

.m-l-3x {
  margin-left: 24px !important; }

.m-3x {
  margin: 24px !important; }

.p-v-3x {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

.p-h-3x {
  padding-left: 24px !important;
  padding-right: 24px !important; }

.p-t-3x {
  padding-top: 24px !important; }

.p-r-3x {
  padding-right: 24px !important; }

.p-b-3x {
  padding-bottom: 24px !important; }

.p-l-3x {
  padding-left: 24px !important; }

.p-3x {
  padding: 24px !important; }

.m-v-4x {
  margin-top: 32px !important;
  margin-bottom: 32px !important; }

.m-h-4x {
  margin-left: 32px !important;
  margin-right: 32px !important; }

.m-t-4x {
  margin-top: 32px !important; }

.m-r-4x {
  margin-right: 32px !important; }

.m-b-4x {
  margin-bottom: 32px !important; }

.m-l-4x {
  margin-left: 32px !important; }

.m-4x {
  margin: 32px !important; }

.p-v-4x {
  padding-top: 32px !important;
  padding-bottom: 32px !important; }

.p-h-4x {
  padding-left: 32px !important;
  padding-right: 32px !important; }

.p-t-4x {
  padding-top: 32px !important; }

.p-r-4x {
  padding-right: 32px !important; }

.p-b-4x {
  padding-bottom: 32px !important; }

.p-l-4x {
  padding-left: 32px !important; }

.p-4x {
  padding: 32px !important; }

.m-v-5x {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

.m-h-5x {
  margin-left: 40px !important;
  margin-right: 40px !important; }

.m-t-5x {
  margin-top: 40px !important; }

.m-r-5x {
  margin-right: 40px !important; }

.m-b-5x {
  margin-bottom: 40px !important; }

.m-l-5x {
  margin-left: 40px !important; }

.m-5x {
  margin: 40px !important; }

.p-v-5x {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }

.p-h-5x {
  padding-left: 40px !important;
  padding-right: 40px !important; }

.p-t-5x {
  padding-top: 40px !important; }

.p-r-5x {
  padding-right: 40px !important; }

.p-b-5x {
  padding-bottom: 40px !important; }

.p-l-5x {
  padding-left: 40px !important; }

.p-5x {
  padding: 40px !important; }

.m-v-6x {
  margin-top: 48px !important;
  margin-bottom: 48px !important; }

.m-h-6x {
  margin-left: 48px !important;
  margin-right: 48px !important; }

.m-t-6x {
  margin-top: 48px !important; }

.m-r-6x {
  margin-right: 48px !important; }

.m-b-6x {
  margin-bottom: 48px !important; }

.m-l-6x {
  margin-left: 48px !important; }

.m-6x {
  margin: 48px !important; }

.p-v-6x {
  padding-top: 48px !important;
  padding-bottom: 48px !important; }

.p-h-6x {
  padding-left: 48px !important;
  padding-right: 48px !important; }

.p-t-6x {
  padding-top: 48px !important; }

.p-r-6x {
  padding-right: 48px !important; }

.p-b-6x {
  padding-bottom: 48px !important; }

.p-l-6x {
  padding-left: 48px !important; }

.p-6x {
  padding: 48px !important; }

.m-v-7x {
  margin-top: 56px !important;
  margin-bottom: 56px !important; }

.m-h-7x {
  margin-left: 56px !important;
  margin-right: 56px !important; }

.m-t-7x {
  margin-top: 56px !important; }

.m-r-7x {
  margin-right: 56px !important; }

.m-b-7x {
  margin-bottom: 56px !important; }

.m-l-7x {
  margin-left: 56px !important; }

.m-7x {
  margin: 56px !important; }

.p-v-7x {
  padding-top: 56px !important;
  padding-bottom: 56px !important; }

.p-h-7x {
  padding-left: 56px !important;
  padding-right: 56px !important; }

.p-t-7x {
  padding-top: 56px !important; }

.p-r-7x {
  padding-right: 56px !important; }

.p-b-7x {
  padding-bottom: 56px !important; }

.p-l-7x {
  padding-left: 56px !important; }

.p-7x {
  padding: 56px !important; }

.m-v-8x {
  margin-top: 64px !important;
  margin-bottom: 64px !important; }

.m-h-8x {
  margin-left: 64px !important;
  margin-right: 64px !important; }

.m-t-8x {
  margin-top: 64px !important; }

.m-r-8x {
  margin-right: 64px !important; }

.m-b-8x {
  margin-bottom: 64px !important; }

.m-l-8x {
  margin-left: 64px !important; }

.m-8x {
  margin: 64px !important; }

.p-v-8x {
  padding-top: 64px !important;
  padding-bottom: 64px !important; }

.p-h-8x {
  padding-left: 64px !important;
  padding-right: 64px !important; }

.p-t-8x {
  padding-top: 64px !important; }

.p-r-8x {
  padding-right: 64px !important; }

.p-b-8x {
  padding-bottom: 64px !important; }

.p-l-8x {
  padding-left: 64px !important; }

.p-8x {
  padding: 64px !important; }

.m-v-9x {
  margin-top: 72px !important;
  margin-bottom: 72px !important; }

.m-h-9x {
  margin-left: 72px !important;
  margin-right: 72px !important; }

.m-t-9x {
  margin-top: 72px !important; }

.m-r-9x {
  margin-right: 72px !important; }

.m-b-9x {
  margin-bottom: 72px !important; }

.m-l-9x {
  margin-left: 72px !important; }

.m-9x {
  margin: 72px !important; }

.p-v-9x {
  padding-top: 72px !important;
  padding-bottom: 72px !important; }

.p-h-9x {
  padding-left: 72px !important;
  padding-right: 72px !important; }

.p-t-9x {
  padding-top: 72px !important; }

.p-r-9x {
  padding-right: 72px !important; }

.p-b-9x {
  padding-bottom: 72px !important; }

.p-l-9x {
  padding-left: 72px !important; }

.p-9x {
  padding: 72px !important; }

.m-v-10x {
  margin-top: 80px !important;
  margin-bottom: 80px !important; }

.m-h-10x {
  margin-left: 80px !important;
  margin-right: 80px !important; }

.m-t-10x {
  margin-top: 80px !important; }

.m-r-10x {
  margin-right: 80px !important; }

.m-b-10x {
  margin-bottom: 80px !important; }

.m-l-10x {
  margin-left: 80px !important; }

.m-10x {
  margin: 80px !important; }

.p-v-10x {
  padding-top: 80px !important;
  padding-bottom: 80px !important; }

.p-h-10x {
  padding-left: 80px !important;
  padding-right: 80px !important; }

.p-t-10x {
  padding-top: 80px !important; }

.p-r-10x {
  padding-right: 80px !important; }

.p-b-10x {
  padding-bottom: 80px !important; }

.p-l-10x {
  padding-left: 80px !important; }

.p-10x {
  padding: 80px !important; }

.m-v-11x {
  margin-top: 88px !important;
  margin-bottom: 88px !important; }

.m-h-11x {
  margin-left: 88px !important;
  margin-right: 88px !important; }

.m-t-11x {
  margin-top: 88px !important; }

.m-r-11x {
  margin-right: 88px !important; }

.m-b-11x {
  margin-bottom: 88px !important; }

.m-l-11x {
  margin-left: 88px !important; }

.m-11x {
  margin: 88px !important; }

.p-v-11x {
  padding-top: 88px !important;
  padding-bottom: 88px !important; }

.p-h-11x {
  padding-left: 88px !important;
  padding-right: 88px !important; }

.p-t-11x {
  padding-top: 88px !important; }

.p-r-11x {
  padding-right: 88px !important; }

.p-b-11x {
  padding-bottom: 88px !important; }

.p-l-11x {
  padding-left: 88px !important; }

.p-11x {
  padding: 88px !important; }

.m-v-12x {
  margin-top: 96px !important;
  margin-bottom: 96px !important; }

.m-h-12x {
  margin-left: 96px !important;
  margin-right: 96px !important; }

.m-t-12x {
  margin-top: 96px !important; }

.m-r-12x {
  margin-right: 96px !important; }

.m-b-12x {
  margin-bottom: 96px !important; }

.m-l-12x {
  margin-left: 96px !important; }

.m-12x {
  margin: 96px !important; }

.p-v-12x {
  padding-top: 96px !important;
  padding-bottom: 96px !important; }

.p-h-12x {
  padding-left: 96px !important;
  padding-right: 96px !important; }

.p-t-12x {
  padding-top: 96px !important; }

.p-r-12x {
  padding-right: 96px !important; }

.p-b-12x {
  padding-bottom: 96px !important; }

.p-l-12x {
  padding-left: 96px !important; }

.p-12x {
  padding: 96px !important; }

.m-v-13x {
  margin-top: 104px !important;
  margin-bottom: 104px !important; }

.m-h-13x {
  margin-left: 104px !important;
  margin-right: 104px !important; }

.m-t-13x {
  margin-top: 104px !important; }

.m-r-13x {
  margin-right: 104px !important; }

.m-b-13x {
  margin-bottom: 104px !important; }

.m-l-13x {
  margin-left: 104px !important; }

.m-13x {
  margin: 104px !important; }

.p-v-13x {
  padding-top: 104px !important;
  padding-bottom: 104px !important; }

.p-h-13x {
  padding-left: 104px !important;
  padding-right: 104px !important; }

.p-t-13x {
  padding-top: 104px !important; }

.p-r-13x {
  padding-right: 104px !important; }

.p-b-13x {
  padding-bottom: 104px !important; }

.p-l-13x {
  padding-left: 104px !important; }

.p-13x {
  padding: 104px !important; }

.m-v-14x {
  margin-top: 112px !important;
  margin-bottom: 112px !important; }

.m-h-14x {
  margin-left: 112px !important;
  margin-right: 112px !important; }

.m-t-14x {
  margin-top: 112px !important; }

.m-r-14x {
  margin-right: 112px !important; }

.m-b-14x {
  margin-bottom: 112px !important; }

.m-l-14x {
  margin-left: 112px !important; }

.m-14x {
  margin: 112px !important; }

.p-v-14x {
  padding-top: 112px !important;
  padding-bottom: 112px !important; }

.p-h-14x {
  padding-left: 112px !important;
  padding-right: 112px !important; }

.p-t-14x {
  padding-top: 112px !important; }

.p-r-14x {
  padding-right: 112px !important; }

.p-b-14x {
  padding-bottom: 112px !important; }

.p-l-14x {
  padding-left: 112px !important; }

.p-14x {
  padding: 112px !important; }

.m-v-15x {
  margin-top: 120px !important;
  margin-bottom: 120px !important; }

.m-h-15x {
  margin-left: 120px !important;
  margin-right: 120px !important; }

.m-t-15x {
  margin-top: 120px !important; }

.m-r-15x {
  margin-right: 120px !important; }

.m-b-15x {
  margin-bottom: 120px !important; }

.m-l-15x {
  margin-left: 120px !important; }

.m-15x {
  margin: 120px !important; }

.p-v-15x {
  padding-top: 120px !important;
  padding-bottom: 120px !important; }

.p-h-15x {
  padding-left: 120px !important;
  padding-right: 120px !important; }

.p-t-15x {
  padding-top: 120px !important; }

.p-r-15x {
  padding-right: 120px !important; }

.p-b-15x {
  padding-bottom: 120px !important; }

.p-l-15x {
  padding-left: 120px !important; }

.p-15x {
  padding: 120px !important; }

.m-v-16x {
  margin-top: 128px !important;
  margin-bottom: 128px !important; }

.m-h-16x {
  margin-left: 128px !important;
  margin-right: 128px !important; }

.m-t-16x {
  margin-top: 128px !important; }

.m-r-16x {
  margin-right: 128px !important; }

.m-b-16x {
  margin-bottom: 128px !important; }

.m-l-16x {
  margin-left: 128px !important; }

.m-16x {
  margin: 128px !important; }

.p-v-16x {
  padding-top: 128px !important;
  padding-bottom: 128px !important; }

.p-h-16x {
  padding-left: 128px !important;
  padding-right: 128px !important; }

.p-t-16x {
  padding-top: 128px !important; }

.p-r-16x {
  padding-right: 128px !important; }

.p-b-16x {
  padding-bottom: 128px !important; }

.p-l-16x {
  padding-left: 128px !important; }

.p-16x {
  padding: 128px !important; }

.neg-m-t-0x {
  margin-top: 0 !important; }

.neg-m-b-0x {
  margin-bottom: 0 !important; }

.neg-m-h-0x {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.neg-m-t-1x {
  margin-top: -8px !important; }

.neg-m-b-1x {
  margin-bottom: -8px !important; }

.neg-m-h-1x {
  margin-left: -8px !important;
  margin-right: -8px !important; }

.neg-m-t-2x {
  margin-top: -16px !important; }

.neg-m-b-2x {
  margin-bottom: -16px !important; }

.neg-m-h-2x {
  margin-left: -16px !important;
  margin-right: -16px !important; }

.neg-m-t-3x {
  margin-top: -24px !important; }

.neg-m-b-3x {
  margin-bottom: -24px !important; }

.neg-m-h-3x {
  margin-left: -24px !important;
  margin-right: -24px !important; }

.neg-m-t-4x {
  margin-top: -32px !important; }

.neg-m-b-4x {
  margin-bottom: -32px !important; }

.neg-m-h-4x {
  margin-left: -32px !important;
  margin-right: -32px !important; }

.neg-m-t-5x {
  margin-top: -40px !important; }

.neg-m-b-5x {
  margin-bottom: -40px !important; }

.neg-m-h-5x {
  margin-left: -40px !important;
  margin-right: -40px !important; }

.neg-m-t-6x {
  margin-top: -48px !important; }

.neg-m-b-6x {
  margin-bottom: -48px !important; }

.neg-m-h-6x {
  margin-left: -48px !important;
  margin-right: -48px !important; }

.neg-m-t-7x {
  margin-top: -56px !important; }

.neg-m-b-7x {
  margin-bottom: -56px !important; }

.neg-m-h-7x {
  margin-left: -56px !important;
  margin-right: -56px !important; }

.neg-m-t-8x {
  margin-top: -64px !important; }

.neg-m-b-8x {
  margin-bottom: -64px !important; }

.neg-m-h-8x {
  margin-left: -64px !important;
  margin-right: -64px !important; }

.neg-m-t-9x {
  margin-top: -72px !important; }

.neg-m-b-9x {
  margin-bottom: -72px !important; }

.neg-m-h-9x {
  margin-left: -72px !important;
  margin-right: -72px !important; }

.neg-m-t-10x {
  margin-top: -80px !important; }

.neg-m-b-10x {
  margin-bottom: -80px !important; }

.neg-m-h-10x {
  margin-left: -80px !important;
  margin-right: -80px !important; }

.neg-m-t-11x {
  margin-top: -88px !important; }

.neg-m-b-11x {
  margin-bottom: -88px !important; }

.neg-m-h-11x {
  margin-left: -88px !important;
  margin-right: -88px !important; }

.neg-m-t-12x {
  margin-top: -96px !important; }

.neg-m-b-12x {
  margin-bottom: -96px !important; }

.neg-m-h-12x {
  margin-left: -96px !important;
  margin-right: -96px !important; }

.neg-m-t-13x {
  margin-top: -104px !important; }

.neg-m-b-13x {
  margin-bottom: -104px !important; }

.neg-m-h-13x {
  margin-left: -104px !important;
  margin-right: -104px !important; }

.neg-m-t-14x {
  margin-top: -112px !important; }

.neg-m-b-14x {
  margin-bottom: -112px !important; }

.neg-m-h-14x {
  margin-left: -112px !important;
  margin-right: -112px !important; }

.neg-m-t-15x {
  margin-top: -120px !important; }

.neg-m-b-15x {
  margin-bottom: -120px !important; }

.neg-m-h-15x {
  margin-left: -120px !important;
  margin-right: -120px !important; }

.neg-m-t-16x {
  margin-top: -128px !important; }

.neg-m-b-16x {
  margin-bottom: -128px !important; }

.neg-m-h-16x {
  margin-left: -128px !important;
  margin-right: -128px !important; }

@media (max-width: 751px) {
  .mob-m-v-0x {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .mob-m-h-0x {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mob-m-t-0x {
    margin-top: 0 !important; }
  .mob-m-r-0x {
    margin-right: 0 !important; }
  .mob-m-b-0x {
    margin-bottom: 0 !important; }
  .mob-m-l-0x {
    margin-left: 0 !important; }
  .mob-m-0x {
    margin: 0 !important; }
  .mob-p-v-0x {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .mob-p-h-0x {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .mob-p-t-0x {
    padding-top: 0 !important; }
  .mob-p-r-0x {
    padding-right: 0 !important; }
  .mob-p-b-0x {
    padding-bottom: 0 !important; }
  .mob-p-l-0x {
    padding-left: 0 !important; }
  .mob-p-0x {
    padding: 0 !important; }
  .mob-m-v-1x {
    margin-top: 8px !important;
    margin-bottom: 8px !important; }
  .mob-m-h-1x {
    margin-left: 8px !important;
    margin-right: 8px !important; }
  .mob-m-t-1x {
    margin-top: 8px !important; }
  .mob-m-r-1x {
    margin-right: 8px !important; }
  .mob-m-b-1x {
    margin-bottom: 8px !important; }
  .mob-m-l-1x {
    margin-left: 8px !important; }
  .mob-m-1x {
    margin: 8px !important; }
  .mob-p-v-1x {
    padding-top: 8px !important;
    padding-bottom: 8px !important; }
  .mob-p-h-1x {
    padding-left: 8px !important;
    padding-right: 8px !important; }
  .mob-p-t-1x {
    padding-top: 8px !important; }
  .mob-p-r-1x {
    padding-right: 8px !important; }
  .mob-p-b-1x {
    padding-bottom: 8px !important; }
  .mob-p-l-1x {
    padding-left: 8px !important; }
  .mob-p-1x {
    padding: 8px !important; }
  .mob-m-v-2x {
    margin-top: 16px !important;
    margin-bottom: 16px !important; }
  .mob-m-h-2x {
    margin-left: 16px !important;
    margin-right: 16px !important; }
  .mob-m-t-2x {
    margin-top: 16px !important; }
  .mob-m-r-2x {
    margin-right: 16px !important; }
  .mob-m-b-2x {
    margin-bottom: 16px !important; }
  .mob-m-l-2x {
    margin-left: 16px !important; }
  .mob-m-2x {
    margin: 16px !important; }
  .mob-p-v-2x {
    padding-top: 16px !important;
    padding-bottom: 16px !important; }
  .mob-p-h-2x {
    padding-left: 16px !important;
    padding-right: 16px !important; }
  .mob-p-t-2x {
    padding-top: 16px !important; }
  .mob-p-r-2x {
    padding-right: 16px !important; }
  .mob-p-b-2x {
    padding-bottom: 16px !important; }
  .mob-p-l-2x {
    padding-left: 16px !important; }
  .mob-p-2x {
    padding: 16px !important; }
  .mob-m-v-3x {
    margin-top: 24px !important;
    margin-bottom: 24px !important; }
  .mob-m-h-3x {
    margin-left: 24px !important;
    margin-right: 24px !important; }
  .mob-m-t-3x {
    margin-top: 24px !important; }
  .mob-m-r-3x {
    margin-right: 24px !important; }
  .mob-m-b-3x {
    margin-bottom: 24px !important; }
  .mob-m-l-3x {
    margin-left: 24px !important; }
  .mob-m-3x {
    margin: 24px !important; }
  .mob-p-v-3x {
    padding-top: 24px !important;
    padding-bottom: 24px !important; }
  .mob-p-h-3x {
    padding-left: 24px !important;
    padding-right: 24px !important; }
  .mob-p-t-3x {
    padding-top: 24px !important; }
  .mob-p-r-3x {
    padding-right: 24px !important; }
  .mob-p-b-3x {
    padding-bottom: 24px !important; }
  .mob-p-l-3x {
    padding-left: 24px !important; }
  .mob-p-3x {
    padding: 24px !important; }
  .mob-m-v-4x {
    margin-top: 32px !important;
    margin-bottom: 32px !important; }
  .mob-m-h-4x {
    margin-left: 32px !important;
    margin-right: 32px !important; }
  .mob-m-t-4x {
    margin-top: 32px !important; }
  .mob-m-r-4x {
    margin-right: 32px !important; }
  .mob-m-b-4x {
    margin-bottom: 32px !important; }
  .mob-m-l-4x {
    margin-left: 32px !important; }
  .mob-m-4x {
    margin: 32px !important; }
  .mob-p-v-4x {
    padding-top: 32px !important;
    padding-bottom: 32px !important; }
  .mob-p-h-4x {
    padding-left: 32px !important;
    padding-right: 32px !important; }
  .mob-p-t-4x {
    padding-top: 32px !important; }
  .mob-p-r-4x {
    padding-right: 32px !important; }
  .mob-p-b-4x {
    padding-bottom: 32px !important; }
  .mob-p-l-4x {
    padding-left: 32px !important; }
  .mob-p-4x {
    padding: 32px !important; }
  .mob-m-v-5x {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }
  .mob-m-h-5x {
    margin-left: 40px !important;
    margin-right: 40px !important; }
  .mob-m-t-5x {
    margin-top: 40px !important; }
  .mob-m-r-5x {
    margin-right: 40px !important; }
  .mob-m-b-5x {
    margin-bottom: 40px !important; }
  .mob-m-l-5x {
    margin-left: 40px !important; }
  .mob-m-5x {
    margin: 40px !important; }
  .mob-p-v-5x {
    padding-top: 40px !important;
    padding-bottom: 40px !important; }
  .mob-p-h-5x {
    padding-left: 40px !important;
    padding-right: 40px !important; }
  .mob-p-t-5x {
    padding-top: 40px !important; }
  .mob-p-r-5x {
    padding-right: 40px !important; }
  .mob-p-b-5x {
    padding-bottom: 40px !important; }
  .mob-p-l-5x {
    padding-left: 40px !important; }
  .mob-p-5x {
    padding: 40px !important; }
  .mob-m-v-6x {
    margin-top: 48px !important;
    margin-bottom: 48px !important; }
  .mob-m-h-6x {
    margin-left: 48px !important;
    margin-right: 48px !important; }
  .mob-m-t-6x {
    margin-top: 48px !important; }
  .mob-m-r-6x {
    margin-right: 48px !important; }
  .mob-m-b-6x {
    margin-bottom: 48px !important; }
  .mob-m-l-6x {
    margin-left: 48px !important; }
  .mob-m-6x {
    margin: 48px !important; }
  .mob-p-v-6x {
    padding-top: 48px !important;
    padding-bottom: 48px !important; }
  .mob-p-h-6x {
    padding-left: 48px !important;
    padding-right: 48px !important; }
  .mob-p-t-6x {
    padding-top: 48px !important; }
  .mob-p-r-6x {
    padding-right: 48px !important; }
  .mob-p-b-6x {
    padding-bottom: 48px !important; }
  .mob-p-l-6x {
    padding-left: 48px !important; }
  .mob-p-6x {
    padding: 48px !important; }
  .mob-m-v-7x {
    margin-top: 56px !important;
    margin-bottom: 56px !important; }
  .mob-m-h-7x {
    margin-left: 56px !important;
    margin-right: 56px !important; }
  .mob-m-t-7x {
    margin-top: 56px !important; }
  .mob-m-r-7x {
    margin-right: 56px !important; }
  .mob-m-b-7x {
    margin-bottom: 56px !important; }
  .mob-m-l-7x {
    margin-left: 56px !important; }
  .mob-m-7x {
    margin: 56px !important; }
  .mob-p-v-7x {
    padding-top: 56px !important;
    padding-bottom: 56px !important; }
  .mob-p-h-7x {
    padding-left: 56px !important;
    padding-right: 56px !important; }
  .mob-p-t-7x {
    padding-top: 56px !important; }
  .mob-p-r-7x {
    padding-right: 56px !important; }
  .mob-p-b-7x {
    padding-bottom: 56px !important; }
  .mob-p-l-7x {
    padding-left: 56px !important; }
  .mob-p-7x {
    padding: 56px !important; }
  .mob-m-v-8x {
    margin-top: 64px !important;
    margin-bottom: 64px !important; }
  .mob-m-h-8x {
    margin-left: 64px !important;
    margin-right: 64px !important; }
  .mob-m-t-8x {
    margin-top: 64px !important; }
  .mob-m-r-8x {
    margin-right: 64px !important; }
  .mob-m-b-8x {
    margin-bottom: 64px !important; }
  .mob-m-l-8x {
    margin-left: 64px !important; }
  .mob-m-8x {
    margin: 64px !important; }
  .mob-p-v-8x {
    padding-top: 64px !important;
    padding-bottom: 64px !important; }
  .mob-p-h-8x {
    padding-left: 64px !important;
    padding-right: 64px !important; }
  .mob-p-t-8x {
    padding-top: 64px !important; }
  .mob-p-r-8x {
    padding-right: 64px !important; }
  .mob-p-b-8x {
    padding-bottom: 64px !important; }
  .mob-p-l-8x {
    padding-left: 64px !important; }
  .mob-p-8x {
    padding: 64px !important; }
  .mob-m-v-9x {
    margin-top: 72px !important;
    margin-bottom: 72px !important; }
  .mob-m-h-9x {
    margin-left: 72px !important;
    margin-right: 72px !important; }
  .mob-m-t-9x {
    margin-top: 72px !important; }
  .mob-m-r-9x {
    margin-right: 72px !important; }
  .mob-m-b-9x {
    margin-bottom: 72px !important; }
  .mob-m-l-9x {
    margin-left: 72px !important; }
  .mob-m-9x {
    margin: 72px !important; }
  .mob-p-v-9x {
    padding-top: 72px !important;
    padding-bottom: 72px !important; }
  .mob-p-h-9x {
    padding-left: 72px !important;
    padding-right: 72px !important; }
  .mob-p-t-9x {
    padding-top: 72px !important; }
  .mob-p-r-9x {
    padding-right: 72px !important; }
  .mob-p-b-9x {
    padding-bottom: 72px !important; }
  .mob-p-l-9x {
    padding-left: 72px !important; }
  .mob-p-9x {
    padding: 72px !important; }
  .mob-m-v-10x {
    margin-top: 80px !important;
    margin-bottom: 80px !important; }
  .mob-m-h-10x {
    margin-left: 80px !important;
    margin-right: 80px !important; }
  .mob-m-t-10x {
    margin-top: 80px !important; }
  .mob-m-r-10x {
    margin-right: 80px !important; }
  .mob-m-b-10x {
    margin-bottom: 80px !important; }
  .mob-m-l-10x {
    margin-left: 80px !important; }
  .mob-m-10x {
    margin: 80px !important; }
  .mob-p-v-10x {
    padding-top: 80px !important;
    padding-bottom: 80px !important; }
  .mob-p-h-10x {
    padding-left: 80px !important;
    padding-right: 80px !important; }
  .mob-p-t-10x {
    padding-top: 80px !important; }
  .mob-p-r-10x {
    padding-right: 80px !important; }
  .mob-p-b-10x {
    padding-bottom: 80px !important; }
  .mob-p-l-10x {
    padding-left: 80px !important; }
  .mob-p-10x {
    padding: 80px !important; }
  .mob-m-v-11x {
    margin-top: 88px !important;
    margin-bottom: 88px !important; }
  .mob-m-h-11x {
    margin-left: 88px !important;
    margin-right: 88px !important; }
  .mob-m-t-11x {
    margin-top: 88px !important; }
  .mob-m-r-11x {
    margin-right: 88px !important; }
  .mob-m-b-11x {
    margin-bottom: 88px !important; }
  .mob-m-l-11x {
    margin-left: 88px !important; }
  .mob-m-11x {
    margin: 88px !important; }
  .mob-p-v-11x {
    padding-top: 88px !important;
    padding-bottom: 88px !important; }
  .mob-p-h-11x {
    padding-left: 88px !important;
    padding-right: 88px !important; }
  .mob-p-t-11x {
    padding-top: 88px !important; }
  .mob-p-r-11x {
    padding-right: 88px !important; }
  .mob-p-b-11x {
    padding-bottom: 88px !important; }
  .mob-p-l-11x {
    padding-left: 88px !important; }
  .mob-p-11x {
    padding: 88px !important; }
  .mob-m-v-12x {
    margin-top: 96px !important;
    margin-bottom: 96px !important; }
  .mob-m-h-12x {
    margin-left: 96px !important;
    margin-right: 96px !important; }
  .mob-m-t-12x {
    margin-top: 96px !important; }
  .mob-m-r-12x {
    margin-right: 96px !important; }
  .mob-m-b-12x {
    margin-bottom: 96px !important; }
  .mob-m-l-12x {
    margin-left: 96px !important; }
  .mob-m-12x {
    margin: 96px !important; }
  .mob-p-v-12x {
    padding-top: 96px !important;
    padding-bottom: 96px !important; }
  .mob-p-h-12x {
    padding-left: 96px !important;
    padding-right: 96px !important; }
  .mob-p-t-12x {
    padding-top: 96px !important; }
  .mob-p-r-12x {
    padding-right: 96px !important; }
  .mob-p-b-12x {
    padding-bottom: 96px !important; }
  .mob-p-l-12x {
    padding-left: 96px !important; }
  .mob-p-12x {
    padding: 96px !important; }
  .mob-m-v-13x {
    margin-top: 104px !important;
    margin-bottom: 104px !important; }
  .mob-m-h-13x {
    margin-left: 104px !important;
    margin-right: 104px !important; }
  .mob-m-t-13x {
    margin-top: 104px !important; }
  .mob-m-r-13x {
    margin-right: 104px !important; }
  .mob-m-b-13x {
    margin-bottom: 104px !important; }
  .mob-m-l-13x {
    margin-left: 104px !important; }
  .mob-m-13x {
    margin: 104px !important; }
  .mob-p-v-13x {
    padding-top: 104px !important;
    padding-bottom: 104px !important; }
  .mob-p-h-13x {
    padding-left: 104px !important;
    padding-right: 104px !important; }
  .mob-p-t-13x {
    padding-top: 104px !important; }
  .mob-p-r-13x {
    padding-right: 104px !important; }
  .mob-p-b-13x {
    padding-bottom: 104px !important; }
  .mob-p-l-13x {
    padding-left: 104px !important; }
  .mob-p-13x {
    padding: 104px !important; }
  .mob-m-v-14x {
    margin-top: 112px !important;
    margin-bottom: 112px !important; }
  .mob-m-h-14x {
    margin-left: 112px !important;
    margin-right: 112px !important; }
  .mob-m-t-14x {
    margin-top: 112px !important; }
  .mob-m-r-14x {
    margin-right: 112px !important; }
  .mob-m-b-14x {
    margin-bottom: 112px !important; }
  .mob-m-l-14x {
    margin-left: 112px !important; }
  .mob-m-14x {
    margin: 112px !important; }
  .mob-p-v-14x {
    padding-top: 112px !important;
    padding-bottom: 112px !important; }
  .mob-p-h-14x {
    padding-left: 112px !important;
    padding-right: 112px !important; }
  .mob-p-t-14x {
    padding-top: 112px !important; }
  .mob-p-r-14x {
    padding-right: 112px !important; }
  .mob-p-b-14x {
    padding-bottom: 112px !important; }
  .mob-p-l-14x {
    padding-left: 112px !important; }
  .mob-p-14x {
    padding: 112px !important; }
  .mob-m-v-15x {
    margin-top: 120px !important;
    margin-bottom: 120px !important; }
  .mob-m-h-15x {
    margin-left: 120px !important;
    margin-right: 120px !important; }
  .mob-m-t-15x {
    margin-top: 120px !important; }
  .mob-m-r-15x {
    margin-right: 120px !important; }
  .mob-m-b-15x {
    margin-bottom: 120px !important; }
  .mob-m-l-15x {
    margin-left: 120px !important; }
  .mob-m-15x {
    margin: 120px !important; }
  .mob-p-v-15x {
    padding-top: 120px !important;
    padding-bottom: 120px !important; }
  .mob-p-h-15x {
    padding-left: 120px !important;
    padding-right: 120px !important; }
  .mob-p-t-15x {
    padding-top: 120px !important; }
  .mob-p-r-15x {
    padding-right: 120px !important; }
  .mob-p-b-15x {
    padding-bottom: 120px !important; }
  .mob-p-l-15x {
    padding-left: 120px !important; }
  .mob-p-15x {
    padding: 120px !important; }
  .mob-m-v-16x {
    margin-top: 128px !important;
    margin-bottom: 128px !important; }
  .mob-m-h-16x {
    margin-left: 128px !important;
    margin-right: 128px !important; }
  .mob-m-t-16x {
    margin-top: 128px !important; }
  .mob-m-r-16x {
    margin-right: 128px !important; }
  .mob-m-b-16x {
    margin-bottom: 128px !important; }
  .mob-m-l-16x {
    margin-left: 128px !important; }
  .mob-m-16x {
    margin: 128px !important; }
  .mob-p-v-16x {
    padding-top: 128px !important;
    padding-bottom: 128px !important; }
  .mob-p-h-16x {
    padding-left: 128px !important;
    padding-right: 128px !important; }
  .mob-p-t-16x {
    padding-top: 128px !important; }
  .mob-p-r-16x {
    padding-right: 128px !important; }
  .mob-p-b-16x {
    padding-bottom: 128px !important; }
  .mob-p-l-16x {
    padding-left: 128px !important; }
  .mob-p-16x {
    padding: 128px !important; } }

.max-w-xlg {
  max-width: 1012px !important; }

.max-w-lg {
  max-width: 894px !important; }

.max-w-md {
  max-width: 584px !important; }

.max-w-sm {
  max-width: 480px !important; }

.max-w-xs {
  max-width: 360px !important; }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

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

@media (min-width: 514px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 752px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 1012px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1388px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.text-line-through {
  text-decoration: line-through; }

.text-white {
  color: #fff !important; }

.text-faded {
  color: #9D9DA6 !important; }
  .text-faded i {
    color: #6B4DC4; }

.text-normal {
  text-transform: none !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 500 !important; }

.font-italic {
  font-style: italic !important; }

.text-default {
  color: #524972 !important; }

.text-primary {
  color: #6B4DC4 !important; }

.text-secondary {
  color: #F67A3C !important; }

.text-success {
  color: #009A64 !important; }

.text-info {
  color: #4685EF !important; }

.text-warning {
  color: #EA862B !important; }

.text-danger {
  color: #D83A3A !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.bg-default {
  background: #fff !important; }

.border-default {
  border-color: #fff !important; }

.bg-default-lighter {
  background: white !important; }

.border-default-lighter {
  border-color: white !important; }

.bg-default-darker {
  background: #f7f7f7 !important; }

.border-default-darker {
  border-color: #f7f7f7 !important; }

.bg-default-faded {
  background: white !important; }

.border-default-faded {
  border-color: white !important; }

.bg-default-gradient {
  background: !important; }

.border-default-gradient {
  border-color: !important; }

.bg-primary {
  background: #6B4DC4 !important; }

.border-primary {
  border-color: #6B4DC4 !important; }

.bg-primary-lighter {
  background: #7D64C7 !important; }

.border-primary-lighter {
  border-color: #7D64C7 !important; }

.bg-primary-darker {
  background: #52399E !important; }

.border-primary-darker {
  border-color: #52399E !important; }

.bg-primary-faded {
  background: !important; }

.border-primary-faded {
  border-color: !important; }

.bg-primary-gradient {
  background: linear-gradient(270deg, #2E1A6D 7.81%, #4A338D 50.52%, #7B60CC 100%) !important; }

.border-primary-gradient {
  border-color: linear-gradient(270deg, #2E1A6D 7.81%, #4A338D 50.52%, #7B60CC 100%) !important; }

.bg-secondary {
  background: #F67A3C !important; }

.border-secondary {
  border-color: #F67A3C !important; }

.bg-secondary-lighter {
  background: #F8905C !important; }

.border-secondary-lighter {
  border-color: #F8905C !important; }

.bg-secondary-darker {
  background: #BA4409 !important; }

.border-secondary-darker {
  border-color: #BA4409 !important; }

.bg-secondary-faded {
  background: !important; }

.border-secondary-faded {
  border-color: !important; }

.bg-secondary-gradient {
  background: linear-gradient(180deg, #F9DCCD 0%, rgba(255, 216, 197, 0.3) 92.19%) !important; }

.border-secondary-gradient {
  border-color: linear-gradient(180deg, #F9DCCD 0%, rgba(255, 216, 197, 0.3) 92.19%) !important; }

.bg-success {
  background: #009A64 !important; }

.border-success {
  border-color: #009A64 !important; }

.bg-success-lighter {
  background: #28C08B !important; }

.border-success-lighter {
  border-color: #28C08B !important; }

.bg-success-darker {
  background: #067850 !important; }

.border-success-darker {
  border-color: #067850 !important; }

.bg-success-faded {
  background: #CFEAE0 !important; }

.border-success-faded {
  border-color: #CFEAE0 !important; }

.bg-success-gradient {
  background: !important; }

.border-success-gradient {
  border-color: !important; }

.bg-info {
  background: #4685EF !important; }

.border-info {
  border-color: #4685EF !important; }

.bg-info-lighter {
  background: #79A9FB !important; }

.border-info-lighter {
  border-color: #79A9FB !important; }

.bg-info-darker {
  background: #2160C9 !important; }

.border-info-darker {
  border-color: #2160C9 !important; }

.bg-info-faded {
  background: #C6D8F5 !important; }

.border-info-faded {
  border-color: #C6D8F5 !important; }

.bg-info-gradient {
  background: !important; }

.border-info-gradient {
  border-color: !important; }

.bg-warning {
  background: #EA862B !important; }

.border-warning {
  border-color: #EA862B !important; }

.bg-warning-lighter {
  background: #FAA556 !important; }

.border-warning-lighter {
  border-color: #FAA556 !important; }

.bg-warning-darker {
  background: #C16917 !important; }

.border-warning-darker {
  border-color: #C16917 !important; }

.bg-warning-faded {
  background: #F4CFAD !important; }

.border-warning-faded {
  border-color: #F4CFAD !important; }

.bg-warning-gradient {
  background: !important; }

.border-warning-gradient {
  border-color: !important; }

.bg-danger {
  background: #D83A3A !important; }

.border-danger {
  border-color: #D83A3A !important; }

.bg-danger-lighter {
  background: #F46A6A !important; }

.border-danger-lighter {
  border-color: #F46A6A !important; }

.bg-danger-darker {
  background: #AF1C1C !important; }

.border-danger-darker {
  border-color: #AF1C1C !important; }

.bg-danger-faded {
  background: #EAADAD !important; }

.border-danger-faded {
  border-color: #EAADAD !important; }

.bg-danger-gradient {
  background: !important; }

.border-danger-gradient {
  border-color: !important; }

.bg-gray {
  background: #DBDBDB !important; }

.border-gray {
  border-color: #DBDBDB !important; }

.bg-gray-lighter {
  background: #EFEFEF !important; }

.border-gray-lighter {
  border-color: #EFEFEF !important; }

.bg-gray-darker {
  background: #B6B6B6 !important; }

.border-gray-darker {
  border-color: #B6B6B6 !important; }

.bg-gray-faded {
  background: !important; }

.border-gray-faded {
  border-color: !important; }

.bg-gray-gradient {
  background: !important; }

.border-gray-gradient {
  border-color: !important; }

.flex-xs-first {
  order: -1 !important; }

.flex-xs-last {
  order: 1 !important; }

.flex-xs-unordered {
  order: 0 !important; }

.flex-items-xs-top {
  align-items: flex-start !important; }

.flex-items-xs-middle {
  align-items: center !important; }

.flex-items-xs-bottom {
  align-items: flex-end !important; }

.flex-xs-top {
  align-self: flex-start !important; }

.flex-xs-middle {
  align-self: center !important; }

.flex-xs-bottom {
  align-self: flex-end !important; }

.flex-items-xs-left {
  justify-content: flex-start !important; }

.flex-items-xs-center {
  justify-content: center !important; }

.flex-items-xs-right {
  justify-content: flex-end !important; }

.flex-items-xs-around {
  justify-content: space-around !important; }

.flex-items-xs-between {
  justify-content: space-between !important; }

@media (min-width: 514px) {
  .flex-sm-first {
    order: -1 !important; }
  .flex-sm-last {
    order: 1 !important; }
  .flex-sm-unordered {
    order: 0 !important; } }

@media (min-width: 514px) {
  .flex-items-sm-top {
    align-items: flex-start !important; }
  .flex-items-sm-middle {
    align-items: center !important; }
  .flex-items-sm-bottom {
    align-items: flex-end !important; } }

@media (min-width: 514px) {
  .flex-sm-top {
    align-self: flex-start !important; }
  .flex-sm-middle {
    align-self: center !important; }
  .flex-sm-bottom {
    align-self: flex-end !important; } }

@media (min-width: 514px) {
  .flex-items-sm-left {
    justify-content: flex-start !important; }
  .flex-items-sm-center {
    justify-content: center !important; }
  .flex-items-sm-right {
    justify-content: flex-end !important; }
  .flex-items-sm-around {
    justify-content: space-around !important; }
  .flex-items-sm-between {
    justify-content: space-between !important; } }

@media (min-width: 752px) {
  .flex-md-first {
    order: -1 !important; }
  .flex-md-last {
    order: 1 !important; }
  .flex-md-unordered {
    order: 0 !important; } }

@media (min-width: 752px) {
  .flex-items-md-top {
    align-items: flex-start !important; }
  .flex-items-md-middle {
    align-items: center !important; }
  .flex-items-md-bottom {
    align-items: flex-end !important; } }

@media (min-width: 752px) {
  .flex-md-top {
    align-self: flex-start !important; }
  .flex-md-middle {
    align-self: center !important; }
  .flex-md-bottom {
    align-self: flex-end !important; } }

@media (min-width: 752px) {
  .flex-items-md-left {
    justify-content: flex-start !important; }
  .flex-items-md-center {
    justify-content: center !important; }
  .flex-items-md-right {
    justify-content: flex-end !important; }
  .flex-items-md-around {
    justify-content: space-around !important; }
  .flex-items-md-between {
    justify-content: space-between !important; } }

@media (min-width: 1012px) {
  .flex-lg-first {
    order: -1 !important; }
  .flex-lg-last {
    order: 1 !important; }
  .flex-lg-unordered {
    order: 0 !important; } }

@media (min-width: 1012px) {
  .flex-items-lg-top {
    align-items: flex-start !important; }
  .flex-items-lg-middle {
    align-items: center !important; }
  .flex-items-lg-bottom {
    align-items: flex-end !important; } }

@media (min-width: 1012px) {
  .flex-lg-top {
    align-self: flex-start !important; }
  .flex-lg-middle {
    align-self: center !important; }
  .flex-lg-bottom {
    align-self: flex-end !important; } }

@media (min-width: 1012px) {
  .flex-items-lg-left {
    justify-content: flex-start !important; }
  .flex-items-lg-center {
    justify-content: center !important; }
  .flex-items-lg-right {
    justify-content: flex-end !important; }
  .flex-items-lg-around {
    justify-content: space-around !important; }
  .flex-items-lg-between {
    justify-content: space-between !important; } }

@media (min-width: 1388px) {
  .flex-xl-first {
    order: -1 !important; }
  .flex-xl-last {
    order: 1 !important; }
  .flex-xl-unordered {
    order: 0 !important; } }

@media (min-width: 1388px) {
  .flex-items-xl-top {
    align-items: flex-start !important; }
  .flex-items-xl-middle {
    align-items: center !important; }
  .flex-items-xl-bottom {
    align-items: flex-end !important; } }

@media (min-width: 1388px) {
  .flex-xl-top {
    align-self: flex-start !important; }
  .flex-xl-middle {
    align-self: center !important; }
  .flex-xl-bottom {
    align-self: flex-end !important; } }

@media (min-width: 1388px) {
  .flex-items-xl-left {
    justify-content: flex-start !important; }
  .flex-items-xl-center {
    justify-content: center !important; }
  .flex-items-xl-right {
    justify-content: flex-end !important; }
  .flex-items-xl-around {
    justify-content: space-around !important; }
  .flex-items-xl-between {
    justify-content: space-between !important; } }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 514px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 752px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1012px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1388px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

.order-first {
  order: -1; }

.order-last {
  order: 1; }

.order-0 {
  order: 0; }

.order-4 {
  order: 4; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.justify-content-evenly {
  justify-content: space-evenly !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 514px) {
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 1; }
  .order-sm-0 {
    order: 0; }
  .order-sm-4 {
    order: 4; }
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 752px) {
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 1; }
  .order-md-0 {
    order: 0; }
  .order-md-4 {
    order: 4; }
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .justify-content-md-evenly {
    justify-content: space-evenly !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 1012px) {
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 1; }
  .order-lg-0 {
    order: 0; }
  .order-lg-4 {
    order: 4; }
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1388px) {
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 1; }
  .order-xl-0 {
    order: 0; }
  .order-xl-4 {
    order: 4; }
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.flex-grow-0 {
  flex-grow: 0; }

.flex-grow-1 {
  flex-grow: 1; }

.flex-grow-2 {
  flex-grow: 2; }

.flex-grow-3 {
  flex-grow: 3; }

.flex-grow-4 {
  flex-grow: 4; }

.flex-grow-5 {
  flex-grow: 5; }

.flex-grow-6 {
  flex-grow: 6; }

.flex-grow-7 {
  flex-grow: 7; }

.flex-grow-8 {
  flex-grow: 8; }

.flex-grow-9 {
  flex-grow: 9; }

.flex-grow-10 {
  flex-grow: 10; }

.table__col-1 {
  width: 4.16667%; }

.table__col-2 {
  width: 8.33333%; }

.table__col-3 {
  width: 12.5%; }

.table__col-4 {
  width: 16.66667%; }

.table__col-5 {
  width: 20.83333%; }

.table__col-6 {
  width: 25%; }

.table__col-7 {
  width: 29.16667%; }

.table__col-8 {
  width: 33.33333%; }

.table__col-9 {
  width: 37.5%; }

.table__col-10 {
  width: 41.66667%; }

.table__col-11 {
  width: 45.83333%; }

.table__col-12 {
  width: 50%; }

.table__col-13 {
  width: 54.16667%; }

.table__col-14 {
  width: 58.33333%; }

.table__col-15 {
  width: 62.5%; }

.table__col-16 {
  width: 66.66667%; }

.table__col-17 {
  width: 70.83333%; }

.table__col-18 {
  width: 75%; }

.table__col-19 {
  width: 79.16667%; }

.table__col-20 {
  width: 83.33333%; }

.table__col-21 {
  width: 87.5%; }

.table__col-22 {
  width: 91.66667%; }

.table__col-23 {
  width: 95.83333%; }

.table__col-24 {
  width: 100%; }

/*
*******************************************
Section
1. General
2. Responsive
3. Custom
*******************************************
*/
/*
*******************************************
  Section General
*******************************************
*/
.section {
  position: relative;
  background: transparent; }
  .section__content, .section__graphic {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .section__content > *:last-child {
    margin-bottom: 0; }
  .section__content + .section__graphic {
    margin-top: 0; }
  .section__content--testimonials-big .testimonials a {
    color: #fff; }
  .section .illustration-right .section__graphic--sm {
    left: 0px;
    right: unset; }
  .section__graphic {
    height: 560px;
    min-height: 100%;
    right: -40px; }
    .section__graphic[data-animation] svg {
      opacity: 0; }
    .section__graphic--sm {
      width: 460px;
      height: 350px;
      position: absolute; }
    .section__graphic--shadow {
      filter: drop-shadow(0px 24px 64px rgba(0, 0, 0, 0.08)) drop-shadow(0px 16px 48px rgba(0, 0, 0, 0.04)); }
    .section__graphic--cloudlinux-1, .section__graphic--cloudlinux-2 {
      position: absolute; }
    .section__graphic--cloudlinux-1 {
      left: 56px;
      top: 0px; }
    .section__graphic--cloudlinux-2 {
      left: 0;
      bottom: 95px; }
    .section__graphic--jetbackup-1, .section__graphic--jetbackup-2 {
      position: absolute; }
    .section__graphic--jetbackup-1 {
      left: 56px;
      top: 0px; }
    .section__graphic--jetbackup-2 {
      left: 0px;
      top: 280px; }
    .section__graphic--immunify-1, .section__graphic--immunify-2, .section__graphic--immunify-3 {
      position: absolute; }
    .section__graphic--immunify-1 {
      left: 56px;
      top: 0px; }
    .section__graphic--immunify-2 {
      left: 0px;
      top: 275.7px; }
    .section__graphic--immunify-3 {
      left: 430.25px;
      top: 133px; }
    .section__graphic--automate-hosting-1, .section__graphic--automate-hosting-2, .section__graphic--automate-hosting-3, .section__graphic--automate-hosting-4 {
      position: absolute;
      border-radius: 10px;
      height: calc(50% - 12px);
      background: #fff;
      overflow: hidden;
      opacity: 0; }
    .section__graphic--automate-hosting-1 {
      left: 0px;
      top: 0px; }
    .section__graphic--automate-hosting-2 {
      top: 0px;
      right: 0px; }
    .section__graphic--automate-hosting-3 {
      bottom: 0px;
      left: 0px; }
    .section__graphic--automate-hosting-4 {
      bottom: 0px;
      right: 0px; }
    .section__graphic--cpanel-1, .section__graphic--cpanel-2 {
      position: absolute; }
    .section__graphic--cpanel-1 {
      left: 57px;
      top: 0px; }
    .section__graphic--cpanel-2 {
      left: 89.02%;
      right: -4%;
      top: -2.56%;
      bottom: 66.11%; }
    .section__graphic--litespeed-1, .section__graphic--litespeed-2 {
      position: absolute; }
    .section__graphic--litespeed-1 {
      left: 57px;
      top: 0px; }
    .section__graphic--litespeed-2 {
      left: -68px;
      top: 265px; }
    .section__graphic--easy-scaling-1, .section__graphic--easy-scaling-2, .section__graphic--easy-scaling-3, .section__graphic--easy-scaling-4 {
      position: absolute; }
    .section__graphic--easy-scaling-1 {
      left: 58.99px;
      top: 0px; }
    .section__graphic--easy-scaling-2 {
      left: 0px;
      top: 244px; }
    .section__graphic--easy-scaling-3 {
      left: 644px;
      top: 78px; }
    .section__graphic--easy-scaling-4 {
      left: 512px;
      top: 472px; }
    .section__graphic--dedicated-resources-1, .section__graphic--dedicated-resources-2, .section__graphic--dedicated-resources-3 {
      position: absolute; }
    .section__graphic--dedicated-resources-1 {
      left: 56px;
      top: 0px; }
    .section__graphic--dedicated-resources-2 {
      left: 0px;
      top: 327px; }
    .section__graphic--dedicated-resources-3 {
      left: 536px;
      top: 81px; }
    .section__graphic--vps-fully-managed-1, .section__graphic--vps-fully-managed-2, .section__graphic--vps-fully-managed-3 {
      position: absolute; }
    .section__graphic--vps-fully-managed-1 {
      left: 0px;
      top: 0px; }
    .section__graphic--vps-fully-managed-2 {
      left: 1px;
      top: 223px; }
    .section__graphic--vps-fully-managed-3 {
      left: 588px;
      top: 100px; }
    .section__graphic--ddos-protection-1, .section__graphic--ddos-protection-2, .section__graphic--ddos-protection-3 {
      position: absolute; }
    .section__graphic--ddos-protection-1 {
      left: -7px;
      top: 3px; }
    .section__graphic--ddos-protection-2 {
      left: 347px;
      top: 151px; }
    .section__graphic--ddos-protection-3 {
      left: 56px;
      top: 0px; }
    .section__graphic--easy-hosting-management {
      right: -43px !important; }
      .section__graphic--easy-hosting-management-1, .section__graphic--easy-hosting-management-2, .section__graphic--easy-hosting-management-3 {
        position: absolute; }
      .section__graphic--easy-hosting-management-1 {
        left: 57px;
        top: 0px; }
      .section__graphic--easy-hosting-management-2 {
        left: 524px;
        top: 319px; }
      .section__graphic--easy-hosting-management-3 {
        left: 0px;
        top: 175px; }
    .section__graphic--sm-website-performance {
      margin: auto; }
      .section__graphic--sm-website-performance-1, .section__graphic--sm-website-performance-2, .section__graphic--sm-website-performance-3, .section__graphic--sm-website-performance-4, .section__graphic--sm-website-performance-5 {
        position: absolute; }
      .section__graphic--sm-website-performance-1 {
        left: 29px;
        top: 0px; }
      .section__graphic--sm-website-performance-2 {
        left: 80.22%;
        right: 1.96%;
        top: 22.57%;
        bottom: 54%; }
      .section__graphic--sm-website-performance-3 {
        left: 80.22%;
        right: 1.96%;
        top: 49.71%;
        bottom: 26.86%; }
      .section__graphic--sm-website-performance-4 {
        left: 0%;
        right: 73.04%;
        top: 64.57%;
        bottom: 0%; }
      .section__graphic--sm-website-performance-5 {
        left: 27.39%;
        right: 26.3%;
        top: 16%;
        bottom: 22%; }
    .section__graphic--sm-server-uptime {
      margin: auto; }
      .section__graphic--sm-server-uptime-1, .section__graphic--sm-server-uptime-2 {
        position: absolute; }
      .section__graphic--sm-server-uptime-1 {
        left: 29px;
        top: 0px; }
      .section__graphic--sm-server-uptime-2 {
        left: 58.7%;
        right: 0%;
        top: 45.71%;
        bottom: 0%; }
    .section__graphic--sm-developer-features {
      margin: auto; }
      .section__graphic--sm-developer-features-1, .section__graphic--sm-developer-features-2, .section__graphic--sm-developer-features-3 {
        position: absolute; }
      .section__graphic--sm-developer-features-1 {
        left: 29px;
        top: 0px; }
      .section__graphic--sm-developer-features-2 {
        left: 0px;
        top: 212px; }
      .section__graphic--sm-developer-features-3 {
        left: 352px;
        top: 93px; }
    .section__graphic--sm-email-features {
      margin: auto; }
      .section__graphic--sm-email-features-1, .section__graphic--sm-email-features-2, .section__graphic--sm-email-features-3 {
        position: absolute; }
      .section__graphic--sm-email-features-1 {
        left: 83px;
        top: 0px; }
      .section__graphic--sm-email-features-2 {
        left: 0px;
        top: 130px; }
      .section__graphic--sm-email-features-3 {
        left: 115px;
        top: 199.95px; }
    .section__graphic--sm-security-reliability {
      margin: auto; }
      .section__graphic--sm-security-reliability-1, .section__graphic--sm-security-reliability-2, .section__graphic--sm-security-reliability-3 {
        position: absolute; }
      .section__graphic--sm-security-reliability-1 {
        left: 29px;
        top: 0px; }
      .section__graphic--sm-security-reliability-2 {
        left: -30px;
        top: 160px; }
      .section__graphic--sm-security-reliability-3 {
        left: 181px;
        top: 47px; }
    .section__graphic--sm-dedicated-managers {
      margin: auto; }
      .section__graphic--sm-dedicated-managers-1, .section__graphic--sm-dedicated-managers-2, .section__graphic--sm-dedicated-managers-3 {
        position: absolute; }
      .section__graphic--sm-dedicated-managers-1 {
        left: 11.81px;
        top: 0px; }
      .section__graphic--sm-dedicated-managers-2 {
        left: 300px;
        bottom: 60px; }
      .section__graphic--sm-dedicated-managers-3 {
        left: 11.81px;
        top: 0px; }
    .section__graphic--sm-promotional-materials {
      margin: auto; }
      .section__graphic--sm-promotional-materials-1, .section__graphic--sm-promotional-materials-2, .section__graphic--sm-promotional-materials-3 {
        position: absolute; }
      .section__graphic--sm-promotional-materials-1 {
        left: 29px;
        top: 0px; }
      .section__graphic--sm-promotional-materials-2 {
        left: 0px;
        top: 212px; }
      .section__graphic--sm-promotional-materials-3 {
        right: 0px;
        top: 53px; }
    .section__graphic--sm-tracking-tools {
      margin: auto; }
      .section__graphic--sm-tracking-tools-1, .section__graphic--sm-tracking-tools-2, .section__graphic--sm-tracking-tools-3 {
        position: absolute; }
      .section__graphic--sm-tracking-tools-1 {
        left: 29px;
        top: 0px; }
      .section__graphic--sm-tracking-tools-2 {
        top: 0px;
        left: 120px; }
      .section__graphic--sm-tracking-tools-3 {
        left: 0px;
        top: 195px; }
    .section__graphic--sm-reseller-hosting {
      margin: auto; }
      .section__graphic--sm-reseller-hosting-1, .section__graphic--sm-reseller-hosting-2, .section__graphic--sm-reseller-hosting-3, .section__graphic--sm-reseller-hosting-4 {
        position: absolute; }
      .section__graphic--sm-reseller-hosting-1 {
        left: 29px;
        top: 0px; }
      .section__graphic--sm-reseller-hosting-2 {
        left: 80.22%;
        right: 1.96%;
        top: 22.57%;
        bottom: 54%; }
      .section__graphic--sm-reseller-hosting-3 {
        left: 80.22%;
        right: 1.96%;
        top: 49.71%;
        bottom: 26.86%; }
      .section__graphic--sm-reseller-hosting-4 {
        left: 0px;
        top: 206px; }
    .section__graphic--domain-reseller-1, .section__graphic--domain-reseller-2, .section__graphic--domain-reseller-3 {
      position: absolute; }
    .section__graphic--domain-reseller-1 {
      left: 100px;
      top: 0px; }
    .section__graphic--domain-reseller-2 {
      left: 645px;
      top: 110px; }
    .section__graphic--domain-reseller-3 {
      left: 40px;
      top: 375px; }
    .section__graphic--wp-security-1, .section__graphic--wp-security-2, .section__graphic--wp-security-3 {
      position: absolute; }
    .section__graphic--wp-security-1 {
      left: 100px;
      top: 0px; }
    .section__graphic--wp-security-2 {
      left: 585px;
      top: 57px; }
    .section__graphic--wp-security-3 {
      left: 50px;
      top: 300px; }
    .section__graphic--wp-launch-1, .section__graphic--wp-launch-2, .section__graphic--wp-launch-3 {
      position: absolute; }
    .section__graphic--wp-launch-1 {
      left: 45px;
      top: 0px; }
    .section__graphic--wp-launch-2 {
      left: 633px;
      top: 95px; }
    .section__graphic--wp-launch-3 {
      left: 280px;
      top: 55px; }
    .section__graphic--control-panel-1, .section__graphic--control-panel-2, .section__graphic--control-panel-3 {
      position: absolute; }
    .section__graphic--control-panel-1 {
      left: 130px;
      top: 0px; }
    .section__graphic--control-panel-2 {
      left: 0px;
      top: 202px; }
    .section__graphic--control-panel-3 {
      left: 452px;
      top: 15px; }
    .section__graphic--website-performance-1, .section__graphic--website-performance-2, .section__graphic--website-performance-3, .section__graphic--website-performance-4, .section__graphic--website-performance-5 {
      position: absolute; }
    .section__graphic--website-performance-5 {
      left: 100px;
      z-index: -1; }
    .section__graphic--website-performance-4 {
      left: 670px;
      top: 116.33px; }
    .section__graphic--website-performance-3 {
      left: 670px;
      top: 275.33px; }
    .section__graphic--website-performance-2 {
      left: 50px;
      top: 246px; }
    .section__graphic--website-performance-1 {
      left: 290px;
      top: 86.33px; }
    .section__graphic--expert-support {
      position: relative; }
      .section__graphic--expert-support-1 {
        position: absolute;
        left: 56px;
        top: 0px; }
      .section__graphic--expert-support-2 {
        position: absolute;
        left: 98px;
        top: 107px; }
    .section__graphic--website-builder {
      position: relative; }
      .section__graphic--website-builder-1, .section__graphic--website-builder-2, .section__graphic--website-builder-3 {
        position: absolute; }
      .section__graphic--website-builder-1 {
        left: 100px; }
      .section__graphic--website-builder-2 {
        top: 248px;
        left: 48px; }
      .section__graphic--website-builder-3 {
        top: 132px;
        left: 670px; }
    .section__graphic--server-location {
      position: relative; }
      .section__graphic--server-location-1, .section__graphic--server-location-2, .section__graphic--server-location-3, .section__graphic--server-location-4, .section__graphic--server-location-5, .section__graphic--server-location-6, .section__graphic--server-location-7, .section__graphic--server-location-8, .section__graphic--server-location-9, .section__graphic--server-location-10, .section__graphic--server-location-11 {
        position: absolute; }
      .section__graphic--server-location-8 {
        left: 0px;
        z-index: -1; }
      .section__graphic--server-location-1 {
        left: 266px;
        top: 108px; }
      .section__graphic--server-location-2 {
        left: 384px;
        top: 120px; }
      .section__graphic--server-location-3 {
        left: 567px;
        top: 368.13px; }
      .section__graphic--server-location-4 {
        left: 36px;
        top: 203.36px; }
      .section__graphic--server-location-5 {
        left: 522.52px;
        top: 204px; }
      .section__graphic--server-location-6 {
        left: 304px;
        top: 199.15px; }
      .section__graphic--server-location-7 {
        left: 446px;
        top: 290.56px; }
      .section__graphic--server-location-9 {
        top: 129px;
        left: 3px; }
      .section__graphic--server-location-10 {
        top: 76px;
        left: 137px; }
      .section__graphic--server-location-11 {
        top: 144px;
        left: 665px; }
  .section__subtitle, .section__desc, .section__title {
    text-align: center;
    max-width: 894px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0; }
  .section__desc > *:last-child {
    margin-bottom: 0; }
  .section__desc + .panel {
    margin-top: 32px; }
  .section--dark {
    background: linear-gradient(180deg, #F9DCCD 0%, rgba(255, 216, 197, 0.3) 92.19%); }
    .section--dark > .container {
      position: relative;
      z-index: 1; }
    .section--dark .section__title {
      color: #fff; }
    .section--dark .section__subtitle {
      color: #D5D5E3; }
    .section--dark .section__desc {
      color: #D5D5E3; }
    .section--dark .feature:not(.feature--boxed) {
      border-color: rgba(255, 255, 255, 0.2);
      color: #fff; }
      .section--dark .feature:not(.feature--boxed) .feature__title {
        color: #fff; }
      .section--dark .feature:not(.feature--boxed) .feature__desc {
        color: rgba(255, 255, 255, 0.7); }
      .section--dark .feature:not(.feature--boxed) .feature__actions .btn {
        color: #fff; }
  .section--sides .section__title,
  .section--sides .section__desc,
  .section--sides .section__actions {
    text-align: left; }
  .section--sides .section__title {
    margin-left: 0;
    margin-right: 0; }
  .section--sides .section__desc {
    max-width: 100%;
    margin: unset; }
  .section--sides .section__actions .btn {
    padding-left: 0;
    justify-content: flex-start; }
  .section--sides .section__content {
    justify-content: center;
    height: 100%; }
  .section--sides .section__graphic {
    position: relative;
    z-index: 1;
    max-width: 668px;
    width: 100%; }
    .section--sides .section__graphic-img {
      position: absolute;
      left: 0px;
      top: 50%;
      transform: translateY(-50%); }
    .section--sides .section__graphic--sm {
      width: 460px;
      height: 350px !important; }
  .section--sides.section--graphic-right .section__graphic {
    margin-left: auto; }
    .section--sides.section--graphic-right .section__graphic-img {
      left: unset;
      right: 0; }
  .section--sides.section--graphic-left .container > .row {
    flex-direction: row-reverse; }
  .section--sides.section--graphic-left .section__graphic {
    margin-right: auto;
    height: 100%; }
  .section--bare-metal .section__graphic {
    position: relative;
    z-index: 1;
    max-width: 668px;
    width: 100%; }
    .section--bare-metal .section__graphic > svg {
      height: auto; }
    .section--bare-metal .section__graphic-img {
      position: absolute;
      left: 18%;
      top: 54%;
      transform: translateY(-50%);
      z-index: 5;
      height: unset; }
  .section--graphic-right .section__graphic {
    align-items: flex-end; }
  .section--full-graphic {
    min-height: 500px;
    padding: 0;
    position: relative;
    display: flex;
    align-items: center; }
    .section--full-graphic .section__graphic {
      position: absolute;
      width: 50%;
      height: 100%;
      top: 0;
      left: 0;
      bottom: 0; }
      .section--full-graphic .section__graphic .g-c {
        width: 100%;
        height: 100%; }
    .section--full-graphic .col-sm-6 {
      margin-left: 50%; }
    .section--full-graphic.section--graphic-right .section__graphic {
      right: 0;
      left: auto; }
    .section--full-graphic.section--graphic-right .col-sm-6 {
      margin-left: 0; }
  .section.overlap + .section {
    border-top: none; }
  .section--bordered {
    border-top: 1px solid #EFEFEF; }
  .section + .container {
    position: relative;
    z-index: 2; }
  .section + .section--dark {
    border-top: none; }
  .section + .section--enlargment {
    padding-top: 0;
    border-top: none; }
  .section__actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  .section__body {
    display: flex;
    justify-content: space-between; }
  .section__sidebar {
    width: 457px;
    min-width: 457px; }
    .section__sidebar + .section__content {
      margin-left: 56px;
      width: 100%; }
  .section--legal .section__actions {
    margin-top: 0; }
  .section--legal .section__links-group {
    display: flex;
    justify-content: space-around;
    padding: 0 140px; }
    .section--legal .section__links-group a {
      font-weight: 600;
      padding: 18px 0; }
      .section--legal .section__links-group a.active {
        text-decoration: underline;
        text-underline-offset: 8px;
        color: #6B4DC4; }
  .section .features .feature__pricing .pricing__amount {
    color: #2B1F51; }
  .section .features .feature__pricing .pricing__period {
    color: #2B1F51; }
  .section .features .feature__pricing + .feature__actions .btn__text {
    color: #2B1F51; }
    .section .features .feature__pricing + .feature__actions .btn__text svg path {
      stroke: #2B1F51; }
  .section .features .feature__pricing + .feature__actions:hover .btn__text {
    color: #F67A3C; }
    .section .features .feature__pricing + .feature__actions:hover .btn__text svg path {
      stroke: #F67A3C; }
  .section--sides.section--graphic-right .section__graphic--sm {
    right: 0; }
  .section--sides.section--graphic-left .section__graphic--sm {
    left: 0; }
  .section--graphic-custom .section__graphic {
    height: 560px !important; }
  .section__content--left > .row {
    flex-direction: row-reverse; }
  .section--server-status {
    z-index: 99; }
    .section--server-status .content-slider__item .nav__link {
      color: #fff; }
    .section--server-status .content-slider__item--active {
      color: #6B4DC4; }
    .section--server-status .tab-content {
      margin-top: 40px; }
    .section--server-status .label {
      height: 32px;
      font-size: 14px;
      line-height: 20px;
      margin-right: 14px;
      font-weight: 600;
      border-radius: 4px; }
      .section--server-status .label--outline {
        padding-left: 8px;
        padding-right: 8px;
        height: 24px;
        margin-top: 4px; }
  .section--credits .feature.feature--credit {
    margin-top: 80px; }
  .section--feature-media img {
    border-radius: 16px; }
  .section__rates {
    margin-left: -24px; }
  .section__actions--tabs {
    justify-content: flex-start; }
    .section__actions--tabs .btn.btn--link {
      margin-top: -24px;
      padding-left: 0; }
  .section__tld-holder {
    float: right;
    width: 550px;
    max-width: 100%;
    margin: 0 0 0 64px;
    position: relative;
    z-index: 0; }
    .section__tld-holder svg {
      max-width: 100%; }
    .section__tld-holder-domain-name {
      font-weight: 100;
      position: absolute;
      left: 58px;
      top: 62px;
      font-size: 20px;
      line-height: 30px;
      z-index: 99;
      color: #fff; }
    .section__tld-holder-tld {
      font-weight: 800;
      font-size: 40px;
      line-height: 30px;
      position: absolute;
      left: 0;
      min-width: 100%;
      text-align: center;
      top: 222px;
      z-index: 99;
      color: #009A64; }
      .section__tld-holder-tld .dot {
        color: #000; }
  .section.overlap {
    margin-top: -215px;
    z-index: 99; }

.z-i-4 {
  z-index: 4 !important; }

/*
*******************************************
  Section General - Responsive Spacing
*******************************************
*/
.section {
  padding-bottom: 160px; }
  .section__title + .section__desc {
    margin-top: 32px; }
  .section__title + .section__subtitle {
    margin-top: 24px; }
  .section__subtitle + .section__content,
  .section__actions + .section__content,
  .section__desc + .section__content,
  .section__title + .section__content,
  .section__body + * {
    margin-top: 80px; }
  .section__header-icon + .section__title, .section__header-icon + .section__subtitle, .section__header-icon + .section__desc {
    margin-top: 24px; }
  .section__actions {
    margin: 56px -12px -24px; }
    .section__actions > * {
      margin-bottom: 24px; }
    .section__actions .btn {
      margin: 0 12px 24px; }
  .section__content + .section__actions {
    margin-top: 80px; }
  .section .section__features {
    margin-top: 56px; }
    .section .section__features > .feature:nth-child(1) {
      margin-top: 0; }
    .section .section__features + .section__actions {
      margin-top: 56px; }
    .section .section__features + * {
      margin-top: 32px; }
  .section--sides .section__content {
    padding: 0 48px; }
  .section--dark {
    padding-top: 160px; }
    .section--dark + .section:not(.section--dark) {
      padding-top: 160px; }
  .section--bordered {
    padding-top: 160px; }
  .section.overlap {
    margin-bottom: -96px;
    padding-bottom: 0; }
    .section.overlap + .section {
      padding-top: 256px; }
    .section.overlap--lg {
      margin-bottom: -210px;
      padding-bottom: 0; }
      .section.overlap--lg + .section {
        padding-top: 370px; }
  .section--website-builder.section--dark {
    background: transparent; }
    .section--website-builder.section--dark .section__background {
      background: linear-gradient(90deg, #2E1A6D 0%, #4A338D 45.83%, #7759CE 100%);
      height: 800px;
      top: 20px !important; }
    .section--website-builder.section--dark .section__shape--bottom {
      bottom: -100px !important; }
    .section--website-builder.section--dark .section__shape--top {
      top: -100px !important; }
    .section--website-builder.section--dark .nav {
      margin-bottom: 40px; }
      .section--website-builder.section--dark .nav .nav__item {
        color: #fff; }
        .section--website-builder.section--dark .nav .nav__item .nav__link {
          color: #fff; }
        .section--website-builder.section--dark .nav .nav__item:hover .nav__link {
          color: #F67A3C; }
  .section--website-builder.has-shapes {
    padding-bottom: 140px !important; }
  .section--404 {
    padding-top: 140px;
    position: relative; }
    .section--404 .section__graphic--404 {
      top: -10px;
      position: absolute;
      left: calc(50% - 580px);
      z-index: -1; }
    .section--404 .section__graphic--404-left {
      top: -180px;
      position: absolute;
      right: calc(62vw);
      z-index: -1; }
    .section--404 .section__graphic--404-right {
      top: -150px;
      position: absolute;
      left: calc(62vw);
      z-index: -1; }
    .section--404 .section__graphic--404-error {
      top: -15px;
      position: absolute;
      left: calc(50% - 118px);
      z-index: -1; }
  .section--website-builder-empowers .features {
    margin-top: 0px; }

@media (min-width: 1388px) {
  .section--website-builder-empowers .features--reseller {
    margin-top: 32px; }
    .section--website-builder-empowers .features--reseller > div + div {
      padding-left: 56px !important; }
      .section--website-builder-empowers .features--reseller > div + div .feature__number {
        left: calc(50% + 23px); }
    .section--website-builder-empowers .features--reseller > div {
      margin-left: 0px !important;
      max-width: none; } }

@media (max-width: 1387px) {
  .section {
    padding-bottom: 140px; }
    .section__title + .section__desc {
      margin-top: 28px; }
    .section__title + .section__subtitle {
      margin-top: 20px; }
    .section__subtitle + .section__content,
    .section__actions + .section__content,
    .section__desc + .section__content,
    .section__title + .section__content,
    .section__body + * {
      margin-top: 72px; }
    .section__header-icon + .section__title, .section__header-icon + .section__subtitle, .section__header-icon + .section__desc {
      margin-top: 24px; }
    .section__actions {
      margin: 48px -8px -16px; }
      .section__actions > * {
        margin-bottom: 16px; }
      .section__actions .btn {
        margin: 0 8px 16px; }
    .section__content + .section__actions {
      margin-top: 72px; }
    .section .section__features {
      margin-top: 48px; }
      .section .section__features > .feature:nth-child(1) {
        margin-top: 0; }
      .section .section__features + .section__actions {
        margin-top: 48px; }
      .section .section__features + * {
        margin-top: 28px; }
    .section--sides .section__content {
      padding: 0 48px; }
    .section--dark {
      padding-top: 140px; }
      .section--dark + .section:not(.section--dark) {
        padding-top: 140px; }
    .section--bordered {
      padding-top: 140px; }
    .section.overlap {
      margin-bottom: -96px;
      padding-bottom: 0; }
      .section.overlap + .section {
        padding-top: 236px; }
      .section.overlap--lg {
        margin-bottom: -210px;
        padding-bottom: 0; }
        .section.overlap--lg + .section {
          padding-top: 350px; } }

@media (max-width: 1011px) {
  .section {
    padding-bottom: 100px; }
    .section__title + .section__desc {
      margin-top: 24px; }
    .section__title + .section__subtitle {
      margin-top: 20px; }
    .section__subtitle + .section__content,
    .section__actions + .section__content,
    .section__desc + .section__content,
    .section__title + .section__content,
    .section__body + * {
      margin-top: 56px; }
    .section__header-icon + .section__title, .section__header-icon + .section__subtitle, .section__header-icon + .section__desc {
      margin-top: 24px; }
    .section__actions {
      margin: 40px -8px -16px; }
      .section__actions > * {
        margin-bottom: 16px; }
      .section__actions .btn {
        margin: 0 8px 16px; }
    .section__content + .section__actions {
      margin-top: 56px; }
    .section .section__features {
      margin-top: 40px; }
      .section .section__features > .feature:nth-child(1) {
        margin-top: 0; }
      .section .section__features + .section__actions {
        margin-top: 40px; }
      .section .section__features + * {
        margin-top: 24px; }
    .section--sides .section__content {
      padding: 0 48px; }
    .section--sides .section__graphic.section__graphic--sm {
      display: none; }
    .section--dark {
      padding-top: 100px; }
      .section--dark + .section:not(.section--dark) {
        padding-top: 100px; }
    .section--bordered {
      padding-top: 100px; }
    .section.overlap {
      margin-bottom: -96px;
      padding-bottom: 0; }
      .section.overlap + .section {
        padding-top: 196px; }
      .section.overlap--lg {
        margin-bottom: -210px;
        padding-bottom: 0; }
        .section.overlap--lg + .section {
          padding-top: 310px; }
    .section--website-builder-empowers .row.features > div + div {
      margin-top: 56px; } }

@media (max-width: 751px) {
  .section {
    padding-bottom: 80px; }
    .section__title + .section__desc {
      margin-top: 24px; }
    .section__title + .section__subtitle {
      margin-top: 16px; }
    .section__subtitle + .section__content,
    .section__actions + .section__content,
    .section__desc + .section__content,
    .section__title + .section__content,
    .section__body + * {
      margin-top: 48px; }
    .section__header-icon + .section__title, .section__header-icon + .section__subtitle, .section__header-icon + .section__desc {
      margin-top: 24px; }
    .section__actions {
      margin: 40px -8px -16px; }
      .section__actions > * {
        margin-bottom: 16px; }
      .section__actions .btn {
        margin: 0 8px 16px; }
    .section__content + .section__actions {
      margin-top: 48px; }
    .section .section__features {
      margin-top: 40px; }
      .section .section__features > .feature:nth-child(1) {
        margin-top: 0; }
      .section .section__features + .section__actions {
        margin-top: 40px; }
      .section .section__features + * {
        margin-top: 24px; }
    .section--sides .section__content {
      padding: 0 48px; }
    .section--dark {
      padding-top: 80px; }
      .section--dark + .section:not(.section--dark) {
        padding-top: 80px; }
    .section--bordered {
      padding-top: 80px; }
    .section.overlap {
      margin-bottom: -96px;
      padding-bottom: 0; }
      .section.overlap + .section {
        padding-top: 176px; }
      .section.overlap--lg {
        margin-bottom: -210px;
        padding-bottom: 0; }
        .section.overlap--lg + .section {
          padding-top: 290px; }
    .section--work.section--last {
      padding-bottom: 8px; } }

/*
*******************************************
  Section Custom
*******************************************
*/
.section__sidebar {
  width: 457px;
  min-width: 457px;
  margin-top: 80px; }
  .section__sidebar + .section__content {
    margin-left: 64px;
    flex: 1; }
  .section__sidebar .section__title,
  .section__sidebar .section__desc,
  .section__sidebar .section__actions {
    text-align: left; }
  .section__sidebar .section__subtitle {
    text-align: left;
    margin-bottom: 16px;
    margin-top: 32px;
    margin-left: 0;
    margin-right: 0; }
    .section__sidebar .section__subtitle + .section__desc {
      margin-top: 32px;
      color: #524972; }
  .section__sidebar .section__desc {
    margin-top: 20px; }
  .section__sidebar + .section__graphic {
    position: absolute;
    right: 0px; }

.section__graphic {
  min-height: unset; }

.section__body {
  position: relative; }

.section .nav--tabs .nav__link {
  font-weight: 600; }

.section .nav--tabs .nav__item.is-active .nav__link {
  color: #F67A3C; }
  .section .nav--tabs .nav__item.is-active .nav__link label.tooltip svg path:not(:nth-last-of-type(1)), .section .nav--tabs .nav__item.is-active .nav__link:hover label.tooltip svg path:not(:nth-last-of-type(1)) {
    stroke: #F67A3C; }
  .section .nav--tabs .nav__item.is-active .nav__link label.tooltip svg path:nth-last-of-type(1), .section .nav--tabs .nav__item.is-active .nav__link:hover label.tooltip svg path:nth-last-of-type(1) {
    fill: #F67A3C; }
  .section .nav--tabs .nav__item.is-active .nav__link::after {
    left: 12px;
    right: 12px; }

.section .nav--tabs .nav__item + .nav__item {
  margin-left: 16px; }

.section .nav--tabs .nav__item .nav__link:hover label.tooltip svg path:not(:nth-last-of-type(1)) {
  stroke: #F67A3C; }

.section .nav--tabs .nav__item .nav__link:hover label.tooltip svg path:nth-last-of-type(1) {
  fill: #F67A3C; }

.section .nav--tabs .nav__item .nav__link label.tooltip svg path {
  transition: stroke 0.3s ease, fill 0.3s ease; }
  .section .nav--tabs .nav__item .nav__link label.tooltip svg path:not(:nth-last-of-type(1)) {
    stroke: #fff; }
  .section .nav--tabs .nav__item .nav__link label.tooltip svg path:nth-last-of-type(1) {
    fill: #fff; }

.section .nav--tabs .nav__item:hover .nav__link {
  color: #F67A3C; }

.section .nav--tabs .nav__item::after {
  content: '';
  position: absolute;
  height: 3px;
  left: 50%;
  right: 50%;
  bottom: 0;
  background-color: #F67A3C;
  transition: left ease 0.3s, right ease 0.3s; }

.section .nav--tabs-secondary .nav__item {
  flex-grow: 1;
  border: 1px solid #EFEFEF;
  border-radius: 12px;
  transition: border-color 0.3s ease;
  min-height: 64px;
  width: calc(25% - 16px); }
  .section .nav--tabs-secondary .nav__item span {
    margin-left: 16px;
    display: flex;
    align-items: center;
    flex-grow: 1; }
    .section .nav--tabs-secondary .nav__item span svg {
      margin-right: 4px; }
  .section .nav--tabs-secondary .nav__item strong {
    font-weight: 600; }
  .section .nav--tabs-secondary .nav__item .ellipse {
    width: 24px;
    height: 24px;
    border: 1px solid #6D6D6D;
    border-radius: 50%;
    transition: border-color 0.3s ease, border-width 0.3s ease; }
  .section .nav--tabs-secondary .nav__item .nav__link {
    justify-content: space-between; }
    .section .nav--tabs-secondary .nav__item .nav__link div {
      display: flex; }
  .section .nav--tabs-secondary .nav__item + .nav__item {
    margin-left: 16px; }
  .section .nav--tabs-secondary .nav__item:hover {
    border-color: #F67A3C; }
  .section .nav--tabs-secondary .nav__item.is-active {
    border-color: #F67A3C; }
    .section .nav--tabs-secondary .nav__item.is-active .ellipse {
      border-width: 7px;
      border-color: #F67A3C; }

.section--migrate-website .section__image {
  width: 50%; }

.section--migrate-website .section__content {
  max-width: 568px;
  padding: 0 !important;
  margin-left: auto; }

.section--migrate-website.section--gray .section__desc {
  margin-bottom: 32px; }

.section--migrate-website .section__graphic > svg {
  position: absolute;
  right: 0; }

.section--sides > .container > .section__title {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  .section--sides > .container > .section__title + *, .section--sides > .container > .section__title + .row + .row {
    margin-top: 80px; }

.section--sides .section__content {
  padding: 0 14px; }
  .section--sides .section__content .section__desc + .section__desc {
    margin-top: 24px; }

.section--sides.section--graphic-right .section__graphic, .section--sides.section--graphic-left .section__graphic {
  height: 100%;
  justify-content: center; }

.section--gray {
  background: linear-gradient(90deg, #F0EEF9 0.21%, #EFEDF5 36.63%, #FDFDFF 90.75%); }

.section--gray {
  padding-top: 160px; }
  .section--gray + .section:not(.section--gray) {
    padding-top: 160px; }

.section.has-shapes {
  margin-top: -68px;
  margin-bottom: -68px;
  padding-top: 252px;
  padding-bottom: 252px;
  overflow: hidden; }
  .section.has-shapes .container {
    position: relative;
    z-index: 1; }
  .section.has-shapes .section__background {
    position: absolute;
    top: -97px;
    bottom: -97px;
    left: 0;
    right: 0;
    z-index: 0;
    overflow: hidden; }
  .section.has-shapes .section__shape {
    position: absolute;
    left: -100%;
    right: -100%;
    height: 195px;
    background: #fff; }
    .section.has-shapes .section__shape--top {
      top: 0;
      transform: rotate(-5.8deg); }
    .section.has-shapes .section__shape--bottom {
      bottom: 0;
      transform: rotate(-5.8deg); }

.section--banner-footer {
  background: linear-gradient(90deg, #2E1A6D 0%, #4A338D 45.83%, #7759CE 100%); }
  .section--banner-footer .section__content {
    display: flex;
    padding: 40px 48px;
    background: linear-gradient(90deg, #F0EEF9 0.21%, #EFEDF5 36.63%, #FDFDFF 90.75%);
    max-width: 1360px;
    border-radius: 12px;
    flex-direction: row;
    position: relative; }
    .section--banner-footer .section__content::before {
      content: '';
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
      border-radius: 12px;
      z-index: -1; }
  .section--banner-footer .section__title {
    text-align: unset;
    max-width: 600px;
    margin-left: 0;
    margin-right: 0; }
    .section--banner-footer .section__title span {
      color: #6B4DC4; }
  .section--banner-footer .section__actions {
    margin-top: 0;
    align-items: center; }
    .section--banner-footer .section__actions a:nth-of-type(1) {
      color: #6B4DC4;
      font-weight: 600;
      transition: 0.3s ease color;
      cursor: pointer; }
      .section--banner-footer .section__actions a:nth-of-type(1):hover {
        color: #F67A3C; }
    .section--banner-footer .section__actions > * {
      margin-bottom: 0; }
  .section--banner-footer .section__image {
    margin: auto 0 0 auto; }
  .section--banner-footer .section__background {
    z-index: -1; }
  .section--banner-footer.has-shapes {
    padding-top: 0 !important;
    padding-bottom: 45px !important;
    z-index: 5;
    margin-top: 0;
    overflow: visible; }
    .section--banner-footer.has-shapes .section__background {
      bottom: 0 !important; }
    .section--banner-footer.has-shapes .section__shape {
      height: 207px !important; }

.section__banner {
  margin-top: 68px;
  display: flex;
  padding: 32px;
  background: linear-gradient(90deg, #ECE8F9 0%, #F7F6FC 100.82%);
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between; }
  .section__banner-title {
    text-align: unset;
    max-width: 570px;
    margin: 0; }
    .section__banner-title span {
      color: #6B4DC4; }
  .section__banner-actions {
    margin-top: 0;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .section__banner-actions a:nth-of-type(1) {
      color: #524972;
      font-weight: 600;
      transition: 0.3s ease color;
      cursor: pointer;
      margin-left: 8px; }
      .section__banner-actions a:nth-of-type(1):hover {
        color: #F67A3C; }
    .section__banner-actions > * {
      margin-bottom: 0; }
    .section__banner-actions a.btn {
      min-width: 230px;
      margin-left: 24px; }

.section__rating {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 88px;
  width: 100%; }
  .section__rating > *:not(:nth-last-child(1)) {
    margin-right: 16px; }
  .section__rating strong {
    font-weight: 700;
    color: #2B1F51; }
  .section__rating .section__stars {
    max-height: 30px; }
    .section__rating .section__stars svg:not(:nth-last-child(1)) {
      margin-right: -1px; }
  .section__rating .section__opinion {
    display: flex;
    align-items: center; }
    .section__rating .section__opinion svg {
      margin-right: 16px; }

.section--accept .section__content-left, .section--accept .section__content-right, .section--accept .section__content-center {
  display: flex;
  flex-direction: column; }

.section--accept .section__content-center {
  padding: 72px 16px 0;
  justify-content: center;
  align-items: center; }
  .section--accept .section__content-center .content__graphic {
    margin-bottom: 40px; }
    .section--accept .section__content-center .content__graphic-ellipse {
      max-width: 486px;
      width: 100%;
      max-height: 486px;
      height: 100%;
      position: relative; }
    .section--accept .section__content-center .content__graphic-logo {
      background: linear-gradient(270deg, #2E1A6D 7.81%, #4A338D 50.52%, #7B60CC 100%);
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      left: 0;
      height: 316px;
      width: 316px;
      border-radius: 100%;
      margin: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06); }
    .section--accept .section__content-center .content__graphic-circle {
      width: 57px;
      height: 56px;
      background: #E5E0F4;
      border-radius: 100%;
      box-shadow: 0px 2px 5px -1px rgba(30, 45, 70, 0.05);
      position: absolute; }
      .section--accept .section__content-center .content__graphic-circle svg {
        position: absolute;
        left: 16px;
        top: 16px; }
        .section--accept .section__content-center .content__graphic-circle svg path {
          stroke: #6B4DC4; }
      .section--accept .section__content-center .content__graphic-circle.circle-top-right, .section--accept .section__content-center .content__graphic-circle.circle-top-left {
        top: 16px; }
      .section--accept .section__content-center .content__graphic-circle.circle-top-right {
        right: 70px; }
      .section--accept .section__content-center .content__graphic-circle.circle-top-left {
        left: 70px; }
      .section--accept .section__content-center .content__graphic-circle.circle-right {
        bottom: 126px;
        right: -9px; }
      .section--accept .section__content-center .content__graphic-circle.circle-left {
        bottom: 126px;
        left: -9px; }
      .section--accept .section__content-center .content__graphic-circle.circle-bottom {
        bottom: -28px;
        left: 50%;
        transform: translateX(-50%); }
  .section--accept .section__content-center .feature__desc {
    max-width: 85%;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }

.section--accept .section__content-left, .section--accept .section__content-right {
  max-width: 320px;
  width: 100%; }
  .section--accept .section__content-left .feature__body, .section--accept .section__content-right .feature__body {
    margin-top: 0; }

.section--timeline .section__content {
  flex-direction: row; }
  .section--timeline .section__content .feature {
    min-height: 400px;
    justify-content: center; }

.section--timeline .timeline:before {
  display: none; }

.section--timeline .timeline__icon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #E5E0F4;
  border-radius: 100%;
  height: 56px;
  width: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06); }

.section--timeline .timeline__content {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-top: 57px;
  flex-wrap: wrap; }
  .section--timeline .timeline__content .feature {
    padding: 32px;
    position: relative;
    width: 100%;
    text-align: left;
    align-items: flex-start;
    border: 1px solid #E5E0F4;
    border-radius: 12px;
    margin-top: 40px;
    opacity: 0;
    will-change: transform,opacity; }
    .section--timeline .timeline__content .feature:before {
      content: '';
      position: absolute;
      width: 50px;
      height: 1px;
      background-color: #E5E0F4;
      top: 50px; }
    .section--timeline .timeline__content .feature:after {
      content: '';
      position: absolute;
      width: 16px;
      height: 16px;
      border-radius: 100%;
      background-color: #E5E0F4;
      top: 42px; }
  .section--timeline .timeline__content::after {
    content: '';
    position: absolute;
    width: 1px;
    background-color: #E5E0F4;
    top: 0;
    bottom: 0;
    left: 50%; }
  .section--timeline .timeline__content > div:nth-of-type(2) {
    padding-top: 118px; }
  .section--timeline .timeline__content > div {
    flex-basis: 45.9%; }
    .section--timeline .timeline__content > div:nth-of-type(odd) .feature:before {
      right: -50px; }
    .section--timeline .timeline__content > div:nth-of-type(odd) .feature:after {
      right: -60px; }
    .section--timeline .timeline__content > div:nth-of-type(odd):not(:nth-of-type(1)) {
      transform: translateY(-118px); }
    .section--timeline .timeline__content > div:nth-of-type(even) .feature:before {
      left: -50px; }
    .section--timeline .timeline__content > div:nth-of-type(even) .feature:after {
      left: -58px; }

.section--timeline .feature__date {
  margin-bottom: 4px; }
  .section--timeline .feature__date p {
    color: #F67A3C;
    font-weight: 900;
    margin: 0; }

.section--who .section__content {
  justify-content: flex-start; }

.section--who .section__title span {
  color: #6B4DC4; }

.section--who .section__desc span {
  display: block;
  padding: 32px 0 32px 80px;
  position: relative; }
  .section--who .section__desc span svg {
    position: absolute;
    top: 43px;
    left: 0; }
    .section--who .section__desc span svg path {
      fill: #E5E0F4; }

.section--who .section__graphic {
  right: 0;
  flex-direction: row; }
  .section--who .section__graphic-left, .section--who .section__graphic-right {
    flex-basis: 47%; }
    .section--who .section__graphic-left .section__image, .section--who .section__graphic-right .section__image {
      border-radius: 12px; }
      .section--who .section__graphic-left .section__image img, .section--who .section__graphic-right .section__image img {
        box-shadow: 0px 16px 48px 10px rgba(0, 0, 0, 0.04), 0px 24px 64px 10px rgba(0, 0, 0, 0.08);
        border-radius: 12px; }
    .section--who .section__graphic-left img, .section--who .section__graphic-right img {
      margin-bottom: 36px; }
  .section--who .section__graphic-left {
    text-align: right;
    padding-top: 26px; }
    .section--who .section__graphic-left .d-md-flex {
      position: relative;
      justify-content: flex-end; }
      .section--who .section__graphic-left .d-md-flex img:first-child {
        position: static;
        bottom: 0;
        left: -20px; }
      .section--who .section__graphic-left .d-md-flex div:first-child {
        position: absolute;
        bottom: 0;
        left: -20px; }
    .section--who .section__graphic-left .section__image:nth-of-type(1) {
      margin-left: auto;
      max-width: 178px; }
    .section--who .section__graphic-left .section__image:nth-of-type(2) {
      max-width: 280px; }
    .section--who .section__graphic-left .section__image:nth-of-type(4) {
      max-width: 90px;
      max-height: 126px;
      margin-left: auto; }
    .section--who .section__graphic-left div .section__image:nth-of-type(1) {
      max-width: 89px; }
    .section--who .section__graphic-left div .section__image:nth-of-type(2) {
      max-width: 178px;
      max-height: 214px; }
  .section--who .section__graphic-right .section__image:nth-of-type(1) {
    max-width: 114px;
    max-height: 153px;
    margin-right: auto; }
  .section--who .section__graphic-right .section__image:nth-of-type(2) {
    max-width: 275px;
    max-height: 312px; }
  .section--who .section__graphic-right .section__image:nth-of-type(3) {
    max-width: 117px;
    max-height: 153px;
    margin-right: auto; }
  .section--who .section__graphic-right .section__image:nth-of-type(4) {
    max-width: 234px;
    max-height: 272px;
    margin-right: auto; }

.section--faq .list-group__item {
  padding: 20px 0;
  flex-wrap: wrap;
  border-bottom: 1px solid #E5E0F4; }
  .section--faq .list-group__item:first-child {
    border-top: 1px solid #E5E0F4; }
  .section--faq .list-group__item[aria-expanded='true'] .list-group__top {
    padding-bottom: 21px; }

.section--faq .list-group__icon {
  display: flex; }

.section--faq .list-group__top .top__title {
  margin-bottom: 0; }

.section--faq .list-group__top + .list-group__content {
  margin-top: 21px; }

.section--faq .list-group__content {
  margin-top: 0px !important; }
  .section--faq .list-group__content p:last-child {
    margin-bottom: 0;
    padding-bottom: 6px; }

.section--faq .section__content {
  max-width: 894px;
  margin-left: auto;
  margin-right: auto; }
  .section--faq .section__content .tab-content {
    margin-top: 80px; }
  .section--faq .section__content .nav--tabs .nav__item {
    min-height: 40px;
    height: 100%; }

.section--packages .nav--tabs {
  margin-bottom: 40px; }
  @media (min-width: 1012px) {
    .section--packages .nav--tabs-labels-spacing {
      margin-bottom: 64px !important; } }

.section--packages .section__content > .btn {
  margin-top: 40px; }
  .section--packages .section__content > .btn svg {
    margin-left: 8px; }
  .section--packages .section__content > .btn.text-primary svg path {
    stroke: #6B4DC4; }
  .section--packages .section__content > .btn.text-secondary svg path {
    stroke: #F67A3C; }

.section--packages .section__content .tabs {
  overflow: visible; }

.section--slider {
  z-index: 7;
  margin-top: -40px; }

.section--compare-web-hosting-packages .section__content .list-group--collapse {
  margin-top: 12px; }
  .section--compare-web-hosting-packages .section__content .list-group--collapse .list-group__item {
    padding: 0;
    background: linear-gradient(90deg, #ECE8F9 0%, #F7F6FC 100.82%);
    flex-direction: column; }
    .section--compare-web-hosting-packages .section__content .list-group--collapse .list-group__item + .list-group__item {
      margin-top: 12px; }
    .section--compare-web-hosting-packages .section__content .list-group--collapse .list-group__item .plan {
      margin-top: 12px; }
  .section--compare-web-hosting-packages .section__content .list-group--collapse .list-group__top {
    padding: 16px; }
    .section--compare-web-hosting-packages .section__content .list-group--collapse .list-group__top .top__title {
      margin-bottom: 0;
      font-weight: 700; }
    .section--compare-web-hosting-packages .section__content .list-group--collapse .list-group__top + .list-group__content {
      margin-top: 0;
      background-color: #fff; }
  .section--compare-web-hosting-packages .section__content .list-group--collapse .list-group__icon {
    display: flex; }
    .section--compare-web-hosting-packages .section__content .list-group--collapse .list-group__icon svg {
      transition: 0.3s ease; }

.section--compare-web-hosting-packages .section__header-sticky {
  display: none; }
  .section--compare-web-hosting-packages .section__header-sticky.visible {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 555;
    width: 100%;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
    flex-wrap: wrap; }
  .section--compare-web-hosting-packages .section__header-sticky .swiper-container {
    width: unset; }

.section--cloud-vps-plans .section__content .tabs, .section--reseller-hosting-plans .section__content .tabs {
  margin-bottom: 80px; }
  .section--cloud-vps-plans .section__content .tabs .nav__link, .section--reseller-hosting-plans .section__content .tabs .nav__link {
    font-weight: 600; }

.section--cloud-vps-plans .section__content .plan--cloud-vps::before, .section--cloud-vps-plans .section__content #plan-header-sticky .container::before, .section--reseller-hosting-plans .section__content .plan--cloud-vps::before, .section--reseller-hosting-plans .section__content #plan-header-sticky .container::before {
  content: '';
  right: -228px;
  top: 0;
  bottom: 0;
  width: 230px;
  position: absolute;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.74) 0%, #FFFFFF 100%);
  z-index: 5; }

.section--cloud-vps-plans .section__content .plan--cloud-vps::after, .section--cloud-vps-plans .section__content #plan-header-sticky .container::after, .section--reseller-hosting-plans .section__content .plan--cloud-vps::after, .section--reseller-hosting-plans .section__content #plan-header-sticky .container::after {
  content: '';
  right: calc(-1000% - 227px);
  top: 0;
  bottom: 0;
  width: 1000%;
  position: absolute;
  background-color: #fff;
  z-index: 5; }

.section--cloud-vps-plans .section__content #plan-header-sticky .container::before, .section--reseller-hosting-plans .section__content #plan-header-sticky .container::before {
  right: -188px; }

.section--cloud-vps-plans .section__content #plan-header-sticky .container::after, .section--reseller-hosting-plans .section__content #plan-header-sticky .container::after {
  right: calc(-1000% - 187px); }

.section--cloud-vps-plans .section__content #plan-header-sticky .container .swiper-inner-wrapper > .plan__header, .section--reseller-hosting-plans .section__content #plan-header-sticky .container .swiper-inner-wrapper > .plan__header {
  min-width: 305px; }

.section--cloud-vps-plans .section__content #plan-header-sticky .plan__header, .section--reseller-hosting-plans .section__content #plan-header-sticky .plan__header {
  width: 263.25px !important; }

.section--reseller-hosting-plans .section__content #plan-header-sticky .container::before, .section--reseller-hosting-plans .section__content #plan-header-sticky .container::after {
  content: unset; }

.section--recommends .section__title {
  max-width: 894px;
  margin-right: auto;
  margin-left: auto; }

.section--recommends .logos {
  margin-bottom: 55px; }

.section--powerful-add-ons .list-group {
  max-width: 496px;
  margin-right: auto; }

.section--legal .section__sidebar {
  max-width: 311px;
  min-width: 311px;
  margin: 0;
  overflow: visible;
  z-index: 1;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
  max-height: 448px;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 20px;
  transition: top .3s ease; }

.section--legal .section__content {
  flex: 1;
  margin-left: 40px; }
  .section--legal .section__content .section__title {
    text-align: left;
    margin: 0 0 40px 0; }
  .section--legal .section__content a {
    text-decoration: none; }
  .section--legal .section__content .section__content-item {
    margin-bottom: 32px; }
    .section--legal .section__content .section__content-item:last-of-type {
      margin-bottom: 0; }
    .section--legal .section__content .section__content-item h5 {
      margin-bottom: 8px; }
    .section--legal .section__content .section__content-item p:not(.list-header) {
      font-size: 16px;
      line-height: 26px; }
    .section--legal .section__content .section__content-item .list-header {
      margin-bottom: 8px;
      font-weight: 600; }
    .section--legal .section__content .section__content-item ul {
      list-style: none; }
      .section--legal .section__content .section__content-item ul.style-alpha {
        list-style-type: lower-alpha;
        list-style-position: inside; }
        .section--legal .section__content .section__content-item ul.style-alpha li:after {
          display: none; }
      .section--legal .section__content .section__content-item ul li {
        padding-left: 40px;
        position: relative; }
        .section--legal .section__content .section__content-item ul li:after {
          content: "";
          position: absolute;
          left: 30px;
          width: 3px;
          height: 3px;
          border-radius: 100%;
          background-color: #524972;
          top: 12px; }
  .section--legal .section__content:after {
    content: "";
    position: absolute;
    left: 155px;
    width: 1px;
    background-color: #E5E0F4;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1; }

.section--reseller .section__content {
  margin-top: 170px; }
  .section--reseller .section__content + .section__actions {
    margin-top: 56px; }

.section--graphic-right .section__content {
  margin-left: 0;
  margin-right: auto; }

.section--contact .section__graphic {
  right: 0;
  justify-content: flex-start; }
  .section--contact .section__graphic .mapouter {
    padding-left: 24px;
    width: 100%;
    margin-top: 32px; }
    .section--contact .section__graphic .mapouter .gmap_canvas {
      width: 100%; }

.section--contact .contact-forms {
  display: flex;
  flex-wrap: wrap;
  margin-top: 54px;
  padding-left: 24px; }
  .section--contact .contact-forms__item {
    flex-basis: 50%;
    margin-bottom: 40px;
    align-items: center; }
    .section--contact .contact-forms__item p {
      font-size: 22px;
      line-height: 30px;
      font-weight: 600;
      display: inline; }
    .section--contact .contact-forms__item svg {
      display: inline;
      margin-right: 8px; }
    .section--contact .contact-forms__item span {
      display: block; }
      .section--contact .contact-forms__item span.text-primary {
        font-weight: 600;
        margin-bottom: 40px; }
    .section--contact .contact-forms__item:last-of-type {
      margin-bottom: 0; }
    .section--contact .contact-forms__item:nth-child(2) div:last-of-type {
      margin-top: 56px; }
    .section--contact .contact-forms__item > div {
      display: flex;
      align-items: center;
      margin-bottom: 16px; }
      .section--contact .contact-forms__item > div p {
        margin-bottom: 0; }
  .section--contact .contact-forms__social {
    margin-top: 16px;
    flex-basis: 100%; }
    .section--contact .contact-forms__social a {
      border: 1px solid #2B1F51;
      border-radius: 100%;
      width: 36px;
      height: 36px;
      padding: 0;
      text-align: center;
      margin-right: 8px; }
      .section--contact .contact-forms__social a:last-of-type {
        margin-right: 0px; }
    .section--contact .contact-forms__social svg path {
      fill: #000; }

.section--job .section__content {
  max-width: 1012px;
  margin-right: auto;
  margin-left: auto; }

.section--uptime .section__content {
  align-items: center;
  max-width: 1000px;
  margin: auto; }

.section--testimonials .section__title {
  max-width: 1012px; }
  .section--testimonials .section__title span {
    display: block; }

.section--domain-game .section__content {
  margin-top: 170px; }

.section--domain-game .features--reseller > div {
  padding: 0 16px !important;
  max-width: 0; }
  .section--domain-game .features--reseller > div + div {
    margin: 0; }

.section--domain-game .features--reseller .feature {
  min-height: auto; }
  .section--domain-game .features--reseller .feature__desc {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px; }
    @media (max-width: 1387px) {
      .section--domain-game .features--reseller .feature__desc {
        font-size: 13px;
        font-weight: 300;
        line-height: 22px; } }
    @media (max-width: 1011px) {
      .section--domain-game .features--reseller .feature__desc {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px; } }
    @media (max-width: 751px) {
      .section--domain-game .features--reseller .feature__desc {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px; } }

.section--get-touch .section__content {
  max-width: 1000px;
  margin: auto;
  align-items: center; }
  .section--get-touch .section__content .feature__actions {
    margin-bottom: -8px; }

.section:not(.section--slider) .tabs[data-content-slider] {
  min-width: 100vw;
  position: relative;
  left: 50%;
  transform: translate(-50%); }

.section--last {
  z-index: 6; }

.section--hosting-service .illustration {
  right: 50px;
  position: relative; }
  .section--hosting-service .illustration .illustration-right {
    position: absolute; }
    .section--hosting-service .illustration .illustration-right:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      transition: 0.3s box-shadow ease;
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
      border-radius: 12px; }

.section--hosting-service .list-group {
  max-width: 496px; }

.section--control-panel .illustration {
  margin-left: -342px;
  position: relative;
  width: 995px; }
  .section--control-panel .illustration-left {
    position: absolute;
    right: 0px; }
    .section--control-panel .illustration-left:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      transition: 0.3s box-shadow ease;
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
      border-radius: 12px; }

.section--control-panel .list-group {
  max-width: 496px;
  margin-left: auto; }

.section--locations .container {
  padding: 0 10px; }

.section--infrastructure .row.row--eq-height.features {
  width: 100%; }

.section--infrastructure .swiper-partners {
  padding-left: 18px; }

.section--earnings .section__content {
  padding: 32px;
  position: relative;
  background-color: #fff;
  border-radius: 12px; }
  .section--earnings .section__content::before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    z-index: -1; }
  .section--earnings .section__content .tab-pane.is-active {
    display: flex; }
  .section--earnings .section__content .tab-content {
    margin-top: 24px; }
  .section--earnings .section__content .earnings {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    width: 50%;
    padding: 20px 0; }
    .section--earnings .section__content .earnings .earnings__amount {
      font-weight: 900;
      font-size: 80px;
      line-height: 94px;
      margin: 0; }
    .section--earnings .section__content .earnings + .earnings {
      border-left: 1px solid #E5E0F4; }
  .section--earnings .section__content-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px; }
    .section--earnings .section__content-footer span {
      margin-right: 16px; }
    .section--earnings .section__content-footer input {
      border: 1px solid #EFEFEF;
      width: 60px;
      height: 52px;
      border-radius: 6px;
      padding: 11px 16px;
      transition: border-color 0.3s ease;
      margin-left: 4px; }
      .section--earnings .section__content-footer input::-webkit-inner-spin-button, .section--earnings .section__content-footer input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      .section--earnings .section__content-footer input:focus {
        border-color: #F67A3C;
        outline: none; }

.section--dream-work .section__graphic {
  height: 100%;
  justify-content: center; }

.section--dream-work .section__graphic-left {
  margin-left: calc(100% - 100vw / 2); }

.section--dream-work .section__content .section__title {
  margin-top: 0; }
  .section--dream-work .section__content .section__title span {
    color: #6B4DC4; }

.section--dream-work .section__content .section__desc span {
  display: block;
  padding: 32px 0 16px 80px;
  position: relative; }
  .section--dream-work .section__content .section__desc span svg {
    position: absolute;
    top: 32px;
    left: 0; }
    .section--dream-work .section__content .section__desc span svg path {
      fill: #E5E0F4; }

.section__subscribe {
  max-width: 706px;
  margin: 72px auto 0;
  text-align: center; }
  .section__subscribe h3 {
    color: #524972; }
  .section__subscribe .input-group {
    border: 1px solid #DBDBDB;
    margin-top: 32px; }
    .section__subscribe .input-group .btn {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0; }

.section--compare-web-hosting-packages .plan-sticky {
  position: absolute;
  top: 100px; }

.section--compare-pricing {
  z-index: 7; }
  .section--compare-pricing .plan-sticky {
    position: absolute;
    top: 500px; }
  .section--compare-pricing .section__content #plan-header-sticky .plan__header {
    border-color: #EFEFEF !important; }
  .section--compare-pricing .section__content #plan-header-sticky .container .swiper-inner-wrapper .plan__wrapper {
    height: 100%; }
  .section--compare-pricing .section__content #plan-header-sticky .container .swiper-inner-wrapper > .plan__header {
    min-width: 300px; }
  .section--compare-pricing .section__content .tabs .nav--tabs {
    margin-bottom: 40px; }
  .section--compare-pricing .section__content .list-group--collapse .list-group__item .plan {
    flex-wrap: nowrap; }

.section--credits .features {
  max-width: 692px;
  margin-left: auto;
  margin-right: auto; }

.section--graphic-left .list-group {
  max-width: 496px;
  margin-left: auto; }

.section--graphic-right .list-group {
  max-width: 496px;
  margin-right: auto; }

.section--feature-media .illustration-slider {
  min-height: 100%; }
  .section--feature-media .illustration-slider .illustration-slider__slide.is-active {
    min-height: 100%;
    position: relative;
    min-height: 500px; }

.section--feature-media .section__graphic {
  left: 0px;
  margin: 0px; }

.section--feature-media .illustration--halfs .illustration-right, .section--feature-media .illustration--halfs .illustration-left {
  display: flex; }
  .section--feature-media .illustration--halfs .illustration-right .illustration--shadow, .section--feature-media .illustration--halfs .illustration-left .illustration--shadow {
    width: calc(50% - 16px);
    position: relative; }
    .section--feature-media .illustration--halfs .illustration-right .illustration--shadow:first-child, .section--feature-media .illustration--halfs .illustration-left .illustration--shadow:first-child {
      margin-right: 26px; }
    .section--feature-media .illustration--halfs .illustration-right .illustration--shadow:last-child, .section--feature-media .illustration--halfs .illustration-left .illustration--shadow:last-child {
      margin-right: 0; }

.section--feature-media .illustration.illustration--left {
  left: 0px;
  position: relative; }
  .section--feature-media .illustration.illustration--left .illustration-left {
    border-radius: 16px;
    position: relative;
    margin: auto;
    float: right;
    height: 100%;
    width: 752px;
    min-height: 500px;
    display: block; }
    .section--feature-media .illustration.illustration--left .illustration-left .illustration--shadow:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      transition: 0.3s box-shadow ease;
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
      border-radius: 12px; }

.section--feature-media .illustration.illustration--right {
  right: 0px;
  position: relative; }
  .section--feature-media .illustration.illustration--right .illustration-right {
    border-radius: 16px;
    position: relative;
    margin-left: 0px;
    height: 100%;
    margin: auto;
    width: 752px;
    min-height: 500px; }
    .section--feature-media .illustration.illustration--right .illustration-right .illustration--shadow:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      transition: 0.3s box-shadow ease;
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
      border-radius: 12px; }

.anchor-target {
  position: absolute;
  top: -60px;
  display: block;
  height: 1px;
  width: 1px; }

@media (max-width: 1387px) {
  .section--banner-footer {
    z-index: 10 !important; }
  .section--who .section__graphic-left .d-md-flex div:first-child {
    left: 0;
    bottom: -114px; } }

@media (min-width: 1921px) {
  .section.has-shapes .section__shape {
    height: 500px !important; }
    .section.has-shapes .section__shape--top {
      top: -305px !important; }
    .section.has-shapes .section__shape--bottom {
      bottom: -305px !important; } }

@media (min-width: 1388px) {
  .section--banner-footer.has-shapes {
    padding-bottom: 32px !important; }
  .section--banner-footer .section__actions a.btn {
    margin-left: 24px; }
  .section--banner-footer .section__actions a:nth-of-type(1) {
    margin-left: 8px; }
  .section .nav--tabs {
    justify-content: center; }
  .section--domain-game .features--reseller {
    flex-wrap: nowrap; }
    .section--domain-game .features--reseller > div {
      min-width: 252px;
      flex: 0 0 20%;
      max-width: 20%; }
  .section--compare-pricing .section__content .list-group--collapse .swiper-slide {
    min-width: 231px; } }

@media (min-width: 1012px) {
  .section--dream-work .section__content {
    padding-left: 50px; }
  .section--dream-work + .section {
    margin-top: -55px;
    z-index: 7; } }

@media (max-width: 1387px) {
  .section--sides > .container > .section__title + *, .section--sides > .container > .section__title + .row + .row {
    margin-top: 72px; }
  .section--sides.section--graphic-right + .section--sides.section--graphic-left,
  .section--sides.section--graphic-left + .section--sides.section--graphic-right {
    margin-top: -40px; }
  .section--gray {
    padding-top: 140px; }
    .section--gray + .section:not(.section--gray) {
      padding-top: 140px; }
  .section.has-shapes {
    margin-top: -140px;
    margin-bottom: -140px;
    padding-top: 260px;
    padding-bottom: 260px; }
    .section.has-shapes .section__background {
      top: -95px;
      bottom: -95px; }
    .section.has-shapes .section__shape {
      height: 195px; }
      .section.has-shapes .section__shape--top {
        top: 32px;
        transform: rotate(-3.5deg); }
      .section.has-shapes .section__shape--bottom {
        bottom: 32px;
        transform: rotate(-3.5deg); }
  .section .nav--tabs .nav__item + .nav__item {
    margin-left: 0; }
  .section--banner-footer .section__content {
    padding: 32px; }
  .section--banner-footer .section__actions a:nth-of-type(1) {
    order: 2; }
  .section--banner-footer.has-shapes {
    margin-top: 0; }
    .section--banner-footer.has-shapes .section__shape {
      top: -18px;
      transform: rotate(-2deg); }
  .section__banner-actions a {
    margin: 0; }
    .section__banner-actions a.btn {
      min-width: 236px; }
    .section__banner-actions a:nth-of-type(1) {
      order: 2; }
  .section__sidebar {
    width: 371px;
    min-width: 371px;
    margin-top: 72px; }
    .section__sidebar + .section__graphic {
      right: -20%; }
  .section__rating {
    flex-direction: column; }
    .section__rating > *:not(:nth-last-child(1)) {
      margin-right: 0; }
    .section__rating .section__opinion, .section__rating .section__stars {
      margin-bottom: 16px; }
  .section--migrate-website .section__content {
    max-width: 493px; }
  .section--faq .list-group__item {
    padding: 16px 0; }
  .section--faq .list-group__top + .list-group__content {
    margin-top: 16px; }
  .section--faq .list-group__content p:last-child {
    padding-bottom: 16px; }
  .section--faq .section__content .tab-content {
    margin-top: 72px; }
  .section--faq .section__content .nav--tabs .nav__item {
    min-height: 38px;
    height: 100%; }
  .section--accept .section__content-center {
    padding: 40px 32px 16px 0; }
    .section--accept .section__content-center .content__graphic {
      margin-bottom: 24px; }
      .section--accept .section__content-center .content__graphic-logo {
        height: 216px;
        width: 216px; }
      .section--accept .section__content-center .content__graphic-circle.circle-top-right, .section--accept .section__content-center .content__graphic-circle.circle-top-left {
        top: -8px; }
      .section--accept .section__content-center .content__graphic-circle.circle-top-right {
        right: 54px; }
      .section--accept .section__content-center .content__graphic-circle.circle-top-left {
        left: 54px; }
      .section--accept .section__content-center .content__graphic-circle.circle-right {
        bottom: 110px;
        right: -25px; }
      .section--accept .section__content-center .content__graphic-circle.circle-left {
        bottom: 110px;
        left: -25px; }
      .section--accept .section__content-center .content__graphic-circle.circle-bottom {
        bottom: -25px;
        left: 50%;
        transform: translateX(-50%); }
  .section--accept .section__content-left .feature__desc, .section--accept .section__content-left .feature__title, .section--accept .section__content-right .feature__desc, .section--accept .section__content-right .feature__title {
    text-align: left;
    padding: 0; }
  .section--timeline .timeline__content > div:nth-of-type(odd) .feature:before {
    right: -40px;
    width: 40px; }
  .section--timeline .timeline__content > div:nth-of-type(odd) .feature:after {
    right: -48px; }
  .section--timeline .timeline__content > div:nth-of-type(odd):not(:nth-of-type(1)) {
    transform: translateY(-108px); }
  .section--timeline .timeline__content > div:nth-of-type(even) .feature:before {
    left: -40px;
    width: 40px; }
  .section--timeline .timeline__content > div:nth-of-type(even) .feature:after {
    left: -46px; }
  .section--packages-secondary .row > div {
    margin-bottom: 16px; }
  .section--packages-secondary .section__content--no-tabs {
    margin-top: 92px; }
  .section--who .section__graphic-left img, .section--who .section__graphic-right img {
    margin-bottom: 24px; }
  .section--who .section__graphic-left .d-md-flex img:first-child {
    left: 0;
    bottom: -114px; }
  .section--legal .section__content .section__content-item p {
    font-size: 15px;
    line-height: 24px; }
  .section--cloud-vps-plans .section__content .plan--cloud-vps::before, .section--cloud-vps-plans .section__content .plan--cloud-vps::after, .section--cloud-vps-plans .section__content #plan-header-sticky .container::before, .section--cloud-vps-plans .section__content #plan-header-sticky .container::after, .section--reseller-hosting-plans .section__content .plan--cloud-vps::before, .section--reseller-hosting-plans .section__content .plan--cloud-vps::after, .section--reseller-hosting-plans .section__content #plan-header-sticky .container::before, .section--reseller-hosting-plans .section__content #plan-header-sticky .container::after {
    content: unset; }
  .section--cloud-vps-plans .section__content #plan-header-sticky .plan__header, .section--reseller-hosting-plans .section__content #plan-header-sticky .plan__header {
    justify-content: center; }
  .section--cloud-vps-plans .section__content .tabs, .section--reseller-hosting-plans .section__content .tabs {
    margin-bottom: 72px; }
  .section--domain-game .section__content {
    margin-top: 100px; }
  .section--domain-game .features--reseller > div {
    max-width: unset; }
  .section--domain-game .features--reseller .feature__number {
    top: -8px; }
  .section--domain-game .features--reseller .feature {
    margin-top: 84px; }
  .section--hosting-service .illustration {
    right: -50px; }
  .section--control-panel .illustration {
    margin-left: -584px; }
  .section--reseller .features--reseller .feature__number {
    top: -43px; }
  .section .nav--tabs.justify-content-initial-lg-down {
    justify-content: initial !important; }
  .section--compare-pricing .section__main-plan {
    overflow: hidden; }
  .section--compare-pricing .section__content .list-group--collapse .list-group__item {
    overflow: hidden; }
  .section--compare-pricing .section__content .list-group--collapse .swiper-slide {
    min-width: 231px; }
  .section--compare-pricing .section__content #plan-header-sticky .container .swiper-inner-wrapper > .plan__header {
    min-width: 240px; }
  .section--compare-pricing .section__content #plan-header-sticky .container::after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(100% - 32px);
    height: 100%;
    width: 300px;
    background-color: #fff;
    z-index: 5; }
  .section--infrastructure .swiper-partners {
    padding-left: 12px; } }

@media (min-width: 752px) {
  .section--who .section__content {
    max-width: 539px; }
  .section__rating {
    margin-top: 165px; } }

@media (max-width: 1011px) {
  .section--banner-footer {
    margin-top: 0 !important;
    overflow: hidden; }
    .section--banner-footer .section__image {
      display: none; }
    .section--banner-footer .section__content {
      max-width: unset;
      padding: 24px;
      flex-direction: row; }
    .section--banner-footer .section__actions {
      margin-top: 0; }
      .section--banner-footer .section__actions a:nth-of-type(1) {
        margin-left: 0;
        margin-top: 16px;
        line-height: 26px; }
      .section--banner-footer .section__actions a.btn {
        height: 50px;
        min-width: 214px; }
    .section--banner-footer.has-shapes .section__shape {
      height: 128px !important;
      transform: rotate(-2.8deg) !important; }
      .section--banner-footer.has-shapes .section__shape--top {
        top: -25px !important; }
    .section--banner-footer.has-shapes .section__background {
      top: -8px !important; }
  .section__banner {
    padding: 24px; }
    .section__banner-actions {
      margin-top: 0; }
      .section__banner-actions a:nth-of-type(1) {
        margin-left: 0;
        margin-top: 16px;
        line-height: 26px; }
      .section__banner-actions a.btn {
        height: 50px;
        min-width: 214px; }
  .section .nav--tabs-secondary .nav__item .nav__link div {
    flex-direction: column; }
    .section .nav--tabs-secondary .nav__item .nav__link div span {
      margin-left: 0; }
  .section__sidebar {
    width: 320px;
    min-width: 320px;
    margin-top: 56px; }
    .section__sidebar .section__subtitle {
      margin-top: 24px;
      margin-bottom: 8px; }
      .section__sidebar .section__subtitle:nth-of-type(1) {
        margin-top: 32px; }
    .section__sidebar + .section__graphic {
      right: -52%; }
  .section--migrate-website .section__content {
    max-width: unset; }
    .section--migrate-website .section__content .section__title {
      text-align: center; }
    .section--migrate-website .section__content .section__desc {
      text-align: center; }
  .section--faq .section__content .tab-content {
    margin-top: 56px; }
  .section--faq .section__content .nav--tabs .nav__item {
    min-height: 36px;
    height: 100%; }
  .section--accept .section__content .d-flex {
    flex-direction: column; }
  .section--accept .section__content-center {
    padding: 40px 16px 8px; }
    .section--accept .section__content-center .content__graphic-logo {
      height: 216px;
      width: 216px; }
  .section--accept .section__content-left .feature__desc, .section--accept .section__content-left .feature__title, .section--accept .section__content-right .feature__desc, .section--accept .section__content-right .feature__title {
    text-align: left;
    padding: 0; }
  .section--timeline .timeline__content > div:nth-of-type(odd) .feature:before {
    right: -30px;
    width: 30px; }
  .section--timeline .timeline__content > div:nth-of-type(odd) .feature:after {
    right: -38px; }
  .section--timeline .timeline__content > div:nth-of-type(odd):not(:nth-of-type(1)) {
    transform: translateY(-52px); }
  .section--timeline .timeline__content > div:nth-of-type(even) .feature:before {
    left: -30px;
    width: 30px; }
  .section--timeline .timeline__content > div:nth-of-type(even) .feature:after {
    left: -36px; }
  .section--timeline .timeline__content .feature {
    opacity: 1; }
  .section--cloud-vps-plans .section__content #plan-header-sticky .container .swiper-inner-wrapper > .plan__header, .section--reseller-hosting-plans .section__content #plan-header-sticky .container .swiper-inner-wrapper > .plan__header {
    padding-left: 0; }
  .section--cloud-vps-plans .section__content .tabs, .section--reseller-hosting-plans .section__content .tabs {
    margin-bottom: 56px; }
  .section--reseller .section__content {
    margin-top: 60px; }
  .section--reseller .features--reseller .feature {
    margin-top: 90px; }
    .section--reseller .features--reseller .feature__number {
      top: 3px; }
  .section--earnings .section__content .earnings .earnings__amount {
    font-size: 52px;
    line-height: 80px; }
  .section:not(.section--slider) .tabs[data-content-slider] .nav--tabs:not(.justify-content-center) {
    margin-left: 16px; }
  .section--compare-pricing .section__content #plan-header-sticky .container .swiper-inner-wrapper > .plan__header {
    padding-left: 0;
    min-width: 227px;
    max-width: 227px; }
  .section .nav--tabs.justify-content-initial-md-down {
    justify-content: initial !important; }
  .section--domain-game .section__content {
    margin-top: 72px; }
  .section--dream-work .section__graphic-left {
    margin-right: 16px; }
  .section--who .section__graphic {
    height: unset; }
  .section--who .section__graphic-left .d-md-flex div:first-child {
    position: relative;
    bottom: unset; }
  .section--packages .row--features > div {
    display: flex;
    justify-content: space-between; }
    .section--packages .row--features > div + div {
      margin-top: 56px; } }

@media (max-width: 1011px) {
  .section--sides > .container > .section__title {
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
    .section--sides > .container > .section__title + *, .section--sides > .container > .section__title + .row + .row {
      margin-top: 56px; }
  .section--sides.section--graphic-right + .section--sides.section--graphic-left,
  .section--sides.section--graphic-left + .section--sides.section--graphic-right {
    margin-top: -30px; }
  .section--gray {
    padding-top: 100px; }
    .section--gray + .section:not(.section--gray) {
      padding-top: 100px; }
  .section.has-shapes {
    margin-top: -100px;
    margin-bottom: -100px;
    padding-top: 180px;
    padding-bottom: 180px; }
    .section.has-shapes .section__background {
      top: -95px;
      bottom: -95px; }
    .section.has-shapes .section__shape {
      height: 195px; }
      .section.has-shapes .section__shape--top {
        top: -7px;
        transform: rotate(-4.5deg); }
      .section.has-shapes .section__shape--bottom {
        bottom: -12px;
        transform: rotate(-4.5deg); }
    .section.has-shapes.section--dark {
      padding-top: 170px; }
  .section--accept .section__content .d-flex {
    flex-direction: column; }
  .section--feature-media .section__illustration, .section--hosting-service .section__illustration, .section--control-panel .section__illustration, .section--powerful-add-ons .section__illustration {
    display: none; }
  .section--feature-media .list-group, .section--hosting-service .list-group, .section--control-panel .list-group, .section--powerful-add-ons .list-group {
    max-width: 100%; }
  .section--legal .section__content {
    margin: 48px 0 0 0; }
    .section--legal .section__content .section__content-item p {
      font-size: 14px;
      line-height: 22px; }
    .section--legal .section__content:after {
      display: none; }
  .section--legal .section__body {
    flex-direction: column; }
  .section--legal .section__sidebar {
    width: 100%;
    min-width: 100%;
    position: static;
    top: 0; } }

@media (min-width: 752px) and (max-width: 1011px) {
  .section--accept .section__content .d-flex {
    flex-direction: column; }
  .section--accept .section__content-left, .section--accept .section__content-right {
    max-width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start; }
    .section--accept .section__content-left .feature, .section--accept .section__content-right .feature {
      flex-basis: 45%; }
  .section--accept .section__content-center .content__graphic-ellipse {
    max-width: 386px;
    max-height: 386px; }
  .section--accept .section__content-center .content__graphic-circle.circle-top-right, .section--accept .section__content-center .content__graphic-circle.circle-top-left {
    top: 6px; }
  .section--who .section__graphic {
    height: unset; }
    .section--who .section__graphic-left img, .section--who .section__graphic-right img {
      margin-bottom: 16px; }
    .section--who .section__graphic-left .d-md-flex img:first-child {
      bottom: -212px; }
    .section--who .section__graphic-left .d-md-flex div:first-child {
      position: relative;
      bottom: unset; } }

@media (min-width: 752px) and (max-width: 1011px) {
  .section--who .section__graphic-left .d-md-flex div:first-child {
    bottom: -212px; } }

@media (max-width: 751px) {
  .section--sides > .container > .section__title {
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
    .section--sides > .container > .section__title + * {
      margin-top: 48px; }
  .section--sides.section--graphic-right + .section--sides.section--graphic-left,
  .section--sides.section--graphic-left + .section--sides.section--graphic-right {
    margin-top: 0; }
  .section--gray {
    padding-top: 80px; }
    .section--gray + .section:not(.section--gray) {
      padding-top: 80px; }
  .section.has-shapes {
    margin-top: -80px;
    margin-bottom: -80px;
    padding-top: 138px;
    padding-bottom: 138px; }
    .section.has-shapes .section__background {
      top: -68px;
      bottom: -68px; }
    .section.has-shapes .section__shape {
      height: 195px; }
      .section.has-shapes .section__shape--top, .section.has-shapes .section__shape--bottom {
        transform: rotate(-6deg); }
      .section.has-shapes .section__shape--top {
        top: -55px; }
      .section.has-shapes .section__shape--bottom {
        bottom: -61px; }
  .section--banner-footer .section__content {
    flex-direction: column; }
  .section--banner-footer .section__actions {
    margin-top: 24px; }
    .section--banner-footer .section__actions a.btn {
      min-width: unset;
      width: 100%;
      margin: auto; }
  .section--banner-footer.has-shapes .section__shape {
    height: 204px !important;
    transform: rotate(-5.8deg); }
  .section__banner {
    flex-direction: column; }
    .section__banner-actions {
      margin-top: 24px; }
      .section__banner-actions a.btn {
        min-width: unset;
        width: 100%;
        margin: auto; }
  .section__sidebar {
    margin-top: 48px;
    width: 100%; }
    .section__sidebar + .section__graphic {
      display: none; }
  .section__rating .section__opinion {
    flex-direction: column;
    margin-bottom: 8px; }
    .section__rating .section__opinion svg {
      margin-bottom: 8px; }
  .section__rating .section__stars {
    margin-bottom: 8px; }
  .section--migrate-website .section__content .section__desc {
    text-align: left; }
  .section--migrate-website .section__content .section__title {
    text-align: left; }
  .section--accept .section__content-left, .section--accept .section__content-right {
    max-width: 100%; }
    .section--accept .section__content-left .feature, .section--accept .section__content-right .feature {
      flex-basis: 100%; }
  .section--accept .section__content-center {
    padding: 0; }
    .section--accept .section__content-center .content__graphic {
      display: none; }
    .section--accept .section__content-center .feature {
      text-align: left; }
      .section--accept .section__content-center .feature__desc {
        max-width: 100%; }
      .section--accept .section__content-center .feature__body {
        text-align: left; }
  .section--timeline .timeline__content {
    padding-left: 32px; }
    .section--timeline .timeline__content:after {
      left: 0; }
    .section--timeline .timeline__content > div {
      flex-basis: 100%; }
      .section--timeline .timeline__content > div .feature {
        opacity: 1; }
        .section--timeline .timeline__content > div .feature:after {
          left: -41px !important;
          right: unset; }
        .section--timeline .timeline__content > div .feature:before {
          left: -35px !important;
          width: 35px !important;
          right: unset; }
      .section--timeline .timeline__content > div:nth-of-type(2) {
        padding-top: 0; }
      .section--timeline .timeline__content > div:nth-of-type(odd):not(:nth-of-type(1)) {
        transform: unset; }
  .section--timeline .timeline__icon {
    transform: none;
    left: -22px;
    height: 46px;
    width: 47px; }
  .section--who .section__graphic {
    margin-top: 24px; }
  .section--who .section__desc span {
    padding-left: 60px; }
    .section--who .section__desc span svg {
      width: 40px; }
  .section--contact .mapouter {
    padding-left: 0px !important; }
  .section--contact .col-sm-12 + .col-sm-12 {
    margin-top: 48px; }
  .section--contact .contact-forms {
    padding-left: 0px !important;
    justify-content: space-between; }
    .section--contact .contact-forms__item {
      flex-basis: unset; }
  .section--cloud-vps-plans .section__content #plan-header-sticky .container .swiper-inner-wrapper > .plan__header, .section--reseller-hosting-plans .section__content #plan-header-sticky .container .swiper-inner-wrapper > .plan__header {
    max-width: 168px;
    min-width: unset; }
  .section--cloud-vps-plans .section__content .tabs, .section--reseller-hosting-plans .section__content .tabs {
    margin-bottom: 48px; }
  .section .content--order-sm {
    order: 2; }
  .section--earnings .section__content {
    padding: 16px; }
    .section--earnings .section__content .earnings .earnings__amount {
      font-size: 26px;
      line-height: 80px; }
    .section--earnings .section__content .earnings .earnings__header {
      text-align: center;
      height: 100%; }
  .section .nav--tabs-secondary .nav__item .nav__link {
    flex-direction: column;
    text-align: center;
    padding: 8px; }
    .section .nav--tabs-secondary .nav__item .nav__link div span {
      flex-direction: column;
      margin-bottom: 8px; }
  .section .nav--tabs-secondary .nav__item + .nav__item {
    margin-left: 8px; }
  .section--dream-work .section__desc span {
    padding-left: 60px; }
    .section--dream-work .section__desc span svg {
      width: 40px; }
  .section--dream-work .section__graphic {
    margin-top: 24px; }
  .section--dream-work .section__graphic-left {
    margin-left: 0; }
  .section--compare-pricing .section__content #plan-header-sticky .plan__header--empty {
    min-width: 168px;
    max-width: 168px; }
  .section--compare-pricing .section__content #plan-header-sticky .container .swiper-inner-wrapper > .plan__header {
    min-width: 152px !important;
    max-width: 152px !important; }
  .section--compare-pricing .section__content #plan-header-sticky .container::after {
    left: calc(100% - 24px); }
  .section--compare-pricing .section__content .list-group--collapse .swiper-slide {
    min-width: 160px; }
  .section--compare-pricing .section__content .swiper-inner-wrapper .plan__wrapper .plan__header {
    width: 200px !important; }
  .section--compare-pricing .section__content .tab-pane.is-active .list-group--collapse .list-group__item .list-group__content .swiper-container .swiper-slide {
    width: 200px !important; }
  .section .nav--tabs.justify-content-initial-sm-down {
    justify-content: initial !important; }
  .section--dream-work .section__graphic {
    right: 0; }
    .section--dream-work .section__graphic-left {
      margin-right: 0; }
      .section--dream-work .section__graphic-left img {
        border-radius: 16px; }
  .section--credits .feature.feature--credit {
    margin-top: 24px; }
  .section--features-counter .features .feature__icon {
    margin-top: auto;
    margin-bottom: auto; }
    .section--features-counter .features .feature__icon + .h2 {
      margin-top: 0px;
      margin-bottom: 0px; } }

@media (max-width: 513px) {
  .section__subscribe .input-group {
    flex-direction: column;
    height: auto; }
    .section__subscribe .input-group .form-control {
      height: 48px; }
    .section__subscribe .input-group .btn {
      width: 100%;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      height: 48px; }
  .section--cloud-vps-plans .section__content #plan-header-sticky .plan__header, .section--reseller-hosting-plans .section__content #plan-header-sticky .plan__header {
    width: 165px !important; }
  .section--cloud-vps-plans .section__content #plan-header-sticky .container .swiper-inner-wrapper > .plan__header, .section--reseller-hosting-plans .section__content #plan-header-sticky .container .swiper-inner-wrapper > .plan__header {
    width: 168px !important; }
  .section .nav--tabs.justify-content-initial-xs-down {
    justify-content: initial !important; }
  .section__tld-holder {
    display: none; } }

@media (max-width: 440px) {
  .section--contact .contact-forms__item {
    margin-bottom: 24px; }
    .section--contact .contact-forms__item:nth-child(2) div:last-of-type {
      margin-top: 24px; }
    .section--contact .contact-forms__item span.text-primary {
      margin-bottom: 24px; }
  .section--contact .contact-forms__social {
    margin-top: 0; } }

.site-navbar + .section {
  padding-top: 212px; }
  @media (max-width: 1387px) {
    .site-navbar + .section {
      padding-top: 192px; } }
  @media (max-width: 1011px) {
    .site-navbar + .section {
      padding-top: 140px; } }
  @media (max-width: 751px) {
    .site-navbar + .section {
      padding-top: 100px; } }

.section--recommended .recommended {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: unset;
  gap: 60px; }
  @media (max-width: 1397px) {
    .section--recommended .recommended {
      gap: 40px; } }
  @media (max-width: 1011px) {
    .section--recommended .recommended {
      flex-direction: column; } }
  .section--recommended .recommended__plan {
    display: flex;
    flex-basis: 33.33%;
    position: relative; }
    @media (max-width: 1011px) {
      .section--recommended .recommended__plan {
        order: 1; } }
  .section--recommended .recommended__tech {
    display: flex;
    flex: 1; }
    @media (max-width: 1011px) {
      .section--recommended .recommended__tech {
        order: 0; } }
  .section--recommended .recommended__box {
    overflow: hidden;
    padding-bottom: 124px;
    position: relative;
    border-radius: 42px; }
    @media (max-width: 1011px) {
      .section--recommended .recommended__box {
        padding-bottom: 0; } }
    .section--recommended .recommended__box-body {
      padding: 40px 40px 0;
      background: linear-gradient(90deg, #44269C 0%, #6A4CC2 100%);
      position: relative;
      z-index: 2; }
      @media (max-width: 1011px) {
        .section--recommended .recommended__box-body {
          padding: 56px 32px 32px; } }
    .section--recommended .recommended__box-bg {
      position: absolute;
      left: 0;
      bottom: -35px;
      width: 100%;
      z-index: 1; }
      @media (max-width: 1397px) {
        .section--recommended .recommended__box-bg {
          bottom: -70px; } }
      @media (max-width: 1011px) {
        .section--recommended .recommended__box-bg {
          display: none; } }
    .section--recommended .recommended__box-logo {
      margin-bottom: 20px; }
    .section--recommended .recommended__box-desc {
      font-size: 20px;
      line-height: 32px;
      color: #fff;
      font-weight: 300; }
    .section--recommended .recommended__box-content {
      margin-top: 32px; }
      .section--recommended .recommended__box-content * {
        color: #fff; }
      .section--recommended .recommended__box-content ul {
        font-size: 16px;
        line-height: 26px;
        font-weight: 600; }
        .section--recommended .recommended__box-content ul li {
          display: flex;
          position: relative;
          padding-left: 32px; }
          .section--recommended .recommended__box-content ul li:before {
            content: '';
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23check1234532clip0)'%3E%3Cpath d='M20 6.20312L9 17.2031L4 12.2031' stroke='%23009A64' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='check1234532clip0'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 0.203125)'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
            width: 24px;
            height: 24px;
            position: absolute;
            left: 0;
            top: 0; }
          .section--recommended .recommended__box-content ul li + li {
            margin-top: 12px; }
    .section--recommended .recommended__box-summary {
      margin-top: 32px;
      display: flex;
      flex-direction: column; }
    .section--recommended .recommended__box-price {
      display: flex;
      align-items: center;
      color: #fff; }
      .section--recommended .recommended__box-price h5 {
        color: #fff;
        margin-bottom: 0; }
      .section--recommended .recommended__box-price .label {
        background-color: #FEE9DF;
        color: #F6743C;
        margin-left: 8px; }
      .section--recommended .recommended__box-price sub {
        bottom: 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 26px; }
    .section--recommended .recommended__box-regular {
      display: flex;
      flex-direction: column;
      gap: 4px;
      margin-top: 4px;
      font-size: 14px;
      line-height: 22px;
      font-weight: 300;
      color: #fff; }
    .section--recommended .recommended__box-actions {
      display: flex;
      gap: 16px;
      margin-top: 32px; }
  .section--recommended .recommended__tech {
    display: flex;
    flex-direction: column;
    gap: 16px; }
    .section--recommended .recommended__tech > :first-child .tech__item-plus {
      display: none; }
    .section--recommended .recommended__tech .tech__item {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 24px;
      background: #fff;
      border-radius: 8px;
      position: relative;
      padding: 24px;
      align-items: center; }
      .section--recommended .recommended__tech .tech__item:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
        border-radius: 12px;
        transition: box-shadow 0.3s ease;
        z-index: -1; }
      .section--recommended .recommended__tech .tech__item-title {
        margin-bottom: 8px; }
      .section--recommended .recommended__tech .tech__item-price {
        margin-left: auto; }
        .section--recommended .recommended__tech .tech__item-price sub {
          bottom: 0;
          font-size: 16px;
          font-weight: 300;
          line-height: 26px; }
      .section--recommended .recommended__tech .tech__item-plus {
        position: absolute;
        background: #fff;
        width: 56px;
        height: 40px;
        left: calc(50% - 28px);
        bottom: calc(100% - 8px);
        display: flex;
        justify-content: center;
        align-items: center; }
    .section--recommended .recommended__tech .tech__summary {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      text-align: right; }
      .section--recommended .recommended__tech .tech__summary-price {
        margin-bottom: 0; }
        .section--recommended .recommended__tech .tech__summary-price sub {
          bottom: 0;
          font-size: 16px;
          font-weight: 300;
          line-height: 26px; }
      .section--recommended .recommended__tech .tech__summary-desc {
        font-size: 16px;
        line-height: 26px;
        margin-top: 4px; }
        .section--recommended .recommended__tech .tech__summary-desc p {
          margin: 0; }
  .section--recommended .recommended__vs {
    position: absolute;
    display: flex;
    width: 100px;
    height: 100px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #fff;
    background: #F6743C;
    box-shadow: 0px 24px 64px 10px rgba(0, 0, 0, 0.08), 0px 16px 48px 10px rgba(0, 0, 0, 0.04);
    top: calc(50% - 50px);
    left: calc(100% - 20px);
    z-index: 10;
    border-radius: 8px;
    overflow: hidden;
    margin: 0;
    padding-bottom: 18px; }
    @media (max-width: 1397px) {
      .section--recommended .recommended__vs {
        width: 80px;
        height: 80px;
        left: calc(100% - 22px); } }
    @media (max-width: 1011px) {
      .section--recommended .recommended__vs {
        top: -40px;
        left: calc(50% - 40px); } }

html {
  overflow-x: hidden; }

.site:not(.has-sticky) {
  overflow-x: hidden;
  overflow-y: hidden; }

.site {
  position: relative; }
  .site-contact {
    position: fixed;
    transform: rotate(-90deg);
    left: -87px;
    top: 55%;
    z-index: 99;
    font-size: 16px;
    min-width: 190px; }
  .site-main {
    z-index: 10; }
  .site-mobile-header {
    display: none;
    align-items: center; }
    .site-mobile-header .mobile__actions {
      margin-left: auto;
      margin-right: 8px; }
    .site-mobile-header .btn--outline {
      color: #fff;
      border-color: #fff;
      font-size: 14px;
      display: none; }
      .site-mobile-header .btn--outline .btn__text {
        top: 1px;
        position: relative; }
    .site-mobile-header .btn--icon {
      overflow: hidden;
      margin-left: auto; }
      .site-mobile-header .btn--icon--icon {
        width: 40px !important; }
      .site-mobile-header .btn--icon .btn__icon {
        position: relative;
        display: flex;
        padding: 2px;
        margin-top: 1px;
        position: relative;
        z-index: 2; }
        .site-mobile-header .btn--icon .btn__icon .zmdi {
          font-size: 18px;
          color: #1B1C21; }
          .site-mobile-header .btn--icon .btn__icon .zmdi:hover {
            color: #6B4DC4; }
        .site-mobile-header .btn--icon .btn__icon span {
          position: absolute;
          left: 4px;
          display: block;
          width: 16px;
          height: 2px;
          -webkit-transition: .25s ease-in-out;
          -moz-transition: .25s ease-in-out;
          -o-transition: .25s ease-in-out;
          transition: .25s ease-in-out;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          opacity: 1;
          border-radius: 0px;
          background: #333333; }
          .site-mobile-header .btn--icon .btn__icon span:nth-child(1) {
            top: 6px; }
          .site-mobile-header .btn--icon .btn__icon span:nth-child(2) {
            top: 10px; }
          .site-mobile-header .btn--icon .btn__icon span:nth-child(3) {
            top: 14px; }
      .site-mobile-header .btn--icon.is-active .btn__icon span:nth-child(1) {
        top: 10px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg); }
      .site-mobile-header .btn--icon.is-active .btn__icon span:nth-child(2) {
        left: -60px;
        opacity: 0; }
      .site-mobile-header .btn--icon.is-active .btn__icon span:nth-child(3) {
        top: 10px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg); }
  .site .navbar--main {
    background: linear-gradient(90deg, #2E1A6D 0%, #4A338D 45.83%, #7759CE 100%); }

@media (max-width: 1011px) {
  .site {
    position: static; }
    .site-mobile-header {
      position: absolute;
      left: 0;
      right: 0;
      top: 30px;
      z-index: 101;
      display: flex;
      padding-right: 8px;
      background: #fff; }
      .site-mobile-header .btn {
        margin-left: auto; }
        .site-mobile-header .btn + .btn {
          margin-left: 8px; }
      .site-mobile-header .btn--icon {
        background: linear-gradient(to right, #e81f2c 0%, #a71f5a 100%);
        z-index: 1;
        border-radius: 100%;
        position: relative; }
        .site-mobile-header .btn--icon.btn__icon {
          position: relative;
          z-index: 2; }
        .site-mobile-header .btn--icon:after {
          content: "";
          position: absolute;
          width: 44px;
          height: 44px;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          z-index: 1;
          background: #fff;
          border-radius: 100%;
          margin: auto; }
      .site-mobile-header .brand__logo {
        padding: 12px 16px; }
        .site-mobile-header .brand__logo img {
          width: 53px; }
    .site.no-scroll .site-mobile-header {
      background: #fff; }
    .site.scroll-down--burger-open .navbar--main {
      position: fixed; }
  .scroll-up .site-mobile-header {
    position: fixed;
    top: 0;
    width: 100%;
    animation-name: fadeInDown;
    animation-duration: .3s;
    animation-fill-mode: both; }
  .no-scroll .site-mobile-header {
    top: 30px; }
  .scroll-down .site-mobile-header {
    top: 8px; } }

@media (max-width: 751px) {
  .site .site-mobile-header {
    top: 0; }
  .site .no-scroll .site-mobile-header {
    top: 0; }
  .site-contact {
    display: none; }
  .site-mobile-header .btn:not([data-toggle="navbar"]):not(.btn--icon) {
    display: none; }
  .no-scroll .site-mobile-header {
    position: fixed; }
  .scroll-up .site-mobile-header {
    position: fixed;
    top: 0 !important; } }

.site.scroll-up .site-mobile-header {
  background-color: #fff;
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.2); }

.site-overlay {
  position: fixed;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  z-index: 4;
  background: rgba(0, 0, 0, 0.6);
  transition: linear 0.5s; }

.nav--tabs .nav__link {
  font-weight: 500; }

.nav--tabs .nav__item {
  transition: all linear 0.3s; }
  .nav--tabs .nav__item:hover::after {
    opacity: 1; }

.site--hostadvice .navbar--main .navbar__top-bar {
  display: none; }

.site--hostadvice .navbar--main .nav--main-menu [menuitemname="Services"],
.site--hostadvice .navbar--main .nav--main-menu [menuitemname="Pricing"],
.site--hostadvice .navbar--main .nav--main-menu [menuitemname="Domains"],
.site--hostadvice .navbar--main .nav--main-menu [menuitemname="Features"] {
  display: none; }

.site--hostadvice .package--secondary .package__footer a {
  display: none; }

/*
*******************************************
Site Navbar
*******************************************
*/
.site-navbar {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999; }
  .site-navbar .container {
    display: flex;
    position: relative; }

/*
*******************************************
Site Navbar - Brand
*******************************************
*/
.site-navbar .navbar__brand .brand__logo img, .site-navbar .navbar__brand .brand__logo svg {
  height: 46px; }

/*
*******************************************
Site Navbar - Menu
*******************************************
*/
.site-navbar .navbar__menu {
  justify-content: flex-end; }

.site-navbar .nav__item {
  display: flex; }
  .site-navbar .nav__item > .btn {
    margin: 0 8px;
    box-shadow: none; }

.site-navbar .nav > .nav__item > .nav__link {
  position: relative; }
  .site-navbar .nav > .nav__item > .nav__link > .nav__icon {
    margin-left: 8px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    min-width: 16px;
    opacity: 0.4;
    margin-right: -8px;
    transition: 0.4s; }

.site-navbar .nav > .nav__item.has-dropdown .nav__dropdown {
  z-index: 100;
  z-index: auto;
  overflow: visible;
  min-width: 356px;
  top: calc(100% + 24px);
  left: -50%;
  right: auto;
  animation: none; }
  .site-navbar .nav > .nav__item.has-dropdown .nav__dropdown::before {
    content: '';
    background: transparent;
    z-index: -1;
    position: absolute;
    top: -36px;
    height: 36px;
    width: 100%;
    display: block; }
  .site-navbar .nav > .nav__item.has-dropdown .nav__dropdown::after {
    z-index: -1;
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    top: -6px;
    display: block;
    border-radius: 3px;
    background-color: #fff;
    transform: rotate(45deg); }

.site-navbar .nav > .nav__item.has-dropdown > .nav__link {
  z-index: 200; }

.site-navbar .nav > .nav__item.has-dropdown.is-open > .nav__link .nav__icon {
  color: #fff;
  opacity: 1; }

.site-navbar .nav > .nav__item.has-dropdown.is-open > .nav__link:after {
  display: block; }

.site-navbar .nav > .nav__item.has-dropdown.is-open .nav__sub {
  overflow: hidden; }

.site-navbar .nav .nav__sub {
  padding: 0; }
  .site-navbar .nav .nav__sub .nav__item:last-child {
    border-bottom: 0; }
  .site-navbar .nav .nav__sub .nav__item:last-child {
    border-bottom: 0; }
  .site-navbar .nav .nav__sub .nav__item-content {
    flex: 1;
    order: 2;
    margin-left: 24px; }
  .site-navbar .nav .nav__sub .nav__item-icon {
    order: 1;
    width: 48px;
    height: 48px;
    min-width: 48px;
    margin-top: 2px; }

/*
*******************************************
Site Navbar - Responsive
*******************************************
*/
@media (max-width: 1011px) {
  .burger.is-open span:nth-child(1) {
    top: 50%;
    transform: rotate(135deg); }
  .burger.is-open span:nth-child(2) {
    left: -60px;
    opacity: 0; }
  .burger.is-open span:nth-child(3) {
    top: 50%;
    transform: rotate(-135deg); }
  .site-navbar .container {
    position: static;
    justify-content: space-between; } }

@media (max-width: 1011px) {
  .site-navbar > .container > .navbar__burger {
    margin-right: 0;
    transition: .25s ease-in-out;
    margin-left: 0; }
  .site-navbar .navbar__brand {
    flex: 0;
    align-items: center;
    padding: 0; }
    .site-navbar .navbar__brand .brand__logo {
      overflow: hidden;
      height: 68px;
      max-height: 68px;
      width: 74px;
      padding: 8px 16px; }
      .site-navbar .navbar__brand .brand__logo svg {
        padding-left: 1px;
        height: 35px; }
  .site-navbar .navbar__burger, .site-navbar .navbar__account {
    position: relative; }
    .site-navbar .navbar__burger:after, .site-navbar .navbar__account:after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 10px 10px 10px;
      border-color: transparent transparent #fff transparent;
      position: absolute;
      bottom: -18px;
      left: 0;
      right: 0;
      margin: auto;
      visibility: hidden;
      transition: opacity 0.25s;
      opacity: 0;
      visibility: hidden; }
    .site-navbar .navbar__burger.is-open:after, .site-navbar .navbar__account.is-open:after {
      visibility: visible;
      opacity: 1;
      z-index: 1; }
  .site-navbar .navbar__account {
    cursor: pointer;
    display: flex;
    height: 48px;
    width: 48px;
    border: 0;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border: none; }
    .site-navbar .navbar__account:hover, .site-navbar .navbar__account:focus, .site-navbar .navbar__account:active {
      outline: none; }
    .site-navbar .navbar__account .icon-user {
      width: 100%; }
      .site-navbar .navbar__account .icon-user__shape {
        fill: #fff; }
      .site-navbar .navbar__account .icon-user__fill {
        fill: none;
        stroke: #fff;
        stroke-width: 2px; }
      .site-navbar .navbar__account .icon-user__circle {
        stroke: none; }
        .site-navbar .navbar__account .icon-user__circle-fill {
          fill: none; }
  .site-navbar .navbar__menu {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 2px 10px -1px rgba(30, 45, 70, 0.05);
    position: absolute;
    top: 69px;
    left: 0;
    right: 0;
    margin: auto !important;
    width: calc(100% - 48px);
    max-width: 684px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.25s;
    overflow: auto; }
    .site-navbar .navbar__menu.is-open {
      visibility: visible;
      opacity: 1; }
    .site-navbar .navbar__menu--user-menu .nav > .nav__item:nth-last-child(1) > .nav__link {
      padding-bottom: 18px; }
    .site-navbar .navbar__menu--user-menu .nav > .nav__item:nth-last-child(1).is-open > .nav__link {
      padding-bottom: 13px; }
  .site-navbar .navbar__nav {
    width: 100%;
    flex-direction: column;
    padding-top: 8px; }
    .site-navbar .navbar__nav .nav__item {
      margin-left: 0;
      width: 100%;
      display: block;
      min-height: auto; }
      .site-navbar .navbar__nav .nav__item:first-child {
        margin-top: 0; }
      .site-navbar .navbar__nav .nav__item > .nav__link {
        color: #BA4409;
        padding: 0;
        padding: 11px 24px 13px 24px;
        line-height: 24px;
        min-height: 0; }
        .site-navbar .navbar__nav .nav__item > .nav__link:active, .site-navbar .navbar__nav .nav__item > .nav__link:hover, .site-navbar .navbar__nav .nav__item > .nav__link:focus {
          color: #2B1F51; }
        .site-navbar .navbar__nav .nav__item > .nav__link > .nav__icon {
          transition: none; }
      .site-navbar .navbar__nav .nav__item.has-dropdown .nav__dropdown {
        max-width: 100%;
        margin-top: 8px; }
        .site-navbar .navbar__nav .nav__item.has-dropdown .nav__dropdown:before {
          display: none; }
      .site-navbar .navbar__nav .nav__item.has-dropdown > .nav__link:after {
        display: none !important; }
      .site-navbar .navbar__nav .nav__item.has-dropdown.is-open > .nav__link {
        color: #6B4DC4 !important; }
        .site-navbar .navbar__nav .nav__item.has-dropdown.is-open > .nav__link > .nav__icon {
          color: #6B4DC4 !important;
          transform-origin: center center;
          transform: rotate(180deg); }
  .site-navbar .nav > .nav__item {
    margin-top: 8px; }
    .site-navbar .nav > .nav__item.has-dropdown .nav__dropdown {
      transform: none;
      left: 0;
      min-width: 100%; }
    .site-navbar .nav > .nav__item:nth-last-child(3) > .nav__link {
      padding-bottom: 18px; }
    .site-navbar .nav > .nav__item:nth-last-child(3).is-open > .nav__link {
      padding-bottom: 13px; }
    .site-navbar .nav > .nav__item > .nav__link > .nav__icon .stroke {
      stroke: #2B1F51; }
  .site-navbar .nav .nav__sub {
    background: white; }
    .site-navbar .nav .nav__sub:after {
      display: none; }
    .site-navbar .nav .nav__sub .nav__item {
      border-bottom: 1px solid #fff; }
      .site-navbar .nav .nav__sub .nav__item:last-child > .nav__link {
        padding-bottom: 26px; }
    .site-navbar .nav .nav__sub .nav__item-title {
      font-size: 15px;
      line-height: 24px;
      margin-bottom: 8px; }
    .site-navbar .nav .nav__sub .nav__item-icon {
      margin-left: auto; }
  .site-navbar--promo-page .container {
    display: flex;
    justify-content: center; }
  .site-navbar--promo-page .btn {
    display: none; } }

.scroll-up .site-navbar, .scroll-down--menu-open .site-navbar {
  position: fixed;
  background: linear-gradient(90deg, #2E1A6D 0%, #4A338D 45.83%, #7759CE 100%);
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
  align-content: center !important; }
  .scroll-up .site-navbar .nav > .nav__item > .nav__link, .scroll-down--menu-open .site-navbar .nav > .nav__item > .nav__link {
    color: #2B1F51; }
    .scroll-up .site-navbar .nav > .nav__item > .nav__link .stroke, .scroll-down--menu-open .site-navbar .nav > .nav__item > .nav__link .stroke {
      stroke: #2B1F51; }
  .scroll-up .site-navbar .nav > .nav__item .btn--light-overlay, .scroll-down--menu-open .site-navbar .nav > .nav__item .btn--light-overlay {
    color: #6B4DC4;
    border-color: #52399E; }
    .scroll-up .site-navbar .nav > .nav__item .btn--light-overlay:hover, .scroll-down--menu-open .site-navbar .nav > .nav__item .btn--light-overlay:hover {
      color: #52399E;
      background: transparent;
      border-color: #52399E; }
    .scroll-up .site-navbar .nav > .nav__item .btn--light-overlay:active, .scroll-up .site-navbar .nav > .nav__item .btn--light-overlay:focus, .scroll-up .site-navbar .nav > .nav__item .btn--light-overlay.is-active, .scroll-up .site-navbar .nav > .nav__item .btn--light-overlay.drop-enabled, .scroll-down--menu-open .site-navbar .nav > .nav__item .btn--light-overlay:active, .scroll-down--menu-open .site-navbar .nav > .nav__item .btn--light-overlay:focus, .scroll-down--menu-open .site-navbar .nav > .nav__item .btn--light-overlay.is-active, .scroll-down--menu-open .site-navbar .nav > .nav__item .btn--light-overlay.drop-enabled {
      color: #52399E;
      background: transparent;
      border-color: #52399E; }
  .scroll-up .site-navbar .nav > .nav__item:hover > .nav__link, .scroll-up .site-navbar .nav > .nav__item.has-dropdown.is-open > .nav__link, .scroll-down--menu-open .site-navbar .nav > .nav__item:hover > .nav__link, .scroll-down--menu-open .site-navbar .nav > .nav__item.has-dropdown.is-open > .nav__link {
    color: #6B4DC4; }
    .scroll-up .site-navbar .nav > .nav__item:hover > .nav__link .nav__icon, .scroll-up .site-navbar .nav > .nav__item.has-dropdown.is-open > .nav__link .nav__icon, .scroll-down--menu-open .site-navbar .nav > .nav__item:hover > .nav__link .nav__icon, .scroll-down--menu-open .site-navbar .nav > .nav__item.has-dropdown.is-open > .nav__link .nav__icon {
      color: #6B4DC4;
      opacity: 1; }
      .scroll-up .site-navbar .nav > .nav__item:hover > .nav__link .nav__icon .stroke, .scroll-up .site-navbar .nav > .nav__item.has-dropdown.is-open > .nav__link .nav__icon .stroke, .scroll-down--menu-open .site-navbar .nav > .nav__item:hover > .nav__link .nav__icon .stroke, .scroll-down--menu-open .site-navbar .nav > .nav__item.has-dropdown.is-open > .nav__link .nav__icon .stroke {
        stroke: #6B4DC4; }
  .scroll-up .site-navbar .navbar__burger span, .scroll-down--menu-open .site-navbar .navbar__burger span {
    background: #fff; }
  .scroll-up .site-navbar .navbar__ .navbar__account .icon-user__shape, .scroll-down--menu-open .site-navbar .navbar__ .navbar__account .icon-user__shape {
    fill: #2B1F51; }
  .scroll-up .site-navbar .navbar__ .navbar__account .icon-user__fill, .scroll-down--menu-open .site-navbar .navbar__ .navbar__account .icon-user__fill {
    stroke: #2B1F51; }
  .scroll-up .site-navbar .navbar__top-bar, .scroll-down--menu-open .site-navbar .navbar__top-bar {
    display: none; }
  .scroll-up .site-navbar .navbar__brand, .scroll-down--menu-open .site-navbar .navbar__brand {
    margin-top: 0 !important; }

.scroll-up #plan-header-sticky, .scroll-down--menu-open #plan-header-sticky {
  transform: translateY(88px); }

.scroll-up:not(.scroll-up--menu-open) .site-navbar {
  animation-duration: .3s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@media (min-width: 1012px) {
  .scroll-up .section--legal .section__sidebar {
    top: 132px; } }

@media (min-width: 1012px) and (max-width: 1387px) {
  .scroll-up .navbar__menu {
    margin: auto 0; } }

@media (max-width: 1387px) {
  .scroll-up #plan-header-sticky {
    transform: translateY(94px); } }

@media (max-width: 1011px) {
  .scroll-up #plan-header-sticky {
    transform: translateY(70px); } }

@media (min-width: 752px) {
  .scroll-up .site-navbar {
    height: 88px;
    min-height: 88px; } }

/*
*******************************************
Footer
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Footer - general
*******************************************
*/
.footer {
  background: #F67A3C; }
  .footer > .container {
    display: flex; }
  .footer ul,
  .footer p {
    color: #fff; }
  .footer a {
    color: #fff; }
    .footer a:hover {
      color: #CEC9DF; }
  .footer.footer--rows .footer__copyrights {
    flex-direction: row;
    width: auto;
    margin: 0;
    font-size: 13px; }
    .footer.footer--rows .footer__copyrights a {
      margin-left: 4px; }
  .footer.footer--rows .footer__brand {
    flex-basis: 145px;
    padding-right: 24px; }
  .footer.footer--rows .brand__logo {
    height: 44px;
    align-self: stretch;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1; }
  .footer.footer--rows .nav--btn {
    margin-left: 8px; }
  .footer__site-map {
    flex: 1; }
  .footer__copyrights {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px; }
    @media (max-width: 1387px) {
      .footer__copyrights {
        font-size: 15px;
        line-height: 24px; } }
    @media (max-width: 1011px) {
      .footer__copyrights {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }
    @media (max-width: 751px) {
      .footer__copyrights {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }
    .footer__copyrights > .container > .row > div {
      display: flex;
      align-items: center; }
    .footer__copyrights .footer__nav {
      margin: 0; }
    .footer__copyrights > .container > .row > div:last-of-type {
      justify-content: flex-end; }
    .footer__copyrights .btn--social i {
      font-size: 19px; }
  .footer__brand {
    justify-content: flex-start; }
    .footer__brand .brand__logo {
      height: 56px;
      align-items: flex-start; }
  .footer .copyrights {
    padding: 8px 0;
    margin-bottom: 32px;
    margin-top: 4px; }
  .footer__title {
    margin-bottom: 32px;
    color: #fff; }
  .footer__nav .nav__link {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    padding: 7px 0;
    white-space: initial;
    min-height: 38px; }
    @media (max-width: 1387px) {
      .footer__nav .nav__link {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px; } }
    @media (max-width: 1011px) {
      .footer__nav .nav__link {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px; } }
    @media (max-width: 751px) {
      .footer__nav .nav__link {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px; } }
  .footer__section + .footer__section {
    margin-top: 36px; }
  .footer .nav--btn .nav__item:not(:last-of-type) {
    margin-right: 8px; }
  .footer .nav--btn .nav__item {
    border-radius: 100%;
    position: relative; }
    .footer .nav--btn .nav__item .btn--icon:after {
      content: "";
      position: absolute;
      width: 30px;
      height: 30px;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1;
      background: #fff;
      border-radius: 100%;
      margin: auto; }
    .footer .nav--btn .nav__item .btn__icon {
      position: relative;
      z-index: 2; }
  .footer .nav--sub:before {
    background: #fff;
    opacity: 0.5; }
  .footer.footer--horizontal .footer__copyrights {
    width: 100%;
    flex-direction: row;
    justify-content: space-between; }
    .footer.footer--horizontal .footer__copyrights .copyrights {
      margin-bottom: 0; }
  .footer.footer--horizontal > .container {
    flex-direction: column; }

/*
*******************************************
  Footer - Responsive Spacing
*******************************************
*/
.footer {
  padding: 140px 0 140px; }
  .footer__copyrights {
    width: 41%;
    padding: 0; }
    .footer__copyrights + .footer__site-map {
      padding-left: 80px; }
  .footer__site-map {
    padding: 0; }

@media (max-width: 1387px) {
  .footer {
    padding: 120px 0 120px; }
    .footer__copyrights {
      width: 41%;
      padding: 0; }
      .footer__copyrights + .footer__site-map {
        padding-left: 80px; }
    .footer__site-map {
      padding: 0; } }

@media (max-width: 1011px) {
  padding: 0;
  .footer__copyrights {
    width: 100%;
    padding: 0 0 20px; }
    .footer__copyrights + .footer__site-map {
      padding-left: 0; }
  .footer__site-map {
    padding: 60px 0 60px; } }

@media (max-width: 1011px) {
  .footer {
    padding: 0; }
    .footer__copyrights {
      width: 100%;
      padding: 0 0 20px; }
      .footer__copyrights + .footer__site-map {
        padding-left: 0; }
    .footer__site-map {
      padding: 60px 0 60px; } }

/*
*******************************************
2. Footer - responsive other
*******************************************
*/
@media (max-width: 1011px) {
  .footer > .container {
    flex-direction: column; }
  .footer.footer--rows .footer__brand {
    flex-basis: inherit;
    padding: 0;
    width: 100%;
    margin-bottom: 8px; }
  .footer.footer--rows .footer__copyrights {
    margin-bottom: 0;
    text-align: center;
    padding: 16px 0;
    line-height: 20px;
    position: relative;
    z-index: 1; }
    .footer.footer--rows .footer__copyrights:before {
      content: none; }
  .footer.footer--rows .footer__bottom {
    padding: 0; }
    .footer.footer--rows .footer__bottom .footer__nav {
      padding: 24px 0; }
  .footer.footer--rows .nav--btn {
    margin-left: 0; }
  .footer__copyrights {
    position: relative;
    order: 2;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-content: center; }
    .footer__copyrights ul,
    .footer__copyrights > p {
      text-align: center; }
    .footer__copyrights > .container > .row > div:first-of-type {
      flex-direction: column; }
    .footer__copyrights > .container > .row > div:last-of-type {
      justify-content: center; }
  .footer__brand {
    padding: 0;
    width: 100%;
    margin-bottom: 0;
    justify-content: center; }
    .footer__brand .brand__logo {
      justify-content: center;
      align-items: center; }
  .footer .copyrights {
    text-align: center;
    margin-bottom: 0;
    position: relative;
    top: 2px; }
  .footer .nav--btn {
    margin: 0;
    justify-content: center; }
    .footer .nav--btn .nav__item:not(:last-of-type) {
      margin-right: 8px; } }

@media (max-width: 1011px) {
  .footer.footer--rows .footer__top {
    padding: 40px 0 24px; }
    .footer.footer--rows .footer__top > .container {
      padding: 0 16px; }
    .footer.footer--rows .footer__top .footer__nav {
      display: none;
      padding-left: 16px; }
    .footer.footer--rows .footer__top .is-open .footer__nav {
      display: block; }
  .footer.footer--rows .footer__bottom > .footer__nav {
    flex-direction: column;
    align-items: center; }
  .footer__section + .footer__section {
    margin-top: 0; }
  .footer__copyrights {
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .footer__copyrights .footer__brand {
      flex-basis: 40px;
      margin-bottom: 8px; }
    .footer__copyrights .nav--btn {
      margin: 0; }
  .footer__brand {
    justify-content: center; }
  .footer.footer--horizontal .footer__copyrights {
    flex-direction: column-reverse; }
  .footer.footer--horizontal .footer__nav {
    flex-wrap: wrap-reverse; }
  .footer.footer--horizontal .nav--horizontal:after {
    content: "";
    width: 100%; }
  .footer.footer--horizontal .nav--horizontal .nav__item:nth-child(n+4) {
    order: 1; }
  .footer .brand__logo {
    height: 40px;
    max-width: 178px;
    width: 100%; }
  .footer .copyrights {
    padding: 0;
    margin: 0 0 8px; }
  .footer .footer__title {
    margin-top: 0; }
  .footer .is-open .footer__nav {
    display: block;
    margin-bottom: 16px; }
  .footer .is-open .footer__title:before {
    transform: rotate(45deg); } }

@media (max-width: 751px) {
  .footer__site-map .footer__nav {
    display: none;
    padding-left: 48px; }
  .footer__title {
    cursor: pointer;
    position: relative;
    padding: 6px 48px 6px 16px;
    margin-bottom: 16px; } }

@media (max-width: 513px) {
  .footer.footer--rows .footer__bottom .footer__nav:not(.nav--btn) {
    padding: 0;
    margin-bottom: 16px;
    flex-direction: column-reverse;
    align-items: center; }
    .footer.footer--rows .footer__bottom .footer__nav:not(.nav--btn) .nav__item {
      margin-right: 0;
      margin-bottom: 8px; }
  .footer.footer--rows .nav--btn {
    padding-bottom: 16px !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .footer__site-map {
    flex: auto; } }

/*
*******************************************
 Footer - custom
*******************************************
*/
.footer {
  background: linear-gradient(90deg, #2E1A6D 0%, #4A338D 45.83%, #7759CE 100%);
  padding-bottom: 48px; }
  .footer > .container {
    flex-wrap: wrap; }
  .footer__copyrights {
    max-width: 318px; }
    .footer__copyrights-socials {
      display: flex;
      margin-bottom: 40px; }
      .footer__copyrights-socials li {
        width: 36px;
        height: 36px; }
        .footer__copyrights-socials li + li {
          margin-left: 14px; }
        .footer__copyrights-socials li svg path {
          transition: stroke 0.3s ease; }
        .footer__copyrights-socials li a {
          display: flex;
          width: 100%;
          height: 100%;
          align-items: center;
          justify-content: center;
          border: 1px solid rgba(255, 255, 255, 0.16);
          border-radius: 50px;
          transition: border-color 0.3s ease; }
          .footer__copyrights-socials li a:hover {
            border-color: rgba(255, 255, 255, 0.32); }
            .footer__copyrights-socials li a:hover svg path {
              fill: #CEC9DF; }
          .footer__copyrights-socials li a svg path {
            transition: 0.3s ease fill; }
    .footer__copyrights-phone, .footer__copyrights-mail {
      margin-bottom: 16px; }
    .footer__copyrights-desc {
      margin-bottom: 40px;
      margin-right: 32px;
      font-size: 14px;
      line-height: 22px; }
    .footer__copyrights + .footer__site-map {
      padding-left: 144px; }
  .footer__brand {
    margin-bottom: 40px; }
  .footer__title {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 24px; }
  .footer__site-map .row:nth-child(1) {
    margin-bottom: 40px; }
  .footer__site-map .footer__nav .nav__item {
    min-height: 38px; }
  .footer__site-map .footer__nav .nav__link {
    font-size: 16px;
    line-height: 26px;
    padding: 0; }
    .footer__site-map .footer__nav .nav__link:active, .footer__site-map .footer__nav .nav__link:focus {
      color: #CEC9DF; }
  .footer__site-map .footer__nav--last {
    flex-direction: row;
    flex-wrap: wrap; }
    .footer__site-map .footer__nav--last .nav__item {
      flex-basis: 50%; }
      .footer__site-map .footer__nav--last .nav__item:nth-last-of-type(1), .footer__site-map .footer__nav--last .nav__item:nth-last-of-type(2) {
        flex-basis: 100%; }
      .footer__site-map .footer__nav--last .nav__item--padding {
        padding-left: 16px; }
  .footer__section--last .footer__nav {
    margin-top: 54px; }
  .footer__site-map, .footer__copyrights {
    padding-bottom: 120px; }
  .footer .creditCards {
    display: flex; }
    .footer .creditCards__card + .creditCards__card {
      margin-left: 13px; }
  .footer .copyrights-wrapper {
    display: flex;
    flex-basis: 100%;
    font-size: 16px;
    line-height: 26px;
    color: #ACAFBA;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 5px; }
    .footer .copyrights-wrapper .copyrights {
      flex-grow: 1;
      margin-top: 0;
      margin-bottom: 0;
      padding: 0; }
    .footer .copyrights-wrapper a + a {
      margin-left: 40px; }
  .footer__icon {
    display: none; }
  .footer__section {
    position: relative;
    display: flex;
    flex-direction: column; }
  .footer.has-shapes {
    margin-top: -136px;
    padding-top: 345px;
    overflow: hidden;
    position: relative; }
    .footer.has-shapes .container {
      position: relative;
      z-index: 1; }
    .footer.has-shapes .footer__background {
      position: absolute;
      top: -97px;
      bottom: -97px;
      left: 0;
      right: 0;
      z-index: 0;
      overflow: hidden; }
    .footer.has-shapes .footer__shape {
      position: absolute;
      left: -100%;
      right: -100%;
      height: 228px;
      background: #fff; }
      .footer.has-shapes .footer__shape--top {
        top: 0;
        transform: rotate(-5.8deg); }

@media (min-width: 1921px) {
  .footer.has-shapes .footer__shape {
    height: 500px; }
    .footer.has-shapes .footer__shape--top {
      top: -273px; } }

@media (max-width: 1387px) {
  .footer {
    padding-top: 180px; }
    .footer > .container {
      padding: 0 24px; }
    .footer__copyrights {
      max-width: 312px; }
      .footer__copyrights-desc {
        margin-bottom: 32px;
        margin-right: 0;
        font-size: 13px;
        line-height: 22px;
        font-weight: 300; }
      .footer__copyrights-socials {
        margin-bottom: 32px;
        justify-content: space-between; }
        .footer__copyrights-socials li + li {
          margin-left: 0; }
    .footer__nav .nav__link, .footer__nav .nav__item {
      min-height: 36px !important; }
    .footer__brand {
      margin-bottom: 24px !important; }
      .footer__brand .brand__logo {
        max-width: 243px; }
    .footer__site-map {
      padding-left: 32px !important;
      padding-bottom: 58px; }
      .footer__site-map .footer__nav .nav__link {
        font-size: 15px;
        line-height: 24px; }
      .footer__site-map .footer__nav--last .nav__item--padding {
        padding-left: 12px; }
      .footer__site-map .row:nth-child(1) {
        margin-bottom: 48px; }
    .footer__title {
      padding-bottom: 16px; }
    .footer__section--last .footer__nav {
      margin-top: 44px; }
    .footer.has-shapes {
      margin-top: -136px;
      padding-top: 272px; }
      .footer.has-shapes .footer__shape {
        height: 227px;
        transform: rotate(-2deg); } }

@media (max-width: 1011px) {
  .footer {
    padding-top: 132px;
    padding-bottom: 40px; }
    .footer__copyrights {
      padding-bottom: 40px;
      padding-top: 8px;
      max-width: 312px;
      margin: auto; }
      .footer__copyrights-desc {
        font-size: 12px;
        line-height: 20px;
        font-weight: 300; }
      .footer__copyrights-socials {
        width: 100%; }
    .footer__site-map {
      padding-bottom: 40px;
      padding-left: 0 !important;
      padding-top: 0; }
      .footer__site-map .footer__nav .nav__link {
        font-size: 14px;
        line-height: 22px;
        font-weight: 300; }
    .footer__section--last .footer__nav {
      margin-top: 42px;
      margin-bottom: 16px;
      display: block !important; }
    .footer .copyrights-wrapper {
      order: 2;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 0; }
      .footer .copyrights-wrapper .copyrights {
        flex-basis: 100%;
        order: 2;
        margin-top: 16px;
        top: 0; }
      .footer .copyrights-wrapper a {
        font-size: 14px;
        line-height: 22px;
        font-weight: 300; }
    .footer.has-shapes {
      margin-top: -100px;
      padding-top: 195px; }
      .footer.has-shapes .footer__shape {
        height: 190px;
        transform: rotate(-2.8deg); }
    .footer .is-open .row > div:nth-of-type(1) > .footer__nav {
      margin-bottom: 0; } }

@media (max-width: 751px) {
  .footer__site-map {
    padding-bottom: 56px; }
    .footer__site-map .row {
      margin-bottom: 0 !important; }
    .footer__site-map .footer__nav {
      padding-left: 0; }
      .footer__site-map .footer__nav--last .nav__item--padding {
        padding-left: 0; }
    .footer__site-map .footer__title {
      padding-left: 0; }
      .footer__site-map .footer__title::before {
        content: unset; }
  .footer__icon {
    display: inline;
    position: absolute;
    right: 5px;
    height: 24px; }
    .footer__icon path {
      transition: 0.3s ease transform;
      stroke: #fff;
      transform-origin: center; }
  .footer__section--last .footer__nav {
    margin-top: 0; }
  .footer__section.is-open .footer__icon path:nth-of-type(1) {
    transform: rotate(90deg); }
  .footer__copyrights {
    padding-top: 0; }
  .footer__brand .brand__logo {
    height: unset; }
  .footer.has-shapes {
    margin-top: -80px;
    padding-top: 149px; }
    .footer.has-shapes .footer__shape {
      height: 174px;
      transform: rotate(-5.8deg); } }

.site-footer.footer--hostadvice {
  background: #F4F0FF;
  padding: 24px 0;
  margin-top: 30px;
  border: 0; }
  .site-footer.footer--hostadvice .container {
    flex-direction: column; }
    .site-footer.footer--hostadvice .container .row {
      margin-top: calc(-1 * 56px); }
  .site-footer.footer--hostadvice .box {
    padding: 16px 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #F4F0FF;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    height: 100px; }
    .site-footer.footer--hostadvice .box .box-icon {
      width: 64px;
      min-width: 64px;
      margin-right: 20px; }
      .site-footer.footer--hostadvice .box .box-icon img {
        max-width: 100%; }
    .site-footer.footer--hostadvice .box .box-content h5 {
      font-size: 16px;
      font-weight: bold;
      line-height: 22px;
      margin: 0; }
  .site-footer.footer--hostadvice .main-footer-bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .site-footer.footer--hostadvice .main-footer-bottom .logo img {
      height: 34px;
      width: 164px; }
    .site-footer.footer--hostadvice .main-footer-bottom .payments {
      display: flex; }
      .site-footer.footer--hostadvice .main-footer-bottom .payments svg {
        margin-left: 8px; }

/*
*******************************************
Features
1. General
2. Responsive
3. Custom
*******************************************
*/
/*
*******************************************
1. Features - general
*******************************************
*/
.feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  position: relative; }
  .feature__icon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center; }
    .feature__icon img {
      max-width: 100%;
      max-height: 100%;
      margin: 0; }
  .feature__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    justify-content: center; }
    .feature__body .feature__actions {
      margin-bottom: -8px; }
    .feature__body + .feature__actions {
      background: rgba(59, 165, 255, 0.1); }
    .feature__body > *:last-child:not(.feature__actions) {
      margin-bottom: 0; }
    .feature__body + .feature__actions {
      padding-left: 16px;
      padding-right: 16px; }
  .feature__title {
    margin-bottom: 0;
    display: flex;
    flex-direction: column; }
    .feature__title .subtitle {
      width: 100%;
      font-size: 17px;
      font-weight: 400; }
  .feature__desc {
    margin-bottom: 0; }
    .feature__desc + .feature__actions {
      padding-top: 16px; }
      .feature__desc + .feature__actions .btn--link {
        padding: 0; }
  .feature__actions {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    width: 100%; }
  .feature .info__desc {
    color: #fff;
    font-size: 18px;
    padding: 16px; }
  .feature--icon-left {
    flex-direction: row;
    flex: 1 0 auto;
    max-width: 100%; }
    .feature--icon-left .feature__icon {
      flex-shrink: 0;
      align-self: flex-start; }
    .feature--icon-left .feature__body {
      text-align: left; }
    .feature--icon-left .feature__actions > .btn--link {
      padding-left: 0;
      padding-right: 0;
      justify-content: flex-start; }
  .feature--boxed {
    background: #fff; }
    .feature--boxed .feature__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 32px;
      width: 100%;
      position: relative; }
      .feature--boxed .feature__header:after {
        content: "";
        width: calc(100% - 64px);
        position: absolute;
        height: 1px;
        background: #EFEFEF;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto; }
      .feature--boxed .feature__header .feature__title {
        text-align: left;
        padding-right: 16px; }
      .feature--boxed .feature__header .feature__icon {
        margin-top: 0; }
      .feature--boxed .feature__header + .feature__body {
        width: 100%;
        padding-left: 32px;
        padding-right: 32px; }
    .feature--boxed.feature--bordered .feature__body + .feature__actions {
      border-top: 1px solid #e6e6eb; }
  .feature--content-left {
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start; }
    .feature--content-left .feature__actions .btn {
      justify-content: flex-start; }
  .feature--bordered {
    border: 1px solid #EFEFEF; }
  .feature--shadow {
    position: relative;
    transition: 0.3s transform ease;
    overflow: visible; }
    .feature--shadow:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      transition: 0.3s box-shadow ease;
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
      border-radius: 12px; }
  .feature--link {
    transition: transform 0.3s, box-shadow 0.3s; }
    .feature--link:hover:before {
      content: "";
      position: absolute;
      bottom: -8px;
      height: 8px;
      left: 0;
      right: 0; }
    .feature--link:hover {
      z-index: 2;
      transform: translate3d(0, -8px, 0); }
      .feature--link:hover:after {
        box-shadow: 0px 40px 72px 14px rgba(0, 0, 0, 0.04), 0px 32px 56px 14px rgba(0, 0, 0, 0.04); }
      .feature--link:hover .feature__actions .has-arrow .btn__text {
        padding-right: 32px; }
        .feature--link:hover .feature__actions .has-arrow .btn__text:after {
          right: 20px;
          opacity: 1; }
      .feature--link:hover .feature__actions .has-arrow svg {
        opacity: 1; }
  .feature[data-cookie] {
    display: none; }
    .feature[data-cookie].is-active {
      display: flex; }
  .feature--product-group {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center; }
    .feature--product-group .feature__icon + .feature__body {
      margin-left: 80px;
      margin-top: 0; }
    .feature--product-group .feature__title {
      margin-top: 0; }
    .feature--product-group .feature__group {
      margin-bottom: 8px;
      font-weight: 400; }

.features .feature.feature--core-slider {
  min-width: 225px;
  min-height: 188px;
  width: 100%;
  transition: border-color 0.3s, box-shadow 0.3s;
  padding: 24px;
  margin-right: 24px;
  background-color: #fff; }
  .features .feature.feature--core-slider .feature__icon {
    margin-bottom: 16px; }
  .features .feature.feature--core-slider .feature__title {
    font-weight: 600;
    margin-top: 8px; }
    .features .feature.feature--core-slider .feature__title span {
      display: block; }
  .features .feature.feature--core-slider .feature:last-child {
    margin-right: 0; }
  .features .feature.feature--core-slider .feature__icon {
    margin-right: auto;
    margin-left: auto; }
  .features .feature.feature--core-slider .feature__body {
    width: 100%; }
  .features .feature.feature--core-slider .feature.is-active {
    border-color: #fff; }
    .features .feature.feature--core-slider .feature.is-active .feature:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transition: 0.3s box-shadow ease;
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
      border-radius: 12px; }

.nav .feature__desc {
  opacity: 0.6; }

.nav .feature.feature--bordered {
  border-color: rgba(33, 131, 217, 0.8);
  transition: border 0.3s; }
  .nav .feature.feature--bordered:hover {
    border-color: rgba(255, 255, 255, 0.4); }

.nav .feature:hover {
  box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.15); }

/*
*******************************************
  Features General - Responsive Spacing
*******************************************
*/
.feature {
  margin-top: 32px; }
  .feature__icon + .feature__body {
    margin-top: 40px; }
  .feature__title + .feature__desc {
    margin-top: 16px; }
  .feature__desc + .feature__actions {
    padding-top: 24px; }
  .feature--bordered, .feature--boxed {
    padding: 40px; }
  .feature--sm {
    margin-top: 24px; }
    .feature--sm .feature__icon + .feature__body {
      margin-top: 16px; }
    .feature--sm .feature__title + .feature__desc {
      margin-top: 8px; }
    .feature--sm .feature__desc + .feature__actions {
      padding-top: 16px; }
    .feature--sm .feature--icon-left .feature__icon + .feature__body {
      margin-top: 0;
      margin-left: 16px; }
    .feature--sm.feature--bordered, .feature--sm.feature--boxed {
      padding: 16px; }
  .feature--lg {
    margin-top: 48px; }
    .feature--lg .feature__icon + .feature__body {
      margin-top: 32px; }
    .feature--lg .feature__title + .feature__desc {
      margin-top: 16px; }
    .feature--lg .feature__desc + .feature__actions {
      padding-top: 32px; }
    .feature--lg .feature--icon-left .feature__icon + .feature__body {
      margin-top: 0;
      margin-left: 32px; }
    .feature--lg.feature--bordered, .feature--lg.feature--boxed {
      padding: 40px 32px; }
  .feature--icon-left .feature__icon + .feature__body {
    margin-top: 0;
    margin-left: 40px; }
  .feature--tab-arrow.is-active:before {
    content: "";
    width: 44px;
    height: 44px;
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 22px);
    bottom: -70px;
    z-index: 20;
    background-color: #fff;
    box-shadow: 0px 2px 10px -1px rgba(30, 45, 70, 0.05); }

.features {
  margin-top: -32px; }

.features--careers {
  display: flex;
  flex-wrap: wrap; }
  .features--careers > div.col-12 {
    padding-bottom: 32px; }
    .features--careers > div.col-12 .feature {
      position: relative;
      height: 100%;
      padding-bottom: 0px; }
      .features--careers > div.col-12 .feature::before {
        content: "";
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06); }

.features--boxed {
  margin-top: -32px; }
  .features--boxed .feature {
    margin-top: 32px; }
  .features--boxed.row--xs {
    margin-top: -16px; }
    .features--boxed.row--xs .feature {
      margin-top: 16px; }
  .features--boxed.row--sm {
    margin-top: -24px; }
    .features--boxed.row--sm .feature {
      margin-top: 24px; }
  .features--boxed.row--lg {
    margin-right: -48px; }
    .features--boxed.row--lg .feature {
      margin-top: 48px; }

@media (max-width: 1387px) {
  .feature {
    margin-top: 44px; }
    .feature__icon + .feature__body {
      margin-top: 24px; }
    .feature__title + .feature__desc {
      margin-top: 16px !important; }
    .feature__desc + .feature__actions {
      padding-top: 24px; }
    .feature--bordered, .feature--boxed {
      padding: 24px; }
    .feature--sm .feature {
      margin-top: 24px; }
      .feature--sm .feature__icon + .feature__body {
        margin-top: 16px; }
      .feature--sm .feature__title + .feature__desc {
        margin-top: 8px; }
      .feature--sm .feature__desc + .feature__actions {
        padding-top: 16px; }
      .feature--sm .feature--icon-left .feature__icon + .feature__body {
        margin-top: 0;
        margin-left: 16px; }
      .feature--sm .feature--bordered, .feature--sm .feature--boxed {
        padding: 16px; }
    .feature--lg .feature {
      margin-top: 48px; }
      .feature--lg .feature__icon + .feature__body {
        margin-top: 32px; }
      .feature--lg .feature__title + .feature__desc {
        margin-top: 24px; }
      .feature--lg .feature__desc + .feature__actions {
        padding-top: 32px; }
      .feature--lg .feature--icon-left .feature__icon + .feature__body {
        margin-top: 0;
        margin-left: 32px; }
      .feature--lg .feature--bordered, .feature--lg .feature--boxed {
        padding: 32px; }
    .feature--icon-left .feature__icon + .feature__body {
      margin-top: 0;
      margin-left: 24px; }
  .features {
    margin-top: -44px; }
  .features--boxed {
    margin-top: -24px; }
    .features--boxed .feature {
      margin-top: 24px; }
    .features--boxed.row--xs {
      margin-top: -8px; }
      .features--boxed.row--xs .feature {
        margin-top: 8px; }
    .features--boxed.row--sm {
      margin-top: -16px; }
      .features--boxed.row--sm .feature {
        margin-top: 16px; }
    .features--boxed.row--lg {
      margin-right: -32px; }
      .features--boxed.row--lg .feature {
        margin-top: 32px; } }

@media (max-width: 1011px) {
  .feature {
    margin-top: 44px; }
    .feature__icon + .feature__body {
      margin-top: 24px; }
    .feature__title + .feature__desc {
      margin-top: 16px; }
    .feature__desc + .feature__actions {
      padding-top: 24px; }
    .feature--bordered, .feature--boxed {
      padding: 24px !important; }
    .feature--sm {
      margin-top: 24px; }
      .feature--sm .feature__icon + .feature__body {
        margin-top: 16px; }
      .feature--sm .feature__title + .feature__desc {
        margin-top: 8px; }
      .feature--sm .feature__desc + .feature__actions {
        padding-top: 16px; }
      .feature--sm .feature--icon-left .feature__icon + .feature__body {
        margin-top: 0;
        margin-left: 16px; }
      .feature--sm .feature--bordered, .feature--sm .feature--boxed {
        padding: 16px; }
    .feature--lg {
      margin-top: 48px; }
      .feature--lg .feature__icon + .feature__body {
        margin-top: 32px; }
      .feature--lg .feature__title + .feature__desc {
        margin-top: 24px; }
      .feature--lg .feature__desc + .feature__actions {
        padding-top: 32px; }
      .feature--lg .feature--icon-left .feature__icon + .feature__body {
        margin-top: 0;
        margin-left: 32px; }
      .feature--lg .feature--bordered, .feature--lg .feature--boxed {
        padding: 24px; }
    .feature--icon-left .feature__icon + .feature__body {
      margin-top: 0;
      margin-left: 24px; }
  .features {
    margin-top: -44px; }
  .features--boxed {
    margin-top: -24px; }
    .features--boxed .feature {
      margin-top: 24px; }
    .features--boxed.row--xs {
      margin-top: -8px; }
      .features--boxed.row--xs .feature {
        margin-top: 8px; }
    .features--boxed.row--sm {
      margin-top: -16px; }
      .features--boxed.row--sm .feature {
        margin-top: 16px; }
    .features--boxed.row--lg {
      margin-right: -32px; }
      .features--boxed.row--lg .feature {
        margin-top: 32px; } }

@media (max-width: 751px) {
  .feature {
    margin-top: 44px; }
    .feature__icon + .feature__body {
      margin-top: 24px; }
    .feature__title + .feature__desc {
      margin-top: 24px; }
    .feature__desc + .feature__actions {
      padding-top: 24px; }
    .feature--bordered, .feature--boxed {
      padding: 24px; }
    .feature--sm {
      margin-top: 24px; }
      .feature--sm .feature__icon + .feature__body {
        margin-top: 16px; }
      .feature--sm .feature__title + .feature__desc {
        margin-top: 8px; }
      .feature--sm .feature__desc + .feature__actions {
        padding-top: 16px; }
      .feature--sm .feature--icon-left .feature__icon + .feature__body {
        margin-top: 0;
        margin-left: 16px; }
      .feature--sm .feature--bordered, .feature--sm .feature--boxed {
        padding: 16px; }
    .feature--lg {
      margin-top: 48px; }
      .feature--lg .feature__icon + .feature__body {
        margin-top: 32px; }
      .feature--lg .feature__title + .feature__desc {
        margin-top: 24px; }
      .feature--lg .feature__desc + .feature__actions {
        padding-top: 32px; }
      .feature--lg .feature--icon-left .feature__icon + .feature__body {
        margin-top: 0;
        margin-left: 32px; }
      .feature--lg .feature--bordered, .feature--lg .feature--boxed {
        padding: 32px; }
    .feature--icon-left .feature__icon + .feature__body {
      margin-top: 0;
      margin-left: 24px; }
  .features {
    margin-top: -44px; }
  .features--boxed {
    margin-top: -24px; }
    .features--boxed .feature {
      margin-top: 24px; }
    .features--boxed.row--xs {
      margin-top: -8px; }
      .features--boxed.row--xs .feature {
        margin-top: 8px; }
    .features--boxed.row--sm {
      margin-top: -16px; }
      .features--boxed.row--sm .feature {
        margin-top: 16px; }
    .features--boxed.row--lg {
      margin-right: -32px; }
      .features--boxed.row--lg .feature {
        margin-top: 32px; } }

.row--eq-height .feature {
  height: 100%; }

.row--eq-height .widget {
  margin: 0 auto;
  height: 100%; }

/*
*******************************************
2. Features - responsive
*******************************************
*/
@media (max-width: 1011px) {
  .nav--sub .row--features {
    margin-top: -8px;
    margin-left: -4px;
    margin-right: -4px; }
    .nav--sub .row--features > div[class*=col-] {
      padding-left: 4px;
      padding-right: 4px; }
  .nav--sub .feature--boxed,
  .nav--sub .feature--bordered {
    padding: 24px; }
    .nav--sub .feature--boxed .feature__icon,
    .nav--sub .feature--bordered .feature__icon {
      width: 64px;
      height: 64px; }
    .nav--sub .feature--boxed .feature__body,
    .nav--sub .feature--bordered .feature__body {
      padding: 0; } }

@media (min-width: 752px) and (max-width: 1011px) {
  .tab-v-feature--default {
    flex-direction: column; }
    .tab-v-feature--default .feature__icon {
      align-self: initial; }
    .tab-v-feature--default .feature__body {
      margin-top: 24px !important;
      margin-left: 0 !important;
      text-align: center; } }

@media (max-width: 1011px) {
  .feature.feature--icon-left {
    margin-top: 32px !important; }
  .feature.feature--boxed-js {
    padding-right: 32px;
    position: relative;
    max-width: 340px; }
    .feature.feature--boxed-js:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      background: transparent;
      z-index: 1; }
  .feature.feature--boxed-open {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0;
    z-index: 10; }
    .feature.feature--boxed-open .feature__header + .feature__body {
      position: relative;
      display: flex; }
    .feature.feature--boxed-open .feature__header:after {
      content: none; }
    .feature.feature--boxed-open:after {
      content: "\f273"; }
  .feature .feature__actions .hide-md + .btn {
    width: 100%; }
  .feature .feature__header + .feature__body {
    display: none; }
  .justify-content-md-center .feature {
    margin-top: 16px; } }

@media (max-width: 1011px) {
  .feature.feature--boxed-open .feature__header + .feature__body {
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    padding-right: 32px;
    background: #fff;
    border: 1px solid #e6e6eb;
    width: auto;
    max-width: initial; } }

@media (max-width: 751px) {
  .feature {
    margin-top: 16px; }
    .feature__icon + .feature__body {
      margin-top: 16px; }
    .feature__desc {
      word-break: break-word; }
    .feature--arrow {
      position: relative; }
      .feature--arrow:after {
        bottom: -16px; }
      .feature--arrow:before {
        bottom: -22px; }
    .feature.feature--boxed-js {
      max-width: 100%; }
  .mob-feature--simple .feature__icon {
    width: 104px;
    height: 104px; }
  .mob-feature--simple .feature__actions,
  .mob-feature--simple .feature__desc {
    display: none; }
  .mob-feature--icon-left {
    flex-direction: row; }
    .mob-feature--icon-left .feature__icon {
      margin-top: 0 !important;
      flex-shrink: 0;
      align-self: flex-start; }
      .mob-feature--icon-left .feature__icon + .feature__body {
        margin-top: 0;
        margin-left: 16px; }
    .mob-feature--icon-left .feature__body {
      text-align: left; }
    .mob-feature--icon-left .feature__actions > .btn--link {
      padding-left: 0;
      padding-right: 0;
      justify-content: flex-start; }
  .row--eq-height .feature {
    margin-top: 24px; }
  .nav--sub .row--features {
    margin-top: -8px; }
  .nav--sub .feature {
    padding: 16px;
    margin-top: 8px; }
    .nav--sub .feature__body {
      padding: 0; }
    .nav--sub .feature__icon {
      margin-top: 0; }
    .nav--sub .feature__title {
      font-size: 14px;
      line-height: 20px; }
    .nav--sub .feature__desc {
      font-size: 13px;
      line-height: 18px; }
  .nav--sub .feature--boxed {
    padding: 24px; }
    .nav--sub .feature--boxed .feature__icon {
      width: 64px;
      height: 64px; }
    .nav--sub .feature--boxed .feature__body {
      padding: 0; } }

@media (max-width: 513px) {
  .feature.mob-feature--link {
    align-items: flex-start; }
    .feature.mob-feature--link .feature__actions {
      display: none; }
    .feature.mob-feature--link .feature__desc {
      display: none; }
    .feature.mob-feature--link .feature__body {
      padding: 16px; }
    .feature.mob-feature--link .feature__title {
      font-size: 17px; }
      .feature.mob-feature--link .feature__title .subtitle {
        font-size: 15px; }
    .feature.mob-feature--link .feature__body {
      width: 100%;
      position: relative; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .mob-slider {
    display: flex;
    width: 100%; }
  .navbar__nav .feature__icon {
    justify-content: flex-start; }
  .feature__body {
    flex: 1 0 auto; }
  .feature--icon-left {
    width: inherit; }
    .feature--icon-left .feature__body {
      flex: 1 0 0%; } }

@media screen and (-ms-high-contrast: active) and (min-width: 752px) and (max-width: 1011px), (-ms-high-contrast: none) and (min-width: 752px) and (max-width: 1011px) {
  .tab-v-feature--default .feature__body {
    flex: 1 0 auto; }
  .tab-v-feature--default .feature__icon {
    align-self: center; } }

@media screen and (-ms-high-contrast: active) and (max-width: 1011px), (-ms-high-contrast: none) and (max-width: 1011px) {
  .navbar__nav .feature__body {
    flex: 1 0 0%; }
  .mob-slider {
    display: block; }
  .mob-slider[data-size="mobile"] .swiper-slide {
    flex: 0 0 100%;
    height: 100%; } }

@media screen and (-ms-high-contrast: active) and (max-width: 751px), (-ms-high-contrast: none) and (max-width: 751px) {
  .mob-slider .swiper-slide {
    height: auto; }
  .mob-slider[data-size="tablet"] .swiper-slide {
    flex: 0 1 auto; } }

/*
*******************************************
3. Features - Custom
*******************************************
*/
.features .feature__desc {
  flex-grow: 1; }
  .features .feature__desc p:last-of-type {
    margin-bottom: 0; }

.features .feature__pricing {
  margin-top: 16px; }
  .features .feature__pricing .pricing__period {
    color: #F67A3C; }
  .features .feature__pricing .pricing__title {
    text-align: left; }

.features .feature__actions {
  margin-bottom: 0; }
  .features .feature__actions .btn__text {
    font-weight: inherit; }
  .features .feature__actions .btn + .btn {
    margin-left: 24px; }

.features .feature__partials + .feature__content {
  margin-top: 16px; }

.features .feature__icon + .feature__content {
  margin-top: 24px; }

.features .feature__icon--secondary svg path {
  stroke: #F67A3C; }

.features .feature__icon--primary svg path {
  stroke: #6B4DC4; }

.features .feature--bordered {
  border-radius: 12px;
  border-color: #E5E0F4; }

.features .feature--xlg {
  padding: 56px; }

.features .feature--work .feature__actions {
  margin-bottom: 0; }

.features .feature--boxed {
  border-radius: 12px;
  padding: 32px; }
  .features .feature--boxed.feature--lg {
    padding: 40px; }
    .features .feature--boxed.feature--lg .feature__actions {
      margin-bottom: -8px; }

.features .feature__icon + .h2 {
  margin-top: 8px; }

.features .feature--credit {
  padding: 24px; }
  .features .feature--credit p:not(.h4) {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 4px; }
    @media (max-width: 1387px) {
      .features .feature--credit p:not(.h4) {
        font-size: 13px;
        font-weight: 300;
        line-height: 22px; } }
    @media (max-width: 1011px) {
      .features .feature--credit p:not(.h4) {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px; } }
    @media (max-width: 751px) {
      .features .feature--credit p:not(.h4) {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px; } }
  .features .feature--credit strong {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    font-weight: 600 !important; }
    @media (max-width: 1387px) {
      .features .feature--credit strong {
        font-size: 15px;
        line-height: 24px; } }
    @media (max-width: 1011px) {
      .features .feature--credit strong {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }
    @media (max-width: 751px) {
      .features .feature--credit strong {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }
  .features .feature--credit .feature__body {
    width: 100%;
    padding: 0; }
    .features .feature--credit .feature__body-top {
      border-bottom: 1px solid #E5E0F4;
      padding-bottom: 16px; }
    .features .feature--credit .feature__body-bottom {
      padding-top: 16px; }
      .features .feature--credit .feature__body-bottom p {
        color: #938F9F;
        margin: 0; }
        .features .feature--credit .feature__body-bottom p.text-primary {
          margin: 0;
          font-size: 32px; }
      .features .feature--credit .feature__body-bottom svg path {
        stroke: #6B4DC4; }
  .features .feature--credit .feature__percentage {
    color: #2B1F51; }

.features .feature--domains.feature--bordered {
  padding: 32px; }

.features .feature--domains .feature__title {
  flex-direction: row;
  justify-content: center;
  margin-top: -8px; }
  .features .feature--domains .feature__title + .feature__desc {
    margin-top: 8px; }

.features .feature--domains .feature__desc + .feature__actions {
  padding-top: 8px; }

.features .feature--domains .feature__desc span {
  font-weight: 600;
  color: #2B1F51; }

.features .feature--domains .feature__actions {
  justify-content: center; }

.features .feature--domains .feature__body + .feature__get-it-free {
  margin-top: 16px;
  color: #938F9F;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  border-bottom: 1px dotted #DBDBDB;
  display: inline;
  padding-bottom: 2px; }
  @media (max-width: 1387px) {
    .features .feature--domains .feature__body + .feature__get-it-free {
      font-size: 13px;
      font-weight: 300;
      line-height: 22px; } }
  @media (max-width: 1011px) {
    .features .feature--domains .feature__body + .feature__get-it-free {
      font-size: 12px;
      font-weight: 300;
      line-height: 20px; } }
  @media (max-width: 751px) {
    .features .feature--domains .feature__body + .feature__get-it-free {
      font-size: 12px;
      font-weight: 300;
      line-height: 20px; } }
  .features .feature--domains .feature__body + .feature__get-it-free b {
    font-weight: 600; }

.features .feature--deals .feature {
  padding: 32px; }
  .features .feature--deals .feature__body-top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 24px; }
    .features .feature--deals .feature__body-top label {
      background-color: #FEE9DF;
      color: #F67A3C;
      border-radius: 2px;
      margin: 0 0 0 8px;
      height: 30px;
      font-size: 16px;
      font-weight: 300;
      line-height: 26px;
      font-weight: 600; }
      @media (max-width: 1387px) {
        .features .feature--deals .feature__body-top label {
          font-size: 15px;
          line-height: 24px; } }
      @media (max-width: 1011px) {
        .features .feature--deals .feature__body-top label {
          font-size: 14px;
          font-weight: 300;
          line-height: 22px; } }
      @media (max-width: 751px) {
        .features .feature--deals .feature__body-top label {
          font-size: 14px;
          font-weight: 300;
          line-height: 22px; } }
  .features .feature--deals .feature__title {
    flex-direction: row;
    justify-content: center;
    margin-top: -12px; }
  .features .feature--deals .feature__body {
    width: 100%;
    padding: 0; }
    .features .feature--deals .feature__body-top-column {
      margin-bottom: 24px; }
      .features .feature--deals .feature__body-top-column .feature__body-top {
        margin-bottom: 10px; }
      .features .feature--deals .feature__body-top-column .feature__promo {
        margin-bottom: 0;
        border-bottom: 1px dotted; }
  .features .feature--deals .feature__body-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: auto; }

.features .feature--deals .price__discount, .features .feature--deals .price__renewals {
  color: #938F9F; }

.features .feature--deals .price__discount {
  text-decoration: line-through; }

.features .feature--deals .price__current {
  margin: 0; }
  .features .feature--deals .price__current span {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px; }
    @media (max-width: 1387px) {
      .features .feature--deals .price__current span {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px; } }
    @media (max-width: 1011px) {
      .features .feature--deals .price__current span {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px; } }
    @media (max-width: 751px) {
      .features .feature--deals .price__current span {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px; } }

.features .feature--content-left .feature__icon {
  justify-content: flex-start; }

.features--sides {
  /*margin-top: 0;*/ }
  .features--sides .feature {
    /*margin-top: 18px;*/ }
    .features--sides .feature__body {
      text-align: left;
      align-items: flex-start;
      justify-content: flex-start; }
      .features--sides .feature__body .feature {
        /*&__title {
						margin-top: spacing(2x);
					}*/ }
        .features--sides .feature__body .feature__desc {
          margin-right: 0;
          font-size: 18px;
          line-height: 30px; }
    .features--sides .feature__icon svg {
      width: 32px;
      height: 32px; }
      .features--sides .feature__icon svg path {
        stroke: #F67A3C; }
    .features--sides .feature--web-hosting .feature__icon svg {
      width: unset;
      height: unset; }
      .features--sides .feature--web-hosting .feature__icon svg path {
        stroke: unset; }

.features--small .feature__body .feature__desc {
  font-size: 16px;
  font-weight: 300;
  line-height: 26px; }
  @media (max-width: 1387px) {
    .features--small .feature__body .feature__desc {
      font-size: 15px;
      line-height: 24px; } }
  @media (max-width: 1011px) {
    .features--small .feature__body .feature__desc {
      font-size: 14px;
      font-weight: 300;
      line-height: 22px; } }
  @media (max-width: 751px) {
    .features--small .feature__body .feature__desc {
      font-size: 14px;
      font-weight: 300;
      line-height: 22px; } }

.features--small.features--sides .feature__body {
  margin-top: 0; }

.features--centered .feature {
  align-items: center !important; }
  .features--centered .feature__desc, .features--centered .feature__title {
    text-align: center; }
  .features--centered .feature__desc {
    margin-right: 0; }

.features--support-resources {
  width: auto; }

.features--reseller .feature {
  padding: 24px;
  background-color: #fff; }
  .features--reseller .feature__arrow {
    display: none; }
  .features--reseller .feature__desc {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    height: 100%; }
    @media (max-width: 1387px) {
      .features--reseller .feature__desc {
        font-size: 13px;
        font-weight: 300;
        line-height: 22px; } }
    @media (max-width: 1011px) {
      .features--reseller .feature__desc {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px; } }
    @media (max-width: 751px) {
      .features--reseller .feature__desc {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px; } }
  .features--reseller .feature__number {
    position: absolute;
    background: -webkit-linear-gradient(270deg, #52399E 0%, rgba(82, 57, 158, 0) 99.26%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    opacity: .2;
    font-size: 120px;
    line-height: 141px;
    left: 50%;
    transform: translateX(-50%);
    top: -60px; }

.features.max-w-xlg {
  margin-left: auto;
  margin-right: auto; }

.features--boxed {
  justify-content: center; }
  .features--boxed .feature {
    border-radius: 12px; }
    .features--boxed .feature--coupon {
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
      overflow: hidden;
      transition: transform 0.3s, box-shadow 0.3s;
      cursor: pointer;
      z-index: 2; }
      .features--boxed .feature--coupon .feature__line {
        position: absolute;
        height: 35px;
        top: 30px;
        right: 0;
        left: 0; }
        .features--boxed .feature--coupon .feature__line:after {
          content: "";
          border-bottom: 3px dashed #C4C4C4;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: -24px;
          left: -24px; }
        .features--boxed .feature--coupon .feature__line .shape {
          height: 35px;
          width: 35px;
          background-color: #f0f0f0;
          border-top-left-radius: 45px;
          border-top-right-radius: 45px;
          border-bottom: 0;
          position: absolute;
          top: 0;
          z-index: 1;
          transition: background-color 0.3s; }
          .features--boxed .feature--coupon .feature__line .shape--left {
            left: -49px;
            transform: rotate(90deg); }
          .features--boxed .feature--coupon .feature__line .shape--right {
            right: -49px;
            transform: rotate(270deg); }
      .features--boxed .feature--coupon .feature__actions {
        position: relative;
        padding-top: 80px; }
      .features--boxed .feature--coupon:hover {
        z-index: 2;
        transform: translate3d(0, -8px, 0);
        box-shadow: 0px 40px 72px 14px rgba(0, 0, 0, 0.04), 0px 32px 56px 14px rgba(0, 0, 0, 0.04); }
        .features--boxed .feature--coupon:hover:before {
          content: "";
          position: absolute;
          bottom: -8px;
          height: 8px;
          left: 0;
          right: 0; }

.features--sm .feature__icon--primary svg path {
  stroke: #6B4DC4; }

.features--sm .feature--content-left .feature__icon {
  justify-content: flex-start; }

.features--connected .feature__icon {
  width: 62px;
  height: 62px;
  background-color: #E5E0F4;
  border-radius: 40px;
  color: #52399E;
  font-size: 32px;
  line-height: 37px;
  font-weight: 700; }
  .features--connected .feature__icon::before {
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
    position: absolute;
    border-radius: 40px;
    z-index: -1; }

.features--connected > div:not(:nth-last-of-type(1)) .feature::after {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  left: calc(50% + 31px);
  top: 31px;
  background-color: #E5E0F4;
  z-index: -1; }

@media (min-width: 1388px) {
  .features {
    /*&--sides {
			.feature {
				&__body {
					margin-top: spacing(2x);
				}
			}
		}*/ }
    .features .feature {
      align-items: flex-start; }
    .features--web-hosting .feature__actions .btn--link {
      padding-left: 0; }
    .features--reseller {
      margin: 0 0; }
      .features--reseller > div {
        padding: 0 !important;
        flex: 0 0 25%;
        max-width: 25%; }
        .features--reseller > div + div {
          padding-left: 56px !important; }
      .features--reseller .feature__arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -41px;
        display: flex; } }

@media (min-width: 1012px) {
  .features--support.row--xs [class*="col-"] {
    padding: 0; }
  .features--support .feature__desc {
    margin-left: -5px;
    margin-right: -5px; }
  .features .feature--uptime {
    padding: 40px;
    max-width: 480px; } }

@media (max-width: 1387px) {
  .features .feature__pricing.pricing {
    margin-left: auto;
    margin-right: auto; }
    .features .feature__pricing.pricing .pricing__title {
      text-align: center; }
  .features .feature__action {
    margin: auto; }
  .features .feature__desc {
    margin-right: 0; }
  .features .feature--link:hover .has-arrow .btn__text {
    padding: 0; }
  .features .feature--tab-arrow.is-active:before {
    display: none; }
  .features:not(.feature--content-left)__body {
    text-align: center; }
  .features:not(.feature--content-left)__desc {
    padding: 0 32px; }
  .features--centered .feature__desc {
    padding: 0; }
  .features--sides {
    /*margin-top: spacing(1x);*/ }
    .features--sides .feature {
      align-items: flex-start; }
      .features--sides .feature__desc {
        padding: 0;
        text-align: left; }
      .features--sides .feature__title {
        text-align: left; }
      .features--sides .feature__body {
        /*.feature__title {
						margin-top: spacing(1x);
					}*/ }
        .features--sides .feature__body .feature__desc {
          font-size: 17px;
          line-height: 28px;
          margin-top: 12px !important; }
      .features--sides .feature__icon {
        height: 24px;
        width: 24px;
        /*margin-top: spacing(1x);*/ }
  .features--web-hosting .feature__body {
    text-align: center; }
  .features--web-hosting .feature__actions .btn {
    margin: 0 auto; } }

@media (min-width: 1012px) {
  .features--reseller .feature {
    min-height: 200px; } }

@media (max-width: 1011px) {
  .features .feature__desc {
    padding: 0; }
  .features .feature--boxed.feature--lg {
    padding: 24px; }
    .features .feature--boxed.feature--lg .feature__body {
      padding: 0; }
    .features .feature--boxed.feature--lg .feature__actions {
      margin-bottom: 0; }
  .features--sides {
    /*margin-top: 0;*/ }
    .features--sides .feature__body {
      /*margin-top: 12px;*/ }
      .features--sides .feature__body .feature__desc {
        font-size: 16px;
        line-height: 26px;
        width: 100%; }
  .features--connected .feature::after {
    content: unset !important; }
  .features--boxed .feature--coupon .feature__line .shape {
    background-color: #ebeceb; }
  .features--boxed .feature--coupon:hover .feature__line .shape {
    background-color: #f0f0f0; } }

@media (max-width: 1011px) {
  /*.features {
		margin-left: 0;
		margin-right: 0;
	}*/ }

@media (min-width: 752px) and (max-width: 1011px) {
  .features .feature--deals .feature__body-top, .features .feature--deals .feature__body-bottom {
    flex-direction: column;
    align-items: center; }
  .features .feature--deals .price {
    text-align: center;
    margin-bottom: 16px; }
  .features .feature--work .feature__actions.flex-items-xs-center .btn {
    min-width: 125px; }
    .features .feature--work .feature__actions.flex-items-xs-center .btn + .btn {
      margin-left: 12px; } }

@media (max-width: 751px) {
  .features {
    margin-top: -24px; }
    .features--sides {
      /*margin-top: 0;
			margin-left: -12px;
			margin-right: -12px;*/ }
      .features--sides .feature {
        /*margin-top: 18px !important;*/ }
        .features--sides .feature__body {
          flex-direction: row;
          flex-wrap: wrap;
          /*margin-top: 6px;*/ }
          .features--sides .feature__body .feature__icon {
            margin-right: 14px; }
        .features--sides .feature__title {
          margin-top: 0; }
    .features .feature--credit .feature__body-bottom p.text-primary {
      font-size: 26px; } }

@media (max-width: 513px) {
  .features .feature__actions .btn + .btn {
    margin-left: 16px; }
  .features .feature--work .feature__actions.flex-items-xs-center {
    flex-direction: column; }
    .features .feature--work .feature__actions.flex-items-xs-center .btn + .btn {
      margin: 8px 0 0 0; } }

.nav--full-width .nav__item.is-active:after {
  margin-bottom: -1px;
  height: 2px;
  z-index: 10; }

.nav--full-width .nav__link {
  font-size: 21px;
  font-weight: 500;
  padding: 32px 24px; }

.nav--full-width .nav__icon {
  width: 32px;
  min-width: 32px;
  height: 32px;
  margin-right: 24px; }

.nav--icons .nav__item {
  margin-right: 48px; }
  .nav--icons .nav__item:last-child {
    margin-right: 0; }
  .nav--icons .nav__item.is-active:after {
    margin-bottom: -1px;
    height: 2px;
    z-index: 10;
    left: 10px !important;
    right: 7px !important; }

.nav--icons .nav__link {
  padding: 24px 8px; }

@media (max-width: 751px) {
  .nav--full-width .nav__link {
    font-size: 17px;
    line-height: 26px;
    font-weight: 500;
    padding: 16px 24px; }
  .nav--full-width .nav__icon {
    display: none; }
  .nav--icons .nav__item {
    margin-right: 24px; }
  .nav--icons .nav__link {
    padding: 16px 8px; } }

/*
*******************************************
 Navbar - Custom
*******************************************
*/
.navbar--main .nav__item .nav__dropdown {
  min-width: 696px !important;
  border-radius: 12px; }
  .navbar--main .nav__item .nav__dropdown .nav__item {
    flex-basis: 50%;
    transition: 0.3s ease background-color; }
    .navbar--main .nav__item .nav__dropdown .nav__item-content {
      display: flex;
      flex-direction: column; }
    .navbar--main .nav__item .nav__dropdown .nav__item-title {
      font-weight: 600;
      font-size: 18px;
      transition: 0.3s ease color;
      margin-bottom: 8px; }
    .navbar--main .nav__item .nav__dropdown .nav__item-desc {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 0;
      font-weight: 300;
      color: #524972; }
    .navbar--main .nav__item .nav__dropdown .nav__item-icon {
      width: auto; }
      .navbar--main .nav__item .nav__dropdown .nav__item-icon svg {
        width: 60px !important;
        height: 50px !important;
        margin-top: 0 !important; }
      .navbar--main .nav__item .nav__dropdown .nav__item-icon > svg {
        height: 53px !important;
        width: 63px !important; }
    .navbar--main .nav__item .nav__dropdown .nav__item .nav__link {
      align-items: flex-start;
      padding: 16px 24px; }
    .navbar--main .nav__item .nav__dropdown .nav__item:hover {
      background-color: #F4F0FF; }
      .navbar--main .nav__item .nav__dropdown .nav__item:hover .nav__item-title {
        color: #52399E; }
    .navbar--main .nav__item .nav__dropdown .nav__item:nth-of-type(odd) {
      border-radius: 0 12px 12px 0; }
    .navbar--main .nav__item .nav__dropdown .nav__item:nth-of-type(even) {
      border-radius: 12px 0 0 12px; }
  .navbar--main .nav__item .nav__dropdown .nav__sub {
    display: flex;
    flex-wrap: wrap;
    padding: 14px 0; }
  .navbar--main .nav__item .nav__dropdown--small {
    min-width: 348px !important; }
    .navbar--main .nav__item .nav__dropdown--small .nav__sub {
      flex-direction: column; }
    .navbar--main .nav__item .nav__dropdown--small .nav__item {
      border-radius: 0 !important; }
  .navbar--main .nav__item .nav__dropdown--features {
    left: -373px !important; }
    .navbar--main .nav__item .nav__dropdown--features::after {
      left: unset !important;
      right: 190px !important; }
  .navbar--main .nav__item .nav__dropdown--wordpress::after {
    left: 217px; }
  .navbar--main .nav__item .nav__dropdown--hosting::after {
    left: 176px; }
  .navbar--main .nav__item .nav__dropdown--services::after {
    left: 182px; }
  .navbar--main .nav__item .nav__dropdown--domains::after {
    left: 191px; }

.navbar--main .nav__item .nav__icon svg {
  width: 100%;
  height: 100%; }

.navbar--main .nav__item .nav__icon path {
  fill: #FBFBFB; }

.navbar--main .nav__item--button {
  margin-left: 16px; }
  .navbar--main .nav__item--button .btn {
    border-radius: 6px !important; }
    .navbar--main .nav__item--button .btn__text {
      color: #fff; }

.navbar--main .nav__item--icon .nav__link-text {
  display: none; }

.navbar--main .nav__item--icon .nav__link-icon {
  width: unset;
  height: 100%;
  display: block;
  padding: 0 16px; }
  .navbar--main .nav__item--icon .nav__link-icon svg {
    height: 100%; }

.navbar--main .nav__item--icon .nav__link {
  padding: 0 !important; }

.navbar--main .nav__link-text {
  font-weight: 600;
  color: #fff; }

.navbar--main .nav__link.btn {
  height: 48px;
  font-size: 16px;
  line-height: 26px;
  max-width: 90px; }

.navbar--main .nav__link-icon svg * {
  stroke: #fff; }

.navbar--main .nav-badge {
  border-radius: 6px;
  min-width: 24px;
  min-height: 24px;
  background: #F67A3C;
  border-color: #F67A3C;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  top: -12px;
  right: -20px; }

.navbar--main .nav--main-menu > .nav__item .nav__link-text {
  transition: 0.3s ease color; }

.navbar--main .nav--main-menu > .nav__item .nav__icon path {
  transition: 0.3s ease fill; }

.navbar--main .nav--main-menu > .nav__item:hover .nav__link-text {
  color: #CEC9DF; }

.navbar--main .nav--main-menu > .nav__item:hover .nav__icon path {
  fill: #CEC9DF; }

.navbar--main .nav--main-menu > .nav__item.has-dropdown.is-open > .nav__link .nav__icon {
  opacity: 0.4; }

.navbar--main .nav--main-menu .nav__cart > span {
  display: block;
  height: 100%;
  padding: 0 16px; }
  .navbar--main .nav--main-menu .nav__cart > span svg {
    display: block;
    height: 100%; }

.navbar--main .navbar__brand {
  padding: 16px;
  padding-left: 0; }
  .navbar--main .navbar__brand .brand__logo {
    width: 246px; }
    .navbar--main .navbar__brand .brand__logo svg, .navbar--main .navbar__brand .brand__logo img {
      height: unset !important; }

.navbar--main .navbar__top-bar {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center; }
  .navbar--main .navbar__top-bar .nav__item {
    min-height: unset;
    display: flex;
    align-items: center; }
    .navbar--main .navbar__top-bar .nav__item:hover svg path {
      stroke: #CEC9DF; }
    .navbar--main .navbar__top-bar .nav__item:hover span {
      color: #CEC9DF; }
    .navbar--main .navbar__top-bar .nav__item span {
      font-size: 14px;
      color: #fff;
      margin-left: 8px;
      font-weight: 600;
      transition: color 0.3s ease; }
    .navbar--main .navbar__top-bar .nav__item svg path {
      transition: stroke 0.3s ease; }
    .navbar--main .navbar__top-bar .nav__item + .nav__item {
      margin-left: 24px; }

.navbar--main .navbar__menu {
  flex-direction: column;
  align-items: flex-end; }

.navbar--main .nav--main-menu > .nav__item > .nav__link:not(.btn) {
  padding-left: 28px; }

.navbar--main .nav--main-menu > .nav__item > .nav__link .nav__icon {
  margin-right: -10px; }

.navbar--tabs .label.tooltip {
  margin-bottom: 0; }

.navbar__burger.burger:not(.is-open) span:nth-of-type(1) {
  top: calc(50% - 6px); }

.navbar__burger.burger:not(.is-open) span:nth-of-type(3) {
  top: calc(50% + 6px); }

.navbar__burger.burger span {
  background-color: #fff; }

.site-navbar {
  align-content: start !important; }
  .site-navbar > .container {
    align-items: flex-start; }
  .site-navbar .nav__item > .btn--sm {
    margin-left: 24px;
    padding: 0 16px; }

@media (min-width: 1388px) {
  .site-navbar > .container .navbar__nav {
    margin-right: -8px !important;
    margin-top: 16px !important; }
  .site-navbar > .container .navbar__brand {
    margin-left: -8px !important; } }

@media (min-width: 1012px) and (max-width: 1387px) {
  .site-navbar > .container .navbar__brand {
    margin-top: auto; }
  .navbar--main .navbar__top-bar {
    margin-bottom: 8px; } }

@media (max-width: 1387px) {
  .navbar--main .nav__link-text {
    color: #fff; }
  .navbar--main .nav__link.btn {
    height: 44px;
    font-size: 15px;
    line-height: 24px;
    max-width: 88px; }
  .navbar--main .nav__item .nav__dropdown--features {
    left: calc(100% - (256px * 2)) !important; }
    .navbar--main .nav__item .nav__dropdown--features::after {
      right: 191px !important; }
  .navbar--main .nav__item .nav__dropdown--services::after {
    left: 165px !important; }
  .navbar--main .nav__item .nav__dropdown--domains::after {
    left: 172px !important; }
  .navbar--main .nav__item .nav__dropdown--wordpress::after {
    left: 195px !important; }
  .navbar--main .nav__item .nav__dropdown--hosting::after {
    left: 159px !important; }
  .navbar--main .nav--main-menu > .nav__item .nav__link:not(.btn) {
    padding-left: 24px; }
  .navbar--main .nav--main-menu > .nav__item--button {
    margin-left: 10px; }
  .navbar--main .nav--main-menu > .nav__item .btn--sm {
    margin-left: 18px; }
  .navbar--main .nav--main-menu > .nav__item--icon .nav__link {
    padding-left: 0 !important; }
  .navbar--main .navbar__brand .brand__logo {
    max-width: 205px; }
    .navbar--main .navbar__brand .brand__logo svg {
      height: 38px !important;
      margin-left: -8px; }
    .navbar--main .navbar__brand .brand__logo img {
      height: 38px !important;
      margin-left: 6px; }
  .navbar--main .navbar__brand {
    padding: 0px; }
  .navbar--main .navbar__top-bar {
    padding: 0 24px; }
    .navbar--main .navbar__top-bar .nav__item span {
      font-size: 13px; } }

@media (min-width: 1012px) and (max-width: 1387px) {
  .navbar--main > .container .navbar__menu {
    margin-right: 8px !important; } }

@media (min-width: 1012px) {
  .site-navbar > .container .navbar__menu {
    margin-right: 8px !important; }
  .site-navbar > .container .navbar__brand {
    margin-top: 24px;
    margin-left: 0 !important; } }

@media (min-width: 1012px) and (min-width: 1012px) {
  .nav--main-menu .nav__dropdown {
    display: block !important;
    visibility: hidden;
    transform: translateY(10px);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; }
  .nav--main-menu .nav__item.has-dropdown.is-open .nav__dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0); }
  .nav--main-menu .nav__item--button .btn {
    padding: 0 16px; } }

@media (min-width: 752px) {
  .navbar--main .navbar__cart {
    display: none; } }

@media (max-width: 1011px) {
  .navbar--main .navbar__brand {
    flex-grow: 1;
    margin-left: 0 !important; }
    .navbar--main .navbar__brand .brand__logo {
      width: unset;
      max-width: 200px;
      padding-right: 0;
      padding-left: 8px; }
      .navbar--main .navbar__brand .brand__logo svg {
        height: 41px !important;
        margin-left: -3px; }
  .navbar--main .navbar__top-bar {
    order: 2;
    justify-content: center;
    padding: 24px 0;
    display: flex !important; }
  .navbar--main .navbar__burger {
    margin-right: 0 !important;
    margin-left: 16px !important;
    width: 24px; }
    .navbar--main .navbar__burger::after {
      content: unset; }
  .navbar--main .navbar__cart {
    display: block;
    margin-top: 0;
    position: relative; }
    .navbar--main .navbar__cart > span {
      height: 32px;
      width: 32px;
      display: block; }
      .navbar--main .navbar__cart > span svg * {
        stroke: #fff; }
    .navbar--main .navbar__cart .nav-badge {
      position: absolute;
      min-width: 22px;
      min-height: 22px;
      top: -10px;
      right: -10px;
      font-size: 14px;
      line-height: 18px; }
  .navbar--main .navbar__menu {
    background: linear-gradient(90deg, #2E1A6D 0%, #4A338D 45.83%, #7759CE 100%);
    max-width: unset;
    width: 100vw;
    padding-top: 16px;
    border-radius: 0;
    padding-top: 10px;
    position: fixed;
    top: 68px;
    bottom: 0;
    justify-content: space-between; }
  .navbar--main .nav--main-menu {
    overflow-x: hidden; }
    .navbar--main .nav--main-menu .nav__link-text {
      flex-grow: 0; }
    .navbar--main .nav--main-menu .nav__dropdown {
      margin-top: 0 !important; }
      .navbar--main .nav--main-menu .nav__dropdown .nav__item {
        flex-basis: 100%; }
        .navbar--main .nav--main-menu .nav__dropdown .nav__item-title {
          color: #2B1F51;
          margin-bottom: 0;
          font-size: 16px;
          line-height: 26px; }
        .navbar--main .nav--main-menu .nav__dropdown .nav__item-desc {
          font-size: 12px;
          line-height: 20px; }
        .navbar--main .nav--main-menu .nav__dropdown .nav__item-content {
          margin-left: 16px; }
        .navbar--main .nav--main-menu .nav__dropdown .nav__item + .nav__item .nav__link {
          padding-top: 16px !important; }
      .navbar--main .nav--main-menu .nav__dropdown .nav__sub {
        padding: 16px 0; }
      .navbar--main .nav--main-menu .nav__dropdown .nav__link {
        padding: 0 !important; }
    .navbar--main .nav--main-menu .nav__sub > .nav__item {
      max-width: 752px;
      margin: 0 auto;
      padding: 0 32px; }
      .navbar--main .nav--main-menu .nav__sub > .nav__item:hover {
        background-color: inherit; }
    .navbar--main .nav--main-menu > .nav__item {
      display: flex;
      margin-top: 0; }
      .navbar--main .nav--main-menu > .nav__item.has-dropdown.is-open {
        background-color: rgba(0, 0, 0, 0.1);
        display: block; }
      .navbar--main .nav--main-menu > .nav__item--button {
        margin-top: 48px;
        margin-left: 0;
        display: flex;
        flex-grow: 1; }
        .navbar--main .nav--main-menu > .nav__item--button .btn {
          margin: 0 auto;
          height: 48px;
          min-width: 280px;
          font-size: 17px;
          line-height: 28px; }
      .navbar--main .nav--main-menu > .nav__item .btn--sm {
        margin: 0 auto;
        height: 48px;
        min-width: 280px;
        font-size: 17px;
        line-height: 28px;
        margin-top: 48px; }
      .navbar--main .nav--main-menu > .nav__item > .nav__link {
        max-width: 752px;
        margin: 0 auto;
        padding: 10px 24px 10px 32px !important; }
      .navbar--main .nav--main-menu > .nav__item:nth-last-of-type(1) {
        display: none; }
  .site-navbar > .container {
    align-items: center; }
  .site-navbar .nav > .nav__item.has-dropdown .nav__dropdown::after {
    content: unset; } }

@media (max-width: 751px) {
  .navbar--main .navbar__brand .brand__logo {
    padding-left: 0; }
    .navbar--main .navbar__brand .brand__logo svg, .navbar--main .navbar__brand .brand__logo img {
      height: 30px !important;
      width: auto;
      margin-left: 0 !important; }
  .navbar--main .navbar__burger {
    margin-top: 0 !important; }
  .navbar--main .nav--main-menu > .nav__item .nav__dropdown {
    min-width: 100% !important; }
    .navbar--main .nav--main-menu > .nav__item .nav__dropdown .nav__item-desc {
      display: none; }
    .navbar--main .nav--main-menu > .nav__item .nav__dropdown .nav__item-content {
      margin-top: auto;
      margin-bottom: auto; }
    .navbar--main .nav--main-menu > .nav__item .nav__dropdown .nav__sub {
      padding: 16px 0; }
  .navbar--main .nav--main-menu > .nav__item > .nav__link {
    padding-left: 24px !important;
    max-width: 514px; }
  .navbar--main .nav--main-menu .nav__sub > .nav__item {
    max-width: 514px;
    padding: 0 24px; } }

/*
*******************************************
Block
1. General
2. Elements
3. Responsive
*******************************************
*/
/*
*******************************************
1. Block - general
*******************************************
*/
.block {
  display: flex;
  flex-wrap: nowrap; }

/*
*******************************************
2. Block - elements
*******************************************
*/
.service-section {
  margin-top: 35px; }
  .service-section:first-child {
    margin-top: 0; }
  .service-section__header {
    margin-bottom: 30px; }
  .service-section__title {
    margin-bottom: 0; }
  .service-section__description {
    margin-top: 8px;
    margin-bottom: 0; }

.block__sidebar .widget__content .form-group:last-child {
  margin-bottom: 0; }

.block__sidebar .widget__header h4 {
  margin-bottom: 24px;
  color: #fff; }

.inline {
  display: inline-block; }

.block:not(.block--boxed) .block__sidebar .widget {
  color: #1B1C21;
  overflow: visible;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 8px;
  margin-bottom: 8px; }
  .block:not(.block--boxed) .block__sidebar .widget:last-child {
    border-bottom: none; }
  .block:not(.block--boxed) .block__sidebar .widget__header, .block:not(.block--boxed) .block__sidebar .widget__body {
    border: none; }
  .block:not(.block--boxed) .block__sidebar .widget__actions {
    border-color: transparent;
    background: transparent;
    padding: 15px;
    padding-top: 0; }
  .block:not(.block--boxed) .block__sidebar .widget .form-control, .block:not(.block--boxed) .block__sidebar .widget .selectize-input {
    border-color: #fff; }

.block:not(.block--boxed) .block__sidebar .btn--default {
  border-color: transparent;
  background: rgba(255, 255, 255, 0.3);
  color: #fff; }
  .block:not(.block--boxed) .block__sidebar .btn--default:hover {
    background: rgba(255, 255, 255, 0.4); }
  .block:not(.block--boxed) .block__sidebar .btn--default:focus, .block:not(.block--boxed) .block__sidebar .btn--default:active {
    background: rgba(255, 255, 255, 0.1); }

.block__sidebar {
  width: 368px;
  margin-right: 32px;
  background-color: #6B4DC4; }
  .block__sidebar .nav {
    margin-left: -16px; }
  .block__sidebar.block__sidebar--md {
    width: 320px; }

.block__body {
  padding: 24px;
  border: 1px solid #fff;
  background: #fff;
  flex: 1; }
  .block__body.block__body--no-data {
    min-height: 540px;
    display: flex;
    align-items: center; }
    .block__body.block__body--no-data .msg:not(.msg--lg) .msg__description {
      font-size: 13px; }
    .block__body.block__body--no-data .msg:not(.msg--lg) .msg__title {
      font-size: 18px; }
  .block__body .form-section:first-of-type .form-section__title {
    padding-top: 0; }
  .block__body .btn__icon {
    font-size: 14px;
    margin-right: 0;
    margin-left: -4px; }

.block__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-top: 32px;
  background: #fff;
  position: fixed;
  width: 768px;
  padding: 32px;
  bottom: 0 !important;
  margin-left: -32px;
  z-index: 10;
  display: none; }
  .block__summary.absolute {
    position: absolute;
    left: 0px;
    width: 100%;
    margin-left: 0; }
  .block__summary.fixed {
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15); }
    .block__summary.fixed:before {
      content: none; }
  .block__summary:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 1px;
    background: #eaeaea; }
  .block__summary .h6 {
    font-size: 14px; }
  .block__summary .type-3 {
    line-height: 26px; }
  .block__summary #cloud-price,
  .block__summary #total-price {
    display: inline-block; }

.block__content + .block__actions {
  margin-top: 24px; }

.block--sidebar-right .block__sidebar {
  margin-right: 0;
  margin-left: -1px;
  order: 2; }

.block--boxed {
  justify-content: space-between; }
  .block--boxed > .block__body {
    padding: 32px;
    border: none;
    border-radius: 12px;
    position: relative;
    padding-bottom: 120px; }
    .block--boxed > .block__body .package {
      width: 100%; }
  .block--boxed #show-calculator {
    display: flex; }
    .block--boxed #show-calculator .btn__text {
      width: 100%;
      text-align: center;
      display: block; }
  .block--boxed .block__section {
    margin-top: 40px; }
    .block--boxed .block__section .h5 {
      margin-bottom: 24px; }
  .block--boxed .block__sidebar {
    background-color: transparent; }
    .block--boxed .block__sidebar .widget:first-child {
      border: none; }
    .block--boxed .block__sidebar--sm {
      width: 150px; }
  .block--boxed.block--sidebar-right .block__sidebar, .block--boxed.block--sidebar-dobule .block__sidebar {
    margin-right: 0;
    margin-left: 24px; }

.block.block--msg .block__body {
  padding-left: 56px;
  padding-right: 56px; }
  .block.block--msg .block__body > .top {
    flex-wrap: wrap;
    padding: 15px 16px; }
    .block.block--msg .block__body > .top .top__title {
      width: 100%;
      overflow: visible;
      white-space: initial;
      margin-bottom: 8px;
      font-size: 16px;
      line-height: 22px; }
    .block.block--msg .block__body > .top .top__status {
      margin-left: auto;
      margin-right: 0;
      font-weight: 500; }

.block.block--sidebar-dobule .block__sidebar.block__sidebar--left {
  margin-left: 0;
  margin-right: 24px;
  margin-left: 0; }

.block.block--sidebar-dobule .block__sidebar.block__sidebar--right {
  margin-right: 0;
  margin-left: 24px; }

.block.block--ticket .block__body {
  padding-left: 60px;
  padding-right: 60px; }

.block.block--ticket .top {
  flex-wrap: wrap;
  padding: 15px 16px; }
  .block.block--ticket .top__title {
    width: 100%;
    overflow: visible;
    white-space: initial;
    margin-bottom: 10px; }
    .block.block--ticket .top__title.p-2 {
      font-size: initial;
      line-height: initial; }
  .block.block--ticket .top__status {
    margin-left: auto;
    margin-right: 0;
    font-weight: bold; }

@media (min-width: 1012px) {
  .block.block--article .block__body {
    padding-right: 24px; } }

.block.block--services .block__body + .block__sidebar {
  margin-left: 30px; }

.block.block--auth {
  height: auto;
  width: 100%;
  margin: 16px; }
  .block.block--auth .block__body {
    padding: 56px;
    border: none;
    height: 100%;
    display: flex;
    flex-flow: column wrap; }
    .block.block--auth .block__body.has-actions {
      padding-bottom: 0; }
      .block.block--auth .block__body.has-actions .block__content {
        margin-bottom: 48px; }
  .block.block--auth .brand {
    width: 100%;
    height: auto;
    justify-content: center;
    margin-top: auto;
    margin-bottom: 48px; }
    .block.block--auth .brand img {
      max-width: 160px; }
  .block.block--auth .block__content {
    margin-bottom: auto; }
  .block.block--auth .block__actions {
    margin-left: -56px;
    margin-right: -56px;
    margin-top: auto; }
    .block.block--auth .block__actions .btn {
      min-height: 48px; }
      .block.block--auth .block__actions .btn span {
        margin-right: 6px; }
  .block.block--auth .form-group--inline + .btn {
    margin-top: 16px; }
  .block.block--auth .form-check {
    margin-bottom: 0; }

.block.block--center {
  align-items: center;
  justify-content: center; }

.package.is-touched {
  pointer-events: none !important;
  touch-action: none !important; }

/*
*******************************************
3. Block - responsive
*******************************************
*/
@media (max-width: 1387px) {
  .block__sidebar {
    width: 270px;
    margin-right: 16px; } }

@media (max-width: 1011px) {
  .block__sidebar {
    width: 100%; } }

@media (max-width: 751px) {
  .block__sidebar {
    width: 100%;
    margin-right: 0; } }

@media (max-width: 1011px) {
  .block__sidebar.block__sidebar--md {
    width: 100%; } }

@media (max-width: 1387px) {
  .block__summary {
    width: 654px; } }

@media (max-width: 1011px) {
  .block__summary {
    width: 684px; } }

@media (max-width: 751px) {
  .block__summary {
    width: 100%;
    left: 0;
    margin-left: 0;
    padding: 16px; }
    .block__summary .price .type-3 {
      margin: 0px; } }

@media (max-width: 751px) {
  .block .section__container {
    display: none; }
    .block .section__container.is--open {
      display: block;
      padding-bottom: 60px; } }

@media (max-width: 751px) {
  .block .block__header .content h4 {
    display: flex;
    align-items: center;
    justify-content: space-between; } }

@media (max-width: 751px) {
  .block__body.block__body--no-data {
    min-height: initial; } }

@media (max-width: 751px) {
  .block__body {
    padding: 17px 10px;
    border: none; }
    .block__body > .list-group {
      margin: -24px -16px; }
      .block__body > .list-group .list-group__item {
        padding: 16px; }
    .block__body > *:not(.well) + .list-group {
      margin-top: 0;
      margin-bottom: 0; } }

@media (max-width: 751px) {
  .block--sidebar-right .block__sidebar {
    margin-left: 0; } }

.block.block--boxed .block__body {
  padding-bottom: 160px; }
  @media (max-width: 751px) {
    .block.block--boxed .block__body {
      padding: 24px 16px; } }
  @media (max-width: 751px) {
    .block.block--boxed .block__body.is--open {
      padding-bottom: 120px !important; } }

@media (min-width: 1012px) {
  .block.block--boxed .block__sidebar--sm {
    min-width: 150px; } }

@media (min-width: 1012px) {
  .block.block--boxed .block__sidebar--sm + .block__body {
    width: calc(100% - 150px); } }

@media (max-width: 1011px) {
  .block.block--boxed.block--sidebar-right .block__sidebar, .block.block--boxed.block--sidebar-dobule .block__sidebar {
    margin-left: 0; } }

.block.block--domains .block__body {
  padding-bottom: 32px; }
  .block.block--domains .block__body .list-group .btn__icon {
    font-size: 19px;
    color: #6B4DC4; }

.block.block--domains .block__sidebar {
  width: 268px; }

.block.block--domains .list-group__item {
  padding: 6px 0;
  margin-bottom: 9px; }
  .block.block--domains .list-group__item.is-unavaliable .zmdi,
  .block.block--domains .list-group__item.is-unavaliable .list-group__content {
    opacity: 0.5;
    color: #404040; }
  .block.block--domains .list-group__item.is-unavaliable .rail .type-5 {
    opacity: 0.5;
    color: #404040; }

.block.block--domains .list-group__content + .list-group__addon {
  padding-left: 32px; }
  .block.block--domains .list-group__content + .list-group__addon .btn {
    margin-right: 1px; }

.block.block--domains .rail {
  color: #6B4DC4; }
  .block.block--domains .rail > * {
    margin-right: 32px; }

.block.block--domains .list-group .rail .btn {
  width: 127px; }

.block.block--domains .list-group .rail .btn__icon {
  color: #fff;
  margin: 0; }

@media (max-width: 751px) {
  .block.block--msg .block__body {
    padding-left: 0;
    padding-right: 0; } }

@media (min-width: 752px) {
  .block.block--msg .block__body > .top {
    display: none; } }

@media (max-width: 1011px) {
  .block.block--msg .block__sidebar {
    padding-left: 56px;
    padding-right: 56px; } }

@media (max-width: 1011px) {
  .block.block--sidebar-dobule .block__sidebar.block__sidebar--right {
    margin-left: 0;
    margin-top: 30px; } }

@media (max-width: 751px) {
  .block.block--ticket .block__body {
    padding-left: 0;
    padding-right: 0; } }

@media (max-width: 1011px) {
  .block.block--ticket .block__sidebar {
    padding-left: 60px;
    padding-right: 60px; } }

@media (min-width: 752px) {
  .block.block--ticket .top {
    display: none; } }

@media (max-width: 1011px) {
  .block.block--services .block__body + .block__sidebar {
    margin-left: 0;
    margin-top: 30px; } }

@media (max-width: 1011px) {
  .block.block--domains .block__sidebar {
    width: 100%; } }

@media (max-width: 751px) {
  .block.block--domains .block__body {
    padding-bottom: 24px; } }

@media (max-width: 751px) {
  .block.block--services .block__body + .block__sidebar {
    margin-left: 0; } }

@media (max-width: 1011px) {
  .block {
    flex-direction: column; } }

@media (max-width: 751px) {
  .block.block--auth .block__body.has-actions .block__content {
    margin-bottom: 32px; } }

@media (max-width: 751px) {
  .block.block--auth .block__body {
    padding: 32px 56px; }
  .block.block--auth .block__actions {
    align-self: stretch; } }

@media (max-width: 513px) {
  .block.block--auth .block__body {
    align-items: stretch;
    padding: 32px 24px; }
  .block.block--auth .block__actions {
    margin-left: -24px;
    margin-right: -24px; }
  .block.block--auth .brand {
    margin-bottom: 32px; }
  .block.block--auth .form-group--inline + .btn {
    margin-top: 8px; } }

@media (max-width: 751px) {
  .block.block--domains .list-group__item {
    flex-direction: column; }
  .block.block--domains .list-group__item .list-group__addon:first-child {
    display: none; }
  .block.block--domains .list-group__content {
    width: 100%; }
  .block.block--domains .list-group__addon.rail {
    justify-content: space-between;
    width: 100%;
    padding-left: 0; } }

.rs-overlay,
.rs-overlay1,
.rs-overlay2 {
  position: absolute;
  background-color: white;
  z-index: 3;
  top: 0;
  height: 50%; }

.rs-control {
  position: relative;
  outline: 0 none;
  margin: 0 auto; }
  .rs-control .rs-overlay1,
  .rs-control .rs-overlay2 {
    transform-origin: 50% 100%; }
  .rs-control .rs-overlay {
    transform-origin: 100% 100%; }
  .rs-control.rs-error {
    border: 1px dotted;
    text-align: center; }
  .rs-control .rs-split .rs-path {
    transform-origin: 50% 100%; }

.rs-container {
  position: relative; }

.rs-bar {
  transform-origin: 100% 50%;
  position: absolute;
  height: 0;
  z-index: 10; }
  .rs-bar.rs-rounded {
    z-index: 5; }
  .rs-bar .rs-seperator {
    height: 0;
    display: none;
    float: left; }
  .rs-bar.rs-start .rs-seperator {
    border-top: none; }
  .rs-bar.rs-start.rs-rounded .rs-seperator {
    border-radius: 0 0 1000px 1000px; }
  .rs-bar.rs-end .rs-seperator {
    border-bottom: none; }
  .rs-bar.rs-end.rs-rounded .rs-seperator {
    border-radius: 1000px 1000px 0 0; }
  .rs-bar:not(.rs-rounded) .rs-seperator {
    border-left: none;
    border-right: none; }

.rs-readonly {
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  z-index: 100; }
  .rs-readonly .rs-handle.rs-move {
    cursor: default; }
  .rs-readonly .rs-tooltip.edit:hover {
    border-color: transparent;
    cursor: default; }

.rs-disabled {
  opacity: 0.35; }

.rs-inner-container {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden; }

.quarter .rs-bar {
  width: 100%; }

.quarter div.rs-block {
  height: 200%;
  width: 200%; }

.quarter.right .rs-bar {
  right: 100%; }

.half.top div.rs-block, .half.bottom div.rs-block {
  height: 200%;
  width: 100%; }

.half.left .rs-bar {
  width: 100%;
  top: 50%; }

.half.left .rs-tooltip {
  top: 50%; }

.half.left div.rs-block {
  height: 100%;
  width: 200%; }

.half.right .rs-bar {
  width: 100%;
  top: 50%;
  right: 100%; }

.half.right .rs-tooltip {
  top: 50%; }

.half.right div.rs-block {
  height: 100%;
  width: 200%; }

.half .rs-bar {
  width: 50%; }

.bottom .rs-bar,
.bottom .rs-tooltip {
  top: 0; }

.bottom > .rs-inner-container > .rs-block {
  top: auto;
  bottom: 0; }

.right .rs-tooltip {
  left: 0; }

.right .rs-inner-container > .rs-block {
  right: 0; }

.rs-block {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  overflow: hidden;
  z-index: 6; }
  .rs-block .rs-inner {
    border-radius: 1000px;
    display: block;
    height: 100%;
    width: 100%;
    position: relative; }

.rs-overlay {
  width: 50%; }

.rs-overlay1,
.rs-overlay2 {
  width: 100%; }

.full .rs-bar {
  width: 50%;
  top: 50%; }

.full .rs-tooltip {
  top: 50%;
  left: 50%; }

.rs-handle {
  border-radius: 100px;
  outline: 0 none;
  float: left;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }
  .rs-handle.rs-move {
    cursor: move; }
  .rs-handle.rs-handle-square {
    border-radius: 0; }

.rs-path {
  display: block;
  height: 100%;
  width: 100%;
  border: 1px solid #ededed; }

.rs-tooltip .rs-input {
  outline: 0 none;
  border: none;
  background: transparent;
  padding: 5px 8px; }

.rs-tooltip.edit {
  padding: 5px 8px; }
  .rs-tooltip.edit:hover {
    border: 1px solid #aaaaaa;
    cursor: pointer; }

.rs-tooltip.hover {
  border: 1px solid #aaaaaa;
  cursor: pointer; }

.rs-tooltip-text {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  position: absolute;
  bottom: -35px;
  z-index: 10;
  left: 0;
  right: 0; }

.rs-handle-dot {
  border: 1px solid #aaaaaa;
  padding: 6px;
  background-color: white; }
  .rs-handle-dot:after {
    display: block;
    content: "";
    border: 1px solid #aaaaaa;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    background-color: #838383; }

.rs-seperator,
.rs-border {
  border: none; }

.rs-path-color {
  background-color: #ededed; }

.rs-range-color {
  background-color: #cd1c35; }

.rs-bg-color {
  background-color: white; }

.rs-animation .rs-transition {
  transition: all 0.5s linear 0s; }

div.rs-block {
  border-radius: 100%; }

.rs-split .rs-path {
  border-radius: 1000px 1000px 0 0;
  overflow: hidden;
  height: 50%;
  position: absolute;
  top: 0;
  z-index: 0; }

/*
*******************************************
Graphic container
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Graphic container - general
*******************************************
*/
.g-c {
  width: 424px;
  height: 424px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 165, 255, 0.1); }
  .g-c img {
    max-height: 100%;
    max-width: 100%; }
  .g-c--sm {
    width: 214px;
    height: 214px; }

.section--dark .g-c {
  background: rgba(255, 255, 255, 0.15); }

.banner .g-c {
  background: rgba(255, 255, 255, 0.15); }

/*
*******************************************
2. Graphic container - responsive
*******************************************
*/
@media (max-width: 1011px) {
  .g-c {
    width: 304px;
    height: 304px; } }

@media (max-width: 751px) {
  .g-c {
    height: 224px;
    width: 224px; } }

/*
*******************************************
Banner
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Banner - general
*******************************************
*/
.site-banner {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  min-height: 750px; }
  .site-banner.has-nav {
    padding-bottom: 72px; }
  .site-banner + .section {
    z-index: 6; }
  .site-banner > .container {
    position: relative;
    z-index: 3; }
  .site-banner .rail {
    margin-top: 40px; }
    .site-banner .rail .rail__content div:last-child {
      opacity: 0.7; }
  .site-banner .pricing__title {
    color: #fff; }

.banner__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: auto; }
  .banner__content > .banner__title,
  .banner__content > .banner__desc {
    max-width: 584px;
    width: 100%; }
  .banner__content + .banner__graphic {
    justify-content: flex-end; }
  .banner__content > *:last-child {
    margin-bottom: 0; }
  .banner__content-review a {
    color: #fff; }

.banner--m-w-xlg .banner__content > .banner__title,
.banner--m-w-xlg .banner__content > .banner__desc {
  max-width: 1012px; }

.banner--m-w-lg .banner__content > .banner__title,
.banner--m-w-lg .banner__content > .banner__desc {
  max-width: 894px; }

.banner--m-w-sm .banner__content > .banner__title,
.banner--m-w-sm .banner__content > .banner__desc {
  max-width: 480px; }

.banner--m-w-xs .banner__content > .banner__title,
.banner--m-w-xs .banner__content > .banner__desc {
  max-width: 360px; }

.banner__subtitle {
  color: #6B4DC4;
  margin-bottom: 0; }

.banner__title {
  margin-bottom: 0;
  color: #1B1C21; }
  .banner__title span {
    display: block;
    font-weight: 200; }

.banner__desc {
  margin-bottom: 0;
  color: #2B1F51; }
  .banner__desc > a {
    color: #fff;
    font-weight: 600;
    text-decoration: none; }

.banner__graphic {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%; }

.banner__illustration {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.banner__actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }

.banner__nav {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }
  .banner__nav .nav__link {
    padding: 24px; }
    .banner__nav .nav__link-text {
      color: #fff; }
  .banner__nav .nav--tabs .nav__item.is-active .nav__link {
    color: #fff; }
  .banner__nav .nav--tabs .nav__item.is-active:after {
    position: absolute;
    top: 0px;
    display: block;
    content: "";
    height: 2px;
    background: #fff; }
  .banner__nav .ls-swiper {
    margin-left: -24px; }
  .banner__nav .nav:after {
    display: none; }

.banner__features--right {
  margin-left: 48px; }

.banner.overlap {
  margin-bottom: -85px;
  padding-bottom: 60px; }
  .banner.overlap + * {
    padding-top: 0; }
  .banner.overlap + .section .row--features {
    margin-top: 0; }
    .banner.overlap + .section .row--features .feature {
      margin-top: 0; }

.banner.has-nav {
  padding-bottom: 72px; }

.banner--sm .banner__content {
  min-height: 480px; }

.banner--center > .container {
  display: flex; }

.banner--center .banner__content {
  align-items: center;
  text-align: center;
  margin: auto; }

.banner--center .banner__nav .nav--tabs {
  justify-content: center; }

.banner--features .banner__content {
  flex-direction: row; }

.banner--sides > .container {
  display: flex; }

.banner--sides .banner__content {
  position: relative;
  align-items: flex-start;
  text-align: left;
  max-width: 610px;
  margin: 0; }
  .banner--sides .banner__content + .banner__content {
    max-width: 662px; }

.banner--sides .banner__background {
  width: 100%;
  height: 541px;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 482px;
  display: flex;
  justify-content: center;
  z-index: 5; }
  .banner--sides .banner__background--right {
    transform: none;
    width: auto;
    position: absolute;
    top: 0px;
    right: 260px; }
    .banner--sides .banner__background--right.banner__background--human {
      right: 0;
      width: auto; }
    .banner--sides .banner__background--right .illustration-banner {
      position: relative;
      width: 758px;
      height: 570px;
      top: -20px; }
      .banner--sides .banner__background--right .illustration-banner--sm {
        width: 602px;
        height: 518px;
        top: 0px;
        left: -30px;
        top: -40px; }
      .banner--sides .banner__background--right .illustration-banner .illustration-banner__illustration-part {
        opacity: 0; }
        .banner--sides .banner__background--right .illustration-banner .illustration-banner__illustration-part--shadow {
          -webkit-filter: drop-shadow(0px 24px 64px rgba(0, 0, 0, 0.08));
          filter: drop-shadow(0px 24px 64px rgba(0, 0, 0, 0.08)); }
      .banner--sides .banner__background--right .illustration-banner--domain-reseller .illustration-banner__illustration-part--1, .banner--sides .banner__background--right .illustration-banner--domain-reseller .illustration-banner__illustration-part--2, .banner--sides .banner__background--right .illustration-banner--domain-reseller .illustration-banner__illustration-part--3 {
        position: absolute; }
      .banner--sides .banner__background--right .illustration-banner--domain-reseller .illustration-banner__illustration-part--1 {
        left: 76.23px;
        top: 0px; }
      .banner--sides .banner__background--right .illustration-banner--domain-reseller .illustration-banner__illustration-part--2 {
        top: 116px;
        right: -21px; }
      .banner--sides .banner__background--right .illustration-banner--domain-reseller .illustration-banner__illustration-part--3 {
        bottom: 9px;
        left: 22px; }
      .banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--1, .banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--2, .banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--3, .banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--4, .banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--5 {
        position: absolute; }
      .banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--1 {
        left: 16.23px;
        top: 0px; }
      .banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--2 {
        right: 239.5px;
        top: 131px; }
      .banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--3 {
        left: 84px;
        top: 170px; }
      .banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--4 {
        left: 535px;
        top: 364.88px; }
      .banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--5 {
        left: 538px;
        top: 80.2px; }
      .banner--sides .banner__background--right .illustration-banner--website-builder .illustration-banner__illustration-part--1, .banner--sides .banner__background--right .illustration-banner--website-builder .illustration-banner__illustration-part--2, .banner--sides .banner__background--right .illustration-banner--website-builder .illustration-banner__illustration-part--3, .banner--sides .banner__background--right .illustration-banner--website-builder .illustration-banner__illustration-part--4 {
        position: absolute; }
      .banner--sides .banner__background--right .illustration-banner--website-builder .illustration-banner__illustration-part--1 {
        left: 2px;
        top: 0px; }
      .banner--sides .banner__background--right .illustration-banner--website-builder .illustration-banner__illustration-part--2 {
        left: 513.54px;
        top: 364.88px; }
      .banner--sides .banner__background--right .illustration-banner--website-builder .illustration-banner__illustration-part--3 {
        left: 86.32px;
        top: 56.07px; }
      .banner--sides .banner__background--right .illustration-banner--website-builder .illustration-banner__illustration-part--4 {
        left: 536.52px;
        top: 80.2px; }
      .banner--sides .banner__background--right .illustration-banner--cloud-vps .illustration-banner__illustration-part--1, .banner--sides .banner__background--right .illustration-banner--cloud-vps .illustration-banner__illustration-part--2, .banner--sides .banner__background--right .illustration-banner--cloud-vps .illustration-banner__illustration-part--3 {
        position: absolute; }
      .banner--sides .banner__background--right .illustration-banner--cloud-vps .illustration-banner__illustration-part--1 {
        left: 57.74px;
        top: 0px; }
      .banner--sides .banner__background--right .illustration-banner--cloud-vps .illustration-banner__illustration-part--2 {
        left: 0px;
        top: 272px; }
      .banner--sides .banner__background--right .illustration-banner--cloud-vps .illustration-banner__illustration-part--3 {
        left: 435px;
        top: 91.34px; }
      .banner--sides .banner__background--right .illustration-banner--wordpress-hosting .illustration-banner__illustration-part--1, .banner--sides .banner__background--right .illustration-banner--wordpress-hosting .illustration-banner__illustration-part--2, .banner--sides .banner__background--right .illustration-banner--wordpress-hosting .illustration-banner__illustration-part--3 {
        position: absolute; }
      .banner--sides .banner__background--right .illustration-banner--wordpress-hosting .illustration-banner__illustration-part--1 {
        left: 18.94%;
        right: 9.63%;
        top: 5.79%;
        bottom: 7.53%; }
      .banner--sides .banner__background--right .illustration-banner--wordpress-hosting .illustration-banner__illustration-part--2 {
        right: 381.94px;
        top: 207px; }
      .banner--sides .banner__background--right .illustration-banner--wordpress-hosting .illustration-banner__illustration-part--3 {
        left: 72.27%;
        right: -0.01%;
        top: 19.37%;
        bottom: 47.26%; }
      .banner--sides .banner__background--right .illustration-banner--webhosting {
        position: relative; }
        .banner--sides .banner__background--right .illustration-banner--webhosting .illustration-banner__illustration-part--1, .banner--sides .banner__background--right .illustration-banner--webhosting .illustration-banner__illustration-part--2, .banner--sides .banner__background--right .illustration-banner--webhosting .illustration-banner__illustration-part--3 {
          position: absolute; }
        .banner--sides .banner__background--right .illustration-banner--webhosting .illustration-banner__illustration-part--1 {
          left: 114px;
          top: 30px; }
        .banner--sides .banner__background--right .illustration-banner--webhosting .illustration-banner__illustration-part--2 {
          right: 474px;
          top: 170.67px; }
        .banner--sides .banner__background--right .illustration-banner--webhosting .illustration-banner__illustration-part--3 {
          left: 435px;
          top: 100.34px; }
      .banner--sides .banner__background--right .illustration-banner--reseller-hosting .illustration-banner__illustration-part--1, .banner--sides .banner__background--right .illustration-banner--reseller-hosting .illustration-banner__illustration-part--2 {
        position: absolute; }
      .banner--sides .banner__background--right .illustration-banner--reseller-hosting .illustration-banner__illustration-part--1 {
        left: 19.1%;
        right: 9.63%;
        top: 5.79%;
        bottom: 0.21%; }
      .banner--sides .banner__background--right .illustration-banner--reseller-hosting .illustration-banner__illustration-part--2 {
        left: -0.83%;
        right: 65.12%;
        top: 37.45%;
        bottom: 8.49%; }

.banner--error .banner__title {
  font-size: 280px;
  line-height: 260px;
  font-weight: 600; }

.banner--legal {
  min-height: unset; }
  .banner--legal + .section.section--legal {
    padding-top: 0; }

.banner--full-h {
  padding: 0 !important;
  min-height: 100vh !important;
  min-height: -webkit-fill-available;
  align-items: center; }

.banner--404-page {
  padding-top: 0px !important;
  margin-top: -50px; }
  .banner--404-page__content {
    margin-top: 32px; }

.banner-footer--no-banner {
  min-height: 216px; }

.banner--reseller .banner__content {
  min-height: 842px; }

/*
*******************************************
  Banner General - Responsive Spacing
*******************************************
*/
.banner {
  padding-top: 112px; }
  .banner__content {
    padding-top: 100px;
    padding-bottom: 320px; }
  .banner__title + .banner__desc {
    margin-top: 32px; }
  .banner__actions {
    margin: 32px -12px -24px; }
    .banner__actions > * {
      margin-bottom: 24px; }
    .banner__actions .btn {
      margin: 0 12px 24px; }
  .banner--sides .banner__content + .banner__graphic,
  .banner--sides .banner__content + .banner__content {
    padding-left: 48px; }

@media (min-width: 1012px) {
  .banner-location:not(.banner--location-illustration) .banner__content {
    padding-top: 0; }
  .banner-location .banner__content {
    min-height: 780px; }
  .banner-location:not(.banner--location-illustration) .banner__background {
    top: 390px; } }

@media (min-height: 1011px) {
  .banner--sides .banner__content {
    min-height: 840px; }
  .banner--404-page .banner__content {
    min-height: auto; } }

@media (max-width: 1387px) {
  .banner--reseller .banner__content {
    min-height: 570px; } }

@media (max-width: 1011px) {
  .banner--reseller .banner__content {
    min-height: 692px; } }

@media (max-width: 752px) {
  .banner--reseller .banner__content {
    min-height: 704px; } }

@media (max-width: 1387px) {
  .banner {
    padding-top: 94px; }
    .banner__content {
      padding-top: 80px;
      padding-bottom: 120px; }
    .banner__title + .banner__desc {
      margin-top: 32px; }
    .banner__actions {
      margin: 32px -12px -24px; }
      .banner__actions > * {
        margin-bottom: 24px; }
      .banner__actions .btn {
        margin: 0 12px 24px; }
    .banner--sides .banner__background {
      top: 444px; }
      .banner--sides .banner__background .banner__background--right {
        right: -265px; }
        .banner--sides .banner__background .banner__background--right .illustration-banner--sm {
          left: -80px; }
    .banner--sides .banner__content + .banner__graphic,
    .banner--sides .banner__content + .banner__content {
      padding-left: 48px; } }

@media (min-width: 752px) {
  .banner-location:not(.banner--location-illustration) .banner__background {
    top: 344px; } }

@media (max-width: 1011px) {
  .banner {
    padding-top: 70px; }
    .banner__content {
      padding-top: 64px;
      padding-bottom: 0; }
    .banner__title + .banner__desc {
      margin-top: 28px; }
    .banner__actions {
      margin: 32px -12px -24px; }
      .banner__actions > * {
        margin-bottom: 24px; }
      .banner__actions .btn {
        margin: 0 8px 16px; }
    .banner--sides .banner__content + .banner__graphic,
    .banner--sides .banner__content + .banner__content {
      padding-left: 40px;
      padding-top: 64px;
      margin-top: 0; }
    .banner--404-page {
      min-height: 255px !important; }
    .banner--reseller .banner__content {
      min-height: 704px; }
    .banner--reseller .banner__content {
      min-height: 692px; } }

@media (max-width: 751px) {
  .banner__content {
    padding-top: 64px;
    padding-bottom: 0; }
  .banner__title + .banner__desc {
    margin-top: 28px; }
  .banner__actions {
    margin: 32px -12px -24px; }
    .banner__actions > * {
      margin-bottom: 24px; }
    .banner__actions .btn {
      margin: 0 8px 16px; }
  .banner--sides .banner__content + .banner__graphic,
  .banner--sides .banner__content + .banner__content {
    padding-left: 40px;
    padding-top: 64px;
    margin-top: 0; } }

/*
*******************************************
  Banner General - Responsive
*******************************************
*/
@media (max-width: 1011px) {
  .banner--sides .container {
    flex-direction: column; } }

@media (max-width: 751px) {
  .banner--sides .banner__content {
    margin: auto;
    align-items: center; }
    .banner--sides .banner__content > * {
      align-items: center;
      text-align: center;
      margin-left: auto;
      margin-right: auto; } }

@media screen and (-ms-high-contrast: active) and (max-width: 751px), (-ms-high-contrast: none) and (max-width: 751px) {
  .banner .container {
    flex: 1 0 0%; } }

/*
*******************************************
2. Banner - Custom
*******************************************
*/
.banner {
  min-height: unset;
  background: linear-gradient(90deg, #2E1A6D 0%, #4A338D 45.83%, #7759CE 100%); }
  .banner.overlap {
    margin-bottom: -316px;
    padding-bottom: 105px; }
    .banner.overlap-lg {
      margin-bottom: -426px;
      padding-bottom: 160px; }
      .banner.overlap-lg + .section .nav--tabs .nav__item .nav__link {
        color: #fff; }
        .banner.overlap-lg + .section .nav--tabs .nav__item .nav__link:hover {
          color: #F67A3C; }
      .banner.overlap-lg + .section .nav--tabs .nav__item.is-active .nav__link {
        color: #F67A3C; }
    .banner.overlap-xl {
      margin-bottom: -349px;
      padding-bottom: 120px; }
      .banner.overlap-xl .banner__actions .btn:nth-last-of-type(1) {
        margin-bottom: 0; }
      .banner.overlap-xl + .section .nav--tabs .nav__item .nav__link {
        color: #fff; }
        .banner.overlap-xl + .section .nav--tabs .nav__item .nav__link:hover {
          color: #F67A3C; }
      .banner.overlap-xl + .section .nav--tabs .nav__item.is-active .nav__link {
        color: #F67A3C; }
  .banner--sides .banner__title {
    max-width: unset; }
  .banner--sides .banner__desc {
    color: #fff; }
    .banner--sides .banner__desc strong {
      font-weight: 600; }
  .banner--sides .banner__actions {
    justify-content: unset;
    margin-top: 40px; }
    .banner--sides .banner__actions-btn {
      margin-right: 12px; }
      .banner--sides .banner__actions-btn .btn {
        margin-bottom: 16px; }
    .banner--sides .banner__actions .money-back {
      color: #fff;
      font-size: 14px;
      line-height: 22px;
      margin-left: 12px; }
      .banner--sides .banner__actions .money-back strong {
        font-weight: 600; }
  .banner--sides.has-shapes .container {
    position: relative;
    z-index: 6; }
  .banner--sides.has-shapes .banner__shape-background {
    position: absolute;
    top: -97px;
    bottom: -97px;
    left: 0;
    right: 0;
    z-index: 0;
    overflow: hidden; }
  .banner--sides.has-shapes .banner__shape {
    position: absolute;
    left: -100%;
    right: -100%;
    height: 290px;
    background: #fff; }
    .banner--sides.has-shapes .banner__shape--top {
      top: 0;
      transform: rotate(-5.8deg); }
    .banner--sides.has-shapes .banner__shape--bottom {
      bottom: 0;
      transform: rotate(-5.8deg); }
  .banner--sides.overlap-xl .banner__background--right {
    top: 0;
    right: 312px; }
  .banner__title {
    color: #fff; }
  .banner__desc {
    color: #fff; }
    .banner__desc b {
      font-weight: 600; }
  .banner.has-shapes .container {
    position: relative;
    z-index: 6; }
  .banner.has-shapes .banner__shape-background {
    position: absolute;
    top: -97px;
    bottom: -97px;
    left: 0;
    right: 0;
    z-index: 0;
    overflow: hidden; }
  .banner.has-shapes .banner__shape {
    position: absolute;
    left: -100%;
    right: -100%;
    height: 290px;
    background: #fff; }
    .banner.has-shapes .banner__shape--top {
      top: 0;
      transform: rotate(-5.8deg); }
    .banner.has-shapes .banner__shape--bottom {
      bottom: 0;
      transform: rotate(-5.8deg); }
  .banner--about + .section .swiper-features {
    padding-left: 0; }
    .banner--about + .section .swiper-features .swiper-slide {
      margin-right: 24px !important;
      width: 18%;
      min-width: 220px; }
      .banner--about + .section .swiper-features .swiper-slide:last-of-type {
        margin-right: 0; }
    .banner--about + .section .swiper-features .feature {
      border-radius: 12px;
      padding: 32px;
      height: auto;
      align-items: flex-start; }
      .banner--about + .section .swiper-features .feature__icon {
        justify-content: flex-start; }
      .banner--about + .section .swiper-features .feature__title {
        margin-top: 8px; }
      .banner--about + .section .swiper-features .feature__desc {
        margin-top: 8px; }
      .banner--about + .section .swiper-features .feature__body {
        padding: 0; }
  .banner__content-review p, .banner__content-review h5 {
    color: #fff;
    margin: 0; }
  .banner__content-review > p {
    padding-left: 80px;
    position: relative; }
    .banner__content-review > p svg {
      position: absolute;
      top: 0;
      left: 0; }
  .banner__content-review div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-left: 88px;
    margin-top: 37px; }
    .banner__content-review div img {
      position: absolute;
      left: 0;
      height: 65px;
      width: 65px;
      border-radius: 50%; }
    .banner__content-review div p {
      font-size: 14px;
      line-height: 20px; }
  .banner--support .banner__actions .btn {
    min-width: 286px; }
  .banner--domains.has-shapes .banner__shape--bottom {
    bottom: -55px; }
  .banner--locations .banner__shape.banner__shape--bottom {
    bottom: -60px; }
  .banner--center .banner__desc strong {
    font-weight: 600; }
  .banner-location .banner__background--right {
    display: flex;
    min-height: 420px; }
    .banner-location .banner__background--right img {
      width: 662px; }
  .banner--search {
    margin: 48px auto 0 auto;
    max-width: 848px;
    width: 100%;
    background-color: #fff;
    border-radius: 8px; }
    .banner--search .form-group {
      margin-bottom: 0; }
    .banner--search .input-group {
      height: 76px;
      position: relative;
      border-radius: 0;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      padding: 0 8px !important;
      border: none; }
      .banner--search .input-group--radius {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px; }
      .banner--search .input-group-icon {
        position: absolute;
        left: 16px;
        top: 50%;
        transform: translateY(-50%);
        width: 23px; }
        .banner--search .input-group-icon svg {
          vertical-align: middle;
          margin-top: -8px; }
      .banner--search .input-group .form-control {
        padding-left: 56px; }
      .banner--search .input-group .btn {
        min-width: 187px; }
      .banner--search .input-group--actions {
        display: flex;
        justify-content: space-between;
        position: relative; }
        .banner--search .input-group--actions:after {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          left: 0;
          background-color: #E6E7EB;
          height: 1px; }
        .banner--search .input-group--actions > div {
          display: flex; }
        .banner--search .input-group--actions .actions-switch {
          display: flex !important;
          align-items: center;
          padding: 0 16px;
          position: relative; }
          .banner--search .input-group--actions .actions-switch:after {
            content: "";
            position: absolute;
            right: 0;
            height: 28px;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            background-color: #E6E7EB; }
          .banner--search .input-group--actions .actions-switch span {
            color: #524972;
            font-size: 14px;
            line-height: 22px;
            font-weight: 300; }
          .banner--search .input-group--actions .actions-switch label {
            margin: 0;
            width: 38px;
            height: 22px; }
            .banner--search .input-group--actions .actions-switch label .switch__container {
              line-height: 1;
              background-color: #E6E7EB; }
              .banner--search .input-group--actions .actions-switch label .switch__container:after {
                color: #536080; }
            .banner--search .input-group--actions .actions-switch label .switch__checkbox + .switch__container:after {
              font-size: 11px; }
            .banner--search .input-group--actions .actions-switch label .switch__checkbox + .switch__container .switch__handle {
              right: 18px; }
            .banner--search .input-group--actions .actions-switch label .switch__handle {
              height: 18px;
              width: 18px; }
          .banner--search .input-group--actions .actions-switch#showPremiumDomains .fa-toggle-off:not(.fa-toggle-on) + .switch__container, .banner--search .input-group--actions .actions-switch#showTakenDomains .fa-toggle-off:not(.fa-toggle-on) + .switch__container {
            background-color: #6B4DC4; }
            .banner--search .input-group--actions .actions-switch#showPremiumDomains .fa-toggle-off:not(.fa-toggle-on) + .switch__container .switch__handle, .banner--search .input-group--actions .actions-switch#showTakenDomains .fa-toggle-off:not(.fa-toggle-on) + .switch__container .switch__handle {
              right: 2px; }
          .banner--search .input-group--actions .actions-switch .switch__wrapper {
            margin-left: 16px;
            display: flex;
            align-items: center; }
            .banner--search .input-group--actions .actions-switch .switch__wrapper > * + * {
              margin-left: 6px; }
          .banner--search .input-group--actions .actions-switch .switch__label {
            font-size: 12px;
            line-height: 22px;
            color: #938F9F; }
        .banner--search .input-group--actions .btn--link {
          color: #524972;
          font-size: 14px;
          line-height: 22px;
          font-weight: 300;
          padding: 0 16px; }
          .banner--search .input-group--actions .btn--link .btn__icon {
            font-size: 14px;
            display: flex; }
      .banner--search .input-group.is-focus {
        border: none; }
    .banner--search + p {
      color: #fff;
      margin-top: 32px; }
      .banner--search + p a {
        position: relative;
        text-decoration: none;
        margin-left: 8px;
        font-weight: 600; }
        .banner--search + p a:after {
          content: "";
          position: absolute;
          bottom: -8px;
          right: 0;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: #F67A3C; }
    .banner--search .actions-right .btn__icon {
      margin-right: -8px; }
    .banner--search .is-loading::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background-color: #fff;
      opacity: 0.6;
      border-radius: 8px;
      z-index: 10; }
    .banner--search .is-loading .preloader-container--search {
      min-height: unset;
      position: absolute;
      height: 100%;
      z-index: 11; }
      .banner--search .is-loading .preloader-container--search .preloader {
        border-radius: 8px; }

@media (min-width: 1921px) {
  .banner.has-shapes .banner__shape {
    height: 500px; }
    .banner.has-shapes .banner__shape--bottom {
      bottom: -210px; }
  .banner.has-shapes.overlap .banner__shape--bottom, .banner.has-shapes.overlap-xl .banner__shape--bottom {
    bottom: -212px; } }

@media (min-width: 1388px) {
  .banner--sides .banner__background {
    width: 1920px; }
  .banner--about + .section .swiper-features .swiper-wrapper {
    transform: none !important; } }

@media (max-width: 1387px) {
  .banner--sides .banner__background {
    width: 1012px; }
    .banner--sides .banner__background--right {
      right: -240px; } }

@media (min-width: 1012px) and (max-width: 1388px) {
  .banner--sides + .section {
    margin-top: 32px; }
  .banner--sides .banner__background {
    width: 1012px; }
    .banner--sides .banner__background--right {
      right: -240px; } }

@media (min-width: 1012px) and (max-width: 1387px) {
  .banner--sides .banner__actions > * {
    margin-bottom: 0; }
  .banner--sides .banner__content {
    padding-bottom: 140px; }
  .banner--sides.has-shapes .banner__shape {
    height: 500px;
    bottom: -264px;
    transform: rotate(-2.8deg); }
  .banner--sides.has-shapes > .container {
    padding-bottom: 140px; } }

@media (max-width: 1387px) {
  .banner--sides .banner__content {
    max-width: 556px; }
    .banner--sides .banner__content .banner__actions {
      margin-top: 32px; }
      .banner--sides .banner__content .banner__actions .money-back {
        font-size: 13px;
        line-height: 22px;
        text-align: center;
        margin-left: 0; }
      .banner--sides .banner__content .banner__actions-btn .btn {
        margin-bottom: 8px; }
  .banner--sides .banner__background--right {
    right: -140px; }
  .banner.banner--sides.overlap-xl .banner__content {
    padding-bottom: 180px; }
  .banner.banner--sides.overlap-xl .banner__background--right {
    right: -40px; }
  .banner--about + .section .feature__body {
    text-align: left; }
  .banner--about + .section .feature__desc {
    padding: 0; }
  .banner.overlap-xl .banner__content, .banner.overlap .banner__content {
    padding-bottom: 320px; }
  .banner.overlap-lg {
    margin-bottom: -349px;
    padding-bottom: 80px; }
  .banner--center.has-shapes .banner__content {
    margin: 0;
    justify-content: flex-start;
    padding-bottom: 320px; }
  .banner--center.has-shapes .overlap-xl .banner__content,
  .banner--center.has-shapes .overlap .banner__content {
    margin: auto;
    justify-content: center; } }

@media (min-width: 752px) and (max-width: 1011px) {
  .banner--sides .banner__content + .banner__content {
    margin-bottom: 140px; }
  .banner--support .banner__content + .banner__content {
    padding-bottom: 220px; }
  .site-banner > .container {
    padding-bottom: 80px; } }

@media (max-width: 1011px) {
  .banner {
    padding-top: 88px; }
    .banner--sides .banner__content + .banner__content {
      padding-left: 0; }
    .banner--sides .banner__content {
      max-width: unset;
      min-height: unset;
      align-items: center; }
      .banner--sides .banner__content .banner__actions .money-back {
        font-size: 12px;
        line-height: 20px; }
    .banner--sides .banner__title {
      text-align: center;
      max-width: unset; }
    .banner--sides .banner__background {
      display: none; }
    .banner--sides .banner__desc {
      text-align: center;
      max-width: unset; }
    .banner--sides .banner__actions .pricing__price {
      justify-content: center; }
    .banner.has-shapes .banner__shape-background {
      bottom: -120px; }
      .banner.has-shapes .banner__shape-background .banner__shape {
        bottom: -88px;
        transform: rotate(-3.6deg); }
    .banner.has-shapes.overlap-xl .banner__content, .banner.has-shapes.overlap .banner__content {
      padding-bottom: 320px; }
    .banner.has-shapes.overlap-xl .banner__shape-background, .banner.has-shapes.overlap .banner__shape-background {
      bottom: 0; }
    .banner.has-shapes.overlap-lg {
      margin-bottom: -319px;
      padding-bottom: 22px; }
      .banner.has-shapes.overlap-lg .banner__content {
        padding-bottom: 250px; }
    .banner--center.has-shapes .banner__content {
      margin: 32px 0 0 0;
      padding-bottom: 0; }
    .banner__content {
      padding-top: 0; }
    .banner--search .input-group--actions .actions-switch {
      padding: 0 8px; }
  .site-banner {
    padding-bottom: 140px; }
    .site-banner > .container {
      padding-bottom: 0px; }
    .site-banner.overlap-lg + .section {
      padding-top: 40px; } }

@media (max-width: 751px) {
  .banner--sides .banner__actions {
    flex-direction: column-reverse; }
    .banner--sides .banner__actions .pricing {
      margin-bottom: 16px; }
      .banner--sides .banner__actions .pricing__save {
        font-size: 14px;
        line-height: 22px; }
      .banner--sides .banner__actions .pricing__price {
        margin-bottom: 0; }
    .banner--sides .banner__actions-btn {
      margin: 0; }
  .banner--sides.has-shapes {
    padding-bottom: 140px; }
    .banner--sides.has-shapes .banner__shape-background .banner__shape {
      transform: rotate(-5.6deg); }
  .banner--support .banner__content + .banner__content {
    padding: 32px 0 0 0; }
  .banner--support .banner__content-review {
    text-align: left; }
    .banner--support .banner__content-review > p {
      padding-left: 48px; }
      .banner--support .banner__content-review > p svg {
        height: 29px;
        width: 38px; }
    .banner--support .banner__content-review div {
      align-items: flex-start; }
  .banner--center.has-shapes .banner__content {
    margin: 0;
    padding-bottom: 0; }
  .banner--center.has-shapes .banner__shape-background {
    bottom: -140px; }
  .banner--center.has-shapes.overlap-xl .banner__content, .banner--center.has-shapes.overlap .banner__content {
    padding-bottom: 320px; }
  .banner--center.has-shapes.overlap-xl .banner__shape-background, .banner--center.has-shapes.overlap .banner__shape-background {
    bottom: 0; }
  .banner--center.banner--domains {
    min-height: 690px; }
  .banner.has-shapes.overlap-lg {
    margin-bottom: -295px; }
    .banner.has-shapes.overlap-lg .banner__content {
      padding-bottom: 240px; }
  .banner.overlap-xl.has-shapes.banner--sides .banner__content {
    padding-bottom: 180px; }
  .banner--search .input-group--actions {
    flex-direction: column;
    align-items: center;
    margin-bottom: 4px !important; }
    .banner--search .input-group--actions > div {
      flex-direction: column; }
    .banner--search .input-group--actions .actions-switch {
      justify-content: space-between;
      margin: 4px 0;
      padding-right: 8px; }
      .banner--search .input-group--actions .actions-switch:after {
        display: none; }
    .banner--search .input-group--actions .btn.btn--xs {
      position: relative;
      top: unset;
      transform: none;
      justify-content: flex-start;
      padding-left: 8px;
      height: unset; }
  .banner--search .collapse span {
    text-align: left; } }

@media (max-width: 513px) {
  .banner--search .input-group {
    height: auto;
    flex-direction: column; }
    .banner--search .input-group-icon {
      top: 16px;
      transform: none; }
    .banner--search .input-group .form-control {
      height: 56px;
      padding-left: 56px; }
    .banner--search .input-group .btn {
      width: 100%;
      margin-bottom: 16px; }
    .banner--search .input-group .tab-content {
      width: 100%; }
  .banner--search .collapse .col-md-2 {
    margin-bottom: 8px;
    padding-left: 8px;
    text-align: left; }
  .banner--search .collapse span.help-status {
    display: inline; } }

.banner__content-scores {
  display: flex;
  width: 100%;
  margin: 72px 0 0;
  align-items: flex-start !important;
  flex-wrap: wrap;
  gap: 40px; }
  @media (max-width: 1397px) and (min-width: 1012px) {
    .banner__content-scores {
      gap: 20px; } }
  .banner__content-scores .banner-score-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: calc(25% - 30px);
    text-align: left; }
    @media (max-width: 1397px) and (min-width: 1012px) {
      .banner__content-scores .banner-score-box {
        width: calc(25% - 15px); } }
    @media (max-width: 559px) {
      .banner__content-scores .banner-score-box {
        width: calc(50% - 30px); }
        .banner__content-scores .banner-score-box__logo, .banner__content-scores .banner-score-box__stars {
          justify-content: center; }
        .banner__content-scores .banner-score-box__score {
          text-align: center; } }
    .banner__content-scores .banner-score-box__logo {
      display: flex;
      align-items: center;
      height: 35px; }
      .banner__content-scores .banner-score-box__logo img {
        max-height: 40px; }
    .banner__content-scores .banner-score-box__stars {
      display: flex;
      gap: 2px; }
      .banner__content-scores .banner-score-box__stars svg {
        width: 30px;
        height: 30px; }
    .banner__content-scores .banner-score-box__score {
      color: #fff;
      font-size: 13px;
      line-height: 16px; }

.top-promotion-is-open {
  overflow: hidden; }

.banner--promotion {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  padding: 0 !important;
  min-height: 54px;
  background-color: transparent; }
  .banner--promotion::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #F67A3C;
    z-index: 1000; }
  .banner--promotion > .container {
    z-index: 11111 !important; }
  .banner--promotion > .banner__body {
    z-index: 50; }
  .banner--promotion .banner__top {
    min-height: 54px;
    position: relative; }
  .banner--promotion > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 10; }
  .banner--promotion .banner__body {
    background: linear-gradient(90deg, #2E1A6D 0%, #4A338D 45.83%, #7759CE 100%);
    min-height: 100vh;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 100%;
    top: -100vh;
    transition: top 0.3s ease-out, bottom 0.3s ease-out, opacity 0.3s ease-out;
    z-index: 11;
    overflow: hidden;
    opacity: 0;
    will-change: auto; }
    .banner--promotion .banner__body.is-open {
      opacity: 1;
      top: 0;
      bottom: 0; }
      .banner--promotion .banner__body.is-open .banner__shape-background {
        display: flex; }
    .banner--promotion .banner__body .container {
      display: flex;
      align-items: center;
      min-height: 100%;
      padding-top: 50px;
      padding-bottom: 50px; }
    .banner--promotion .banner__body .banner__content {
      min-height: auto;
      padding: 0 !important; }
    .banner--promotion .banner__body .banner__shape-background {
      display: none;
      top: 0; }
      .banner--promotion .banner__body .banner__shape-background .banner__shape.banner__shape--bottom {
        background: #291C4F;
        opacity: 0.7; }
      .banner--promotion .banner__body .banner__shape-background .banner__shape.banner__shape--top-big {
        background-color: transparent; }
  .banner--promotion .banner--left {
    display: flex;
    align-items: center; }
    .banner--promotion .banner--left p {
      margin-bottom: 0;
      color: #fff; }
      .banner--promotion .banner--left p b {
        font-weight: 600; }
    .banner--promotion .banner--left .label {
      background-color: #FEE9DF;
      color: #F67A3C;
      height: 30px;
      font-size: 16px;
      margin-right: 16px;
      font-weight: 600;
      border-radius: 4px; }
  .banner--promotion .banner--right .btn {
    color: #fff; }
  .banner--promotion .banner--right svg {
    margin-left: 8px; }
    .banner--promotion .banner--right svg path {
      stroke: #fff; }
  .banner--promotion .banner--right.is-open .btn {
    color: #fff; }
    .banner--promotion .banner--right.is-open .btn svg {
      transform: rotate(180deg); }
  .banner--promotion .banner__content {
    max-width: 610px;
    position: relative;
    z-index: 6;
    padding-top: 74px;
    padding-bottom: 0; }
    .banner--promotion .banner__content .banner__desc {
      max-width: 603px; }
    .banner--promotion .banner__content .banner__actions .btn.btn--secondary {
      min-width: 174px; }
  .banner--promotion .banner__slide {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden; }
  .banner--promotion .banner__background--right {
    top: -20px;
    right: 220px; }
  .banner--promotion .close-button {
    background-color: transparent;
    padding-left: 0;
    margin-left: -4px; }
    .banner--promotion .close-button svg {
      margin: 0; }

.banner--promotion .promotion-code-text {
  margin-top: 16px;
  color: #fff; }

.banner--promotion .promo-container {
  display: inline-block;
  position: relative;
  margin: 0 8px;
  /*
        [data-coupon-copied-text] {
            position: absolute;
            bottom: calc(100% + 8px);
            left: 8px;
            right: 14px;
            border-radius: 4px;
            background-color: #fff;
            padding: 4px 4px;
            text-align: center;;
            font-size: map-deep-get($fonts, "p-d", "size");
            color: map-deep-get($fonts-colors, "paragraph", "text");
            box-shadow: 0px 2px 20px -1px rgb(0, 0, 0, 0.25);
        }
        */ }
  .banner--promotion .promo-container .label {
    display: inline-block;
    color: #F67A3C;
    background-color: #FEE9DF;
    border-radius: 4px;
    vertical-align: inherit;
    height: auto;
    padding: 2px 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    font-weight: 600; }
    @media (max-width: 1387px) {
      .banner--promotion .promo-container .label {
        font-size: 15px;
        line-height: 24px; } }
    @media (max-width: 1011px) {
      .banner--promotion .promo-container .label {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }
    @media (max-width: 751px) {
      .banner--promotion .promo-container .label {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }
  .banner--promotion .promo-container .tooltip--big {
    min-width: 140px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    justify-content: center; }

@media (min-width: 1012px) {
  .banner--promotion .banner__body--two-cols .banner__content {
    width: 50%; }
    .banner--promotion .banner__body--two-cols .banner__content:first-child {
      padding-right: 96px !important;
      border-right: 1px solid rgba(255, 255, 255, 0.16); }
    .banner--promotion .banner__body--two-cols .banner__content:last-child {
      padding-left: 96px !important; } }

@media (max-width: 1387px) {
  .banner--promotion > .container {
    flex-direction: row;
    padding-top: 4px;
    padding-bottom: 4px !important; }
  .banner--promotion .banner__content {
    width: 100%; }
    .banner--promotion .banner__content + .banner__content {
      margin-bottom: 0 !important;
      margin-top: 56px; }
  .banner--promotion .banner__body .container {
    padding-top: 64px;
    padding-bottom: 64px; }
  .banner--promotion .banner--left {
    flex-basis: 70%; }
    .banner--promotion .banner--left .label {
      height: auto;
      margin: 4px 16px 4px 0;
      line-height: 22px;
      min-width: 165px; }
  .banner--promotion .banner--right {
    flex-basis: 30%;
    text-align: right; }
  .banner--promotion .banner__background .banner__background--right {
    right: -300px;
    top: 0px; }
    .banner--promotion .banner__background .banner__background--right img {
      height: 590px; } }

@media (max-width: 1011px) {
  .banner--promotion .banner--left {
    flex-direction: column;
    align-items: flex-start; }
  .banner--promotion .banner--right .close-button {
    position: absolute;
    top: 0;
    right: -12px; }
  .banner--promotion .banner__actions {
    flex-direction: column; }
  .banner--promotion .banner__body .banner__slide > .container {
    justify-content: center; } }

@media (max-width: 513px) {
  .banner--promotion > .container {
    flex-direction: column;
    padding-top: 8px;
    padding-bottom: 0; }
  .banner--promotion .banner--left, .banner--promotion .banner--right {
    flex-basis: 100%; }
  .banner--promotion .banner--right {
    align-self: flex-start; }
    .banner--promotion .banner--right .btn {
      padding: 0 16px 0 0; }
      .banner--promotion .banner--right .btn.close-button {
        right: 0; }
  .banner--promotion .banner__content {
    padding-top: 32px; } }

@media (max-width: 480px) {
  .banner--promotion > .container {
    flex-direction: column;
    padding-top: 8px;
    padding-bottom: 0; }
  .banner--promotion .banner--left, .banner--promotion .banner--right {
    flex-basis: 100%; }
  .banner--promotion .banner--right {
    align-self: flex-start; }
    .banner--promotion .banner--right .btn {
      padding: 0 16px 0 0; }
  .banner--promotion .banner__body {
    overflow: auto; } }

@media (max-height: 730px) {
  .banner--promotion .banner__body {
    overflow: auto; } }

/* halloween */
.banner--promotion.banner--halloween .banner__body {
  background: linear-gradient(180deg, #352759 -0.19%, #3F2A61 10.15%, #4D2F6B 30.82%, #522F6C 43.46%, #613070 58.39%, #693172 64.14%, #8F376C 98.6%); }
  .banner--promotion.banner--halloween .banner__body:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/banner-promotion-halloween.svg);
    background-repeat: no-repeat;
    background-size: cover; }

.banner--promotion.banner--halloween .banner__slide {
  position: relative;
  z-index: 1; }

.banner--promotion.banner--halloween .box--promotion {
  justify-content: center !important; }
  .banner--promotion.banner--halloween .box--promotion p {
    flex-basis: unset !important; }
  .banner--promotion.banner--halloween .box--promotion-discount + p {
    padding-left: 32px;
    font-weight: 500; }
  .banner--promotion.banner--halloween .box--promotion.promotion--box-orange {
    padding-left: 8px;
    padding-right: 8px; }
  @media (max-width: 1387px) {
    .banner--promotion.banner--halloween .box--promotion-discount + p {
      padding-left: 16px;
      font-weight: 500; } }
  @media (max-width: 513px) {
    .banner--promotion.banner--halloween .box--promotion br {
      display: none; } }

.banner--promotion.banner--black-friday .banner__body {
  background: #00021E; }
  .banner--promotion.banner--black-friday .banner__body:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/black-promo-bg.png);
    background-repeat: no-repeat;
    background-size: cover; }

.banner--promotion.banner--black-friday .banner__slide {
  position: relative;
  z-index: 1; }

.banner--promotion.banner--black-friday .box--promotion {
  justify-content: center !important; }
  .banner--promotion.banner--black-friday .box--promotion p {
    flex-basis: unset !important; }
  .banner--promotion.banner--black-friday .box--promotion-discount + p {
    padding-left: 32px;
    font-weight: 500; }
  .banner--promotion.banner--black-friday .box--promotion.promotion--box-orange {
    padding-left: 8px;
    padding-right: 8px; }
  @media (max-width: 1387px) {
    .banner--promotion.banner--black-friday .box--promotion-discount + p {
      padding-left: 16px;
      font-weight: 500; } }
  @media (max-width: 513px) {
    .banner--promotion.banner--black-friday .box--promotion br {
      display: none; } }

.banner--promotion.banner--black-friday-2 .banner__body {
  background: linear-gradient(180deg, #52399E 0%, #3D2B77 41.67%, #291C4F 100%); }
  .banner--promotion.banner--black-friday-2 .banner__body:before {
    content: '';
    position: absolute;
    top: -330px;
    left: -228px;
    width: 702px;
    height: 652px;
    background-image: url(../img/black-promo-graphic-left.svg);
    opacity: 0.3; }
  .banner--promotion.banner--black-friday-2 .banner__body:after {
    content: '';
    position: absolute;
    bottom: -297px;
    right: -291px;
    width: 682px;
    height: 682px;
    background-image: url(../img/black-promo-graphic-right.svg); }
  .banner--promotion.banner--black-friday-2 .banner__body--graphic-right .banner__slide > .container {
    justify-content: space-between; }
  .banner--promotion.banner--black-friday-2 .banner__body--graphic-right .banner__slide .banner__content {
    max-width: 470px; }
    @media (max-width: 1387px) {
      .banner--promotion.banner--black-friday-2 .banner__body--graphic-right .banner__slide .banner__content.banner__content--graphic {
        margin-right: -60px; }
        .banner--promotion.banner--black-friday-2 .banner__body--graphic-right .banner__slide .banner__content.banner__content--graphic svg {
          height: 287px; } }
    @media (max-width: 1011px) {
      .banner--promotion.banner--black-friday-2 .banner__body--graphic-right .banner__slide .banner__content {
        align-items: center;
        margin: auto; }
        .banner--promotion.banner--black-friday-2 .banner__body--graphic-right .banner__slide .banner__content.banner__content--graphic {
          display: none; } }

.banner--promotion.banner--black-friday-2 .banner__slide {
  position: relative;
  z-index: 1; }

.banner--promotion.banner--black-friday-2 .box--promotion {
  justify-content: center !important; }
  .banner--promotion.banner--black-friday-2 .box--promotion p {
    flex-basis: unset !important; }
  .banner--promotion.banner--black-friday-2 .box--promotion-discount + p {
    padding-left: 32px;
    font-weight: 500; }
  .banner--promotion.banner--black-friday-2 .box--promotion.promotion--box-orange {
    padding-left: 8px;
    padding-right: 8px; }
  @media (max-width: 1387px) {
    .banner--promotion.banner--black-friday-2 .box--promotion-discount + p {
      padding-left: 16px;
      font-weight: 500; } }
  @media (max-width: 513px) {
    .banner--promotion.banner--black-friday-2 .box--promotion br {
      display: none; } }

.banner--promotion.banner--cyber-monday .banner__body {
  background: #00021E; }
  .banner--promotion.banner--cyber-monday .banner__body:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/cyber-monday-promo-bg.png);
    background-repeat: no-repeat;
    background-size: cover; }

.banner--promotion.banner--cyber-monday .banner__slide {
  position: relative;
  z-index: 1; }

.banner--promotion.banner--cyber-monday .box--promotion {
  justify-content: center !important; }
  .banner--promotion.banner--cyber-monday .box--promotion p {
    flex-basis: unset !important; }
  .banner--promotion.banner--cyber-monday .box--promotion-discount + p {
    padding-left: 32px;
    font-weight: 500; }
  .banner--promotion.banner--cyber-monday .box--promotion.promotion--box-orange {
    padding-left: 8px;
    padding-right: 8px; }
  @media (max-width: 1387px) {
    .banner--promotion.banner--cyber-monday .box--promotion-discount + p {
      padding-left: 16px;
      font-weight: 500; } }
  @media (max-width: 513px) {
    .banner--promotion.banner--cyber-monday .box--promotion br {
      display: none; } }

.banner--promotion.banner--winter-sale .banner__body {
  background: #16254C; }
  .banner--promotion.banner--winter-sale .banner__body:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/banner-promotion-winter-sale.svg);
    background-repeat: no-repeat;
    background-size: cover; }

.banner--promotion.banner--winter-sale .banner__slide {
  position: relative;
  z-index: 1; }

.banner--promotion.banner--winter-sale .box--promotion {
  justify-content: center !important; }
  .banner--promotion.banner--winter-sale .box--promotion p {
    flex-basis: unset !important; }
  .banner--promotion.banner--winter-sale .box--promotion-discount + p {
    padding-left: 32px;
    font-weight: 500; }
  .banner--promotion.banner--winter-sale .box--promotion.promotion--box-orange {
    padding-left: 8px;
    padding-right: 8px; }
  @media (max-width: 1387px) {
    .banner--promotion.banner--winter-sale .box--promotion-discount + p {
      padding-left: 16px;
      font-weight: 500; } }
  @media (max-width: 513px) {
    .banner--promotion.banner--winter-sale .box--promotion br {
      display: none; } }

/*
*******************************************
Overlap
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Overlap - general
*******************************************
*/
.overlap {
  margin-bottom: -100px;
  padding-bottom: 0; }
  .overlap + * {
    padding-top: 180px; }

/*
*******************************************
2. Overlap - responsive
*******************************************
*/
@media (max-width: 1011px) {
  .overlap + * {
    padding-top: 172px; } }

@media (max-width: 751px) {
  .overlap + * {
    padding-top: 140px; } }

/*
*******************************************
Widgets
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Widgets - general
*******************************************
*/
.widget .widget__actions .btn {
  justify-content: center; }

.widget__content {
  padding: 32px; }

.widget--boxed {
  background: #fff; }
  .widget--boxed .widget__header,
  .widget--boxed .widget__actions,
  .widget--boxed .widget__body {
    border: none; }

.widget--primary {
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
  border-radius: 12px; }
  .widget--primary > .widget__content {
    color: #fff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }
  .widget--primary .widget__header p {
    margin-bottom: 0; }
  .widget--primary .widget__body {
    position: relative; }
    .widget--primary .widget__body:after {
      content: '';
      position: absolute;
      width: calc(100% - 64px);
      left: 32px;
      height: 1px;
      background: #eaeaea;
      bottom: 0; }
  .widget--primary .widget__actions {
    padding: 32px; }
    .widget--primary .widget__actions .btn {
      min-width: 130px; }
  .widget--primary .widget__price {
    display: flex;
    align-items: center; }

.widget .list--icon li {
  margin-bottom: 16px; }

.widget .list-group__item {
  padding: 8px 24px; }

.widget--shadow {
  box-shadow: 0px 15px 30px -8px rgba(0, 0, 0, 0.2); }

.widget--outline {
  color: #fff; }
  .widget--outline .widget__body,
  .widget--outline .widget__actions {
    background: transparent; }
  .widget--outline .widget__actions {
    border-top: none; }
  .widget--outline .widget__body {
    border-bottom: none; }

.widget--event > * {
  background: none; }

.widget--event .widget__body {
  border: none; }

.widget--event .widget__actions {
  border: none; }
  .widget--event .widget__actions .btn {
    background: rgba(0, 0, 0, 0.1);
    color: #fff; }

.widget--event .event {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 27px 32px 24px;
  min-height: 230px; }
  .widget--event .event:after {
    content: '';
    position: absolute;
    right: -121px;
    top: -142px;
    width: 284px;
    height: 328px;
    background: url(../img/upcoming_events/corner_graphic.html) no-repeat; }
  .widget--event .event__graphic {
    width: 134px;
    height: 134px;
    display: flex;
    align-content: center;
    align-items: center;
    margin-top: 24px;
    margin-right: 20px;
    position: relative;
    z-index: 1; }
  .widget--event .event__content {
    display: flex;
    flex-direction: column; }
  .widget--event .event__subtitle {
    text-transform: uppercase;
    font-weight: 800;
    color: #000; }
    .widget--event .event__subtitle + .event__title {
      margin-top: 12px; }
  .widget--event .event__info span {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.6); }
    .widget--event .event__info span i {
      margin-right: 16px; }
    .widget--event .event__info span + span {
      margin-top: 8px; }
  .widget--event .event__title {
    margin-bottom: 16px;
    color: #fff;
    font-size: 28px;
    max-width: 440px;
    font-weight: 300; }
    .widget--event .event__title strong {
      font-weight: 800; }
    .widget--event .event__title + .event__info {
      margin-top: auto; }

.widget--event + .widget--event {
  margin-top: 44px; }

.widget--news .widget__top {
  padding: 0 24px; }

.widget--news .widget__title-text {
  margin-bottom: 0; }

.widget--annoucement > * {
  border: 0;
  background: none; }

.widget--annoucement .type-4 {
  color: #6B4DC4;
  font-size: 24px;
  line-height: 28px; }
  .widget--annoucement .type-4 .heading {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    margin-top: 8px; }
    .widget--annoucement .type-4 .heading--light {
      color: rgba(255, 255, 255, 0.5); }
    .widget--annoucement .type-4 .heading--dark {
      color: rgba(0, 0, 0, 0.5); }
    .widget--annoucement .type-4 .heading > i {
      margin-right: 10px; }

.widget--annoucement .i-c-8x {
  margin-bottom: 16px; }

.widget--annoucement .widget__content {
  padding: 20px; }

.widget--annoucement .widget__actions .btn {
  color: #fff; }

.row--eq-height .widget {
  min-height: 260px; }

/*
*******************************************
2. Widgets - responsive
*******************************************
*/
@media (max-width: 1387px) {
  .widget--primary .widget__price {
    margin-bottom: 16px; }
  .widget--primary .widget__actions {
    flex-direction: column; } }

@media (max-width: 1011px) {
  .widget--news .widget__top {
    padding-left: 16px;
    padding-right: 16px; }
  .widget--primary .widget__price {
    margin-bottom: 0; }
  .widget--primary .widget__actions {
    flex-direction: row; }
  .widget .list-group__item {
    padding-left: 16px;
    padding-right: 16px; } }

@media (max-width: 751px) {
  .widget--primary .widget__price {
    margin-bottom: 0; }
  .widget--primary .widget__actions {
    padding: 16px; }
  .widget--primary .widget__content {
    padding: 16px; }
  .widget--event .event {
    flex-direction: column; }
    .widget--event .event__content {
      order: 1; }
    .widget--event .event__title {
      font-size: 24px;
      line-height: 28px;
      margin-top: 4px !important;
      margin-bottom: 4px; }
    .widget--event .event__graphic {
      order: 0;
      margin: 0 0 16px;
      width: 64px;
      height: 64px; }
    .widget--event .event__info {
      flex-direction: column; }
      .widget--event .event__info span + span {
        margin: 8px 0 0; }
  .widget--event + .widget--event {
    margin-top: 8px; }
  .row--eq-height .widget {
    min-height: initial; } }

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .widget--annoucement .btn--block, .widget--event .btn--block {
      padding-top: 14px; } } }

/*
*******************************************
Forms
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Forms - general
*******************************************
*/
.form-floating .form-label {
  position: absolute;
  left: 24px;
  top: 19px;
  margin: 0;
  pointer-events: none;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.form-floating .form-control {
  padding-top: 18px; }

.form-floating.is-required:after {
  content: '*';
  width: 13px;
  height: 13px;
  background: #fff;
  color: red;
  position: absolute;
  top: 0px;
  padding-top: 1px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.form-floating.has-focus .form-label, .form-floating.has-value .form-label {
  font-size: 12px;
  opacity: 0.6;
  top: 7px; }

.form-floating input::-webkit-contacts-auto-fill-button {
  position: absolute;
  right: 20px;
  top: 24px; }

textarea.form-control.form-control--xlg {
  padding-top: 19px;
  padding-bottom: 19px;
  resize: vertical; }

.form-control {
  border: 1px solid #DBDBDB; }

.form-label.label {
  justify-content: flex-start;
  padding-left: 0; }

.form-indicator {
  border: 1px solid #DBDBDB; }

.form-text {
  color: #524972; }

.contact-form {
  margin-top: 56px; }
  .contact-form .form-label.label {
    font-size: 16px;
    line-height: 26px; }
  .contact-form-departments {
    margin: 40px 0 20px; }
    .contact-form-departments .form-check {
      margin-right: 56px; }
      .contact-form-departments .form-check:last-of-type {
        margin: 0; }
      .contact-form-departments .form-check .form-indicator {
        border-color: #6D6D6D; }
  .contact-form .form__actions {
    margin-top: 56px; }
  .contact-form textarea {
    min-height: 337px; }
  .contact-form .form-group.is-error, .contact-form .form-group.is-success {
    position: relative; }
    .contact-form .form-group.is-error:after, .contact-form .form-group.is-success:after {
      content: "";
      position: absolute;
      top: 43px;
      right: 32px;
      height: 24px;
      width: 24px; }
  .contact-form .form-group.is-error:after {
    background-image: url(../img/icons/close.html); }
  .contact-form .form-group.is-error .form-control {
    background-color: #FFF1F1; }
  .contact-form .form-group.is-success:after {
    background-image: url(../img/icons/check-circle.svg); }
  .contact-form label.error {
    display: none;
    position: absolute;
    top: -6px;
    right: 14px;
    left: 14px;
    font-size: 14px;
    z-index: 2;
    background-color: #fff;
    color: #D83A3A; }

.form-control--file-input input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.domain-form {
  margin: 48px auto 0 auto;
  max-width: 848px;
  width: 100%;
  padding: 8px;
  background-color: #fff;
  border-radius: 8px; }
  .domain-form .form-group {
    margin: 0; }
  .domain-form .input-group {
    border: 0;
    height: 100%; }
    .domain-form .input-group:hover, .domain-form .input-group:active, .domain-form .input-group:focus {
      outline: none;
      border: 0; }
  .domain-form .form-control {
    font-size: 20px;
    color: #524972; }
  .domain-form .input-group__btn.btn {
    height: 60px; }
  .domain-form + p {
    color: #fff;
    margin-top: 32px; }
    .domain-form + p a {
      position: relative;
      text-decoration: none;
      margin-left: 8px; }
      .domain-form + p a:after {
        content: "";
        position: absolute;
        bottom: -8px;
        right: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #F67A3C; }

.input-group #mc_embed_signup {
  width: 100%; }
  .input-group #mc_embed_signup #mc_embed_signup_scroll {
    display: flex; }

#domainform {
  box-shadow: 0px 16px 48px 10px rgba(0, 0, 0, 0.04), 0px 24px 64px 10px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  position: relative; }

#resultsarea {
  margin-top: -290px;
  z-index: 10; }

.z-i-2 {
  z-index: 2 !important; }

.site .label-hx,
.site .help-status {
  font-size: 10px;
  font-weight: 600; }
  .site .label-hx-available, .site .label-hx.available,
  .site .help-status-available,
  .site .help-status.available {
    color: #009A64;
    border-color: #CFEAE0;
    background-color: #CFEAE0; }
  .site .label-hx-premium, .site .label-hx.premium,
  .site .help-status-premium,
  .site .help-status.premium {
    background-color: rgba(0, 177, 223, 0.15);
    color: #00b1df;
    border-color: transparent; }
  .site .label-hx-taken, .site .label-hx.taken,
  .site .help-status-taken,
  .site .help-status.taken {
    background-color: #E6E7EB;
    border-color: #E6E7EB;
    color: #2B1F51; }
  .site .label-hx-whois, .site .label-hx.whois,
  .site .help-status-whois,
  .site .help-status.whois {
    background-color: transparent;
    border-color: #E6E7EB;
    color: #2B1F51; }

.banner--search .cat {
  padding: 4px 16px;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  width: 100%; }
  .banner--search .cat__item {
    width: 12.5%;
    padding: 8px 0;
    display: flex;
    justify-content: center; }
    .banner--search .cat__item.active .cat__icon {
      box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);
      background-color: #6B4DC4;
      border: none; }
      .banner--search .cat__item.active .cat__icon:before {
        opacity: 1; }
      .banner--search .cat__item.active .cat__icon:after {
        opacity: 0; }
      .banner--search .cat__item.active .cat__icon--Adult {
        background-image: url("../img/domains/Adult.svg"); }
      .banner--search .cat__item.active .cat__icon--Business {
        background-image: url("../img/domains/Business.svg"); }
      .banner--search .cat__item.active .cat__icon--Education {
        background-image: url("../img/domains/Education.svg"); }
      .banner--search .cat__item.active .cat__icon--Food {
        background-image: url("../img/domains/Food.svg"); }
      .banner--search .cat__item.active .cat__icon--Geo {
        background-image: url("../img/domains/Geo.svg"); }
      .banner--search .cat__item.active .cat__icon--Media {
        background-image: url("../img/domains/Media.svg"); }
      .banner--search .cat__item.active .cat__icon--Others {
        background-image: url("../img/domains/Others.svg"); }
      .banner--search .cat__item.active .cat__icon--Popular {
        background-image: url("../img/domains/Popular.svg"); }
      .banner--search .cat__item.active .cat__icon--Professions {
        background-image: url("../img/domains/Professions.svg"); }
      .banner--search .cat__item.active .cat__icon--Promos {
        background-image: url("../img/domains/Promos.svg"); }
      .banner--search .cat__item.active .cat__icon--Real.Estate {
        background-image: url("../img/domains/Real%20Estate.svg"); }
      .banner--search .cat__item.active .cat__icon--Shopping {
        background-image: url("../img/domains/Shopping.svg"); }
      .banner--search .cat__item.active .cat__icon--Sports {
        background-image: url("../img/domains/Sports.svg"); }
      .banner--search .cat__item.active .cat__icon--Technology {
        background-image: url("../img/domains/Technology.svg"); }
      .banner--search .cat__item.active .cat__icon--Travel {
        background-image: url("../img/domains/Travel.svg"); }
    .banner--search .cat__item.active .cat__name {
      color: #6B4DC4; }
    .banner--search .cat__item.active:hover .cat__icon {
      background-color: #7D64C7; }
      .banner--search .cat__item.active:hover .cat__icon--Adult {
        background-image: url("../img/domains/Adult.svg"); }
      .banner--search .cat__item.active:hover .cat__icon--Business {
        background-image: url("../img/domains/Business.svg"); }
      .banner--search .cat__item.active:hover .cat__icon--Education {
        background-image: url("../img/domains/Education.svg"); }
      .banner--search .cat__item.active:hover .cat__icon--Food {
        background-image: url("../img/domains/Food.svg"); }
      .banner--search .cat__item.active:hover .cat__icon--Geo {
        background-image: url("../img/domains/Geo.svg"); }
      .banner--search .cat__item.active:hover .cat__icon--Media {
        background-image: url("../img/domains/Media.svg"); }
      .banner--search .cat__item.active:hover .cat__icon--Others {
        background-image: url("../img/domains/Others.svg"); }
      .banner--search .cat__item.active:hover .cat__icon--Popular {
        background-image: url("../img/domains/Popular.svg"); }
      .banner--search .cat__item.active:hover .cat__icon--Professions {
        background-image: url("../img/domains/Professions.svg"); }
      .banner--search .cat__item.active:hover .cat__icon--Promos {
        background-image: url("../img/domains/Promos.svg"); }
      .banner--search .cat__item.active:hover .cat__icon--Real.Estate {
        background-image: url("../img/domains/Real%20Estate.svg"); }
      .banner--search .cat__item.active:hover .cat__icon--Shopping {
        background-image: url("../img/domains/Shopping.svg"); }
      .banner--search .cat__item.active:hover .cat__icon--Sports {
        background-image: url("../img/domains/Sports.svg"); }
      .banner--search .cat__item.active:hover .cat__icon--Technology {
        background-image: url("../img/domains/Technology.svg"); }
      .banner--search .cat__item.active:hover .cat__icon--Travel {
        background-image: url("../img/domains/Travel.svg"); }
    .banner--search .cat__item#s_-1 .cat__icon:after {
      border: 1px dashed #F67A3C; }
    .banner--search .cat__item#s_-1 .cat__link:hover .cat__icon {
      background-color: #fff; }
      .banner--search .cat__item#s_-1 .cat__link:hover .cat__icon--All {
        background-image: url("../img/domains/All-orange.svg"); }
      .banner--search .cat__item#s_-1 .cat__link:hover .cat__icon:after {
        border: 1px solid #F67A3C; }
    .banner--search .cat__item#s_-1 .cat__link:hover .cat__name {
      color: #F67A3C; }
    .banner--search .cat__item#s_-1.active .cat__icon {
      background-color: #F67A3C;
      border: none; }
      .banner--search .cat__item#s_-1.active .cat__icon:before {
        color: #F67A3C; }
      .banner--search .cat__item#s_-1.active .cat__icon--All {
        background-image: url("../img/domains/All.svg"); }
    .banner--search .cat__item#s_-1.active .cat__name {
      color: #F67A3C; }
    .banner--search .cat__item#s_-1.active:hover .cat__icon {
      background-color: #F8905C; }
      .banner--search .cat__item#s_-1.active:hover .cat__icon--All {
        background-image: url("../img/domains/All.svg"); }
  .banner--search .cat__link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 12px 0; }
    .banner--search .cat__link:hover .cat__icon {
      background-color: #fff; }
      .banner--search .cat__link:hover .cat__icon--Adult {
        background-image: url("../img/domains/Adult-purple.svg"); }
      .banner--search .cat__link:hover .cat__icon--Business {
        background-image: url("../img/domains/Business-purple.svg"); }
      .banner--search .cat__link:hover .cat__icon--Education {
        background-image: url("../img/domains/Education-purple.svg"); }
      .banner--search .cat__link:hover .cat__icon--Food {
        background-image: url("../img/domains/Food-purple.svg"); }
      .banner--search .cat__link:hover .cat__icon--Geo {
        background-image: url("../img/domains/Geo-purple.svg"); }
      .banner--search .cat__link:hover .cat__icon--Media {
        background-image: url("../img/domains/Media-purple.svg"); }
      .banner--search .cat__link:hover .cat__icon--Others {
        background-image: url("../img/domains/Others-purple.svg"); }
      .banner--search .cat__link:hover .cat__icon--Popular {
        background-image: url("../img/domains/Popular-purple.svg"); }
      .banner--search .cat__link:hover .cat__icon--Professions {
        background-image: url("../img/domains/Professions-purple.svg"); }
      .banner--search .cat__link:hover .cat__icon--Promos {
        background-image: url("../img/domains/Promos-purple.svg"); }
      .banner--search .cat__link:hover .cat__icon--Real.Estate {
        background-image: url("../img/domains/Real%20Estate-purple.svg"); }
      .banner--search .cat__link:hover .cat__icon--Shopping {
        background-image: url("../img/domains/Shopping-purple.svg"); }
      .banner--search .cat__link:hover .cat__icon--Sports {
        background-image: url("../img/domains/Sports-purple.svg"); }
      .banner--search .cat__link:hover .cat__icon--Technology {
        background-image: url("../img/domains/Technology-purple.svg"); }
      .banner--search .cat__link:hover .cat__icon--Travel {
        background-image: url("../img/domains/Travel-purple.svg"); }
    .banner--search .cat__link:hover .cat__name {
      color: #6B4DC4; }
  .banner--search .cat__icon {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background-color: #fff;
    transition: 0.3s ease;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden; }
    .banner--search .cat__icon:before {
      width: 14px;
      height: 14px;
      position: absolute;
      background: #fff;
      border-radius: 0 5px 0 6px;
      right: 0;
      top: 0;
      content: "\f00c";
      font-family: "Font Awesome 5 Pro";
      font-weight: 900;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #6B4DC4;
      font-size: 8px;
      opacity: 0;
      transition: ease 0.3s; }
    .banner--search .cat__icon:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 6px;
      border: 1px solid #E5E0F4;
      opacity: 1;
      transition: ease 0.3s; }
    .banner--search .cat__icon--All {
      background-image: url("../img/domains/All-black.svg"); }
    .banner--search .cat__icon--Adult {
      background-image: url("../img/domains/Adult-black.svg"); }
    .banner--search .cat__icon--Business {
      background-image: url("../img/domains/Business-black.svg"); }
    .banner--search .cat__icon--Education {
      background-image: url("../img/domains/Education-black.svg"); }
    .banner--search .cat__icon--Food {
      background-image: url("../img/domains/Food-black.svg"); }
    .banner--search .cat__icon--Geo {
      background-image: url("../img/domains/Geo-black.svg"); }
    .banner--search .cat__icon--Media {
      background-image: url("../img/domains/Media-black.svg"); }
    .banner--search .cat__icon--Others {
      background-image: url("../img/domains/Others-black.svg"); }
    .banner--search .cat__icon--Popular {
      background-image: url("../img/domains/Popular-black.svg"); }
    .banner--search .cat__icon--Professions {
      background-image: url("../img/domains/Professions-black.svg"); }
    .banner--search .cat__icon--Promos {
      background-image: url("../img/domains/Promos-black.svg"); }
    .banner--search .cat__icon--Real.Estate {
      background-image: url("../img/domains/Real%20Estate-black.svg"); }
    .banner--search .cat__icon--Shopping {
      background-image: url("../img/domains/Shopping-black.svg"); }
    .banner--search .cat__icon--Sports {
      background-image: url("../img/domains/Sports-black.svg"); }
    .banner--search .cat__icon--Technology {
      background-image: url("../img/domains/Technology-black.svg"); }
    .banner--search .cat__icon--Travel {
      background-image: url("../img/domains/Travel-black.svg"); }
  .banner--search .cat__name {
    font-size: 14px;
    line-height: 20px;
    color: #2B1F51;
    font-weight: 600;
    margin-top: 8px;
    transition: 0.3s ease; }

.result__list .domainbox {
  padding: 16px 24px;
  position: relative;
  border-bottom: 1px solid #E6E7EB;
  margin-bottom: 0;
  display: flex;
  align-items: center; }
  .result__list .domainbox:first-of-type {
    border-radius: 8px 8px 0 0; }
  .result__list .domainbox__name {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    color: #2B1F51;
    margin: 0;
    word-break: break-all; }
  .result__list .domainbox__tld {
    font-weight: 300; }
  .result__list .domainbox__labels .label {
    border: none;
    border-radius: 4px;
    padding: 0 6px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    width: auto;
    height: auto; }
  .result__list .domainbox__labels .label.label-hx-available {
    background-color: #CFEAE0;
    color: #067850; }
  .result__list .domainbox__labels .label.label-hx-taken {
    background-color: #D83A3A;
    color: #fff; }
  .result__list .domainbox__labels .label.label-hx-sale {
    background-color: #FEE9DF;
    color: #F67A3C; }
  .result__list .domainbox__preloader {
    min-height: unset; }
  .result__list .domainbox .checkboxarea label {
    margin: 0;
    display: flex; }
    .result__list .domainbox .checkboxarea label i {
      font-size: 16px;
      line-height: 26px;
      font-weight: 600;
      height: 44px;
      padding: 0 16px;
      border-radius: 4px;
      position: relative;
      font-family: "Mulish", sans-serif;
      min-width: 174px;
      transition: 0.3s;
      display: flex;
      align-items: center;
      justify-content: center; }
      .result__list .domainbox .checkboxarea label i.avail {
        color: #009A64;
        cursor: pointer;
        border: 1px solid #009A64;
        background-color: #fff; }
        .result__list .domainbox .checkboxarea label i.avail:before {
          content: "Add To Cart"; }
        .result__list .domainbox .checkboxarea label i.avail.fa-check-square {
          background-color: #009A64;
          color: #fff;
          height: 44px !important; }
          .result__list .domainbox .checkboxarea label i.avail.fa-check-square:after {
            content: "Added";
            margin-left: 14px; }
          .result__list .domainbox .checkboxarea label i.avail.fa-check-square:hover, .result__list .domainbox .checkboxarea label i.avail.fa-check-square:focus, .result__list .domainbox .checkboxarea label i.avail.fa-check-square:active {
            background-color: #20966B;
            border-color: #20966B;
            color: #fff; }
          .result__list .domainbox .checkboxarea label i.avail.fa-check-square:before {
            content: "\f00c";
            font-family: "Font Awesome 5 Pro";
            font-weight: 200;
            color: #fff;
            font-size: 19px; }
        .result__list .domainbox .checkboxarea label i.avail:hover, .result__list .domainbox .checkboxarea label i.avail:focus, .result__list .domainbox .checkboxarea label i.avail:active {
          border-color: #20966B;
          color: #20966B;
          outline: none; }
      .result__list .domainbox .checkboxarea label i.taken {
        color: #fff;
        border: 1px solid #DBDBDB;
        background-color: #DBDBDB; }
        .result__list .domainbox .checkboxarea label i.taken:before {
          content: "\f00d";
          font-family: "Font Awesome 5 Pro";
          font-weight: 200;
          color: #fff;
          font-size: 19px; }
        .result__list .domainbox .checkboxarea label i.taken:after {
          content: "Not Available";
          margin-left: 14px; }
  .result__list .domainbox.clickable {
    cursor: pointer; }
  .result__list .domainbox__results {
    margin-right: 24px; }
  .result__list .domainbox__price {
    margin-left: auto;
    margin-right: 24px; }
    .result__list .domainbox__price .renewal {
      display: none; }
    .result__list .domainbox__price--register {
      display: flex;
      flex-direction: column-reverse;
      text-align: right;
      position: relative; }
      .result__list .domainbox__price--register .registerprice {
        color: #2B1F51;
        font-size: 18px;
        line-height: 22px;
        font-weight: 700;
        position: relative; }
      .result__list .domainbox__price--register.added {
        display: none; }
      .result__list .domainbox__price--register .dropdown-menu {
        max-width: 164px;
        padding: 6px 0;
        margin: 2px 0 0 auto;
        font-size: 14px;
        text-align: left;
        background: #fff;
        border: 1px solid #E6E7EB;
        border-radius: 4px;
        position: absolute;
        top: 50px;
        right: 0;
        z-index: 2;
        min-width: 120px;
        display: none; }
        .result__list .domainbox__price--register .dropdown-menu li a {
          padding: 6px 16px;
          font-weight: 400;
          display: block;
          line-height: 22px;
          transition: background-color 0.3s, color 0.3s; }
          .result__list .domainbox__price--register .dropdown-menu li a:hover {
            background-color: #f6f7f8;
            color: #F67A3C; }
        .result__list .domainbox__price--register .dropdown-menu.is-open {
          display: block; }
  .result__list .domainbox .dropdown-toggle {
    background-color: transparent;
    padding: 0 0 0 8px;
    height: auto;
    color: #524972;
    display: block;
    margin: 0 0 0 auto;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300; }
    .result__list .domainbox .dropdown-toggle:hover {
      padding-right: 0; }
    .result__list .domainbox .dropdown-toggle .caret {
      margin-left: 8px; }
      .result__list .domainbox .dropdown-toggle .caret:before {
        content: "\f0d7";
        font-family: "Font Awesome 5 Pro";
        font-weight: 900; }
  .result__list .domainbox--taken {
    background: #FBFBFB; }
  .result__list .domainbox.searchstring {
    position: relative;
    border: 0;
    padding: 32px 24px; }
    .result__list .domainbox.searchstring .domainbox__labels {
      display: none; }
    .result__list .domainbox.searchstring .domainbox__name {
      font-size: 24px;
      line-height: 40px; }
    .result__list .domainbox.searchstring .domainbox__icon {
      width: 32px;
      height: 32px;
      margin-right: 24px; }
      .result__list .domainbox.searchstring .domainbox__icon:after {
        content: '';
        width: 32px;
        height: 32px;
        display: flex; }
    .result__list .domainbox.searchstring .checkboxarea label {
      margin: 0;
      display: flex; }
      .result__list .domainbox.searchstring .checkboxarea label i.avail {
        background-color: #009A64;
        color: #fff; }
    .result__list .domainbox.searchstring.domainbox--available {
      background: linear-gradient(90deg, #C7E8DF 0%, #E8F5F2 100%); }
      .result__list .domainbox.searchstring.domainbox--available .domainbox__icon:after {
        background-image: url(../img/icons/check-circle.svg);
        background-size: cover;
        background-repeat: no-repeat; }
    .result__list .domainbox.searchstring.domainbox--taken {
      padding: 20px 24px;
      background: linear-gradient(90deg, #F8DCCF 0%, #F8E9E2 100%); }
      .result__list .domainbox.searchstring.domainbox--taken .domainbox__icon:after {
        background-image: url(../img/icons/close-circle.svg);
        background-size: cover;
        background-repeat: no-repeat; }
      .result__list .domainbox.searchstring.domainbox--taken .domainbox__actions i.taken {
        display: none; }
      .result__list .domainbox.searchstring.domainbox--taken .domainbox__labels {
        display: block; }

.result__list-actions {
  display: flex;
  justify-content: space-between;
  position: relative; }
  .result__list-actions .btn {
    height: 70px;
    width: 100%; }
    .result__list-actions .btn-secondary {
      background-color: transparent;
      border-color: #989FB2;
      color: #524972;
      margin-left: 24px; }
  .result__list-actions--center {
    justify-content: center; }
    .result__list-actions--center svg {
      margin-left: 8px; }
      .result__list-actions--center svg path {
        stroke: #F67A3C; }

.result__list-checkout.is-fixed {
  background-color: #fff;
  bottom: 0;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 848px;
  width: 100%;
  margin-left: -32px; }
  .result__list-checkout.is-fixed .orderbutton {
    margin: 26px 0; }

#loading {
  text-align: center; }

.results {
  max-width: 848px;
  width: 100%;
  margin: auto;
  background-color: #fff;
  border-radius: 6px; }

::-webkit-input-placeholder {
  color: #524972 !important; }

::-moz-placeholder {
  color: #524972 !important; }

:-ms-input-placeholder {
  color: #524972 !important; }

:-moz-placeholder {
  color: #524972 !important; }

/*
*******************************************
2. Forms - responsive
*******************************************
*/
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .btn--block {
      display: block; }
    .form-floating {
      flex: 1; } } }

@media (max-width: 1387px) {
  .contact-form-departments {
    margin-top: 24px; } }

@media (min-width: 752px) and (max-width: 1011px) {
  .contact-form-departments .form-check {
    margin-right: 12px; } }

@media (max-width: 1011px) {
  .contact-form {
    margin-top: 24px; }
    .contact-form .form__actions {
      margin-top: 24px;
      text-align: center; }
  #resultsarea {
    margin-top: -192px; }
  .result__list-checkout.is-fixed {
    max-width: 688px; } }

@media (max-width: 751px) {
  .contact-form-departments {
    display: flex;
    justify-content: space-between; }
    .contact-form-departments .form-check {
      margin-right: 0; }
  .domain-form {
    height: auto; }
    .domain-form .input-group {
      flex-wrap: wrap;
      justify-content: flex-start; }
      .domain-form .input-group__icon {
        display: inline; }
      .domain-form .input-group .form-control {
        width: auto; }
      .domain-form .input-group .btn {
        width: 100%; }
    .domain-form p {
      margin-top: 64px;
      margin-bottom: -42px; }
  #datafilters {
    margin-top: 4px; }
  .result__list-checkout.is-fixed {
    left: 0;
    max-width: 100%;
    margin-left: 0; }
  .banner--search .cat__item {
    width: 25%; }
  .banner--search .cat__link {
    padding: 0; }
  .result__list .domainbox {
    flex-wrap: wrap; }
    .result__list .domainbox__actions {
      margin-top: 12px;
      margin-left: auto; } }

@media (max-width: 513px) {
  .result__list .domainbox {
    flex-direction: column;
    align-items: flex-start; }
    .result__list .domainbox.searchstring .domainbox__icon {
      position: absolute;
      top: 24px; }
    .result__list .domainbox.searchstring .domainbox__results {
      padding-left: 48px; }
    .result__list .domainbox__labels {
      margin-top: -8px; }
    .result__list .domainbox .dropdown-toggle {
      padding: 0; }
    .result__list .domainbox__price, .result__list .domainbox__actions {
      margin-left: unset; }
    .result__list .domainbox__price--register:not(:empty) {
      margin-top: 12px;
      text-align: left; } }

@media (max-width: 751px) {
  .domain-form .input-group__icon:first-child {
    margin-left: 0; }
  .domain-form .form-control {
    padding: 0 16px; } }

@media (min-width: 514px) and (max-width: 751px) {
  .result__list .domainbox.searchstring .checkboxarea {
    top: 65%; } }

/*
*******************************************
Time
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Time - general
*******************************************
*/
.time-stamp {
  width: 72px;
  height: 72px;
  background: #F67A3C;
  border-radius: 100%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
  font-size: 28px;
  font-weight: 800;
  box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.2); }
  .time-stamp__unit {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: -1px;
    margin-top: -4px; }
  .time-stamp + .time-tip {
    margin-left: 16px; }

.timeline {
  position: relative; }
  .timeline .timeline__element {
    display: flex;
    margin-bottom: 24px;
    width: 100%;
    position: relative;
    z-index: 2; }
    .timeline .timeline__element:last-of-type {
      margin-bottom: 0; }
  .timeline .time-tip {
    padding: 24px;
    background: #fff;
    box-shadow: 0 15px 30px -8px rgba(0, 0, 0, 0.15), 0 -4px 30px -8px rgba(0, 0, 0, 0.1);
    width: 100%;
    position: relative; }
    .timeline .time-tip:before {
      position: absolute;
      z-index: 4;
      top: 24px;
      display: block !important;
      width: 0;
      width: 0;
      height: 0;
      left: -8px;
      content: '';
      -webkit-transform-origin: right center;
      transform-origin: right center;
      border-width: 8.5px 9px 8.5px 0;
      border-style: solid;
      border-color: transparent #fff transparent transparent; }
  .timeline:before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 34px;
    border-left: 2px dashed #F67A3C;
    height: calc(100% + 80px); }

/*
*******************************************
2. Time - responsive
*******************************************
*/
@media (max-width: 751px) {
  .timeline {
    margin-top: 24px; }
    .timeline:before {
      height: calc(100% + 40px); } }

/*
*******************************************
Pagination
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Pagination - general
*******************************************
*/
.pagination {
  display: flex;
  justify-content: space-between; }
  .pagination__items {
    display: flex; }
  .pagination__item, .pagination__control {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    border: 1px solid #ebf6ff;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px; }
  .pagination__item + .pagination__item {
    margin-left: 16px; }
  .pagination__item.is-active {
    background: #6B4DC4;
    color: #fff;
    border-color: #6B4DC4;
    box-shadow: 0px 15px 30px -8px rgba(0, 0, 0, 0.2); }
  .pagination__control.btn {
    width: 48px; }

/*
*******************************************
2. Pagination - responsive
*******************************************
*/
@media (max-width: 751px) {
  .pagination {
    padding: 0 16px; } }

.pagination--offer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 54px;
  font-weight: 600; }
  .pagination--offer .prev,
  .pagination--offer .next {
    display: flex;
    align-items: center;
    font-weight: 600; }
    .pagination--offer .prev a,
    .pagination--offer .next a {
      color: #6B4DC4; }
    .pagination--offer .prev svg path,
    .pagination--offer .next svg path {
      stroke: #6B4DC4; }
    .pagination--offer .prev.disabled a,
    .pagination--offer .next.disabled a {
      color: #CEC9DF;
      cursor: default; }
    .pagination--offer .prev.disabled svg path,
    .pagination--offer .next.disabled svg path {
      stroke: #CEC9DF; }
  .pagination--offer .prev svg {
    margin-right: 6px; }
  .pagination--offer .next svg {
    margin-left: 6px; }
  .pagination--offer .pagination {
    margin: 0 16px; }
    .pagination--offer .pagination li .page {
      width: 40px;
      height: 40px;
      border-radius: 4px;
      border: 1px solid #CEC9DF;
      color: #6B4DC4;
      flex-shrink: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 15px; }
    .pagination--offer .pagination li + li {
      margin-left: 8px; }
    .pagination--offer .pagination li.active .page {
      background: #6B4DC4;
      color: #fff;
      border-color: #6B4DC4; }

/*
*******************************************
Box
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Box - general
*******************************************
*/
.box {
  display: flex;
  width: 100%; }
  .box + .box {
    margin-top: 32px; }
  .box__graphic {
    flex-shrink: 0;
    width: 50%;
    background: rgba(59, 165, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center; }
  .box__header {
    display: flex;
    justify-content: space-between; }
    .box__header + .box__desc {
      margin-top: 16px; }
  .box__title {
    margin-bottom: 0; }
  .box__subtitle {
    display: block;
    font-size: 0.75em;
    opacity: 0.6;
    font-weight: 400;
    line-height: 24px; }
  .box__content {
    padding: 24px; }
  .box__actions {
    display: flex; }
  .box--member {
    min-height: 430px;
    border: 1px solid #F67A3C; }
    .box--member .box__graphic {
      background-size: cover;
      background-position: center center;
      filter: grayscale(100%);
      transition: all linear 0.3s;
      min-height: 430px; }
    .box--member:hover .box__graphic {
      filter: none; }
    .box--member .box__actions .btn {
      margin-top: -10px;
      opacity: .8;
      transition: all linear 0.3s; }
      .box--member .box__actions .btn:hover {
        opacity: 1; }
  .box--contact {
    background: #fff;
    position: relative; }
    .box--contact .box__content {
      padding: 36px;
      flex: 1; }
      .box--contact .box__content .box__title {
        margin-bottom: 24px; }
    .box--contact .alert.hidden + h4 {
      margin-top: 0; }
  .box__addon {
    padding: 36px;
    width: 400px;
    background: #fff; }
    .box__addon-btn {
      margin-top: 4px;
      margin-bottom: 10px;
      padding-left: 4px; }
    .box__addon .map {
      border: 1px solid #F67A3C;
      height: 188px;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center; }
      .box__addon .map__location {
        position: absolute;
        left: 0;
        top: 13px; }
      .box__addon .map__label {
        height: 48px;
        padding: 0 16px;
        font-size: 15px;
        color: #fff;
        min-width: 160px;
        display: flex;
        align-content: center;
        align-items: center;
        background: #F67A3C;
        box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.2); }
        .box__addon .map__label:after {
          content: '';
          position: absolute;
          right: 36px;
          bottom: -9px;
          margin: 0;
          width: 0;
          border-color: #6B4DC4;
          height: 0;
          vertical-align: middle;
          border-top: 11px dashed #F67A3C;
          border-right: 11px solid transparent;
          border-left: 11px solid transparent; }
      .box__addon .map__dot {
        width: 15px;
        height: 15px;
        border-radius: 100%;
        box-shadow: 0px 5px 10px 0px rgba(0, 153, 92, 0.3);
        background: #F67A3C;
        position: absolute;
        bottom: -37px;
        right: 39px; }
      .box__addon .map__image {
        background: url("../img/map.html");
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        background-repeat: no-repeat;
        background-position: left center;
        background-position-x: 6px; }
        .box__addon .map__image--2 {
          background-repeat: no-repeat;
          background: url("../img/map1.html");
          background-position: left center;
          background-position-x: -16px; }
      .box__addon .map img {
        height: 100%; }
      .box__addon .map + .map {
        margin-top: 24px; }
  .box--location {
    padding: 32px 32px 40px 32px;
    position: relative;
    align-items: center; }
    .box--location:not(:last-child):after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 32px;
      right: 32px;
      height: 1px;
      background-color: #E5E0F4; }
    .box--location .location-content__top h3 {
      margin-bottom: 0; }
      .box--location .location-content__top h3 img {
        margin-left: 16px; }
    .box--location .location-content__top p {
      color: #938F9F;
      margin-bottom: 0; }
    .box--location .location-content__body {
      margin: 40px 0 40px; }
      .box--location .location-content__body a.label {
        border: 1px solid #B6B6B6;
        border-radius: 12px;
        color: #B6B6B6;
        margin: 0 12px 8px 0;
        font-size: 14px; }
        .box--location .location-content__body a.label:last-of-type {
          margin-right: 0; }
        .box--location .location-content__body a.label:hover {
          border-color: #929292;
          color: #929292; }
    .box--location .location-content__footer .btn {
      margin-bottom: 12px; }
    .box--location .location-content__footer p b {
      font-weight: 600;
      margin-left: 8px;
      color: #2B1F51; }
    .box--location-graphic {
      max-width: 736px;
      width: 100%; }
    .box--location + .box--location {
      margin-top: 16px; }
  .box--promotion {
    border-radius: 12px;
    padding: 16px 24px;
    max-width: 505px;
    width: 100%;
    display: flex;
    align-items: center; }
    .box--promotion.promotion--box-orange {
      background-color: #F67A3C;
      color: #fff;
      justify-content: space-between;
      margin: 24px 0 16px 0; }
      .box--promotion.promotion--box-orange .box--promotion-discount {
        font-size: 64px;
        font-weight: 900;
        line-height: 74px;
        flex-basis: 60%;
        font-size: 56px; }
        @media (max-width: 1387px) {
          .box--promotion.promotion--box-orange .box--promotion-discount {
            font-size: 52px;
            font-weight: 900;
            line-height: 68px; } }
        @media (max-width: 1011px) {
          .box--promotion.promotion--box-orange .box--promotion-discount {
            font-size: 46px;
            font-weight: 900;
            line-height: 58px; } }
        @media (max-width: 751px) {
          .box--promotion.promotion--box-orange .box--promotion-discount {
            font-size: 46px;
            font-weight: 900;
            line-height: 58px; } }
      .box--promotion.promotion--box-orange p {
        color: #fff;
        margin: 0;
        flex-basis: 50%; }
    .box--promotion.promotion--box-white {
      position: relative;
      background-color: #fff; }
      .box--promotion.promotion--box-white svg path {
        stroke: #6B4DC4; }
      .box--promotion.promotion--box-white p {
        margin: 0; }
      .box--promotion.promotion--box-white > span {
        display: flex;
        align-items: center;
        flex-basis: 40%;
        padding-top: 4px; }
        .box--promotion.promotion--box-white > span svg {
          margin-right: 8px; }
      .box--promotion.promotion--box-white:after {
        content: "";
        position: absolute;
        top: -8px;
        left: 36px;
        height: 22px;
        width: 22px;
        transform: rotate(45deg);
        border-radius: 4px;
        background-color: #fff; }
      .box--promotion.promotion--box-white .box--promotion-countdown {
        display: flex;
        align-items: center;
        flex-basis: 60%; }
        .box--promotion.promotion--box-white .box--promotion-countdown .h3 {
          display: flex;
          align-items: flex-end;
          margin: 0; }
          .box--promotion.promotion--box-white .box--promotion-countdown .h3 + .h3 {
            margin-left: 16px; }
      .box--promotion.promotion--box-white + p {
        color: #fff;
        margin: 24px 0 -24px 0; }
    .box--promotion.promotion--box-green {
      background: #009A64 !important; }

/*
*******************************************
2. Box - responsive
*******************************************
*/
@media (max-width: 1387px) {
  .box__graphic--pos {
    background-position-x: -47px !important; } }

@media (min-width: 752px) and (max-width: 1011px) {
  .section--team > .container .row:nth-child(even) .box__graphic {
    order: 2; }
  .section--team > .container .row:nth-child(even) .box__content + .box__graphic {
    order: -1; }
  .section--team > .container .order-2 {
    order: 2; }
  .section--team .row div[class^=col-]:nth-child(2) {
    margin-top: 32px; }
  .box--contact .box__content,
  .box--contact .box__addon {
    padding: 24px; }
  .box__addon {
    width: 300px; } }

@media (min-width: 1012px) {
  .box--v {
    flex-direction: column;
    height: 100%; }
    .box--v .box__graphic {
      height: calc(50% - 16px);
      width: 100%; } }

@media (max-width: 1011px) {
  .box--location {
    flex-direction: column; }
    .box--location .box--location-content {
      text-align: center; }
    .box--location .location-content__body {
      margin: 24px 0 24px; }
    .box--location-graphic svg {
      width: 100%; } }

@media (max-width: 751px) {
  .box--member {
    flex-direction: column; }
    .box--member .box__graphic {
      width: 100%;
      height: 430px;
      order: -1; }
  .box--contact {
    flex-direction: column; }
    .box--contact .box__content,
    .box--contact .box__addon {
      padding: 16px; }
    .box--contact .box__content .box__title {
      margin-top: 0 !important;
      margin-bottom: 16px; }
    .box--contact .box__addon-btn {
      margin-top: 12px;
      margin-bottom: 20px; }
  .box__addon {
    width: 100%;
    background: #fff;
    border-top: 1px solid #d1eaff; }
  .box--location .box--location-graphic svg {
    height: 200px; }
  .section--team .row div[class^=col-]:nth-child(2) {
    margin-top: 32px; }
  .box__graphic--pos {
    background-position-x: center !important; } }

.offer-list li {
  z-index: 10;
  position: relative; }

.offer--box {
  background-color: #fff;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  margin-bottom: 32px;
  position: relative;
  transition: transform 0.3s, box-shadow 0.3s; }
  .offer--box-left {
    flex-basis: 100%; }
  .offer--box-right {
    flex-basis: 15%;
    text-align: right; }
  .offer--box-top {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 16px;
    flex-wrap: wrap; }
    .offer--box-top .offer--box__title {
      margin-right: 24px; }
    .offer--box-top .offer--box__date {
      color: #524972;
      font-weight: 600;
      margin: 0 24px 0 0; }
    .offer--box-top label {
      border: 1px solid #B6B6B6;
      border-radius: 12px;
      color: #B6B6B6;
      margin-right: 16px;
      font-size: 14px; }
      .offer--box-top label:last-of-type {
        margin-right: 0; }
    .offer--box-top > * {
      margin-bottom: 0; }
  .offer--box-actions .btn {
    padding-left: 0; }
  .offer--box-location {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .offer--box-location p {
      margin: 0 8px 0 0; }
    .offer--box-location svg path {
      stroke: #F67A3C; }
  .offer--box.border .offer--box-left {
    padding-left: 24px;
    position: relative; }
    .offer--box.border .offer--box-left:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 4px;
      border-radius: 6px; }
  .offer--box.border--green .offer--box-left:after {
    background-color: #008779; }
  .offer--box.border--yellow .offer--box-left:after {
    background-color: #F6D21F; }
  .offer--box.border--red .offer--box-left:after {
    background-color: #F14B43; }
  .offer--box.border--black .offer--box-left:after {
    background-color: #4A4A4A; }
  .offer--box.border--blue .offer--box-left:after {
    background-color: #6DB2F2; }
  .offer--box:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: 0.3s box-shadow ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
    border-radius: 12px; }
  .offer--box:hover:before {
    content: "";
    position: absolute;
    bottom: -8px;
    height: 8px;
    left: 0;
    right: 0; }
  .offer--box:hover {
    z-index: 2;
    transform: translate3d(0, -8px, 0); }
    .offer--box:hover:after {
      box-shadow: 0px 40px 72px 14px rgba(0, 0, 0, 0.04), 0px 32px 56px 14px rgba(0, 0, 0, 0.04); }
    .offer--box:hover .offer--box-actions .has-arrow .btn__text {
      padding-right: 32px; }
      .offer--box:hover .offer--box-actions .has-arrow .btn__text:after {
        right: 20px;
        opacity: 1; }
    .offer--box:hover .offer--box-actions .has-arrow svg {
      opacity: 1; }
  .offer--box.issue-box--empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 75px; }
    .offer--box.issue-box--empty:hover {
      transform: translate3d(0, 0px, 0); }
    .offer--box.issue-box--empty .issue-box__description {
      margin-top: 16px; }
      .offer--box.issue-box--empty .issue-box__description p {
        margin-bottom: 0; }
    .offer--box.issue-box--empty .issue-box__icon {
      margin-bottom: 36px; }

.box--job {
  border-radius: 16px;
  padding: 48px;
  background-color: #fff; }
  .box--job h3 {
    font-weight: 800; }
  .box--job p span {
    font-weight: 700;
    margin-left: 4px; }
  .box--job p img, .box--job p svg {
    margin-right: 8px; }
    .box--job p img path, .box--job p svg path {
      stroke: #F67A3C; }
  .box--job p.d-flex {
    align-items: center; }
    .box--job p.d-flex:last-child {
      margin-bottom: 32px; }
  .box--job ul li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 8px; }
    .box--job ul li:after {
      content: "";
      position: absolute;
      left: 0;
      top: 10px;
      background-color: #F67A3C;
      border-radius: 100%;
      width: 6px;
      height: 6px; }
    .box--job ul li:last-of-type {
      margin-bottom: 0; }

.box--application {
  padding-top: 20px; }
  .box--application label {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: #524972; }
  .box--application h3.h4 {
    margin-bottom: 32px; }
  .box--application .form-group {
    margin-bottom: 24px; }
    .box--application .form-group.d-flex {
      align-items: center; }
      .box--application .form-group.d-flex label {
        min-width: 235px;
        margin: 0; }
    .box--application .form-group + h3.h4 {
      margin-top: 64px;
      font-weight: 800; }
    .box--application .form-group:not(.d-flex) label {
      margin-bottom: 16px;
      height: auto;
      text-align: left; }
    .box--application .form-group.additional-inforamtion .form-check,
    .box--application .form-group.additional-inforamtion label {
      margin-bottom: 0; }
    .box--application .form-group.additional-inforamtion .btn--link {
      padding-left: 42px;
      margin-top: -8px; }
  .box--application .form-check {
    display: block; }
  .box--application textarea {
    margin-bottom: 64px;
    min-height: 200px; }

.offer--box-top label {
  margin: 8px 8px 0 0; }

.box--promotion.promotion--box-white + p {
  margin-bottom: -8px; }

@media (max-width: 1011px) {
  .box--promotion {
    max-width: 405px; } }

@media (max-width: 751px) {
  .offer--box {
    flex-direction: column; }
    .offer--box-right {
      flex-basis: 100%;
      order: -1;
      padding-left: 24px;
      margin-bottom: 16px; }
      .offer--box-right .offer--box-location {
        justify-content: flex-start; }
    .offer--box-top {
      flex-direction: column;
      align-items: flex-start; }
      .offer--box-top .offer--box__date {
        margin: 0 0 8px 0; }
  .box--application .form-group.d-flex {
    flex-direction: column;
    align-items: flex-start; }
    .box--application .form-group.d-flex label {
      margin-bottom: 8px; }
  .box--application .form-group + h3.h4 {
    margin-top: 32px; }
  .box--application .form-group.additional-inforamtion label {
    align-items: flex-start; }
  .box--application .form-group.additional-inforamtion .btn--link {
    margin-top: 0; }
  .box--application textarea {
    margin-bottom: 32px; }
  .box--location + .box--location {
    margin-top: 0; } }

@media (max-width: 513px) {
  .box--location {
    padding-bottom: 16px; }
  .box--promotion {
    flex-direction: column; }
  .offer--box-top div {
    display: flex;
    flex-direction: column; } }

@media (max-width: 400px) {
  .box__graphic--pos {
    background-position-x: -31px !important; }
  .box--location {
    padding-bottom: 0; } }

.issue-box {
  background-color: #fff;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  margin-bottom: 32px;
  position: relative;
  transition: transform 0.3s, box-shadow 0.3s; }
  .issue-box .text-faded {
    font-size: 14px;
    line-height: 22px; }
  .issue-box__left {
    flex-basis: 100%; }
  .issue-box__right {
    flex-basis: 15%;
    text-align: right; }
  .issue-box__top {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 16px;
    flex-wrap: wrap; }
    .issue-box__top .issue-box__title {
      margin-right: 24px; }
    .issue-box__top .issue-box__date {
      color: #524972;
      font-weight: 600;
      margin: 0 24px 0 0; }
    .issue-box__top label {
      border: 1px solid #B6B6B6;
      border-radius: 12px;
      color: #B6B6B6;
      margin-right: 16px;
      font-size: 14px; }
      .issue-box__top label:last-of-type {
        margin-right: 0; }
    .issue-box__top > * {
      margin-bottom: 0; }
  .issue-box__content {
    margin-top: 24px; }
  .issue-box__location {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 8px;
    margin-left: auto; }
    .issue-box__location p.text-faded {
      margin-right: 40px; }
    .issue-box__location p {
      vertical-align: center;
      margin: 0 8px 0 0; }
    .issue-box__location .label {
      margin-right: 0;
      margin-left: 10px; }
    .issue-box__location svg path {
      stroke: #F67A3C; }
  .issue-box.border .issue-box__left {
    padding-left: 24px;
    position: relative; }
    .issue-box.border .issue-box__left:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 4px;
      border-radius: 6px; }
  .issue-box.border--green .issue-box__left:after {
    background-color: #009A64; }
  .issue-box.border--yellow .issue-box__left:after {
    background-color: #F6D21F; }
  .issue-box.border--orange .issue-box__left:after {
    background-color: #EA862B; }
  .issue-box.border--red .issue-box__left:after {
    background-color: #D83A3A; }
  .issue-box.border--black .issue-box__left:after {
    background-color: #4A4A4A; }
  .issue-box.border--blue .issue-box__left:after {
    background-color: #4685EF; }
  .issue-box:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: 0.3s box-shadow ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
    border-radius: 12px; }
  .issue-box .label svg {
    margin-left: 16px; }
  .issue-box .label--red {
    color: #D83A3A;
    background-color: #D83A3A;
    border-color: #D83A3A; }
  .issue-box .label--orange {
    color: #EA862B;
    background-color: #EA862B;
    border-color: #EA862B; }
  .issue-box .label--yellow {
    color: #F6D21F;
    background-color: #F6D21F;
    border-color: #F6D21F; }
  .issue-box .label--green {
    color: #009A64;
    background-color: #009A64;
    border-color: #009A64; }
  .issue-box .label--blue {
    color: #4685EF;
    background-color: #4685EF;
    border: #4685EF; }
  .issue-box .label--outline {
    background-color: transparent; }
  .issue-box .label:not(.label--outline) {
    color: #fff; }
    .issue-box .label:not(.label--outline) path {
      stroke: #fff; }

/*
*******************************************
Alert
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Alert - general
*******************************************
*/
.site-alert {
  position: fixed;
  margin-bottom: 0;
  top: -100%;
  z-index: 102;
  width: 100%;
  padding: 16px 0;
  border: 0;
  border-radius: 0; }
  .site-alert .btn {
    color: #fff;
    transition: opacity 0.3s, border 0.3s;
    flex-shrink: 0; }
    .site-alert .btn > * {
      color: #fff !important; }
  .site-alert .container {
    display: flex;
    justify-content: space-between;
    align-content: center;
    position: relative; }
  .site-alert .alert__title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: -3px; }
  .site-alert .alert__body {
    overflow: hidden; }
  .site-alert .alert__body:not(.ls-swiper) .alert__item {
    position: relative; }
  .site-alert .alert__actions {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    display: flex;
    align-items: center; }
    .site-alert .alert__actions .btn {
      opacity: 0.7; }
      .site-alert .alert__actions .btn:hover {
        opacity: 1; }
      .site-alert .alert__actions .btn > i {
        font-size: 24px; }
  .site-alert .rail {
    align-items: center; }
    .site-alert .rail > *:not(:last-child) {
      margin-right: 24px; }
    .site-alert .rail__item {
      display: flex;
      align-items: center; }
      .site-alert .rail__item .alert__content p {
        color: rgba(255, 255, 255, 0.7);
        display: flex; }
        .site-alert .rail__item .alert__content p span {
          display: flex;
          align-items: center; }
          .site-alert .rail__item .alert__content p span:first-of-type {
            margin-left: -4px; }
          .site-alert .rail__item .alert__content p span + span {
            margin-left: 20px; }
          .site-alert .rail__item .alert__content p span i {
            font-size: 19px;
            margin-right: 5px; }
    .site-alert .rail .btn {
      border-color: #6B4DC4;
      color: #fff;
      margin-left: 32px; }
      .site-alert .rail .btn:hover {
        border-color: #fff; }
  .site-alert .swiper__controls {
    display: flex;
    align-items: center;
    align-self: center;
    margin-right: 8px;
    margin-left: 24px;
    flex-shrink: 0; }
  .site-alert .swiper__controls > * {
    color: #fff;
    flex-shrink: 0; }
  .site-alert .swiper__pagination {
    width: 36px;
    font-size: 15px;
    text-align: center; }

/*
*******************************************
1. Alert - responsive
*******************************************
*/
@media (max-width: 1011px) {
  .site-alert .rail {
    padding-bottom: 50px; }
    .site-alert .rail__item {
      min-height: 70px; }
      .site-alert .rail__item .alert__content p {
        flex-direction: column; }
        .site-alert .rail__item .alert__content p span + span {
          margin: 0 0 0 -4px; }
      .site-alert .rail__item .btn {
        position: absolute;
        margin: 0;
        bottom: 0;
        left: 0; }
  .site-alert .alert__actions,
  .site-alert .swiper__controls {
    position: absolute;
    bottom: 0;
    z-index: 1; }
  .site-alert .alert__actions {
    right: 0; }
  .site-alert .swiper__controls {
    right: 40px; } }

@media (max-width: 751px) {
  .site-alert {
    position: absolute;
    z-index: 9; }
    .site-alert .container {
      width: 100%; }
    .site-alert .alert__actions {
      right: 16px; }
      .site-alert .alert__actions .btn {
        margin-bottom: 0; }
    .site-alert .swiper__pagination {
      display: none; }
    .site-alert .swiper__controls {
      margin-left: 0; }
    .site-alert .rail > :first-child:not(.rail__item) {
      display: none; } }

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .site-alert .alert__actions {
      margin-left: 20px; }
    .site-alert .swiper__controls {
      right: 60px; }
    @media (max-width: 1011px) {
      .alert__body:not(.ls-swiper) .alert__item {
        position: relative; }
        .alert__body:not(.ls-swiper) .alert__item .rail__item {
          flex-direction: column; } } } }

.site-alert__background {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #0e0f47; }

.site-alert {
  min-width: 100%;
  display: flex;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding: 0 32px !important;
  background-color: transparent;
  position: fixed !important;
  left: 0; }
  .site-alert #upcoming-events {
    max-width: 1496px;
    width: 100%;
    margin: auto;
    border-radius: 0 0 20px 20px;
    background-color: #7960fe;
    text-align: center;
    display: flex;
    position: relative; }
  .site-alert .alert__content {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 28px;
    padding: 20px;
    text-decoration: underline dotted rgba(255, 255, 255, 0.32) 1px;
    text-underline-offset: 4px; }
    .site-alert .alert__content span {
      font-weight: 600; }

.package {
  box-shadow: none;
  overflow: visible;
  margin-bottom: 0;
  border: 0; }
  .package__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    flex-grow: 1; }
  .package__header {
    padding: 0;
    background: #fff;
    margin-bottom: 40px;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 12px; }
    .package__header::before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
      border-radius: 12px;
      transition: box-shadow 0.3s ease;
      z-index: -1; }
    .package__header.package_header-link {
      transition: transform 0.3s, box-shadow 0.3s; }
      .package__header.package_header-link:hover:after {
        content: "";
        position: absolute;
        bottom: -8px;
        height: 8px;
        left: 0;
        right: 0; }
      .package__header.package_header-link:hover {
        z-index: 2;
        transform: translate3d(0, -8px, 0); }
        .package__header.package_header-link:hover:before {
          box-shadow: 0px 40px 72px 14px rgba(0, 0, 0, 0.04), 0px 32px 56px 14px rgba(0, 0, 0, 0.04); }
  .package__price .pricing__amount, .package__price .pricing__period {
    color: #2B1F51; }
  .package__price .pricing__old {
    color: #524972; }
  .package__title {
    margin-bottom: 16px;
    font-weight: 700; }
  .package__actions {
    margin-top: 24px; }
  .package__footer {
    padding: 16px;
    border-top: 1px solid #EFEFEF; }
    .package__footer strong {
      font-weight: 600; }
    .package__footer span {
      display: flex;
      align-items: center;
      justify-content: center;
      transition: color 0.3s ease; }
      .package__footer span strong {
        margin-left: 4px; }
    .package__footer img {
      margin-left: 16px;
      height: 20px; }
  .package--main {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    z-index: 7; }
  .package__features {
    display: flex;
    flex-direction: column;
    z-index: -2; }
    .package__features-group {
      padding: 16px 16px 16px 0;
      display: flex;
      background-color: #fff;
      box-shadow: none;
      border: 1px solid #DBDBDB;
      margin-bottom: 0;
      border-radius: 12px; }
      .package__features-group .package__title {
        margin-bottom: 0;
        writing-mode: vertical-rl;
        width: 34px;
        transform: rotate(180deg);
        font-weight: 600;
        padding-right: 8px;
        text-align: center;
        color: #2B1F51; }
      .package__features-group .package__list {
        padding-left: 16px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 0; }
        .package__features-group .package__list .list-item {
          display: flex; }
          .package__features-group .package__list .list-item + .list-item {
            margin-top: 8px; }
          .package__features-group .package__list .list-item strong {
            font-weight: 600;
            color: #2B1F51; }
      .package__features-group + .package__features-group {
        margin-top: 16px; }
      .package__features-group:not(:last-child) {
        border-style: dashed; }
      .package__features-group:nth-of-type(2) {
        border-color: #6B4DC4; }
        .package__features-group:nth-of-type(2) .package__title {
          color: #6B4DC4; }
      .package__features-group:nth-of-type(3) {
        border-color: #F67A3C; }
        .package__features-group:nth-of-type(3) .package__title {
          color: #F67A3C; }
  .package--secondary {
    border-radius: 8px; }
    .package--secondary .package__features {
      margin-top: 32px;
      margin-bottom: 0;
      width: 100%;
      z-index: unset; }
      .package--secondary .package__features li {
        text-align: left;
        font-size: 16px;
        font-weight: 300;
        line-height: 26px; }
        @media (max-width: 1387px) {
          .package--secondary .package__features li {
            font-size: 15px;
            line-height: 24px; } }
        @media (max-width: 1011px) {
          .package--secondary .package__features li {
            font-size: 14px;
            font-weight: 300;
            line-height: 22px; } }
        @media (max-width: 751px) {
          .package--secondary .package__features li {
            font-size: 14px;
            font-weight: 300;
            line-height: 22px; } }
        .package--secondary .package__features li + li {
          margin-top: 8px; }
        .package--secondary .package__features li strong {
          font-weight: 600;
          color: #2B1F51; }
    .package--secondary .package__actions {
      width: 100%; }
    .package--secondary .package__header {
      border-radius: 8px;
      margin-bottom: 0; }
      .package--secondary .package__header::before {
        z-index: -1; }
    .package--secondary .package__footer {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .package--secondary .package__footer a {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;
        color: #6B4DC4;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 8px; }
        @media (max-width: 1387px) {
          .package--secondary .package__footer a {
            font-size: 13px;
            font-weight: 300;
            line-height: 22px; } }
        @media (max-width: 1011px) {
          .package--secondary .package__footer a {
            font-size: 12px;
            font-weight: 300;
            line-height: 20px; } }
        @media (max-width: 751px) {
          .package--secondary .package__footer a {
            font-size: 12px;
            font-weight: 300;
            line-height: 20px; } }
        .package--secondary .package__footer a svg {
          margin-left: 8px; }
          .package--secondary .package__footer a svg path {
            stroke: #6B4DC4; }
      .package--secondary .package__footer > svg {
        border-radius: 3px;
        margin-left: 16px; }
      .package--secondary .package__footer span {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; }
        @media (max-width: 1387px) {
          .package--secondary .package__footer span {
            font-size: 13px;
            font-weight: 300;
            line-height: 22px; } }
        @media (max-width: 1011px) {
          .package--secondary .package__footer span {
            font-size: 12px;
            font-weight: 300;
            line-height: 20px; } }
        @media (max-width: 751px) {
          .package--secondary .package__footer span {
            font-size: 12px;
            font-weight: 300;
            line-height: 20px; } }
  .package--location .package__footer .tooltip--big {
    position: absolute;
    bottom: -320px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 8px;
    min-width: 350px;
    padding: 16px;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-align: left;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06); }
    @media (max-width: 1387px) {
      .package--location .package__footer .tooltip--big {
        font-size: 15px;
        line-height: 24px; } }
    @media (max-width: 1011px) {
      .package--location .package__footer .tooltip--big {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }
    @media (max-width: 751px) {
      .package--location .package__footer .tooltip--big {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }
    .package--location .package__footer .tooltip--big strong {
      color: #524972;
      text-decoration: none;
      margin: 0; }
    .package--location .package__footer .tooltip--big ul {
      margin-top: 16px; }
      .package--location .package__footer .tooltip--big ul li {
        text-align: left;
        display: flex;
        align-items: center; }
        .package--location .package__footer .tooltip--big ul li img {
          margin: 0 12px 0 0; }
    .package--location .package__footer .tooltip--big span {
      color: #938F9F; }
  .package--location .package__footer span {
    color: #524972; }
    .package--location .package__footer span img {
      height: 20px; }
    .package--location .package__footer span strong {
      margin-left: 6px;
      text-decoration: underline;
      color: #F67A3C; }
    .package--location .package__footer span.tooltip:hover .tooltip--big {
      opacity: 1; }
  .package:not(.package--disabled) .package__not-available {
    display: none; }
  .package--disabled .package__header {
    pointer-events: none;
    cursor: default;
    border: 1px solid #DBDBDB; }
    .package--disabled .package__header .package__title {
      color: #929292; }
    .package--disabled .package__header .package__footer {
      border-top: 1px solid #DBDBDB; }
    .package--disabled .package__header .package__price * {
      color: #6D6D6D;
      margin: 0; }
    .package--disabled .package__header .package__actions *, .package--disabled .package__header .package__footer * {
      color: #929292;
      margin: 0; }
    .package--disabled .package__header::before {
      box-shadow: none; }
    .package--disabled .package__header:hover {
      transform: none; }
      .package--disabled .package__header:hover::before {
        box-shadow: none; }
  .package--disabled .package__available {
    display: none; }
  .package__label {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 220px;
    font-size: 22px;
    height: 38px;
    font-weight: 400;
    border-radius: 12px 12px 0 0;
    white-space: nowrap;
    z-index: 1; }

.package-dropdown {
  position: relative; }
  .package-dropdown .package-dropdown__toggle svg {
    margin-left: 8px; }
  .package-dropdown .package-dropdown__toggle:active, .package-dropdown .package-dropdown__toggle:focus {
    background: #F67A3C; }
  .package-dropdown__menu {
    background: #F67A3C;
    border-radius: 8px;
    padding: 8px 0;
    position: absolute;
    top: 58px;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    z-index: 5; }
    .package-dropdown__menu .dropdown-item {
      background: #F67A3C;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px 16px;
      transition: 0.3s; }
      .package-dropdown__menu .dropdown-item:hover {
        background: #F8905C; }
      .package-dropdown__menu .dropdown-item__text, .package-dropdown__menu .dropdown-item__price {
        color: #fff;
        font-size: 16px;
        line-height: 26px; }
      .package-dropdown__menu .dropdown-item__price {
        font-weight: 600; }
  .package-dropdown.open .package-dropdown__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  .package-dropdown.open .package-dropdown__toggle {
    background: #BA4409; }
  @media (min-width: 1012px) and (max-width: 1387px) {
    .package-dropdown .package-dropdown__toggle svg {
      margin-right: -8px; }
    .package-dropdown .package-dropdown__item {
      flex-direction: column; } }

.pricing__discount {
  cursor: pointer; }

.pricing__help-icon {
  display: flex;
  align-items: center;
  margin-left: 8px; }

@media (max-width: 1387px) {
  .package.package--main {
    flex-direction: column;
    justify-content: flex-start; }
    .package.package--main > * {
      width: unset !important; } }

@media (max-width: 1387px) {
  .package {
    flex-direction: row;
    justify-content: space-between; }
    .package__features-group {
      flex-grow: 1;
      border-style: solid !important; }
      .package__features-group .package__title {
        width: 32px; }
    .package > * {
      width: calc(50% - 16px); }
    .package--secondary .package__header {
      width: unset; } }

@media (max-width: 1011px) {
  .package__footer {
    padding: 12px 16px; }
  .package__body {
    padding: 24px; }
  .package__title {
    margin-bottom: 8px; }
  .package__header {
    margin-bottom: 0; }
  .package.package__features .package__title {
    width: 30px; }
  .package .pricing__price {
    margin-bottom: 4px; }
  .package > * {
    width: calc(50% - 10px); }
  .package--main .package__features {
    margin-top: 40px; } }

@media (max-width: 751px) {
  .package {
    flex-wrap: wrap; }
    .package > * {
      width: 100%; }
    .package__features {
      margin-top: 32px; } }

.plan .is-visible-monthly,
.package .is-visible-monthly {
  display: none !important; }

.plan .is-visible.quarterly,
.package .is-visible.quarterly {
  display: none !important; }

.plan .is-visible.semiannually,
.package .is-visible.semiannually {
  display: none !important; }

.plan .is-visible.annually,
.package .is-visible.annually {
  display: none !important; }

.plan .is-visible.biennially,
.package .is-visible.biennially {
  display: none !important; }

.plan .is-visible.triennially,
.package .is-visible.triennially {
  display: none !important; }

.plan.monthly .is-hidden-monthly,
.package.monthly .is-hidden-monthly {
  text-decoration: line-through; }

.plan.monthly .is-visible-monthly,
.package.monthly .is-visible-monthly {
  display: flex !important; }

.plan.quarterly .is-hidden-quarterly,
.package.quarterly .is-hidden-quarterly {
  text-decoration: line-through; }

.plan.quarterly .is-visible-quarterly,
.package.quarterly .is-visible-quarterly {
  display: flex !important; }

.plan.semiannually .is-hidden-semiannually,
.package.semiannually .is-hidden-semiannually {
  text-decoration: line-through; }

.plan.semiannually .is-visible-semiannually,
.package.semiannually .is-visible-semiannually {
  display: flex !important; }

.plan.annually .is-hidden-annually,
.package.annually .is-hidden-annually {
  text-decoration: line-through; }

.plan.annually .is-visible-annually,
.package.annually .is-visible-annually {
  display: flex !important; }

.plan.biennially .is-hidden-biennially,
.package.biennially .is-hidden-biennially {
  text-decoration: line-through; }

.plan.biennially .is-visible-biennially,
.package.biennially .is-visible-biennially {
  display: flex !important; }

.plan.triennially .is-hidden-triennially,
.package.triennially .is-hidden-triennially {
  text-decoration: line-through; }

.plan.triennially .is-visible-triennially,
.package.triennially .is-visible-triennially {
  display: flex !important; }

.pricing__coupon {
  width: 100%;
  position: relative;
  cursor: pointer; }
  .pricing__coupon .tooltip {
    transition: opacity 0.5s ease;
    max-width: 180px;
    min-width: unset;
    white-space: nowrap; }
  .pricing__coupon:hover .tooltip {
    opacity: 1;
    visibility: visible;
    text-align: center; }
  .pricing__coupon .coupon {
    display: flex;
    flex-direction: row;
    width: 100%;
    border: 1px dashed #F67A3C;
    margin-bottom: 24px;
    border-radius: 6px;
    min-height: 52px;
    justify-content: center;
    align-items: center; }
    .pricing__coupon .coupon span {
      font-weight: 600; }
    .pricing__coupon .coupon svg {
      margin-bottom: -6px;
      margin-left: 10px; }
      .pricing__coupon .coupon svg path {
        stroke: #F67A3C; }

/*
*******************************************
Testimonials
1. General
*******************************************
*/
/*
*******************************************
1. Testimonials - general
*******************************************
*/
.swiper-pagination {
  position: relative;
  text-align: center;
  transition: opacity 0.3s;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  margin-top: 24px; }
  .swiper-pagination .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    background: #DBDBDB;
    transition: background-color 0.3s, width 0.3s; }
    .swiper-pagination .swiper-pagination-bullet-active {
      background-color: #52399E;
      width: 48px;
      border-radius: 16px; }
    .swiper-pagination .swiper-pagination-bullet:hover {
      background-color: #6B4DC4; }
    .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
      margin-left: 24px; }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 46%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  width: 80px;
  height: 80px; }
  .swiper-button-next:focus, .swiper-button-next:active, .swiper-button-prev:focus, .swiper-button-prev:active {
    outline: none; }
  .swiper-button-next svg path, .swiper-button-prev svg path {
    transition: stroke 0.3s; }
  .swiper-button-next:hover svg path, .swiper-button-prev:hover svg path {
    stroke: #DBDBDB; }

.swiper-button-next {
  right: 36px; }

.swiper-button-prev {
  left: 36px; }

.swiper-container {
  position: relative;
  z-index: 1;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  padding: 0 24px; }

.swiper-slide, .swiper-wrapper {
  position: relative;
  display: flex; }

.swiper-slide {
  width: 100%;
  flex-shrink: 0; }

.section__content--testimonials-big .testimonials {
  position: relative;
  perspective: 1978px;
  width: 100%;
  max-width: 1085px; }
  .section__content--testimonials-big .testimonials:before {
    content: "";
    position: absolute;
    z-index: -1;
    right: 196px;
    left: -387px;
    top: -28px;
    bottom: 52px;
    background: linear-gradient(90deg, #3E238E 0%, #6A4CC2 100%);
    border-radius: 40px;
    transform: rotateY(-30deg) translateZ(-432px); }
  .section__content--testimonials-big .testimonials__wrapper {
    z-index: 1;
    height: 100%;
    flex-wrap: nowrap;
    transition-property: opacity;
    position: relative;
    display: flex; }
  .section__content--testimonials-big .testimonials__slide {
    overflow: visible;
    padding: 43px 16px;
    justify-content: center; }
    .section__content--testimonials-big .testimonials__slide.swiper-slide:not(.swiper-slide-active) {
      visibility: hidden; }
  .section__content--testimonials-big .testimonials__head {
    margin-top: 8px;
    position: absolute;
    top: 80px;
    left: calc(50% - 21px); }
    .section__content--testimonials-big .testimonials__head svg path {
      fill: #fff !important; }
    .section__content--testimonials-big .testimonials__head-row {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .section__content--testimonials-big .testimonials__head .testimonials__auth {
      font-size: 20px;
      margin-bottom: 8px; }
  .section__content--testimonials-big .testimonials__item {
    position: relative;
    display: flex;
    flex-direction: column;
    transition: 0.3s ease;
    width: 1085px;
    height: 565px;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .section__content--testimonials-big .testimonials__item.is-disabled {
      opacity: 1; }
    .section__content--testimonials-big .testimonials__item .testimonials__icon svg path {
      fill: #fff; }
  .section__content--testimonials-big .testimonials__content {
    color: #fff;
    max-width: 688px;
    width: 100%;
    margin-bottom: 0; }
  .section__content--testimonials-big .testimonials__auth {
    display: flex;
    flex-direction: column;
    margin-top: 32px; }
    .section__content--testimonials-big .testimonials__auth .btn {
      margin-top: 8px; }
    .section__content--testimonials-big .testimonials__auth a {
      color: #fff; }
    .section__content--testimonials-big .testimonials__auth h5 {
      margin: 8px 0 0 0;
      color: #fff; }
    .section__content--testimonials-big .testimonials__auth p {
      color: #fff;
      margin: 0;
      font-size: 14px;
      line-height: 22px; }
  .section__content--testimonials-big .testimonials__body {
    padding-top: 64px; }

.section__content--testimonials-small .swiper-pagination {
  position: relative; }

.section__content--testimonials-small .testimonials__slide {
  overflow: visible;
  /*visibility: hidden;*/
  padding: 66px 16px 48px;
  border: 1px solid #DBDBDB;
  border-radius: 12px;
  margin: 0 20px;
  text-align: left; }
  .section__content--testimonials-small .testimonials__slide.swiper-slide-next, .section__content--testimonials-small .testimonials__slide.swiper-slide-prev, .section__content--testimonials-small .testimonials__slide.swiper-slide-active {
    visibility: visible; }

.section__content--testimonials-small .testimonials__head {
  margin-bottom: 16px;
  display: flex;
  align-items: center; }
  .section__content--testimonials-small .testimonials__head .testimonials__rating {
    display: flex;
    align-items: center; }
    .section__content--testimonials-small .testimonials__head .testimonials__rating .star {
      margin-right: 4px; }
  .section__content--testimonials-small .testimonials__head .testimonials__author {
    flex-grow: 1;
    margin-bottom: 0; }
    .section__content--testimonials-small .testimonials__head .testimonials__author-name {
      color: #000;
      font-weight: 600;
      margin-bottom: 0; }
    .section__content--testimonials-small .testimonials__head .testimonials__author-nickname {
      color: #929292;
      font-size: 16px;
      font-weight: 300;
      line-height: 26px; }
      @media (max-width: 1387px) {
        .section__content--testimonials-small .testimonials__head .testimonials__author-nickname {
          font-size: 15px;
          line-height: 24px; } }
      @media (max-width: 1011px) {
        .section__content--testimonials-small .testimonials__head .testimonials__author-nickname {
          font-size: 14px;
          font-weight: 300;
          line-height: 22px; } }
      @media (max-width: 751px) {
        .section__content--testimonials-small .testimonials__head .testimonials__author-nickname {
          font-size: 14px;
          font-weight: 300;
          line-height: 22px; } }
  .section__content--testimonials-small .testimonials__head .testimonials__content {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #524972;
    margin-bottom: 0; }
    @media (max-width: 1387px) {
      .section__content--testimonials-small .testimonials__head .testimonials__content {
        font-size: 15px;
        line-height: 24px; } }
    @media (max-width: 1011px) {
      .section__content--testimonials-small .testimonials__head .testimonials__content {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }
    @media (max-width: 751px) {
      .section__content--testimonials-small .testimonials__head .testimonials__content {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }

.section__content--testimonials-small .testimonials__item {
  position: relative;
  padding: 18px 32px 10px;
  display: flex;
  flex-direction: column;
  background: #fff;
  transition: 0.3s ease;
  margin: -48px 0; }
  .section__content--testimonials-small .testimonials__item.is-disabled {
    opacity: 1; }

.section__content--testimonials-small .testimonials__read-more {
  color: #52399E; }

.section__content--testimonials-small .testimonials__desc {
  margin-bottom: 8px; }

.section__content--testimonials-small .testimonials__action {
  margin-top: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column; }
  .section__content--testimonials-small .testimonials__action .btn {
    padding-left: 0; }
  .section__content--testimonials-small .testimonials__action .testimonials__date {
    margin-bottom: 0;
    color: #99A5C2; }

.section__content--testimonials-small .testimonials__body {
  margin-bottom: 16px; }

.testimonials__avatar {
  height: 64px;
  width: 64px;
  border-radius: 100%;
  overflow: hidden;
  margin: auto; }

.testimonials__slide .testimonials__auth {
  display: flex;
  flex-direction: column;
  align-items: center; }

.testimonials__content a {
  color: #fff; }

.testimonials--customer-story .testimonials__auth .btn {
  margin-top: 16px; }

.testimonials--customer-story .testimonials__body {
  padding-top: 16px !important; }

@media (max-width: 1387px) {
  .section__content--testimonials-big .swiper-button-next {
    right: 0; }
  .section__content--testimonials-big .swiper-button-prev {
    left: 0px; }
  .section__content--testimonials-big .swiper-button-prev, .section__content--testimonials-big .swiper-button-next {
    top: 42%; }
  .section__content--testimonials-big .testimonials:before {
    right: 158px;
    left: -402px;
    top: -40px;
    bottom: 113px; }
  .section__content--testimonials-big .testimonials__slide {
    padding-top: 36px; }
  .section__content--testimonials-big .testimonials__body {
    padding-top: 0; } }

@media (min-width: 1012px) and (max-width: 1387px) {
  .section__content--testimonials-big .testimonials__content {
    max-width: 70%;
    margin: 0 auto; } }

@media (max-width: 1011px) {
  .section__content--testimonials-big .swiper-button-prev, .section__content--testimonials-big .swiper-button-next {
    display: none; }
  .section__content--testimonials-big .testimonials:before {
    top: -42px;
    right: -79px;
    left: -700px;
    border-radius: 0;
    bottom: 66px; }
  .section__content--testimonials-big .testimonials .testimonials__item .testimonials__head {
    top: 80px; }
  .section__content--testimonials-big .testimonials__slide {
    padding-top: 0; }
  .section__content--testimonials-big .testimonials__body {
    margin-top: 40px; }
  .section__content--testimonials-big .testimonials__auth p + p {
    margin-top: 16px; }
  .section__content--testimonials-big .testimonials-pagination {
    margin-top: 0; } }

@media (max-width: 751px) {
  .section__content--testimonials-big .swiper-button-next,
  .section__content--testimonials-big .swiper-button-prev {
    display: none; }
  .section__content--testimonials-big .testimonials:before {
    bottom: 16px; }
  .section__content--testimonials-big .testimonials__slide {
    padding: 24px 0; }
  .section__content--testimonials-big .testimonials__item {
    height: 630px; }
  .section__content--testimonials-big .testimonials .testimonials__item .testimonials__head {
    top: 44px; } }

@media (max-width: 513px) {
  .swiper-testimonials {
    padding: 0 8px; }
  .testimonials__head {
    top: 60px; } }

.swiper-slide-active .testimonials__body,
.swiper-slide-active .testimonials__auth {
  animation: testimonials 1s; }

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

/*
*******************************************
Feature slider
1. General
2. Responsive
*******************************************
*/
/*
*******************************************
1. Feature slider - general
*******************************************
*/
.mob-slider ~ .swiper-button-prev.swiper-button-disabled,
.mob-slider ~ .swiper-button-next.swiper-button-disabled {
  display: none; }

.mob-slider {
  width: 100%; }

.performance--slider-container .feature {
  flex-direction: row; }

/*
*******************************************
2. Feature slider - responsive
*******************************************
*/
@media (min-width: 1012px) {
  .mob-slider ~ .swiper-pagination,
  .mob-slider ~ .swiper-button-prev,
  .mob-slider ~ .swiper-button-next {
    display: none; } }

@media (max-width: 1011px) {
  .has-slider .container {
    position: relative; }
  .has-slider .swiper-wrapper {
    width: auto;
    padding: 0 8px; }
  .has-slider .section__features {
    width: inherit; }
  .has-slider div[class*=row--] {
    width: inherit; }
  .has-slider .mob-slider {
    width: inherit; }
  .has-slider .swiper-pagination {
    bottom: -56px;
    left: 0;
    right: 0; }
    .has-slider .swiper-pagination-bullet {
      height: 16px;
      width: 16px; }
      .has-slider .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 10px; }
    .has-slider .swiper-pagination .swiper-pagination-bullet-active {
      background: #F67A3C;
      box-shadow: 0px 15px 30px -8px rgba(0, 0, 0, 0.2); }
  .has-slider .row {
    margin-left: -16px; }
  .has-slider div[class^=swiper-button-] {
    color: #fff;
    position: absolute;
    top: 47px;
    z-index: 1;
    cursor: pointer;
    bottom: 0;
    background: #fff;
    display: flex;
    align-items: center;
    font-size: 30px;
    padding-left: 0; }
    .has-slider div[class^=swiper-button-] i {
      font-size: 40px; }
  .has-slider [data-size="tablet"] ~ div[class^=swiper-button-] {
    top: 102px; }
  .has-slider [data-size="mobile"] ~ div[class^=swiper-button-] {
    top: 16px; }
  .has-slider .swiper-button-prev {
    left: -100%;
    right: calc(100% - 5px);
    justify-content: flex-end; }
  .has-slider .swiper-button-next {
    left: calc(100% - 5px);
    right: -100%; }
  .has-slider [data-size="mobile"] ~ .swiper-button-next {
    left: 100%; }
  .has-slider [data-size="mobile"] ~ .swiper-button-prev {
    right: 100%; }
  .has-slider.overlap + .section {
    padding-top: 200px; }
  .has-slider:not(.overlap) {
    padding-bottom: 98px; } }

@media (max-width: 751px) {
  .has-slider {
    padding-top: 40px; }
    .has-slider [data-size="tablet"] .swiper-wrapper {
      padding: 0 4px; }
    .has-slider .section__content + .section__features {
      margin-top: 16px; }
    .has-slider div[class^=swiper-button-] {
      top: 16px; }
    .has-slider .swiper-pagination {
      bottom: -40px; }
  .has-slider:not(.overlap) {
    padding-bottom: 64px; }
  .mob-slider {
    position: relative;
    width: inherit !important; }
    .mob-slider .swiper-slide {
      width: inherit !important;
      margin-top: 0;
      height: initial; }
  .mob-slider[data-size="tablet"] .swiper-wrapper {
    display: flex;
    flex-direction: column; }
  .mob-slider[data-size="tablet"] + .swiper-pagination {
    display: none; }
  .mob-slider[data-size="tablet"] ~ div[class^=swiper-button-] {
    display: none; }
  .has-slider.overlap + .section {
    padding-top: 140px; }
  .has-slider:not(.has-slider--mob) .row {
    margin: 0; } }

@media (max-width: 513px) {
  .has-slider:not(.has-slider--mob) .container {
    padding: 0; }
  .has-slider .container {
    width: 100%;
    padding-right: 0; }
  .has-slider .swiper-button-prev {
    left: -8px;
    right: auto !important;
    justify-content: flex-end; }
  .has-slider .swiper-button-next {
    right: -8px;
    left: auto !important; }
  .has-slider .swiper-button-prev i {
    position: relative;
    right: -5px; }
  .has-slider .swiper-button-next i {
    position: relative;
    left: -5px; }
  .mob-slider[data-size="mobile"] .swiper-wrapper .swiper-slide:nth-of-type(2) {
    padding-left: 24px; } }

.swiper-features .swiper-wrapper {
  flex-wrap: nowrap; }

.swiper-features .swiper-slide {
  min-width: 276px; }

.swiper-features .feature {
  align-items: center;
  border-radius: 12px;
  height: 305px; }

.swiper-features.swiper-partners {
  z-index: 3; }
  .swiper-features.swiper-partners .swiper-slide {
    max-width: 212px;
    min-width: 0;
    margin-right: 32px !important; }
    @media (min-width: 1388px) {
      .swiper-features.swiper-partners .swiper-slide {
        max-width: 246px; } }
    .swiper-features.swiper-partners .swiper-slide .feature {
      background-color: #fff;
      margin-top: 55px;
      padding: 24px;
      height: auto; }
      .swiper-features.swiper-partners .swiper-slide .feature__title {
        margin-top: 16px; }
      .swiper-features.swiper-partners .swiper-slide .feature__icon {
        width: 88px;
        height: 88px;
        margin: auto; }
    .swiper-features.swiper-partners .swiper-slide:last-of-type {
      margin: 0; }
  .swiper-features.swiper-partners-db {
    padding: 0; }
    .swiper-features.swiper-partners-db .swiper-slide {
      flex-direction: column; }
      .swiper-features.swiper-partners-db .swiper-slide .feature + .feature {
        margin-top: 40px; }
  .swiper-features.swiper-partners-p-0 {
    padding: 0; }

.swiper-logos, .swiper-proof {
  margin-left: -100px !important; }
  .swiper-logos .logos--wrapper, .swiper-logos .proof--wrapper, .swiper-proof .logos--wrapper, .swiper-proof .proof--wrapper {
    z-index: 1;
    height: 100%;
    flex-wrap: nowrap;
    transition-property: transform;
    position: relative;
    display: flex; }
    .swiper-logos .logos--wrapper.logos--wrapper-autoplay, .swiper-logos .proof--wrapper.logos--wrapper-autoplay, .swiper-proof .logos--wrapper.logos--wrapper-autoplay, .swiper-proof .proof--wrapper.logos--wrapper-autoplay {
      transition-timing-function: linear; }
  .swiper-logos .swiper-slide--proof, .swiper-proof .swiper-slide--proof {
    display: flex;
    justify-content: center;
    box-shadow: 0px 16px 48px 10px #00000014, 0px 16px 32px 10px #0000000A;
    background: white;
    width: 500px !important;
    margin-inline: 16px;
    border-radius: 12px;
    text-align: center;
    position: relative;
    padding: 40px 32px 32px 32px; }
    @media (max-width: 513px) {
      .swiper-logos .swiper-slide--proof, .swiper-proof .swiper-slide--proof {
        width: 350px !important; } }
    .swiper-logos .swiper-slide--proof::before, .swiper-proof .swiper-slide--proof::before {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      width: 52px;
      height: 44px;
      background-image: url("../img/icons/quote-icon.svg");
      transform: translate(-50%, -50%); }
  .swiper-logos .swiper-slide > div, .swiper-proof .swiper-slide > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative; }
    .swiper-logos .swiper-slide > div span, .swiper-proof .swiper-slide > div span {
      position: absolute;
      bottom: 0;
      left: auto;
      right: auto;
      font-weight: 600;
      transform: translateY(56px); }
  .swiper-logos--gray:not(.swiper-logos-db) .swiper-slide img, .swiper-proof--gray:not(.swiper-logos-db) .swiper-slide img {
    filter: grayscale(100%);
    opacity: 0.4;
    transition: opacity 0.3s;
    max-width: 100%; }
  .swiper-logos--gray:not(.swiper-logos-db) .swiper-slide:hover img, .swiper-proof--gray:not(.swiper-logos-db) .swiper-slide:hover img {
    filter: grayscale(0%);
    opacity: 1; }
  .swiper-logos-db .logos-db--wrapper, .swiper-proof-db .logos-db--wrapper {
    position: relative;
    display: flex;
    margin-left: -100px; }
    .swiper-logos-db .logos-db--wrapper .swiper-slide, .swiper-proof-db .logos-db--wrapper .swiper-slide {
      flex-direction: column; }
      .swiper-logos-db .logos-db--wrapper .swiper-slide div.logos-top, .swiper-proof-db .logos-db--wrapper .swiper-slide div.logos-top {
        text-align: center;
        transform: translateX(104px); }
      .swiper-logos-db .logos-db--wrapper .swiper-slide div + div, .swiper-proof-db .logos-db--wrapper .swiper-slide div + div {
        margin-top: 100px; }
      .swiper-logos-db .logos-db--wrapper .swiper-slide div img, .swiper-proof-db .logos-db--wrapper .swiper-slide div img {
        filter: grayscale(100%);
        opacity: 0.4;
        transition: opacity 0.3s; }
      .swiper-logos-db .logos-db--wrapper .swiper-slide div:hover img, .swiper-proof-db .logos-db--wrapper .swiper-slide div:hover img {
        filter: grayscale(0%);
        opacity: 1; }

.performance--slider,
.core-slider {
  z-index: 99; }
  .performance--slider__slide,
  .core-slider__slide {
    display: none !important;
    opacity: 0;
    z-index: 2;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    transition: 0.3s visibility, 0.3s opacity;
    border-radius: 16px;
    background-color: #fff;
    overflow: visible; }
    .performance--slider__slide:after,
    .core-slider__slide:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      transition: 0.3s box-shadow ease;
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
      border-radius: 12px; }
    .performance--slider__slide.is-active,
    .core-slider__slide.is-active {
      opacity: 1;
      visibility: visible;
      z-index: 3;
      display: block !important; }

.performance--slider__slide.is-active {
  padding: 0; }

.core-slider {
  height: unset; }
  .core-slider .core-slider__slide.is-active {
    display: flex !important; }

.core--slider-pagination .feature {
  min-width: 225px;
  min-height: 188px;
  width: 100%;
  transition: border-color 0.3s, box-shadow 0.3s;
  padding: 24px;
  margin-right: 24px;
  cursor: pointer;
  background-color: #fff; }
  .core--slider-pagination .feature__title {
    font-weight: 600;
    margin-top: 8px; }
    .core--slider-pagination .feature__title span {
      display: block; }
  .core--slider-pagination .feature:last-child {
    margin-right: 0; }
  .core--slider-pagination .feature__icon {
    margin-right: auto;
    margin-left: auto; }
  .core--slider-pagination .feature__body {
    width: 100%; }
  .core--slider-pagination .feature.is-active {
    border-color: #fff; }
    .core--slider-pagination .feature.is-active:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transition: 0.3s box-shadow ease;
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
      border-radius: 12px; }
  .core--slider-pagination .feature:hover:not(.is-active) {
    border-color: #6B4DC4; }

.core--slider-pagination .content-slider {
  overflow: visible; }

.core-slider {
  height: 487px;
  position: relative;
  width: 100%;
  background-color: #fff; }
  .core-slider__content {
    max-width: 577px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .core-slider__content .list-group__item {
      padding: 20px 0;
      flex-wrap: wrap;
      border-bottom: 1px solid #E5E0F4; }
      .core-slider__content .list-group__item:last-child {
        border: none; }
      .core-slider__content .list-group__item[aria-expanded=true] .list-group__icon svg {
        transform: rotate(180deg); }
        .core-slider__content .list-group__item[aria-expanded=true] .list-group__icon svg path {
          fill: #52399E; }
    .core-slider__content .list-group__icon {
      display: flex; }
      .core-slider__content .list-group__icon path {
        fill: #929292; }
      .core-slider__content .list-group__icon svg {
        transition: 0.3s ease; }
    .core-slider__content .list-group__top .top__title {
      margin-bottom: 0; }
    .core-slider__content .list-group__top + .list-group__content {
      margin-top: 16px; }
    .core-slider__content .list-group__content p {
      margin-bottom: 8px; }
  .core-slider__title {
    color: #6B4DC4;
    text-align: left; }
  .core-slider__desc {
    padding-right: 16px; }
    .core-slider__desc b {
      font-weight: 700;
      color: #2B1F51; }
  .core-slider__graphic {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto; }
  .core-slider__slide {
    height: 487px;
    padding: 56px;
    padding-right: 0; }

.performance--slider {
  position: relative;
  background-color: #fff;
  margin-top: 36px;
  padding: 56px; }
  .performance--slider-container .content-slider {
    overflow: visible; }
  .performance--slider-container .feature {
    margin-right: 24px;
    border-radius: 12px;
    padding: 24px 20px;
    transition: border-color 0.3s, box-shadow 0.3s;
    cursor: pointer;
    background-color: #fff;
    min-width: 288px; }
    .performance--slider-container .feature:last-of-type {
      margin-right: 0; }
    .performance--slider-container .feature .feature__body {
      width: 100%; }
    .performance--slider-container .feature .feature__title {
      margin-top: 8px;
      font-weight: 600; }
    .performance--slider-container .feature.is-active {
      border-color: #fff; }
      .performance--slider-container .feature.is-active:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition: 0.3s box-shadow ease;
        box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
        border-radius: 12px; }
    .performance--slider-container .feature:hover:not(.is-active) {
      border-color: #6B4DC4; }
  .performance--slider__slide {
    padding: 64px; }
    .performance--slider__slide .performance--slider__content {
      display: flex;
      justify-content: space-between; }
      .performance--slider__slide .performance--slider__content > div {
        flex-basis: 96%; }
        .performance--slider__slide .performance--slider__content > div + div {
          margin-left: 4%; }
  .performance--slider-pagination + .core-slider {
    margin-top: 40px; }
    .performance--slider-pagination + .core-slider .core-slider__content {
      justify-content: flex-start; }

@media (min-width: 1388px) {
  .swiper-features .swiper-wrapper {
    transform: none !important; } }

@media (min-width: 1012px) and (max-width: 1387px) {
  .performance--slider-pagination + .core-slider .core-slider__content {
    margin-right: 40px; } }

@media (max-width: 1387px) {
  .swiper-logos-db .logos-db--wrapper .swiper-slide div + div {
    margin-top: 40px; } }

@media (min-width: 752px) {
  .performance--slider-container {
    margin-top: 75px; } }

@media (max-width: 1011px) {
  .core-slider {
    height: 100vh; }
    .core-slider__slide {
      height: 100%;
      flex-direction: column;
      padding: 40px; }
    .core-slider__graphic {
      justify-content: center; }
  .performance--slider-container {
    margin-top: 24px; }
  .performance--slider__slide {
    height: inherit; }
    .performance--slider__slide .performance--slider__content {
      flex-direction: column; }
      .performance--slider__slide .performance--slider__content > div {
        flex-basis: 100%; }
  .swiper-features.swiper-partners-db {
    padding: 0 12px; }
  .swiper-logos-db .logos-db--wrapper .swiper-slide div.logos-top {
    transform: translateX(87px); }
  .performance--slider__slide .performance--slider__content > div + div {
    margin-left: 0; } }

@media (max-width: 751px) {
  .core-slider__desc {
    padding: 0; }
  .performance--slider-container .feature {
    min-width: 260px; } }

@media (max-width: 513px) {
  .performance--slider__slide {
    padding: 32px; } }

@media (max-width: 430px) {
  .core-slider {
    height: 820px; }
    .core-slider--collapse {
      height: 700px; }
    .core-slider__graphic {
      display: none; } }

.package-slider .swiper-container {
  overflow: visible; }

.package-slider .swiper-container-android .swiper-slide, .package-slider .swiper-wrapper {
  transform: none; }

.nav-packages {
  display: none; }

@media (min-width: 752px) and (max-width: 1011px) {
  .nav-packages {
    display: flex;
    justify-content: space-between;
    margin: -20px -20px 40px; }
    .nav-packages .btn__text {
      line-height: 23px; } }

@media (max-width: 751px) {
  .package-slider .row.swiper-wrapper {
    display: block; } }

.pricing {
  display: flex;
  flex-direction: column; }
  .pricing__amount {
    display: flex;
    color: #F67A3C;
    margin-bottom: 0;
    font-weight: 800; }
  .pricing__period, .pricing__old {
    color: #fff; }
  .pricing__period {
    margin-bottom: 4px; }
  .pricing__discount {
    display: flex; }
    .pricing__discount [data-toggle="lu-modal"] {
      cursor: pointer; }
      .pricing__discount [data-toggle="lu-modal"]:hover .pricing__help-icon path {
        stroke: #F67A3C; }
      .pricing__discount [data-toggle="lu-modal"] .pricing__help-icon {
        display: flex;
        margin-left: 8px;
        align-items: center; }
  .pricing__price {
    display: flex;
    align-items: flex-end;
    margin-bottom: 8px;
    justify-content: center; }
  .pricing__old {
    text-decoration: line-through; }
  .pricing__save {
    background-color: #FEE9DF;
    color: #F67A3C;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 8px; }
  .pricing__title {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300; }

@media (max-width: 1387px) {
  .pricing__title {
    font-size: 13px;
    line-height: 22px;
    font-weight: 300; } }

@media (max-width: 1011px) {
  .pricing__title {
    font-size: 12px;
    line-height: 20px;
    font-weight: 300; }
  .pricing__period {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300; } }

.btn.btn--link {
  color: #F67A3C;
  font-weight: 600; }
  .btn.btn--link:hover {
    color: #F8905C; }
  .btn.btn--link.has-arrow .btn__text svg path {
    stroke: #F67A3C; }

.btn.btn--outline.btn--white {
  border-color: #fff; }
  .btn.btn--outline.btn--white .btn__text {
    color: #fff; }

@media (min-width: 1012px) {
  .btn.has-arrow .btn__text {
    transition: 0.3s ease padding-right, 0.3s ease color;
    position: relative; }
  .btn.has-arrow svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: 0.3s ease transform, 0.3s ease opacity; }
  .btn.has-arrow:hover .btn__text {
    padding-right: 32px; }
    .btn.has-arrow:hover .btn__text:after {
      right: 20px;
      opacity: 1; }
  .btn.has-arrow:hover svg {
    opacity: 1; }
  .btn.btn--primary.has-arrow .btn__text svg path, .btn.btn--secondary.has-arrow .btn__text svg path, .btn.btn--info.has-arrow .btn__text svg path {
    stroke: #fff; }
  .btn.btn--secondary.btn--outline.has-arrow .btn__text svg path {
    stroke: #F67A3C; }
  .btn.btn--primary.btn--outline.has-arrow .btn__text svg path {
    stroke: #6B4DC4; }
  .btn.btn--primary.btn--link.has-arrow .btn__text svg path {
    stroke: #6B4DC4; }
  .btn.btn--success.btn--outline.has-arrow .btn__text svg path {
    stroke: #28C08B; }
  .btn.btn--info.btn--outline.has-arrow .btn__text svg path {
    stroke: #79A9FB; }
  .btn.btn--outline.btn--white.has-arrow .btn__text svg path {
    stroke: #fff; } }

@media (max-width: 1387px) {
  .btn.has-arrow svg {
    display: none; }
  .btn.has-arrow:hover .btn__text {
    padding: 0; } }

@media (max-width: 751px) {
  .btn-mob--xs {
    font-size: 14px;
    line-height: 22px;
    height: 40px;
    padding: 0 24px; } }

.pt {
  font-weight: 400;
  margin: 0 auto;
  width: 100%; }
  .pt__header {
    padding: 0 28px;
    display: flex; }
    .pt__header .pt__cell {
      height: 64px;
      font-size: 16px;
      font-weight: 300;
      line-height: 26px;
      cursor: pointer; }
      @media (max-width: 1387px) {
        .pt__header .pt__cell {
          font-size: 15px;
          line-height: 24px; } }
      @media (max-width: 1011px) {
        .pt__header .pt__cell {
          font-size: 14px;
          font-weight: 300;
          line-height: 22px; } }
      @media (max-width: 751px) {
        .pt__header .pt__cell {
          font-size: 14px;
          font-weight: 300;
          line-height: 22px; } }
      .pt__header .pt__cell.pt__cell-price {
        min-width: 300px; }
  .pt__body {
    width: 100%; }
  .pt__title {
    margin-bottom: 0; }
    .pt__title strong {
      font-weight: 800 !important; }
  .pt__row-content {
    display: flex;
    cursor: pointer;
    transition: 0.3s border-top;
    padding: 24px;
    background-color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-radius: 8px; }
    @media (min-width: 752px) {
      .pt__row-content.not-available .pt__cell {
        height: 78px; } }
    .pt__row-content.not-available .pt__cell.pt__cell--not-available {
      display: flex; }
    .pt__row-content.not-available .pt__cell.pt__cell--pricing, .pt__row-content.not-available .pt__cell.pt__cell--button {
      display: none; }
  .pt__header .pt__cell,
  .pt__row-content .pt__cell {
    display: flex;
    align-items: center;
    font-weight: 300; }
    .pt__header .pt__cell strong, .pt__header .pt__cell b,
    .pt__row-content .pt__cell strong,
    .pt__row-content .pt__cell b {
      font-weight: 600;
      color: #2B1F51; }
    .pt__header .pt__cell.pt__cell--not-available,
    .pt__row-content .pt__cell.pt__cell--not-available {
      display: none;
      flex-direction: column;
      align-items: flex-start;
      padding: 0 16px 0 24px; }
      .pt__header .pt__cell.pt__cell--not-available .h5,
      .pt__row-content .pt__cell.pt__cell--not-available .h5 {
        margin: 0;
        color: #6D6D6D; }
      .pt__header .pt__cell.pt__cell--not-available .p-5,
      .pt__row-content .pt__cell.pt__cell--not-available .p-5 {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;
        color: #929292; }
        @media (max-width: 1387px) {
          .pt__header .pt__cell.pt__cell--not-available .p-5,
          .pt__row-content .pt__cell.pt__cell--not-available .p-5 {
            font-size: 13px;
            font-weight: 300;
            line-height: 22px; } }
        @media (max-width: 1011px) {
          .pt__header .pt__cell.pt__cell--not-available .p-5,
          .pt__row-content .pt__cell.pt__cell--not-available .p-5 {
            font-size: 12px;
            font-weight: 300;
            line-height: 20px; } }
        @media (max-width: 751px) {
          .pt__header .pt__cell.pt__cell--not-available .p-5,
          .pt__row-content .pt__cell.pt__cell--not-available .p-5 {
            font-size: 12px;
            font-weight: 300;
            line-height: 20px; } }
      @media (max-width: 1387px) {
        .pt__header .pt__cell.pt__cell--not-available,
        .pt__row-content .pt__cell.pt__cell--not-available {
          padding: 0 0 0 16px; } }
      @media (max-width: 751px) {
        .pt__header .pt__cell.pt__cell--not-available,
        .pt__row-content .pt__cell.pt__cell--not-available {
          order: 6;
          max-width: 70%;
          margin-left: auto;
          align-items: flex-end;
          text-align: right; } }
  .pt__row {
    position: relative;
    border-radius: 8px;
    z-index: 5;
    background-color: #fff; }
    .pt__row + .pt__row {
      margin-top: 16px; }
    .pt__row.is-open {
      border-top: 0; }
      .pt__row.is-open:before {
        opacity: 1;
        visibility: visible; }
      .pt__row.is-open .pt__cell.pt__cell-price .pt__btn {
        background: url(../img/icons/icon-close.html) no-repeat center center; }
      .pt__row.is-open .pt__cell--icon svg path:nth-of-type(2) {
        transform: rotate(90deg); }
    .pt__row::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
      z-index: -1;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px; }
    .pt__row .package__label.pt__label {
      left: 24px;
      transform: unset; }
  .pt__cell {
    transition: 0.3s color;
    display: flex;
    align-items: center;
    height: 56px; }
    .pt__cell.pt__cell-price {
      display: flex;
      align-items: center;
      flex: 1; }
      .pt__cell.pt__cell-price .pt__btn {
        cursor: pointer;
        text-align: center;
        height: 28px;
        width: 28px;
        line-height: 28px;
        min-width: 28px;
        margin-left: auto;
        position: relative;
        background: url(../img/icons/icon-arrow-down.html) no-repeat center center; }
    .pt__cell > span:not([class]) {
      font-size: 20px;
      font-weight: 300;
      line-height: 32px; }
      @media (max-width: 1387px) {
        .pt__cell > span:not([class]) {
          font-size: 18px;
          font-weight: 300;
          line-height: 30px; } }
      @media (max-width: 1011px) {
        .pt__cell > span:not([class]) {
          font-size: 17px;
          font-weight: 300;
          line-height: 28px; } }
      @media (max-width: 751px) {
        .pt__cell > span:not([class]) {
          font-size: 17px;
          font-weight: 300;
          line-height: 28px; } }
    .pt__cell .pricing__amount {
      color: #2B1F51; }
    .pt__cell .pricing__period, .pt__cell .pricing__old {
      color: #524972; }
    .pt__cell .pricing__period {
      margin-bottom: 0; }
    .pt__cell .pricing__price {
      margin-bottom: 0; }
    .pt__cell .pricing__discount > * {
      font-size: 14px;
      line-height: 22px; }
    .pt__cell .pricing__save {
      padding-top: 0;
      padding-bottom: 0;
      margin-left: 4px;
      white-space: nowrap; }
    .pt__cell--icon svg path {
      stroke: #52399E;
      transform-origin: center;
      transition: transform 0.3s ease; }
    .pt__cell--title {
      min-width: 18.06%; }
    .pt__cell--hardware {
      min-width: 32.90%;
      justify-content: space-between; }
      .pt__cell--hardware span + span {
        margin-left: 24px; }
    .pt__cell--logo {
      min-width: 8.47%; }
      .pt__cell--logo .pt__logo {
        margin: auto 0; }
    .pt__cell--pricing {
      min-width: 15.47%;
      justify-content: center; }
    .pt__cell:nth-child(1) {
      padding: 0;
      min-width: 2.3%; }
    .pt__cell:last-child {
      padding-right: 0;
      padding: 0;
      margin-left: auto; }
  .pt__logo svg {
    width: 76px;
    height: auto; }
  .pt__collapse {
    padding: 24px;
    padding-top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    display: none; }
    .pt__collapse .pt__features {
      display: flex;
      position: relative;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      flex-wrap: wrap;
      justify-content: space-between; }
      .pt__collapse .pt__features .pt__feature {
        display: flex;
        border: 1px solid #DBDBDB;
        border-radius: 8px;
        padding: 8px 24px;
        width: 381px; }
        .pt__collapse .pt__features .pt__feature strong {
          font-weight: 600; }
        .pt__collapse .pt__features .pt__feature:nth-of-type(3n-2), .pt__collapse .pt__features .pt__feature:nth-of-type(3n-1), .pt__collapse .pt__features .pt__feature:nth-of-type(3n) {
          margin-top: 16px; }
        .pt__collapse .pt__features .pt__feature:nth-of-type(1), .pt__collapse .pt__features .pt__feature:nth-of-type(2), .pt__collapse .pt__features .pt__feature:nth-of-type(3) {
          margin-top: 0; }
      .pt__collapse .pt__features > .row + .row {
        margin-top: 16px; }
    .pt__collapse .pt__servers-locations {
      margin: 16px -8px 0;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      font-weight: 300;
      line-height: 22px; }
      .pt__collapse .pt__servers-locations > span {
        margin-top: 8px;
        padding: 0 8px; }
      @media (max-width: 1387px) {
        .pt__collapse .pt__servers-locations {
          font-size: 13px;
          font-weight: 300;
          line-height: 22px; } }
      @media (max-width: 1011px) {
        .pt__collapse .pt__servers-locations {
          font-size: 12px;
          font-weight: 300;
          line-height: 20px; } }
      @media (max-width: 751px) {
        .pt__collapse .pt__servers-locations {
          font-size: 12px;
          font-weight: 300;
          line-height: 20px; } }
      .pt__collapse .pt__servers-locations .pt__location {
        margin-top: 8px;
        padding: 0 8px;
        display: flex;
        align-items: center; }
        .pt__collapse .pt__servers-locations .pt__location img {
          height: 20px;
          margin-left: 6px; }
  .pt__actions {
    color: #fff;
    display: flex;
    margin-top: 24px;
    align-items: center;
    justify-content: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 24px; }
    .pt__actions.pt__actions--skylake {
      justify-content: space-between; }
      .pt__actions.pt__actions--skylake .pt__deoploy {
        max-width: 170px; }

.pt__cell--button .pricing__coupon {
  position: absolute;
  right: 24px;
  width: 230px;
  top: -8px; }
  .pt__cell--button .pricing__coupon .coupon {
    background: #fff;
    min-height: 32px; }
  .pt__cell--button .pricing__coupon + .btn {
    margin-top: 21px; }

@media (min-width: 1388px) {
  .pt__cell {
    padding: 0 12px; }
  .pt__cell--button .pricing__coupon {
    width: 166px; } }

@media (min-width: 1012px) {
  .pt__row.is-open .speedometer {
    transition: 0.3s; }
    .pt__row.is-open .speedometer__arrow, .pt__row.is-open .speedometer__speed, .pt__row.is-open .speedometer__max-speed {
      transition: 0.3s; }
    .pt__row.is-open .speedometer__arrow {
      fill: #fff;
      stroke: #fff; }
    .pt__row.is-open .speedometer__speed {
      stroke: #fff; }
  .p-l {
    padding-left: 40px; } }

@media (max-width: 1387px) {
  .pt__cell {
    padding-left: 16px; }
    .pt__cell--title {
      min-width: 17.06%; }
    .pt__cell--hardware {
      min-width: 47%;
      padding-left: 32px !important;
      justify-content: space-evenly; }
    .pt__cell--logo {
      display: none !important; }
    .pt__cell--button {
      padding-left: 24px; }
      .pt__cell--button .btn {
        min-width: 135px;
        margin-left: 16px; }
    .pt__cell .pricing__save {
      font-size: 12px;
      line-height: 20px;
      font-weight: 300; }
    .pt__cell .pricing__old {
      font-size: 15px;
      line-height: 24px; }
    .pt__cell .pricing__discount {
      align-items: center; }
  .pt__collapse .pt__features .pt__feature {
    padding: 8px 16px;
    width: 284px; } }

@media (max-width: 1011px) {
  .pt__cell--hardware {
    min-width: unset;
    padding-left: 16px !important; }
    .pt__cell--hardware span {
      display: flex;
      flex-direction: column;
      text-align: center;
      min-width: 56px; }
      .pt__cell--hardware span + span {
        margin-left: 24px; }
  .pt__cell--title {
    min-width: 19.06%; }
  .pt__cell--pricing {
    min-width: 19.47%; }
    .pt__cell--pricing .pricing__price {
      justify-content: center; }
  .pt__cell--button .btn {
    min-width: 130px; }
  .pt__row-content {
    padding: 16px; }
  .pt__collapse {
    padding: 16px;
    padding-top: 0; }
    .pt__collapse .pt__features .pt__servers-locations {
      margin-top: 16px; }
    .pt__collapse .pt__features .pt__feature {
      width: 208px; } }

@media (max-width: 751px) {
  .pt__row-content {
    flex-wrap: wrap; }
  .pt__cell {
    height: unset; }
    .pt__cell--icon {
      order: 1; }
    .pt__cell--title {
      order: 2; }
    .pt__cell--hardware {
      order: 4; }
    .pt__cell--pricing {
      order: 3;
      flex-grow: 1;
      justify-content: flex-end; }
    .pt__cell--logo {
      display: flex !important;
      order: 5; }
    .pt__cell--button {
      margin-left: auto;
      order: 6; }
      .pt__cell--button .btn {
        min-width: 176px;
        margin-left: 0; }
    .pt__cell--hardware {
      margin: 16px 0;
      padding-left: 0 !important;
      width: 100%;
      justify-content: space-between; }
      .pt__cell--hardware span {
        margin: 0; }
  .pt__collapse .pt__features .pt__feature {
    width: calc(50% - 8px);
    padding: 8px 10px; }
    .pt__collapse .pt__features .pt__feature span {
      display: flex;
      flex-direction: column; }
    .pt__collapse .pt__features .pt__feature:nth-of-type(2n-1), .pt__collapse .pt__features .pt__feature:nth-of-type(2n) {
      margin-top: 16px; }
    .pt__collapse .pt__features .pt__feature:nth-of-type(1), .pt__collapse .pt__features .pt__feature:nth-of-type(2) {
      margin-top: 0; }
    .pt__collapse .pt__features .pt__feature:last-of-type {
      width: 100%; }
  .pt__collapse .pt__servers-locations {
    flex-wrap: wrap; }
    .pt__collapse .pt__servers-locations > span {
      width: 100%;
      text-align: center; }
    .pt__collapse .pt__servers-locations .pt__location {
      width: 50%;
      margin-left: 0;
      margin-top: 8px; }
      .pt__collapse .pt__servers-locations .pt__location img {
        margin-right: 12px;
        height: 15px; }
    .pt__collapse .pt__servers-locations .pt__location:nth-child(odd) {
      justify-content: flex-start; }
    .pt__collapse .pt__servers-locations .pt__location:nth-child(even) {
      justify-content: flex-end; }
  .pt__cell--button {
    flex-direction: column; }
    .pt__cell--button .pricing__coupon {
      position: relative;
      top: unset;
      right: unset;
      width: 176px; }
      .pt__cell--button .pricing__coupon .coupon {
        margin-bottom: 8px; }
      .pt__cell--button .pricing__coupon + .btn {
        margin-top: 0; } }

.pt__body--labels-spacing .pt__row + .pt__row {
  margin-top: 36px; }

.modal__content {
  padding: 24px;
  border-radius: 8px; }

.modal__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%; }
  .modal__header .modal__title {
    color: #2B1F51;
    display: inline-block;
    margin: 0;
    margin-top: 10px; }
  .modal__header svg path {
    stroke: #2B1F51; }

.modal__body {
  margin-top: 32px;
  padding: 0; }

.modal--coupon .modal__dialog {
  width: 660px; }

.modal--coupon .modal__content {
  padding-bottom: 48px; }

.modal--coupon .modal__footer {
  margin-left: 108px; }

.modal--coupon .modal__coupon-top, .modal--coupon .modal__coupon-bottom {
  padding-left: 24px;
  display: flex; }
  .modal--coupon .modal__coupon-top > p, .modal--coupon .modal__coupon-bottom > p {
    margin: 0; }
    .modal--coupon .modal__coupon-top > p:not(.modal__coupon-step), .modal--coupon .modal__coupon-bottom > p:not(.modal__coupon-step) {
      margin-top: auto;
      margin-bottom: auto;
      padding-left: 24px; }

.modal--coupon .modal__coupon-top {
  border-bottom: 1px solid #E5E0F4;
  padding-bottom: 64px;
  flex-wrap: wrap; }

.modal--coupon .modal__coupon-bottom {
  padding-top: 64px;
  padding-bottom: 24px; }

.modal--coupon .modal__coupon-step {
  min-width: 62px;
  min-height: 62px;
  font-size: 32px;
  line-height: 37.5px;
  background-color: #E5E0F4;
  color: #6B4DC4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  margin-right: 24px; }

.modal--coupon .modal__coupon {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 24px; }
  .modal--coupon .modal__coupon > p {
    margin: 0;
    margin-left: 24px;
    font-weight: 500; }
    .modal--coupon .modal__coupon > p svg {
      margin-bottom: -6px; }
  .modal--coupon .modal__coupon .coupon {
    border-radius: 6px;
    display: flex;
    height: 72px;
    width: 265px;
    margin-left: 86px;
    box-shadow: 0px 16px 32px 10px rgba(0, 0, 0, 0.04), 0px 16px 48px 10px rgba(0, 0, 0, 0.08);
    font-size: 24px;
    line-height: 40px; }
    .modal--coupon .modal__coupon .coupon span {
      padding: 16px 24px; }
    .modal--coupon .modal__coupon .coupon button {
      height: 100% !important;
      width: 72px;
      margin-left: auto;
      background-color: #fff;
      border-left: 3px dashed #C4C4C4; }
      .modal--coupon .modal__coupon .coupon button svg path {
        transform: stroke 0.24s ease;
        stroke: #B6B6B6; }
      .modal--coupon .modal__coupon .coupon button:hover {
        background-color: #F67A3C;
        border-left: 3px dashed #fff; }
        .modal--coupon .modal__coupon .coupon button:hover svg path {
          stroke: #fff; }

.js-previous-plan,
.js-next-plan {
  box-shadow: none;
  padding: 0 24px; }

.plan__nav {
  display: flex;
  justify-content: space-between;
  margin: 0 -22px; }

.plan__info {
  font-size: 13px;
  margin-bottom: 0; }

.plan {
  display: flex;
  background: #fff; }
  .plan.plan--three-columns {
    max-width: 922px; }
  .plan + .buttons-group {
    margin-top: 60px; }
  .plan .swiper-wrapper {
    padding-top: 0; }
  .plan__title {
    margin-bottom: 8px; }
  .plan__pricing {
    margin-bottom: 24px; }
  .plan__column {
    flex: 1;
    position: relative; }
    .plan__column.plan__column--empty {
      height: 100%;
      min-width: 292px; }
      .plan__column.plan__column--empty .plan__header {
        height: 214px;
        border-left: 1px solid #f5f5f5;
        border-bottom: 1px solid #f5f5f5; }
      .plan__column.plan__column--empty .plan__body {
        border-left: 1px solid #f5f5f5; }
    .plan__column.plan--featured {
      box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
      background: #fff; }
  .plan__header {
    text-align: center;
    padding: 32px 24px;
    height: 214px;
    border-right: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5; }
    .plan__header .price__data {
      display: inline-block; }
    .plan__header .plan__header-not-available {
      display: none; }
    .plan__header.plan__header--disabled .plan__title {
      color: #929292; }
    .plan__header.plan__header--disabled .plan__header-not-available {
      display: flex;
      flex-direction: column;
      padding: 8px 0;
      text-align: center;
      align-items: center;
      flex: 1;
      justify-content: center; }
      .plan__header.plan__header--disabled .plan__header-not-available .h5 {
        color: #6D6D6D; }
      .plan__header.plan__header--disabled .plan__header-not-available .p-4 {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;
        color: #929292; }
        @media (max-width: 1387px) {
          .plan__header.plan__header--disabled .plan__header-not-available .p-4 {
            font-size: 13px;
            font-weight: 300;
            line-height: 22px; } }
        @media (max-width: 1011px) {
          .plan__header.plan__header--disabled .plan__header-not-available .p-4 {
            font-size: 12px;
            font-weight: 300;
            line-height: 20px; } }
        @media (max-width: 751px) {
          .plan__header.plan__header--disabled .plan__header-not-available .p-4 {
            font-size: 12px;
            font-weight: 300;
            line-height: 20px; } }
    .plan__header.plan__header--disabled .plan__header-available {
      display: none; }
  .plan__body {
    border-bottom: 1px solid #f5f5f5;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    .plan__body.plan__body--right {
      text-align: right; }
      .plan__body.plan__body--right .plan__cell {
        justify-content: flex-end; }
  .plan__cell {
    border-right: 1px solid #f5f5f5;
    height: 38px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    justify-content: center; }
    .plan__cell i {
      font-size: 24px; }
    .plan__cell.plan__cell-first {
      height: 10px; }
    .plan__cell.plan__cell-last {
      height: 24px; }
    .plan__cell.plan__cell--center {
      justify-content: center; }
    .plan__cell.plan__cell--right {
      justify-content: flex-end; }
    .plan__cell.plan__cell--highlight {
      background: #f5f8f9;
      font-weight: 500;
      border: none; }
    .plan__cell.plan__cell-category {
      font-size: 16px;
      font-weight: 500;
      height: 72px; }
  .plan .zmdi-check {
    color: #56cc71; }
  .plan .zmdi-close {
    color: #ff6c6c; }
  .plan .swiper-container {
    width: 100%; }
  .plan .swiper-container .plan__cell {
    font-weight: 500; }
  .plan.plan--cpanel {
    max-width: 900px; }
    .plan.plan--cpanel .plan__header {
      height: 100px; }
    .plan.plan--cpanel .plan__column.plan--featured .plan__header {
      height: 130px;
      color: #6B4DC4; }
    .plan.plan--cpanel .plan__column .plan__column--empty .plan__header {
      height: 100px; }
  .plan .pricing .pricing__discount {
    cursor: pointer; }
  > .plan__column--empty .plan__header {
    text-align: left; }

@media (min-width: 1012px) {
  .plan {
    position: relative; }
    .plan .swiper-container {
      overflow: visible; }
    .plan .swiper-slide {
      display: flex;
      align-items: stretch; }
    .plan__cell.plan__cell-transparent {
      background: #f5f5f5;
      height: 30px; }
    .plan__cell.plan__cell-white {
      background: #fff;
      height: 30px; }
    .plan .plan__column.plan--featured {
      margin-top: -30px; }
      .plan .plan__column.plan--featured .plan__header {
        padding-top: 62px;
        height: 244px; }
    .plan .plan__column--empty:before {
      border-top-left-radius: 4px; }
    .plan .plan__column--last:before {
      border-top-right-radius: 4px; }
    .plan .plan__column .plan__header.plan__header--no-border {
      border-right: 0;
      border-top: 0; }
    .plan .plan__column.plan__column--shadow {
      overflow: hidden;
      position: relative;
      z-index: 200;
      background: #fff;
      margin-top: -10px;
      margin-bottom: -10px;
      box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08); }
      .plan .plan__column.plan__column--shadow:before {
        content: none; }
      .plan .plan__column.plan__column--shadow .plan__header {
        padding-top: 35px;
        border-top: 0;
        border-right: none;
        height: 210px; }
      .plan .plan__column.plan__column--shadow .plan__cell {
        border-right: 0; }
      .plan .plan__column.plan__column--shadow .plan__body {
        border-bottom: 0; }
      .plan .plan__column.plan__column--shadow .plan__cell--highlight {
        background: transparent; }
    .plan .plan__body.plan__body--no-border .plan__cell {
      border-right: 0; } }

@media (max-width: 1011px) {
  .plan__info {
    margin-top: 16px; }
  .plan__cell.plan__cell-transparent {
    display: none; }
  .plan__cell.plan__cell-white {
    display: none; }
  .plan__column.plan__column--empty {
    min-width: 235px; }
  .plan.plan--cpanel .plan__title {
    font-size: 22px; }
  .plan.plan--cpanel .plan__cell {
    height: 52px; }
  .plan.plan--cpanel .swiper-container .plan__cell {
    text-align: center; }
  .plan.plan--cpanel .plan__column.plan--featured .plan__header {
    height: 100px; }
  .plan.plan--cpanel .plan__column .plan__column--empty .plan__header {
    height: 100px; } }

@media (max-width: 751px) {
  .plan .plan__cell {
    padding: 0 8px; }
    .plan .plan__cell:not(.plan__cell-category) {
      font-size: 13px; }
  .plan .swiper-container .plan__cell {
    font-size: 15px; } }

@media (max-width: 513px) {
  .plan__info {
    padding: 0 16px; }
  .plan__nav {
    margin: 0; }
  .plan__header {
    padding: 24px 8px;
    height: 120px; }
    .plan__header .btn {
      display: none; }
  .plan__column.plan__column--empty {
    min-width: 50%; }
    .plan__column.plan__column--empty .plan__header {
      height: 120px; }
  .plan.plan--cpanel .plan__column.plan__column--empty .plan__header {
    height: 100px; } }

/*
*******************************************
  Plans Custom
*******************************************
*/
.plan {
  overflow: visible;
  position: relative; }
  .plan > .plan__column {
    min-width: 355px; }
    .plan > .plan__column .plan__cell {
      font-weight: 600; }
    .plan > .plan__column .plan__body {
      border: none; }
    .plan > .plan__column--empty {
      z-index: 5;
      background-color: #fff;
      overflow: visible; }
      .plan > .plan__column--empty .plan__header {
        padding: 32px 24px;
        border: none;
        border-right: 1px solid #E1E2E5;
        border-bottom: 1px solid #E1E2E5;
        justify-content: center;
        align-items: flex-start; }
        .plan > .plan__column--empty .plan__header a {
          text-decoration: none;
          color: #6B4DC4;
          font-weight: 600; }
        .plan > .plan__column--empty .plan__header p {
          text-align: left;
          margin-bottom: 0; }
          .plan > .plan__column--empty .plan__header p + p {
            margin-top: 24px; }
      .plan > .plan__column--empty::before {
        content: '';
        position: absolute;
        top: 0;
        left: -1000%;
        height: 100%;
        width: 1000%;
        background-color: #fff; }
      .plan > .plan__column--empty .plan__cell {
        color: #2B1F51; }
  .plan .swiper-container:not(.container) {
    padding: 0; }
  .plan .swiper-container .plan__cell {
    font-weight: 300; }
  .plan .plan__cell {
    justify-content: flex-start;
    height: 56px;
    border-right: 1px solid #E1E2E5;
    border-bottom: 1px solid #E1E2E5;
    padding: 0 16px; }
    .plan .plan__cell .zmdi-check {
      color: #009A64; }
    .plan .plan__cell .zmdi-close {
      color: #B6B6B6; }
    .plan .plan__cell label {
      margin-bottom: 0; }
      .plan .plan__cell label path {
        stroke: #B6B6B6; }
  .plan .plan__header {
    padding: 32px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 294px !important;
    border: 1px solid #E1E2E5;
    border-left: none;
    text-align: left; }
    .plan .plan__header .pricing {
      align-items: center;
      margin-top: 16px; }
      .plan .plan__header .pricing .pricing__amount, .plan .plan__header .pricing .pricing__period {
        color: #2B1F51; }
      .plan .plan__header .pricing .pricing__old {
        color: #524972; }
    .plan .plan__header .btn {
      margin-top: 24px; }
  .plan__nav .btn--link {
    color: #52399E;
    font-weight: 600; }
    .plan__nav .btn--link .btn__icon svg path {
      transition: stroke 0.3s ease; }
    .plan__nav .btn--link:hover .btn__icon svg path {
      stroke: #F8905C; }
  .plan__nav .btn__icon svg path {
    stroke: #52399E; }
  .plan--cloud-vps .swiper-container .plan__header, .plan--reseller-hosting-plans .swiper-container .plan__header {
    width: 263.25px; }
  .plan--cloud-vps .swiper-container .swiper-slide, .plan--reseller-hosting-plans .swiper-container .swiper-slide {
    width: 263.25px; }
  .plan--cloud-vps .plan__column--empty, .plan--reseller-hosting-plans .plan__column--empty {
    min-width: 305px; }
    .plan--cloud-vps .plan__column--empty span, .plan--reseller-hosting-plans .plan__column--empty span {
      display: flex;
      flex-direction: column;
      text-align: left; }
  .plan--pricing {
    background-color: transparent; }
    .plan--pricing > .plan__column {
      min-width: 300px;
      max-width: 300px; }
      .plan--pricing > .plan__column--empty {
        background-color: #fff; }
        .plan--pricing > .plan__column--empty .plan__header {
          width: unset !important;
          border: none;
          border-top-left-radius: 12px; }
          .plan--pricing > .plan__column--empty .plan__header::before {
            border-bottom-left-radius: 12px; }
        .plan--pricing > .plan__column--empty::before {
          content: unset; }
    .plan--pricing .plan__main-header {
      display: flex;
      width: 100%;
      padding: 32px 0;
      position: relative;
      margin-bottom: 24px; }
    .plan--pricing .plan__header {
      padding: 32px 24px;
      border: none;
      position: relative; }
      .plan--pricing .plan__header--empty {
        min-width: 240px;
        max-width: 240px;
        align-items: flex-start; }
        .plan--pricing .plan__header--empty a {
          text-decoration: none;
          color: #6B4DC4;
          font-weight: 600; }
        .plan--pricing .plan__header--empty p {
          text-align: left;
          margin-bottom: 0; }
          .plan--pricing .plan__header--empty p + p {
            margin-top: 24px; }
      .plan--pricing .plan__header::before {
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
        z-index: 0; }
    .plan--pricing .plan__cell {
      border-right-color: #EFEFEF;
      border-bottom-color: #EFEFEF; }
    .plan--pricing .swiper-container {
      width: unset; }
      .plan--pricing .swiper-container .plan__header {
        border-left: 1px solid #EFEFEF; }
      .plan--pricing .swiper-container .swiper-slide:nth-last-of-type(1) .plan__header::before {
        border-bottom-right-radius: 12px; }
  .plan--main-header {
    margin-bottom: 24px;
    position: relative;
    border-radius: 12px;
    z-index: 99; }
    .plan--main-header::before {
      content: '';
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
      border-radius: 12px;
      z-index: 0; }
    .plan--main-header .plan__header {
      padding-bottom: 0;
      padding-top: 0;
      height: 220px !important;
      border: none;
      position: relative; }
      .plan--main-header .plan__header.plan__header--empty {
        min-width: 300px;
        max-width: 300px;
        padding: 32px 24px;
        background-color: #fff;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
        z-index: 555;
        align-items: flex-start;
        height: unset !important; }
        .plan--main-header .plan__header.plan__header--empty a {
          text-decoration: none;
          color: #6B4DC4;
          font-weight: 600; }
        .plan--main-header .plan__header.plan__header--empty p {
          text-align: left;
          margin-bottom: 0; }
          .plan--main-header .plan__header.plan__header--empty p + p {
            margin-top: 24px;
            text-align: left;
            display: flex;
            flex-direction: column; }
    .plan--main-header .plan__wrapper {
      display: flex; }
      .plan--main-header .plan__wrapper .plan__header {
        border-left: 1px solid #EFEFEF; }
    .plan--main-header .plan__container {
      display: flex;
      overflow: hidden;
      border-radius: 12px; }
    .plan--main-header .mobile-slider .plan__wrapper {
      padding: 32px 0 !important;
      background-color: #fff;
      border-top-right-radius: 12px;
      border-bottom-right-radius: 12px; }
      .plan--main-header .mobile-slider .plan__wrapper .swiper-slide {
        flex-grow: 0; }
  .plan--main-header .swiper-slide, .plan--pricing .swiper-slide {
    width: 308px; }
  .plan--main-header .swiper-container, .plan--pricing .swiper-container {
    margin: 0; }
  .plan--web-hosting-plans .swiper-slide {
    width: 334.67px; }

#plan-sticky {
  position: absolute;
  top: 300px; }

#plan-header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 555;
  width: 100%;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
  flex-wrap: wrap;
  transition: transform 0.3s ease; }
  #plan-header-sticky .container {
    display: flex;
    flex-wrap: wrap-reverse;
    position: relative; }
    #plan-header-sticky .container .plan__wrapper {
      display: flex; }
    #plan-header-sticky .container .swiper-inner-wrapper {
      display: flex;
      overflow: visible;
      flex-direction: row-reverse;
      position: relative; }
      #plan-header-sticky .container .swiper-inner-wrapper > .plan__header {
        min-width: 355px;
        padding: 32px 24px;
        border: none;
        border-right: 1px solid #E1E2E5;
        border-bottom: 1px solid #E1E2E5;
        justify-content: center;
        align-items: flex-start;
        text-align: left;
        background-color: #fff;
        z-index: 5;
        order: 2; }
        #plan-header-sticky .container .swiper-inner-wrapper > .plan__header p {
          font-size: 26px;
          font-weight: 700;
          line-height: 34px;
          font-weight: 700;
          margin-bottom: 24px; }
          @media (max-width: 1387px) {
            #plan-header-sticky .container .swiper-inner-wrapper > .plan__header p {
              font-size: 24px;
              font-weight: 700;
              line-height: 32px; } }
          @media (max-width: 1011px) {
            #plan-header-sticky .container .swiper-inner-wrapper > .plan__header p {
              font-size: 20px;
              font-weight: 700;
              line-height: 30px; } }
          @media (max-width: 751px) {
            #plan-header-sticky .container .swiper-inner-wrapper > .plan__header p {
              font-size: 20px;
              font-weight: 700;
              line-height: 30px; } }
        #plan-header-sticky .container .swiper-inner-wrapper > .plan__header [data-plan-header-text-bottom] {
          font-size: 18px; }
        #plan-header-sticky .container .swiper-inner-wrapper > .plan__header a {
          color: #6B4DC4;
          font-weight: 600; }
      #plan-header-sticky .container .swiper-inner-wrapper::before {
        content: '';
        position: absolute;
        top: 0;
        left: calc(-1000% + 5px);
        height: 100%;
        width: 1000%;
        background-color: #fff;
        z-index: 5; }
  #plan-header-sticky .plan__header {
    height: 214px !important;
    border-bottom: 0 !important; }
    #plan-header-sticky .plan__header .pricing {
      margin-top: 0; }
      #plan-header-sticky .plan__header .pricing__discount {
        display: none; }
      #plan-header-sticky .plan__header .pricing__amount {
        font-size: 40px;
        font-weight: 800;
        line-height: 52px;
        font-weight: 900; }
        @media (max-width: 1387px) {
          #plan-header-sticky .plan__header .pricing__amount {
            font-size: 38px;
            font-weight: 800;
            line-height: 50px; } }
        @media (max-width: 1011px) {
          #plan-header-sticky .plan__header .pricing__amount {
            font-size: 30px;
            font-weight: 800;
            line-height: 44px; } }
        @media (max-width: 751px) {
          #plan-header-sticky .plan__header .pricing__amount {
            font-size: 30px;
            font-weight: 800;
            line-height: 44px; } }
    #plan-header-sticky .plan__header .btn {
      margin-top: 0; }
  #plan-header-sticky .plan__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 8px; }
    @media (max-width: 1387px) {
      #plan-header-sticky .plan__title {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px; } }
    @media (max-width: 1011px) {
      #plan-header-sticky .plan__title {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px; } }
    @media (max-width: 751px) {
      #plan-header-sticky .plan__title {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px; } }
  #plan-header-sticky .plan__nav {
    width: 100%;
    order: 1; }

@media (min-width: 1388px) {
  .list-group--collapse .swiper-slide {
    min-width: 334.67px; }
  .plan--pricing > .plan__column--empty {
    background-color: unset; } }

@media (max-width: 1387px) {
  .plan .plan__header {
    padding: 24px 8px;
    height: 250px !important; }
    .plan .plan__header .btn {
      margin-top: 16px; }
    .plan .plan__header .pricing__price {
      margin-bottom: 4px; }
  .plan .plan__title {
    margin-bottom: 0; }
  .plan > .plan__column .plan__cell {
    padding: 0; }
  .plan > .plan__column .plan__header {
    padding-left: 0; }
  .plan--main-header {
    flex-wrap: wrap; }
    .plan--main-header .mobile-slider .plan__wrapper {
      padding: 0 !important; }
    .plan--main-header .plan__header.plan__header--empty {
      min-width: 240px;
      max-width: 240px; }
    .plan--main-header .plan__nav {
      margin: 0; }
      .plan--main-header .plan__nav-wrapper {
        width: 100%; }
  .plan--pricing > .plan__column--empty {
    min-width: 240px;
    max-width: 240px; }
  .plan--web-hosting-plans .swiper-slide {
    width: 289px; }
  #plan-header-sticky.visible .plan__header:not(:nth-of-type(1)) {
    width: 289px; }
  .list-group--collapse .swiper-slide {
    min-width: 289px; }
  .list-group--collapse .list-group__item {
    align-items: flex-start; } }

@media (max-width: 1011px) {
  .plan .plan__header {
    height: 226px !important; }
    .plan .plan__header .btn, .plan .plan__header .pricing {
      margin-top: 8px; }
  .plan--main-header .plan__header.plan__header--empty {
    min-width: 227px;
    max-width: 227px; }
  .plan--pricing > .plan__column--empty {
    min-width: 227px;
    max-width: 227px; }
  .plan--web-hosting-plans .swiper-slide {
    width: 333px; }
  #plan-header-sticky.visible .plan__header:not(:nth-of-type(1)) {
    width: 333px; }
  .list-group--collapse .swiper-slide {
    min-width: 333px; } }

@media (max-width: 751px) {
  .plan > .plan__column {
    min-width: 168px; }
  .plan .mobile-slider .plan__header .btn {
    min-width: 128px;
    max-width: 128px; }
  .plan .mobile-slider .plan__header .pricing__save {
    margin-left: 4px; }
  .plan--main-header .plan__header--empty {
    width: 152px !important;
    min-width: 152px !important;
    max-width: 152px !important;
    padding: 12px 16px !important; }
    .plan--main-header .plan__header--empty span {
      text-align: left; }
  .plan--pricing > .plan__column--empty {
    min-width: 152px; }
  .plan--main-header .swiper-slide, .plan--pricing .swiper-slide {
    width: 163px; }
  .plan--web-hosting-plans .swiper-slide {
    width: 200px; }
  .list-group--collapse .swiper-slide {
    min-width: 144px; }
  #plan-header-sticky .container .swiper-inner-wrapper > .plan__header {
    min-width: unset;
    width: 168px;
    padding: 16px 0;
    height: unset !important; }
    #plan-header-sticky .container .swiper-inner-wrapper > .plan__header p {
      margin-bottom: 16px; }
  #plan-header-sticky .plan__header {
    height: unset !important;
    padding: 8px; }
    #plan-header-sticky .plan__header .btn {
      min-width: 128px; }
    #plan-header-sticky .plan__header .plan__title {
      margin-bottom: 0; }
    #plan-header-sticky .plan__header .pricing__price {
      margin-bottom: 0; } }

@media (max-width: 513px) {
  .plan__header .btn {
    display: flex; }
  .plan--cloud-vps .swiper-container .plan__header, .plan--reseller-hosting-plans .swiper-container .plan__header {
    width: 165px; }
  .plan--cloud-vps .swiper-slide, .plan--reseller-hosting-plans .swiper-slide {
    width: 165px; } }

.plan--main-header .plan__header--promo {
  height: 300px !important; }
  @media (max-width: 1387px) {
    .plan--main-header .plan__header--promo {
      height: 310px !important; } }
  @media (max-width: 1011px) {
    .plan--main-header .plan__header--promo {
      height: 284px !important; } }
  .plan--main-header .plan__header--promo .pricing__coupon {
    width: auto;
    min-width: 190px; }

#plan-header-sticky .plan__header--promo {
  height: 300px !important; }
  @media (max-width: 1387px) {
    #plan-header-sticky .plan__header--promo {
      height: 318px !important; } }
  @media (max-width: 1011px) {
    #plan-header-sticky .plan__header--promo {
      height: 250px !important; } }
  @media (max-width: 751px) {
    #plan-header-sticky .plan__header--promo {
      height: 206px !important; } }
  #plan-header-sticky .plan__header--promo .pricing__coupon {
    width: auto;
    min-width: 190px;
    margin-top: 8px !important;
    margin-bottom: 16px !important; }

#plan-header-sticky .plan__header--promo .pricing__coupon,
.plan--main-header .plan__header--promo .pricing__coupon {
  width: auto;
  min-width: 190px; }
  @media (max-width: 1387px) {
    #plan-header-sticky .plan__header--promo .pricing__coupon,
    .plan--main-header .plan__header--promo .pricing__coupon {
      min-width: 180px; }
      #plan-header-sticky .plan__header--promo .pricing__coupon .coupon,
      .plan--main-header .plan__header--promo .pricing__coupon .coupon {
        min-height: 46px; } }
  @media (max-width: 1011px) {
    #plan-header-sticky .plan__header--promo .pricing__coupon,
    .plan--main-header .plan__header--promo .pricing__coupon {
      min-width: 150px; } }
  @media (max-width: 751px) {
    #plan-header-sticky .plan__header--promo .pricing__coupon,
    .plan--main-header .plan__header--promo .pricing__coupon {
      min-width: 128px; } }

.tab-content .section__body {
  flex-wrap: wrap; }

.tab-content .section__graphic {
  max-width: 728px;
  width: 100%;
  margin-top: 80px; }

.tab-content .section__sidebar {
  min-height: unset; }

.tab-content.tab--location {
  background-color: #fff;
  border-radius: 16px;
  position: relative;
  margin-top: 40px; }
  .tab-content.tab--location:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: 0.3s box-shadow ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
    border-radius: 12px; }

.tabs.tabs--feedback .nav__item .nav__link {
  filter: grayscale(100%);
  opacity: 0.4;
  transition: opacity 0.3s; }
  .tabs.tabs--feedback .nav__item .nav__link:hover {
    filter: grayscale(0%);
    opacity: 1; }

.tabs.tabs--feedback .nav__item + .nav__item {
  margin-left: 106px; }

.tabs.tabs--feedback .nav__item.is-active:after {
  display: none; }

.tabs.tabs--feedback .nav__item.is-active .nav__link {
  filter: grayscale(0%);
  opacity: 1; }

.tabs--locations .nav__item .nav__link {
  color: #fff; }

@media (max-width: 1011px) {
  .tabs.tabs--feedback {
    overflow: visible; }
    .tabs.tabs--feedback .nav--tabs {
      margin: 0 !important;
      justify-content: space-between !important; } }

@media (max-width: 751px) {
  .tabs.tabs--feedback .nav--tabs .nav__item + .nav__item {
    margin-left: 40px; } }

.swiper-pagination {
  position: relative; }

.reviews__slide {
  overflow: visible;
  padding: 78px 20px 0;
  text-align: left; }
  .reviews__slide.swiper-slide-next, .reviews__slide.swiper-slide-prev, .reviews__slide.swiper-slide-active {
    visibility: visible; }
  .reviews__slide-twitter {
    padding-top: 0; }

.reviews__head {
  margin-bottom: 24px; }
  .reviews__head-row {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .reviews__head .reviews__rating {
    display: flex;
    align-items: center; }
    .reviews__head .reviews__rating .star {
      margin-right: 4px; }
  .reviews__head .reviews__auth {
    margin-bottom: 24px;
    padding-left: 64px;
    min-height: 48px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center; }
    .reviews__head .reviews__auth img {
      width: 48px;
      border-radius: 100%;
      position: absolute;
      left: 24px; }
    .reviews__head .reviews__auth span {
      display: block;
      color: #929292; }

.reviews__body .reviews__content {
  font-size: 16px;
  font-weight: 300;
  line-height: 26px; }
  @media (max-width: 1387px) {
    .reviews__body .reviews__content {
      font-size: 15px;
      line-height: 24px; } }
  @media (max-width: 1011px) {
    .reviews__body .reviews__content {
      font-size: 14px;
      font-weight: 300;
      line-height: 22px; } }
  @media (max-width: 751px) {
    .reviews__body .reviews__content {
      font-size: 14px;
      font-weight: 300;
      line-height: 22px; } }

.reviews__item {
  position: relative;
  padding: 24px;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 12px;
  transition: 0.3s ease;
  margin-top: -8px;
  width: 100%; }
  .reviews__item.is-disabled {
    opacity: 1; }
  .reviews__item-twitter {
    border: 1px solid #DBDBDB;
    padding: 32px; }
    .reviews__item-twitter .reviews__head {
      display: flex;
      justify-content: space-between;
      margin-bottom: 0; }
    .reviews__item-twitter .reviews__auth {
      padding-left: 0;
      margin-bottom: 16px; }

.reviews__date {
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 8px; }
  @media (max-width: 1387px) {
    .reviews__date {
      font-size: 15px;
      line-height: 24px; } }
  @media (max-width: 1011px) {
    .reviews__date {
      font-size: 14px;
      font-weight: 300;
      line-height: 22px; } }
  @media (max-width: 751px) {
    .reviews__date {
      font-size: 14px;
      font-weight: 300;
      line-height: 22px; } }

.reviews__action .btn {
  padding-left: 0; }

.reviews__slide:not(.reviews__slide-twitter) .reviews__item {
  position: relative;
  transition: 0.3s transform ease;
  overflow: visible; }
  .reviews__slide:not(.reviews__slide-twitter) .reviews__item:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: 0.3s box-shadow ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
    border-radius: 12px; }

.customer--feedback-rating, .customer--feedback-desc {
  max-width: 894px;
  text-align: center; }

.customer--feedback-rating {
  margin: 32px auto; }

.customer--feedback-desc {
  margin: auto; }
  .customer--feedback-desc p {
    margin-bottom: 24px; }

.svg-icon.star .cls-1 {
  fill: #00B67A; }

@media (min-width: 1388px) {
  .reviews {
    margin-right: -240px;
    position: relative;
    perspective: 970px;
    overflow: visible;
    max-width: 100%;
    padding: 0; } }

@media (max-width: 1387px) {
  .reviews__slide {
    padding: 78px 8px 0; }
    .reviews__slide-twitter {
      padding-top: 0; } }

@media (max-width: 513px) {
  .reviews {
    margin-left: -16px; }
    .reviews__head {
      margin-bottom: 8px; }
    .reviews__head-row {
      flex-direction: column;
      align-items: flex-start; }
      .reviews__head-row .reviews__rating {
        margin-bottom: 8px; } }

.nav-legal {
  height: 100%;
  justify-content: space-between;
  background-color: #fff;
  padding: 24px;
  border-radius: 16px; }
  .nav-legal .nav__link {
    margin: 0;
    white-space: inherit;
    font-size: 18px;
    line-height: 30px;
    padding: 8px 0;
    position: relative;
    transition: padding 0.3s;
    font-weight: 600;
    color: #524972;
    border: 0;
    background-color: #fff; }
    .nav-legal .nav__link svg {
      opacity: 0;
      transition: opacity 0.3s;
      position: absolute;
      right: 8px;
      top: 50%;
      transform: translateY(-50%); }
    .nav-legal .nav__link:hover {
      color: #6B4DC4;
      padding-left: 16px; }
    .nav-legal .nav__link + .nav__link {
      margin: 0; }
  .nav-legal .nav__item.is-active .nav__link {
    color: #6B4DC4;
    background-color: #E5E0F4;
    border-radius: 8px;
    padding: 8px 16px; }
    .nav-legal .nav__item.is-active .nav__link svg {
      opacity: 1; }
  .nav-legal .nav__item:last-of-type .nav__link svg {
    right: 0; }

.nav .nav__item.nav-item-icon-only .nav__link .nav__link-text {
  display: none; }

.dv {
  position: relative;
  margin-left: auto;
  width: 670px;
  height: 520px;
  z-index: 3; }
  .dv__item {
    position: absolute;
    /*opacity: 0;*/
    will-change: transform, opacity;
    width: 100%;
    height: 100%;
    z-index: 4; }
    .dv__item--center {
      right: 0;
      /*transform: translateY(-70px);*/ }
    .dv__item--left {
      width: 183px;
      height: 187px;
      bottom: 118px;
      left: -107px;
      z-index: 10; }
    .dv__item--right {
      width: 133px;
      height: 139px;
      top: 133px;
      right: -32px;
      z-index: 10;
      background-color: #fff;
      padding: 15px 27px;
      border-radius: 16px; }
      .dv__item--right:after {
        content: "";
        height: 16px;
        width: 16px;
        position: absolute;
        top: 62px;
        left: -8px;
        transform: rotate(45deg);
        background-color: #fff; }
      .dv__item--right p {
        margin: 0;
        line-height: 28px; }
        .dv__item--right p:first-child {
          font-weight: 900; }
        .dv__item--right p:nth-child(2) {
          font-weight: 700; }
        .dv__item--right p:nth-child(3) {
          font-weight: 400; }
  .dv .browser {
    padding: 35px 43px; }
    .dv .browser-bg {
      position: absolute;
      top: 0;
      right: 0;
      left: 0; }
    .dv .browser-nav {
      position: absolute;
      top: 43px;
      right: auto;
      left: auto; }
  .dv .browser__screen-title {
    position: absolute;
    top: 168px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #fff;
    max-width: 406px;
    width: 100%; }
    .dv .browser__screen-title p {
      font-size: 32px;
      line-height: 37px;
      color: #fff;
      margin: 0;
      text-align: center;
      padding: 12px 32px;
      white-space: nowrap; }
    .dv .browser__screen-title .browser-square {
      position: absolute; }
    .dv .browser__screen-title .square-bottom-left {
      left: -6px;
      bottom: -6px; }
    .dv .browser__screen-title .square-top-left {
      left: -6px;
      top: -6px; }
    .dv .browser__screen-title .square-bottom-right {
      right: -6px;
      bottom: -6px; }
    .dv .browser__screen-title .square-top-right {
      right: -6px;
      top: -6px; }
  .dv .browser__screen-boxes {
    position: absolute;
    bottom: 0;
    right: 43px;
    left: 43px; }

.illustration {
  height: 100%; }
  .illustration-left, .illustration-right {
    height: 100%; }

.illustration-slider__slide {
  opacity: 0;
  position: absolute;
  z-index: 2;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  transition: 0.3s visibility, 0.3s opacity; }
  .illustration-slider__slide.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 3; }

@media (max-width: 1387px) {
  .dv {
    right: -50px; } }

svg {
  will-change: transform; }

.dataTables_filter {
  position: relative;
  border: 1px solid #CEC9DF;
  border-radius: 6px;
  padding-left: 48px;
  height: 52px;
  min-width: 348px; }
  .dataTables_filter:after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("../img/icons/search.svg");
    width: 24px;
    height: 24px; }
  .dataTables_filter input {
    border: 0;
    outline: none;
    background-color: transparent;
    height: 52px;
    width: 100%; }

.dataTables_wrapper .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px; }
  .dataTables_wrapper .top label {
    margin-bottom: 0; }

.dataTables_paginate {
  display: flex; }
  .dataTables_paginate .paginate_button {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #CEC9DF;
    color: #6B4DC4;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    margin-left: 8px;
    font-weight: 400;
    cursor: pointer; }
    .dataTables_paginate .paginate_button.current {
      background: #6B4DC4;
      color: #fff;
      border-color: #6B4DC4; }
    .dataTables_paginate .paginate_button.next, .dataTables_paginate .paginate_button.previous {
      border: 0;
      position: relative;
      width: auto;
      font-weight: 600; }
      .dataTables_paginate .paginate_button.next svg path, .dataTables_paginate .paginate_button.previous svg path {
        stroke: #6B4DC4; }
    .dataTables_paginate .paginate_button.disabled {
      color: #CEC9DF;
      cursor: default; }
      .dataTables_paginate .paginate_button.disabled svg path {
        stroke: #CEC9DF; }
  .dataTables_paginate .ellipsis {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #CEC9DF;
    color: #6B4DC4;
    margin-left: 8px;
    justify-content: center;
    align-items: center; }
  .dataTables_paginate span {
    display: flex; }

.table--tld thead tr th {
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  font-weight: 600;
  color: #2B1F51; }
  @media (max-width: 1387px) {
    .table--tld thead tr th {
      font-size: 17px;
      font-weight: 300;
      line-height: 28px; } }
  @media (max-width: 1011px) {
    .table--tld thead tr th {
      font-size: 16px;
      font-weight: 300;
      line-height: 26px; } }
  @media (max-width: 751px) {
    .table--tld thead tr th {
      font-size: 16px;
      font-weight: 300;
      line-height: 26px; } }

.table--tld span + span {
  margin-left: 8px; }

.table--tld span.price--current {
  color: #F67A3C;
  font-weight: 600; }

.table--tld span.price--discount {
  text-decoration: line-through; }

.table--tld .sale {
  border-radius: 2px;
  margin: 0 0 0 8px;
  height: 30px;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  font-weight: 600;
  vertical-align: top; }
  @media (max-width: 1387px) {
    .table--tld .sale {
      font-size: 15px;
      line-height: 24px; } }
  @media (max-width: 1011px) {
    .table--tld .sale {
      font-size: 14px;
      font-weight: 300;
      line-height: 22px; } }
  @media (max-width: 751px) {
    .table--tld .sale {
      font-size: 14px;
      font-weight: 300;
      line-height: 22px; } }

.table--tld tbody tr td:first-child {
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
  font-weight: 600;
  color: #2B1F51; }
  @media (max-width: 1387px) {
    .table--tld tbody tr td:first-child {
      font-size: 18px;
      font-weight: 300;
      line-height: 30px; } }
  @media (max-width: 1011px) {
    .table--tld tbody tr td:first-child {
      font-size: 17px;
      font-weight: 300;
      line-height: 28px; } }
  @media (max-width: 751px) {
    .table--tld tbody tr td:first-child {
      font-size: 17px;
      font-weight: 300;
      line-height: 28px; } }

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer; }
  table.dataTable thead .sorting .sorting-arrows,
  table.dataTable thead .sorting_asc .sorting-arrows,
  table.dataTable thead .sorting_desc .sorting-arrows,
  table.dataTable thead .sorting_asc_disabled .sorting-arrows,
  table.dataTable thead .sorting_desc_disabled .sorting-arrows {
    display: inline; }
    table.dataTable thead .sorting .sorting-arrows:after,
    table.dataTable thead .sorting_asc .sorting-arrows:after,
    table.dataTable thead .sorting_desc .sorting-arrows:after,
    table.dataTable thead .sorting_asc_disabled .sorting-arrows:after,
    table.dataTable thead .sorting_desc_disabled .sorting-arrows:after {
      content: '';
      background-repeat: no-repeat; }

table.dataTable thead .sorting .sorting-arrows:after {
  background-image: url("../img/icons/sort.svg"); }

table.dataTable thead .sorting_asc .sorting-arrows:after {
  background-image: url("../img/icons/sort-ascending.svg"); }

table.dataTable thead .sorting_desc .sorting-arrows:after {
  background-image: url("../img/icons/sort-descending.svg"); }

table.dataTable thead th, table.dataTable thead td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  height: 52px;
  text-transform: capitalize; }

table.dataTable tbody td {
  border-color: rgba(0, 0, 0, 0.1);
  height: 52px; }

@media (max-width: 751px) {
  .dataTables_wrapper .top {
    flex-direction: column; }
  .dataTables_wrapper .dataTables_filter {
    margin-bottom: 16px;
    min-width: 100%;
    width: 100%; }
  .dataTables_wrapper .dataTables_paginate {
    margin: 0; } }

.list-group--collapse.list-group--slider .list-group__item {
  position: relative;
  flex-direction: column;
  padding: 24px 0;
  cursor: pointer;
  transition: padding 0.3s ease; }
  .list-group--collapse.list-group--slider .list-group__item:last-child {
    margin-bottom: 0; }
  .list-group--collapse.list-group--slider .list-group__item + .list-group__item {
    border-top: 1px solid #EFEFEF; }
  .list-group--collapse.list-group--slider .list-group__item .top__icon {
    display: flex; }
  .list-group--collapse.list-group--slider .list-group__item.is-active {
    padding: 24px 0; }
    .list-group--collapse.list-group--slider .list-group__item.is-active .top__title {
      color: #6B4DC4; }
  .list-group--collapse.list-group--slider .list-group__item:not(.is-active) {
    padding: 16px 0; }
  .list-group--collapse.list-group--slider .list-group__item:first-of-type {
    padding-top: 0; }
  .list-group--collapse.list-group--slider .list-group__item:last-of-type {
    padding-bottom: 0; }

.list-group--collapse.list-group--slider .list-group__content {
  max-width: 100%;
  display: none;
  margin-top: 0;
  padding: 8px 0 0 88px; }
  .list-group--collapse.list-group--slider .list-group__content p {
    line-height: 28px;
    margin-bottom: 8px; }
    .list-group--collapse.list-group--slider .list-group__content p b {
      font-weight: 600;
      color: #2B1F51; }

.list-group--collapse.list-group--slider .list-group__link {
  padding-left: 0; }

.list-group--collapse.list-group--slider .top__title {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  position: relative;
  margin-left: 24px; }

.list-group--collapse .list-group__top .top__title {
  transition: color 0.3s ease; }

.list-group--collapse .list-group__icon svg path {
  stroke: #B6B6B6;
  transition: stroke 0.3s; }

.list-group--collapse .list-group__icon svg .collapse-open {
  transition: opacity 0.3s;
  display: block; }

.list-group--collapse .list-group__item[aria-expanded=true] .list-group__icon svg path, .list-group--collapse .list-group__item.is-active .list-group__icon svg path {
  stroke: #52399E; }

.list-group--collapse .list-group__item[aria-expanded=true] .list-group__icon svg .collapse-open, .list-group--collapse .list-group__item.is-active .list-group__icon svg .collapse-open {
  display: none; }

@media (max-width: 1011px) {
  .list-group--collapse.list-group--slider .list-group__item.is-active, .list-group--collapse.list-group--slider .list-group__item:not(.is-active) {
    padding: 16px 0; }
  .list-group--collapse.list-group--slider .list-group__item:first-of-type {
    padding-top: 0; }
  .list-group--collapse.list-group--slider .list-group__item:last-of-type {
    padding-bottom: 0; } }

.swiper-websitebuilder {
  margin-bottom: 32px; }
  .swiper-websitebuilder .swiper {
    display: flex; }
    .swiper-websitebuilder .swiper-wrapper {
      height: 338px; }
    .swiper-websitebuilder .swiper-slide {
      margin-left: 16px;
      margin-right: 16px;
      position: relative;
      border-radius: 8px; }
      .swiper-websitebuilder .swiper-slide img {
        border-radius: 8px;
        width: 100%; }
      .swiper-websitebuilder .swiper-slide::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.08);
        border-radius: 8px; }
      .swiper-websitebuilder .swiper-slide__overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px; }
        .swiper-websitebuilder .swiper-slide__overlay .btn {
          transition: opacity 0.5s ease;
          opacity: 0; }
        .swiper-websitebuilder .swiper-slide__overlay::before {
          content: "";
          position: absolute;
          top: 0px;
          bottom: 0px;
          left: 0px;
          right: 0px;
          background: #000;
          opacity: 0.0;
          transition: opacity 0.5s ease;
          border-radius: 8px; }
        .swiper-websitebuilder .swiper-slide__overlay:hover {
          box-shadow: 0px 2px 10px -1px rgba(30, 45, 70, 0.05); }
          .swiper-websitebuilder .swiper-slide__overlay:hover::before {
            opacity: 0.4; }
          .swiper-websitebuilder .swiper-slide__overlay:hover .btn {
            opacity: 1; }

.swiper-logos .swiper-slide > div, .swiper-logos .swiper-slide > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative; }

.swiper-logos .swiper-slide > a span {
  position: absolute;
  bottom: 0;
  left: auto;
  right: auto;
  font-weight: 600;
  transform: translateY(56px); }

.slider-websitebuilder .swiper:first-child .swiper-slide {
  width: 470px !important;
  height: 338px !important; }

.slider-websitebuilder .swiper:nth-child(2) {
  margin-bottom: 0px; }
  .slider-websitebuilder .swiper:nth-child(2) .swiper-slide {
    width: 370px !important;
    height: 338px !important; }

.cookie-bar {
  position: fixed;
  display: none;
  z-index: 99999;
  padding: 24px;
  background-color: #fff;
  border-radius: 12px;
  max-width: 340px; }
  .cookie-bar.is-active {
    display: block; }
  .cookie-bar::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06);
    z-index: -1; }
  .cookie-bar--bottom-left {
    left: 10px;
    bottom: 10px; }
  .cookie-bar--bottom-right {
    right: 10px;
    bottom: 10px; }
  .cookie-bar--top-right {
    right: 10px;
    top: 10px; }
  .cookie-bar--top-left {
    right: 10px;
    top: 10px; }
  .cookie-bar__icon {
    margin-bottom: 24px;
    display: flex;
    justify-content: center; }
  .cookie-bar__content a {
    text-decoration: none;
    font-weight: 700; }
  .cookie-bar__action {
    margin-top: 24px; }

.dropdown--categories {
  position: absolute;
  left: 0;
  right: 0;
  max-width: unset;
  opacity: 0;
  visibility: hidden;
  top: 70px;
  border-radius: 8px;
  z-index: 20; }
  .dropdown--categories.is-open {
    transition: 0.24s linear all;
    opacity: 1;
    visibility: visible;
    top: 66px; }
  .dropdown--categories .dropdown__content {
    padding: 24px 32px; }
  .dropdown--categories .cat {
    text-align: left; }
    .dropdown--categories .cat li.subCat {
      color: #524972;
      background-color: transparent;
      position: relative;
      font-weight: 400;
      margin: 0 10px 0 0;
      padding: 4px 10px 4px 30px; }
      .dropdown--categories .cat li.subCat:after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        border: 1px solid #BEC2CC;
        background-color: #fff;
        border-radius: 3px; }
      .dropdown--categories .cat li.subCat.active:after {
        border: 1px solid #6B4DC4;
        background-color: #6B4DC4;
        content: "\f00c";
        font-family: "Font Awesome 5 Pro";
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center; }

.dropdown--help {
  width: 100%;
  max-width: 848px;
  border-radius: 8px;
  margin-top: 24px !important; }
  .dropdown--help .dropdown__arrow {
    display: none; }
  .dropdown--help hr {
    margin: 8px 0;
    border-color: #E6E7EB;
    width: 100%; }
  .dropdown--help span {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    color: #2B1F51;
    background-color: #fff;
    border-radius: 2px;
    display: flex; }
    .dropdown--help span.help-status {
      margin: 4px -12px 0 0;
      border-width: 1px;
      border-style: solid;
      padding: 6px 12px;
      height: 24px;
      align-items: center;
      justify-content: center;
      font-size: 10px; }

.dropdown-item__label {
  font-size: 8px;
  padding: 0 4px;
  height: 20px;
  margin-left: 2px;
  margin-top: -6px; }
  .dropdown-item__label.label--secondary-faded {
    background-color: #fee9df;
    color: #f67a3c; }

@media (max-width: 1011px) {
  .dropdown--help {
    right: 0;
    margin: 24px 16px 0 16px !important;
    max-width: unset;
    width: auto; }
    .dropdown--help span.help-status {
      margin-right: 1px; } }

@media (max-width: 513px) {
  .dropdown--categories .cat li.subCat {
    display: block;
    margin-right: 0; } }

.tooltip {
  z-index: 10;
  position: absolute;
  bottom: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, bottom 0.3s ease, left 0.3s ease, right 0.3s ease;
  color: #524972;
  text-align: center; }
  .tooltip__body {
    position: relative; }
  .tooltip--big {
    border-radius: 8px;
    min-width: 350px;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06); }
    @media (max-width: 1387px) {
      .tooltip--big {
        font-size: 15px;
        line-height: 24px; } }
    @media (max-width: 1011px) {
      .tooltip--big {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }
    @media (max-width: 751px) {
      .tooltip--big {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px; } }
    .tooltip--big strong {
      font-weight: 600; }
    .tooltip--big::before {
      content: '';
      position: absolute;
      bottom: -9px;
      width: 18px;
      height: 18px;
      left: 50%;
      background-color: #fff;
      transform: translateX(-50%) rotate(45deg); }
  .tooltip--big-right {
    left: 100%;
    bottom: unset; }
    .tooltip--big-right * {
      text-align: left !important; }
    .tooltip--big-right::before {
      bottom: unset;
      top: 50%;
      transform: translateY(-50%) rotate(45deg);
      left: -9px; }
  .tooltip--big-bottom {
    max-width: 200px !important;
    min-width: 200px !important;
    top: 200% !important;
    bottom: unset !important;
    left: 50%;
    transform: translateX(-50%); }
    .tooltip--big-bottom .tooltip__body {
      text-align: center; }
    .tooltip--big-bottom * {
      text-align: center !important; }
    .tooltip--big-bottom::before {
      top: 1px;
      left: 50%;
      transform: translateY(-50%) rotate(45deg);
      margin-left: -12px; }
  .tooltip--big-top {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%); }
    .tooltip--big-top .tooltip__body {
      text-align: center; }
    .tooltip--big-top * {
      text-align: left !important; }
    .tooltip--big-top::before {
      bottom: -12px;
      left: 50%;
      transform: translateY(-50%) rotate(45deg);
      margin-left: -12px; }
  .tooltip--big-left {
    right: 100%;
    bottom: unset; }
    .tooltip--big-left * {
      text-align: left !important; }
    .tooltip--big-left::before {
      bottom: unset;
      top: 50%;
      transform: translateY(-50%) rotate(-45deg);
      right: -9px;
      left: unset; }
  .tooltip.w-a {
    width: auto;
    min-width: unset; }

.label--tooltip:hover .tooltip--big,
.promo-container:hover .tooltip--big {
  bottom: 200%;
  opacity: 1;
  visibility: visible; }

.label--tooltip:hover .tooltip--big-right,
.promo-container:hover .tooltip--big-right {
  bottom: unset;
  left: 200%; }

.label--tooltip:hover .tooltip--big-top,
.promo-container:hover .tooltip--big-top {
  bottom: 120%; }

.label--tooltip:hover .tooltip--big-left,
.promo-container:hover .tooltip--big-left {
  bottom: unset;
  right: 200%; }

.label--tooltip {
  margin-bottom: 0;
  cursor: pointer;
  background: unset;
  padding: 0;
  margin-left: 12px;
  position: relative; }
  .label--tooltip:hover svg path:not(:nth-last-of-type(1)) {
    stroke: #F67A3C; }
  .label--tooltip:hover svg path:nth-last-of-type(1) {
    fill: #F67A3C;
    stroke: #F67A3C; }
  .label--tooltip svg path {
    transition: stroke 0.3s ease, fill 0.3s ease; }

@media (max-width: 751px) {
  .tooltip--big {
    min-width: 160px; } }

.domains-sidebar {
  z-index: 9999;
  width: 400px;
  max-width: 100vw;
  min-height: calc(100vh);
  max-height: 100vh;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  transform: translate(400px);
  transition: transform 0.3s ease; }
  .domains-sidebar.show {
    transform: translate(0px); }
  .domains-sidebar::after {
    box-shadow: 0px 16px 32px 10px rgba(0, 0, 0, 0.04), 0px 16px 48px 10px rgba(0, 0, 0, 0.08);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%; }
  .domains-sidebar__container {
    transition: padding 0.3s ease;
    position: relative;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; }
  .domains-sidebar__top {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    margin-left: 24px;
    margin-right: 24px;
    padding-bottom: 32px;
    border-bottom: 1px solid #DBDBDB; }
    .domains-sidebar__top svg {
      margin-right: 8px;
      height: 24px; }
      .domains-sidebar__top svg path {
        stroke: #2B1F51; }
    .domains-sidebar__top .close {
      margin-left: auto;
      display: flex;
      justify-content: center;
      align-items: center; }
      .domains-sidebar__top .close svg path {
        stroke: #929292; }
    .domains-sidebar__top h5 {
      margin-bottom: 0;
      display: flex;
      align-items: center; }
  .domains-sidebar__preloader {
    min-height: 200px;
    flex: 1; }
  .domains-sidebar__content {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 24px;
    padding-right: 8px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: 6px;
    flex: 1; }
    .domains-sidebar__content::-webkit-scrollbar {
      width: 6px;
      height: 8px;
      border-radius: 6px; }
    .domains-sidebar__content::-webkit-scrollbar-track {
      width: 6px;
      border-radius: 6px;
      background-color: #E6E6E6; }
    .domains-sidebar__content::-webkit-scrollbar-thumb {
      border-radius: 6px;
      height: 20px;
      background-color: #A4A4A4; }
    .domains-sidebar__content .msg {
      height: 100%;
      flex: 1; }
      .domains-sidebar__content .msg__body {
        flex-grow: unset; }
  .domains-sidebar__actions {
    margin-top: auto;
    padding: 24px; }
    .domains-sidebar__actions .domains-sidebar__total {
      display: flex;
      justify-content: space-between; }
    .domains-sidebar__actions .btn + .btn {
      margin-top: 16px; }
    .domains-sidebar__actions .alert--xs {
      font-size: 12px;
      line-height: 16px; }
    .domains-sidebar__actions .domains-sidebar__total {
      margin-bottom: 24px; }
      .domains-sidebar__actions .domains-sidebar__total h5 {
        margin: 0px; }
      .domains-sidebar__actions .domains-sidebar__total p {
        margin: 0; }
  .domains-sidebar .label.label--primary-faded {
    background: #E5E0F4;
    border: #E5E0F4;
    color: #6B4DC4;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    margin: 0 24px;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 26px; }

.cart-domain {
  border: 1px solid #DBDBDB;
  border-radius: 6px; }
  .cart-domain + .cart-domain {
    margin-top: 32px; }
  .cart-domain__top {
    display: flex;
    justify-content: space-between;
    padding: 12px 20px;
    background: #F4F0FF;
    border-bottom: 1px solid #DBDBDB;
    align-items: center; }
    .cart-domain__top svg path {
      stroke: #6B4DC4; }
    .cart-domain__top .delete {
      cursor: pointer; }
  .cart-domain__title {
    font-weight: 700;
    word-break: break-all;
    line-height: 22px; }
  .cart-domain__subtitle {
    font-size: 14px;
    line-height: 22px;
    font-weight: 200;
    color: #6B4DC4; }
  .cart-domain__title, .cart-domain__subtitle {
    margin-bottom: 0; }
  .cart-domain__content {
    padding: 12px 20px; }
    .cart-domain__content p {
      color: #929292;
      margin-bottom: 0; }
    .cart-domain__content h5 {
      margin-top: 0;
      margin-bottom: 0; }
    .cart-domain__content .selectize-control {
      margin-top: 4px;
      margin-bottom: 24px; }
      .cart-domain__content .selectize-control::after {
        content: "";
        position: absolute;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTgpIj4NCiAgICAgICAgPHBhdGggZD0iTTYuNDcxOTQgMTAuNjgxTDEwLjU5NDcgMTQuODAzOEMxMS4yMTU1IDE1LjQyNDYgMTIuMjE4NCAxNS40MjQ2IDEyLjgzOTIgMTQuODAzOEwxNi45NjIgMTAuNjgxQzE3Ljk2NDggOS42NzgxNCAxNy4yNDg1IDcuOTU4OTggMTUuODMxOCA3Ljk1ODk4TDcuNTg2MjEgNy45NTg5OEM2LjE2OTQ5IDcuOTU4OTggNS40NjkwOSA5LjY3ODE0IDYuNDcxOTQgMTAuNjgxWiIgZmlsbD0iIzkyOTI5MiI+PC9wYXRoPg0KICAgIDwvZz4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGNsaXBQYXRoIGlkPSJjbGlwMF8xOCI+DQogICAgICAgICAgICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIj48L3JlY3Q+DQogICAgICAgIDwvY2xpcFBhdGg+DQogICAgPC9kZWZzPg0KPC9zdmc+DQo=");
        width: 18px;
        height: 16px;
        top: 15px;
        right: 22px; }
      .cart-domain__content .selectize-control .item {
        font-size: 18px;
        line-height: 30px;
        font-weight: 300; }
        .cart-domain__content .selectize-control .item span {
          font-size: 14px;
          line-height: 22px;
          font-weight: 300;
          color: #9D9DA6; }
  .cart-domain__total {
    display: flex;
    justify-content: space-between; }
    .cart-domain__total p {
      color: #524972;
      margin-bottom: 0; }
  .cart-domain__bottom {
    border-top: 1px solid #DBDBDB;
    text-align: center;
    background: #FBFBFB;
    color: #6D6D6D;
    padding: 12px 20px;
    border-radius: 0 0 6px 6px; }
    .cart-domain__bottom p {
      margin: 0;
      padding: 0; }

#growls-default {
  display: none !important; }

.tabs.tabs--managed-wordpress {
  margin-bottom: 40px; }
  @media (max-width: 751px) {
    .tabs.tabs--managed-wordpress {
      margin-top: 40px; } }
  @media (min-width: 751px) {
    .tabs.tabs--managed-wordpress {
      flex-direction: row;
      align-items: center;
      justify-content: center; } }
  .tabs.tabs--managed-wordpress .tabs__filter {
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 30px !important;
    font-weight: 400;
    color: #fff;
    padding-right: 8px; }
    @media (max-width: 1387px) {
      .tabs.tabs--managed-wordpress .tabs__filter {
        font-size: 17px !important;
        font-weight: 300 !important;
        line-height: 28px !important; } }
    @media (max-width: 1011px) {
      .tabs.tabs--managed-wordpress .tabs__filter {
        font-size: 16px !important;
        font-weight: 300 !important;
        line-height: 26px !important; } }
    @media (max-width: 751px) {
      .tabs.tabs--managed-wordpress .tabs__filter {
        font-size: 16px !important;
        font-weight: 300 !important;
        line-height: 26px !important; } }
    @media (max-width: 751px) {
      .tabs.tabs--managed-wordpress .tabs__filter {
        font-size: 18px;
        line-height: 30px;
        text-align: center; } }
    @media (max-width: 513px) {
      .tabs.tabs--managed-wordpress .tabs__filter {
        padding-left: 16px; } }
  .tabs.tabs--managed-wordpress .nav {
    margin-bottom: 0; }

.box--managed-wp {
  border-radius: 12px;
  background: #fff;
  flex-direction: column; }
  .box--managed-wp .box__slider {
    padding: 40px 40px 78px;
    width: 100%; }
    .box--managed-wp .box__slider .range-slider__pips .range-slider__value > span {
      display: none; }
    .box--managed-wp .box__slider.is-wp-installs .range-slider__pips .range-slider__value > span.pip-wp-installs {
      display: inline-block; }
    .box--managed-wp .box__slider.is-wp-visits .range-slider__pips .range-slider__value > span.pip-wp-visits {
      display: inline-block; }
    .box--managed-wp .box__slider.is-wp-storage .range-slider__pips .range-slider__value > span.pip-wp-storage {
      display: inline-block; }
    .box--managed-wp .box__slider .range-slider__value {
      font-size: 16px;
      font-weight: 300;
      line-height: 26px;
      font-weight: 600;
      color: #3D2B77; }
      @media (max-width: 1387px) {
        .box--managed-wp .box__slider .range-slider__value {
          font-size: 15px;
          line-height: 24px; } }
      @media (max-width: 1011px) {
        .box--managed-wp .box__slider .range-slider__value {
          font-size: 14px;
          font-weight: 300;
          line-height: 22px; } }
      @media (max-width: 751px) {
        .box--managed-wp .box__slider .range-slider__value {
          font-size: 14px;
          font-weight: 300;
          line-height: 22px; } }
      @media (max-width: 751px) {
        .box--managed-wp .box__slider .range-slider__value {
          text-indent: -9999px; } }
      .box--managed-wp .box__slider .range-slider__value::before {
        content: '';
        position: absolute;
        top: -8px;
        left: 50%;
        transform: translateX(-50%);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #E5E0F4; }
      .box--managed-wp .box__slider .range-slider__value.is-active {
        font-size: 22px;
        line-height: 30px;
        color: #F67A3C; }
        .box--managed-wp .box__slider .range-slider__value.is-active::before {
          background: #F67A3C; }
        @media (max-width: 751px) {
          .box--managed-wp .box__slider .range-slider__value.is-active {
            text-indent: 0;
            font-size: 18px;
            line-height: 26px; } }
    .box--managed-wp .box__slider .range-slider__handle {
      width: 56px;
      height: 40px;
      right: -28px;
      background: linear-gradient(90deg, #5F4BD2 0%, #3F2A9A 45.83%, #180F6D 100%);
      border-radius: 6px; }
      .box--managed-wp .box__slider .range-slider__handle::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 18px;
        height: 12px;
        background-image: url("../img/icons/wp-managed-page/handle-icon.svg"); }
    .box--managed-wp .box__slider .range-slider__connects {
      background: #CEC9DF; }
      .box--managed-wp .box__slider .range-slider__connects::after {
        background: #F67A3C; }
      .box--managed-wp .box__slider .range-slider__connects::before {
        background: #CEC9DF; }
      .box--managed-wp .box__slider .range-slider__connects .range-slider__connect {
        background: #F67A3C; }
  .box--managed-wp .box__content {
    display: flex;
    border-top: 1px solid #EFEFEF;
    padding: 0; }
    @media (max-width: 1387px) {
      .box--managed-wp .box__content {
        flex-direction: column; } }
    @media (max-width: 751px) {
      .box--managed-wp .box__content {
        flex-direction: column-reverse; } }
  .box--managed-wp .box__packages {
    display: flex; }
    @media (max-width: 751px) {
      .box--managed-wp .box__packages {
        flex-direction: column-reverse; } }
    .box--managed-wp .box__packages .package .label {
      border-radius: 4px;
      padding: 2px 8px;
      font-weight: 600;
      width: max-content;
      height: 30px; }
    .box--managed-wp .box__packages .package__price {
      align-items: center; }
    .box--managed-wp .box__packages .package--monthly .label--pricing {
      color: #F67A3C;
      background-color: #FEE9DF; }
    .box--managed-wp .box__packages .package--yearly {
      background: linear-gradient(180deg, #FFE7DB 0%, rgba(255, 216, 197, 0.15) 92.19%); }
      .box--managed-wp .box__packages .package--yearly .label--pricing {
        color: #D83A3A;
        background-color: #FFCACA; }
    @media (min-width: 1388px) {
      .box--managed-wp .box__packages .package__body {
        min-width: 360px; } }
    @media (max-width: 1387px) {
      .box--managed-wp .box__packages .package__body {
        width: 100%; } }
  .box--managed-wp .box__divider {
    width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 38px;
    white-space: nowrap; }
    .box--managed-wp .box__divider span {
      transform: rotate(-90deg); }
  .box--managed-wp .box__desc {
    display: flex;
    flex-direction: column;
    padding: 24px 24px 24px 40px;
    width: 100%; }
    .box--managed-wp .box__desc .list {
      column-count: 2;
      list-style: disc;
      padding-left: 20px;
      column-gap: 30px; }
      @media (max-width: 751px) {
        .box--managed-wp .box__desc .list {
          column-count: unset;
          color-scheme: unset; } }
      .box--managed-wp .box__desc .list__item {
        padding: 0 0 8px 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 26px; }
        @media (max-width: 1387px) {
          .box--managed-wp .box__desc .list__item {
            font-size: 15px;
            line-height: 24px; } }
        @media (max-width: 1011px) {
          .box--managed-wp .box__desc .list__item {
            font-size: 14px;
            font-weight: 300;
            line-height: 22px; } }
        @media (max-width: 751px) {
          .box--managed-wp .box__desc .list__item {
            font-size: 14px;
            font-weight: 300;
            line-height: 22px; } }
        .box--managed-wp .box__desc .list__item:nth-child(7) {
          break-before: column; }
        .box--managed-wp .box__desc .list__item::marker {
          color: #F67A3C; }
        .box--managed-wp .box__desc .list__item .label--tooltip {
          margin-left: 8px;
          vertical-align: bottom; }
      .box--managed-wp .box__desc .list b {
        font-weight: 600; }

.enterprise-plan {
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #ECE8F9 0%, #F7F6FC 100.82%);
  margin-top: 80px;
  padding: 40px;
  border-radius: 12px; }
  @media (max-width: 751px) {
    .enterprise-plan {
      flex-direction: column;
      row-gap: 16px;
      justify-content: center; } }
  .enterprise-plan__desc {
    flex-grow: 1; }
    .enterprise-plan__desc h5 {
      margin-bottom: 4px; }
    .enterprise-plan__desc p {
      margin-bottom: 0; }
  .enterprise-plan__icon {
    min-width: 64px;
    min-height: 64px;
    background-image: url("../img/icons/enterprise-plan-icon.svg");
    margin-right: 24px; }
    @media (max-width: 751px) {
      .enterprise-plan__icon {
        margin-right: unset; } }
  @media (max-width: 751px) {
    .enterprise-plan__desc {
      text-align: center; } }
  @media (max-width: 751px) {
    .enterprise-plan__action {
      width: 100%; }
      .enterprise-plan__action .btn {
        width: 100%; } }

.page-managed-wordpress .site-navbar.navbar--main, .page-managed-wordpress .site-banner {
  background: linear-gradient(90deg, #180F6D 0%, #3F2A9A 45.83%, #5F4BD2 100%); }

@media (min-width: 1388px) {
  .page-managed-wordpress .banner.overlap-lg {
    margin-bottom: -384px; } }

@media (max-width: 1011px) {
  .page-managed-wordpress .banner.overlap-lg {
    margin-bottom: -270px !important; } }

@media (max-width: 1011px) {
  .page-managed-wordpress .section--more-reasons .container > .row .col-sm-12 {
    justify-content: center !important;
    align-items: center !important; }
    .page-managed-wordpress .section--more-reasons .container > .row .col-sm-12 .section__content {
      margin-right: 0 !important; } }

.page-managed-wordpress .section--more-reasons .section__content {
  max-width: 457px;
  justify-content: flex-start !important; }
  .page-managed-wordpress .section--more-reasons .section__content .section__desc {
    margin-top: 20px; }
  .page-managed-wordpress .section--more-reasons .section__content .list {
    display: flex;
    flex-direction: column;
    row-gap: 24px; }
    .page-managed-wordpress .section--more-reasons .section__content .list--section-graphic {
      margin-top: 32px; }
      .page-managed-wordpress .section--more-reasons .section__content .list--section-graphic .list__item {
        display: flex;
        column-gap: 16px; }
        .page-managed-wordpress .section--more-reasons .section__content .list--section-graphic .list__item-icon::before {
          content: '';
          display: inline-block;
          width: 24px;
          height: 24px;
          background-image: url("../img/list-check.svg"); }

.page-managed-wordpress .section--more-reasons .section__graphic {
  right: unset;
  justify-content: flex-start !important;
  width: 682px !important;
  max-width: 682px !important; }

.page-managed-wordpress .section--more-reasons.section--graphic-left .is-hidden-md-down {
  height: 504px; }
  .page-managed-wordpress .section--more-reasons.section--graphic-left .is-hidden-md-down .section__graphic {
    position: absolute;
    right: 0; }

.page-managed-wordpress .section--comparison-table .section__content .table .cell {
  display: flex;
  width: 100%;
  font-size: 16px;
  line-height: 26px;
  padding: 13px 16px;
  border-bottom: 1px solid #e1e2e5; }
  .page-managed-wordpress .section--comparison-table .section__content .table .cell__item {
    width: 56%; }
    .page-managed-wordpress .section--comparison-table .section__content .table .cell__item--second, .page-managed-wordpress .section--comparison-table .section__content .table .cell__item--third {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 22%;
      flex-grow: unset; }
      @media (max-width: 751px) {
        .page-managed-wordpress .section--comparison-table .section__content .table .cell__item--second, .page-managed-wordpress .section--comparison-table .section__content .table .cell__item--third {
          min-width: 100px; } }
    .page-managed-wordpress .section--comparison-table .section__content .table .cell__item--second {
      margin-block: -13px;
      position: relative;
      box-shadow: 0px 24px 64px 10px #00000014, 0px 16px 48px 10px #0000000A;
      clip-path: inset(0px -120px 0px -120px); }
  .page-managed-wordpress .section--comparison-table .section__content .table .cell--header {
    background: linear-gradient(90deg, #ECE8F9 0%, #F7F6FC 100.82%);
    border-bottom: unset; }
    .page-managed-wordpress .section--comparison-table .section__content .table .cell--header .cell__item {
      font-size: 20px;
      font-weight: 300;
      line-height: 32px;
      font-weight: 600; }
      @media (max-width: 1387px) {
        .page-managed-wordpress .section--comparison-table .section__content .table .cell--header .cell__item {
          font-size: 18px;
          font-weight: 300;
          line-height: 30px; } }
      @media (max-width: 1011px) {
        .page-managed-wordpress .section--comparison-table .section__content .table .cell--header .cell__item {
          font-size: 17px;
          font-weight: 300;
          line-height: 28px; } }
      @media (max-width: 751px) {
        .page-managed-wordpress .section--comparison-table .section__content .table .cell--header .cell__item {
          font-size: 17px;
          font-weight: 300;
          line-height: 28px; } }
  .page-managed-wordpress .section--comparison-table .section__content .table .cell--no-border {
    border-bottom: none; }

.page-managed-wordpress .section--comparison-table .section__content .table .last-shadow {
  clip-path: inset(0px -120px -90px -120px); }

.page-managed-wordpress .section--proof .section__title {
  margin-bottom: 80px; }

.page-managed-wordpress .section--premium .premium-features__container {
  display: flex;
  column-gap: 40px;
  padding: 32px;
  border: 1px solid #DBDBDB;
  border-radius: 12px; }
  @media (max-width: 1387px) {
    .page-managed-wordpress .section--premium .premium-features__container {
      flex-direction: column;
      row-gap: 24px; } }

.page-managed-wordpress .section--premium .premium-features__desc {
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  max-width: 620px; }
  @media (max-width: 1387px) {
    .page-managed-wordpress .section--premium .premium-features__desc {
      font-size: 15px;
      line-height: 24px; } }
  @media (max-width: 1011px) {
    .page-managed-wordpress .section--premium .premium-features__desc {
      font-size: 14px;
      font-weight: 300;
      line-height: 22px; } }
  @media (max-width: 751px) {
    .page-managed-wordpress .section--premium .premium-features__desc {
      font-size: 14px;
      font-weight: 300;
      line-height: 22px; } }
  .page-managed-wordpress .section--premium .premium-features__desc .btn {
    height: 30px;
    padding: 0;
    transition: .3s; }
    .page-managed-wordpress .section--premium .premium-features__desc .btn svg {
      margin-left: 8px; }
    .page-managed-wordpress .section--premium .premium-features__desc .btn:hover {
      color: #F67A3C; }
      .page-managed-wordpress .section--premium .premium-features__desc .btn:hover svg path {
        transition: .3s;
        stroke: #F67A3C; }

.page-managed-wordpress .section--premium .premium-features__list .list {
  position: relative;
  column-count: 2;
  column-gap: 48px; }
  .page-managed-wordpress .section--premium .premium-features__list .list::after {
    content: '';
    width: 1px;
    background: #EFEFEF;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%; }
  .page-managed-wordpress .section--premium .premium-features__list .list__item {
    display: flex;
    padding: 0 0 8px 0; }
    .page-managed-wordpress .section--premium .premium-features__list .list__item:last-child {
      padding: 0; }
    .page-managed-wordpress .section--premium .premium-features__list .list__item .icon {
      display: flex;
      height: 18px;
      margin-top: 1px;
      margin-right: 12px; }
    .page-managed-wordpress .section--premium .premium-features__list .list__item .desc {
      font-size: 16px;
      font-weight: 300;
      line-height: 26px; }
      @media (max-width: 1387px) {
        .page-managed-wordpress .section--premium .premium-features__list .list__item .desc {
          font-size: 15px;
          line-height: 24px; } }
      @media (max-width: 1011px) {
        .page-managed-wordpress .section--premium .premium-features__list .list__item .desc {
          font-size: 14px;
          font-weight: 300;
          line-height: 22px; } }
      @media (max-width: 751px) {
        .page-managed-wordpress .section--premium .premium-features__list .list__item .desc {
          font-size: 14px;
          font-weight: 300;
          line-height: 22px; } }
      .page-managed-wordpress .section--premium .premium-features__list .list__item .desc b {
        font-weight: 600; }
  @media (max-width: 513px) {
    .page-managed-wordpress .section--premium .premium-features__list .list {
      column-count: unset;
      column-gap: unset; }
      .page-managed-wordpress .section--premium .premium-features__list .list::after {
        content: unset; } }

.page-managed-wordpress .section--banner-footer .section__content {
  background: linear-gradient(90deg, #ECE8F9 0%, #F7F6FC 100.82%); }

.page-managed-wordpress .proof--reverse {
  margin-top: 40px; }

.page-managed-wordpress .nav--tabs-faq {
  margin-block: 80px; }

.has--shadow-lg {
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04), 0 24px 64px 0 rgba(0, 0, 0, 0.06); }

.btn.btn--primary.btn--link {
  color: #6B4DC4; }

* + h4,
* + .h4 {
  margin-top: 0; }

.is-invisible {
  opacity: 0;
  visibility: hidden;
  height: 0; }

.preloader--lg {
  width: 64px;
  height: 64px; }
  .preloader--lg:before {
    width: 64px;
    height: 64px; }

@media (max-width: 1011px) {
  .tab-p-b-0x {
    padding-bottom: 0 !important; } }