/*!* Bootstrap v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)*/
@import 'https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap';:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: 'Inter', sans-serif;
    --font-family-monospace: 'Inter', sans-serif
}


@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap'); :root {
    --color-empty: unset;
    --gray-base: #5E636E;
    --gray-lighter: #979ba4;
    --gray-lighter-2: #ACB0B9;
    --gray-lighter-3: #DEE0E3;
    --gray-lighter-4: #E9EAEC;
    --gray-faded: #F7F7F8;
    --gray-darker: #17191C;
    --gray-gradient-start: #F3F5F7;
    --gray-gradient-end: #FCFCFD;
    --gray-gradient-h: linear-gradient( 270deg, var(--gray-gradient-start) 0%, var(--gray-gradient-end) 100%);
    --gray-gradient-v: linear-gradient( 0deg, var(--gray-gradient-end) 0%, var(--gray-gradient-start) 100%);
    --brand-primary: #1062fe;
    --brand-primary-lighter: #009AFF;
    --brand-primary-lighter-2: #B3CCFF;
    --brand-primary-lighter-3: #D6E4FF;
    --brand-primary-lighter-4: #F1F5FE;
    --brand-primary-darker: #003CB2;
    --brand-primary-gradient-start: #1966FF;
    --brand-primary-gradient-end: #009AFF;
    --brand-primary-gradient-h: linear-gradient( 90deg, var(--brand-primary-gradient-start) 0%, var(--brand-primary-gradient-end) 100%);
    --brand-primary-gradient-v: linear-gradient( 0deg, var(--brand-primary-gradient-end) 0%, var(--brand-primary-gradient-start) 100%);
    --brand-secondary: #083fbf;
    --brand-secondary-lighter: #667b9e;
    --brand-secondary-darker: #08349B;
    --brand-secondary-gradient-start: #08349B;
    --brand-secondary-gradient-end: #083fbf;
    --brand-secondary-gradient-h: linear-gradient( 90deg, var(--brand-secondary-gradient-start) 0%, var(--brand-secondary-gradient-end) 100%);
    --brand-secondary-gradient-v: linear-gradient( 0deg, var(--brand-secondary-gradient-end) 0%, var(--brand-secondary-gradient-start) 100%);
    --brand-info: #1062fe;
    --brand-info-lighter: #6298fe;
    --brand-info-lighter-2: #B3CCFF;
    --brand-info-lighter-3: #D6E4FF;
    --brand-info-darker: #015abe;
    --brand-info-gradient-start: #015abe;
    --brand-info-gradient-end: #1062fe;
    --brand-info-gradient-h: linear-gradient( 90deg, var(--brand-info-gradient-start) 0%, var(--brand-info-gradient-end) 100%);
    --brand-info-gradient-v: linear-gradient( 0deg, var(--brand-info-gradient-end) 0%, var(--brand-info-gradient-start) 100%);
    --brand-success: #36C055;
    --brand-success-lighter: #70d786;
    --brand-success-lighter-2: #cff2d7;
    --brand-success-lighter-3: #dbf5e1;
    --brand-success-lighter-4: #e7f8eb;
    --brand-success-darker: #2d9f46;
    --brand-success-gradient-start: #2d9f46;
    --brand-success-gradient-end: #36C055;
    --brand-success-gradient-h: linear-gradient( 90deg, var(--brand-success-gradient-start) 0%, var(--brand-success-gradient-end) 100%);
    --brand-success-gradient-v: linear-gradient( 0deg, var(--brand-success-gradient-end) 0%, var(--brand-success-gradient-end) 100%);
    --brand-warning: #ffaa00;
    --brand-warning-lighter: #ffc552;
    --brand-warning-lighter-2: #ffeecc;
    --brand-warning-lighter-3: #fff3db;
    --brand-warning-lighter-4: #fff8eb;
    --brand-warning-darker: #d68f00;
    --brand-warning-gradient-start: #d68f00;
    --brand-warning-gradient-end: #ffaa00;
    --brand-warning-gradient-h: linear-gradient( 90deg, var(--brand-warning-gradient-start) 0%, var(--brand-warning-gradient-end) 100%);
    --brand-warning-gradient-v: linear-gradient( 0deg, var(--brand-warning-gradient-end) 0%, var(--brand-warning-gradient-start) 100%);
    --brand-danger: #d92632;
    --brand-danger-lighter: #e56c74;
    --brand-danger-lighter-2: #f7d4d6;
    --brand-danger-lighter-3: #fae1e2;
    --brand-danger-lighter-4: #fceeef;
    --brand-danger-darker: #b6202a;
    --brand-danger-gradient-start: #b6202a;
    --brand-danger-gradient-end: #d92632;
    --brand-danger-gradient-h: linear-gradient( 90deg, var(--brand-danger-gradient-start) 0%, var(--brand-danger-gradient-end) 100%);
    --brand-danger-gradient-v: linear-gradient( 0deg, var(--brand-danger-gradient-end) 0%, var(--brand-danger-gradient-start) 100%);
    --gray-icons: #ACAFB9;
    --gray-icons-hover: #1062fe;
    --svg-illustration-gray-1: #393E41;
    --svg-illustration-gray-2: #4F5357;
    --svg-illustration-gray-3: #CBCFD5;
    --svg-illustration-gray-4: #DADCDE;
    --svg-illustration-gray-5: #DCDEE1;
    --svg-illustration-gray-6: #E9EBEE;
    --svg-illustration-gray-7: #EBEDF0;
    --svg-illustration-gray-8: #EAEEF3;
    --svg-illustration-gray-w: #ffffff;
    --svg-illustration-shadow: #000000;
    --svg-illustration-primary-0: #074FA9;
    --svg-illustration-primary-1: #0367E4;
    --svg-illustration-primary-2: #347BE9;
    --svg-illustration-primary-3: #428BF0;
    --svg-illustration-primary-4: #76A9F1;
    --svg-illustration-yellow-1: #F9A000;
    --svg-illustration-yellow-2: #FBB900;
    --svg-illustration-yellow-3: #FFD251;
    --svg-illustration-yellow-4: #FBC666;
    --svg-illustration-yellow-5: #FCDA83;
    --svg-illustration-green-1: #1F5C3A;
    --svg-illustration-green-2: #31854C;
    --svg-illustration-green-3: #35B65E;
    --svg-illustration-green-4: #5BD682;
    --svg-banner-shape-left: var(--brand-primary);
    --svg-banner-shape-right: var(--brand-primary-lighter);
    --body-bg: #fff;
}

:root {
    --primary-block-bg: var(--brand-primary-gradient-v);
    --primary-block-border: none;
    --primary-block-bg-h: var(--brand-primary-gradient-h);
    --primary-block-divider-color: var(--ui-block-secondary-divider-border-color);
    --primary-block-divider-active-color: #fff;
    --primary-block-title-color: var(--text-secondary-heading-color);
    --primary-block-subtitle-color: var(--text-secondary-lighter-color);
    --primary-block-text-color: var(--text-secondary-lighter-color);
    --primary-block-text-faded-color: var(--text-secondary-faded-color);
    --primary-block-total-font-color: #fff;
    --primary-block-link-color: hsla(0, 0%, 100%, 80%);
    --primary-block-link-hover-color: hsla(0, 0%, 100%, 100%);
    --primary-block-link-active-color: hsla(0, 0%, 100%, 100%);
    --primary-block-link-bg: transparent;
    --primary-block-link-hover-bg: transparent;
    --primary-block-link-active-bg: hsla(0, 0%, 100%, 6%);
    --primary-block-link-icon-color: hsla(0, 0%, 100%, 56%);
    --primary-block-link-icon-hover-color: hsla(0, 0%, 100%, 80%);
    --primary-block-link-icon-active-color: hsla(0, 0%, 100%, 80%);
    --primary-block-dot-nav-bg: rgba(255, 255, 255, 0.32);
    --primary-block-dot-nav-hover-bg: rgba(255, 255, 255, 0.56);
    --primary-block-dot-nav-active-bg: rgba(255, 255, 255, 1);
    --primary-block-btn-bg: var(--btn-primary-faded-bg);
    --primary-block-btn-border-color: var(--btn-primary-faded-border);
    --primary-block-btn-color: var(--btn-primary-faded-color);
    --primary-block-btn-hover-bg: var(--btn-primary-faded-hover-bg);
    --primary-block-btn-hover-border-color: var(--btn-primary-faded-hover-border);
    --primary-block-btn-hover-color: var(--btn-primary-faded-hover-color);
    --primary-block-btn-active-bg: var(--btn-primary-faded-active-bg);
    --primary-block-btn-active-border-color: var(--btn-primary-faded-active-border);
    --primary-block-btn-outline-border-color: rgba(255,255,255,0.16);
    --primary-block-btn-outline-color: #fff;
    --primary-block-btn-outline-hover-bg: rgba(255,255,255,0.16);
    --primary-block-btn-outline-hover-border-color: rgba(255,255,255,0.16);
    --primary-block-btn-outline-hover-color: #fff;
    --primary-block-btn-outline-active-bg: rgba(255,255,255,0.16);
    --primary-block-btn-outline-active-border-color: rgba(255,255,255,0.16);
    --primary-block-input-bg: #fff;
    --primary-block-input-border: #fff;
    --primary-block-input-color: var(--input-color);
    --primary-block-input-placeholder-color: var(--input-color-placeholder);
    --primary-block-input-icon-color: var(--brand-primary);
    --primary-block-input-caret-color: var(--gray-icons);
    --secondary-block-bg: var(--brand-secondary-gradient-v);
    --secondary-block-border: var(--primary-block-border);
    --secondary-block-bg-h: var(--brand-secondary-gradient-h);
    --secondary-block-divider-color: var(--primary-block-divider-color);
    --secondary-block-divider-active-color: var(--primary-block-divider-active-color);
    --secondary-block-title-color: var(--primary-block-title-color);
    --secondary-block-subtitle-color: var(--primary-block-subtitle-color);
    --secondary-block-text-color: var(--primary-block-text-color);
    --secondary-block-text-faded-color: var(--primary-block-text-faded-color);
    --secondary-block-total-font-color: var(--primary-block-total-font-color);
    --secondary-block-link-color: var(--primary-block-link-color);
    --secondary-block-link-hover-color: var(--primary-block-link-hover-color);
    --secondary-block-link-active-color: var(--primary-block-link-active-color);
    --secondary-block-link-bg: var(--primary-block-link-bg);
    --secondary-block-link-hover-bg: var(--primary-block-link-hover-bg);
    --secondary-block-link-active-bg: var(--primary-block-link-active-bg);
    --secondary-block-link-icon-color: var(--primary-block-link-icon-color);
    --secondary-block-link-icon-hover-color: var(--primary-block-link-icon-hover-color);
    --secondary-block-link-icon-active-color: var(--primary-block-link-icon-active-color);
    --secondary-block-dot-nav-bg: var(--primary-block-dot-nav-bg);
    --secondary-block-dot-nav-hover-bg: var(--primary-block-dot-nav-hover-bg);
    --secondary-block-dot-nav-active-bg: var(--primary-block-dot-nav-active-bg);
    --secondary-block-btn-bg: var(--primary-block-btn-bg);
    --secondary-block-btn-border-color: var(--primary-block-btn-border-color);
    --secondary-block-btn-color: var(--primary-block-btn-color);
    --secondary-block-btn-hover-bg: var(--primary-block-btn-hover-bg);
    --secondary-block-btn-hover-border-color: var(--primary-block-btn-hover-border-color);
    --secondary-block-btn-hover-color: var(--primary-block-btn-hover-color);
    --secondary-block-btn-active-bg: var(--primary-block-btn-active-bg);
    --secondary-block-btn-active-border-color: var(--primary-block-btn-active-border-color);
    --secondary-block-btn-outline-border-color: var(--primary-block-btn-outline-border-color);
    --secondary-block-btn-outline-color: var(--primary-block-btn-outline-color);
    --secondary-block-btn-outline-hover-bg: var(--primary-block-btn-outline-hover-bg);
    --secondary-block-btn-outline-hover-border-color: var(--primary-block-btn-outline-hover-border-color);
    --secondary-block-btn-outline-hover-color: var(--primary-block-btn-outline-hover-color);
    --secondary-block-btn-outline-active-bg: var(--primary-block-btn-outline-active-bg);
    --secondary-block-btn-outline-active-border-color: var(--primary-block-btn-outline-active-border-color);
    --secondary-block-input-bg: var(--primary-block-input-bg);
    --secondary-block-input-border: var(--primary-block-input-border);
    --secondary-block-input-color: var(--primary-block-input-color);
    --secondary-block-input-placeholder-color: var(--primary-block-input-placeholder-color);
    --secondary-block-input-icon-color: var(--primary-block-input-icon-color);
    --secondary-block-input-caret-color: var(--primary-block-input-caret-color);
    --gray-block-bg: var(--gray-gradient-v);
    --gray-block-bg-h: var(--gray-gradient-h);
}

:root {
    --btn-white-space: nowrap;
    --btn-transition: var(--transition-base);
    --btn-font-family: var(--font-family-base);
    --btn-border-width: 1px;
    --btn-block-spacing-y: var(--spacing-1x);
    --btn-box-shadow: none;
    --btn-focus-box-shadow: 0 0 0 .var(--spacing-2x) rgba(var(--brand-primary) .25);
    --btn-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --btn-spacing-between: var(--spacing-2x);
    --btn-spacing-between-sm: var(--spacing-1x);
    --btn-link-font-weight: var(--font-weight-base);
    --btn-xs-font-size: var(--font-size-xs);
    --btn-xs-font-weight: var(--font-weight-base);
    --btn-xs-line-height: var(--line-height-xs);
    --btn-xs-border-radius: var(--border-radius-xs);
    --btn-xs-icon-spacing: 6px;
    --btn-sm-font-size: var(--font-size-sm);
    --btn-sm-font-weight: var(--font-weight-medium);
    --btn-sm-line-height: var(--line-height-sm);
    --btn-sm-border-radius: var(--border-radius-xs);
    --btn-sm-icon-spacing: 8px;
    --btn-base-font-size: var(--font-size-base);
    --btn-base-font-weight: var(--font-weight-medium);
    --btn-base-line-height: var(--line-height-base);
    --btn-base-border-radius: var(--border-radius-xs);
    --btn-base-icon-spacing: 12px;
    --btn-lg-font-size: var(--font-size-lg);
    --btn-lg-font-weight: var(--font-weight-medium);
    --btn-lg-line-height: var(--line-height-lg);
    --btn-lg-border-radius: var(--border-radius-sm);
    --btn-lg-icon-spacing: 16px;
    --btn-xlg-font-size: var(--font-size-xlg);
    --btn-xlg-font-weight: var(--font-weight-medium);
    --btn-xlg-line-height: var(--line-height-xlg);
    --btn-xlg-border-radius: var(--border-radius-base);
    --btn-xlg-icon-spacing: 20px;
    --btn-default-bg: transparent;
    --btn-default-border: var(--gray-lighter-3);
    --btn-default-color: var(--gray-darker);
    --btn-default-hover-bg: var(--gray-faded);
    --btn-default-hover-border: var(--gray-lighter-2);
    --btn-default-hover-color: var(--gray-darker);
    --btn-default-active-bg: var(--gray-lighter-3);
    --btn-default-active-border: transparent;
    --btn-primary-bg: var(--brand-primary);
    --btn-primary-border: var(--brand-primary);
    --btn-primary-color: #fff;
    --btn-primary-hover-bg: var(--brand-primary-lighter);
    --btn-primary-hover-border: var(--brand-primary-lighter);
    --btn-primary-hover-color: #fff;
    --btn-primary-active-bg: var(--brand-primary-darker);
    --btn-primary-active-border: var(--brand-primary-darker);
    --btn-primary-faded-bg: var(--brand-primary-lighter-3);
    --btn-primary-faded-border: var(--brand-primary-lighter-3);
    --btn-primary-faded-color: var(--brand-primary);
    --btn-primary-faded-hover-bg: var(--brand-primary-lighter-2);
    --btn-primary-faded-hover-border: var(--brand-primary-lighter-2);
    --btn-primary-faded-hover-color: var(--brand-primary);
    --btn-primary-faded-active-bg: var(--brand-primary-lighter-2);
    --btn-primary-faded-active-border: var(--brand-primary-lighter-2);
    --btn-secondary-bg: var(--brand-secondary);
    --btn-secondary-border: var(--brand-secondary);
    --btn-secondary-color: #fff;
    --btn-secondary-hover-bg: var(--brand-secondary-lighter);
    --btn-secondary-hover-border: var(--brand-secondary-lighter);
    --btn-secondary-hover-color: #fff;
    --btn-secondary-active-bg: var(--brand-secondary-darker);
    --btn-secondary-active-border: var(--brand-secondary-darker);
    --btn-success-bg: var(--brand-success-lighter-3);
    --btn-success-border: var(--brand-success-lighter-3);
    --btn-success-color: var(--brand-success-darker);
    --btn-success-hover-bg: var(--brand-success-lighter-2);
    --btn-success-hover-border: var(--brand-success-lighter-2);
    --btn-success-hover-color: var(--brand-success-darker);
    --btn-success-active-bg: var(--brand-success-lighter-2);
    --btn-success-active-border: var(--brand-success-lighter-2);
    --btn-info-bg: var(--brand-info-lighter-3);
    --btn-info-border: var(--brand-info-lighter-3);
    --btn-info-color: var(--brand-info);
    --btn-info-hover-bg: var(--brand-info-lighter-2);
    --btn-info-hover-border: var(--brand-info-lighter-2);
    --btn-info-hover-color: var(--brand-info);
    --btn-info-active-bg: var(--brand-info-lighter-2);
    --btn-info-active-border: var(--brand-info-lighter-2);
    --btn-warning-bg: var(--brand-warning-lighter-3);
    --btn-warning-border: var(--brand-warning-lighter-3);
    --btn-warning-color: var(--brand-warning-darker);
    --btn-warning-hover-bg: var(--brand-warning-lighter-2);
    --btn-warning-hover-border: var(--brand-warning-lighter-2);
    --btn-warning-hover-color: var(--brand-warning-darker);
    --btn-warning-active-bg: var(--brand-warning-lighter-2);
    --btn-warning-active-border: var(--brand-warning-lighter-2);
    --btn-danger-bg: var(--brand-danger-lighter-3);
    --btn-danger-border: var(--brand-danger-lighter-3);
    --btn-danger-color: var(--brand-danger);
    --btn-danger-hover-bg: var(--brand-danger-lighter-2);
    --btn-danger-hover-border: var(--brand-danger-lighter-2);
    --btn-danger-hover-color: var(--brand-danger);
    --btn-danger-active-bg: var(--brand-danger-lighter-2);
    --btn-danger-active-border: var(--brand-danger-lighter-2);
    --btn-light-bg: rgba(255, 255, 255, 0.08);
    --btn-light-border: rgba(255, 255, 255, 0.16);
    --btn-light-color: #fff;
    --btn-light-hover-bg: rgba(255, 255, 255, 0.16);
    --btn-light-hover-border: rgba(255, 255, 255, 0.24);
    --btn-light-hover-color: #fff;
    --btn-light-active-bg: rgba(255, 255, 255, 0.24);
    --btn-light-active-border: rgba(255, 255, 255, 0.32);
    --btn-disabled-color: var(--gray-lighter);
    --btn-disabled-bg: var(--gray-faded);
    --btn-disabled-border: transparent;
    --btn-link-disabled-color: var(--gray-lighter-4);
    --btn-disabled-opacity: .65;
    --btn-social-height: 40px;
    --btn-social-font-size: var(--font-size-sm);
    --btn-social-padding-h: var(--spacing-2x);
    --btn-social-border-radius: var(--border-radius-xs);
    --btn-social-facebook-bg: #4267b2;
    --btn-social-facebook-hover-bg: #30487b;
    --btn-social-facebook-border-color: var(--btn-social-facebook-bg);
    --btn-social-facebook-hover-border: var(--btn-social-facebook-bg);
    --btn-social-facebook-color: #fff;
    --btn-social-facebook-hover-color: var(--btn-social-facebook-color);
    --btn-social-google-bg: #fff;
    --btn-social-google-hover-bg: #fff;
    --btn-social-google-border-color: #e6e8ec;
    --btn-social-google-border-hover-color: #BEC0C4;
    --btn-social-google-color: #2A2E36;
    --btn-social-twitter-bg: #1DA1F2;
    --btn-social-twitter-hover-bg: #0597F2;
    --btn-social-twitter-border-color: var(--btn-social-twitter-bg);
    --btn-social-twitter-border-hover-color: var(--btn-social-twitter-bg);
    --btn-social-twitter-color: #fff;
    --btn-social-twitter-hover-color: var(--btn-social-twitter-color);
    --btn-social-linkedin-bg: #0077b5;
}

:root {
    --cms-block-bg: #fff;
    --cms-block-shadow: var(--box-shadow-lg);
    --cms-block-border: 1px solid var(--gray-lighter-4);
    --cms-block-border-hover: 1px solid var(--brand-primary);
    --cms-block-divider-default-color: linear-gradient(270deg, #E9EAEC -1.59%, rgba(233, 234, 236, 0.4) 99.28%);
    --cms-block-divider-primary-color: rgba(255,255,255, 0.16);
    --cms-block-divider-secondary-color: rgba(255,255,255, 0.16);
    --cms-block-divider-gray-color: linear-gradient(270deg, #E9EAEC -1.59%, rgba(233, 234, 236, 0.4) 99.28%);
    --cms-ui-icon-on-dark: rgba(204, 221, 255, 0.8);
    --cms-on-dark-lighter-3: rgba(255, 255, 255, 0.34);
    --cms-on-light-darker-3: #DEE0E3;
    --cms-color-on-dark: #fff;
    --cms-color-on-dark-2: rgba(255, 255, 255, 0.8);
    --cms-color-on-dark-3: rgba(255, 255, 255, 0.16);
    --cms-color-on-light: #17191C;
    --cms-color-on-light-2: #5E636E;
    --white-gradient: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

:root {
    --section-sides-content-max-width: 532px;
    --section-sides-features-content-max-width: 620px;
    --section-sides-content-margin: auto;
    --section-sides-features-content-margin: 70px;
    --section-legal-sidebar-width: 290px;
    --site-section-item-max-width: var(--max-width-md);
    --site-section-padding-v: 100px;
    --site-section-padding-content-v: 72px;
    --section-side-graphic-spacing-v: 200px;
    --section-side-graphic-spacing-sm-v: 124px;
    --section-side-title-above-spacing-v: 64px;
    --section-caption-font-size: var(--font-size-h6);
    --section-caption-line-height: var(--line-height-h6);
    --section-caption-font-weight: var(--font-weight-h6);
    --section-subtitle-font-size: var(--site-banner-desc-font-size);
    --section-subtitle-line-height: var(--site-banner-desc-line-height);
    --section-subtitle-font-weight: var(--site-banner-desc-font-weight);
    --section-title-spacing-top: var(--spacing-3x);
    --section-subtitle-spacing-top: var(--spacing-3x);
    --section-actions-spacing-top: var(--spacing-4x);
    --section-desc-spacing-top: var(--spacing-3x);
    --section-form-spacing-top: var(--spacing-5x);
    --section-content-spacing-top: var(--section-side-title-above-spacing-v);
    --site-banner-item-max-width: var(--max-width-md);
    --site-banner-graphic-width: var(--site-section-illustration-width);
    --section-primary-color-faded: rgba(255, 255, 255, 0.8);
    --value-lg-font-size: 56px;
    --value-lg-line-height: 52px;
    --value-base-font-size: var(--font-size-h1);
    --value-base-line-height: var(--line-height-h1);
    --value-base-font-weight: var(--font-weight-bold);
    --value-sm-font-size: var(--font-size-h2);
    --value-sm-line-height: var(--line-height-h2);
    --cms-section-combined-lg-margin: var(--section-sides-content-padding-v);
}

@media (max-width: 1319px) {
    :root {
        --section-sides-content-max-width: 532px;
        --section-sides-features-content-max-width: unset;
        --section-sides-content-margin: 50px;
        --section-sides-features-content-margin: 50px;
        --site-banner-graphic-width: 510px;
        --section-side-graphic-spacing-v: 124px;
    }
}

@media (max-width: 991px) {
    :root {
        --section-side-title-above-spacing-v: 48px;
        --section-title-spacing-top: var(--spacing-2x);
        --section-subtitle-spacing-top: var(--spacing-3x);
        --section-actions-spacing-top: var(--spacing-4x);
        --section-desc-spacing-top: var(--spacing-3x);
        --section-form-spacing-top: var(--spacing-5x);
        --section-content-spacing-top: var(--section-side-title-above-spacing-v);
    }
}

@media (max-width: 767px) {
    :root {
        --site-section-padding-v: 72px;
        --section-title-spacing-top: var(--spacing-1x);
        --section-subtitle-spacing-top: var(--spacing-3x);
        --section-actions-spacing-top: var(--spacing-3x);
        --section-desc-spacing-top: var(--spacing-3x);
        --section-form-spacing-top: var(--spacing-5x);
        --section-content-spacing-top: var(--section-side-title-above-spacing-v);
    }
}

:root {
    --cms-section-overlay-margin: 200px;
    --cms-section-combined-margin: 80px;
}

@media (max-width: 1319px) {
    :root {
        --cms-section-overlay-margin: 200px;
        --cms-section-combined-margin: 80px;
    }
}

@media (max-width: 991px) {
    :root {
        --cms-section-overlay-margin: 200px;
        --cms-section-combined-margin: 80px;
    }
}

@media (max-width: 767px) {
    :root {
        --cms-section-overlay-margin: 200px;
        --cms-section-combined-margin: 80px;
    }
}

:root {
    --section-sides-min-height: 677px;
    --section-sides-content-max-width: 544px;
    --section-sides-content-spacing-right: 80px;
    --section-sides-graphic-width: 596px;
    --section-sides-graphic-height: 480px;
    --section-sides-graphic-shape-width: 2542px;
    --section-sides-graphic-shape-height: 808px;
    --section-sides-graphic-shape-right: -1380px;
    --section-sides-content-padding-v: 100px;
    --section-sides-background-margin-top: 100px;
    --section-sides-promo-icon-margin-top: -36px;
}

@media (max-width: 1319px) {
    :root {
        --section-sides-content-max-width: 506px;
        --section-sides-content-spacing-right: 56px;
        --section-sides-graphic-width: 482px;
        --section-sides-graphic-height: 392px;
        --section-sides-graphic-shape-width: 2172px;
        --section-sides-graphic-shape-height: 690px;
        --section-sides-graphic-shape-right: -1172px;
        --section-sides-promo-icon-margin-top: -24px;
    }
}

@media (max-width: 991px) {
    :root {
        --section-sides-content-max-width: 432px;
        --section-sides-content-spacing-right: 40px;
    }
}

@media (max-width: 767px) {
    :root {
        --section-sides-graphic-width: 360px;
        --section-sides-graphic-height: 260px;
        --section-sides-content-spacing-right: 0;
        --section-sides-graphic-shape-width: 1400px;
        --section-sides-graphic-shape-height: 444px;
        --section-sides-graphic-shape-right: -762px;
        --section-sides-content-padding-v: 72px;
        --section-sides-background-margin-top: 72px;
        --section-sides-promo-icon-margin-top: -50px;
    }
}

:root {
    --content-slider-package-width: 286px;
    --content-slider-item-padding-h: var(--spacing-2x);
    --content-slider-item-width: calc(var(--content-slider-package-width) + var(--content-slider-item-padding-h) + var(--content-slider-item-padding-h));
    --content-slider-container-max-w: 1400px;
    --content-slider-container-padding: 80px;
    --content-slider-button-size: 56px;
    --content-slider-cover-width: 80px;
    --content-slider-cover-gradient-left: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    --content-slider-cover-gradient-right: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

@media (max-width: 991px) {
    :root {
        --content-slider-container-padding: 24px;
        --content-slider-item-padding-h: 12px;
        --content-slider-button-size: 32px;
        --content-slider-cover-width: 24px;
    }
}

@media (max-width: 767px) {
    :root {
        --content-slider-item-padding-h: var(--spacing-1x);
        --content-slider-item-width: calc(var(--content-slider-package-width) + var(--content-slider-item-padding-h) + var(--content-slider-item-padding-h));
    }
}

:root {
    --table-font-size-small: var(--font-size-sm);
    --table-bg: transparent;
    --table-bg-accent: var(--gray-faded);
    --table-bg-hover: var(--ui-block-link-hover-bg);
    --table-bg-active: var(--ui-block-link-hover-bg);
    --table-border-color: var(--ui-block-divider-color);
    --table-caption-color: var(--text-muted);
    --table-vertical-align: middle;
    --table-horizontal-align: left;
    --table-horizontal-rtl: right;
    --table-th-bg: transparent;
    --table-th-padding: 12px 8px;
    --table-th-first-last-padding: var(--ui-block-padding-base);
    --table-th-height: 40px;
    --table-th-font-color: var(--text-body-color);
    --table-th-font-size: var(--font-size-sm);
    --table-th-font-weight: var(--font-weight-base);
    --table-td-bg: transparent;
    --table-td-padding: var(--ui-block-padding-base-v) 8px;
    --table-td-first-last-padding: var(--ui-block-padding-base);
    --table-td-height: 58px;
    --table-td-font-color: var(--text-heading-color);
    --table-td-font-size: var(--font-size-base);
    --table-condensed-cell-padding: var(--ui-block-padding-sm-v) var(--ui-block-padding-sm);
    --table-condensed-cell-th-padding: var(--ui-block-padding-sm-v) var(--ui-block-padding-sm);
    --table-container-header-bg: var(--ui-block-header-bg);
    --table-container-header-height: 48px;
    --table-container-pagination-bg: var(--ui-block-header-bg);
    --table-container-bg: var(--ui-block-bg);
    --table-container-border: var(--ui-block-border);
    --table-container-box-shadow: var(--ui-block-shadow);
    --table-container-border-radius: var(--ui-block-border-radius);
    --table-container-table-padding: 0px;
    --table-container-table-bg-filter: var(--ui-block-header-bg);
    --table-container-table-bg-pagination: var(--ui-block-header-bg);
    --dropdown-bg: #fff;
    --dropdown-border: var(--ui-block-border);
    --dropdown-border-radius: var(--ui-block-border-radius);
    --dropdown-box-shadow: var(--box-shadow-lg);
    --dropdown-divider-bg: var(--ui-block-divider-color);
    --dropdown-link-padding-h: var(--ui-block-padding-base);
    --dropdown-link-padding-v: var(--ui-nav-v-link-padding-v);
    --dropdown-link-color: var(--ui-nav-link-color);
    --dropdown-link-hover-color: var(--ui-nav-link-hover-color);
    --dropdown-link-hover-bg: var(--ui-nav-link-hover-bg);
    --dropdown-link-hover-padding-h: calc(var(--dropdown-link-padding-h) + var(--ui-nav-v-link-hover-padding-h));
    --dropdown-link-active-color: var(--ui-nav-link-active-color);
    --dropdown-link-active-bg: var(--ui-nav-link-active-bg);
    --dropdown-link-disabled-color: var(--ui-nav-link-disabled-bg);
    --dropdown-link-icon-color: var(--ui-nav-link-icon-color);
    --dropdown-link-icon-hover-color: var(--ui-nav-link-icon-hover-color);
    --dropdown-link-icon-active-color: var(--ui-nav-link-icon-active-color);
    --dropdown-header-color: var(--gray-base);
    --dropdown-caret-color: var(--icons-color);
    --dropdown-min-width: 200px;
    --navbar-height: 50px;
    --navbar-border-radius: var(--border-radius-base);
    --navbar-padding-h: calc(var(--ui-gutter-base) / 2);
    --navbar-padding-v: calc(var(--navbar-height) - var(--line-height-computed) / 2);
    --navbar-dropdown-max-height: 660px;
    --navbar-nav-link-padding-x: var(--spacing-2x);
    --navbar-toggler-padding-y: var(--spacing-1x);
    --navbar-toggler-padding-x: var(--spacing-2x);
    --navbar-toggler-font-size: var(--font-size-lg);
    --navbar-toggler-border-radius: var(--border-radius-base);
    --navbar-toggler-border-width: 1px;
    --navbar-toggler-icon-width: var(--spacing-1x);
    --navbar-toggler-icon-height: var(--spacing-1x);
    --navbar-toggler-icon-content: "";
    --navbar-nav-scroll-max-height: 75vh;
    --nav-link-height: 64px;
    --nav-link-padding-h: var(--ui-padding-base-h);
    --nav-link-padding-v: var(--ui-padding-base-v);
    --nav-link-color: var(--ui-nav-link-color);
    --nav-link-hover-bg: null;
    --nav-link-hover-color: var(--ui-nav-link-hover-color);
    --nav-disabled-link-color: var(--ui-nav-link-disabled-color);
    --nav-disabled-link-hover-color: var(--ui-nav-link-disabled-color);
    --nav-condensed-link-height: var(--ui-height-sm);
    --nav-condensed-link-padding-h: var(--ui-padding-sm-h);
    --nav-condensed-link-padding-v: var(--ui-padding-sm-v);
    --nav-divider-color: var(--ui-block-divider-color);
    --nav-divider-margin-y: 8px;
    --nav-tabs-border-color: var(--ui-block-divider-color);
    --nav-tabs-border-radius: var(--border-radius-base);
    --nav-tabs-border-width: 1px;
    --nav-tabs-link-color: var(--ui-nav-secondary-link-color);
    --nav-tabs-link-icon-color: var(--ui-nav-secondary-link-icon-color);
    --nav-tabs-link-padding: var(--ui-padding-base-h) 0;
    --nav-tabs-link-negative-margin: calc(-1 * var(--nav-tabs-border-width));
    --nav-tabs-item-margin-right: var(--spacing-1x);
    --nav-tabs-link-active-color: var(--ui-nav-link-active-color);
    --nav-tabs-link-active-icon-color: var(--ui-nav-link-icon-active-color);
    --nav-tabs-link-active-bg: transparent;
    --nav-tabs-link-active-border-color: var(--brand-primary-lighter);
    --nav-tabs-link-active-border-width: 3px;
    --nav-tabs-link-hover-color: var(--ui-nav-link-hover-color);
    --nav-tabs-link-hover-icon-color: var(--ui-nav-link-icon-hover-color);
    --nav-tabs-link-hover-bg: transparent;
    --nav-tabs-link-hover-border-color: var(--gray-lighter-4);
    --nav-pills-border-radius: var(--border-radius-base);
    --nav-pills-active-link-hover-bg: var(--ui-block-link-active-bg);
    --nav-pills-active-link-hover-color: var(--ui-nav-link-active-color);
    --nav-pills-link-active-color: #fff;
    --nav-pills-link-active-bg: var(--brand-primary);
    --nav-pills-link-active-color: #fff;
    --nav-pills-link-active-bg: var(--brand-primary);
    --pagination-color: var(--btn-default-color);
    --pagination-bg: var(--btn-default-bg);
    --pagination-border: var(--btn-default-border);
    --pagination-hover-color: var(--btn-default-hover-color);
    --pagination-hover-bg: var(--btn-default-hover-bg);
    --pagination-hover-border: var(--btn-default-hover-border);
    --pagination-active-color: var(--btn-primary-faded-color);
    --pagination-active-bg: var(--btn-primary-faded-bg);
    --pagination-active-border: var(--btn-primary-faded-border);
    --pagination-disabled-color: var(--btn-disabled-color);
    --pagination-disabled-bg: var(--btn-disabled-bg);
    --pagination-disabled-border: var(--btn-disabled-border);
    --jumbotron-padding-h: var(--spacing-2x);
    --jumbotron-padding-v: var(--spacing-4x);
    --jumbotron-color: inherit;
    --jumbotron-bg: var(--gray-lighter-4);
    --jumbotron-heading-color: inherit;
    --jumbotron-font-size: calc(var(--font-size-base) * 1.5);
    --jumbotron-heading-font-size: calc(var(--font-size-base) * 4.5);
    --tooltip-max-width: 268px;
    --tooltip-color: var(--gray-base);
    --tooltip-bg: #fff;
    --tooltip-opacity: 1;
    --tooltip-arrow-width: 5px;
    --tooltip-arrow-color: var(--tooltip-bg);
    --tooltip-font-size: var(--font-size-sm);
    --tooltip-border-radius: var(--border-radius-xs);
    --tooltip-padding-y: var(--spacing-2x);
    --tooltip-padding-x: var(--spacing-2x);
    --tooltip-margin: 0;
    --tooltip-arrow-height: 3px;
    --tooltip-box-shadow: var(--box-shadow-lg);
    --popover-bg: #fff;
    --popover-max-width: 288px;
    --popover-border-color: var(--gray-lighter-4);
    --popover-title-bg: var(--gray-lighter-4);
    --popover-arrow-width: 10px;
    --popover-arrow-height: 5px;
    --popover-arrow-color: var(--popover-bg);
    --popover-arrow-outer-width: calc(var(--popover-arrow-width) + 1);
    --popover-arrow-outer-color: var(--popover-bg);
    --popover-arrow-outer-fallback-color: var(--popover-fallback-border-color);
    --popover-header-bg: brightness(var(--popover-bg), 97%);
    --popover-header-color: null;
    --popover-header-padding-y: var(--spacing-1x);
    --popover-header-padding-x: .75rem;
    --popover-border-color: var(--gray-lighter-4);
    --popover-header-border-bottom-color: brightness(var(--popover-header-bg), 92%);
    --popover-border-radius: var(--border-radius-base);
    --popover-border-width: 1px;
    --popover-inner-border-radius: calc(var(--popover-border-radius) - var(--popover-border-width));
    --popover-body-color: #212529;
    --popover-body-padding-y: var(--popover-header-padding-y);
    --popover-body-padding-x: var(--popover-header-padding-x);
    --toast-max-width: 350px;
    --toast-padding-x: .75rem;
    --toast-padding-y: var(--spacing-1x);
    --toast-font-size: .875rem;
    --toast-color: null;
    --toast-background-color: rgba(#fff, .85);
    --toast-border-width: 1px;
    --toast-border-color: rgba(0, 0, 0, .1);
    --toast-border-radius: var(--spacing-1x);
    --toast-box-shadow: 0 var(--spacing-1x) .75rem rgba(#000, .1);
    --toast-header-color: #6c757d;
    --toast-header-background-color: rgba(#fff, .85);
    --toast-header-border-color: rgba(0, 0, 0, .05);
    --modal-inner-padding: var(--ui-block-padding-base);
    --modal-title-padding: var(--ui-block-padding-base-v) var(--ui-block-padding-base);
    --modal-footer-padding: 0 var(--ui-block-padding-base) var(--ui-block-padding-base) var(--ui-block-padding-base);
    --modal-footer-margin-between: var(--spacing-2x);
    --modal-title-font-size: var(--font-size-h5);
    --modal-title-font-weight: var(--font-weight-light);
    --modal-title-line-height: var(--line-height-h5);
    --modal-content-bg: var(--ui-block-bg);
    --modal-content-border-color: var(--ui-block-border-color);
    --modal-content-fallback-border-color: var(--ui-block-border-color);
    --modal-content-max-height: calc(100vh - (var(--modal-dialog-margin) * 2));
    --modal-content-min-height-sm: calc(100vh - (var(--modal-dialog-margin-y-sm-up) * 2));
    --modal-content-color: null;
    --modal-content-border-radius: var(--ui-block-border-radius);
    --modal-content-inner-border-radius: calc(var(--modal-content-border-radius) - var(--modal-content-border-width));
    --modal-content-box-shadow: var(--box-shadow-xlg);
    --modal-content-box-shadow-sm-up: var(--box-shadow-lg);
    --modal-body-max-height: calc(100vh - 200px);
    --modal-backdrop-bg: var(--ui-block-overlay-bg);
    --modal-header-background-color: transparent;
    --modal-header-border-color: var(--ui-block-divider-color);
    --modal-footer-border-color: var(--ui-block-divider-color);
    --modal-xl: 800px;
    --modal-lg: 560px;
    --modal-md: 448px;
    --modal-sm: 300px;
    --modal-transition: all var(--transition-base);
    --modal-fade-transform: scale(0.5);
    --modal-show-transform: none;
    --modal-scale-transform: scale(1.02);
    --modal-dialog-margin: var(--spacing-1x);
    --modal-dialog-margin-y-sm-up: var(--spacing-3x);
    --modal-dialog-max-height: calc(100% - (var(--modal-dialog-margin) * 2));
    --modal-dialog-centered-min-height: var(--modal-dialog-max-height);
    --modal-dialog-centered-before-height: var(--modal-content-max-height);
    --modal-dialog-scrollable-max-height-sm: calc(100% - (var(--modal-dialog-margin-y-sm-up) * 2));
    --modal-dialog-centered-min-height-sm: var(--modal-dialog-scrollable-max-height-sm);
    --modal-dialog-centered-before-height-sm: var(--modal-content-min-height-sm);
    --modal-btn-close-padding: var(--ui-block-padding-base-v);
    --alert-padding-v: var(--ui-block-padding-base-v);
    --alert-padding-h: var(--ui-block-padding-base);
    --alert-padding-2x: var(--ui-block-padding-base);
    --alert-border-radius: var(--ui-block-border-radius);
    --alert-link-font-weight: var(--font-weight-bold);
    --alert-success-bg: var(--state-success-bg);
    --alert-success-text: var(--state-success-text);
    --alert-success-border: var(--state-success-border);
    --alert-info-bg: var(--state-info-bg);
    --alert-info-text: var(--state-info-text);
    --alert-info-border: var(--state-info-border);
    --alert-warning-bg: var(--state-warning-bg);
    --alert-warning-text: var(--state-warning-text);
    --alert-warning-border: var(--state-warning-border);
    --alert-danger-bg: var(--state-danger-bg);
    --alert-danger-text: var(--state-danger-text);
    --alert-danger-border: var(--state-danger-border);
    --alert-icon-font-family: "FontAwesome";
    --alert-success-icon: "\f058";
    --alert-info-icon: "\f05a";
    --alert-warning-icon: "\f071";
    --alert-danger-icon: "\f06a";
    --alert-variants-title-color: var(--text-heading-color);
    --progress-bg: var(--gray-lighter-4);
    --progress-bar-color: #fff;
    --progress-font-size: var(--font-size-base) * 0.75;
    --progress-height: var(--spacing-1x);
    --progress-width: 76px;
    --progress-border-radius: var(--border-radius-sm);
    --progress-bar-bg: var(--gray-lighter);
    --progress-bar-success-bg: var(--brand-success);
    --progress-bar-warning-bg: var(--brand-warning);
    --progress-bar-danger-bg: var(--brand-danger);
    --progress-bar-info-bg: var(--brand-info);
    --progress-bar-transition: var(--transition-base);
    --panel-bg: var(--ui-block-bg);
    --panel-box-shadow: var(--ui-block-shadow);
    --panel-border: var(--ui-block-border);
    --panel-border-radius: var(--ui-block-border-radius);
    --panel-border-divider-color: var(--ui-block-divider-color);
    --panel-padding-v: var(--ui-block-padding-base);
    --panel-padding-h: var(--ui-block-padding-base);
    --panel-body-padding: var(--ui-block-padding-base);
    --panel-heading-height: 56px;
    --panel-heading-padding: var(--ui-block-padding-base-v) var(--ui-block-padding-base);
    --panel-footer-bg: var(--ui-block-header-bg);
    --panel-footer-padding: var(--ui-block-padding-base-v) var(--ui-block-padding-base);
    --panel-title-color: var(--text-heading-color);
    --panel-title-font-size: var(--font-size-h6);
    --panel-title-font-weight: var(--font-weight-h6);
    --panel-title-line-height: var(--line-height-h6);
    --panel-default-bg: var(--panel-bg);
    --panel-default-text: var(--text-heading-color);
    --panel-default-border: var(--ui-block-divider-color);
    --panel-default-heading-bg: var(--ui-block-header-bg);
    --panel-active-bg: var(--panel-bg);
    --panel-active-border-color: var(--input-focus-border-color);
    --panel-hover-bg: var(--panel-bg);
    --panel-hover-shadow: var(--ui-block-shadow-lg);
    --panel-hover-border-color: var(--input-hover-border-color);
    --panel-lg-border-radius: var(--border-radius-xlg);
    --panel-lg-heading-padding: 10px var(--ui-block-padding-lg);
    --panel-lg-body-padding: var(--ui-block-padding-lg);
    --panel-lg-footer-padding: 10px var(--ui-block-padding-lg);
    --panel-success-bg: var(--state-success-bg);
    --panel-success-text: var(--state-success-text);
    --panel-success-border: var(--state-success-border);
    --panel-success-heading-bg: var(--state-success-bg);
    --panel-info-bg: var(--state-info-bg);
    --panel-info-text: var(--state-info-text);
    --panel-info-border: var(--state-info-border);
    --panel-info-heading-bg: var(--state-info-bg);
    --panel-warning-bg: var(--state-warning-bg);
    --panel-warning-text: var(--state-warning-text);
    --panel-warning-border: var(--state-warning-border);
    --panel-warning-heading-bg: var(--state-warning-bg);
    --panel-danger-bg: var(--state-danger-bg);
    --panel-danger-text: var(--state-danger-text);
    --panel-danger-border: var(--state-danger-border);
    --panel-danger-heading-bg: var(--state-danger-bg);
    --panel-check-padding: 16px;
    --card-spacer-y: var(--panel-padding-v);
    --card-spacer-x: var(--panel-padding-h);
    --card-border: var(--panel-border);
    --card-border-radius: var(--panel-border-radius);
    --card-inner-border-radius: calc(var(--panel-border-radius) - var(--panel-border-width));
    --card-cap-bg: var(--panel-footer-bg);
    --card-cap-color: var(--panel-title-color);
    --card-bg: var(--panel-bg);
    --card-img-overlay-padding: var(--spacing-1x);
    --card-group-margin: var(--ui-gutter-base) / 2;
    --card-deck-margin: var(--card-group-margin);
    --card-columns-count: 3;
    --card-columns-gap: var(--spacing-1x);
    --card-columns-margin: var(--card-spacer-y);
    --card-body-padding: var(--panel-body-padding);
    --card-footer-padding: var(--panel-footer-padding);
    --card-heading-padding: var(--panel-heading-padding);
    --thumbnail-padding: 4px;
    --thumbnail-bg: var(--body-bg);
    --thumbnail-border: var(--gray-lighter-4);
    --thumbnail-border-colo: #dee2e6;
    --thumbnail-border-width: 1px;
    --thumbnail-border-radius: var(--border-radius-base);
    --thumbnail-caption-color: var(--text-lighter-color);
    --thumbnail-caption-padding: var(--spacing-1x);
    --well-bg: var(--gray-faded);
    --well-border: var(--ui-block-border-color);
    --badge-color: #fff;
    --badge-link-hover-color: #fff;
    --badge-bg: var(--gray-lighter-4);
    --badge-active-color: var(--link-color);
    --badge-active-bg: #fff;
    --badge-font-size: var(--font-size-xs);
    --badge-font-weight: var(--font-weight-base);
    --badge-line-height: 1;
    --badge-border-radius: 10px;
    --badge-padding-y: 3px;
    --badge-padding-x: 6px;
    --badge-margin: 0 0 0 auto;
    --badge-transition: var(--transition-base);
    --badge-focus-width: var(--input-btn-focus-width);
    --badge-default-bg: var(--gray-lighter-3);
    --badge-default-color: var(--text-lighter-color);
    --badge-primary-bg: var(--brand-primary);
    --badge-primary-hover-bg: var(--brand-primary-darker);
    --badge-primary-color: var(--badge-color);
    --badge-primary-faded-bg: var(--brand-primary-lighter-3);
    --badge-primary-faded-hover-bg: var(--brand-primary-lighter-2);
    --badge-primary-faded-color: var(--brand-primary);
    --badge-success-bg: var(--brand-success-lighter);
    --badge-success-hover-bg: var(--brand-success-darker);
    --badge-success-color: var(--badge-color);
    --badge-info-bg: var(--brand-primary);
    --badge-info-hover-bg: var(--brand-primary-darker);
    --badge-info-color: var(--brand-primary-lighter-3);
    --badge-warning-bg: var(--brand-warning-lighter);
    --badge-warning-hover-bg: var(--brand-warning-darker);
    --badge-warning-color: var(--badge-color);
    --badge-danger-bg: var(--brand-danger-lighter);
    --badge-danger-hover-bg: var(--brand-danger-darker);
    --badge-danger-color: var(--badge-color);
    --badge-text-transform: none;
    --breadcrumb-padding-vertical: var(--ui-padding-base-v);
    --breadcrumb-padding-horizontal: var(--ui-padding-base-h);
    --breadcrumb-item-padding-vertical: 0px;
    --breadcrumb-item-padding-horizontal: 5px;
    --breadcrumb-bg: #fff;
    --breadcrumb-color: var(--gray-lighter-3);
    --breadcrumb-active-color: var(--gray-lighter-4);
    --breadcrumb-separator: "/";
    --breadcrumb-font-size: null;
    --carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
    --carousel-control-color: #fff;
    --carousel-control-width: 15%;
    --carousel-control-opacity: .5;
    --carousel-control-hover-opacity: .9;
    --carousel-control-font-size: 20px;
    --carousel-indicator-active-bg: #fff;
    --carousel-indicator-border-color: #fff;
    --carousel-indicator-width: 30px;
    --carousel-indicator-height: 3px;
    --carousel-indicator-hit-area-height: 10px;
    --carousel-indicator-spacer: 3px;
    --carousel-caption-color: #fff;
    --carousel-caption-width: 70%;
    --carousel-control-prev-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#fff' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>");
    --carousel-control-next-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>");
    --carousel-control-icon-width: 20px;
    --spinner-width: var(--spacing-2x);
    --spinner-height: var(--spinner-width);
    --spinner-border-width: var(--spacing-1x);
    --spinner-width-sm: var(--spacing-2x);
    --spinner-height-sm: var(--spinner-width-sm);
    --spinner-border-width-sm: var(--spacing-1x);
    --close-font-weight: var(--font-weight-bold);
    --close-font-size: 22px;
    --close-color: var(--gray-icons);
    --close-color-hover: var(--brand-primary);
    --close-text-shadow: 0 1px 0 #fff;
    --code-color: #c7254e;
    --code-bg: #f9f2f4;
    --code-font-size: 90%;
    --code-font-family: Menlo,Monaco,Consolas,Courier New,monospace;
    --kbd-color: #fff;
    --kbd-bg: #333;
    --kbd-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    --kbd-padding-y: 2px;
    --kbd-padding-x: 4px;
    --nested-kbd-font-size: 100%;
    --nested-kbd-font-weight: bold;
    --pre-bg: var(--gray-faded);
    --pre-padding: var(--ui-block-padding-sm);
    --pre-color: var(--text-body-color);
    --pre-font-size: var(--font-size-sm);
    --pre-border-color: var(--ui-block-border-color);
    --pre-border-radius: var(--ui-block-border-radius);
    --pre-scrollable-max-height: 340px;
    --blockquote-bg: var(--gray-faded);
    --blockquote-border-color: var(--gray-lighter-4);
    --blockquote-font-color: var(--text-heading-color);
    --blockquote-font-size: var(--font-size-lg);
    --blockquote-line-height: var(--line-height-lg);
    --blockquote-small-color: var(--gray-lighter-4);
    --blockquote-small-font-size: var(--font-size-sm);
    --blockquote-padding: 32px 32px 32px 72px;
    --hr-border: var(--gray-lighter-4);
    --show-animation: transform .32s cubic-bezier(0,0,0,1), opacity .08s;
    --dt-font-weight: var(--font-weight-bold);
    --previews-img-height: 240px;
    --print-page-size: a3;
    --print-body-min-width: 992px;
    --hr-margin-y: var(--spacing-1x);
    --hr-border-color: rgba(#000, .1);
    --hr-border-width: var(--border-width-base);
    --list-inline-padding: var(--spacing-1x);
}

@media (max-width: 991px) {
    :root {
        --navbar-dropdown-max-height: 560px;
    }
}

:root {
    --list-group-bg: var(--ui-block-bg);
    --list-group-color: null;
    --list-group-border: var(--ui-block-border);
    --list-group-box-shadow: var(--ui-block-shadow);
    --list-group-border-radius: var(--ui-block-border-radius);
    --list-group-active-color: var(--ui-nav-link-active-color);
    --list-group-active-bg: var(--ui-block-link-active-bg);
    --list-group-active-border: var(--list-group-active-bg);
    --list-group-active-text-color: var(--list-group-active-bg);
    --list-group-disabled-color: #6c757d;
    --list-group-action-color: var(--gray-base);
    --list-group-action-hover-color: var(--list-group-action-color);
    --list-group-action-active-color: var(--gray-darker);
    --list-group-action-active-bg: var(--gray-lighter-3);
    --list-group-item-padding: var(--ui-block-padding-base-v) var(--ui-block-padding-base);
    --list-group-item-lg-padding: var(--ui-block-padding-lg);
    --list-group-item-border-color: var(--ui-block-divider-color);
    --list-group-item-heading-color: var(--text-heading-color);
    --list-group-item-text-color: var(--text-body-color);
    --list-group-item-icon-color: var(--text-primary-color);
    --list-group-item-disabled-color: var(--gray-lighter);
    --list-group-item-disabled-bg: var(--list-group-bg);
    --list-group-item-disabled-text-color: var(--list-group-disabled-color);
    --list-group-item-link-color: var(--ui-block-link-color);
    --list-group-item-link-heading-color: var(--brand-primary);
    --list-group-item-link-text-color: var(--list-group-item-text-color);
    --list-group-item-link-hover-bg: var(--ui-block-link-hover-bg);
    --list-group-item-link-hover-color: var(--ui-nav-link-hover-color);
    --list-group-item-link-active-color: var(--ui-nav-link-active-color);
    --list-group-item-link-active-bg: var(--ui-block-link-active-bg);
    --list-group-item-link-active-border: var(--brand-primary-lighter-4);
    --list-group-item-link-disabled-color: var(--text-lighter-color);
    --list-group-item-link-disabled-bg: var(--gray-lighter-4);
    --list-group-item-link-disabled-border: var(--gray-v -3);
    --list-group-item-link-icon-color: var(--ui-icon-color);
    --promo-slider-min-height: 314px;
    --promo-slider-title-font-size: var(--font-size-h4);
    --promo-slider-title-line-height: var(--line-height-h4);
    --promo-slider-title-font-weight: var(--font-weight-bold);
    --promo-slider-body-padding: var(--spacing-7x) 0px var(--spacing-5x) var(--spacing-3x);
    --promo-slider-content-padding: var(--spacing-4x) 0 var(--spacing-5x) var(--spacing-3x);
    --promo-slider-header-padding: var(--spacing-1x) var(--spacing-1x) 0 var(--spacing-3x);
    --promo-slider-body-padding-rtl: var(--spacing-7x) var(--spacing-3x) var(--spacing-5x) 0px;
    --promo-slider-content-padding-rtl: var(--spacing-4x) var(--spacing-3x) var(--spacing-5x) 0;
    --promo-slider-header-padding-rtl: var(--spacing-1x) var(--spacing-3x) 0 var(--spacing-1x) ;
    --promo-slider-illustration-width: 400px;
    --promo-slider-sm-title-font-size: var(--font-size-h4);
    --promo-slider-sm-title-line-height: var(--line-height-h4);
    --promo-slider-xs-title-font-size: var(--font-size-h5);
    --promo-slider-xs-title-line-height: var(--line-height-h5);
    --promo-slider-xs-illustration-height: 326px;
    --promo-slider-xs-illustration-width: 376px;
    --panel-summary-shadow: var(--box-shadow-base);
    --panel-summary-border-radius: var(--ui-block-border-radius);
    --panel-summary-padding: var(--ui-block-padding-base);
    --panel-summary-title-font-size: var(--font-size-h4);
    --panel-summary-title-font-weight: var(--font-weight-h4);
    --panel-summary-title-line-height: var(--line-height-h4);
    --panel-summary-text-font-size: var(--font-size-sm);
    --panel-summary-text-font-weight: var(--font-weight-light);
    --panel-summary-text-line-height: var(--line-height-sm);
    --panel-summary-list-padding-v: 3px;
    --panel-summary-list-item-padding-v: var(--spacing-2x);
    --panel-summary-list-title-font-size: var(--font-size-xs);
    --panel-summary-list-color-faded: var(--text-body-color);
    --panel-summary-total-text-font-color: var(--text-body-color);
    --panel-summary-content-max-height: 500px;
    --panel-summary-main-item-font-size: var(--font-size-base);
    --panel-summary-main-item-line-height: var(--line-height-sm);
    --panel-summary-main-item-font-weight: var(--font-weight-medium);
    --panel-sidebar-bg: transparent;
    --panel-sidebar-footer-bg: transparent;
    --panel-sidebar-border: none;
    --panel-sidebar-box-shadow: none;
    --panel-sidebar-heading-bg: transparent;
    --panel-sidebar-heading-height: unset;
    --panel-sidebar-heading-padding: 0 0 var(--ui-block-padding-sm);
    --panel-sidebar-title-size: var(--font-size-h6);
    --panel-sidebar-title-weight: var(--font-weight-h6);
    --panel-sidebar-body-padding: 0;
    --panel-sidebar-footer-padding: var(--ui-block-padding-sm) 0 0;
    --panel-sidebar-margin-bottom: var(--spacing-4x);
    --panel-sidebar-link-bg: transparent;
    --panel-sidebar-link-color: var(--brand-primary);
    --panel-sidebar-link-icon-color: var(--brand-primary);
    --panel-sidebar-link-margin: 1px;
    --panel-sidebar-link-padding: var(--ui-nav-v-link-padding-v) 0;
    --panel-sidebar-link-border-radius: var(--ui-nav-link-border-radius);
    --panel-sidebar-link-hover-bg: var(--ui-nav-link-hover-bg);
    --panel-sidebar-link-hover-color: var(--ui-nav-link-hover-color);
    --panel-sidebar-link-hover-padding-h: var(--ui-nav-v-link-hover-padding-h);
    --panel-sidebar-link-hover-icon-color: var(--ui-nav-link-icon-hover-color);
    --panel-sidebar-link-active-bg: var(--ui-nav-link-active-bg);
    --panel-sidebar-link-active-color: var(--ui-nav-link-active-color);
    --panel-sidebar-link-active-padding-h: var(--ui-nav-v-link-active-padding-h);
    --panel-sidebar-link-active-icon-color: var(--ui-nav-link-icon-active-color);
    --panel-sidebar-list-group-bg: var(--ui-block-bg);
    --panel-sidebar-list-group-border: var(--ui-block-border);
    --panel-sidebar-list-group-box-shadow: var(--ui-block-shadow);
    --panel-sidebar-list-group-border-radius: var(--ui-block-border-radius);
    --panel-home-domain-bg: var(--ui-block-bg);
    --panel-home-domain-title-color: var(--text-heading-color);
    --panel-home-domain-text-color: var(--text-body-color);
    --product-details-bg: var(--primary-block-bg);
    --product-details-title-color: var(--text-secondary-heading-color);
    --product-details-title-font-size: var(--font-size-h4);
    --product-details-title-font-weight: var(--font-weight-h4);
    --product-details-title-line-height: var(--line-height-h4);
    --product-details-text-color: var(--text-secondary-body-color);
    --panel-accordion-heading-bg: transparent;
    --panel-accordion-hover-border-color: var(--brand-primary);
    --panel-accordion-active-border-color: var(--brand-primary);
    --panel-accordion-active-heading-color: var(--ui-nav-link-active-color);
    --search-field-icon-color: var(--gray-icons);
    --search-field-combined-icon-color: var(--brand-primary);
    --search-group-max-width: var(--max-width-md);
    --tile-min-height: 182px;
    --tile-padding: var(--ui-padding-base-v) var(--ui-block-padding-base);
    --tile-bg: var(--ui-block-bg);
    --tile-bg-color: var(--ui-block-bg);
    --tile-border-radius: var(--ui-block-border-radius);
    --tile-box-shadow: var(--ui-block-shadow);
    --tile-border: var(--ui-block-border);
    --tile-border-color-hover: var(--brand-primary);
    --tile-icon-font-size: var(--font-size-h3);
    --tile-icon-color: var(--gray-icons);
    --tile-stat-color: var(--text-primary-color);
    --tile-stat-font-size: 62px;
    --tile-stat-sm-font-size: 48px;
    --tile-stat-font-weight: var(--font-weight-light);
    --tile-title-color: var(--text-heading-color);
    --tile-title-font-size: var(--font-size-h6);
    --tile-title-font-weight: var(--font-weight-base);
    --tile-title-line-height: var(--line-height-h6);
    --tile-sm-stat-font-size: var(--font-size-h2);
    --tile-sm-title-font-size: var(--font-size-base);
    --tile-hover-bg: var(--ui-block-bg);
    --tile-hover-shadow: var(--box-shadow-base);
    --tile-hover-transform: translate3d(0,-8px,0);
    --tile-mob-stat-font-size: var(--font-size-h2);
    --tile-mob-title-font-size: var(--font-size-base);
    --tile-sm-mob-stat-font-size: var(--font-size-xxlg);
    --tile-sm-mob-title-font-size: var(--font-size-sm);
    --login-logo-height: 56px;
    --login-width: var(--max-width-xs);
    --login-lg-width: var(--max-width-md);
    --login-bg: var(--ui-block-bg);
    --login-footer-bg: transparent;
    --login-border: var(--ui-block-border);
    --login-border-radius: var(--ui-block-border-radius);
    --login-box-shadow: var(--ui-block-shadow);
    --login-padding: var(--spacing-4x);
    --login-mob-padding: var(--spacing-3x);
    --login-header-margin-bottom: var(--spacing-6x);
    --login-title-color: var(--text-heading-color);
    --login-title-font-size: var(--font-size-h3);
    --login-title-font-weight: var(--font-weight-h3);
    --login-title-line-height: var(--line-height-h3);
    --login-desc-color: var(--text-lighter-color);
    --login-desc-font-size: var(--font-size-base);
    --login-desc-font-weight: var(--font-weight-base);
    --login-link-color: var(--link-color);
    --login-sidebar-box-shadow: var(--ui-block-shadow-lg);
    --login-sidebar-desc-lighter-color: var(--primary-block-text-faded-color);
    --login-sidebar-desc-font-size: var(--font-size-lg);
    --login-sidebar-desc-font-weight: var(--font-weight-light);
    --login-sidebar-desc-line-height: var(--line-height-lg);
    --login-sidebar-bullet-bg: var(--primary-block-dot-nav-bg);
    --login-sidebar-bullet-hover-bg: var(--primary-block-dot-nav-hover-bg);
    --login-sidebar-bullet-active-bg: var(--primary-block-dot-nav-active-bg);
    --package-bg: var(--ui-block-bg);
    --package-border: var(--ui-block-border);
    --package-border-radius: var(--ui-block-border-radius);
    --package-block-shadow: var(--ui-block-shadow-lg);
    --package-title-font-size: var(--font-size-h4);
    --package-title-font-weight: var(--font-weight-h4);
    --package-title-line-height: var(--line-height-h4);
    --package-title-spacing-bottom: var(--spacing-2x);
    --package-desc-color: var(--font-size-lg);
    --package-desc-font-size: var(--font-size-lg);
    --package-desc-line-height: var(--line-height-lg);
    --package-desc-font-weight: var(--font-weight-light);
    --package-hover-block-shadow: var(--ui-block-shadow-xlg);
    --package-active-border-color: var(--panel-active-border-color);
    --package-active-shadow-inset: inset 0 0 0 1px var(--package-active-border-color);
    --package-btn-min-width: 168px;
    --package-padding: var(--spacing-4x);
    --package-element-spacing: var(--spacing-3x);
    --package-sm-title-font-size: var(--font-size-h6);
    --package-sm-title-line-height: var(--line-height-h6);
    --package-sm-title-font-weight: var(--font-weight-h6);
    --package-desc-sm-font-size: var(--font-size-base);
    --package-desc-sm-line-height: var(--line-height-md);
    --package-desc-sm-font-weight: var(--font-weight-base);
    --package-sm-padding: var(--spacing-3x);
    --package-sm-element-spacing: var(--spacing-2x);
    --price-color: var(--text-heading-color);
    --price-font-size: var(--font-size-h2);
    --price-font-weight: var(--font-weight-h2);
    --price-line-height: var(--line-height-h2);
    --price-currency-font-size: var(--font-size-xlg);
    --price-currency-font-weight: var(--font-weight-light);
    --price-currency-line-height: var(--line-height-xlg);
    --price-cycle-color: var(--text-body-color);
    --price-cycle-font-size: var(--font-size-sm);
    --price-cycle-line-height: var(--line-height-sm);
    --price-cycle-font-weight: var(--font-weight-light);
    --price-savings-color: #F12F75;
    --price-savings-background: #FFE7EC;
    --price-savings-font-size: var(--font-size-xs);
    --price-savings-font-weight: var(--font-weight-base);
    --price-savings-line-height: var(--line-height-xs);
    --price-title-color: var(--text-body-color);
    --price-title-font-size: var(--font-size-sm);
    --price-title-line-height: var(--line-height-sm);
    --price-title-font-weight: var(--font-weight-base);
    --price-lg-font-size: var(--font-size-h2);
    --price-lg-font-weight: var(--font-weight-bold);
    --price-lg-line-height: var(--line-height-h2);
    --price-lg-currency-font-size: var(--font-size-xxlg);
    --price-lg-currency-font-weight: var(--font-weight-light);
    --price-lg-currency-line-height: var(--line-height-xxlg);
    --price-sm-font-size: var(--font-size-h3);
    --price-sm-font-weight: var(--font-weight-bold);
    --price-sm-line-height: var(--line-height-h3);
    --price-sm-currency-font-size: var(--font-size-md);
    --price-sm-currency-font-weight: var(--font-weight-light);
    --price-sm-currency-line-height: var(--line-height-md);
    --price-xs-font-size: var(--font-size-h5);
    --price-xs-font-weight: var(--font-weight-light);
    --price-xs-line-height: var(--line-height-h5);
    --price-xs-currency-font-size: var(--font-size-xlg);
    --price-xs-currency-font-weight: var(--font-weight-light);
    --price-xs-currency-line-height: var(--line-height-xlg);
    --range-slider-height: 18px;
    --range-slider-bg: var(--gray-lighter-4);
    --range-slider-fill-bg: var(--brand-primary);
    --range-slider-border-radius: var(--border-radius-sm);
    --range-slider-spacing-h: var(--spacing-3x);
    --range-slider-handle-bg: #fff;
    --range-slider-handle-box-shadow: var(--box-shadow-base);
    --range-slider-handle-height: 32px;
    --range-slider-handle-width: 42px;
    --range-slider-handle-border-radius: var(--border-radius-sm);
    --range-slider-handle-border: none;
    --range-slider-handle-hover-bg: var(--gray-lighter-4);
    --range-slider-handle-hover-border: none;
    --range-slider-handle-hover-shadow: var(--box-shadow-lg);
    --range-slider-value-bg: var(--brand-secondary);
    --range-slider-value-color: var(--text-secondary-body-color);
    --range-slider-value-font-size: var(--font-size-lg);
    --range-slider-value-sm-color: var(--text-lighter-color);
    --range-slider-value-sm-font-size: var(--font-size-xs);
    --range-slider-value-sm-line-height: var(--line-height-xs);
    --range-slider-value-min-width: 28px;
    --range-slider-value-active-color: var(--brand-primary);
    --range-slider-value-active-border: var(--brand-primary);
    --range-slider-price-font-size: var(--font-size-xxlg);
    --range-slider-price-line-height: var(--line-height-md);
    --range-slider-price-spacing: var(--spacing-2x) 0;
    --range-slider-price-font-weight: var(--font-weight-base);
    --range-slider-price-color: var(--brand-primary);
    --range-slider-price-suffix-opacity: 0.64;
    --range-slider-actions-height: 32px;
    --range-slider-actions-border-color: var(--ui-block-border-color);
    --range-slider-actions-border-radius: var(--border-radius-sm);
    --range-slider-actions-active-border-color: var(--brand-primary-lighter);
    --cokie-bg: var(--ui-block-overlay-bg);
    --cookie-width: 310px;
    --cookie-position: 30px;
    --ticket-reply-staff-bg: var(--ui-block-overlay-bg);
    --ticket-reply-staff-border: var(--ui-block-divider-color);
    --ticket-reply-staff-header-bg: transparent;
    --ticket-reply-staff-header-border: transparent;
    --ticket-reply-staff-header-border: var(--ui-block-divider-color);
    --bg-color-transparent: transparent;
    --loader-bg: var(--brand-primary);
    --loader-light-bg: #fff;
    --loader-bars-height: 40px;
    --loader-bars-width: 4px;
    --loader-bars-sm-height: 20px;
    --loader-bars-sm-width: 2px;
}

@media (max-width: 767px) {
    :root {
        --login-logo-height: 44px;
    }
}

:root {
    --input-font-family: var(--font-family-base);
    --input-font-weight: var(--font-weight-base);
    --input-font-size: var(--btn-base-font-size);
    --input-line-height: var(--btn-base-line-height);
    --input-xs-font-size: var(--btn-xs-font-size);
    --input-xs-line-height: var(--btn-xs-line-height);
    --input-xs-border-radius: var(--btn-xs-border-radius);
    --input-sm-font-size: var(--btn-sm-font-size);
    --input-sm-line-height: var(--btn-sm-line-height);
    --input-sm-border-radius: var(--btn-sm-border-radius);
    --input-lg-border-radius: var(--btn-lg-border-radius);
    --input-lg-font-weight: var(--font-weight-light);
    --input-lg-font-size: var(--btn-lg-font-size);
    --input-lg-line-height: var(--btn-lg-line-height);
    --input-xlg-border-radius: var(--btn-xlg-border-radius);
    --input-xlg-font-weight: var(--font-weight-light);
    --input-xlg-font-size: var(--btn-xlg-font-size);
    --input-xlg-line-height: var(--btn-xlg-line-height);
    --input-border-width: 1px;
    --input-border: var(--input-border-width) solid var(--input-border-color);
    --input-border-radius: var(--btn-base-border-radius);
    --input-focus-box-shadow: var(--input-btn-focus-box-shadow);
    --input-box-shadow: inset 0 1px 1px rgba(#000, .075);
    --input-focus-width: var(--input-btn-focus-box-shadow);
    --input-btn-focus-width: 4px;
    --input-btn-focus-color: #000;
    --input-btn-focus-box-shadow: 0 0 0 var(--input-btn-focus-width) var(--input-btn-focus-color);
    --input-label-color: var(--gray-base);
    --input-label-font-size: var(--font-size-base);
    --input-label-font-weight: var(--font-weight-base);
    --input-label-margin-bottom: var(--spacing-1x);
    --input-bg: #fff;
    --input-border-color: var(--gray-lighter-3);
    --input-color: var(--text-heading-color);
    --input-color-placeholder: var(--text-lighter-color);
    --input-hover-bg: #fff;
    --input-hover-border-color: var(--gray-lighter-2);
    --input-hover-color: var(--text-heading-color);
    --input-hover-placeholder-color: var(--text-lighter-color);
    --input-focus-bg: #fff;
    --input-focus-border-color: var(--brand-primary);
    --input-focus-color: var(--text-heading-color);
    --input-focus-placeholder-color: var(--text-lighter-color);
    --input-disabled-bg: var(--gray-faded);
    --input-disabled-border-color: var(--gray-lighter-3);
    --input-disabled-color: var(--text-heading-color);
    --input-disabled-color-placeholder: var(--text-lighter-color);
    --icheck-bg: #fff;
    --icheck-border-width: 2px;
    --icheck-size: 18px;
    --icheck-border-color: var(--gray-lighter-3);
    --icheck-hover-bg: var(--gray-faded);
    --icheck-hover-border-color: var(--gray-lighter-2);
    --icheck-active-bg: var(--brand-primary);
    --icheck-active-border-color: var(--brand-primary);
    --icheck-active-icon-color: #fff;
    --icheck-disabled-bg: var(--gray-lighter-2);
    --icheck-disabled-border-color: var(--gray-lighter-2);
    --icheck-border-radius: var(--border-radius-sm);
    --icheck-border: var(--icheck-border-width) solid var(--icheck-border-color);
    --checkbox-spacing: var(--spacing-2x);
    --input-group-addon-bg: var(--gray-lighter-4);
    --input-group-addon-border-color: var(--input-border);
    --input-group-spacing-base: var(--spacing-2x);
    --input-group-spacing-lg: var(--spacing-3x);
    --input-group-spacing-sm: var(--spacing-1x);
    --form-group-margin-bottom: 12px;
    --form-check-input-gutter: 20px;
    --form-check-input-margin-y: 5px;
    --form-check-inline-margin-x: 12px;
    --form-check-inline-input-margin-x: 5px;
    --legend-color: var(--gray-darker);
    --legend-border-color: #e5e5e5;
    --cursor-disabled: not-allowed;
    --form-text-margin-top: var(--spacing-1x);
    --form-feedback-margin-top: var(--form-text-margin-top);
    --form-feedback-font-size: var(--font-size-sm);
    --form-feedback-valid-color: var(--brand-success);
    --form-feedback-invalid-color: var(--brand-danger);
    --form-feedback-icon-valid-color: var(--form-feedback-valid-color);
    --form-feedback-icon-valid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#36C055' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>");
    --form-feedback-icon-invalid-color: var(--form-feedback-invalid-color);
    --form-feedback-icon-invalid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#d92632' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>");
    --form-feedback-tooltip-padding-y: var(--tooltip-padding-y);
    --form-feedback-tooltip-padding-x: var(--tooltip-padding-x);
    --form-feedback-tooltip-font-size: var(--tooltip-font-size);
    --form-feedback-tooltip-line-height: var(--line-height-base);
    --form-feedback-tooltip-opacity: var(--tooltip-opacity);
    --form-feedback-tooltip-border-radius: var(--tooltip-border-radius);
    --form-grid-gutter-width: 10px;
    --select-option-color: var(--text-body-color);
    --select-option-bg: #fff;
}

:root {
    --spacing-0x: 0px;
    --spacing-1x: 8px;
    --spacing-2x: calc(2 * var(--spacing-1x));
    --spacing-3x: calc(3 * var(--spacing-1x));
    --spacing-4x: calc(4 * var(--spacing-1x));
    --spacing-5x: calc(5 * var(--spacing-1x));
    --spacing-6x: calc(6 * var(--spacing-1x));
    --spacing-7x: calc(7 * var(--spacing-1x));
    --spacing-8x: calc(8 * var(--spacing-1x));
    --spacing-9x: calc(9 * var(--spacing-1x));
    --spacing-10x: calc(10 * var(--spacing-1x));
    --spacing-11x: calc(11 * var(--spacing-1x));
    --spacing-12x: calc(12 * var(--spacing-1x));
    --spacing-13x: calc(13 * var(--spacing-1x));
    --spacing-14x: calc(14 * var(--spacing-1x));
    --spacing-15x: calc(15 * var(--spacing-1x));
    --border-radius-none: 0px;
    --border-radius-xs: 3px;
    --border-radius-sm: 4px;
    --border-radius-base: 6px;
    --border-radius-lg: 8px;
    --border-radius-xlg: 12px;
    --border-width-base: 1px;
    --box-shadow-none: none;
    --box-shadow-xs: 0 1px 1px rgba(0,0,0,.05);
    --box-shadow-sm: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 16px rgba(0, 0, 0, 0.08);
    --box-shadow-base: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 24px rgba(0, 0, 0, 0.08);
    --box-shadow-lg: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 32px rgba(0, 0, 0, 0.08);
    --box-shadow-xlg: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 16px 40px rgba(0, 0, 0, 0.16);
    --ui-height-xs: 30px;
    --ui-height-sm: 36px;
    --ui-height-base: 44px;
    --ui-height-lg: 56px;
    --ui-height-xlg: 64px;
    --ui-padding-base-v: var(--spacing-1x);
    --ui-padding-base-h: var(--spacing-2x);
    --ui-padding-xs-v: 2px;
    --ui-padding-xs-h: var(--spacing-1x);
    --ui-padding-sm-v: 4px;
    --ui-padding-sm-h: var(--spacing-2x);
    --ui-padding-lg-v: var(--spacing-1x);
    --ui-padding-lg-h: var(--spacing-3x);
    --ui-padding-xlg-v: var(--spacing-1x);
    --ui-padding-xlg-h: var(--spacing-4x);
    --ui-block-bg: #fff;
    --ui-block-overlay-bg: rgba(255,255,255, .78);
    --ui-block-overlay-bg-2: #fff;
    --ui-block-bg-form: var(--ui-block-bg);
    --ui-block-border-color: transparent;
    --ui-block-border-radius: var(--border-radius-base);
    --ui-block-border-radius-lg: var(--border-radius-lg);
    --ui-block-shadow: var(--box-shadow-base);
    --ui-block-shadow-lg: var(--box-shadow-lg);
    --ui-block-shadow-xlg: var(--box-shadow-xlg);
    --ui-block-border: none;
    --ui-block-header-height: 56px;
    --ui-block-header-bg: transparent;
    --ui-block-secondary-divider-border-color: hsla(0, 0%, 100%, 12%);
    --ui-block-divider-color: var(--gray-lighter-4);
    --ui-block-divider-border: 1px solid var(--ui-block-divider-color);
    --ui-block-link-hover-bg: var(--brand-primary-lighter-4);
    --ui-block-link-active-bg: var(--brand-primary-lighter-4);
    --ui-block-link-disabled-color: var(--text-lighter-color);
    --ui-block-overlay-shadow: var(--box-shadow-lg);
    --ui-nav-link-bg: transparent;
    --ui-nav-link-border-radius: var(--border-radius-sm);
    --ui-nav-link-hover-bg: transparent;
    --ui-nav-link-active-bg: var(--brand-primary-lighter-4);
    --ui-nav-link-icon-size: 18px;
    --ui-nav-link-icon-size-sm: 12px;
    --ui-nav-link-icon-spacing: 10px;
    --ui-nav-link-icon-spacing-lg: 16px;
    --ui-nav-h-link-padding-h: var(--spacing-2x);
    --ui-nav-v-link-padding-v: 6px;
    --ui-nav-v-link-padding-h: 0px;
    --ui-nav-v-link-hover-padding-h: 12px;
    --ui-nav-v-link-active-padding-h: 12px;
    --ui-block-padding-base: var(--spacing-3x);
    --ui-block-padding-base-v: var(--spacing-2x);
    --ui-block-padding-sm: var(--spacing-2x);
    --ui-block-padding-sm-v: var(--spacing-1x);
    --ui-block-padding-lg: var(--spacing-4x);
    --ui-block-padding-lg-v: var(--spacing-3x);
    --ui-block-padding-xlg: var(--spacing-6x);
    --ui-block-padding-xlg-v: var(--spacing-4x);
    --ui-block-spacing-xs: var(--spacing-1x);
    --ui-block-spacing-sm: var(--spacing-2x);
    --ui-block-spacing-base: var(--spacing-3x);
    --ui-block-spacing-lg: var(--spacing-4x);
    --ui-block-spacing-xlg: var(--spacing-5x);
    --state-success-bg: var(--brand-success-lighter-4);
    --state-success-border: var(--brand-success-lighter-3);
    --state-success-text: var(--brand-success-darker);
    --state-info-bg: var(--brand-info-lighter-3);
    --state-info-border: var(--brand-info-lighter-2);
    --state-info-text: var(--brand-info);
    --state-warning-bg: var(--brand-warning-lighter-4);
    --state-warning-border: var(--brand-warning-lighter-2);
    --state-warning-text: var(--brand-warning-darker);
    --state-danger-bg: var(--brand-danger-lighter-4);
    --state-danger-border: var(--brand-danger-lighter-3);
    --state-danger-text: var(--brand-danger-darker);
    --label-color: #fff;
    --label-link-hover-color: #fff;
    --label-default-bg: var(--gray-faded);
    --label-default-color: var(--gray-lighter);
    --label-primary-bg: var(--brand-primary);
    --label-primary-color: #fff;
    --label-secondary-bg: var(--brand-secondary);
    --label-secondary-color: #fff;
    --label-success-bg: var(--brand-success-lighter-3);
    --label-success-color: var(--brand-success-darker);
    --label-info-bg: var(--brand-info-lighter-3);
    --label-info-color: var(--brand-info);
    --label-warning-bg: var(--brand-warning-lighter-3);
    --label-warning-color: var(--brand-warning-darker);
    --label-danger-bg: var(--brand-danger-lighter-2);
    --label-danger-color: var(--brand-danger);
    --label-purple-bg: #b3a3de;
    --label-purple-color: #fff;
    --label-savings-bg: #FFE7EC;
    --label-savings-color: #F12F75;
    --label-text-transform: uppercase;
    --label-margin-bottom: 5px;
    --tickets-label-color: #fff;
    --label-xxs-font-size: 10px;
    --label-xs-font-size: var(--font-size-xs);
    --label-sm-font-size: var(--font-size-xs);
    --label-font-size: var(--font-size-sm);
    --label-lg-font-size: var(--font-size-base);
    --label-xxs-line-height: var(--line-height-xs);
    --label-xs-line-height: var(--line-height-xs);
    --label-sm-line-height: var(--line-height-xs);
    --label-line-height: var(--line-height-sm);
    --label-lg-line-height: var(--line-height-base);
    --label-xxs-padding: 1px 6px;
    --label-xs-padding: 1px 6px;
    --label-sm-padding: 3px 6px;
    --label-padding: 4px 6px;
    --label-lg-padding: 6px 8px;
    --label-xxs-border-radius: var(--border-radius-xs);
    --label-xs-border-radius: var(--border-radius-xs);
    --label-sm-border-radius: var(--border-radius-sm);
    --label-border-radius: var(--border-radius-sm);
    --label-lg-border-radius: var(--border-radius-base);
    --label-icon-size: 10px;
    --status-pending-transfer: var(--brand-warning-darker);
    --status-pending: var(--brand-warning-darker);
    --status-active: var(--brand-success);
    --status-suspended: var(--brand-danger-lighter);
    --status-customer-reply: var(--brand-warning-darker);
    --status-fraud: var(--gray-darker);
    --status-answered: #7b4f9d;
    --status-expired: #004258;
    --status-grace: var(--brand-warning-darker);
    --status-terminated: var(--gray-lighter);
    --status-onhold: var(--brand-info);
    --status-inprogress: var(--brand-danger-lighter);
    --status-closed: var(--gray-lighter-2);
    --status-paid: var(--brand-success);
    --status-unpaid: var(--brand-danger);
    --status-cancelled: var(--gray-lighter-2);
    --status-collections: #2c3e50;
    --status-refunded: var(--brand-warning);
    --status-payment-pending: var(--brand-info);
    --status-accepted: var(--brand-success);
    --status-lost: var(--gray-darker);
    --status-default: var(--gray-base);
    --status-type-operator: var(--label-info-bg);
    --status-type-operator-text-color: var(--label-info-color);
    --status-type-owner: var(--label-success-bg);
    --status-type-owner-text-color: var(--label-success-color);
    --status-type-authorizeduser: var(--label-default-bg);
    --status-type-authorizeduser-text-color: var(--label-default-color);
    --status-type-registereduser: var(--label-warning-bg);
    --status-type-registereduser-text-color: var(--label-warning-color);
    --status-type-guest: var(--label-default-bg);
    --status-type-guest-text-color: var(--label-default-color);
    --transition-base: .24s ease;
    --transition-fade: opacity .15s linear;
    --transition-collapse: height .35s ease;
    --zindex-navbar: 1000;
    --zindex-dropdown: 1000;
    --zindex-popover: 1001;
    --zindex-tooltip: 1001;
    --zindex-sticky: 1020;
    --zindex-navbar-fixed: 1030;
    --zindex-fixed: 1030;
    --zindex-modal-background: 1040;
    --zindex-modal-backdrop: 1040;
    --zindex-modal: 1050;
    --zindex-popover: 1060;
    --zindex-tooltip: 1070;
    --caret-width-base: 4px;
    --caret-width-large: 5px;
    --caret-width: .3em;
    --caret-vertical-align: var(--caret-width) * .85;
    --caret-spacing: var(--caret-width) * .85;
    --ui-icon-color: var(--gray-icons);
    --ui-icon-size-base: 18px;
    --ui-icon-size-small: 12px;
    --scrollbar-width: 6px;
    --scrollbar-track-bg: var(--gray-lighter);
    --scrollbar-thumb-bg: var(--gray-lighter-3);
    --scrollbar-thumb-hover-bg: var(--gray-lighter-2);
    --scrollbar-secondary-track-bg: rgba(255,255,255, 0.1);
    --scrollbar-secondary-thumb-bg: rgba(255,255,255, 0.32);
    --scrollbar-secondary-thumb-hover-bg: rgba(255,255,255, 0.48);
    --max-width-xs: 380px;
    --max-width-sm: 548px;
    --max-width-md: 768px;
    --max-width-lg: 928px;
    --container-xl-max-width: 1288px;
    --container-lg-max-width: 960px;
    --container-md-max-width: 720px;
    --container-sm-max-width: 540px;
    --ui-gutter-base: var(--spacing-3x);
    --ui-gutter-sm: var(--spacing-2x);
    --ui-gutter-lg: var(--spacing-4x);
    --ui-gutter-xlg: var(--spacing-5x);
}

@media (max-width: 767px) {
    :root {
        --ui-gutter-base: var(--spacing-2x);
        --ui-gutter-sm: var(--spacing-1x);
        --ui-gutter-lg: var(--spacing-3x);
        --ui-gutter-xlg: var(--spacing-4x);
        --ui-block-spacing-sm: calc(var(--spacing-1x)2/);
        --ui-block-spacing-sm: var(--spacing-1x);
        --ui-block-spacing-base: var(--spacing-2x);
        --ui-block-spacing-lg: var(--spacing-3x);
        --ui-block-spacing-xlg: var(--spacing-4x);
        --ui-block-padding-base: var(--spacing-2x);
        --ui-block-padding-base-v: var(--spacing-2x);
        --ui-block-padding-sm: var(--spacing-2x);
        --ui-block-padding-sm-v: var(--spacing-1x);
        --ui-block-padding-lg: var(--spacing-3x);
        --ui-block-padding-lg-v: var(--spacing-2x);
        --ui-block-padding-xlg: var(--spacing-4x);
        --ui-block-padding-xlg-v: var(--spacing-3x);
    }
}

@-moz-document url-prefix() {
    :root {
        --ui-block-overlay-bg: rgba(255,255,255, .87);
    }
}

:root {
    --svg-icon-stroke-width: 2px;
    --svg-illustration-shadow-color: #000;
    --svg-illustration-shadow-opacity-start: 0.15;
    --svg-icon-color-base: var(--brand-primary);
    --svg-icon-color-lighter: var(--brand-primary-lighter);
    --svg-icon-color-secondary: var(--gray-darker);
    --svg-icon-color-icon: #ffffff;
    --svg-icon-on-dark-color-secondary: #ffffff;
    --svg-icon-on-primary-color-base: #ffffff;
    --svg-icon-on-primary-color-lighter: #DEE0E3;
    --svg-icon-on-primary-color-secondary: #ffffff;
    --svg-icon-on-primary-color-icon: var(--brand-primary);
    --svg-screen-top-bg: var(--svg-illustration-primary-1);
    --svg-screen-top-front: var(--svg-illustration-gray-2);
    --svg-screen-top-back: var(--svg-illustration-gray-1);
    --svg-screen-top-logo: var(--svg-illustration-gray-w);
    --svg-screen-top-logo-el: var(--svg-illustration-primary-1);
    --svg-screen-bottom-button: var(--svg-illustration-gray-3);
    --svg-screen-bottom-front: var(--svg-illustration-gray-7);
    --svg-screen-bottom-back: var(--svg-illustration-gray-3);
    --svg-screen-leg-front: var(--svg-illustration-gray-7);
    --svg-screen-leg-back: var(--svg-illustration-gray-3);
    --svg-smartphone-border: var(--svg-illustration-gray-3);
    --svg-smartphone-front: var(--svg-illustration-gray-6);
    --svg-smartphone-screen: var(--svg-illustration-gray-1);
    --svg-smartphone-icon: var(--svg-illustration-gray-1);
    --svg-smartphone-icon-bg: var(--svg-illustration-gray-w);
    --svg-tablet-back: var(--svg-illustration-gray-3);
    --svg-tablet-front: var(--svg-illustration-gray-8);
    --svg-tablet-screen: var(--svg-illustration-gray-w);
    --svg-browser-body: var(--svg-illustration-gray-8);
    --svg-browser-top: var(--svg-illustration-gray-3);
    --svg-browser-top-1: var(--svg-illustration-gray-w);
    --svg-browser-text: var(--svg-illustration-gray-3);
    --svg-browser-banner: var(--svg-illustration-gray-w);
    --svg-laptop-bottom-back: var(--svg-illustration-gray-3);
    --svg-laptop-bottom-top: var(--svg-illustration-gray-7);
    --svg-laptop-touchpad-inside: var(--svg-illustration-gray-3);
    --svg-laptop-touchpad-outside: rgba(0,0,0,0.4);
    --svg-laptop-screen: var(--svg-illustration-primary-1);
    --svg-laptop-screen-logo: var(--svg-illustration-gray-w);
    --svg-laptop-screen-back: var(--svg-illustration-gray-1);
    --svg-laptop-screen-front: var(--svg-illustration-gray-2);
    --svg-keyboard-keys-bottom: var(--svg-illustration-gray-3);
    --svg-keyboard-keys-top: var(--svg-illustration-gray-w);
    --svg-keyboard-body-top: var(--svg-illustration-gray-3);
    --svg-keyboard-body-bottom: var(--svg-illustration-gray-7);
    --svg-weebly-cup-body: var(--svg-illustration-gray-3);
    --svg-weebly-cup-top: var(--svg-illustration-gray-8);
    --svg-weebly-cup-inside: var(--svg-illustration-gray-3);
    --svg-weebly-left-elements: var(--svg-illustration-gray-3);
    --svg-weebly-left-elements-bottom: var(--svg-illustration-gray-8);
    --svg-weebly-left-body: var(--svg-illustration-gray-8);
    --svg-weebly-colors-bottom: var(--svg-illustration-yellow-1);
    --svg-weebly-colors-top: var(--svg-illustration-yellow-2);
    --svg-weebly-colors-top-1: var(--svg-illustration-gray-w);
    --svg-weebly-colors-top-2: var(--svg-illustration-yellow-3);
    --svg-weebly-colors-top-3: var(--svg-illustration-yellow-4);
    --svg-graphic-shadow: var(--box-shadow-lg);
    --svg-graphic-bg-primary: var(--brand-primary);
    --svg-graphic-bg-secondary: var(--svg-illustration-gray-2);
    --svg-graphic-bg-body: #fff;
    --svg-graphic-bg-browser-top: var(--svg-illustration-gray-8);
    --svg-graphic-bg-browser-actions: var(--svg-illustration-gray-3);
    --svg-graphic-bg-browser-search: #fff;
    --svg-graphic-bg-banner: var(--svg-illustration-gray-8);
    --svg-graphic-bg-faded: var(--svg-illustration-gray-8);
    --svg-graphic-bg-faded-2: var(--svg-illustration-gray-6);
    --svg-graphic-bg-faded-3: var(--svg-illustration-gray-3);
    --svg-graphic-bg-white: #fff;
    --svg-graphic-bg-green: var(--brand-success);
    --svg-graphic-bg-red: var(--brand-danger);
    --svg-graphic-bg-red-darker: var(--brand-danger-darker);
    --svg-graphic-stroke-primary: var(--brand-primary);
    --svg-graphic-stroke-white: #fff;
    --svg-graphic-stroke-faded: var(--svg-illustration-gray-3);
    --svg-graphic-stroke-faded-2: var(--svg-illustration-gray-3);
    --svg-icon-color-1: var(--brand-primary-lighter);
    --svg-icon-color-2: var(--brand-primary);
    --svg-icon-color-3: var(--gray-darker);
    --svg-icon-color-4: #ffffff;
    --svg-icon-color-5: var(--gray-lighter-3);
    --svg-icon-on-dark-color-1: var(--svg-icon-color-4);
    --svg-icon-on-dark-color-2: var(--svg-icon-color-5);
    --svg-icon-on-dark-color-3: var(--svg-icon-color-4);
    --svg-icon-on-dark-color-4: var(--svg-icon-color-2);
}

:root {
    --main-top-bg: #fff;
    --main-top-border-bottom: 1px solid var(--ui-block-divider-color);
    --main-top-box-shadow: none;
    --main-top-padding: 4px 0;
    --main-body-padding-v: var(--spacing-6x);
    --main-body-sidebar-width: 32%;
    --main-body-sidebar-padding-h: var(--spacing-6x);
    --main-body-sidebar-padding-v: var(--spacing-6x);
    --main-body-sidebar-content-bg: #fff;
    --main-header-padding-v: var(--spacing-6x);
    --main-header-title-color: var(--text-heading-color);
    --main-header-title-font-size: var(--font-size-h2);
    --main-header-title-font-weight: var(--font-weight-h2);
    --main-header-title-line-height: var(--line-height-h2);
    --main-header-breadcrumb-font-size: var(--font-size-sm);
    --main-header-breadcrumb-color: var(--text-lighter-color);
    --main-header-breadcrumb-color-active: var(--gray-base);
    --main-header-label-bg: var(--gray-faded);
    --main-header-label-desc-color: var(--gray-base);
    --main-header-label-name-color: var(--gray-darker);
    --main-header-banner-bg: var(--gray-gradient-h);
    --main-header-banner-title-color: var(--text-heading-color);
    --main-header-banner-breadcrumb-color: var(--text-faded-color);
    --main-header-banner-breadcrumb-color-active: var(--text-lighter-color);
    --main-header-banner-label-bg: var(--gray-lighter-4);
    --main-header-banner-label-desc-color: var(--gray-base);
    --main-header-banner-label-name-color: var(--gray-darker);
    --main-sidebar-sticky-top: var(--spacing-3x);
    --main-sidebar-width: 280px;
    --main-sidebar-spacing-h: var(--spacing-5x);
    --main-sidebar-right-spacing-h: var(--spacing-5x);
    --main-sidebar-lg-width: 340px;
    --main-footer-bg: #fff;
    --main-footer-border-top: var(--ui-block-divider-border);
    --main-footer-box-shadow: none;
    --main-footer-link-font-size: var(--font-size-lg);
    --main-footer-link-line-height: var(--line-height-lg);
    --main-footer-link-font-weight: var(--font-weight-light);
    --main-footer-link-padding-h: 0;
    --main-footer-link-padding-v: var(--ui-nav-v-link-padding-v);
    --main-footer-link-color: var(--ui-nav-secondary-link-color);
    --main-footer-link-hover-color: var(--ui-nav-secondary-link-hover-color);
    --main-footer-link-hover-padding-h: var(--ui-nav-v-link-hover-padding-h);
    --main-footer-link-icon-color: var(--ui-nav-secondary-link-icon-color);
    --main-footer-link-icon-hover-color: var(--ui-nav-secondary-link-icon-hover-color);
    --main-footer-link-icon-size: 18px;
    --main-footer-h-link-padding-v: var(--spacing-1x);
    --main-footer-h-link-padding-h: var(--spacing-2x);
    --main-footer-extended-padding: var(--spacing-9x);
    --main-footer-extended-border-top: var(--main-footer-border-top);
    --main-footer-extended-spacing: var(--spacing-3x);
    --main-footer-extended-company-margin-right: var(--spacing-8x);
    --main-footer-extended-title-color: var(--text-heading-color);
    --main-footer-extended-title-font-size: var(--font-size-xlg);
    --main-footer-extended-title-line-height: var(--line-height-lg);
    --main-footer-extended-title-font-weight: var(--font-weight-base);
    --main-footer-extended-title-margin-bottom: var(--spacing-2x);
    --main-footer-extended-desc-color: var(--text-body-color);
    --main-footer-extended-desc-font-size: var(--font-size-base);
    --main-footer-extended-desc-line-height: var(--line-height-base);
    --main-footer-extended-desc-font-weight: var(--font-weight-light);
    --main-footer-extended-desc-margin: var(--spacing-5x) 0 var(--spacing-2x) 0;
    --main-footer-extended-link-hover-padding-h: var(--ui-nav-v-link-hover-padding-h);
    --main-footer-extended-side-min-width: 240px;
    --layout-container-gutter: 40px;
    --layout-left-container-gutter: 40px;
    --ca-section-spacing: var(--spacing-6x);
    --ca-section-header-margin-bottom: var(--spacing-3x);
    --ca-section-title-color: var(--text-heading-color);
    --ca-section-title-font-size: var(--font-size-h4);
    --ca-section-title-font-weight: var(--font-weight-h4);
    --ca-section-title-line-height: var(--line-height-h4);
    --ca-section-desc-color: var(--text-body-color);
    --ca-section-desc-font-size: var(--font-size-base);
    --ca-section-desc-font-weight: var(--font-weight-base);
    --ca-section-desc-line-height: var(--line-height-base);
    --ca-section-sm-spacing: var(--spacing-4x);
    --ca-section-sm-title-font-size: var(--font-size-h5);
    --ca-section-sm-title-font-weight: var(--font-weight-h5);
    --ca-section-sm-title-line-height: var(--line-height-h5);
}

@media (max-width: 1319px) {
    :root {
        --main-sidebar-spacing-h: var(--spacing-4x);
        --main-body-sidebar-width: 40%;
        --main-footer-extended-side-min-width: 160px;
    }
}

@media (max-width: 991px) {
    :root {
        --main-footer-extended-desc-margin: var(--spacing-1x) 0 0 0;
        --main-footer-extended-spacing: var(--spacing-2x);
    }
}

@media (max-width: 767px) {
    :root {
        --main-body-padding-v: var(--spacing-5x);
        --main-header-padding-v: var(--spacing-5x);
        --main-body-sidebar-padding-h: var(--spacing-4x);
        --main-body-sidebar-padding-v: var(--spacing-4x);
        --ca-section-spacing: var(--spacing-4x);
        --main-footer-extended-padding: var(--spacing-6x);
    }
}

@media (max-width: 479px) {
    :root {
        --layout-container-gutter: 24px;
    }
}

:root {
    --app-nav-logo-height: 42px;
    --app-nav-logo-width: 100%;
    --app-nav-header-height: calc(var(--app-nav-logo-height) + var(--spacing-4x));
    --app-nav-top-bg: #fff;
    --app-nav-navbar-bg: var(--app-nav-top-bg);
    --app-nav-top-box-shadow: var(--box-shadow-lg);
    --app-nav-top-border-bottom: none;
    --app-nav-top-menu-link-color: var(--ui-nav-link-color);
    --app-nav-top-menu-link-hover-color: var(--ui-nav-link-hover-color);
    --app-nav-top-menu-link-font-size: var(--font-size-lg);
    --app-nav-top-menu-link-font-weight: var(--font-weight-base);
    --app-nav-top-menu-link-line-height: var(--line-height-base);
    --app-nav-top-menu-icon-size: 18px;
    --app-nav-top-menu-svg-icon-size: 32px;
    --app-nav-top-menu-icon-color: var(--ui-nav-link-icon-color);
    --app-nav-top-menu-icon-hover-color: var(--ui-nav-link-icon-hover-color);
    --app-nav-top-menu-link-padding-h: var(--spacing-3x);
    --app-nav-top-menu-link-padding-v: var(--spacing-2x);
    --app-nav-top-menu-dropdown-width: 240px;
    --app-nav-top-menu-dropdown-icon-size: 40px;
    --top-nav-link-padding-h: 8px;
    --top-nav-link-padding-v: 6px;
    --top-nav-link-spacing: 8px;
    --top-nav-link-color: var(--ui-nav-secondary-link-color);
    --top-nav-link-hover-color: var(--ui-nav-secondary-link-hover-color);
    --top-nav-link-active-color: var(--ui-nav-secondary-link-active-color);
    --top-nav-link-icon-color: var(--ui-nav-secondary-link-icon-color);
    --top-nav-link-icon-hover-color: var(--ui-nav-secondary-link-icon-hover-color);
    --top-nav-link-icon-active-color: var(--ui-nav-secondary-link-icon-active-color);
    --app-nav-top-condensed-header-height: 36px;
    --app-nav-top-condensed-header-border-bottom: 1px solid var(--ui-block-divider-color);
    --app-nav-top-condensed-menu-link-padding-h: var(--spacing-2x);
    --app-nav-top-condensed-menu-link-padding-v: var(--app-nav-top-menu-link-padding-v);
    --app-nav-top-condensed-logo-spacing: var(--spacing-4x);
    --app-nav-left-width: 140px;
    --app-nav-left-bg: #fff;
    --app-nav-left-box-shadow: var(--box-shadow-lg);
    --app-nav-left-link-hover-bg: transparent;
    --app-nav-left-link-active-bg: var(--ui-nav-link-active-bg);
    --app-nav-left-link-color: var(--text-heading-color);
    --app-nav-left-link-hover-color: var(--ui-nav-link-hover-color);
    --app-nav-left-link-active-color: var(--ui-nav-link-active-color);
    --app-nav-left-link-font-size: var(--font-size-lg);
    --app-nav-left-link-font-weight: var(--font-weight-base);
    --app-nav-left-link-padding-h: var(--spacing-2x);
    --app-nav-left-link-padding-v: var(--spacing-2x);
    --app-nav-left-icon-size: 18px;
    --app-nav-left-svg-icon-size: 40px;
    --app-nav-left-icon-color: var(--ui-nav-link-icon-color);
    --app-nav-left-icon-hover-color: var(--ui-nav-link-icon-hover-color);
    --app-nav-left-icon-active-color: var(--ui-nav-link-icon-active-color);
    --app-nav-left-dropdown-icon-size: 12px;
    --app-nav-left-dropdown-width: 240px;
    --app-nav-left-wide-width: 280px;
    --app-nav-left-wide-link-padding-h: var(--spacing-3x);
    --app-nav-left-wide-link-padding-v: var(--spacing-2x);
    --app-nav-left-wide-link-color: var(--ui-nav-link-color);
    --app-nav-left-wide-link-hover-color: var(--ui-nav-link-hover-color);
    --app-nav-left-wide-link-hover-bg: transparent;
    --app-nav-left-wide-link-hover-padding-h: var(--ui-nav-v-link-hover-padding-h);
    --app-nav-left-wide-link-active-padding-h: var(--ui-nav-v-link-active-padding-h);
    --app-nav-left-wide-link-active-color: var(--ui-nav-link-active-color);
    --app-nav-left-wide-link-active-bg: var(--ui-nav-link-active-bg);
    --app-nav-left-wide-icon-color: var(--ui-nav-link-icon-color);
    --app-nav-left-wide-icon-hover-color: var(--ui-nav-link-icon-hover-color);
    --app-nav-left-wide-icon-active-color: var(--ui-nav-link-icon-active-color);
    --app-nav-left-wide-svg-icon-size: 32px;
    --app-nav-left-wide-dropdown-border-left: 1px solid var(--ui-block-divider-color);
    --app-nav-left-wide-dropdown-padding-h: var(--app-nav-left-wide-link-padding-h);
    --app-nav-left-wide-dropdown-padding-v: 16px;
    --app-nav-left-wide-dropdown-link-color: var(--ui-nav-link-color);
    --app-nav-left-wide-dropdown-link-hover-bg: var(--ui-nav-link-hover-bg);
    --app-nav-left-wide-dropdown-link-hover-color: var(--ui-nav-link-hover-color);
    --app-nav-left-wide-dropdown-link-hover-padding-h: var(--ui-nav-v-link-hover-padding-h);
    --app-nav-left-wide-dropdown-link-active-padding-h: 0;
    --app-nav-left-wide-dropdown-link-active-color: var(--ui-nav-link-active-color);
    --app-nav-left-wide-dropdown-link-active-bg: var(--ui-nav-link-active-bg);
    --app-nav-left-wide-dropdown-icon-color: var(--app-nav-left-icon-color);
    --app-nav-left-wide-dropdown-icon-hover-color: var(--app-nav-left-icon-hover-color);
    --app-nav-left-wide-dropdown-icon-active-color: var(--app-nav-left-icon-active-color);
    --app-nav-left-wide-dropdown-open-bg: transparent;
    --app-nav-left-wide-dropdown-open-bg-on-primary: rgba(0,0,0, 0.08);
    --app-nav-left-wide-dropdown-open-bg-on-secondary: rgba(0,0,0, 0.08);
    --extended-nav-dropdown-width: 364px;
    --app-nav-top-new-spacing-h: var(--spacing-3x);
    --app-nav-top-new-spacing-v: var(--spacing-3x);
    --mob-app-nav-bg: #fff;
    --mob-app-nav-width: 270px;
    --mob-app-nav-logo-height: 40px;
    --mob-app-nav-menu-padding-h: var(--spacing-2x);
    --mob-app-nav-header-bg: #fff;
    --mob-app-nav-header-border-bottom: var(--ui-block-border);
    --mob-app-nav-header-box-shadow: var(--box-shadow-lg);
    --mob-app-nav-header-height: 74px;
}

@media (min-width: 992px) and (max-width: 1320px) {
    :root {
        --app-nav-top-menu-link-padding-h: var(--spacing-2x);
    }
}

:root {
    --site-text-font-size: var(--font-size-lg);
    --site-text-font-weight: var(--font-weight-light);
    --site-text-line-height: var(--line-height-lg);
    --site-text-sm-font-size: var(--font-size-md);
    --site-text-sm-line-height: var(--line-height-md);
    --site-text-xs-font-size: var(--font-size-base);
    --site-text-xs-line-height: var(--line-height-base);
    --site-banner-title-font-size: var(--font-size-h1);
    --site-banner-title-font-weight: var(--font-weight-h1);
    --site-banner-title-line-height: var(--line-height-h1);
    --site-banner-desc-font-size: var(--font-size-xxlg);
    --site-banner-desc-font-weight: var(--font-weight-light);
    --site-banner-desc-line-height: var(--line-height-xxlg);
    --site-banner-height: 562px;
    --site-banner-padding-v: 100px;
    --site-banner-content-width: 496px;
    --site-banner-element-spacing: var(--spacing-4x);
    --site-banner-graphic-width: 562px;
    --site-banner-graphic-position-right: -40px;
    --site-banner-graphic-position-top: -40px;
    --site-banner-graphic-position-bottom: -20px;
    --svg-banner-primary-shape-left: rgba(0,0,0, .24);
    --svg-banner-primary-shape-right: rgba(0,0,0, .16);
    --site-banner-home-tile-height: 172px;
    --site-banner-tile-bg: var(--ui-block-bg);
    --site-banner-tile-color: #fff;
    --site-banner-tile-font-weight: var(--font-weight-bold);
    --site-banner-tile-overlay-height: var(--spacing-10x);
    --site-section-bg: transparent;
    --site-section-border-color: var(--ui-block-divider-color);
    --site-section-border: 1px solid var(--site-section-border-color);
    --site-section-title-color: var(--text-heading-color);
    --site-section-title-font-size: var(--font-size-h2);
    --site-section-title-font-weight: var(--font-weight-bold);
    --site-section-title-line-height: var(--line-height-h2);
    --site-section-title-max-width: var(--max-width-md);
    --site-section-title-margin-bottom: var(--spacing-9x);
    --site-section-title-subtitle-spacing: var(--spacing-4x);
    --site-section-title-sm-font-size: var(--font-size-h3);
    --site-section-title-sm-font-weight: var(--font-weight-bold);
    --site-section-title-sm-line-height: var(--line-height-h3);
    --site-section-title-sm-margin-bottom: var(--spacing-6x);
    --site-section-subtitle-color: var(--text-body-color);
    --site-section-subtitle-font-size: var(--font-size-xlg);
    --site-section-subtitle-font-weight: var(--font-weight-light);
    --site-section-subtitle-line-height: var(--line-height-xlg);
    --site-section-spacing: var(--spacing-5x);
    --site-section-padding-v: var(--spacing-13x);
    --site-section-padding-sm: var(--spacing-8x);
    --site-section-sides-spacing: var(--spacing-8x);
    --site-section-illustration-width: 592px;
    --site-section-illustration-height: 513px;
    --site-section-illustration-width-sm: 376px;
    --site-section-illustration-height-sm: 324px;
    --site-section-secondary-bg: transparent;
    --site-section-secondary-title-color: var(--site-section-title-color);
    --site-section-secondary-subtitle-color: var(--site-section-subtitle-color);
    --site-section-secondary-desc-color: var(--site-section-title-color);
    --site-section-secondary-border: 1px solid var(--site-section-border-color);
    --feature-title-font-size: var(--font-size-h5);
    --feature-title-font-weight: var(--font-weight-base);
    --feature-title-line-height: var(--line-height-h5);
    --feature-desc-font-size: var(--font-size-lg);
    --feature-desc-line-height: var(--line-height-lg);
    --feature-desc-font-weight: var(--font-weight-light);
    --feature-margin-bottom: var(--ui-block-spacing-xlg);
    --feature-row-margin-bottom: var(--spacing-8x);
    --feature-icon-margin-bottom: var(--ui-block-spacing-base);
    --feature-boxed-bg: var(--ui-block-bg);
    --feature-boxed-border: 1px solid var(--ui-block-divider-color);
    --feature-boxed-border-radius: var(--ui-block-border-radius);
    --feature-boxed-padding: var(--ui-block-padding-lg);
    --feature-boxed-shadow: var(--ui-block-shadow);
    --feature-lg-title-font-size: var(--font-size-xxlg);
    --feature-lg-title-font-weight: var(--font-weight-light);
    --feature-lg-title-line-height: var(--line-height-xlg);
    --feature-lg-desc-font-size: var(--font-size-lg);
    --feature-lg-desc-font-weight: var(--font-weight-light);
    --feature-lg-desc-line-height: var(--line-height-lg);
    --feature-lg-icon-margin-bottom: var(--ui-block-spacing-lg);
    --feature-lg-boxed-padding: var(--ui-block-padding-xlg);
    --feature-sm-title-font-size: var(--font-size-h6);
    --feature-sm-title-font-weight: var(--font-weight-base);
    --feature-sm-title-line-height: var(--line-height-h6);
    --feature-sm-desc-font-size: var(--font-size-md);
    --feature-sm-desc-font-weight: var(--font-weight-light);
    --feature-sm-desc-line-height: var(--line-height-md);
    --feature-sm-svg-icon-size: 40px;
    --feature-sm-boxed-padding: var(--ui-block-padding-base);
    --site-browser-actions-dot-bg: rgba(0,0,0, .1);
    --site-shadow-default: var(--box-shadow-xlg);
}

@media (max-width: 991px) {
    :root {
        --site-banner-content-width-desktop: 496px;
        --site-banner-content-width: calc(0.8 * var(--site-banner-content-width-desktop));
    }
}

@media (max-width: 767px) {
    :root {
        --site-banner-padding-v: var(--spacing-8x);
        --site-section-sides-spacing: var(--spacing-5x);
        --feature-row-margin-bottom: var(--spacing-4x);
        --site-section-padding-v: var(--spacing-8x);
        --site-section-title-margin-bottom: var(--spacing-5x);
        --site-section-title-sm-margin-bottom: var(--spacing-3x);
    }
}

:root {
    --font-family-base: Roboto;
    --font-family-custom: unset;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --font-family-icons-medium: 'lagom-medium-icons';
    --font-family-icons-small: 'lagom-small-icons';
    --text-body-color: var(--gray-base);
    --text-lighter-color: var(--gray-lighter);
    --text-faded-color: var(--gray-lighter-2);
    --text-heading-color: var(--gray-darker);
    --text-primary-color: var(--brand-primary);
    --text-success-color: var(--brand-success);
    --text-warning-color: var(--brand-warning);
    --text-danger-color: var(--brand-danger);
    --text-secondary-body-color: hsla(0, 0%, 100%, 92%);
    --text-secondary-lighter-color: hsla(0, 0%, 100%, 80%);
    --text-secondary-faded-color: hsla(0, 0%, 100%, 56%);
    --text-secondary-heading-color: #fff;
    --text-secondary-primary-color: var(--brand-primary-lighter);
    --text-secondary-success-color: var(--brand-success-lighter);
    --text-secondary-warning-color: var(--brand-warning-lighter);
    --text-secondary-danger-color: var(--brand-danger-lighter);
    --link-color: var(--brand-primary);
    --link-hover-color: var(--brand-primary);
    --ui-nav-link-color: var(--gray-darker);
    --ui-nav-link-hover-color: var(--brand-primary);
    --ui-nav-link-active-color: var(--brand-primary);
    --ui-nav-link-icon-color: var(--gray-icons);
    --ui-nav-link-icon-hover-color: var(--gray-icons-hover);
    --ui-nav-link-icon-active-color: var(--gray-icons-hover);
    --ui-nav-secondary-link-color: var(--gray-base);
    --ui-nav-secondary-link-hover-color: var(--brand-primary);
    --ui-nav-secondary-link-active-color: var(--brand-primary);
    --ui-nav-secondary-link-icon-color: var(--gray-icons);
    --ui-nav-secondary-link-icon-hover-color: var(--gray-icons-hover);
    --ui-nav-secondary-link-icon-active-color: var(--gray-icons-hover);
    --font-size-xs: 12px;
    --font-size-sm: 13px;
    --font-size-base: 14px;
    --font-size-md: 15px;
    --font-size-lg: 17px;
    --font-size-xlg: 20px;
    --font-size-xxlg: 24px;
    --font-size-h6: 18px;
    --font-size-h5: 20px;
    --font-size-h4: 26px;
    --font-size-h3: 32px;
    --font-size-h2: 40px;
    --font-size-h1: 48px;
    --line-height-xs: 18px;
    --line-height-sm: 20px;
    --line-height-base: 24px;
    --line-height-md: 24px;
    --line-height-lg: 28px;
    --line-height-xlg: 32px;
    --line-height-xxlg: 40px;
    --line-height-h6: 24px;
    --line-height-h5: 28px;
    --line-height-h4: 34px;
    --line-height-h3: 40px;
    --line-height-h2: 52px;
    --line-height-h1: 56px;
    --font-weight-light: 300;
    --font-weight-base: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --font-weight-bolder: bolder;
    --font-weight-h6: var(--font-weight-medium);
    --font-weight-h5: var(--font-weight-base);
    --font-weight-h4: var(--font-weight-light);
    --font-weight-h3: var(--font-weight-medium);
    --font-weight-h2: var(--font-weight-black);
    --font-weight-h1: var(--font-weight-black);
    --paragraph-margin-bottom: var(--spacing-2x);
    --headings-margin-bottom: var(--spacing-2x);
    --link-decoration: none;
    --article-font-color: var(--text-body-color);
    --article-font-size-base: var(--font-size-lg);
    --article-font-weight-base: var(--font-weight-base);
    --article-line-height-base: var(--line-height-lg);
    --article-h1-margin-top: var(--spacing-8x);
    --article-h1-margin-bottom: var(--spacing-6x);
    --article-h2-margin-top: var(--spacing-6x);
    --article-h2-margin-bottom: var(--spacing-4x);
    --article-h3-margin-top: var(--spacing-5x);
    --article-h3-margin-bottom: var(--spacing-4x);
    --article-h4-margin-top: var(--spacing-5x);
    --article-h4-margin-bottom: var(--spacing-4x);
    --article-h5-margin-top: var(--spacing-4x);
    --article-h5-margin-bottom: var(--spacing-2x);
    --article-h6-margin-top: var(--spacing-3x);
    --article-h6-margin-bottom: var(--spacing-2x);
}

@media (max-width: 767px) {
    :root {
        --font-size-xs: 12px;
        --font-size-sm: 13px;
        --font-size-base: 14px;
        --font-size-md: 15px;
        --font-size-lg: 16px;
        --font-size-xlg: 18px;
        --font-size-xxlg: 21px;
        --font-size-h6: 16px;
        --font-size-h5: 18px;
        --font-size-h4: 21px;
        --font-size-h3: 26px;
        --font-size-h2: 32px;
        --font-size-h1: 40px;
        --line-height-xs: 18px;
        --line-height-sm: 20px;
        --line-height-base: 24px;
        --line-height-md: 24px;
        --line-height-lg: 28px;
        --line-height-xlg: 32px;
        --line-height-xxlg: 40px;
        --line-height-h6: 22px;
        --line-height-h5: 28px;
        --line-height-h4: 30px;
        --line-height-h3: 34px;
        --line-height-h2: 40px;
        --line-height-h1: 48px;
    }
}

.cms-menu .dropdown-menu-content .dropdown-menu-parent:last-child {
    flex: 0!important;
    min-width: 250px;
}

.lagom.presentation-page .presentation-section {
    width: calc(100% - 80px);
    max-width: 1900px;
    margin: 120px auto;
    border-radius: 20px;
}

.lagom.presentation-page .presentation-section.site-banner:after {
    height: 100%!important;
    border: 1px solid rgba(0,0,0, 0.05);
    border-radius: 20px;
    background: transparent!important;
}

.lagom.presentation-page .presentation-section.site-banner.banner .banner-body {
    min-height: 640px;
    z-index: 99;
}

*,::after,::before {
    box-sizing: border-box
}

html {
    font-family: inter,sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

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

article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

body {
    margin: 0;
    font-family: inter,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0!important
}

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

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

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

abbr[data-original-title],abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

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

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

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

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

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,kbd,pre,samp {
    font-family: inter,sans-serif;
    font-size: 1em
}

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

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

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

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

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

button {
    border-radius: 0
}

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

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inter,sans-serif;
    font-size: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

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

textarea {
    overflow: auto;
    resize: vertical
}

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

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

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-bottom: .5rem;
    font-family: inter,sans-serif;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

.h1,h1 {
    font-size: 2.5rem
}

.h2,h2 {
    font-size: 2rem
}

.h3,h3 {
    font-size: 1.75rem
}

.h4,h4 {
    font-size: 1.5rem
}

.h5,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

.small,small {
    font-size: 80%;
    font-weight: 400
}

.mark,mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014 \00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code,kbd,pre,samp {
    font-family: inter,sans-serif
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media(min-width: 768px) {
    .container {
        max-width:720px
    }
}

@media(min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media(min-width: 1200px) {
    .container {
        max-width:1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

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

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

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

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

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

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

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

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

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

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

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

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

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

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

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

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

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

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

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media(min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

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

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

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

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

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

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media(min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

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

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

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

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

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

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media(min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

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

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

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

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

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

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media(min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

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

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

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

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

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

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

.table td,.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table .table {
    background-color: #fff
}

.table-sm td,.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,.table-bordered thead th {
    border-bottom-width: 2px
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.075)
}

.table-primary,.table-primary>td,.table-primary>th {
    background-color: #b8daff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,.table-secondary>td,.table-secondary>th {
    background-color: #d6d8db
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,.table-success>td,.table-success>th {
    background-color: #c3e6cb
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,.table-info>td,.table-info>th {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,.table-warning>td,.table-warning>th {
    background-color: #ffeeba
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,.table-danger>td,.table-danger>th {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,.table-light>td,.table-light>th {
    background-color: #fdfdfe
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,.table-dark>td,.table-dark>th {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,.table-active>td,.table-active>th {
    background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
    background-color: rgba(0,0,0,.075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #212529
}

.table-dark td,.table-dark th,.table-dark thead th {
    border-color: #32383e
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,.05)
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255,255,255,.075)
}

@media(max-width: 575.98px) {
    .table-responsive-sm {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media(max-width: 767.98px) {
    .table-responsive-md {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media(max-width: 991.98px) {
    .table-responsive-lg {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media(max-width: 1199.98px) {
    .table-responsive-xl {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.input-group-append>.form-control-plaintext.btn,.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.input-group-append>.form-control-plaintext.btn,.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px)
}

.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px)
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(40,167,69,.8);
    border-radius: .2rem
}

.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid {
    border-color: #28a745
}

.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip {
    display: block
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before {
    background-color: #71dd8a
}

.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label::before,.was-validated .custom-file-input:valid~.custom-file-label::before {
    border-color: inherit
}

.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(220,53,69,.8);
    border-radius: .2rem
}

.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid {
    border-color: #dc3545
}

.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip {
    display: block
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before {
    background-color: #efa2a9
}

.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label::before,.was-validated .custom-file-input:invalid~.custom-file-label::before {
    border-color: inherit
}

.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media(min-width: 576px) {
    .form-inline label {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.btn:focus,.btn:hover {
    text-decoration: none
}

.btn.focus,.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.btn.disabled,.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active {
    background-image: none
}

a.btn.disabled,fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-secondary.disabled,.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,.btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-success.disabled,.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,.btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-info.disabled,.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,.btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-warning.disabled,.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,.btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,.btn-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-light.disabled,.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,.btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-dark.disabled,.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent
}

.btn-link.focus,.btn-link:focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none
}

.btn-link.disabled,.btn-link:disabled {
    color: #6c757d
}

.btn-group-lg>.btn,.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.show {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.show {
    display: block
}

tr.collapse.show {
    display: table-row
}

tbody.collapse.show {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

.dropdown,.dropup {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

.dropup .dropdown-menu {
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.btn-group-vertical>.btn:hover,.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus {
    z-index: 1
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.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-left: -1px
}

.btn-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after {
    margin-left: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.custom-file:focus,.input-group>.custom-select:focus,.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control {
    margin-left: -1px
}

.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:first-child) .custom-file-label::before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append,.input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.input-group-append .btn,.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-control-input:active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    margin-bottom: 0
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyNmZmYnIGQ9J002LjU2NC43NWwtMy41OSAzLjYxMi0xLjUzOC0xLjU1TDAgNC4yNiAyLjk3NCA3LjI1IDggMi4xOTN6Jy8+PC9zdmc+)
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0IDQnPjxwYXRoIHN0cm9rZT0nI2ZmZicgZD0nTTAgMmg0Jy8+PC9zdmc+)
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #007bff
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmJy8+PC9zdmc+)
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0IDUnPjxwYXRoIGZpbGw9JyMzNDNhNDAnIGQ9J00yIDBMMCAyaDR6bTAgNUwwIDNoNHonLz48L3N2Zz4=) no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 125%
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-control {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-file-input:focus~.custom-file-control::before {
    border-color: #80bdff
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(calc(2.25rem + 2px) - 1px * 2);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

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

.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar>.container,.navbar>.container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media(max-width: 575.98px) {
    .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid {
        padding-right:0;
        padding-left: 0
    }
}

@media(min-width: 576px) {
    .navbar-expand-sm {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }
}

@media(max-width: 767.98px) {
    .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
        padding-right:0;
        padding-left: 0
    }
}

@media(min-width: 768px) {
    .navbar-expand-md {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }
}

@media(max-width: 991.98px) {
    .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
        padding-right:0;
        padding-left: 0
    }
}

@media(min-width: 992px) {
    .navbar-expand-lg {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }
}

@media(max-width: 1199.98px) {
    .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
        padding-right:0;
        padding-left: 0
    }
}

@media(min-width: 1200px) {
    .navbar-expand-xl {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }
}

.navbar-expand {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navbar-expand>.container,.navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,.navbar-expand>.container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .dropup .dropdown-menu {
    top: auto;
    bottom: 100%
}

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5)
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0,0,0,.3)
}

.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzAgMzAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggc3Ryb2tlPSdyZ2JhKDAsIDAsIDAsIDAuNSknIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIGQ9J000IDdoMjJNNCAxNWgyMk00IDIzaDIyJy8+PC9zdmc+)
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,.5)
}

.navbar-light .navbar-text a {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover {
    color: rgba(0,0,0,.9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5)
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255,255,255,.25)
}

.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzAgMzAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggc3Ryb2tlPSdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSknIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIGQ9J000IDdoMjJNNCAxNWgyMk00IDIzaDIyJy8+PC9zdmc+)
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,.5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}

@media(min-width: 576px) {
    .card-deck {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 15px
}

@media(min-width: 576px) {
    .card-group {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .card-group>.card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }

    .card-group>.card:only-child {
        border-radius: .25rem
    }

    .card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0
    }

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
        border-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media(min-width: 576px) {
    .card-columns {
        -webkit-column-count:3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

.badge-primary[href]:focus,.badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

.badge-secondary[href]:focus,.badge-secondary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #545b62
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

.badge-success[href]:focus,.badge-success[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

.badge-info[href]:focus,.badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

.badge-warning[href]:focus,.badge-warning[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #d39e00
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

.badge-danger[href]:focus,.badge-danger[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

.badge-light[href]:focus,.badge-light[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

.badge-dark[href]:focus,.badge-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media(min-width: 576px) {
    .jumbotron {
        padding:4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease
}

.progress-bar-striped {
    background-image: linear-gradient( 45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent );
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,.list-group-item-action:hover {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item:focus,.list-group-item:hover {
    z-index: 1;
    text-decoration: none
}

.list-group-item.disabled,.list-group-item:disabled {
    color: #6c757d;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999999999;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%)
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2))
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width: 576px) {
    .modal-dialog {
        max-width:100%;
        margin: 1.75rem 30%
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }

    .modal-sm {
        max-width: 100%
    }
}

@media(min-width: 992px) {
    .modal-lg {
        max-width:100%
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: inter,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: inter,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::after,.popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow {
    bottom: calc((0.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before {
    border-width: .5rem .5rem 0
}

.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before {
    bottom: 0;
    border-top-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after {
    bottom: 1px;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before {
    border-width: .5rem .5rem .5rem 0
}

.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before {
    left: 0;
    border-right-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after {
    left: 1px;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow {
    top: calc((0.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before {
    border-width: 0 .5rem .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before {
    top: 0;
    border-bottom-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after {
    top: 1px;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before {
    border-width: .5rem 0 .5rem .5rem
}

.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before {
    right: 0;
    border-left-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after {
    right: 1px;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    display: block
}

.carousel-item-next,.carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@supports((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
        -webkit-transform:translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.active.carousel-item-right,.carousel-item-next {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

@supports((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-right,.carousel-item-next {
        -webkit-transform:translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.active.carousel-item-left,.carousel-item-prev {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@supports((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-left,.carousel-item-prev {
        -webkit-transform:translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.carousel-control-next,.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGQ9J001LjI1IDBsLTQgNCA0IDQgMS41LTEuNS0yLjUtMi41IDIuNS0yLjUtMS41LTEuNXonLz48L3N2Zz4=)
}

.carousel-control-next-icon {
    background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGQ9J00yLjc1IDBsLTEuNSAxLjUgMi41IDIuNS0yLjUgMi41IDEuNSAxLjUgNC00LTQtNHonLz48L3N2Zz4=)
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255,255,255,.5)
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.bg-primary {
    background-color: #007bff!important
}

a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {
    background-color: #0062cc!important
}

.bg-secondary {
    background-color: #6c757d!important
}

a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover {
    background-color: #545b62!important
}

.bg-success {
    background-color: #28a745!important
}

a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover {
    background-color: #1e7e34!important
}

.bg-info {
    background-color: #17a2b8!important
}

a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover {
    background-color: #117a8b!important
}

.bg-warning {
    background-color: #ffc107!important
}

a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover {
    background-color: #d39e00!important
}

.bg-danger {
    background-color: #dc3545!important
}

a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover {
    background-color: #bd2130!important
}

.bg-light {
    background-color: #f8f9fa!important
}

a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {
    background-color: #dae0e5!important
}

.bg-dark {
    background-color: #343a40!important
}

a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
    background-color: #1d2124!important
}

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

.bg-transparent {
    background-color: transparent!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-right {
    border-right: 1px solid #dee2e6!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-left {
    border-left: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #007bff!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #28a745!important
}

.border-info {
    border-color: #17a2b8!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #343a40!important
}

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

.rounded {
    border-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important
}

.rounded-right {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-left {
    border-top-left-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-0 {
    border-radius: 0!important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.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-row {
    display: table-row!important
}

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

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media(min-width: 576px) {
    .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-row {
        display: table-row!important
    }

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

    .d-sm-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media(min-width: 768px) {
    .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-row {
        display: table-row!important
    }

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

    .d-md-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media(min-width: 992px) {
    .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-row {
        display: table-row!important
    }

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

    .d-lg-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media(min-width: 1200px) {
    .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-row {
        display: table-row!important
    }

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

    .d-xl-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

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

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

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

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

    .d-print-table-row {
        display: table-row!important
    }

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

    .d-print-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

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

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

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

.justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

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

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

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

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

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

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

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

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

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media(min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

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

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

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

    .justify-content-sm-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-sm-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-sm-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-sm-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

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

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

    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media(min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-md-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

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

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

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

    .justify-content-md-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-md-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-md-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-md-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

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

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

    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media(min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

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

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

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

    .justify-content-lg-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-lg-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-lg-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-lg-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

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

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

    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media(min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

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

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

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

    .justify-content-xl-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-xl-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-xl-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-xl-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

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

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

    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

@media(min-width: 576px) {
    .float-sm-left {
        float:left!important
    }

    .float-sm-right {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }
}

@media(min-width: 768px) {
    .float-md-left {
        float:left!important
    }

    .float-md-right {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }
}

@media(min-width: 992px) {
    .float-lg-left {
        float:left!important
    }

    .float-lg-right {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }
}

@media(min-width: 1200px) {
    .float-xl-left {
        float:left!important
    }

    .float-xl-right {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports((position: -webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

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

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

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

.mh-100 {
    max-height: 100%!important
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.mr-0,.mx-0 {
    margin-right: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.ml-0,.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,.my-1 {
    margin-top: .25rem!important
}

.mr-1,.mx-1 {
    margin-right: .25rem!important
}

.mb-1,.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,.my-2 {
    margin-top: .5rem!important
}

.mr-2,.mx-2 {
    margin-right: .5rem!important
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,.my-3 {
    margin-top: 1rem!important
}

.mr-3,.mx-3 {
    margin-right: 1rem!important
}

.mb-3,.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,.my-5 {
    margin-top: 3rem!important
}

.mr-5,.mx-5 {
    margin-right: 3rem!important
}

.mb-5,.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

.pr-0,.px-0 {
    padding-right: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

.pl-0,.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,.py-1 {
    padding-top: .25rem!important
}

.pr-1,.px-1 {
    padding-right: .25rem!important
}

.pb-1,.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,.py-2 {
    padding-top: .5rem!important
}

.pr-2,.px-2 {
    padding-right: .5rem!important
}

.pb-2,.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,.py-3 {
    padding-top: 1rem!important
}

.pr-3,.px-3 {
    padding-right: 1rem!important
}

.pb-3,.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,.py-5 {
    padding-top: 3rem!important
}

.pr-5,.px-5 {
    padding-right: 3rem!important
}

.pb-5,.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,.px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,.my-auto {
    margin-top: auto!important
}

.mr-auto,.mx-auto {
    margin-right: auto!important
}

.mb-auto,.my-auto {
    margin-bottom: auto!important
}

.ml-auto,.mx-auto {
    margin-left: auto!important
}

@media(min-width: 576px) {
    .m-sm-0 {
        margin:0!important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0!important
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0!important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0!important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem!important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: .25rem!important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem!important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem!important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: .5rem!important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem!important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem!important
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1rem!important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem!important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem!important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 1.5rem!important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem!important
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 3rem!important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem!important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 3rem!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0!important
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0!important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0!important
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem!important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: .25rem!important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem!important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem!important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: .5rem!important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem!important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem!important
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1rem!important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem!important
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem!important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 1.5rem!important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem!important
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem!important
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto!important
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto!important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto!important
    }
}

@media(min-width: 768px) {
    .m-md-0 {
        margin:0!important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0!important
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0!important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0!important
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem!important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: .25rem!important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem!important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem!important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: .5rem!important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem!important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem!important
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1rem!important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem!important
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem!important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 1.5rem!important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem!important
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 3rem!important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem!important
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 3rem!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0!important
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0!important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0!important
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem!important
    }

    .pr-md-1,.px-md-1 {
        padding-right: .25rem!important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem!important
    }

    .pl-md-1,.px-md-1 {
        padding-left: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem!important
    }

    .pr-md-2,.px-md-2 {
        padding-right: .5rem!important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem!important
    }

    .pl-md-2,.px-md-2 {
        padding-left: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem!important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1rem!important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem!important
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem!important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 1.5rem!important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem!important
    }

    .pr-md-5,.px-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem!important
    }

    .pl-md-5,.px-md-5 {
        padding-left: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto!important
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto!important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto!important
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto!important
    }
}

@media(min-width: 992px) {
    .m-lg-0 {
        margin:0!important
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0!important
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0!important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0!important
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .25rem!important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: .25rem!important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .25rem!important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .5rem!important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: .5rem!important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .5rem!important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1rem!important
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 1rem!important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem!important
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.5rem!important
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 1.5rem!important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem!important
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 3rem!important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem!important
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 3rem!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0!important
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0!important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0!important
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .25rem!important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: .25rem!important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .25rem!important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .5rem!important
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: .5rem!important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .5rem!important
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1rem!important
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1rem!important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem!important
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.5rem!important
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 1.5rem!important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem!important
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem!important
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto!important
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto!important
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto!important
    }
}

@media(min-width: 1200px) {
    .m-xl-0 {
        margin:0!important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0!important
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0!important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0!important
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .25rem!important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: .25rem!important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .25rem!important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .5rem!important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: .5rem!important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .5rem!important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1rem!important
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 1rem!important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem!important
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.5rem!important
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 1.5rem!important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem!important
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 3rem!important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem!important
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 3rem!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0!important
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0!important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0!important
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .25rem!important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: .25rem!important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .25rem!important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .5rem!important
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: .5rem!important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .5rem!important
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1rem!important
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1rem!important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem!important
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.5rem!important
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 1.5rem!important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem!important
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem!important
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto!important
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto!important
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto!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: 576px) {
    .text-sm-left {
        text-align:left!important
    }

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

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

@media(min-width: 768px) {
    .text-md-left {
        text-align:left!important
    }

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

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

@media(min-width: 992px) {
    .text-lg-left {
        text-align:left!important
    }

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

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

@media(min-width: 1200px) {
    .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
}

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

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

.font-weight-bold {
    font-weight: 700!important
}

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

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

.text-primary {
    color: #007bff!important
}

a.text-primary:focus,a.text-primary:hover {
    color: #0062cc!important
}

.text-secondary {
    color: #6c757d!important
}

a.text-secondary:focus,a.text-secondary:hover {
    color: #545b62!important
}

.text-success {
    color: #28a745!important
}

a.text-success:focus,a.text-success:hover {
    color: #1e7e34!important
}

.text-info {
    color: #17a2b8!important
}

a.text-info:focus,a.text-info:hover {
    color: #117a8b!important
}

.text-warning {
    color: #ffc107!important
}

a.text-warning:focus,a.text-warning:hover {
    color: #d39e00!important
}

.text-danger {
    color: #dc3545!important
}

a.text-danger:focus,a.text-danger:hover {
    color: #bd2130!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:focus,a.text-light:hover {
    color: #dae0e5!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:focus,a.text-dark:hover {
    color: #1d2124!important
}

.text-muted {
    color: #6c757d!important
}

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

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media print {
    *,::after,::before {
        text-shadow: none!important;
        box-shadow: none!important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap!important
    }

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px!important
    }

    .container {
        min-width: 992px!important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse!important
    }

    .table td,.table th {
        background-color: #fff!important
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #ddd!important
    }
}

@import 'https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap';[v-cloak] {
    display: none
}

.form-alert-success {
    color: #212529;
    background-color: #01f88c;
    border: none;
    padding: 15px;
    text-align: center;
    border-radius: 0
}

.form-alert-success,.form-alert-danger {
    z-index: 999;
    position: absolute;
    width: 100%;
    top: 92px
}

html {
    overflow-x: hidden
}

body {
    font-family: inter,sans-serif;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased
}

.row.minus {
    margin-right: -15px;
    margin-left: -15px
}

a:hover,a:focus {
    text-decoration: none;
    outline: 0!important;
    box-shadow: none!important
}

img {
    max-width: 100%
}

.form-control:focus {
    outline: 0;
    box-shadow: none!important
}

.btn-outline-white {
    background: 0 0;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 0;
    padding: 1.25rem;
    color: #fff!important;
    float: left
}

.btn-outline-white:hover {
    background: 0 0;
    color: #fff;
    border-color: rgba(255,255,255,.5)
}

.btn-outline-chat {
    background: 0 0;
    border: 0 solid rgba(255,255,255,.25);
    border-radius: 0;
    padding: .8rem 0;
    color: #fff!important;
    text-align: left;
    margin: 0 0 0 10px;
    line-height: 20px;
    font-size: 13px!important;
    float: left
}

.btn-outline-chat:hover {
    background: 0 0;
    color: #fff;
    border-color: rgba(255,255,255,.5)
}

.btn-outline-chat a {
    text-decoration: underline;
    color: #fff
}

.btn-outline-chat a:hover {
    text-decoration: underline;
    color: #fff
}

.btn-outline-blue {
    background: 0 0;
    border: 1px solid #0069ff;
    border-radius: 0;
    padding: 1rem 2rem;
    color: #0069ff!important
}

.blue .btn-outline-blue {
    background: 0 0;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 0;
    padding: 1rem 2rem;
    color: #fff!important
}

.blue .btn-outline-blue:hover {
    background: 0 0;
    color: #fff;
    border-color: rgba(255,255,255,.5)
}

.btn-text-only {
    color: #2a2d38;
    font-weight: 400
}

.btn-text-only:hover {
    color: #0069ff;
    text-decoration: none
}

.btn-coming-soon:hover,.btn-coming-soon:focus,.btn-coming-soon:active {
    border: 1px solid rgba(255,255,255,.25)
}

.white-bg {
    background: #fff
}

.grey-bg {
    background: #f8f8f8;
    width: 100%
}

.dark-grey-bg {
    background: #2a2d38
}

.gradient-bg {
    background: linear-gradient(180deg,#66a5ff,#0069ff);
    height: 100%;
    width: 100%
}

.border-t {
    border-top: 1px solid #ededed
}

.height-100vh {
    height: 100vh
}

.developer-circle {
    width: 3rem
}

.box-shadow {
    box-shadow: 0 20px 40px rgba(0,0,0,.1)
}

.gradient {
    color: #fff;
    padding: .5rem 1rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: .8rem;
    display: flex;
    align-self: flex-start;
    display: table;
    display: inline-block
}

.gradient.orange-red {
    background: linear-gradient(135deg,#ff7e5d,#ff0766 83.61%)
}

.gradient.yellow-green {
    background: linear-gradient(135deg,#f8ff00 0%,#3ad59f 75%)
}

.gradient.green-blue {
    background: linear-gradient(315deg,#1635f6 0%,#00ff88 100%)
}

.gradient.blue-blue {
    background: linear-gradient(135deg,#00d2ff 0%,#3a47d5 100%)
}

.gradient.red-blue {
    background: linear-gradient(135deg,#fc466b 0%,#3f5efb 100%)
}

.gradient.pink-purple {
    background: linear-gradient(135deg,#fa71cd 0%,#ad45ea 79%)
}

.tooltip.show {
    opacity: 1
}

.tooltip-inner {
    padding: .35rem .5rem;
    background: #fff;
    color: #0804cd;
    border-radius: 0;
    min-width: 132px
}

.tooltip .arrow::before {
    border-top-color: #fff
}

body.modal-open {
    overflow: visible;
    position: inherit
}

.page-dedicated-servers .hero-container {
    margin-bottom: 0;
    padding: 170px 0 280px
}

.page-international-dedicated-servers .hero-container {
    margin-bottom: 0;
    padding: 170px 0 280px
}

.page-linux-sdd-vps .hero-container {
    margin-bottom: 0;
    padding: 170px 0 280px
}

.page-windows-ssd-vps .hero-container {
    margin-bottom: 0;
    padding: 170px 0 280px
}

.page-cloud-hosting .hero-container {
    margin-bottom: 0;
    padding: 170px 0 280px
}

.hero-container {
    background: linear-gradient(180deg,#66a5ff,#0069ff);
    position: relative;
    padding: 192px 0 200px
}

.hero-half-container {
    background: linear-gradient(180deg,#66a5ff,#0069ff);
    height: calc(50vh + 6.5rem);
    position: relative;
    overflow: hidden
}

.hero-half-container .container {
    height: calc(50vh + 6.5rem)
}

.hero-img {
    position: absolute;
    right: 0;
    bottom: 0;
    top: -108px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    width: 850px;
    max-width: 850px;
    opacity: 1;
    margin: auto;
    transform: translateX(60%)
}

.hero-trustpilot {
    margin-bottom: 3rem
}

.hero-trustpilot-stars {
    width: 12rem;
    padding-right: 2rem;
    display: block!important
}

.hero-trustpilot-logo {
    width: 6rem;
    padding-bottom: 1rem
}

.hero-customer-profiles {
    padding-bottom: 80px
}

.hero-customer-profiles .hero-img {
    top: 0;
    max-width: 750px;
    width: 750px
}

.page-title {
    color: #fff;
    font-size: 38px!important;
    line-height: 3.4rem;
    font-weight: 300
}

.page-title span {
    font-weight: 700;
    text-shadow: #fff 0 1px 1px;
    font-size: 43px!important;
    line-height: 3.4rem
}

.page-description {
    color: #fff;
    font-size: 20px!important;
    font-weight: 300;
    padding: 2rem 0;
    letter-spacing: 1px;
    line-height: 2rem;
    max-width: 540px
}

.page-description p {
    color: #fff
}

.hero-container .page-title-wrapper {
    position: relative;
    z-index: 10
}

.hero-container .container {
    position: relative
}

.hero-half-container .page-title-wrapper {
    height: calc(50vh + 9.5rem);
    position: relative;
    z-index: 10
}

.owl-theme.owl-flex .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.owl-theme.owl-flex .owl-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto!important;
    touch-action: auto!important;
    -webkit-user-select: auto!important
}

.owl-theme.owl-flex .owl-item .item {
    display: flex;
    flex-direction: column
}

.owl-plans {
    position: relative;
    min-height: 500px;
    display: block!important
}

.home .owl-plans {
    padding-bottom: 2.5rem
}

.owl-plans .owl-prev {
    position: absolute;
    left: -7.5rem;
    top: 50%;
    margin-top: -2rem
}

.owl-plans .owl-next {
    position: absolute;
    right: -7.5rem;
    top: 50%;
    margin-top: -2rem
}

.owl-plans .owl-prev i,.owl-plans .owl-next i {
    color: #bababa;
    padding: 1rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 2px 15px 30px rgba(0,0,0,.15);
    width: 56px;
    font-size: 24px
}

@media only screen and (max-width: 768px) {
    .owl-plans .owl-prev i,.owl-plans .owl-next i {
        width:40px
    }
}

.owl-plans .owl-stage-outer {
    overflow: visible!important
}

.owl-plans .plan-wrapper,.owl-plans .plan-wrapper {
    opacity: 0
}

.owl-plans .owl-item.active .plan-wrapper {
    opacity: 1
}

.plan-container {
    margin-top: 80px
}

.plan-container .col-lg-3 {
    padding-right: .5rem;
    padding-left: .5rem
}

.plan-container .plan-wrapper {
    padding: 0 1rem;
    width: 100%;
    display: flex;
    margin-bottom: 24px
}

.plan-container .plan {
    background: #fff;
    padding: 2.25rem;
    border-radius: .5rem;
    position: relative;
    z-index: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 3rem 0 .5rem;
    width: 100%
}

.plan-container .plan::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: inherit;
    box-shadow: 0 1rem 5rem rgba(0,0,0,.125);
    z-index: -1;
    transition: box-shadow .5s
}

.plan-container .plan h3 {
    margin-bottom: 0;
    font-size: 1.3rem
}

.plan-container .plan-offer span {
    background: linear-gradient(90deg,#ff7e5d,#ff0766);
    color: #fff;
    padding: .5rem 1rem;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 15px!important;
    display: flex;
    align-self: flex-start;
    display: table
}

.plan-container .nav-pills {
    border: 1px solid rgba(255,255,255,.24);
    padding: 6px
}

.plan-container .nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff;
    background: #0069ff;
    box-shadow: 0 8px 24px rgba(0,0,0,.2)!important
}

.plan-container .nav-pills .nav-link {
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    color: #fff;
    margin-top: auto;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px
}

.plan-container #categories-tab>li,.plan-container #groups-tab>li {
    margin-right: 1rem
}

.plan-container #categories-tab>li:last-child,.plan-container #groups-tab>li:last-child {
    margin-right: 0
}

#dedicated-plans .plan-container .container {
    padding-right: 0!important;
    padding-left: 0!important
}

.grouped-plans {
    position: relative;
    margin-top: -260px;
    z-index: 100
}

.grouped-plans .grouped-plans-tabs {
    display: flex;
    margin-left: -15px
}

.grouped-plans .grouped-plans-group {
}

.grouped-plans .grouped-plans-subgroups {
    margin-left: 16px
}

.grouped-plans .grouped-plans-subgroups .tab-pane {
    display: none
}

.grouped-plans .grouped-plans-subgroups .tab-pane.active {
    display: block
}

.from-only {
    font-size: .7rem!important;
    color: #1635f6!important;
    font-weight: 400;
    letter-spacing: 0;
    font-size: .875rem;
    margin-bottom: 0
}

.from-only span {
    font-size: .75rem;
    color: #1635f6;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 0;
    display: block
}

.from-only .discount {
    text-decoration: line-through
}

.plan-offer {
    display: flex;
    flex-direction: column;
    min-height: 35px
}

.plan-price {
    font-size: 34px;
    color: #ff0064;
    font-weight: 400;
    padding-bottom: 0;
    margin-bottom: 0
}

.plan-price .vat-price {
    font-weight: 500
}

.plan-price+.from-only {
    line-height: 1.75;
    margin-bottom: -16px
}

.plan-price span {
    padding-bottom: 0
}

.vat-price {
    font-size: .85rem;
    color: #2a2d38;
    font-weight: 500;
    letter-spacing: 0
}

.current-price {
    font-size: 35px;
    color: #ff0064;
    margin-bottom: 0;
    font-weight: 400;
    padding-bottom: 1rem
}

.plan-description p,.plan-description {
    font-size: .938rem!important;
    font-weight: 400;
    color: #2a2d38;
    line-height: 1.5rem;
    padding-top: 1.75rem;
    padding-bottom: 1.5rem;
    letter-spacing: 0
}

.plan-description p:empty,.plan-description:empty {
    display: none
}

.plan-description p {
    margin-bottom: 0
}

.plan li {
    color: #2a2d38;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5rem;
    list-style-type: none;
    padding-left: 0;
    padding-bottom: .75rem;
    letter-spacing: 0
}

.plan-specifications li i {
    padding-right: 1rem;
    width: 2rem;
    color: #0069ff;
    font-size: 1rem;
    vertical-align: -2px;
    text-align: center
}

.plan-specifications {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-bottom: auto
}

.plan-specifications .feature-icon {
    width: 2rem;
    vertical-align: top
}

.plan-specifications .feature-name {
    width: calc(100% - 2.5rem)
}

.plan li p {
    color: #2a2d38;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5rem;
    list-style-type: none;
    padding-bottom: 0;
    margin-bottom: 0;
    letter-spacing: 0
}

.plan li p:first-child {
    display: inline-block
}

.plan li p:nth-child(-n+2) {
    display: inline-block
}

.plan li p span {
    background: linear-gradient(137deg,#ff7e5d,#ff0766 83.61%);
    color: #fff;
    padding: 0 .5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .75rem;
    display: flex;
    align-self: flex-start;
    display: table;
    display: inline-block;
    margin-left: 1rem
}

.plan ul {
    padding-left: 0
}

.advanced-feature,.advanced-text {
    display: none
}

.advanced-text {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    padding-top: .5rem;
    line-height: 1.3rem;
    padding-left: 38px;
    color: #8b8c90!important
}

.plan-more-features {
    margin-bottom: 0
}

.plan-more-features li {
    margin-bottom: 0;
    padding-top: .75rem
}

.plan-more-features a {
    color: #7e7f84
}

.plan-more-features a i {
    color: #7e7f84;
    padding-right: 1rem;
    width: 2rem;
    font-size: 1rem;
    vertical-align: -2px;
    text-align: center
}

.plan-more-features a:hover {
    text-decoration: none;
    color: #0069ff
}

.btn-plan {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #fff;
    background: #0069ff;
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
    margin-top: auto
}

.btn-plan:hover {
    color: #fff;
    box-shadow: none
}

.plan-cta a {
    color: #7e7f84;
    font-weight: 400
}

.plan-cta a:hover {
    color: #0069ff;
    text-decoration: none
}

.plan-cta a i {
    color: #0069ff;
    padding-right: .5rem
}

.switch {
    padding-top: .25rem
}

.vat-switch p {
    color: #7e7f84;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0
}

.toggle-switch {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden
}

.toggle-switch+label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input.toggle-round-flat+label {
    padding: 2px;
    width: 50px;
    height: 20px;
    background-color: #ddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;
    margin-bottom: 0
}

input.toggle-round-flat+label:before,input.toggle-round-flat+label:after {
    display: block;
    position: absolute;
    content: ""
}

input.toggle-round-flat+label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #fff;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s
}

input.toggle-round-flat+label:after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 12px;
    background-color: #ddd;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    -o-border-radius: 52px;
    border-radius: 52px;
    -webkit-transition: margin .4s,background .4s;
    -moz-transition: margin .4s,background .4s;
    -o-transition: margin .4s,background .4s;
    transition: margin .4s,background .4s
}

input.toggle-round-flat:checked+label {
    background-color: #0069ff
}

input.toggle-round-flat:checked+label:after {
    margin-left: 30px;
    background-color: #0069ff
}

.switch-text {
    float: left;
    margin-right: 2rem
}

.switch {
    float: left
}

.mimecast-form {
    background: linear-gradient(180deg,#66a5ff,#0069ff);
    margin-top: -24px
}

.form-container {
    background: #fff;
    box-shadow: 0 20px 40px rgba(0,0,0,.05);
    border-radius: .5rem
}

.form-container .form-control {
    border-radius: 0;
    border: 1px solid #ededed
}

.form-container label {
    padding-left: .75rem
}

.form-container .form-control::-webkit-input-placeholder {
    color: #7e7f84
}

.form-container .form-control::-moz-placeholder {
    color: #7e7f84
}

.form-container .form-control:-ms-input-placeholder {
    color: #7e7f84
}

.form-container .form-control:-moz-placeholder {
    color: #7e7f84
}

.daterangepicker.dropdown-menu {
    z-index: 9999!important
}

.daterangepicker td.active {
    background-color: #1c3ff2!important
}

.promotion-container {
    background: linear-gradient(to bottom,#f8f8f8 0%,#f8f8f8 70%,#fff 70%,#fff 100%)
}

.plan-feature-container {
    margin-bottom: -50px
}

.plan-feature-container .title-text-sm:first-child {
    font-size: 2rem;
    color: #0069ff
}

.plan-feature-container i {
    font-size: 2rem;
    color: #0069ff;
    width: 3rem;
    vertical-align: -7px
}

.key-features-container i {
    font-size: 3rem;
    color: #fff;
    width: 3rem;
    vertical-align: -7px
}

.key-features-container.light i {
    font-size: 2rem;
    color: #000;
    width: 3rem;
    vertical-align: -5px
}

.feature-container {
    position: relative;
    background: linear-gradient(180deg,#66a5ff,#0069ff)
}

.feature-container h3,.feature-container h4,.feature-container h5,.feature-container h6,.feature-container p,.feature-container li {
    color: #fff
}

.feature-container ul {
    padding-top: 2rem;
    padding-left: 1rem
}

.feature-container li {
    padding-bottom: 1rem
}

.feature-container h4:after {
    color: #fff
}

.feature-container .card-body h3,.feature-container .card-body h4,.feature-container .card-body h5,.feature-container .card-body h6,.feature-container .card-body p,.feature-container .card-body li {
    color: #2a2d38
}

.feature-container .card-body .card-subtitle.blue {
    color: #0069ff
}

.feature-container .card {
    flex-grow: 1
}

.feature-container .card-col,.feature-container .card-body {
    display: flex;
    flex-direction: column
}

.feature-container .card-text {
    margin-bottom: auto
}

.feature-container .card-link {
    margin-top: 2rem
}

.commitment-bg {
    background: linear-gradient(to bottom,#f8f8f8 0%,#f8f8f8 70%,#fff 70%,#fff 100%)
}

.commitment-container i {
    color: #0069ff;
    padding-right: 1rem;
    font-size: 2rem;
    padding-bottom: 2rem
}

.commitment-box {
    padding-top: 100%;
    position: relative;
    margin-bottom: 2.5rem;
    background: #fff;
    width: 100%;
    border-radius: .5rem
}

.commitment-box .commitment-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 2rem;
    display: flex;
    align-items: center
}

.suggested-products-container {
    margin-top: -24px
}

.suggested-products-container .row>* {
    margin-top: 24px
}

.suggested-products-container i {
    font-size: 2rem;
    color: #0069ff
}

.suggested-product {
    border-radius: .5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff
}

.suggested-product:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: inherit;
    box-shadow: 0 1rem 5rem rgba(0,0,0,.125);
    z-index: -1
}

.suggested-product .col-12 {
    padding: 0
}

.suggested-product .col-12 h4 {
    margin-bottom: 0
}

.suggested-product .plan-offer {
    background: linear-gradient(315deg,#1635f6 0%,#00ff88 100%);
    color: #fff;
    padding: .5rem 1rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: .8rem;
    display: flex;
    align-self: flex-start
}

.suggested-product .top-content {
    margin-bottom: auto
}

.suggested-product p {
    margin-bottom: 0
}

.review-container {
    overflow-x: hidden
}

.review-container a:hover {
    color: #1c3ff2;
    text-decoration: underline
}

.review-wrapper {
    padding: .5rem
}

.review {
    background: #fff;
    border-radius: .5rem;
    position: relative;
    padding: 2rem
}

.review-header {
    display: flex
}

.review-stars {
    display: flex
}

.review-user {
    padding-left: 16px;
    width: 100%
}

.review-user-bottom {
    display: flex;
    align-items: center
}

.review-date {
    margin-left: auto;
    color: #7e7f84;
    font-size: 13px
}

.review-stars img {
    width: 16px!important
}

.review-logo {
    width: 90px
}

.review-avatar {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 100%;
    overflow: hidden;
    background: #f2f2f5
}

.review-container .review::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: inherit;
    box-shadow: 0 1rem 5rem rgba(0,0,0,.125);
    z-index: -1;
    transition: box-shadow .5s
}

.review-container .owl-dots {
    margin-bottom: -22px
}

.review-header p {
    margin-bottom: 0
}

.customer-review p {
    margin-bottom: 0
}

.review a,.review a:hover {
    color: #7e7f84;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.75rem;
    letter-spacing: 1px;
    text-decoration: underline
}

.review-speech-mark {
    font-size: 3rem;
    color: #adadad;
    height: 4.5rem;
    overflow: hidden;
    padding-top: 1rem
}

.review-speech-mark.match-2 {
    margin-top: -8px;
    margin-bottom: -10px!important
}

.review-speech-mark.match-4 {
    margin-top: -20px
}

.owl-carousel .owl-item .review-stars {
}

.owl-reviews .owl-item {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.trustpilot-reviews img:first-of-type {
    width: 15rem;
    display: block;
    margin-right: 0
}

.trustpilot-reviews img:last-of-type {
    width: 10rem;
    margin-top: 2rem
}

.owl-reviews {
    position: relative
}

.owl-reviews-container {
    position: relative;
    min-height: 524px;
    width: 100%
}

.owl-reviews-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 48px;
    left: 12px;
    right: 12px;
    bottom: 0;
    z-index: 10;
    box-shadow: 0 1rem 5rem rgba(0,0,0,.125);
    background: #fff;
    border-radius: .5rem
}

.owl-reviews .owl-prev {
    position: absolute;
    left: -7.5rem;
    top: 50%;
    margin-top: -2rem;
    z-index: 99
}

.owl-reviews .owl-next {
    position: absolute;
    right: -7.5rem;
    top: 50%;
    margin-top: -2rem;
    z-index: 99
}

.owl-reviews .owl-prev i,.owl-reviews .owl-next i {
    color: #bababa;
    padding: 1rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 2px 15px 30px rgba(0,0,0,.15);
    width: 56px;
    font-size: 24px
}

@media only screen and (max-width: 768px) {
    .owl-reviews .owl-prev i,.owl-reviews .owl-next i {
        width:40px
    }
}

.owl-reviews .owl-stage-outer {
    overflow: visible!important
}

.owl-reviews .owl-item {
    opacity: 0;
    transition: opacity 1s;
    transition-timing-function: cubic-bezier(.31,.83,.7,1)
}

.owl-reviews .owl-item.active {
    opacity: 1
}

.no-flexbox {
    display: table-cell
}

.index-feature-container ul {
    padding-left: 1.5rem;
    padding-top: 0;
    margin-top: -64px
}

.index-feature-container li {
    padding-bottom: .8rem
}

.index-feature-container .certificates {
    display: flex;
    max-width: 394px;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px
}

.index-feature-container .certificates img:first-of-type {
    max-width: 11rem;
    margin-right: 16px
}

.index-feature-container .certificates img:last-of-type {
    max-width: 9rem
}

@media(max-width: 991px) {
    .index-feature-container ul {
        margin-top:0
    }
}

@media(max-width: 767px) {
    .index-feature-container .certificates {
        max-width:330px
    }
}

.home-icons {
    width: 12.5rem;
    margin-left: -3.125rem
}

.about-btn {
    position: absolute;
    bottom: 5rem
}

@-webkit-keyframes wave {
    50% {
        -webkit-transform: translateZ(4.5em)
    }

    50% {
        transform: translateZ(4.5em)
    }
}

.mac {
    -webkit-animation: wave 2s 0s ease-in-out infinite;
    animation: wave 2s 0s ease-in-out infinite;
    position: absolute
}

.iphone {
    -webkit-animation: wave 2s .2s ease-in-out infinite;
    animation: wave 2s .2s ease-in-out infinite
}

.ipad {
    -webkit-animation: wave 2s .4s ease-in-out infinite;
    animation: wave 2s .4s ease-in-out infinite
}

#cpanel-logo {
    width: 80%
}

.cpanel-icon {
    width: 12.5rem;
    margin-left: -3.125rem
}

.cpanel-support-container {
    padding-bottom: 5rem;
    background: url(../images/cpanel/support-bg.jpg);
    background-position: top center;
    background-size: cover;
    height: 50vh
}

.cpanel-support-container.new {
    height: 100%;
    padding: 5rem 0
}

.cpanel-support-container .cpanel-support-wrapper {
    height: 50vh
}

.cpanel-support-container.new .cpanel-support-wrapper {
    height: 100%
}

.cpanel-support-wrapper i,.cpanel-support-wrapper h4,.cpanel-support-wrapper p,.cpanel-support-wrapper a {
    color: #fff
}

.cpanel-support-wrapper.border {
    border: solid 1px #fff;
    padding: 30px 22px 22px
}

.cpanel-support-wrapper .btn-text-only:hover {
    color: #fff;
    text-decoration: underline
}

.cpanel-support-wrapper .fal {
    color: #fff
}

#cpanel-1-click-img {
    width: 100%;
    padding-top: 1rem
}

.live-chat-ctas-wrapper {
    position: relative;
    height: 80px
}

.live-chat-cta {
    background: #fff;
    width: 3rem;
    height: 3rem;
    border-radius: .5rem;
    z-index: 999;
    position: relative
}

.live-chat-cta i {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0069ff;
    font-size: 1.5rem;
    padding-top: .25rem
}

.tfs-cta {
    float: left;
    margin-right: 30px
}

.live-chat-ctas-wrapper .btn-text-only {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.specialist-tab-section .tab-pane {
    background: linear-gradient(180deg,#66a5ff,#0069ff);
    padding: 3rem;
    color: #fff
}

.specialist-tab-section.featured .tab-pane {
    background: 0 0;
    padding: 3rem 1rem;
    color: #fff;
    border: solid 4px #fff;
    border-top: none
}

.specialist-tab-section .title-text-lg {
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff
}

.specialist-tab-section .title-text-lg:after {
    content: "";
    display: block;
    width: 3rem;
    border-bottom: 3px solid #fff;
    padding-top: 2rem
}

.specialist-tab-section p {
    color: #fff
}

.specialist-tab-section .nav-tabs .nav-link.active {
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
    color: #fff!important;
    background: linear-gradient(137deg,#ff7e5d,#ff0766 83.61%);
    border: none
}

.specialist-tab-section .nav-item {
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
    border-radius: 0;
    width: 25%;
    font-size: .8rem;
    padding: 1rem;
    font-weight: 500;
    background-color: #fff
}

.specialist-tab-section.twenty .nav-item {
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
    border-radius: 0;
    width: 20%;
    font-size: 1rem;
    padding: 1rem;
    font-weight: 500;
    background-color: #fff
}

.specialist-tab-section .nav-tabs a {
    color: #2a2d38!important
}

.specialist-tab-section li {
    color: #fff
}

.specialist-tab-section li {
    padding-bottom: 1rem
}

.page-reseller-windows .hero-img,.page-reseller-linux .hero-img {
}

.vps-feature-container.feature-container .cpanel-1-click-icon {
    width: 100%
}

.technological-partners-img {
    width: 60%
}

.partners-content {
    margin: -24px -23px 0;
    display: flex;
    flex-wrap: wrap
}

.partner-img {
    width: 25%;
    margin-top: 24px;
    padding: 0 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.ssd-vs-hdd-container {
    padding-bottom: 3rem
}

.ssd-vs-hdd-container li {
    padding-bottom: 2rem;
    text-indent: -1.5rem
}

.dedicated-server-icon {
    width: 12.5rem;
    margin-left: -3.125rem
}

.ssd-vs-hdd-container li:before {
    content: "\f00c";
    font-family: "font awesome 5 pro";
    font-weight: 300;
    color: #0069ff
}

.ssd-vs-hdd-container i {
    font-size: 2rem;
    color: #fff;
    width: 3rem;
    vertical-align: -5px
}

.page-dedicated-servers .plan-cta {
    display: none
}

.hero-container.windows-ssd-vps-container .hero-img {
}

.hero-container.home-container .hero-img {
    top: -10px;
    left: -220px
}

.page-linux-ssd-vps .hero-img,.page-cpanel .hero-img,.page-windows-hosting-shared .hero-img {
    top: -40px
}

.page-windows-ssd-vps .hero-img {
    top: -108px
}

.page-personal-sign .hero-img,.page-email-hosting .hero-img,.page-wordpress .hero-img {
    top: 0
}

#windows-why-vps {
    width: 100%;
    margin-top: 5rem;
    margin-bottom: 5rem
}

.hero-container.windows-shared-container .hero-img {
}

.why-wordpress-container #why-wordpress-img {
    width: 100%
}

.hero-container.linux-ssd-vps-container .hero-img {
}

.hero-container.remote-backup-container .hero-img {
    width: 648px;
    max-width: 648px
}

.hero-container.about-us-container .hero-img,.hero-container.jobs-container .hero-img {
    max-width: 700px;
    width: 700px
}

.hero-container.contact-us-container .hero-img,.hero-container.hero-container-cloud-hosting .hero-img {
    top: -108px;
    max-width: 650px;
    width: 650px
}

.linux-ssd-vps-icons {
    width: 12.5rem;
    margin-left: -3.125rem
}

.page-linux-sdd-vps .plan-cta {
    display: none
}

.hero-container-no-overlapping {
    padding: 192px 0 100px
}

.business-hosting-icon {
    width: 12.5rem;
    margin-left: -3.125rem
}

.hero-container.personal-sign-container .hero-img {
    width: 40%;
    max-width: 40%;
    padding-right: 5rem
}

.personal-sign-container ul {
    padding-left: 2rem
}

.personal-sign-container li {
    padding-bottom: .5rem;
    text-indent: -2rem;
    list-style-type: none
}

.personal-sign-container li:before {
    content: "\f00c";
    font-family: "font awesome 5 pro";
    font-weight: 300;
    color: #0069ff;
    padding-right: 1rem
}

.page-personal-sign .plan-cta {
    display: none
}

.hero-container.spam-experts-container .hero-img {
    width: 650px;
    max-width: 650px
}

.custom-control {
    margin-bottom: .5rem
}

.custom-checkbox .custom-control-input:checked .custom-control-label::before {
    background-color: #1c3ff2
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0;
    background: #f8f8f8
}

.ssl-container ul {
    padding-left: 1rem
}

.ssl-container ul li {
    list-style-type: none;
    padding-bottom: .5rem;
    text-indent: -1.5rem
}

.ssl-container ul li:before {
    content: "\f00c";
    font-family: "font awesome 5 pro";
    font-weight: 300;
    color: #0069ff;
    padding-right: .5rem
}

.ssl-container ul li i {
    color: #0069ff
}

.page-enterprise-solutions .hero-img {
}

.enterprise-container ul {
    padding-left: 1rem
}

.enterprise-container ul li {
    list-style-type: none;
    padding-bottom: .5rem;
    text-indent: -1.5rem
}

.enterprise-container ul li:before {
    content: "\f00c";
    font-family: "font awesome 5 pro";
    font-weight: 300;
    color: #0069ff;
    padding-right: .5rem
}

.enterprise-container ul li i {
    color: #0069ff
}

.enterprise-split-section .col-6 {
    padding: 0
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: .3rem;
    border-radius: .15rem;
    background: #ededed;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    border: 2px solid #0069ff
}

.slider::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #0069ff;
    cursor: pointer
}

.remote-back-up-wrapper .btn {
    box-shadow: none
}

.remote-back-up-tabs {
    padding-top: 1rem
}

.remote-back-up-tabs a {
    color: #7e7f84;
    padding-right: 1rem;
    font-size: .875rem
}

.remote-back-up-tabs a.active {
    color: #0069ff
}

.remote-back-up-wrapper .hero-usp .back-up-storage-amount {
    font-weight: 400;
    color: #2a2d38!important;
    padding-top: 1rem
}

.back-up-storage-amount i {
    color: #0069ff;
    padding-right: 1rem
}

#bs-calculator .back-up-price {
    font-size: 2rem;
    color: #ff0064;
    font-weight: 500;
    padding-bottom: 0;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    padding-top: 1.5rem
}

.remote-back-up-wrapper .back-up-price {
    font-size: 2rem;
    color: #0069ff;
    font-weight: 300;
    display: block
}

.remote-back-up-wrapper .back-up-price span {
    font-size: .75rem;
    font-weight: 700;
    display: block;
    color: #2a2d38
}

.remote-back-up-wrapper .hero-usp:first-of-type {
    padding-left: 2.25rem
}

#bs-calculator .form-control {
    border: none;
    border-radius: 0
}

.domains-container .hero-img {
    width: 661px;
    max-width: 661px;
    padding-right: 5rem;
    bottom: 0
}

.domains-container .title-text-lg:after {
    display: none
}

.domain-search {
    background-color: #fff;
    border-radius: .5rem;
    position: relative;
    z-index: 1;
    box-shadow: 0 1rem 5rem rgba(0,0,0,.125);
    padding: 40px 25px
}

.domain-search .form-control {
    border: 1px solid #7e7f84;
    padding: 1rem 2rem 1rem 3.2rem;
    width: 100%;
    display: block;
    border-radius: 0
}

.domain-search .form {
    display: block;
    width: 100%
}

.domain-search .form-group {
    position: relative;
    margin: 0
}

.domain-search .form-group:before {
    content: "\f002";
    font-family: "font awesome 5 pro";
    display: block;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #0069ff
}

.domain-search .btn-blue {
    box-shadow: none
}

.domain-search .domain-search-button a {
    font-size: 18px;
    font-weight: 700
}

.domain-search .title-text-lg:after {
    display: none
}

.domain-search .domain-search-links {
    margin-top: 18px
}

.domain-search .domain-search-links a {
    margin-right: 24px;
    font-size: 16px;
    color: #0069ff
}

.domain-list {
    margin-top: -30px
}

.domain-list .domains-package {
    border: 1px solid #e0e3ea;
    min-height: 164px;
    margin-top: 30px;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.domain-list .domains-package .vat {
    font-size: .75rem;
    color: #7e7f84
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .domain-list .domains-package {
        height: 164px
    }
}

.domain-list .domains-name,.domain-list .domains-price {
    text-align: center
}

.domain-list .domains-name {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 16px
}

.domain-list .domains-name span {
    color: #0069ff
}

.domain-table-header {
    font-weight: 700;
    padding: 1rem 0
}

.domain-table-header .title-text-sm {
    font-weight: 700
}

.domain-table-header .title-text-xs {
    font-size: .8rem;
    margin-top: .5rem
}

.domain-table-header.title-text-xs i {
    color: #0069ff;
    float: right;
    padding-top: .2rem
}

.domain-item {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.domain-item .domain-select-box i {
    transition: transform .2s
}

.domain-item:hover .domain-select-box i {
    transform: translateX(8px)
}

@media(min-width: 768px) {
    .domain-item {
        -webkit-box-align:center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center
    }
}

@media(max-width: 767px) {
    .domain-item {
        padding-top:.7rem;
        padding-bottom: .7rem
    }
}

.domain-item.even {
    background: #f8f8f8
}

.domain-item.odd {
    background: #fff
}

.domain-item .domain-name span {
    font-size: 1.25rem!important;
    color: #0069ff
}

.domain-item p {
    font-size: 1rem;
    font-weight: 400;
    color: #212529;
    word-break: break-word
}

.domain-item p span:not(.price,.vat) {
    font-size: .75rem;
    color: #0069ff;
    font-weight: 700
}

.domain-item p span.vat {
    font-size: .75rem;
    color: #7e7f84
}

.domain-item .form-check-input {
    position: absolute;
    margin-top: 0;
    margin-left: 0
}

.domain-name {
    font-size: 1.25rem;
    color: #0069ff
}

.domain-tld-container .table-striped tbody tr:nth-of-type(odd) {
    background: #f8f8f8
}

.domain-tld-container .table thead th {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.domain-tld-container .table {
    table-layout: fixed
}

.domain-tld-container .table thead th:first-of-type {
    font-weight: 700
}

.domain-tld-container .table thead th span {
    font-size: .75rem;
    font-weight: 700
}

.domain-tld-container .table thead th,.domain-tld-container .table td {
    border: none;
    padding-left: 2rem
}

.domain-tld-container .table td span {
    font-size: .75rem;
    color: #0069ff;
    font-weight: 700
}

.domain-tld-container a {
    font-size: 1.25rem;
    color: #0069ff
}

.domain-tld-container a:hover {
    color: #0a00e9;
    text-decoration: none
}

#domain-results {
    display: none
}

.domain-results-container thead {
    position: -webkit-sticky;
    position: sticky;
    top: 5.3125rem;
    background: #fff;
    box-shadow: 0 20px 40px rgba(0,0,0,.05);
    z-index: 999
}

.domain-results-container .title-text-xs i {
    color: #0069ff;
    float: right;
    padding-top: .2rem
}

.domain-results-container .domain-select-box {
    text-align: center
}

.domain-results-container .domain-select {
    width: 5rem;
    text-align: center;
    padding-left: 0!important;
    padding-right: 0!important
}

.domain-results-container #accordion {
    padding-top: 2rem
}

.domain-filters h4 {
    padding-top: 1.3rem;
    margin-bottom: 0
}

.domain-results-container .domain-filters {
    position: -webkit-sticky;
    position: sticky;
    padding-left: 2.5rem;
    height: 100%
}

.domain-results-container .domain-filters i {
    color: #0069ff
}

.domain-results-container .domain-filters .card-header {
    background: 0 0;
    border: none;
    padding-left: 0
}

.domain-results-container .domain-filters .card-header .btn {
    font-size: 1rem;
    color: #2a2d38;
    padding-left: 0
}

.domain-results-container .domain-filters .card-header .btn:hover {
    text-decoration: none
}

.domain-results-container .domain-filters .card {
    border: none;
    border-bottom: 1px solid #ededed;
    border-radius: 0;
    padding-left: 0
}

.domain-results-container .domain-filters .card ul {
    padding-left: 0
}

.domain-results-container .domain-filters .btn-blue {
    font-size: .9rem;
    margin-top: 5rem;
    box-shadow: none
}

.domain-results-container .domain-filters .btn-blue i {
    color: #fff;
    padding-right: .5rem;
    font-size: 1rem
}

.domain-cta h3 {
    display: inline-block;
    margin-right: 30px
}

.domain-cta .btn {
    display: inline-block
}

.domain-transfer-container i {
    font-size: 2rem;
    color: #fff;
    width: 3rem;
    vertical-align: -5px
}

.domain-transfer-container .nav-tabs {
    border-bottom: none
}

.domain-transfer-container .nav-tabs .nav-link {
    padding: 20px 34px
}

.domain-transfer-container .tab-content {
    border: 1px solid #fff;
    padding: 34px
}

.domain-transfer-container .nav-tabs .nav-link {
    border: 1px solid rgba(255,255,255,.24);
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0 4px;
    color: #fff
}

.domain-transfer-container .nav-tabs .nav-link:first-child {
    margin-left: 0
}

.domain-transfer-container .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: #fff
}

.domain-transfer-container hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #fff
}

#waiting-results {
    text-align: center
}

#waiting-results i {
    font-size: 5rem;
    margin-bottom: 3rem;
    color: #0069ff
}

#plesk {
    border-collapse: collapse;
    width: 100%
}

#plesk td,#plesk th {
    border-top: 1px solid #dadada;
    padding: 8px;
    border-bottom: 1px solid #dadada
}

#plesk tr:nth-child(even) {
    background-color: #f2f2f2
}

#plesk tr:hover {
    background-color: #ddd
}

#plesk th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #1c41f2;
    color: #fff
}

#plesk>tbody>tr>th:nth-child(2),#plesk>tbody>tr>td:nth-child(2) {
    text-align: center
}

#plesk>tbody>tr>th:nth-child(3),#plesk>tbody>tr>td:nth-child(3) {
    text-align: center
}

#plesk>tbody>tr>th:nth-child(4),#plesk>tbody>tr>td:nth-child(4) {
    text-align: center
}

.phone-support-container {
    position: relative;
    z-index: 100;
    margin-top: -100px;
    padding-top: 0!important;
    margin-top: -24px
}

.phone-support-container .row>* {
    display: flex
}

.support-widget {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 16px 80px rgba(0,0,0,.12);
    padding: 12px 32px 32px;
    margin-top: 24px
}

.support-widget-icon {
    height: 64px;
    width: 64px;
    margin-left: -16px;
    margin-bottom: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0069ff;
    font-size: 32px
}

.support-widget-title {
    background: #fff;
    font-weight: 700!important
}

.support-widget-desc {
    background: #fff
}

.support-widget-actions {
    background: #fff;
    margin-top: auto
}

.support-widget-main-number {
    font-size: 24px!important;
    line-height: 30px!important;
    margin-top: 8px;
    margin-bottom: 16px;
    text-align: left;
    color: #ff0064;
    display: block;
    font-weight: 600
}

.support-widget-number {
    display: block;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #2a2d38
}

.support-widget-number {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #2a2d38
}

.support-widget-number+.support-widget-number {
    margin-top: 8px
}

.support-widget-number-info {
    font-weight: 300;
    font-size: 11px;
    line-height: 16px;
    color: #7e7f84;
    margin-top: 16px;
    margin-bottom: 0
}

.contact-address-container {
}

.contact-address-container .container {
    display: flex;
    justify-items: center;
    align-items: center;
    align-content: center
}

.contact-address-content {
    background: #fff;
    position: relative;
    z-index: 10;
    max-width: 536px;
    box-shadow: 0 16px 80px rgba(0,0,0,.12);
    margin: 62px -64px 62px 0;
    padding: 40px;
    border-radius: 4px
}

.contact-address-container iframe {
    max-width: 100%
}

.contact-info-container .launch-chat {
    margin-top: 4.5rem
}

.contact-info-container .btn-blue {
    box-shadow: none
}

.contact-address-container ul {
    padding-left: 0;
    padding-bottom: 1rem
}

.contact-address-container li {
    color: #2a2d38;
    line-height: 2.5rem;
    font-size: 1.5rem;
    list-style-type: none
}

.stats-container {
    margin-top: -32px;
    padding-top: 0!important
}

.stats,.banner-feature {
    position: relative;
    margin-top: 32px;
    background: #fff;
    width: 100%;
    padding: 69px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 6px
}

.stats:before,.banner-feature:before {
    border-radius: 6px;
    content: "";
    position: absolute;
    box-shadow: 0 16px 80px rgba(0,0,0,.12);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1
}

.stats-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #2a2d38;
    margin-bottom: 0;
    margin-bottom: 8px
}

.stats-number {
    font-size: 65px;
    line-height: 75px;
    text-align: center;
    color: #0069ff;
    font-weight: 100
}

.stats-desc {
    margin-top: 16px
}

.banner-features {
    margin-top: -132px
}

.banner-features .row>* {
    display: flex
}

.banner-feature {
    background: #fff;
    align-items: flex-start;
    padding: 23px 31px;
    justify-content: flex-start
}

.banner-feature .banner-feature-icon {
    color: #0069ff;
    font-size: 32px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.banner-feature .banner-feature-title {
    margin-top: 21px;
    max-width: 100%
}

.banner-feature .banner-feature-desc {
    margin-top: 8px;
    margin-bottom: 0;
    max-width: 100%
}

.contact-form .nav {
    border-bottom: none
}

.contact-form .contact-form-header {
    margin-bottom: 24px
}

.contact-form .contact-form-header p {
    font-size: 20px;
    line-height: 32px;
    color: #7e7f84
}

.contact-form .nav .nav-item {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #2a2d38;
    padding: 24px 30px;
    border-left: 1px solid #dadce0;
    border-top: 1px solid #dadce0;
    border-right: 1px solid #dadce0;
    border-bottom: none!important;
    margin-right: 8px;
    border-radius: 0
}

.contact-form .nav .nav-item:hover,.contact-form .nav .nav-item:focus,.contact-form .nav .nav-item:active {
    border-bottom: none!important
}

.contact-form .nav .nav-item.active:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 10
}

.contact-form .nav .nav-item.active {
    color: #0069ff
}

.contact-form .tab-content {
    border: 1px solid #dadce0;
    padding: 42px
}

.legal-wrapper {
    box-shadow: 0 20px 60px rgba(0,0,0,.1);
    margin-top: 5rem
}

.legal-links {
    background: #fafafa;
    padding-bottom: 5rem
}

.legal-links ul {
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
    margin-top: 2rem;
    padding-left: 0;
    margin-bottom: 2rem
}

.legal-links li {
    list-style-type: none;
    color: #2a2d38;
    font-weight: 500;
    padding: .5rem 2rem;
    font-size: .875rem
}

.legal-links .active {
    background: #fff;
    padding: 1rem 2rem
}

.legal-links .active ul {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin: 0;
    padding-left: 0
}

.legal-content h2:not(.h1) {
    padding-top: 3rem;
    padding-bottom: 1rem;
    font-size: 1.75rem;
    font-weight: 300
}

.legal-content .h1 {
    font-size: 3rem;
    font-weight: 300
}

#legal-date {
    font-weight: 400;
    padding-bottom: 2rem
}

#legal-date span {
    font-weight: 500;
    color: #2a2d38
}

.legal-content ol {
    counter-reset: item
}

.legal-content ol>li {
    display: block;
    padding: .25rem 0
}

.legal-content ol>li:before {
    content: counters(item,".") ". ";
    counter-increment: item
}

.legal-content ol li h1,.legal-content ol li h2,.legal-content ol li h3,.legal-content ol li h4,.legal-content ol li h5,.legal-content ol li h6 {
    font-size: inherit;
    font-weight: 500;
    display: inline
}

.profile-col {
    padding-right: 4rem
}

.single-page-content h3 {
    margin-top: 3rem;
    margin-bottom: 1rem
}

.single-page-content strong {
    font-weight: 700
}

#chat-widget-container {
}

#chat-widget-container {
    right: 8px!important;
    bottom: 4px!important
}

.chat-wrapper .plan-offer {
    background: linear-gradient(137deg,#ff7e5d,#ff0766 83.61%);
    color: #fff;
    padding: .2rem 1rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: .6rem;
    display: flex;
    align-self: flex-start;
    text-align: center;
    display: table;
    margin: 0 auto;
    margin-top: 1rem
}

.products-row>div>div:nth-child(1) {
    padding: 0
}

.products-row>div>div:nth-child(2) {
    padding-left: 0
}

.products-row>div>div:nth-child(4) {
    padding-right: 0
}

.creditations img {
    max-width: 150px;
    height: auto
}

.owl-carousel .owl-prev.disabled,.owl-carousel .owl-next.disabled {
    display: none
}

.owl-theme .owl-dots,.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom:1}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #bababa;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #0069ff
}

.owl-carousel .owl-item {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important
}

.owl-theme.owl-flex .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.owl-theme.owl-flex .owl-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto!important
}

.owl-theme.owl-flex .owl-item .item {
    display: flex;
    flex-direction: column
}

.certification-logos img {
    max-width: 150px;
    height: auto
}

.nav-features .nav-link {
    background: 0 0;
    color: rgb(255,255,255,.8);
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    position: relative;
    padding-bottom: 8px;
    padding-top: 8px;
    margin-bottom: 4px
}

.nav-features .nav-link:before {
    content: "";
    width: 3px;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: 0 0
}

.nav-features .nav-link.active:before {
    background: #fff
}

.nav-features .nav-link.active,.nav-features .show>.nav-link {
    background: 0 0;
    color: #fff
}

.tab-content-boxed {
    background: #fff;
    border-radius: 8px;
    color: #2a2d38;
    padding: 40px 50px
}

.tab-content-job ul {
    list-style: none;
    padding-left: 0;
    font-size: 17px;
    font-weight: 300;
    line-height: 32px;
    padding-bottom: 4px;
    padding-top: 0!important
}

.tab-content-job ul li {
    padding-bottom: 8px;
    display: flex;
    text-align: left
}

.tab-content-job ul i {
    color: #0069ff;
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: inline-flex;
    align-items: center;
    margin-right: 4px
}

.tab-content-job ul li {
    color: #2a2d38!important;
    padding-bottom: 0
}

.tab-content-job ul li span {
    color: #7e7f84!important
}

.feature-container .tab-content-boxed h3,.feature-container .tab-content-boxed h4,.feature-container .tab-content-boxed h5,.feature-container .tab-content-boxed h6 {
    color: #2a2d38;
    margin-bottom: 24px
}

.feature-container .tab-content-boxed p {
    color: #7e7f84
}

.calculator {
    background: #fff;
    position: relative;
    z-index: 10;
    border-radius: .5rem;
    -webkit-box-shadow: 0 1rem 5rem rgba(0,0,0,.125);
    box-shadow: 0 1rem 5rem rgba(0,0,0,.125);
    margin-top: -100px;
    padding: 48px 42px
}

.calculator .spam-form-col>div {
    border: 1px solid #d3d6e2;
    border-radius: .2rem;
    padding: 20px 24px;
    height: 100%
}

.calculator .spam-form-col p {
    margin-bottom: 0
}

.calculator .spam-form-col h5 {
    margin-bottom: 25px
}

.calculator .spam-form-group {
    margin-bottom: 20px;
    position: relative
}

.calculator .spam-form-group input[type=text],.calculator .spam-form-group select {
    border: 1px solid #7e7f84;
    width: 100%;
    height: 48px
}

.calculator .spam-form-group select {
    padding: 0 14px
}

.calculator .spam-form-group input[type=text] {
    padding: 0 45px;
    text-align: center
}

.calculator .spam-form-group .operator {
    padding: 12px 16px;
    position: absolute;
    cursor: pointer;
    color: #1c3ff2;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.calculator .spam-form-group .operator:hover {
    color: #fe0064
}

.calculator .spam-form-group .operator:first-of-type {
    left: 0
}

.calculator .spam-form-group .operator:last-of-type {
    right: 0
}

.calculator .spam-form-group p {
    margin-bottom: 0;
    color: #000
}

.calculator .switcher {
    border: 1px solid #7e7f84;
    width: 100%;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    cursor: pointer
}

.calculator .switcher input {
    display: none
}

.calculator .switcher-labels {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.calculator .switcher-labels:after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    background: #1c3ff2;
    width: 50%;
    position: absolute;
    z-index: 1;
    -webkit-transition: .3s ease-in-out transform;
    transition: .3s ease-in-out transform
}

.calculator .switcher-labels span {
    width: 50%;
    text-align: center;
    position: relative;
    z-index: 2;
    -webkit-transition: .3s ease-in-out color;
    transition: .3s ease-in-out color
}

.calculator .switcher-labels span:first-of-type {
    color: #fff
}

.calculator .switcher input:checked+.switcher-labels:after {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.calculator .switcher input:checked+.switcher-labels span:first-of-type {
    color: inherit
}

.calculator .switcher input:checked+.switcher-labels span:last-of-type {
    color: #fff
}

.calculator-actions {
    margin-top: 35px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.calculator .pricebox .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.calculator .pricebox .price-label {
    font-size: 14px;
    color: #7e7f84
}

.calculator .pricebox .price-value {
    color: #fe0064;
    font-size: 40px;
    font-weight: 300
}

.calculator .pricebox .price-exVat {
    color: #97a0a8;
    font-size: 11px;
    margin-top: -8px
}

.calculator .submit .button {
    background: #1c3ff2;
    color: #fff;
    height: 64px;
    font-size: 18px;
    line-height: 52px;
    width: 100%
}

.calculator .payment-cycle {
    max-width: 190px;
    margin-left: auto
}

.calculator .payment-cycle label {
    font-size: 14px;
    color: #7e7f84
}

.calculator .payment-cycle .spam-form-group {
    margin-bottom: 0
}

@media(max-width: 767px) {
    .calculator {
        padding:32px 24px
    }

    .page-reviews #read_reviews {
        padding-top: 80px
    }
}

.row-sm {
    margin-left: -12px;
    margin-right: -12px
}

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

.content-bordered {
    position: relative
}

.content-centred>.row>* {
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    align-items: flex-start
}

.content-centred p {
    max-width: 100%
}

.mt-40 {
    margin-top: 40px
}

.pt-56 {
    padding-top: 56px
}

.pb-56 {
    padding-bottom: 56px
}

.pt-64 {
    padding-top: 64px!important
}

@media(max-width: 991px) {
    .mt-md-24 {
        margin-top:24px
    }

    .pt-md-24 {
        padding-top: 24px!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pv-md-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
}

@media(max-width: 767px) {
    .mt-sm-24 {
        margin-top:24px
    }
}

@media(max-width: 575px) {
    .mt-xs-24 {
        margin-top:24px
    }
}

.feature-container h2 {
    color: #fff
}

.feature-container i:not(.far) {
    color: #fff;
    vertical-align: middle
}

.feature-container .gradient {
    margin-left: 8px
}

.feature-container h3.title-text-md:not(.h5) {
    font-weight: 300;
    font-size: 30px
}

.plan-feature-container .title-text-sm:first-child {
    line-height: 1.2;
    margin-bottom: .5rem
}

.faq-container {
}

.faq-container .nav-link {
    color: #2a2d38;
    border-radius: 0;
    font-size: .875rem;
    border-left: 2px solid rgba(28,64,242,.2);
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #ededed
}

.faq-container .nav-link.active {
    background: #fff;
    color: #2a2d38;
    border-left: 2px solid #0069ff
}

.faq-container .tab-pane {
    padding: 2rem
}

.faq-container .tab-pane.active {
    background: #fff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 32px;
    color: #7e7f84;
    font-weight: 300
}

.faq-container .tab-pane.active p,.faq-container .tab-pane.active li {
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 32px;
    color: #7e7f84
}

.faq-container .tab-pane.active ul li {
    list-style: none;
    position: relative
}

.faq-container .tab-pane.active ul li::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #1b3ee8;
    left: -31px;
    top: 11px
}

.faq-container .tab-pane>:last-child {
    margin-bottom: 0
}

.faq-wrapper {
    margin: 0;
    box-shadow: 0 16px 80px rgba(0,0,0,.12);
    background: #fff;
    border-radius: .5rem;
    overflow: hidden
}

.faq-nav-pills {
    padding-left: 0;
    padding-right: 0;
    border-right: 1px solid #ededed
}

.help-container #phone-icon {
    background: #0069ff;
    padding: 1rem;
    color: #fff;
    border-radius: 50%;
    font-size: 1.25rem;
    margin-top: -5rem
}

.help-container #chat-icon {
    background: #0069ff;
    padding: 1rem;
    color: #fff;
    border-radius: 50%;
    font-size: 1.25rem;
    margin-top: -5rem
}

.help-container img {
    width: 100%;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.help-container .help-option {
    border-radius: .5rem;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1rem 5rem rgba(0,0,0,.125)
}

.help-container .help-option .help-option-image {
    background: linear-gradient(to right,#1800c8 0%,#0d038d 100%)
}

.help-container .help-option .help-option-image img {
    margin-bottom: -1px
}

.help-container a {
    height: 100%
}

.help-container a:hover {
    text-decoration: none
}

.review-wrapper {
    padding: 0 12px
}

.owl-reviews .owl-item {
    margin-top: 3rem;
    margin-bottom: 24px
}

.home .owl-plans {
    padding-bottom: 0
}

.plan-container .plan {
    margin: 0
}

.hero-usp h4 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #2a2d38
}

.hero-usp p {
    font-size: 1rem;
    line-height: inherit;
    font-weight: 400;
    color: #68696e;
    margin-bottom: 0;
    line-height: 1.75
}

.hero-container {
    margin-bottom: -100px
}

.content-padding-lg .title-text-lg {
    margin-top: -7px
}

.screens-slider-slides {
    height: 468px;
    width: 654px
}

.screens-slider-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 468px;
    width: 654px;
    transition: height .5s
}

.screens-slider-slide.is-active {
    display: block;
    visibility: visible;
    opacity: 1
}

.screens-slider-slide .browers,.screens-slider-slide .phone {
    position: absolute;
    transition: transform .45s,visibility .45s,opacity .45s;
    opacity: 0;
    visibility: hidden
}

.screens-slider-slide .browers {
    top: 0;
    left: 36px;
    transform: translateX(60px)
}

.screens-slider-slide .phone {
    left: 0;
    bottom: -25px;
    transform: translateX(-60px)
}

.screens-slider-slide .phone.move-down {
    bottom: -88px
}

.screens-slider-slide.is-active .browers,.screens-slider-slide.is-active .phone {
    position: absolute;
    transform: translateX(0);
    visibility: visible;
    opacity: 1
}

@media only screen and (max-width: 991px) {
    .screens-slider-slides {
        display:none
    }
}

.phone {
    border-radius: 14px;
    background-color: #fff;
    box-shadow: 0 16px 80px rgba(0,0,0,.12);
    height: 357px;
    width: 188px
}

.phone-bar {
    height: 3px;
    width: 45px;
    margin: 0 auto;
    margin-top: 10px;
    background: #0069ff;
    border-radius: 10px
}

.phone-screen {
    overflow: hidden;
    border-radius: 8px;
    height: 317px;
    width: 178px;
    margin: 0 auto;
    margin-top: 8px
}

.phone-screen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.browers {
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 16px 80px rgba(0,0,0,.12);
    width: 624px
}

.browers-bar {
    height: 22px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 11px
}

.browers-dot {
    background: #0069ff;
    width: 7px;
    min-width: 7px;
    height: 7px;
    margin-right: 6px;
    border-radius: 100px
}

.browers-screen {
    height: 100%;
    overflow: hidden;
    width: 626px
}

.browers-screen img {
}

.collapse-nav {
}

.collapse-nav .collapse-nav-item {
    border: 1px solid #e4e4e9;
    margin-bottom: 8px;
    border-radius: 5px;
    padding: 15px 17px;
    cursor: pointer;
    transition: border .45s
}

.collapse-nav .collapse-nav-item:last-child {
    margin-bottom: 0
}

.collapse-nav .collapse-nav-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0
}

.collapse-nav .collapse-nav-body {
    display: none
}

.collapse-nav .collapse-nav-desc {
    font-size: 14px;
    line-height: 24px;
    color: #7e7f84;
    margin-top: 8px;
    margin-bottom: 0
}

.collapse-nav .collapse-nav-item.is-active,.collapse-nav .collapse-nav-item:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #000!important
}

.collapse-nav-item.is-active .collapse-nav-title {
    color: #000!important
}

.collapse-nav-item.is-active .collapse-nav-desc {
    color: #000!important
}

.collapse-nav .collapse-nav-item.is-active .collapse-nav-desc {
    display: block
}

.collapse-nav.collapse-nav.collapse-nav-dark-bg .collapse-nav-item {
    border: 1px solid rgba(255,255,255,.25)
}

.collapse-nav.collapse-nav.collapse-nav-dark-bg .collapse-nav-item.is-active {
    border: 1px solid #fff
}

.collapse-nav.collapse-nav-dark-bg .collapse-nav-title,.collapse-nav.collapse-nav-dark-bg .collapse-nav-desc {
    color: #fff
}

.list {
    margin-bottom: 0
}

.list li {
    margin-bottom: 16px
}

.list.list-blue-dot {
    list-style: none;
    padding-left: 0
}

.list.list-blue-dot li {
    position: relative;
    padding-left: 24px
}

.list.list-blue-dot li::before {
    content: "";
    display: inline-block;
    border-radius: 100px;
    position: absolute;
    top: 10px;
    left: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    background: #0069ff
}

.profile-box {
    box-shadow: 0 16px 80px 0 rgba(0,0,0,.12);
    background: #fff;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 486px;
    margin-left: auto
}

.order-lg-0 .profile-box {
    margin-left: 0;
    margin-right: auto
}

.profile-box-body {
    padding: 32px 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 360px
}

.profile-box-footer {
    border-top: 1px solid #e4e4e9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.profile-box-footer div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 32px 36px;
    text-transform: uppercase;
    font-weight: 300
}

.profile-box-footer div span {
    color: #6a6f75;
    font-size: 14px;
    text-transform: uppercase
}

.mt-100 {
    margin-top: 100px
}

@media(max-width: 991px) {
    .profile-box {
        width:100%;
        max-width: unset;
        margin-top: 4rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: auto
    }

    .profile-box-body {
        height: auto;
        flex: 1;
        padding: 24px
    }

    .profile-box-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-left: 1px solid #e4e4e9;
        border-top: 0;
        width: 230px
    }

    .profile-box-footer div {
        padding: 24px
    }

    .profile-box-footer div+div {
        margin-top: -24px
    }
}

.bs-calculator {
    position: relative;
    background-color: #fff;
    box-shadow: 0 16px 80px rgba(0,0,0,.12);
    z-index: 100;
    margin-top: -125px;
    padding: 34px 40px 48px;
    border-radius: 8px
}

.bs-calculator-title {
    margin-bottom: 32px
}

.bs-calculator-labels {
    display: flex
}

.bs-calculator-labels span {
    flex: 1 0 auto;
    text-align: center
}

.bs-calculator-footer {
    margin-top: 48px
}

.bs-calculator-footer-left {
    display: flex;
    align-items: center
}

.bs-calculator-footer-right {
    display: flex;
    align-items: flex-end
}

.bs-calculator-footer-right .btn {
    padding: 1.3rem 2rem;
    font-size: 18px
}

.bs-calculator-label {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 8px;
    font-weight: 300;
    display: block;
    color: #7e7f84
}

.bs-calculator-price,.bs-calculator-storage {
    font-size: 40px;
    font-weight: 300;
    line-height: 52px
}

.bs-calculator-price {
    color: #fe0064
}

.bs-calculator-bottom-label {
    font-size: 11px;
    line-height: 11px;
    margin-top: 3px;
    font-weight: 300;
    display: block;
    color: #7e7f84
}

.bs-calculator-storage {
    margin-left: 40px
}

.bs-calculator-servers {
    min-width: 155px
}

.bs-calculator-servers .form-control {
    padding-left: 0;
    padding-right: 0;
    min-width: 40px;
    height: 50px
}

.bs-calculator-order {
    margin-left: 24px
}

@media(max-width: 991px) {
    .bs-calculator {
        margin-top:-40px;
        padding: 29px 24px 32px
    }

    .bs-calculator-footer {
        margin-top: 24px
    }

    .bs-calculator-footer-left {
        justify-content: center;
        margin-bottom: 24px;
        margin-left: 0;
        flex-direction: column-reverse
    }

    .bs-calculator-price {
        text-align: center;
        margin-top: 32px
    }

    .bs-calculator-storage {
        margin-left: 0;
        text-align: center
    }

    .bs-calculator-servers {
        text-align: center;
        width: 100%
    }

    .bs-calculator-servers input {
        width: 100%
    }

    .bs-calculator-footer-right {
        flex-direction: column
    }

    .bs-calculator-footer-right .btn {
        margin-top: 40px
    }
}

.range-slider {
    border: 1px solid #d3d6e2;
    padding: 32px 20px 64px
}

.input-number {
    display: flex;
    align-items: center;
    border: 1px solid #7e7f84
}

.input-number input {
    text-align: center
}

.input-number-minus,.input-number-plus {
    height: 32px;
    width: 32px;
    min-width: 32px;
    position: relative;
    cursor: pointer
}

.input-number-minus:after,.input-number-minus:before,.input-number-plus:after,.input-number-plus:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    content: "";
    height: 13px;
    width: 13px;
    background: #283bef
}

.input-number-minus {
    margin-left: 12px
}

.input-number-minus:before {
    height: 2px
}

.input-number-minus:after {
    display: none
}

.input-number-plus:before {
    height: 2px
}

.input-number-plus:after {
    width: 2px
}

.input-number-plus {
    margin-right: 12px
}

input[type=number] {
    -moz-appearance: textfield
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.noUi-target,.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base,.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0;
    cursor: pointer
}

.noUi-connect,.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}

.noUi-connect {
    height: 100%;
    width: 100%
}

.noUi-origin {
    height: 10%;
    width: calc(10% - 4px)
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    cursor: pointer
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin {
    -webkit-transition: transform .3s;
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit!important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    height: 40px;
    width: 48px;
    left: auto
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    left: auto;
    right: 0;
    top: -9px
}

.noUi-target {
    background: #fff;
    border-radius: 4px
}

.noUi-target:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #7e7f84
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #0069ff
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border-radius: 3px;
    background: #0069ff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy45NzkgMTEuOTgiPjxwYXRoIGRhdGEtbmFtZT0iUHJvc3Rva8SFdCAxIGtvcGlhIDQiIGQ9Ik0xNy45ODkgMTEuOThsLTEtMSA0Ljk5LTQuOTktNC45OS00Ljk5MSAxLTEgNS45OSA1Ljk5LTUuOTkgNS45OXptLTEyIDBMMCA1Ljk4OWw1Ljk5LTUuOTkgMSAxTDIgNS45ODlsNC45OSA0Ljk5LTEgMXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 12px;
    cursor: default;
    height: 40px;
    width: 48px;
    box-shadow: 0 10px 20px rgba(0,0,0,.3)
}

.noUi-handle:focus {
    outline: none
}

.noUi-handle:before {
}

.noUi-pips,.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    font-weight: 100;
    cursor: pointer
}

.noUi-value.active {
    color: #0069ff
}

.noUi-pips-horizontal {
    padding: 20px 0;
    height: 80px;
    top: 100%;
    left: 16px;
    right: 22px
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%,50%);
    transform: translate(50%,50%)
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0,50%);
    transform: translate(0,50%)
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    right: 120%
}

@media(max-width: 991px) {
    .noUi-value {
        display:none
    }
}

.daterangepicker .btn-primary,.daterangepicker .btn-primary:hover,.daterangepicker .btn-primary:focus,.daterangepicker .btn-primary.disabled,.daterangepicker .btn-primary:disabled {
    background-color: #6200ea;
    border-color: #6200ea
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.input-daterange input:last-child {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.daterangepicker {
    position: absolute;
    left: 0;
    margin-top: 5px;
    width: auto;
    padding: 0
}

.daterangepicker.dropdown-menu {
    max-width: none;
    background-color: transparent;
    border: 0;
    z-index: 1000;
    -webkit-box-shadow: none;
    box-shadow: none
}

.daterangepicker.dropup {
    margin-top: -7px
}

.daterangepicker .calendar,.daterangepicker .ranges {
    float: left
}

.daterangepicker.opensleft .calendars {
    float: left
}

.daterangepicker.opensright .calendars {
    float: right
}

.daterangepicker.single .calendar {
    float: none;
    margin-left: 0;
    margin-right: 0
}

.daterangepicker.single .ranges {
    display: none
}

.daterangepicker.show-calendar .calendar {
    display: block
}

.daterangepicker .calendar {
    display: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 7px;
    padding: 14px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.daterangepicker table {
    width: 100%;
    margin: 0
}

.daterangepicker table tbody td,.daterangepicker table tbody th {
    cursor: pointer
}

.daterangepicker td,.daterangepicker th {
    white-space: nowrap;
    text-align: center
}

.daterangepicker td.week,.daterangepicker th.week {
    font-size: 80%;
    color: #ccc
}

.daterangepicker th {
    color: #999;
    font-weight: 400;
    font-size: 12px
}

.daterangepicker th>i {
    top: 0
}

.daterangepicker th.next,.daterangepicker th.prev {
    cursor: pointer
}

.daterangepicker th.next i,.daterangepicker th.prev i {
    font-size: 20px
}

.daterangepicker th.available:focus,.daterangepicker th.available:hover {
    color: #333
}

.daterangepicker td.available:focus,.daterangepicker td.available:hover {
    background-color: rgba(200,200,200,.2);
    border-radius: 3px
}

.daterangepicker td.disabled,.daterangepicker td.off {
    color: #ccc
}

.daterangepicker td.disabled {
    cursor: not-allowed
}

.daterangepicker td.in-range {
    background-color: rgba(200,200,200,.2)
}

.daterangepicker td.active,.daterangepicker td.active:focus,.daterangepicker td.active:hover {
    background-color: #6200ea;
    color: #fff;
    border-radius: 3px
}

.daterangepicker .table-condensed tr>td,.daterangepicker .table-condensed tr>th {
    padding: 9px;
    line-height: 1
}

.daterangepicker .table-condensed thead tr:last-child th {
    padding-top: 14px
}

.daterangepicker .table-condensed .month {
    font-size: 15px;
    line-height: 1;
    color: #333;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 400
}

.daterangepicker select {
    display: inline-block
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect {
    width: 60px;
    margin-bottom: 0
}

.daterangepicker .daterangepicker_input {
    position: relative
}

.daterangepicker .daterangepicker_input i {
    position: absolute;
    right: 11px;
    top: auto;
    bottom: 2px;
    color: #999;
    font-size: 24px
}

.daterangepicker .daterangepicker_input input {
    padding-left: 11px;
    padding-right: 34px
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 12px 0
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.ranges {
    background-color: #fff;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 200px;
    margin-top: 7px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.opensright .ranges {
    margin-left: 0
}

.opensleft .ranges {
    margin-right: 0
}

.ranges ul {
    list-style: none;
    margin: 0;
    padding: 7px 0
}

.ranges ul+.daterangepicker-inputs {
    border-top: 1px solid #e5e5e5
}

.ranges ul li {
    color: #333;
    padding: 8px 12px;
    cursor: pointer;
    margin-top: 1px
}

.ranges ul li:first-child {
    margin-top: 0
}

.ranges ul li:focus,.ranges ul li:hover {
    background-color: rgba(200,200,200,.2)
}

.ranges ul li.active {
    color: #fff;
    background-color: #6200ea
}

.ranges .daterangepicker-inputs {
    padding: 12px;
    padding-top: 19px
}

.ranges .daterangepicker-inputs .daterangepicker_input+.daterangepicker_input {
    margin-top: 19px
}

.ranges .daterangepicker-inputs .daterangepicker_input>span {
    display: block;
    font-size: 12px;
    margin-bottom: 7px;
    color: #999
}

.ranges .daterangepicker-inputs+.range_inputs {
    border-top: 1px solid #e5e5e5
}

.ranges .range_inputs {
    padding: 12px
}

.ranges .range_inputs .btn {
    display: block;
    width: 100%
}

.ranges .range_inputs .btn+.btn {
    margin-top: 12px
}

@media(min-width: 769px) {
    .ranges {
        margin:7px
    }
}

.daterange-custom {
    cursor: pointer
}

.daterange-custom:after {
    content: "";
    display: table;
    clear: both
}

.daterange-custom .badge,.daterange-custom .label {
    margin: 4px 0 0 7px;
    vertical-align: top
}

.daterange-custom .label-icon {
    margin-top: 0;
    margin-right: 5px
}

.daterange-custom-display {
    display: inline-block;
    position: relative;
    padding-left: 21px;
    line-height: 1
}

.daterange-custom-display:after {
    content: "\e9c9";
    font-family: icomoon;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.daterange-custom.is-opened .daterange-custom-display:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.daterange-custom-display>i {
    display: inline-block;
    font-size: 28px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -.015em
}

.daterange-custom-display b {
    display: inline-block;
    margin-left: 4px;
    font-weight: 400
}

.daterange-custom-display b>i {
    font-size: 11px;
    display: block;
    line-height: 12px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 400
}

.daterange-custom-display em {
    line-height: 30px;
    vertical-align: top;
    margin: 0 4px
}

@media(max-width: 769px) {
    .opensleft,.opensright {
        left:0!important;
        right: 0
    }

    .opensleft .calendars,.opensright .calendars {
        float: none
    }

    .daterangepicker.opensleft .calendar,.daterangepicker.opensleft .calendars,.daterangepicker.opensleft .ranges,.daterangepicker.opensright .calendar,.daterangepicker.opensright .calendars,.daterangepicker.opensright .ranges {
        float: none
    }

    .daterangepicker {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

    .daterangepicker .calendar {
        margin-left: 0;
        margin-right: 0
    }

    .daterangepicker .ranges {
        width: 100%
    }
}

.hero-container.affiliate-container {
    margin-bottom: -140px
}

.hero-container.affiliate-container .hero-img {
    width: 700px;
    margin-top: 74px
}

.stats-affiliates-container .stats {
    padding: 50px 30px
}

#affiliate-program-join {
    margin-left: -31px;
    width: 668px;
    max-width: unset;
    margin-top: -38px
}

.affiliate-list {
    counter-reset: affiliates-counter;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative
}

.affiliate-list li {
    position: relative;
    padding-left: 68px;
    padding-bottom: 46px
}

.affiliate-list li:before {
    position: absolute;
    top: -8px;
    left: 0;
    color: #0069ff;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #0069ff;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    content: counter(affiliates-counter);
    counter-increment: affiliates-counter;
    background: #fff;
    z-index: 2
}

.affiliate-list li:not(:last-of-type):after {
    content: "";
    position: absolute;
    top: 0;
    left: 19px;
    width: 1px;
    bottom: -8px;
    border-left: 1px dashed #0069ff;
    z-index: 1
}

.affiliate-list h3 {
    color: #2a2d38;
    margin-bottom: 15px
}

.affiliate-list p {
    margin-bottom: 0
}

.affiliate-feature-container .content-padding {
    display: flex;
    align-items: flex-start;
    padding-bottom: 1rem
}

.affiliate-feature-container .content-padding h3 {
    margin-bottom: 0
}

.affiliate-feature-container .affiliate-icon {
    width: 100px;
    height: 100px;
    border-radius: 6px;
    background: #0069ff;
    box-shadow: 0 8px 64px 0 rgba(0,0,0,.12);
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100px;
    margin-right: 40px
}

.affiliate-feature-container .affiliate-icon+div {
    max-width: 366px
}

.affiliate-box {
    text-align: center;
    padding: 50px;
    border: 1px solid #0069ff;
    border-radius: 8px
}

.affiliate-box img {
    margin-bottom: 36px
}

.affiliate-box h3 {
    line-height: 40px;
    margin-bottom: 42px
}

.affiliate-box h3 span {
    font-weight: 400
}

.affiliate-box .btn {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #fff;
    background: #0069ff;
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
    margin-top: auto;
    font-size: 20px;
    font-weight: 300;
    width: 100%;
    max-width: 490px
}

.affiliate-box .btn:hover {
    color: #fff;
    box-shadow: none
}

.reviews {
    display: flex;
    flex-direction: column
}

.page-reviews .stats-container,.page-reviews #read_reviews {
    max-width: 890px
}

.reviews-nav {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 24px;
    align-items: center
}

.reviews-nav .nav-filter {
    display: flex;
    flex-direction: row;
    margin-top: 28px;
    margin: 0 auto
}

#read_reviews {
    padding-top: 133px
}

.reviews-nav .nav-link {
    padding: 14px 0;
    background: 0 0;
    font-size: 19px;
    font-weight: 500;
    color: #2a2d38
}

.reviews-nav .nav-link .nav-filter-items {
    font-weight: 300
}

.reviews-nav .reviews-head {
    font-size: 42px;
    margin-bottom: 24px
}

.reviews-nav .nav-link>span {
    position: relative
}

.reviews-nav .nav-link.disabled {
    opacity: .64;
    user-select: none;
    pointer-events: none
}

.reviews-nav .nav-filter li {
    margin-right: 54px
}

.reviews-nav .nav-filter li:nth-last-of-type(1) {
    margin-right: 0
}

.reviews-nav .nav-link.disabled .nav-filter-items {
    font-size: 14px;
    font-weight: 500
}

.reviews-nav .nav-link.active {
    background: 0 0;
    color: #2a2d38
}

.reviews-nav .nav-link.active>span:before {
    content: "";
    position: absolute;
    height: 3px;
    bottom: -14px;
    background: #06f;
    left: 0;
    right: 0
}

.reviews-content {
    box-shadow: 0 16px 80px 0 rgba(0,0,0,.12);
    background: #fff;
    border-radius: 6px;
    width: 100%;
    min-height: 496px;
    position: relative
}

.reviews-stats {
    padding: 24px;
    display: flex;
    justify-content: space-between
}

.page-reviews .stats-stars {
    display: flex;
    justify-content: center;
    margin-top: 14px;
    margin-bottom: 12px
}

.page-reviews .stats-stars img {
    width: 24px;
    height: 24px
}

.page-reviews .stats-stars img:not(:last-of-type) {
    margin-right: 1px
}

.page-reviews .stats {
    padding-top: 38px;
    padding-bottom: 38px
}

.page-reviews .stats-desc {
    font-size: 22px;
    margin-top: 8px
}

.page-reviews .stats-loader {
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center
}

.reviews-stats>div:first-of-type {
    width: 100%;
    max-width: 468px
}

.reviews-stats-list {
    list-style: none;
    margin: 32px 0 10px;
    padding: 0
}

.reviews-stats-list-item {
    display: flex;
    align-items: center;
    cursor: pointer
}

.reviews-stats-list-label {
    width: 80px;
    padding-right: 16px;
    font-size: 14px;
    line-height: 26px
}

.reviews-stats-list-progress {
    flex: 1;
    height: 12px;
    border: 1px solid #e6e6e6;
    position: relative
}

.reviews-stats-list-bar {
    position: absolute;
    left: 1px;
    top: 1px;
    bottom: 1px;
    background: #06f
}

.checkbox-styled {
    margin-right: 8px;
    margin-top: -2px;
    margin-bottom: 0
}

.checkbox-styled input[type=checkbox] {
    display: none
}

.checkbox-styled-indicator {
    width: 14px;
    display: flex;
    height: 14px;
    border: 1px solid #e6e6e6;
    transition: all .3s linear;
    position: relative
}

.checkbox-styled-indicator:after {
    content: ""
}

.checkbox-styled input[type=checkbox]:checked~.checkbox-styled-indicator {
    background: #06f;
    border-color: #06f
}

.checkbox-styled input[type=checkbox]:checked~.checkbox-styled-indicator:after {
    left: 4px;
    position: absolute;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.reviews-stats-list-item:hover .checkbox-styled-indicator {
    border-color: #06f
}

.reviews-stats-list-value {
    width: 28px;
    margin-left: 16px;
    font-size: 14px;
    line-height: 26px
}

.reviews-stats-rate {
    padding: 0 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    margin-left: 20px;
    margin-top: -4px
}

.reviews-stats-rate-nubmer {
    font-size: 65px;
    line-height: 1;
    color: #0069ff;
    font-weight: 300;
    margin-bottom: 12px
}

.reviews-stats-rate-label {
    font-size: 15px;
    color: #7e7f84;
    margin-bottom: 10px
}

.reviews-stats-rate-stars {
    display: flex;
    justify-content: center
}

.reviews-stats-rate-stars img {
    width: 18px;
    height: 18px
}

.reviews-stats-rate-stars img:not(:last-of-type) {
    margin-right: 3px
}

.reviews-list-item {
    border-top: 1px solid #e6e6e6;
    padding: 32px 24px
}

.reviews-list-item-top {
    display: flex
}

.reviews-list-item-info {
    display: flex;
    align-items: center
}

.reviews-list-item-avatar {
    width: 44px;
    min-width: 44px;
    height: 44px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 16px
}

.reviews-list-item-user span {
    font-size: 17px;
    font-weight: 500;
    margin-top: -5px;
    display: block;
    margin-bottom: 7px
}

.reviews-list-item-stars {
    display: flex
}

.reviews-list-item-stars img {
    width: 16px;
    height: 16px
}

.reviews-list-item-logo {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    align-items: flex-end
}

.reviews-list-item-logo img {
    max-width: 92px;
    margin-top: -2px;
    margin-bottom: 8px
}

.reviews-list-item-logo .name {
    display: none
}

.reviews-list-item-logo span {
    font-size: 13px;
    color: #7e7f84;
    text-align: right
}

.reviews-list-item-bottom {
    margin-top: 20px
}

.reviews-list-item-bottom,.reviews-list-item-bottom p {
    font-size: 15px;
    line-height: 24px;
    color: #7e7f84;
    font-weight: 400
}

.reviews-respond {
    border: 1px solid #dcdee0;
    position: relative;
    padding: 16px 20px 32px;
    margin-top: 5px
}

.reviews-respond:before {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    width: 3px;
    background: #06f;
    content: ""
}

.reviews-respond-top {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.reviews-respond-title {
    font-size: 15px;
    color: #2a2d38;
    font-weight: 500
}

.reviews-respond-title i {
    font-size: 15px;
    color: #06f;
    margin-right: 10px
}

.reviews-respond-date {
    font-size: 13px;
    color: #7e7f84;
    margin-left: auto
}

.reviews-respond-bottom p,.reviews-respond-bottom {
    font-size: 15px;
    line-height: 24px;
    color: #7e7f84;
    font-weight: 400
}

.reviews-list-bottom {
    align-items: center;
    display: flex;
    padding: 22px 24px;
    border-top: 1px solid #e6e6e6
}

.reviews-list-bottom .btn {
    height: 48px;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    max-width: 245px;
    margin-left: auto
}

.reviews-list-bottom .btn:disabled {
    user-select: none;
    pointer-events: none
}

.reviews-list-bottom .pagination {
    margin-bottom: 0
}

.reviews-list-bottom .pagination li {
    margin-right: 6px
}

.reviews-list-bottom .pagination li.dots i {
    line-height: 32px
}

.reviews-list-bottom .pagination a {
    min-width: 32px;
    height: 32px;
    padding: 0 3px;
    font-size: 14px;
    color: #7e7f84;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    line-height: 25px;
    cursor: pointer
}

.reviews-list-bottom .pagination a:hover {
    color: #06f
}

.reviews-list-bottom .pagination .active a {
    border: 1px solid #06f;
    color: #06f
}

.reviews-comming-soon {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center
}

.hidden {
    display: none!important
}

.reviews-loader {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px
}

.dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #06f;
    border-color: #06f transparent #06f transparent;
    animation: lds-dual-ring 1.2s linear infinite
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media(max-width: 991px) {
    .page-reviews .reviews {
        flex-direction:column
    }

    .page-reviews .reviews-nav {
        width: 100%;
        padding: 0 0 16px
    }

    .page-reviews .reviews-nav .nav-filter {
        flex-direction: row
    }

    .reviews-nav .nav-filter {
        margin: 0 -12px
    }

    .reviews-nav .nav-link {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media(max-width: 575px) {
    .page-reviews .reviews {
        margin-top:32px
    }

    .page-reviews .reviews-stats {
        flex-direction: column;
        position: relative
    }

    .page-reviews .reviews-stats .h4 {
        padding-bottom: 140px
    }

    .page-reviews .reviews-stats-rate {
        margin: 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 74px
    }

    .page-reviews .reviews-list-bottom {
        flex-direction: column
    }

    .page-reviews .reviews-list-bottom .btn {
        margin-left: unset;
        margin-top: 24px
    }

    .page-reviews #read_reviews {
        padding-top: 16px
    }

    .page-reviews #read_reviews .reviews-nav {
        margin-bottom: 8px
    }

    .page-reviews #read_reviews .reviews-nav .nav-link {
        padding-left: 6px;
        padding-right: 6px;
        font-size: 16px
    }

    .page-reviews #read_reviews {
        padding-top: 16px
    }

    .reviews-nav .reviews-head {
        font-size: 32px
    }
}

.review-container-ratings {
    box-shadow: inset 0 0 0 1px #e6e6e6;
    width: 205px;
    padding: 0 24px 14px;
    opacity: 0;
    transition: .3s all;
    color: #212529;
    text-decoration: none;
    position: relative
}

.review-container-ratings:before,.review-container-ratings:after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    width: 0;
    height: 0
}

.review-container-ratings:before {
    top: 0;
    left: 0
}

.review-container-ratings:after {
    bottom: 0;
    right: 0
}

.review-container-ratings:hover:before,.review-container-ratings:hover:after {
    width: 100%;
    height: 100%
}

.review-container-ratings:hover:before {
    border-top-color: #0069ff;
    border-right-color: #0069ff;
    -webkit-transition: width .1s ease-out,height .1s ease-out .1s;
    transition: width .1s ease-out,height .1s ease-out .1s
}

.review-container-ratings:hover:after {
    border-bottom-color: #0069ff;
    border-left-color: #0069ff;
    -webkit-transition: border-color 0s ease-out .2s,width .1s ease-out .2s,height .1s ease-out .3s;
    transition: border-color 0s ease-out .2s,width .1s ease-out .2s,height .1s ease-out .3s
}

.review-container-ratings:hover {
    text-decoration: none!important;
    box-shadow: inset 0 0 0 1px #e6e6e6!important
}

.review-container-ratings.loaded {
    opacity: 1
}

.review-container-ratings-title {
    font-weight: 300;
    font-size: 26px;
    background: #fff;
    display: inline-block;
    position: relative;
    top: -21px;
    padding: 0 12px;
    margin-left: -12px
}

.review-container-ratings-stars {
    margin-left: -3px;
    margin-top: -16px;
    margin-bottom: 10px
}

.review-container-ratings-stars img {
    width: 24px
}

.review-container-ratings-stars img+img {
    margin-left: 5px
}

.review-container-ratings-stats {
    color: #000;
    opacity: 1;
    font-size: 11px
}

.review-top-section .review-container-ratings-stats {
    color: #fff;
    opacity: 1;
    font-size: 11px
}

.hero-container.promo {
    text-align: center
}

.hero-container.promo+.feature-container-promo {
    z-index: -1
}

.hero-container.promo .hero-img {
    transform: translateX(-71%);
    top: 115px;
    max-height: unset;
    width: 850px
}

.hero-container.promo .page-title-wrapper>div {
    max-width: 842px;
    margin: 0 auto
}

.hero-container.promo .page-description {
    max-width: unset;
    padding-top: 17px
}

.hero-container.promo .page-form .form-control {
    height: 78px;
    width: 100%;
    padding-right: 324px;
    padding-left: 70px;
    border-radius: 8px
}

.hero-container.promo .page-form .input-group-button {
    position: absolute;
    right: 10px;
    top: 10px;
    bottom: 10px;
    width: 224px;
    z-index: 99
}

.hero-container.promo .page-form .input-group-button .btn {
    height: 100%;
    font-size: 18px;
    font-weight: 700
}

.hero-container.promo .page-form .input-group-icon {
    position: absolute;
    left: 28px;
    width: 24px;
    height: 24px;
    z-index: 99;
    top: 50%;
    margin-top: -12px
}

.hero-container.promo .page-form .input-group-addon {
    position: absolute;
    right: 250px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    z-index: 99;
    font-size: 24px;
    font-weight: 700
}

.hero-container.promo .page-form .input-group-addon .dot {
    color: #0069ff
}

.hero-container.promo .page-features {
    display: flex;
    padding: 0;
    margin: 34px 0 0;
    list-style: none;
    justify-content: center
}

.hero-container.promo .page-features li {
    position: relative;
    font-size: 18px;
    color: #fff;
    padding: 0 25px
}

.hero-container.promo .page-features li b {
    font-weight: 700;
    font-size: 22px
}

.hero-container.promo .page-features li:not(:last-of-type):after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -11px;
    width: 2px;
    height: 22px;
    background: #0069ff;
    right: 0
}

.page-actions {
    margin-top: 34px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-actions>*+* {
    margin-left: 20px
}

.page-actions .btn {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    height: 64px;
    min-width: 200px
}

.page-actions .btn i {
    margin-left: 16px
}

.page-promo {
    min-width: 268px;
    padding: 0 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    height: 52px;
    display: inline-flex;
    transition: all .3s linear;
    background: linear-gradient(90deg,#ff7e5d 0%,#ff0766 100%);
    color: #fff;
    cursor: pointer
}

.page-actions .btn+.page-promo {
    height: 64px;
    min-width: 200px;
    font-size: 16px
}

.page-actions .btn+.page-promo b {
    font-size: 16px;
    margin-top: -1px
}

.page-promo:hover {
    background: linear-gradient(137deg,#ff7e5d,#ff0766 83.61%)
}

.page-promo b {
    font-weight: 700;
    font-size: 22px;
    line-height: 18px;
    padding-left: 6px
}

.page-promo input {
    display: none
}

.page-promo .tooltip {
    margin-bottom: 8px
}

.plan-header {
    display: flex
}

.plan-header h3 {
    padding-right: 16px
}

.plan-header img {
    width: auto;
    max-width: 56px;
    margin-left: auto
}

.feature-container-promo .content-padding-custom {
    padding-top: 140px;
    padding-bottom: 125px
}

.feature-container-promo .title-text-lg {
    line-height: 1.2
}

.feature-container-promo img {
    margin-top: -33px;
    margin-left: -23px;
    margin-bottom: -86px
}

.navigation-container.promo {
    padding: 23px 0 18px
}

.navigation-container.promo .navbar-brand {
    margin-top: -3px
}

.navigation-container.promo .navbar:before {
    display: none
}

.navigation-container.promo .navbar-nav .btn {
    padding: 12px 32px;
    height: 48px;
    font-weight: 700
}

.navigation-container.promo .navbar-nav .btn i {
    margin-right: 8px
}

.footer-container.promo {
    padding: 35px 0
}

.footer-container.promo .container {
    display: flex;
    align-items: center
}

.footer-container.promo .footer-logo img {
    margin: 0
}

.footer-container.promo .footer-copyright {
    color: #fff;
    margin: 0;
    padding-left: 48px
}

.footer-container.promo .footer-social {
    display: flex;
    margin-left: auto;
    margin-right: -21px
}

.footer-container.promo .footer-social li {
    padding: 0
}

.footer-container.promo .footer-social li a {
    padding: 21px 14px
}

@media(max-width: 767px) {
    .hero-container.promo .domain-search-form {
        border-radius:8px;
        background: #fff;
        padding-bottom: 64px
    }

    .hero-container.promo .page-form .input-group-addon {
        right: 14px;
        top: 0;
        bottom: 69px
    }

    .hero-container.promo .domain-search-form .form-control {
        height: 75px;
        padding-right: 80px;
        border: 0
    }

    .hero-container.promo .page-form .input-group-icon {
        top: 24px;
        margin: 0
    }

    .hero-container.promo .page-form .input-group-button {
        bottom: 10px;
        top: unset;
        left: 10px;
        width: auto
    }

    .hero-container.promo .page-features {
        flex-direction: column
    }

    .hero-container.promo .page-features li:not(:last-of-type) {
        padding-bottom: 8px
    }

    .hero-container.promo .page-features li:not(:last-of-type):after {
        content: unset
    }

    .footer-container.promo .container {
        flex-direction: column
    }

    .footer-container.promo .footer-social {
        margin: 16px 0 0
    }

    .footer-container.promo .footer-copyright {
        padding: 16px 0 0
    }

    .reviews .reviews-nav .nav-filter li {
        margin-right: 0
    }
}

.modal-open .modal {
    overflow: hidden
}

.modal .modal-body {
    overflow: auto;
    max-height: calc(100vh - 118px)
}

b,strong {
    font-weight: 700
}

.horizontal-plan-title-group {
    min-width: 300px
}

.horizontal-plan-order-group {
    min-width: 225px;
    max-width: 250px;
    position: relative;
    justify-content: flex-end;
    flex-direction: column;
    margin-left: 50px
}

.horizontal-plan-order-group::before {
    content: "";
    position: absolute;
    height: calc(100% - 20px);
    top: 10px;
    left: -30px;
    border-left: 1px solid rgba(104,105,110,.4)
}

.horizontal-plan-feature-list {
    max-width: 600px
}

.horizontal-plan-feature-list-item {
    width: 50%
}

.list-item .feature-name {
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-color: #d9d9d9;
    text-underline-offset: 2px
}

.feature__list .list-item {
    padding-bottom: 4px
}

.grouped-plans .packages-header .btn {
    background-color: transparent;
    color: #fff;
    padding-right: 20px;
    position: relative
}

.grouped-plans .packages-header .btn::after {
    content: "\f078";
    font-family: "font awesome 5 pro";
    font-size: 10px;
    top: 12px;
    position: absolute;
    right: 0;
    color: rgba(255,255,255,.5)
}

.grouped-plans .packages-header .btn[data-sort-order=desc]::after {
    color: #fff
}

.grouped-plans .packages-header .btn::before {
    content: "\f078";
    transform: rotate(180deg);
    font-family: "font awesome 5 pro";
    font-size: 10px;
    top: 4px;
    position: absolute;
    right: 0;
    color: rgba(255,255,255,.5)
}

.plan-specifications .feature__list {
    margin-left: 35px;
    margin-bottom: 0;
    flex-direction: row
}

.horizontal-plan-title-group .plan-description {
    padding: 0!important
}

.horizontal-plan-title-group .plan-description p {
    padding: 0!important
}

.plan-specifications .feature__list .list-item {
    min-width: 50%;
    max-width: 50%;
    position: relative
}

.plan-title-container .panel-promo-offset {
    margin-top: 16px
}

.packages-mobile-container.d-flex .plan-offer {
    min-height: 0
}

@media(max-width: 1200px) {
    .horizontal-plan-title-group {
        min-width:150px;
        max-width: unset
    }
}

@media(max-width: 991px) {
    .plan-title-container .panel-promo-offset {
        margin-top:0
    }

    .plan-specifications {
        padding-top: 20px
    }

    .plan-title-container {
        flex-direction: row-reverse;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end
    }

    .plan-title-container .plan-offer {
        margin-left: 30px
    }

    .plan-specifications .feature__list .list-item {
        min-width: calc(100%/3);
        max-width: calc(100%/3);
        position: relative
    }

    .horizontal-plan-order-group {
        min-width: 100%!important;
        margin-left: 0;
        flex-direction: row;
        justify-content: space-between
    }

    .btn-plan {
        padding: 15px 30px!important;
        margin: 0!important
    }

    .horizontal-plan-order-group .btn-block {
        max-width: 220px
    }

    .packages-container.d-flex {
        flex-direction: column!important;
        padding: 24px!important
    }

    .horizontal-plan-order-group {
        width: 100%;
        margin-top: 40px;
        padding-left: 0;
        position: relative
    }

    .horizontal-plan-order-group::before {
        height: 0;
        width: 100%;
        top: -25px;
        left: 0;
        border-left: 0;
        border-top: 1px solid rgba(104,105,110,.4)
    }

    .packages-mobile-container.d-flex {
        flex-direction: column
    }

    .packages-mobile-container.d-flex .plan-offer {
        min-height: 0
    }

    .plan-specifications .feature__list {
        margin-left: 0
    }
}

@media(max-width: 550px) {
    .plan-container {
        margin-top:-100px
    }

    .plan-price {
        padding-top: 0
    }

    .plan-specifications .feature__list .list-item {
        min-width: 100%;
        max-width: 100%
    }

    .plan-specifications .feature__list {
        margin-left: 0;
        flex-direction: column;
        width: 100%
    }

    .horizontal-plan-order-group {
        margin-top: 50px;
        padding-left: 0;
        position: relative;
        flex-direction: column
    }

    .horizontal-plan-order-group .btn-block {
        max-width: unset;
        width: 100%;
        margin: 14px 0 7px
    }

    .horizontal-plan-order-group .plan-price-wrapper {
        margin-bottom: 28px
    }

    .horizontal-plan-order-group .plan-price {
        margin: 0
    }
}

.grouped-plans .packages-header .btn[data-sort-order=asc]::before {
    color: #fff
}

.list-item .description-box {
    display: none;
    position: relative
}

.packages-container {
    padding: 24px!important;
    flex-direction: row!important
}

.packages-mobile-container {
    flex-direction: row
}

.list-item:hover .description-box {
    display: block;
    position: absolute;
    right: 0;
    top: 100%;
    width: 250px;
    background-color: #393939;
    color: #fff;
    padding: 12px;
    z-index: 100
}

.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(https://www.eukhost.com/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.features-container-patchman {
    padding-top: 80px!important
}

.patchman-container-padding {
    padding-bottom: 50px!important;
    padding-top: 0!important
}

.patchman-hide-plan-features .plan-links {
    visibility: hidden
}

.patchman-hide-plan-features .plan-more-features {
    visibility: hidden
}

.navigation-container .navigation-my-account>ul {
    display: inline-flex
}

.navigation-container #mobile-menu .vat-switcher {
    margin-top: 16px
}

.navigation-container .list-inline .switch-text {
    font-size: 14px
}

.navigation-container .list-inline input.toggle-round-flat+label:after {
    width: 9px
}

.navigation-container .list-inline input.toggle-round-flat:checked+label:after {
    margin-left: 32px
}

.navigation-container .list-inline .switch {
    padding-top: 5px
}

.navigation-container .list-inline input.toggle-round-flat+label {
    height: 17px
}

.blog-feed .feature {
    width: 100%;
    height: 100%;
    min-height: 350px;
    background-color: #fff;
    box-shadow: 14px 8px 80px 0 rgba(0,0,0,.12);
    display: block;
    transition: margin .3s ease,box-shadow .3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    display: relative
}

@media(max-width: 991px) {
    .blog-feed {
        margin-bottom:32px
    }

    .blog-feed:last-of-type {
        margin-bottom: 0
    }

    .blog-feed .feature {
        margin: auto
    }
}

@media(max-width: 767px) {
    .blog-feed .feature {
        width:354px
    }
}

@media(max-width: 400px) {
    .blog-feed .feature {
        margin:auto;
        width: 100%
    }
}

.blog-feed .feature:hover {
    margin-top: -8px;
    margin-bottom: 8px;
    box-shadow: 16px 10px 80px 0 rgba(0,0,0,.16)!important
}

.blog-feed .feature .feature-body {
    padding: 0 24px 36px;
    height: calc(100% - 160px);
    display: flex;
    flex-direction: column
}

.blog-feed .feature .feature-icon {
    width: 100%;
    margin-bottom: 26px;
    height: 160px
}

.blog-feed .feature .feature-title {
    color: #2a2d38;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 16px
}

.blog-feed .feature .feature-desc {
    color: #616674;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 24px
}

.blog-feed .feature .feature-actions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-self: end;
    width: 100%;
    margin-top: auto
}

.blog-feed .feature.feature--link {
    border-radius: .5rem;
    color: #1b3ee8;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px
}

.blog-feed .feature.feature--link .feature-icon {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.blog-feed .feature.feature--link .feature-icon img {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.blog-feed .feature .feature-text-faded {
    color: #7e7f84;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    text-align: right
}

.blog-feed .spinner {
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 10px);
    width: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 20px
}

.blog-feed .spinner__rectangle {
    animation: spinner 1s infinite ease;
    background: #0069ff;
    width: 5px;
    height: 10px
}

.blog-feed .spinner__rectangle--1 {
    animation-delay: .9s
}

.blog-feed .spinner__rectangle--2 {
    animation-delay: .8s
}

.blog-feed .spinner__rectangle--3 {
    animation-delay: .7s
}

.blog-feed .spinner__rectangle--4 {
    animation-delay: .6s
}

.blog-feed .spinner__rectangle--5 {
    animation-delay: .5s
}

@keyframes spinner {
    0% {
        height: 5px
    }

    25% {
        height: 5px
    }

    50% {
        height: 20px
    }

    75% {
        height: 5px
    }

    100% {
        height: 5px
    }
}

.faq-container .list-group__item .top {
    padding: 16px 0;
    padding-left: 31px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    transition: color .3s ease;
    cursor: pointer
}

.faq-container .list-group__item .top:not(.collapsed) {
    color: #0069ff
}

.faq-container .list-group__item .top::before {
    content: "";
    position: absolute;
    top: 26px;
    left: 0;
    width: 14px;
    height: 2px;
    background-color: #0069ff;
    transition: transform .3s ease,background-color .3s ease
}

.faq-container .list-group__item .top:not(.collapsed)::before {
    background-color: #7e7f84
}

.faq-container .list-group__item .top::after {
    content: "";
    position: absolute;
    top: 26px;
    left: 0;
    width: 14px;
    height: 2px;
    background-color: #0069ff;
    transform: rotate(90deg);
    transition: transform .3s ease,background-color .3s ease
}

.faq-container .list-group__item .top:not(.collapsed)::after {
    background-color: #7e7f84;
    transform: rotate(0deg)
}

.faq-container .list-group__item .list-group__content .list-group__content-inner {
    color: #7e7f84;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.75rem;
    letter-spacing: 1px
}

.faq-container .list-group__item .list-group__content .list-group__content-inner p {
    padding-left: 0!important
}

.faq-container .list-group__item .top .top__title {
    margin: 0
}

.feature__promotion {
    color: #de000a;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700
}

.owl-carousel.owl-plans-centered {
    overflow: visible
}

.owl-carousel.owl-plans-centered .owl-stage {
    justify-content: center
}

.owl-carousel.owl-plans-centered .owl-stage-outer {
    overflow: visible
}

.owl-carousel.owl-plans-centered .owl-item {
    max-width: 380px
}

.numbered-features .numbered-feature {
    padding-left: 30px;
    padding-right: 30px;
    max-height: unset;
    flex-basis: 1
}

.numbered-features .numbered-feature+.numbered-feature::before {
    font-family: 'font awesome 5 pro';
    content: "\f061";
    position: absolute;
    left: -7px;
    top: 50%;
    margin-top: -12px;
    color: #d3d6e2
}

.numbered-features .numbered-feature .suggested-product {
    padding: 48px 64px
}

.numbered-features .numbered-feature:first-of-type {
    padding-left: 15px
}

.numbered-features .numbered-feature:last-child {
    padding-right: 15px
}

.numbered-features .numbered-feature .top-content .col-12 {
    justify-content: center
}

.numbered-features .numbered-feature .top-content {
    margin-bottom: 0;
    max-height: 64px
}

.numbered-features .numbered-feature .text-circle {
    text-align: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid #1c3ff2;
    line-height: 56px;
    color: #1c3ff2
}

.numbered-features .numbered-feature .top-content+p {
    margin-top: 23px;
    line-height: 24px;
    color: #343a40;
    font-size: 15px;
    font-weight: 500;
    text-align: center
}

.plan-container.plan-container-marketgoo .plan .plan-more-features {
    display: none
}

.plan-container.plan-container-marketgoo .plan-links .plan-cta {
    display: none
}

.plan-container.plan-container-marketgoo .plan-links .row .col-lg-auto {
    margin: auto!important
}

.marketgoo-image-section {
    display: flex;
    flex-direction: row;
    padding-top: 80px;
    justify-content: center
}

.marketgoo-image-section .marketgoo-image-container {
    max-width: 760px;
    width: 100%;
    position: relative;
    border-radius: 6px 6px 6px 6px
}

.marketgoo-image-section .marketgoo-image-container .image-container {
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    position: relative
}

.marketgoo-image-section .marketgoo-image-container img {
    width: 100%
}

.marketgoo-image-section .marketgoo-image-container .box {
    width: 212px;
    height: 152px;
    padding: 40px 30px;
    box-shadow: 0 16px 80px 0 rgba(0,0,0,.12);
    background: #fff;
    border-radius: 6px;
    text-align: center
}

.marketgoo-image-section .marketgoo-image-container .container-center {
    width: 106px;
    height: 106px;
    display: flex;
    justify-content: center;
    align-content: center;
    position: absolute;
    left: calc(50% - 53px);
    top: calc(50% - 53px)
}

.marketgoo-image-section .marketgoo-image-container .box-circle {
    box-shadow: 0 10px 45px 21px rgba(0,14,69,.16);
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: all .4s cubic-bezier(.68,-.55,.27,1.55)
}

.marketgoo-image-section .marketgoo-image-container .container-center:hover {
    transform: scale(1.4)
}

.marketgoo-image-section .marketgoo-image-container .box-circle img {
    width: 24px;
    height: 32px;
    margin: auto;
    cursor: pointer;
    transition: width .24s ease-in-out,height .24s ease-in-out
}

.marketgoo-image-section .marketgoo-image-container .box h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700
}

.marketgoo-image-section .marketgoo-image-container .box i {
    color: #1c3ff2;
    font-size: 32px;
    margin-bottom: 28px;
    font-weight: 200
}

.marketgoo-image-section .marketgoo-image-container .box.container-left {
    position: absolute;
    left: -85px;
    top: 150px
}

.marketgoo-image-section .marketgoo-image-container .box.container-right {
    position: absolute;
    right: -40px;
    bottom: -55px
}

.marketgoo-image-section .marketgoo-box-container {
    display: flex;
    justify-content: space-evenly;
    margin-top: 16px
}

.marketgoo-image-section {
    margin-left: 15px!important;
    margin-right: 15px!important
}

@media(max-width: 991px) {
    .numbered-features .numbered-feature .suggested-product {
        padding:24px 32px
    }
}

@media(max-width: 767px) {
    .numbered-features div.d-flex {
        display:block!important;
        width: 100%;
        flex-direction: column
    }

    .numbered-features .numbered-feature {
        padding: 16px 0!important
    }

    .numbered-features .numbered-feature .text-circle {
        margin: auto
    }

    .numbered-features .numbered-feature:before {
        display: none
    }
}

@media(max-width: 575px) {
    .row.numbered-features {
        margin-left:0!important;
        margin-right: 0!important
    }
}

@media(max-width: 950px) {
    .marketgoo-image-section .marketgoo-image-container .box.container-right {
        right:10px;
        left: unset;
        top: unset;
        bottom: -20px
    }

    .marketgoo-image-section .marketgoo-image-container .box.container-left {
        left: 10px;
        top: unset;
        right: unset;
        bottom: -20px
    }
}

@media(max-width: 600px) {
    .marketgoo-image-section .marketgoo-image-container {
        display:flex;
        flex-direction: column
    }

    .marketgoo-image-section .marketgoo-image-container .box.container-right,.marketgoo-image-section .marketgoo-image-container .box.container-left {
        position: static
    }
}

.marketgoo-image-section .marketgoo-image-container .image-top {
    width: 100%;
    height: 36px;
    box-shadow: 0 16px 80px 0 rgba(0,0,0,.18);
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0 8px
}

.marketgoo-image-section .marketgoo-image-container .image-top .image-top-dot {
    height: 10px;
    width: 10px;
    background-color: #1c3ff2;
    border-radius: 50%;
    margin-left: 8px
}

.modal-video {
    margin-top: 20%
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.menu-dropdown-container-hover .menu-dropdown--input {
    display: flex;
    flex-direction: column;
    padding: 24px 40px 40px
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__title {
    font-weight: 300;
    margin-bottom: 24px
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__input-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 0
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__input-group .form-control {
    margin-right: 24px;
    min-height: 56px;
    border: 1px solid #7e7f84;
    padding-left: 51px;
    border-radius: 0
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__input-group:after {
    content: "\f002";
    font-family: "font awesome 5 pro";
    display: block;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #0069ff
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__input-group .btn {
    min-height: 56px;
    max-width: 254px;
    width: 100%;
    box-shadow: none
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__tlds {
    display: flex;
    flex-direction: row;
    margin-top: 24px;
    height: min-content;
    max-height: 56px
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__tlds .menu-dropdown__tld {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    height: min-content;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
    position: relative
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__tlds .menu-dropdown__tld:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 24px;
    top: calc(50% - 12px);
    right: 0;
    background-color: #e0e3ea
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__tlds .menu-dropdown__tld:last-child::after {
    display: none
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__tlds .menu-dropdown__tld .vat {
    font-size: 12px;
    color: #7e7f84;
    line-height: 16px;
    display: block
}

@media(max-width: 1200px) {
    .menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__tlds .menu-dropdown__tld {
        padding:0 8px!important
    }
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__tlds .menu-dropdown__tld p {
    color: #000
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__tlds .menu-dropdown__tld:last-child {
    border-right: none;
    justify-content: center
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__tlds .menu-dropdown__tld p {
    margin-bottom: 0
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__tlds .menu-dropdown__tld h5 {
    margin-bottom: 0;
    margin-right: 4px
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__tlds .menu-dropdown__tld[data-domain-search-tld] h5 {
    cursor: pointer
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__tlds .menu-dropdown__tld[data-domain-search-tld] h5:hover {
    color: #007bff
}

.menu-dropdown-container-hover .menu-dropdown--input .menu-dropdown__tlds .menu-dropdown__tld h5 span {
    color: #0069ff
}

.navigation-container .navbar .nav-item:last-child:before {
    right: 25px
}

.navbar .nav-item .nav-dropdown.nav-dropdown-hover:after {
    display: none
}

.mob-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.mob-menu .mob-menu__item {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center
}

.burger-icon {
    margin-left: 15px
}

@media(max-width: 991px) {
    .navbar-brand {
        margin-right:auto
    }

    .navigation-container #nav-logo {
        width: auto;
        padding-top: .69rem;
        padding-bottom: .69rem
    }

    .navbar-logo-container {
        flex-grow: 0
    }

    .navigation-container .sidenav {
        margin-top: 59px
    }
}

.isoBox1 {
    width: 100%;
    float: left;
    padding: 0 10% 70px
}

.iso-section {
    width: 31%;
    float: left;
    border: 1px solid #e9e9e9;
    padding: 50px;
    margin: 0 1%
}

@media(max-width: 1200px) {
    .navigation-container .d-none {
        display:none!important
    }

    .euk-dropdown-item .d-none {
        display: none!important
    }

    .mob-menu {
        display: flex!important;
        align-items: center;
        justify-content: flex-end
    }
}

@media(max-width: 991px) {
    .page-title {
        font-size:2rem!important;
        line-height: 2.8rem!important
    }

    .page-description {
        line-height: 1.5rem
    }
}

@media only screen and (max-height: 850px) {
    .page-title {
        font-size:2.5rem!important;
        line-height: 2.5rem!important
    }

    .iso-section {
        padding: 20px!important
    }
}

@media only screen and (max-height: 767px) {
}

@media only screen and (max-height: 450px) {
    .iso-section {
        padding:15px!important
    }

    .isoBox1 {
        width: 100%;
        float: left;
        padding: 0 0% 40px!important
    }
}

@media(max-width: 800px) {
    .section .counter-boxes__wrapp.counter-boxes__wrapp--compact {
        width:100%!important
    }

    .banner .banner__list .list-item>span {
        text-align: center!important
    }
}

.svg-icon .stroke {
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon .stroke-1 {
    stroke-linejoin: round;
    stroke-width: 2px
}

.svg-icon .stroke-2 {
    stroke-width: 5.22;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon .stroke-3 {
    stroke-width: .5;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon .stroke-4 {
    stroke-width: .7
}

.svg-icon .stroke-5 {
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round
}

.svg-icon .outline {
    fill: none;
    stroke: #fff
}

.svg-icon .white {
    fill: #0a00e9;
    stroke: #fff
}

.svg-icon .outline-p {
    fill: none;
    stroke: #fff
}

.svg-icon .prime {
    fill: #0a00e9;
    stroke: #0a00e9
}

.svg-icon .prime-l {
    fill: #0a00e9;
    stroke: #0a00e9
}

.svg-icon .no-fill {
    fill: none!important
}

.svg-icon .no-stroke {
    stroke: none!important
}

.svg-icon-on-dark .outline {
    fill: none;
    stroke: #fff
}

.svg-icon-on-dark .prime {
    fill: #fff;
    stroke: #fff
}

.svg-icon .prime-1-w {
    fill: #fff;
    stroke: #fff
}

.svg-icon .dashed {
    stroke-dasharray: 3.84 7.69
}

.svg-icon .dashed-1 {
    stroke-dasharray: 4 8
}

.svg-icon .dashed-2 {
    stroke-dasharray: 7.71 9.64
}

.svg-icon .dashed-3 {
    stroke-dasharray: 7.5 9.37
}

.svg-icon .dashed-4 {
    stroke-dasharray: 6.6 8.25
}

.svg-icon .dashed-5 {
    stroke-dasharray: 7.61 9.51
}

.svg-icon .dashed-6 {
    stroke-dasharray: 7.55 9.43
}

.svg-icon .dashed-7 {
    stroke-dasharray: 6.76 8.45
}

.svg-icon .dashed-8 {
    stroke-dasharray: 7.63 9.54
}

.svg-icon .dashed-9 {
    stroke-dasharray: 6.52 8.15
}

.svg-icon .dashed-10 {
    stroke-dasharray: 7.79 9.74
}

.svg-icon .dashed-11 {
    stroke-dasharray: 8.39 10.49
}

.svg-icon .dashed-12 {
    stroke-dasharray: 7.83 9.78
}

.svg-icon .dashed-13 {
    stroke-dasharray: 8 10
}

.svg-icon .dashed-14 {
    stroke-dasharray: 8 8
}

.svg-icon .dashed-15 {
    stroke-dasharray: 6.42 6.42
}

.svg-icon .dashed-16 {
    stroke-dasharray: 7.66 9.58
}

.svg-icon .dashed-17 {
    stroke-dasharray: 7.64 9.55
}

.svg-icon .dashed-18 {
    stroke-dasharray: 6.56 8.19
}

.svg-icon .dashed-19 {
    stroke-dasharray: 7.6 9.5
}

.svg-icon .dashed-20 {
    stroke-dasharray: 6.57 8.21
}

.svg-icon .dashed-21 {
    stroke-dasharray: 4.27 8.53
}

.svg-icon .dashed-22 {
    stroke-dasharray: 3.7 7.4
}

.svg-icon .dashed-23 {
    stroke-dasharray: 7.67 9.59
}

.svg-icon .dashed-24 {
    stroke-dasharray: 6.5 8.13
}

.svg-icon .dashed-25 {
    stroke-dasharray: 7.58 9.48
}

.svg-icon .dashed-26 {
    stroke-dasharray: 6.48 8.1
}

.svg-icon .dashed-27 {
    stroke-dasharray: 4 6
}

.svg-icon .dashed-28 {
    stroke-dasharray: 9.09,11.36
}

.svg-icon .dashed-29 {
    stroke-dasharray: 23.25,29.19
}

.svg-icon .dashed-30 {
    stroke-dasharray: 23.35,29.19
}

.svg-icon .dashed-31 {
    stroke-dasharray: 23.25,29.07
}

.svg-icon .dashed-32 {
    stroke-dasharray: 9.09,11.37
}

.svg-icon .dashed-33 {
    stroke-dasharray: 10.93,13.66
}

.svg-icon .dashed-34 {
    stroke-dasharray: 20.82,26.02
}

.svg-icon .dashed-34 {
    stroke-dasharray: 20.88,26.1
}

.svg-icon .dashed-35 {
    stroke-dasharray: 13.54,16.93
}

.svg-icon .dashed-36 {
    stroke-dasharray: 21.14,26.42
}

.svg-icon .dashed-37 {
    stroke-dasharray: 21.04,26.31
}

.svg-icon .dashed-38 {
    stroke-dasharray: 13.42,16.78
}

.svg-icon .dashed-39 {
    stroke-dasharray: 7.96,9.94
}

.svg-icon .dashed-40 {
    stroke-dasharray: 4,4
}

.svg-icon .prime {
    fill: #cacfe7;
    stroke: #cacfe7
}

.svg-icon .prime-l {
    fill: #fff;
    stroke: #fff
}

.svg-icon .outline-p {
    fill: none;
    stroke: #fff
}

.svg-icon-on-dark .prime {
    fill: #fff;
    stroke: #fff
}

.svg-icon-on-dark .prime-l {
    fill: #fff;
    stroke: #fff
}

.svg-icon-on-dark .outline {
    fill: none;
    stroke: #fff
}

.vpnBox svg {
    width: 60%!important;
    height: 100%
}

.contentText {
    text-align: center!important;
    font-size: 18px!important
}

.newBox {
    background: linear-gradient(137deg,#ff7e5d,#ff0766 83.61%);
    color: #fff;
    padding: 0 .5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .75rem;
    display: flex;
    align-self: flex-start;
    display: table;
    display: inline-block;
    margin-left: .5rem;
    line-height: 21px
}

.journeyBox {
    margin-bottom: 40px!important
}

.builderFeatures {
    text-align: center!important;
    width: 100%;
    float: left;
    padding-bottom: 100px!important
}

.builderFeatures .collapse-nav .collapse-nav-item {
    display: inline-block!important;
    margin: 0 0 40px!important
}

.builderFeatures .title-text-lg:after {
    text-align: center;
    margin: auto
}

.builderFeatures .screens-slider-slide .browers {
    top: 0;
    left: 0!important;
    transform: translateX(60px);
    width: 100%!important
}

.builderFeatures .screens-slider-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 468px;
    width: 100%!important
}

.builderFeatures .col-lg-4 {
    float: left!important;
    margin: 0 0 30px
}

.builderFeatures svg {
    margin: 0 0 5px!important
}

.builderFeatures .browers {
    box-shadow: none!important
}

.builderFeatures .svg-icon .outline {
    fill: none;
    stroke: #393d45!important
}

.builderFeatures .svg-icon .prime {
    fill: #ff0766!important;
    stroke: #ff0766!important
}

.builderFeatures .svg-icon .prime-l {
    fill: #ff775e!important;
    stroke: #ff775e!important
}

.builderFeatures .svg-icon .white {
    fill: #fff!important;
    stroke: #fff!important
}

.builderFeatures .svg-icon .no-fill {
    fill: none!important
}

.builderFeatures .svg-icon .stroke-1 {
    stroke-linejoin: round;
    stroke-width: 2px;
    fill: #fff!important;
    stroke: #000!important
}

.builderFeatures .svg-icon .prime {
    fill: #ff0766!important;
    stroke: #ff0766!important
}

.builderFeatures h4 {
    font-size: 20px!important
}

.builderFeatures .screens-slider-slide .browers {
    top: 0;
    left: -45px!important
}

.btnBox {
    width: 100%;
    margin: 0 auto!important;
    text-align: center;
    padding-bottom: 60px!important;
    padding-top: 40px!important;
    z-index: 10!important;
    position: absolute
}

.clearBox {
    clear: both!important
}

.btn-plan {
    padding: 15px 30px!important
}

.planBuilder .plan-links {
    display: none!important
}

.builderTemplates {
    text-align: center!important;
    width: 100%;
    float: left;
    padding-bottom: 100px!important
}

.builderTemplates .collapse-nav .collapse-nav-item {
    display: inline-block!important;
    margin: 0 0 40px!important
}

.builderTemplates .title-text-lg:after {
    text-align: center;
    margin: auto
}

.builderTemplates .screens-slider-slide .browers {
    top: 0;
    left: 0!important;
    transform: translateX(60px);
    width: 100%!important
}

.builderTemplates .screens-slider-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 468px;
    width: 100%!important
}

.builderTemplates .col-lg-4 {
    float: left!important;
    margin: 0 0 30px
}

.builderTemplates .browers {
    box-shadow: none!important
}

.builderTemplates .svg-icon .outline {
    fill: none;
    stroke: #393d45!important
}

.builderTemplates .svg-icon .prime {
    fill: #ff0766!important;
    stroke: #ff0766!important
}

.builderTemplates .svg-icon .prime-l {
    fill: #ff775e!important;
    stroke: #ff775e!important
}

.builderTemplates .svg-icon .white {
    fill: #fff!important;
    stroke: #fff!important
}

.builderTemplates .svg-icon .no-fill {
    fill: none!important
}

.builderTemplates h4 {
    font-size: 20px!important
}

.builderTemplates .btnBox {
    width: 100%;
    margin: 200px!important auto!important;
    text-align: center;
    padding-bottom: 60px!important;
    padding-top: 40px!important;
    z-index: 9999999!important
}

.compareBox img {
    max-width: 18%
}

.featuresInfo {
    padding: 100px 0!important
}

.templatesInfo {
    width: 100%;
    height: auto;
    float: left;
    background: #f5f7ff
}

.templatesInfo {
    background: #fff!important
}

.templatesInfo .specialist-tab-section .tab-pane {
    background: #fff!important;
    padding: 3rem 0!important;
    color: #000!important
}

.templatesInfo .grey-bg {
    background: #fff!important
}

.templatesInfo .col-lg-4 {
    margin: 0 0 30px!important;
    float: left
}

.templatesInfo .nav-tabs {
    border-bottom: none!important
}

.templatesInfo .specialist-tab-section .nav-item {
    box-shadow: none!important;
    border-radius: 0;
    width: auto!important;
    font-size: 18px!important;
    padding: 15px 17px;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #e4e4e9;
    margin: 0 20px 0 0
}

.templatesInfo .feature-container {
    background: #fff!important
}

.templatesInfo .btn-plan {
    color: #fff!important
}

.templatesInfo .specialist-tab-section .nav-tabs .nav-link.active {
    box-shadow: none!important;
    color: #000!important;
    background: 0 0!important;
    border: 1px solid #0069ff
}

.templatesCon {
    width: 100%;
    background: #f5f7ff
}

.templatesCon h3 {
    padding: 20px 30px;
    color: #000!important;
    font-size: 18px;
    font-weight: 600
}

.planBuilder .plan-description {
    height: 40px!important
}

.planBuilder .plan-more-features {
    display: none
}

.plan-description p {
    margin-bottom: 0;
    display: none
}

.planBuilder .plan-description p {
    margin-bottom: 0!important;
    display: none;
    padding-bottom: 0!important
}

.screens-slider-slides {
    min-height: 550px!important
}

@media(max-width: 991px) {
    .builderFeatures .screens-slider-slides {
        display:block!important;
        width: 100%!important;
        position: relative!important;
        float: left!important
    }

    .screens-slider-slides {
        min-height: 1250px!important
    }

    .journeyBox {
        text-align: center!important
    }

    .journeyBox .col-sm-12 {
        flex: 0 0 100%!important;
        max-width: 100%!important
    }

    .journeyBox .title-text-lg:after {
        width: 10%!important;
        margin: 0 45%!important
    }

    .journeyBox .width-100 {
        max-width: 80%;
        min-width: 80%;
        width: 80%;
        margin: 30px 0 0!important
    }

    .templatesInfo .specialist-tab-section .nav-item {
        font-size: 16px!important;
        padding: 10px 12px!important;
        margin: 0 10px 0 0!important
    }

    .templatesInfo .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%!important;
        flex: 0 0 50%!important;
        max-width: 50%!important
    }

    .title-text-lg {
        font-size: 25px!important
    }

    .featuresInfo {
        padding: 80px 0!important
    }

    .feature-container ul {
        padding-top: 0!important;
        padding-left: 1rem
    }
}

@media(max-width: 767px) {
    .templatesInfo .specialist-tab-section .nav-item {
        width:100%!important;
        font-size: 16px!important;
        padding: 10px 12px!important;
        margin: 0 0 10px!important
    }

    .templatesCon h3 {
        padding: 15px 20px!important;
        font-size: 16px!important
    }

    .featuresInfo {
        padding: 50px 0!important
    }

    .screens-slider-slides {
        min-height: 1400px!important
    }
}

@media(max-width: 550px) {
    .templatesInfo .col-lg-4 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important
    }

    .builderFeatures .collapse-nav .collapse-nav-item {
        margin: 0 0 10px!important
    }

    .collapse-nav .collapse-nav-item {
        padding: 15px 17px!important;
        width: 100%!important
    }

    .screens-slider-slides {
        min-height: 1450px!important
    }
}

@media(max-width: 450px) {
    .footer-column .col-6 {
        -ms-flex:0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important
    }

    .screens-slider-slides {
        min-height: 1600px!important
    }
}

@media(max-width: 350px) {
    .screens-slider-slides {
        min-height:1700px!important
    }
}

@media(max-width: 300px) {
    .screens-slider-slides {
        min-height:1800px!important
    }
}

.workSetup img {
    box-shadow: 0 1rem 5rem rgb(0 0 0/13%);
    z-index: -1;
    transition: box-shadow .5s;
    width: 100%;
    height: auto;
    margin: 50px 0 70px
}

.benefitsBox img {
    max-width: 15%!important;
    width: 15%!important;
    height: auto
}

.whycloudInfo {
    padding: 80px 0
}

.whycloudInfo img {
    max-width: 90%!important;
    width: 90%!important;
    height: auto
}

.imunifyBox {
    box-shadow: none!important
}

.pagePrice {
    display: inline-block!important;
    color: #fff!important;
    margin: 0 0 40px!important
}

.pageSubtex {
    padding: 1rem 0 .5rem!important
}

.menu-dropdown .text-center {
    width: 100%!important
}

.menu-dropdown .text-center a {
    color: #0069ff!important;
    text-decoration: underline
}

.menu-dropdown .text-center a:hover {
    color: #0069ff!important;
    text-decoration: none
}

@media(max-width: 1200px) {
    .dropdown-menu-header .d-lg-none {
        display:block!important
    }

    .menu-dropdown .col-12.col-xl-6 {
        display: flex;
        padding: 0;
        border-bottom: 1px solid #ececec
    }

    .mobile-menu.navbar .nav-link {
        padding: 10px 0!important;
        border-bottom: 1px solid #ececec!important
    }

    .mobile-menu.navbar .nav-link:last-child {
        padding: 10px 0!important;
        border-bottom: none!important
    }

    .menu-dropdown-container .text-center {
        margin: 20px 0!important
    }

    .navigation-container input.toggle-round-flat:checked+label:after {
        margin-left: 10px!important
    }

    .switch {
        padding: 0 0 20px
    }

    .menu-dropdown-container {
        top: 3.5rem!important
    }

    .sidenav {
        margin-top: 3.5rem!important
    }
}

@media(max-width: 991px) {
    .menu-dropdown .text-center a {
        color:#0069ff!important;
        display: block!important
    }
}

@media(max-width: 767px) {
    .imunifyBox {
        width:50%!important;
        height: auto!important;
        max-width: 50%!important;
        min-width: 50%!important;
        margin: 0 25%!important
    }
}

@media(max-width: 600px) {
    .faq-container {
        padding:4rem 1rem!important
    }
}

@media(max-width: 575px) {
    .faq-container {
        padding:4rem 1rem!important
    }
}

@media(max-width: 400px) {
    .menu-dropdown .col-12.col-xl-12 .dropdown-title-text-lg {
        margin-bottom:0;
        padding: 5px 0 0;
        color: #fff;
        font-size: 15px;
        line-height: 20px
    }

    .menu-dropdown .back-button {
        border: 2px solid #fff;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        margin-right: 20px!important
    }

    .euk-dropdown-item svg {
        margin-left: 0!important;
        min-width: 40px!important;
        width: 40px!important
    }

    .navbar-logo-container {
        flex-grow: 1;
        width: 10%
    }

    .menu-dropdown-container .euk-dropdown-item .dropdown-title-text-sm {
        font-weight: 400;
        font-size: 16px!important
    }

    .mob-menu .mob-menu__item {
        width: 30px!important;
        height: 30px!important
    }

    .burger-icon {
        margin-left: -25px!important
    }
}

@media(max-width: 350px) {
    .burger-icon {
        margin-left:-20px!important
    }

    .navigation-container img {
        max-width: 80%!important
    }
}

@media(min-width: 1201px) {
    .euk-dropdown-item {
        border:1px solid #ededed!important;
        margin: 0 -8px 16px!important
    }

    .menu-dropdown-container {
        top: 5.8rem!important
    }
}

@media(max-width: 1200px) {
    .support-widget-main-number {
        font-size:27px!important;
        line-height: 30px!important
    }
}

.protectBox .plan-links {
    display: none!important
}

.protectBox {
    margin: 0 0 60px!important
}

.navigation-container .col-7 {
    flex: 0 0 70%!important;
    max-width: 70%!important;
}

.navigation-container .col-5 {
    flex: 0 0 30%!important;
    max-width: 30%!important;
}

.navbar .nav-item .nav-link {
    font-size: .9rem !important;
}

.navigation-container .switch-text {
    font-size: 13px!important;
    line-height: .7rem!important;
    margin-right: .5rem!important;
    color: #666!important
}

.navigation-my-account li,.navigation-my-account li a {
    line-height: 2!important;
    padding: 0!important;
    font-size: .9rem!important;
    text-align: center!important
}

.navigation-my-account li svg {
    margin-top: .6rem!important;
    margin-left: 0!important;
    margin-right: 0!important
}

.navigation-my-account li i {
    padding-top: .7rem!important;
    margin-left: 0!important;
    margin-right: 0!important
}

.navigation-container .navbar .nav-item:before {
    right: 40px!important;
    bottom: -21px!important
}

.list-inline-item:not(:last-child) {
    margin-right: .8rem!important
}

.switch input.toggle-round-flat+label {
    margin: 0 0 0 10px!important;
    float: right!important
}

.navigation-container .switch-text {
    margin: 0!important
}

.navigation-container .switch-text {
    line-height: 1.1rem!important
}

.navigation-container .list-inline input.toggle-round-flat:checked+label:after {
    margin-left: 14px!important
}

.navigation-container input.toggle-round-flat+label {
    width: 33px!important
}

.burger-icon {
    position: absolute!important;
    left: 0!important
}

.navigation-my-account li {
    padding: 1.3rem 0!important
}

.navbar .nav-item .nav-link {
    padding: 1rem 1.2rem!important
}

.modal-body .width-100 {
    margin: 0!important
}

.modal-body button.close {
    top: -4px;
    position: absolute;
    right: 3px
}

.footer-logo img {
    margin-top: 37%!important
}

.workSetup img {
    box-shadow: 0 1rem 5rem rgb(0 0 0/13%);
    z-index: -1;
    transition: box-shadow .5s;
    width: 100%;
    height: auto;
    margin: 50px 0 70px
}

.benefitsBox img {
    max-width: 20%!important;
    width: 20%!important;
    height: auto
}

.whycloudInfo {
    padding: 80px 0
}

.whycloudInfo img {
    max-width: 90%!important;
    width: 90%!important;
    height: auto
}

.imunifyBox {
    box-shadow: none!important
}

@media(max-width: 767px) {
    .imunifyBox {
        width:50%!important;
        height: auto!important;
        max-width: 50%!important;
        min-width: 50%!important;
        margin: 0 25%!important
    }
}

@media(max-width: 550px) {
    .page-dedicated-servers .hero-container {
        margin-bottom:0;
        padding: 170px 0 150px
    }

    .page-linux-sdd-vps .hero-container {
        margin-bottom: 0;
        padding: 170px 0 150px
    }

    .page-windows-ssd-vps .hero-container {
        margin-bottom: 0;
        padding: 170px 0 150px
    }

    .page-cloud-hosting .hero-container {
        margin-bottom: 0;
        padding: 170px 0 150px
    }
}

.content-bordered p {
    font-weight: 400!important
}

.plan-feature-container p {
    font-weight: 400!important;
    letter-spacing: 0!important
}

.plan .mt-1 {
    margin-top: 0!important
}

.plan h3 {
    font-weight: 700!important
}

.legal-content ol>li:before {
    font-weight: 600!important
}

.firewwallCon img {
    width: 100%;
    height: auto;
    margin: 40px 10% 40px 0
}

.firewwallCon .width-100 {
    max-width: 90%;
    min-width: 90%;
    width: 90%
}

.respondCont .list.list-blue-dot li::before {
    background: #fff!important
}

.respondCont ul {
    padding-top: 0!important
}

.respondCont li {
    padding-bottom: 0!important
}

.networkCont img {
    max-width: 90%;
    min-width: 90%;
    width: 90%
}

.networkCont li {
    padding-bottom: 0!important
}

.networkCont .list.list-blue-dot li::before {
    background: #fff!important
}

.firewallPlan .d-sm-block {
    display: none!important
}

.firewwallCon {
    padding: 100px 0!important
}

.firewallPlan .owl-theme.owl-flex .owl-stage {
    margin: 0 34.5%!important
}

.firewall-features img {
    width: 18%!important;
    height: auto
}

.firewallPlan .col-lg-2 {
    width: 20%!important;
    flex: 0 0 20%!important;
    max-width: 20%!important
}

.firewallPlan .col-lg-8 {
    width: 60%!important;
    flex: 0 0 60%!important;
    max-width: 60%!important
}

@media(max-width: 991px) {
    .firewallPlan .owl-theme.owl-flex .owl-stage {
        margin:0 24.5%!important
    }
}

@media(max-width: 568px) {
    .firewallPlan .owl-theme.owl-flex .owl-stage {
        margin:0!important
    }
}

.btn-plan {
    padding: 15px 30px!important;
    margin: 30px 0 0!important
}

.navigation-container .navbar .nav-item:before {
    right: 40px!important;
    bottom: -26px!important
}

.review-top-section {
    position: relative;
    background: linear-gradient(180deg,#66a5ff,#0069ff);
    text-align: left
}

.review-top-section .title-text-lg {
    color: #fff
}

.review-top-section li {
    color: #fff
}

.review-top-section p {
    color: #fff
}

.trusted-feature-container {
    position: relative;
    background: #fff
}

.trusted-feature-container h2 {
    color: #2a2d38
}

.trusted-feature-container p {
    color: #2a2d38
}

.trusted-feature-container li {
    color: #2a2d38
}

.hero-container.home-container .hero-img {
    top: -10px;
    left: -120px
}

.hero-img {
    width: 650px;
    max-width: 650px
}

.plan-container {
    margin-top: 0
}

.page-title {
    font-size: 2.7rem;
    line-height: 4rem;
    font-weight: 300
}

.hero-container {
    padding: 170px 0 280px
}

.it-solutions-sustainability .width-115 {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    right: 0;
    position: relative;
    left: 0
}

.it-solutions-sustainability .offset-md-1 {
    margin-left: 0
}

.reviewsSection {
    width: 100%!important;
    float: left;
    margin: 0 2% 0 0!important;
    background: #fff;
    padding: 10px 15px!important;
    border-radius: .5rem
}

.review-top-section .review {
    text-align: left
}

.reviewsSection:last-child {
    margin: 0!important
}

.reviBox1 {
    width: 30%!important;
    float: left
}

.reviBox1 img {
    width: 90%!important;
    height: auto;
    float: left;
    margin: 7px 0
}

.reviBox2 {
    width: 70%!important;
    float: left;
    padding: 0 0 0 8px
}

.reviBox2 span {
    display: block;
    font-weight: 700!important
}

a .reviBox2 {
    font-size: 14px!important;
    color: #000!important;
    text-align: left!important
}

.reviewsLink {
    width: 100%!important;
    float: left;
    margin: 0
}

.ratedInfo {
    width: 100%!important;
    float: left;
    margin: 0%!important
}

.banner--homepage {
    padding-top: 160px!important
}

.banner__desc--full-width {
    max-width: 100%!important
}

@media(max-width: 1230px) {
    .ratedInfo {
        width:100%!important;
        margin: 0!important
    }
}

@media(max-width: 1030px) {
    .reviewsSection {
        width:100%!important;
        float: left;
        margin: 0 0 15px!important;
        background: #fff;
        padding: 20px!important
    }

    .ratedInfo {
        width: 100%!important;
        float: left;
        margin: 0!important
    }
}

@media(max-width: 767px) {
    a .reviBox2 {
        font-size:14px!important;
        color: #000!important;
        text-align: left!important;
        line-height: 22px
    }

    .reviewsLink {
        width: 100%!important;
        margin: 0
    }

    .ratedInfo {
        width: 80%!important;
        float: left;
        margin: 0 10%!important
    }

    .ratedInfo .col-6 {
        flex: 0 0 100%!important;
        max-width: 100%!important
    }

    .ratedInfo div[class^=col-]:nth-child(2) {
        display: block!important
    }
}

@media(max-width: 751px) {
    .ratedInfo div[class^=col-]:nth-child(2) {
        display:block!important
    }

    .ratedInfo {
        width: 100%!important;
        margin: 0!important
    }
}

@media(max-width: 450px) {
    .reviBox1 {
        width:100%!important;
        float: left
    }

    .reviBox1 img {
        width: 100%!important;
        height: auto;
        float: left;
        margin: 0%
    }

    .reviBox2 {
        width: 100%!important;
        float: left;
        padding: 5px 0 0 15px;
        text-align: left
    }

    a .reviBox2 {
        font-size: 12px!important;
        color: #000!important;
        text-align: left!important;
        line-height: 22px
    }
}

.location-dedicated .collapse-nav-item {
    border: 1px solid #e4e4e9;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 15px 17px;
    cursor: pointer;
    width: 15.8%;
    margin-left: 5px;
    transition: border .45s;
    float: left;
    color: #fff
}

.location-dedicated .collapse-nav-title {
    font-size: 15px
}

.location-dedicated img {
    max-width: 40%;
    border: 1px solid #ccc;
    height: auto
}

.location-dedicated .browers {
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 16px 80px rgba(0,0,0,.12);
    width: 100%
}

.location-dedicated .screens-slider-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 468px;
    width: 97%;
    transition: height .5s
}

.location-dedicated .browers {
    top: 0;
    left: 0
}

.location-dedicated .screens-slider-slides {
    min-height: 460px!important
}

.location-dedicated .plan-wrapper {
    padding: 0
}

.location-dedicated .browers {
    border-radius: 6px;
    overflow: visible;
    background-color: transparent;
    box-shadow: none;
    width: 100%
}

.domain-registration-container {
    width: 100%;
    padding: 80px 0
}

.domain-registration-container .menu-dropdown__title {
    font-weight: 300;
    margin-bottom: 24px;
    color: #2a2d38;
    font-size: 1.7rem
}

.domain-registration-container h5 {
    color: #2a2d38
}

.domain-registration-container .btn-blue {
    background: #ff0766;
    border: 1px solid #ff0766
}

.more-about-eukhost-ltd {
    width: 100%;
    background: #fff;
    text-align: center
}

.more-about-eukhost-ltd .title-text-lg:after,.product .title-text-lg:after {
    border-bottom: 3px solid #0069ff;
    padding-top: 2rem;
    width: 4%;
    margin: 0 48%
}

.more-about-eukhost-ltd .title-text-lg,.product .title-text-lg {
    color: #2a2d38!important
}

.more-about-eukhost-ltd p {
    color: #2a2d38!important
}

.more-about-eukhost-ltd .content-padding-lg {
    padding-top: 100px;
    padding-bottom: 0!important
}

.screens-slider-slide .is-active {
    z-index: 100!important
}

.is-active {
    z-index: 100!important
}

.fixed-top {
    z-index: 999999998!important
}

.horizontal-plan-dedicated {
    position: relative!important;
    margin-top: -220px!important;
}

.unlocking-reseller-program i {
    font-size: 2rem;
    color: #0069ff
}

.eligibility-guidelines i {
    font-size: 2rem;
    color: #0069ff
}

.eligibility-guidelines .width-100 {
    max-width: 7%!important;
    min-width: 7%!important;
    width: 7%!important
}

.review-top-section .h5 {
    color: #212529!important
}

.review-top-section .mb-auto {
    color: #212529!important
}

.review-top-section .match-2 {
    color: #adadad!important
}

.domain-registration-container {
    display: none
}

.it-solutions-sustainability {
    position: relative;
    background: linear-gradient(180deg,#66a5ff,#0069ff)
}

.it-solutions-sustainability .title-text-lg {
    color: #fff
}

.it-solutions-sustainability li {
    color: #fff;
    padding-bottom: .8rem
}

.it-solutions-sustainability p {
    color: #fff
}

.it-solutions-sustainability .btn-outline-blue {
    background: 0 0;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 0;
    padding: 1rem 2rem;
    color: #fff!important
}

.it-solutions-sustainability.it-solutions-sustainability .btn-outline-blue {
    background: 0 0;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 0;
    padding: 1rem 2rem;
    color: #fff!important
}

.it-solutions-sustainability .btn-outline-blue:hover {
    background: 0 0;
    color: #fff;
    border-color: rgba(255,255,255,.5)
}

.inner_rated_Info {
    margin: 30px 0 0!important
}

.trusted_info {
    margin: 0 0 30px
}

.trusted-feature-container ul {
    margin-top: 0!important
}

div#modal-marketgoo-video {
    position: absolute!important;
    left: 0;
    right: 0
}

body.marketgoo.modal-open {
    padding-right: 0!important
}

.reviews-list-item-bottom p:first-child {
    display: none!important
}

.partners-container .title-text-lg {
    text-align: center
}

.partners-container .title-text-lg:after {
    border-bottom: 3px solid #0069ff;
    padding-top: 2rem;
    width: 4%;
    margin: 0 48%
}

.blog-feed-container .title-text-lg {
    text-align: center
}

.blog-feed-container .title-text-lg:after {
    border-bottom: 3px solid #0069ff;
    padding-top: 2rem;
    width: 4%;
    margin: 0 48%
}

.faq-container .title-text-lg {
    text-align: center
}

.faq-container .title-text-lg:after {
    border-bottom: 3px solid #0069ff;
    padding-top: 2rem;
    width: 4%;
    margin: 0 48%
}

.partners-container .col-lg-3 {
    text-align: center
}

@media(max-width: 1200px) {
    .menu-dropdown .col-xl-6 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ratedInfo .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ratedInfo .col-6:first-child {
        margin: 0 0 15px
    }

    .page-title span {
        font-size: 35px!important;
        line-height: 3.1rem
    }

    .reviBox2 {
        padding: 10px 0 0 8px
    }
}

@media(max-width: 991px) {
    .hero-container .d-none {
        display:none!important
    }

    .hero-container .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .page-description {
        font-size: 18px!important;
        line-height: 1.9rem!important;
        max-width: 100%
    }

    .reviBox1 {
        width: 20%!important
    }

    .reviBox2 {
        width: 80%!important
    }

    .hero-usp.mt-sm-24 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 1rem
    }

    .review-user .h5 {
        font-size: 1rem!important
    }

    .technological-partners-img {
        width: 90%
    }

    .hero-container .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(max-width: 767px) {
    .reviBox1 {
        width:25%!important
    }

    .reviBox2 {
        width: 75%!important
    }

    .title-text-lg span {
        font-size: 1.8rem
    }

    .partner-img {
        width: 33.333%
    }

    .trusted-feature-container img {
        display: none!important
    }

    .faq-container .h5 {
        font-size: 1rem
    }

    .blog-feed .feature .feature-title {
        font-size: 20px
    }

    .dedicated-container .btn-outline-chat {
        margin: 10px 0 0!important;
        width: 100%!important
    }

    .international-dedicated-container .btn-outline-chat {
        margin: 10px 0 0!important;
        width: 100%!important
    }

    .linux-ssd-vps-container .btn-outline-chat {
        margin: 10px 0 0!important;
        width: 100%!important
    }

    .windows-ssd-vps-container .btn-outline-chat {
        margin: 10px 0 0!important;
        width: 100%!important
    }

    .hero-container-cloud-hosting .btn-outline-chat {
        margin: 10px 0 0!important;
        width: 100%!important
    }
}

@media(max-width: 575px) {
    .plan-feature-container .col-sm-6 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important
    }

    .plan-feature-container .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%!important;
        max-width: 100%!important
    }

    .cpanel-support-wrapper .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .page-title {
        font-size: 1.8rem!important;
        line-height: 2.5rem!important
    }

    .page-title span {
        font-size: 30px!important;
        line-height: 3.1rem
    }

    .page-description {
        font-size: 16px!important
    }
}

@media(max-width: 474px) {
    .trusted-feature-container .mt-3 {
        margin-top:1rem!important;
        width: 100%
    }
}

@media(max-width: 450px) {
    .page-title span {
        font-size:28px!important;
        line-height: 1.1rem!important
    }

    .hero-container {
        padding: 110px 0 180px!important
    }

    .title-text-lg span {
        font-size: 1.5rem
    }

    .plan-container .plan h3 {
        font-size: 1.2rem
    }
}

@media(max-width: 430px) {
    .reviBox2 {
        padding:3px 0 0 15px
    }

    .reviewsSection {
        padding: 10px!important
    }

    .reviBox1 {
        width: 30%!important
    }

    .reviBox2 {
        width: 70%!important
    }

    .page-title span {
        font-size: 23px!important;
        line-height: .1rem!important
    }

    .title-text-lg {
        font-size: 18px!important
    }
}

@media(max-width: 350px) {
    .plan-container .plan-offer span {
        font-size:12px!important
    }
}

.join-affiliate-container .affiliate-icon {
    width: 100px;
    height: 100px;
    border-radius: 6px;
    background: #0069ff;
    box-shadow: 0 8px 64px 0 rgba(0,0,0,.12);
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100px;
    margin: 0 0 30px
}

.why-promote-container li:not(:last-of-type):after {
    border-left: 1px dashed #fff;
    z-index: 1
}

.why-promote-container .affiliate-list h3 {
    color: #fff
}

.affiliate-tools-container {
    text-align: center;
    padding-bottom: 0!important
}

.affiliate-tools-container .title-text-lg:after {
    border-bottom: 3px solid #0069ff;
    padding-top: 2rem;
    width: 4%;
    margin: 0 48%
}

.content-padding.earn-minimum-box {
    text-align: center
}

.join-affiliate-container .affiliate-icon {
    width: 20%;
    height: 100px;
    border-radius: 6px;
    background: #0069ff;
    box-shadow: 0 8px 64px 0 rgba(0,0,0,.12);
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100px;
    margin: 0 40% 30px
}

@media(max-width: 1200px) {
    #affiliate-program-join {
        margin-left:0;
        width: 100%;
        max-width: unset;
        margin-top: 38px
    }
}

@media(max-width: 767px) {
    .affiliate-box {
        padding:30px
    }
}

@media(max-width: 500px) {
    .affiliate-box .btn {
        font-size:10px;
        font-weight: 500
    }

    .affiliate-box h3 {
        font-size: 1rem;
        line-height: 30px
    }
}

.footer-column-social li {
    float: left;
    padding: 7px
}

@media(max-width: 1024px) {
    .horizontal-plan-dedicated {
        margin-top:-100px!important
    }
}

@media(max-width: 991px) {
    .feature-container h2 {
        margin:70px 0 0
    }

    #windows-why-vps {
        margin-bottom: 1rem
    }

    .screens-slider-slides {
        display: block
    }

    .location-dedicated img {
        max-width: 20%;
        float: left;
        margin: 0 10px 0 0
    }

    .location-dedicated .collapse-nav-item {
        width: 32.333%;
        margin-bottom: 10px
    }

    .horizontal-plan-dedicated {
        margin-top: -130px!important
    }
}

@media(max-width: 767px) {
    .horizontal-plan-dedicated {
        margin-top:-120px!important
    }

    #windows-why-vps {
        margin-bottom: 0
    }
}

@media(max-width: 553px) {
    .plan-title-container {
        display:block
    }

    .plan-title-container .plan-offer {
        margin-left: 0;
        margin-bottom: 15px
    }

    .collapse-nav .collapse-nav-item {
        width: 48%!important
    }

    .collapse-nav-item .collapse-nav-titleh3:nth-child(5) {
        color: #000!important
    }

    .country-text .collapse-nav-title {
        color: #000!important
    }
}

@media(max-width: 450px) {
    .page-title span {
        font-size:28px!important;
        line-height: 2.2rem!important
    }
}

@media(max-width: 400px) {
    .location-dedicated .collapse-nav-title {
        font-size:12px
    }

    .collapse-nav .collapse-nav-title {
        line-height: 18px
    }

    .location-dedicated img {
        margin: 0 6px 0 0
    }
}

@media(max-width: 350px) {
    .horizontal-plan-dedicated {
        margin-top:-120px!important
    }

    .plan-container .plan h3 {
        font-size: 1rem
    }

    .current-price {
        font-size: 30px
    }

    .plan-price {
        font-size: 30px
    }

    .collapse-nav .collapse-nav-item {
        padding: 14px 10px!important
    }
}

@media(max-width: 280px) {
    .collapse-nav .collapse-nav-item {
        width:46%!important
    }

    .location-dedicated img {
        max-width: 30%;
        float: none
    }

    .horizontal-plan-dedicated {
        margin-top: -160px!important
    }

    .collapse-nav .collapse-nav-item {
        padding: 7px 10px!important
    }
}

@media(max-width: 991px) {
    .navigation-container #nav-logo {
        width:10rem
    }

    .plan-specifications .feature__list .list-item {
        min-width: calc(100%/2);
        max-width: calc(100%/2);
        position: relative
    }
}

@media(max-width: 550px) {
    .plan-specifications .feature__list .list-item {
        min-width:calc(100%/1);
        max-width: calc(100%/1);
        position: relative
    }
}

@media(max-width: 414px) {
    .navbar-logo-container {
        flex-grow:0;
        width: 35%
    }

    .navigation-container #nav-logo {
        width: 100%
    }
}

@media(max-width: 400px) {
    .burger-icon {
        margin-left:5px!important
    }
}

.top-tier-dedicated-servers {
    width: 100%;
    text-align: center
}

.top-tier-dedicated-servers .title-text-lg:after {
    border-bottom: 3px solid #0069ff;
    padding-top: 2rem;
    width: 4%;
    margin: 0 48%
}

.top-tier-dedicated-servers .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%;
    margin: 0 15%
}

.top-tier-dedicated-servers svg {
    width: 9%
}

.page-global-promo {
    padding: 15px 25px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    display: block;
    transition: all .3s linear;
    background: linear-gradient(90deg,#ff7e5d 0%,#ff0766 100%);
    color: #fff;
    cursor: pointer;
    float: left;
    font-weight: 400;
    text-align: center;
    margin: 0
}

.page-global-promo a {
    color: #fff;
    text-decoration: underline
}

.btn-outline-white a {
    color: #fff;
    text-decoration: underline
}

.more-offer-eukhost-info {
    width: 100%;
    background: #fff;
    text-align: center
}

.more-offer-eukhost-info .title-text-lg:after {
    border-bottom: 3px solid #0069ff;
    padding-top: 2rem;
    width: 4%;
    margin: 0 48%
}

.more-offer-eukhost-info .title-text-lg {
    color: #2a2d38!important
}

.more-offer-eukhost-info p {
    color: #2a2d38!important
}

.more-offer-eukhost-info .content-padding-lg {
    padding-top: 100px;
    padding-bottom: 100px!important
}

.promo .footer-logo img {
    margin-top: 0%!important
}

.hero-container.promo img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0
}

.hero-container.promo {
    text-align: center;
    margin-bottom: 0;
    padding: 140px 0 0
}

.promo .navbar-nav {
    margin-right: 20px!important
}

.more-offer-eukhost-info .content-padding-lg {
    padding-top: 30px
}

.footer-column-social .social-square {
    fill: #fff;
    fill-rule: evenodd
}

@media(max-width: 991px) {
    .navigation-container.promo {
        padding:15px 0 10px
    }
}

@media(max-width: 767px) {
    .hero-container.promo .page-title span {
        font-size:22px!important
    }

    .hero-container.promo {
        padding: 140px 0 0
    }

    .footer-container.promo .footer-copyright {
        text-align: center
    }
}

@media(max-width: 450px) {
    .hero-container.promo .page-actions {
        display:block;
        width: 100%
    }

    .hero-container.promo .page-actions .btn {
        height: auto;
        min-width: auto;
        width: 100%
    }

    .hero-container.promo .page-actions .btn+.page-promo {
        height: auto;
        min-width: auto;
        font-size: 16px;
        width: 100%;
        margin: 10px 0 0;
        padding: 1rem
    }

    .hero-container.promo {
        padding: 110px 0 0!important
    }

    .navigation-container.promo {
        padding: 13px 0 6px!important
    }
}

@media(max-width: 400px) {
    .navigation-container.promo .navbar-nav .btn {
        padding:8px 15px;
        height: 40px;
        font-weight: 700
    }

    .navigation-container.promo {
        padding: 13px 0 6px!important
    }

    .hero-container.promo .page-title span {
        font-size: 20px!important
    }

    .hero-container.promo {
        padding: 90px 0 0!important
    }

    .hero-container.promo .page-title {
        line-height: 1.2rem!important;
        margin: 0
    }
}

.timeContainer {
    width: 90%;
    float: left;
    margin: 20px 5%
}

#countdown {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: .3rem!important;
    font-weight: 900;
    width: 24%;
    float: left;
    text-align: center;
    background: #fff;
    padding: 25px 0;
    margin: 0 .5%;
    color: #0047ba
}

#countdown span {
    background: #fff;
    color: #0047ba;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 5px;
    text-align: center;
    margin: 15px 0 0
}

#countdown1 {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: .3rem!important;
    font-weight: 900;
    width: 24%;
    float: left;
    text-align: center;
    background: #fff;
    padding: 25px 0;
    margin: 0 .5%;
    color: #0047ba
}

#countdown1 span {
    background: #fff;
    color: #0047ba;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 5px;
    text-align: center;
    margin: 15px 0 0
}

#countdown2 {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: .3rem!important;
    font-weight: 900;
    width: 24%;
    float: left;
    text-align: center;
    background: #fff;
    padding: 25px 0;
    margin: 0 .5%;
    color: #0047ba
}

#countdown2 span {
    background: #fff;
    color: #0047ba;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 5px;
    text-align: center;
    margin: 15px 0 0
}

#countdown3 {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: .3rem!important;
    font-weight: 900;
    width: 24%;
    float: left;
    text-align: center;
    background: #fff;
    padding: 25px 0;
    margin: 0 .5%;
    color: #0047ba
}

#countdown3 span {
    background: #fff;
    color: #0047ba;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 5px;
    text-align: center;
    margin: 15px 0 0
}

.offer-ends-in {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 2px 0;
    margin: 0
}

.btn-outline-chat.dedicated-server-range {
    background: linear-gradient(137deg,#ff7e5d,#ff0766 83.61%);
    color: #fff!important;
    padding: 1rem 1.1rem;
    margin: 0!important
}

@media(max-width: 1100px) {
    #countdown {
        font-size:2rem;
        padding: 25px 0
    }

    #countdown span {
        font-size: 18px;
        padding: 5px;
        margin: 5px 0 0
    }

    #countdown1 {
        font-size: 2rem;
        padding: 25px 0
    }

    #countdown1 span {
        font-size: 18px;
        padding: 5px;
        margin: 5px 0 0
    }

    #countdown2 {
        font-size: 2rem;
        padding: 25px 0
    }

    #countdown2 span {
        font-size: 18px;
        padding: 5px;
        margin: 5px 0 0
    }

    #countdown3 {
        font-size: 2rem;
        padding: 25px 0
    }

    #countdown3 span {
        font-size: 18px;
        padding: 5px;
        margin: 5px 0 0
    }

    .offer-ends-in {
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        padding: 2px 0;
        margin: 0
    }
}

@media(max-width: 1024px) {
    .page-international-dedicated-servers .hero-container {
        margin-bottom:0;
        padding: 170px 0 180px
    }
}

@media(max-width: 768px) {
    #countdown {
        font-size:1.8rem;
        padding: 22px 0
    }

    #countdown span {
        font-size: 14px;
        padding: 5px;
        margin: 5px 0 0
    }

    #countdown1 {
        font-size: 1.8rem;
        padding: 22px 0
    }

    #countdown1 span {
        font-size: 14px;
        padding: 5px;
        margin: 5px 0 0
    }

    #countdown2 {
        font-size: 1.8rem;
        padding: 22px 0
    }

    #countdown2 span {
        font-size: 14px;
        padding: 5px;
        margin: 5px 0 0
    }

    #countdown3 {
        font-size: 1.8rem;
        padding: 22px 0
    }

    #countdown3 span {
        font-size: 14px;
        padding: 5px;
        margin: 5px 0 0
    }

    .offer-ends-in {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        padding: 2px 0;
        margin: 0
    }

    .promo h1.page-title {
        margin: 0
    }
}

@media(max-width: 600px) {
    .timeContainer {
        width:100%;
        float: left;
        margin: 20px 0%
    }
}

@media(max-width: 553px) {
    .collapse-nav .collapse-nav-item {
        border:1px solid #7e82ff;
        background: #02136f;
        margin-bottom: 10px!important
    }

    .collapse-nav .collapse-nav-item.is-active {
        border: 1px solid #ccc;
        background: #fff
    }

    .collapse-nav .collapse-nav-item:hover {
        border: 1px solid #ccc;
        background: #fff
    }
}

@media(max-width: 450px) {
    #countdown {
        font-size:1.3rem;
        padding: 15px 0
    }

    #countdown span {
        font-size: 10px;
        padding: 5px;
        margin: 5px 0 0
    }

    #countdown1 {
        font-size: 1.3rem;
        padding: 15px 0
    }

    #countdown1 span {
        font-size: 10px;
        padding: 5px;
        margin: 5px 0 0
    }

    #countdown2 {
        font-size: 1.3rem;
        padding: 15px 0
    }

    #countdown2 span {
        font-size: 10px;
        padding: 5px;
        margin: 5px 0 0
    }

    #countdown3 {
        font-size: 1.3rem;
        padding: 15px 0
    }

    #countdown3 span {
        font-size: 10px;
        padding: 5px;
        margin: 5px 0 0
    }

    .offer-ends-in {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        padding: 0;
        margin: 0
    }
}

@media(max-width: 350px) {
    .btn-outline-chat.dedicated-server-range {
        margin:0 0 20px 0!important;
        font-size: 12px!important
    }
}

@media(max-width: 300px) {
    #countdown {
        font-size:1.1rem;
        padding: 10px 0
    }

    #countdown span {
        font-size: 8px;
        padding: 5px;
        margin: 0
    }

    #countdown1 {
        font-size: 1.1rem;
        padding: 10px 0
    }

    #countdown1 span {
        font-size: 8px;
        padding: 5px;
        margin: 0
    }

    #countdown2 {
        font-size: 1.1rem;
        padding: 10px 0
    }

    #countdown2 span {
        font-size: 8px;
        padding: 5px;
        margin: 0
    }

    #countdown3 {
        font-size: 1.1rem;
        padding: 10px 0
    }

    #countdown3 span {
        font-size: 8px;
        padding: 5px;
        margin: 0
    }

    .btn-outline-chat.dedicated-server-range {
        margin: 0 0 20px 0!important;
        font-size: 10px!important
    }
}

.customer-review.mb-auto.match-3 {
    height: 123px!important;
    overflow: hidden
}

.review-logo {
    width: 90px;
    height: 30px
}

@media(max-width: 300px) {
    .review-user-bottom {
        display:inline;
        align-items: center
    }
}

body.page-tidio #chat-widget-container {
    display: none!important
}

body.page-crispchat #chat-widget-container {
    display: none!important
}

body.page-crispchat2 #chat-widget-container {
    display: none!important
}

.footer-column-social ul li a {
    padding: 0!important
}

.footer-column-social li {
    padding: 0!important;
    margin: 0 7px 0 0!important
}

.footer-column-social svg {
    width: 25px!important
}

.page-dedicated-servers .plan-cta {
    display: block
}

.page-linux-sdd-vps .plan-cta {
    display: block
}

.page-personal-sign .plan-cta {
    display: block
}

.banner {
    padding: 0px;
    background: #171f29;
    color: #c5cdd4;
    margin-top: 74px;
}

.banner h1, .banner h4, .banner h3 {
    color: #fff;
    text-transform: uppercase;
}

.banner h3, .banner .red, .banner h4 {
    font-family: "ProximaNova-Bold", sans-serif;
}

.banner h4 {
    font-size: 20px;
}

.banner h1 {
    padding-top: 0px;
    padding-bottom: 6px;
}

.banner p {
    max-width: 50%;
    font-size: 18px;
    line-height: 26px;
    padding-top: 20px;
    padding-bottom: 16px;
    color: #bbc0d3;
}

.hero-about p {
    padding-bottom: 0px;
}

.banner .strong {
    display: block;
    font-size: 18px;
    font-family: "ProximaNova-Semibold", sans-serif;
    color: #fff;
}

.banner .button {
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding: 0px 24px;
    margin-top: 24px;
}

.banner .whiteoutline {
    height: 48px;
    line-height: 44px;
}

.banner-slide {
    background: url('../images/bannerbg-1.png') center center no-repeat;
    background-size: cover;
    padding: 106px 0px 0px 0px;
    height: 504px;
}

#slide-shared {
    background: url('../images/bannerbg-1.png') center center no-repeat;
    background-size: cover;
    padding: 96px 0px 0px 0px;
    height: 504px;
}

#slide-location {
    background: url(../img/hero-bg-1.png) center center no-repeat;
    background-size: cover;
    height: 504px;
    padding: 108px 0px 0px 0px;
}

#slide-location .button {
    margin: 24px 10px 0px 0px;
}

#slide-vps {
    background: url(../img/hero-bg-3.png) center center no-repeat;
    background-size: cover;
    padding: 112px 0px 0px 0px;
    height: 504px;
}

#slide-reseller {
    background: url(../img/hero-bg-2.png) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 0px 0px;
    height: 504px;
}

#slide-dedicated {
    background: url(../img/hero-bg-4.png) center center no-repeat;
    background-size: cover;
    padding: 106px 0px 0px 0px;
    height: 504px;
}

#slide-dedicated p {
    max-width: 60%;
}

#slide-reseller p, #slide-dedicated p {
    padding-top: 8px;
}

#slide-shared .btick {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#slide-vps .btick {
    max-width: 70%;
    margin-bottom: 0px;
}

#slide-vps .btick li img {
    height: auto;
    vertical-align: middle;
    margin-right: 10px;
}

@keyframes breathing {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: .05
    }

    35% {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        opacity: .2
    }

    70% {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .3
    }

    100% {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

.world-map ul li .network-label {
    color: #dce6ef;
    background-color: #26386b;
    font-size: 12px;
    border-radius: 5px;
    margin-top: 13px;
    width: 100px;
    height: 24px;
    line-height: 24px;
    margin-left: -44px;
    box-sizing: border-box;
    margin-top: 21px;
    display: none;
    z-index: 1000;
    box-shadow: 0 2px 2px 0 rgb(10 19 45 / 8%);
    position: absolute;
    top: -54px;
    color: #fff;
    font-weight: 500
}

.world-map ul li:hover .network-label {
    display: block
}

.world-map {
    position: relative;
    max-width: 1040px;
    max-height: 527px;
    margin: 0 auto
}

.world-map img {
    width: 100%
}

.world-map ul li {
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    display: block
}

.world-map ul li:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: #0069ff;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    display: block
}

.world-map ul li:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    top: -50%;
    left: -50%;
    border-radius: 100%;
    background: #0069ff;
    background: radial-gradient(circle, rgba(255, 143, 79, .14889705882352944) 0, #0069ff 100%);
    -webkit-animation: breathing 2s linear infinite;
    animation: breathing 2s linear infinite
}

.world-map ul li.pop-na-va {
    left: 7.7%;
    top: 20%
}

.world-map ul li.pop-na-mn {
    left: 26.7%;
    top: 22.2%
}

.world-map ul li.pop-as-tw {
    left: 86%;
    top: 39%
}

.world-map ul li.pop-as-pk {
    left: 68%;
    top: 43%
}

.world-map ul li.pop-as-nd {
    left: 70.7%;
    top: 41%
}

.world-map ul li.pop-as-az {
    top: 32%;
    left: 64%
}

.world-map ul li.pop-as-ge {
    top: 30.5%;
    left: 62.3%
}

.world-map ul li.pop-as-cy {
    top: 38%;
    left: 57%
}

.world-map ul li.pop-eu-zu {
    left: 49.6%;
    top: 26.2%
}

.world-map ul li.pop-eu-se {
    left: 52%;
    top: 13.5%
}

.world-map ul li.pop-eu-at {
    top: 25.4%;
    left: 51.3%
}

.world-map ul li.pop-eu-sk {
    top: 26%;
    left: 52.3%
}

.world-map ul li.pop-eu-ky {
    left: 75%;
    top: 18%
}

.world-map ul li.pop-eu-gr {
    left: 54.7%;
    top: 34%
}

.world-map ul li.pop-eu-bg {
    left: 54.4%;
    top: 31%
}

.world-map ul li.pop-na-la {
    left: 10%;
    top: 34%
}

.world-map ul li.pop-na-ph {
    left: 11.4%;
    top: 35%
}

.world-map ul li.pop-na-kc {
    left: 17.7%;
    top: 29%
}

.world-map ul li.pop-na-ny {
    left: 25.9%;
    top: 28%
}

.world-map ul li.pop-na-mi {
    left: 21.5%;
    top: 36%
}

.world-map ul li.pop-na-tx {
    left: 17%;
    top: 33%
}

.world-map ul li.pop-na-wa {
    left: 8%;
    top: 22%
}

.world-map ul li.pop-na-pho {
    left: 11.4%;
    top: 35.5%
}

.world-map ul li.pop-na-hou {
    left: 17.6%;
    top: 37%
}

.world-map ul li.pop-na-sil {
    left: 9%;
    top: 30%
}

.world-map ul li.pop-na-il {
    left: 19.5%;
    top: 27%
}

.world-map ul li.pop-na-den {
    left: 13.5%;
    top: 29%
}

.world-map ul li.pop-na-og {
    left: 11.5%;
    top: 27.5%
}

.world-map ul li.pop-na-bst {
    left: 27.2%;
    top: 26%
}

.world-map ul li.pop-na-ash {
    left: 24.5%;
    top: 29.5%
}

.world-map ul li.pop-na-ga {
    left: 21%;
    top: 32%
}

.world-map ul li.pop-na-to {
    left: 21.5%;
    top: 26%
}

.world-map ul li.pop-sa-cl {
    left: 22.5%;
    top: 79%
}

.world-map ul li.pop-sa-ba {
    left: 26%;
    top: 81%
}

.world-map ul li.pop-sa-cr {
    left: 20%;
    top: 47.5%
}

.world-map ul li.pop-sa-co {
    left: 21%;
    top: 52.6%
}

.world-map ul li.pop-sa-co {
    left: 21%;
    top: 52.6%
}

.world-map ul li.pop-sa-mx {
    left: 16%;
    top: 44%
}

.world-map ul li.pop-sa-ri {
    left: 31.5%;
    top: 70%
}

.world-map ul li.pop-sa-bs {
    left: 29%;
    top: 66%
}

.world-map ul li.pop-sa-br {
    left: 30%;
    top: 72%
}

.world-map ul li.pop-sa-pa {
    left: 28%;
    top: 76%
}

.world-map ul li.pop-sa-fl {
    left: 32%;
    top: 58%
}

.world-map ul li.pop-sa-ar {
    left: 27%;
    top: 79%
}

.world-map ul li.pop-sa-pe {
    left: 18.5%;
    top: 65%
}

.world-map ul li.pop-sa-ec {
    left: 18.5%;
    top: 55%
}

.world-map ul li.pop-sa-pae {
    left: 28.7%;
    top: 75.6%
}

.world-map ul li.pop-sa-ft {
    left: 30%;
    top: 56%
}

.world-map ul li.pop-as-isr {
    top: 41.2%;
    left: 57.7%
}

.world-map ul li.pop-as-uae {
    top: 47.7%;
    left: 66%
}

.world-map ul li.pop-as-sa {
    top: 47.8%;
    left: 63.4%
}

.world-map ul li.pop-as-jp {
    left: 94.5%;
    top: 31.5%
}

.world-map ul li.pop-as-sg {
    left: 81.3%;
    top: 57.7%
}

.world-map ul li.pop-as-my {
    left: 80.8%;
    top: 55.5%
}

.world-map ul li.pop-as-th {
    left: 81%;
    top: 48%
}

.world-map ul li.pop-as-vn {
    left: 82.4%;
    top: 52%
}

.world-map ul li.pop-as-ph {
    left: 85.6%;
    top: 51%
}

.world-map ul li.pop-as-id {
    top: 63%;
    left: 84%
}

.world-map ul li.pop-as-bk {
    top: 51.5%;
    left: 81%
}

.world-map ul li.pop-as-hk {
    left: 83.8%;
    top: 41%
}

.world-map ul li.pop-as-in {
    left: 71%;
    top: 48%
}

.world-map ul li.pop-as-mu {
    left: 69.2%;
    top: 45.5%
}

.world-map ul li.pop-as-cen {
    left: 72.5%;
    top: 47.9%
}

.world-map ul li.pop-as-kr {
    left: 90%;
    top: 30.5%
}

.world-map ul li.pop-as-kz {
    left: 70%;
    top: 27.5%
}

.world-map ul li.pop-as-tr {
    left: 56.7%;
    top: 31%
}

.world-map ul li.pop-eu-uk {
    left: 46.3%;
    top: 20.4%
}

.world-map ul li.pop-eu-es {
    left: 45.2%;
    top: 32%
}

.world-map ul li.pop-eu-pt {
    left: 43.8%;
    top: 33%
}

.world-map ul li.pop-eu-lu {
    left: 48.8%;
    top: 26%
}

.world-map ul li.pop-eu-ie {
    left: 44.3%;
    top: 19.4%
}

.world-map ul li.pop-eu-it {
    left: 50%;
    top: 29%
}

.world-map ul li.pop-eu-no {
    left: 50.2%;
    top: 13%
}

.world-map ul li.pop-eu-ams {
    left: 48.4%;
    top: 20.3%
}

.world-map ul li.pop-eu-fr {
    left: 47.4%;
    top: 26%
}

.world-map ul li.pop-eu-ua {
    left: 57.2%;
    top: 23%
}

.world-map ul li.pop-eu-mr {
    left: 48%;
    top: 30%
}

.world-map ul li.pop-eu-lj {
    left: 51%;
    top: 28%
}

.world-map ul li.pop-eu-de {
    left: 49.4%;
    top: 23.2%
}

.world-map ul li.pop-eu-dk {
    left: 51%;
    top: 18%
}

.world-map ul li.pop-eu-hu {
    left: 52%;
    top: 28%
}

.world-map ul li.pop-eu-bu {
    left: 55.4%;
    top: 29.5%
}

.world-map ul li.pop-eu-ba {
    left: 53%;
    top: 30%
}

.world-map ul li.pop-eu-sr {
    left: 54%;
    top: 28%
}

.world-map ul li.pop-eu-md {
    left: 57%;
    top: 28%
}

.world-map ul li.pop-eu-ru {
    left: 58.4%;
    top: 17.2%
}

.world-map ul li.pop-eu-kh {
    left: 91.7%;
    top: 24%
}

.world-map ul li.pop-eu-pl {
    left: 53%;
    top: 22.2%
}

.world-map ul li.pop-eu-cz {
    left: 51.7%;
    top: 23.4%
}

.world-map ul li.pop-eu-vi {
    left: 53.3%;
    top: 18.7%
}

.world-map ul li.pop-eu-is {
    left: 42%;
    top: 9%
}

.world-map ul li.pop-eu-fi {
    left: 53.9%;
    top: 13.5%
}

.world-map ul li.pop-af-sa {
    left: 57.5%;
    top: 87%
}

.world-map ul li.pop-af-ng {
    left: 47.5%;
    top: 64%
}

.world-map ul li.pop-af-ke {
    left: 59%;
    top: 67%
}

.world-map ul li.pop-af-eg {
    left: 56.4%;
    top: 43%
}

.world-map ul li.pop-oc-syd {
    left: 96.2%;
    top: 81%
}

.world-map ul li.pop-oc-mel {
    left: 94.6%;
    top: 86.8%
}

.world-map ul li.pop-oc-per {
    left: 86.5%;
    top: 79%
}

.world-map ul li.pop-oc-ade {
    left: 91.5%;
    top: 84%
}

.world-map ul li.pop-oc-auc {
    left: 96.7%;
    top: 84%
}

.world-map ul li.pop-oc-bri {
    left: 96.1%;
    top: 77%
}

.world-map ul li.na-pop:before {
    background: #4980ff;
    background: radial-gradient(circle, #4980ff 0, #4980ff 100%)
}

.world-map ul li:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    top: -50%;
    left: -50%;
    border-radius: 100%;
    background: #0069ff;
    background: radial-gradient(circle, rgba(255, 143, 79, .14889705882352944) 0, #0069ff 100%);
    -webkit-animation: breathing 2s linear infinite;
    animation: breathing 2s linear infinite
}

.abs-icon {
    position: relative;
    padding-left: 88px
}

.abs-map {
    position: relative;
    margin-top: 48px;
    padding-left: 84px
}

.abs-map strong {
    color: #223160;
    font-size: 18px
}

.abs-icon-img {
    position: absolute;
    top: 0;
    left: 0
}

.abs-map .abs-icon-img {
    width: 58px
}

.product-main {
    border-radius: 3px;
    background-color: #FFF;
}

.product-main .product-left {
    background: linear-gradient(180deg, #66a5ff, #0069ff);
    min-height: 470px;
    border-radius: 3px 0 0 3px;
    padding: 30px 30px 0;
    position: relative;
    overflow: hidden;
}

.product-main .product-left h2 {
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 20px;
    font-family: Montserrat,sans-serif;
}

.product-main .product-left h2 p {
    font-size: 14px;
    opacity: 0.5;
    margin: 0;
}

.product-main .product-left p {
    color: #fff;
    line-height: 30px;
    margin: 0;
    font-size: 16px;
}

.product-main .product-left img {
    position: absolute;
    bottom: -20px;
    width: 200px;
    height: 160px;
    left: 0;
    transition: all .5s;
}

.product-main .product-left .btn-white {
    margin-top: 20px;
    background-color: #fff;
    color: #1e88e5;
    display: block;
    border-radius: 2px;
}

.product-main .product-right {
    min-height: 431px;
    border-right: 1px #f8f8f8 solid;
    padding-bottom: 20px;
}

.product-main .product-right:last-child {
    border-right: 0 none;
}

.product-main .product-right .plan {
    text-align: center;
    padding: 0 20px;
    min-height: 470px;
}

.product-main .product-right .plan-title {
    padding: 30px 0 0;
    margin: 0 20px;
    font-family: Montserrat,sans-serif;
}

.product-main .product-right .plan-title h3 {
    font-family: Montserrat,sans-serif;
    margin: 0;
    color: #333;
    font-size: 22px;
}

.product-main .product-right .plan-title strong {
    font-size: 32px;
    color: #1e88e5;
    font-weight: 500;
}

.product-main .product-right .plan-title strong small {
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px;
}

.product-main .product-right .plan-text {
    color: #888;
    line-height: 24px;
}

.product-main .product-right .item-list {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.product-main .product-right .plan ul li {
    line-height: 24px;
    border-top: 1px #eee dotted;
    padding: 8px 0;
    font-size: 13px;
}

.product-main .product-right .btn-primary {
    border-radius: 3px;
    border: 1px solid #138efc;
    background-color: #138efc;
}

.product-main .product-right .btn-primary:active, .product-main .product-right .btn-primary:focus, .product-main .product-right .btn-primary:hover {
    border: 1px solid #02a9fb;
    background-color: #02a9fb;
}


.banner-slide .btn {
    margin-top: 0px!important;
    color: #fff !important;
    text-decoration: none;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .04);
    border-radius: 5px;
    padding: 0 28px!important;
    height: 48px;
    line-height: 48px;
}


#fixed_bar_show {
	position: fixed;
	right: 0;
	bottom: 220px;
	width: 60px;
	color: #fff;
	text-align: center;
	background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#1c3b62),color-stop(75%,#1c3b62));
	background-image: -webkit-linear-gradient(left,#1c3b62 0,#1c3b62 75%);
	background-image: -moz-linear-gradient(left,#1c3b62 0,#1c3b62 75%);
	background-image: -o-linear-gradient(left,#1c3b62 0,#1c3b62 75%);
	background-image: linear-gradient(90deg,#1c3b62 0,#1c3b62 75%);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

#fixed_bar_show .wechat {
	position: relative
}

#fixed_bar_show .wechat img {
	position: absolute;
	width: 116px;
	height: 116px;
	right: 100%;
	top: 0;
	max-width: initial;
	opacity: 0
}

#fixed_bar_show .wechat:hover img {
	opacity: 1
}

#fixed_bar_show a,#fixed_bar_show div {
	color: #fff;
	cursor: pointer;
	display: block;
	width: 60px;
	height: 60px
}

#fixed_bar_show a:not(:last-child),#fixed_bar_show div:not(:last-child) {
	border-bottom: 1px solid #fff
}

#fixed_bar_show a .text,#fixed_bar_show div .text {
	font-weight: 700;
	padding: 20px 0;
	display: none;
	font-size: 12.5px
}

#fixed_bar_show a i,#fixed_bar_show div i {
	font-size: 30px;
	padding: 15px
}

#fixed_bar_show a .fa-headset,#fixed_bar_show div .fa-headset {
	border: none
}

#fixed_bar_show a:hover,#fixed_bar_show div:hover {
	color: #0069ff;
}

#fixed_bar_show a:hover .text,#fixed_bar_show div:hover .text {
	display: block
}

#fixed_bar_show a:hover i,#fixed_bar_show div:hover i {
	display: none
}

#fixed_bar_show .tel_hk {
	border-bottom: none!important
}



.zl-area-icon {
    margin-left: 10px;
    min-width: 40px;
    width: 40px;
}

.feature.is-boxed.feature-icon-top-center {
    width: 100%;
    min-height: 350px;
    background-color: #fff;
    box-shadow: 14px 8px 80px 0 rgba(0, 0, 0, .12);
    display: block;
    transition: margin .3s ease, box-shadow .3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    display: relative;
    padding: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.feature-title {
    margin-top: 30px;
    font-size: 1.2rem;
}

.feature-icon {
    margin-top: 10px;
}

.feature-desc p {
    margin-bottom: 0px;
}

.zl-feature-container .title-text-lg.pb-56 {
    text-align: center;
}


.zl-feature-container .title-text-lg:after {
    border-bottom: 3px solid #0069ff;
    padding-top: 2rem;
    width: 4%;
    margin: 0 48%;
}

section.product {
    background: #F9FAFA;
}


section.network-location .title-text-lg:after {
    border-bottom: 3px solid #0069ff;
    padding-top: 2rem;
    width: 4%;
    margin: 0 48%;
}


.support-contact .title-text-lg:after {
    border-bottom: 3px solid #0069ff;
    padding-top: 2rem;
    width: 4%;
    margin: 0 48%;
}

i.support-widget-icon {
    display: flex;
}


@media (max-width: 768px) {
    .banner {
    margin-top: 61px;
}
section.network-location div#locations-left {
    display: none;
}
}

.page-not-found-card {
    border-radius: 3px;
    border: 1px solid transparent;
    filter: drop-shadow(0px 8px 24px rgba(10, 14, 29, .06));
    margin-top: 24px;
    text-align: center;
}

section.page-not-found-section {
    padding-top: 130px;
    padding-bottom: 100px;
}

div#lottie-container svg {
    width: 500px!important;
}

.nodata-icon {
    display: flex;
    justify-content: center;
}