/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html
{
    font-family: sans-serif; /* 1 */

        -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body
{
    margin: 0;
}

/* HTML5 display definitions
	 ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video
{
    display: inline-block; /* 1 */

    vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template
{
    display: none;
}

/* Links
	 ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a
{
    background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

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

/* Text-level semantics
	 ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title]
{
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong
{
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn
{
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1
{
    font-size: 2em;

    margin: .67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small
{
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sup
{
    top: -.5em;
}

sub
{
    bottom: -.25em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img
{
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
	 ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure
{
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

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

/**
 * Contain overflow in all browsers.
 */

pre
{
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

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

/* Forms
	 ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea
{
    font: inherit; /* 2 */

    margin: 0; /* 3 */

    color: inherit; /* 1 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button
{
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select
{
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{
    cursor: pointer; /* 3 */

    -webkit-appearance: button; /* 2 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled]
{
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner
{
    padding: 0;

    border: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input
{
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type='checkbox'],
input[type='radio']
{
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type='search']
{
    box-sizing: content-box; /* 2 */

    -webkit-appearance: textfield; /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset
{
    margin: 0 2px;
    padding: .35em .625em .75em;

    border: 1px solid #c0c0c0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend
{
    padding: 0; /* 2 */

    border: 0; /* 1 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea
{
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup
{
    font-weight: bold;
}

/* Tables
	 ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table
{
    border-spacing: 0;
    border-collapse: collapse;
}

td,
th
{
    padding: 0;
}

@font-face
{
    font-family: 'avenir-safari';
    font-weight: 600;
    font-style: normal;

    src: url('../fonts/AvenirNextLTPro-Demi.ttf') format('truetype');
    font-display: swap;
}

@font-face
{
    font-family: 'avenir-safari';
    font-weight: bold;
    font-style: normal;

    src: url('../fonts/AvenirNextLTPro-Bold.ttf') format('truetype');
    font-display: swap;
}

@font-face
{
    font-family: 'avenir-safari';
    font-weight: 300;
    font-style: normal;

    src: url('../fonts/AvenirNextLTPro-Light.ttf') format('truetype');
    font-display: swap;
}

@font-face
{
    font-family: 'avenir-safari';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/AvenirNextLTPro-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face
{
    font-family: 'avenir-safari';
    font-weight: 500;
    font-style: normal;

    src: url('../fonts/AvenirNextLTPro-Medium.ttf') format('truetype');
    font-display: swap;
}

@font-face
{
    font-family: 'avenir-safari';
    font-weight: 200;
    font-style: normal;

    src: url('../fonts/AvenirNextLTPro-UltLt.ttf') format('truetype');
    font-display: swap;
}

@font-face
{
    font-family: 'avenir';
    font-weight: 600;
    font-style: normal;

    src: url('../fonts/AvenirNextLTPro-Demi.eot');
    src: url('../fonts/AvenirNextLTPro-Demi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-Demi.woff2') format('woff2'), url('../fonts/AvenirNextLTPro-Demi.woff') format('woff'), url('../fonts/AvenirNextLTPro-Demi.ttf') format('truetype'), url('../fonts/AvenirNextLTPro-Demi.svg#AvenirNextLTPro-Demi') format('svg');
    font-display: swap;
}

@font-face
{
    font-family: 'avenir';
    font-weight: bold;
    font-style: normal;

    src: url('../fonts/AvenirNextLTPro-Bold.eot');
    src: url('../fonts/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-Bold.woff2') format('woff2'), url('../fonts/AvenirNextLTPro-Bold.woff') format('woff'), url('../fonts/AvenirNextLTPro-Bold.ttf') format('truetype'), url('../fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold') format('svg');
    font-display: swap;
}

@font-face
{
    font-family: 'avenir';
    font-weight: 300;
    font-style: normal;

    src: url('../fonts/AvenirNextLTPro-Light.eot');
    src: url('../fonts/AvenirNextLTPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-Light.woff2') format('woff2'), url('../fonts/AvenirNextLTPro-Light.woff') format('woff'), url('../fonts/AvenirNextLTPro-Light.ttf') format('truetype'), url('../fonts/AvenirNextLTPro-Light.svg#AvenirNextLTPro-Light') format('svg');
    font-display: swap;
}

@font-face
{
    font-family: 'avenir';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/AvenirNextLTPro-Regular.eot');
    src: url('../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-Regular.woff2') format('woff2'), url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('../fonts/AvenirNextLTPro-Regular.ttf') format('truetype'), url('../fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
    font-display: swap;
}

@font-face
{
    font-family: 'avenir';
    font-weight: 500;
    font-style: normal;

    src: url('../fonts/AvenirNextLTPro-Medium.eot');
    src: url('../fonts/AvenirNextLTPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-Medium.woff2') format('woff2'), url('../fonts/AvenirNextLTPro-Medium.woff') format('woff'), url('../fonts/AvenirNextLTPro-Medium.ttf') format('truetype'), url('../fonts/AvenirNextLTPro-Medium.svg#AvenirNextLTPro-Medium') format('svg');
    font-display: swap;
}

@font-face
{
    font-family: 'avenir';
    font-weight: 200;
    font-style: normal;

    src: url('../fonts/AvenirNextLTPro-UltLt.eot');
    src: url('../fonts/AvenirNextLTPro-UltLt.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-UltLt.woff2') format('woff2'), url('../fonts/AvenirNextLTPro-UltLt.woff') format('woff'), url('../fonts/AvenirNextLTPro-UltLt.ttf') format('truetype'), url('../fonts/AvenirNextLTPro-UltLt.svg#AvenirNextLTPro-UltLt') format('svg');
    font-display: swap;
}

.clearfix:after
{
    display: block;
    clear: both;

    content: '';
}

.ellipsis
{
    overflow: hidden;

    white-space: nowrap; /* 1 */
    text-overflow: ellipsis; /* 2 */
}

/*!
 * fullPage 3.1.1
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */

.fp-enabled body,
html.fp-enabled
{
    overflow: hidden;

    margin: 0;
    padding: 0;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fp-section
{
    position: relative;

    box-sizing: border-box;
}

.fp-slide
{
    float: left;
}

.fp-slide,
.fp-slidesContainer
{
    display: block;

    height: 100%;
}

.fp-slides
{
    position: relative;
    z-index: 1;

    overflow: hidden;

    height: 100%;

    -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
}

.fp-section.fp-table,
.fp-slide.fp-table
{
    display: table;

    width: 100%;

    table-layout: fixed;
}

.fp-tableCell
{
    display: table-cell;

    width: 100%;
    height: 100%;

    vertical-align: middle;
}

.fp-slidesContainer
{
    position: relative;

    float: left;
}

.fp-controlArrow
{
    position: absolute;
    z-index: 4;
    top: 50%;

    width: 0;
    height: 0;
    margin-top: -38px;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    border-style: solid;

     -khtml-user-select: none;
}

.fp-controlArrow.fp-prev
{
    left: 15px;

    width: 0;

    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next
{
    right: 15px;

    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}

.fp-scrollable
{
    position: relative;

    overflow: hidden;
}

.fp-scroller
{
    overflow: hidden;
}

.iScrollIndicator
{
    border: 0 !important;
}

.fp-notransition
{
    -webkit-transition: none !important;
            transition: none !important;
}

#fp-nav
{
    position: fixed;
    z-index: 100;
    top: 50%;

    -webkit-transform: translate3d(0, -50%, 0);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    opacity: 1;
}

#fp-nav.fp-right
{
    right: 17px;
}

#fp-nav.fp-left
{
    left: 17px;
}

.fp-slidesNav
{
    position: absolute;
    z-index: 4;
    right: 0;
    left: 0 !important;

    margin: 0 auto !important;

    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    opacity: 1;
}

.fp-slidesNav.fp-bottom
{
    bottom: 17px;
}

.fp-slidesNav.fp-top
{
    top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul
{
    margin: 0;
    padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li
{
    position: relative;

    display: block;

    width: 14px;
    height: 13px;
    margin: 7px;
}

.fp-slidesNav ul li
{
    display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a
{
    position: relative;
    z-index: 1;

    display: block;

    width: 100%;
    height: 100%;

    cursor: pointer;
    text-decoration: none;
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span
{
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;

    border-radius: 100%;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span
{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    width: 4px;
    height: 4px;
    margin: -2px 0 0 -2px;

    -webkit-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;

    border: 0;
    border-radius: 50%;
    background: #333;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span
{
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
}

#fp-nav ul li .fp-tooltip
{
    font-family: arial,helvetica,sans-serif;
    font-size: 14px;

    position: absolute;
    top: -2px;

    display: block;
    overflow: hidden;

    width: 0;
    max-width: 220px;

    cursor: pointer;
    white-space: nowrap;

    opacity: 0;
    color: #fff;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip
{
    width: auto;

    -webkit-transition: opacity .2s ease-in;
            transition: opacity .2s ease-in;

    opacity: 1;
}

#fp-nav ul li .fp-tooltip.fp-right
{
    right: 20px;
}

#fp-nav ul li .fp-tooltip.fp-left
{
    left: 20px;
}

.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section
{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section
{
    height: auto !important;
}

.fp-sr-only
{
    position: absolute;

    overflow: hidden;
    clip: rect(0, 0, 0, 0);

    width: 1px;
    height: 1px;
    padding: 0;

    white-space: nowrap;

    border: 0;
}

html
{
    box-sizing: border-box;
}

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

*
{
    max-height: 1000000px;
}

body
{
    font: 17px/1.4 'avenir', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    min-width: 320px;

    color: #fff;
    background: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img
{
    max-width: 100%;
    height: auto;

    vertical-align: top;
}

.gm-style img
{
    max-width: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h
{
    font-family: inherit;
    font-weight: bold;

    margin: 0 0 .5em;

    color: inherit;
}

h1,
.h1
{
    font-size: 30px;
}

h2,
.h2
{
    font-size: 27px;
}

h3,
.h3
{
    font-size: 24px;
}

h4,
.h4
{
    font-size: 21px;
}

h5,
.h5
{
    font-size: 17px;
}

h6,
.h6
{
    font-size: 15px;
}

p
{
    margin: 0 0 1em;
}

a
{
    color: #39f;
}

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

form,
fieldset
{
    margin: 0;
    padding: 0;

    border-style: none;
}

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
textarea
{
    box-sizing: border-box;
    padding: .4em .7em;

    border: 1px solid #c1c1c1;
    -webkit-border-radius: 0;

    -webkit-appearance: none;
}

input[type='text']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='password']:focus,
textarea:focus
{
    border-color: #000;
}

input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
    color: #c1c1c1;
}

input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder
{
    opacity: 1;
    color: #c1c1c1;
}

input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
textarea:-moz-placeholder
{
    color: #c1c1c1;
}

input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
textarea:-ms-input-placeholder
{
    color: #c1c1c1;
}

input[type='text'].placeholder,
input[type='tel'].placeholder,
input[type='email'].placeholder,
input[type='search'].placeholder,
input[type='password'].placeholder,
textarea.placeholder
{
    color: #c1c1c1;
}

select
{
    -webkit-border-radius: 0;
}

textarea
{
    resize: vertical;
    vertical-align: top;
}

button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit']
{
    cursor: pointer;

    -webkit-border-radius: 0;

    -webkit-appearance: none;
}

.container
{
    max-width: 1305px;
    padding: 0 30px;
}

.body-btn,
.footer .cta-primary-dark,
.ps-widget .ps-button-label,
.product .cta-add-cart
{
    font-family: 'avenir', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;

    display: inline-block;

    width: auto;
    min-width: 160px;
    height: auto;
    padding: 13px 25px 11px 25px;

    -webkit-transition: -webkit-transform .3s ease-in-out;
            transition: -webkit-transform .3s ease-in-out;
            transition:         transform .3s ease-in-out;
            transition:         transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transition-duration: .15s;
            transition-duration: .15s;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;

    color: #fff;
    border-radius: 30px;
    background-image: -webkit-linear-gradient(315deg, #4b77f2 0%, #5abeff 100%);
    background-image:         linear-gradient(135deg, #4b77f2 0%, #5abeff 100%);
}

.body-btn:hover,
.footer .cta-primary-dark:hover,
.ps-widget .ps-button-label:hover,
.product .cta-add-cart:hover
{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);

    opacity: 1;
    color: #fff;
    background-image: -webkit-linear-gradient(315deg, #5abeff 0%, #4b77f2 100%);
    background-image:         linear-gradient(135deg, #5abeff 0%, #4b77f2 100%);
}

.body-btn:disabled:hover,
.footer .cta-primary-dark:disabled:hover,
.ps-widget .ps-button-label:disabled:hover,
.product .cta-add-cart:disabled:hover
{
    opacity: .65;
    background-image: -webkit-linear-gradient(315deg, #4b77f2 0%, #5abeff 100%);
    background-image:         linear-gradient(135deg, #4b77f2 0%, #5abeff 100%);
}

.ps-widget
{
    display: inline-block !important;

    vertical-align: top;
}

.ps-widget:focus
{
    outline: none !important;
}

.ps-widget .ps-button-label
{
    float: none;
}

.ps-widget .ps-button-label:hover
{
    font-family: 'avenir', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;

    padding: 13px 25px 11px 25px;

    letter-spacing: 2px;

    border-radius: 20px;
}

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

h1,
.h1
{
    font-size: 34px;
    font-weight: 200;
    line-height: 1.1;

    margin-bottom: 20px;

    letter-spacing: 0;
}

h2,
.h2
{
    font-size: 19px;
    font-weight: 600;

    margin-bottom: 12px;

    letter-spacing: 3.75px;
    text-transform: uppercase;
}

h3,
.h3
{
    font-size: 13px;
    font-weight: 600;

    letter-spacing: 2px;
    text-transform: uppercase;
}

a.hyperlink
{
    font-size: 13px;
    font-weight: 700;

    display: inline-block;

    vertical-align: top;
    letter-spacing: 2px;
    text-transform: uppercase;

    color: #349bfa;
}

a.hyperlink:hover
{
    text-decoration: underline;

    color: #349bfa;
}

a.hyperlink.underlined
{
    text-decoration: underline;
}

a.hyperlink.underlined:hover
{
    text-decoration: none;

    color: #349bfa;
}

a.hyperlink .hyperlink-icon
{
    padding-left: 10px;
}

.js-tab-hidden
{
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;

    display: block !important;
}

.estimated-shipping
{
    margin-bottom: 10px;
}

.estimated-shipping > div
{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.estimated-shipping .body-small
{
    font-family: 'avenir', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    text-align: left;
}

.discount-opt-in-overlay
{
    color: #000;
}

.discount-opt-in-overlay .body-large,
.discount-opt-in-overlay label,
.discount-opt-in-overlay .form-elements input[type='submit'],
.discount-opt-in-overlay .terms
{
    font-family: 'avenir', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.discount-opt-in-overlay .form-elements input[type='submit']
{
    width: 100%;
}

.fixed-btn
{
    position: fixed;
    z-index: 2000;
    top: 20px;
    right: 15px;

    -webkit-transition: opacity .5s linear .3s, visibility .5s linear .3s;
            transition: opacity .5s linear .3s, visibility .5s linear .3s;
}

.fixed-btn.js-hidden
{
    visibility: hidden;

    opacity: 0;
}

.bg-img
{
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.bg-img--bottom
{
    background-position: 50% bottom;
}

.bg-img--right
{
    background-position: 15% 50%;
}

.bg-img--small
{
    background-size: 100%;
}

.navbar
{
    background: none !important;
}

.navbar button
{
    background: none;
}

.fixed-top
{
    position: absolute;
}

.nav-icon-spacer
{
    margin-left: 38px;
}

.navbar-collapse
{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
        flex: 1 1 0;
}

.mobile-nav .navbar
{
    padding: 1.4rem 1.5rem;
}

.mobile-nav .navbar-toggler-icon
{
    width: 22px;
    height: 22px;
}

.mobile-nav .navbar-brand
{
    margin-right: 0;
}

.mobile-nav .navbar-brand img
{
    width: 122px;
}

.mobile-nav img
{
    vertical-align: middle;
}

.header-dxa-default .image-light
{
    display: block !important;
}

.header-dxa-default .image-dark
{
    display: none !important;
}

.header-dxa-default .nav-link
{
    font-family: 'avenir', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif !important;
    font-weight: 500 !important;

    letter-spacing: 3.11px;

    color: #fff !important;
}

.header-dxa-default .nav-link:hover
{
    color: #fff !important;
}

.navbar .search-wrapper button
{
    color: #000;
}

.support-tooltip .dropdown-menu a
{
    color: #212529;
}

.mobile-nav .search-icon
{
    width: 16px;
    height: 16px;
}

.mobile-nav .account-icon
{
    width: 20px;
    height: 20px;
}

.mobile-nav .cart-icon
{
    width: 18px;
    height: 18px;
}

.mobile-nav #help
{
    width: 20px;
    height: 20px;
}

.navbar-nav
{
    margin-right: -3.7rem !important;
    margin-left: 2%;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.navbar-nav li
{
    margin-right: 0 !important;
    padding-top: 0 !important;
    padding-right: 3.7rem !important;
}

.noTickerMargin
{
    margin-top: 0;
}

#mobileaccount p
{
    font-size: 12px;
    font-weight: 700;
    line-height: 1.17;

    letter-spacing: .12px;

    color: #212529;
}

.profile p
{
    font-size: 16px;
    line-height: 1.5;

    letter-spacing: .32px;
}

.cta-primary-light,
.cta-secondary-light,
.title,
.description,
.item,
.ntgr-nav .category-right .item
{
    font-family: 'avenir', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.navbar-light .navbar-toggler-icon
{
    width: 17px;

    background-image: url(../images/burger-light.svg);
}

.hero-section
{
    background-position: 50% top;
    background-size: 170%;
}

.hero-section .hero-wrap
{
    min-height: 100vh;
    padding-bottom: 40px;
}

.hero-section .img-holder
{
    position: relative;

    max-width: 345px;
    padding-bottom: 18px;
}

.hero-section .img-holder:before
{
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;

    width: 522px;
    height: 522px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background: -webkit-radial-gradient(44.05% 44.05% at 50% 50%, #054075 0%, rgba(5, 64, 117, .0001) 100%);
    background:         radial-gradient(44.05% 44.05% at 50% 50%, #054075 0%, rgba(5, 64, 117, .0001) 100%);
}

.hero-section.loaded .info-area .txt-info,
.hero-section.loaded .video
{
    opacity: 1;
}

.hero-section.loaded .img-holder
{
    display: none;
}

.hero-section.loaded .video-overlay:before
{
    display: block;
}

.hero-section .video-overlay
{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.hero-section .video-overlay:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;

    content: '';

    background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0) 15%);
    background-image:         linear-gradient(to top, black 0%, rgba(0, 0, 0, 0) 15%);
}

.hero-section .video
{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-transition: margin .3s ease-in-out, width .3s ease-in-out, height .3s ease-in-out;
    -webkit-transition: .3s opacity .2s;
            transition: margin .3s ease-in-out, width .3s ease-in-out, height .3s ease-in-out;
            transition: .3s opacity .2s;
    -webkit-transition-delay: .7s;
            transition-delay: .7s;
    -webkit-transition-duration: .8s;
            transition-duration: .8s;

    opacity: 0;
}

.hero-section .video-holder
{
    overflow: hidden;

    min-height: 100%;
    margin-bottom: -20px;
    padding-top: 70px;

    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.hero-section .heading-info
{
    padding: 0 20px;
}

.hero-section .txt-info
{
    max-width: 479px;

    -webkit-transition: opacity .7s linear 2s;
            transition: opacity .7s linear 2s;

    opacity: 1;
}

.hero-section .info-area
{
    position: relative;
    z-index: 2;
}

.overview-section
{
    padding-top: 10%;

    background-position: 0 -10%;
    background-size: 150%;
}

.overview-section .overview-wrap
{
    min-height: 100vh;
    padding: 40px 0;
}

.overview-section .container
{
    max-width: 1395px;
}

.overview-section .img-holder
{
    max-width: 260px;
    height: 269px;
    margin-bottom: 50px;
}

.overview-section.active .floating-right,
.overview-section.active .floating-left
{
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
}

.overview-section .floating-left
{
    top: 0;
    left: 0;

    max-width: 180px;

    -webkit-transition: -webkit-transform 1s ease-in-out .5s;
            transition: -webkit-transform 1s ease-in-out .5s;
            transition:         transform 1s ease-in-out .5s;
            transition:         transform 1s ease-in-out .5s, -webkit-transform 1s ease-in-out .5s;
    -webkit-transform: translate(0, 70px);
        -ms-transform: translate(0, 70px);
            transform: translate(0, 70px);
}

.overview-section .floating-right
{
    right: 0;
    bottom: 0;

    max-width: 203px;

    -webkit-transition: -webkit-transform .85s ease-in-out .4s;
            transition: -webkit-transform .85s ease-in-out .4s;
            transition:         transform .85s ease-in-out .4s;
            transition:         transform .85s ease-in-out .4s, -webkit-transform .85s ease-in-out .4s;
    -webkit-transform: translate(0, 50px);
        -ms-transform: translate(0, 50px);
            transform: translate(0, 50px);
}

.overview-section .txt-width
{
    max-width: 400px;
}

.overview-section .txt-col h1
{
    margin-bottom: 30px;
}

.overview-section .txt-col .btn-holder
{
    padding-top: 14px;
}

.home-section
{
    overflow: hidden;

    background-position: 50% bottom;
    background-size: 100%;
}

.home-section.alt .home-wrap
{
    min-height: 100vh;
}

.home-section.alt .bg-holder .wifi-dot.left
{
    top: 51.4%;
    left: 11.9%;
}

.home-section.alt .bg-holder .wifi-dot.top
{
    top: 67%;
    left: 55.1%;
}

.home-section.alt .bg-holder .wifi-dot.right
{
    top: 44.5%;
    left: 89.6%;
}

.home-section .home-wrap
{
    position: relative;

    min-height: 100vh;
    padding: 0 0 250px;
}

.home-section .home-wrap:before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    background-color: rgba(0, 0, 0, .5);
}

.home-section .container
{
    position: relative;
    z-index: 1;
}

.home-section .content-holder
{
    max-width: 340px;
    margin: 0 auto 45px;
}

.home-section .heading-info
{
    max-width: 220px;
}

.home-section h1
{
    margin-bottom: 17px;
}

.home-section p + a.hyperlink
{
    padding-top: 18px;
}

.home-section.alt .info,
.home-section.alt a
{
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .8);
}

.home-section .info
{
    -webkit-transition: opacity .2s linear .6s, -webkit-transform .2s linear .6s;
            transition: opacity .2s linear .6s, -webkit-transform .2s linear .6s;
            transition: opacity .2s linear .6s, transform .2s linear .6s;
            transition: opacity .2s linear .6s, transform .2s linear .6s, -webkit-transform .2s linear .6s;
    -webkit-transform: translate(0, -30px);
        -ms-transform: translate(0, -30px);
            transform: translate(0, -30px);

    opacity: 0;
}

.home-section .hyperlink.underlined
{
    visibility: hidden;

    -webkit-transition: opacity .2s linear .6s, visibility .2s linear .6s;
            transition: opacity .2s linear .6s, visibility .2s linear .6s;

    opacity: 0;
}

.home-section.light-active .bg-lightsoff
{
    opacity: 0;
}

.home-section.light-active .hyperlink.underlined
{
    visibility: visible;

    opacity: 1;
}

.home-section.light-active .info
{
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);

    opacity: 1;
}

.home-section.light-active .bg-holder .wifi-dot
{
    opacity: 1;
}

.home-section.light-active .bg-holder .wifi-dot:after
{
    -webkit-animation: wifiBlink 1.8s cubic-bezier(0, .55, .45, 1) 2s infinite;
            animation: wifiBlink 1.8s cubic-bezier(0, .55, .45, 1) 2s infinite;
}

.home-section.light-active .bg-holder .connection-line
{
    max-width: 350px;
}

.home-section.resizing .connection-line
{
    display: none;
}

.home-section .bg-holder
{
    overflow: hidden;

    min-height: 284px;
}

.home-section .bg-holder .bg-lightson,
.home-section .bg-holder .bg-lightsoff,
.home-section .bg-holder .bg-exterior
{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-transition: opacity 1.8s linear, visibility 1.8s linear;
            transition: opacity 1.8s linear, visibility 1.8s linear;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.home-section .bg-holder .wifi-dot
{
    width: 7px;
    height: 7px;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    opacity: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .6);
}

.home-section .bg-holder .wifi-dot:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 10vw;
    height: 10vw;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    border: 3px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
}

.home-section .bg-holder .wifi-dot.left
{
    top: 56.4%;
    left: 21.9%;

    -webkit-transition: opacity .2s linear 2.5s;
            transition: opacity .2s linear 2.5s;
}

.home-section .bg-holder .wifi-dot.left:after
{
    -webkit-animation-delay: .8s;
            animation-delay: .8s;
}

.home-section .bg-holder .wifi-dot.top
{
    top: 47%;
    left: 55.1%;

    -webkit-transition: opacity .2s linear 2s;
            transition: opacity .2s linear 2s;
}

.home-section .bg-holder .wifi-dot.right
{
    top: 59.5%;
    left: 84.6%;

    -webkit-transition: opacity .2s linear 3s;
            transition: opacity .2s linear 3s;
}

.home-section .bg-holder .wifi-dot.right:after
{
    -webkit-animation-delay: 1.6s;
            animation-delay: 1.6s;
}

.home-section .bg-holder .connection-line
{
    max-width: 0;
    height: 2px;

    -webkit-transition: max-width .7s;
            transition: max-width .7s;
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;

    background: rgba(255, 255, 255, .4);
}

.home-section .bg-holder .connection-line.left-direction
{
    -webkit-transition-delay: 2s;
            transition-delay: 2s;
}

.home-section .bg-holder .connection-line.right-direction
{
    -webkit-transition-delay: 2.8s;
            transition-delay: 2.8s;
}

.perfect-section .transform-wrap .sequence-area
{
    position: relative;
}

.perfect-section .transform-wrap .sequence-area:before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    -webkit-transition: .5s opacity ease-in-out;
            transition: .5s opacity ease-in-out;

    opacity: 1;
    background: rgba(0, 0, 0, .68);
}

.perfect-section .container
{
    z-index: 1;
}

.perfect-section .info-area
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    min-height: 100vh;
    padding: 30px;

    -webkit-transition: .5s opacity ease-in-out;
            transition: .5s opacity ease-in-out;

    opacity: 1;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.perfect-section h1
{
    margin-bottom: 30px;
}

.perfect-section p
{
    font-size: 17px;
}

.feature-section
{
    overflow: hidden;

    color: #000;
    background: #fff;
}

.feature-section .feature-wrap
{
    min-height: 100vh;
}

.feature-section .feature-wrap .container
{
    padding-bottom: 150px;
}

.feature-section .container
{
    max-width: 1231px;
    padding-bottom: 60px;
}

.feature-section.info-active-state .heading-info
{
    opacity: 1;
}

.feature-section.info-active-state .img-col
{
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);

    opacity: 1;
}

.feature-section.info-active-state .feature-list li
{
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);

    opacity: 1;
}

.feature-section h2
{
    color: #349bfa;
}

.feature-section .img-col
{
    max-width: 297px;
    margin-bottom: 68px;

    -webkit-transition: opacity .3s linear, -webkit-transform .3s linear;
            transition: opacity .3s linear, -webkit-transform .3s linear;
            transition: opacity .3s linear, transform .3s linear;
            transition: opacity .3s linear, transform .3s linear, -webkit-transform .3s linear;
    -webkit-transform: translate(-100px, 0);
        -ms-transform: translate(-100px, 0);
            transform: translate(-100px, 0);

    opacity: 0;
}

.feature-section .heading-info
{
    margin-bottom: 31px;

    -webkit-transition: opacity .3s linear .5s;
            transition: opacity .3s linear .5s;

    opacity: 0;
}

.feature-section .feature-list h2
{
    margin-bottom: 4px;
}

.feature-section .feature-list li
{
    margin-bottom: 30px;
    padding-left: 30px;

    -webkit-transition: opacity .3s linear .7s, -webkit-transform .3s linear .7s;
            transition: opacity .3s linear .7s, -webkit-transform .3s linear .7s;
            transition: opacity .3s linear .7s, transform .3s linear .7s;
            transition: opacity .3s linear .7s, transform .3s linear .7s, -webkit-transform .3s linear .7s;
    -webkit-transform: translate(50px, 0);
        -ms-transform: translate(50px, 0);
            transform: translate(50px, 0);

    opacity: 0;
}

.feature-section .feature-list li:nth-child(1)
{
    -webkit-transition-delay: .7s;
            transition-delay: .7s;
}

.feature-section .feature-list li:nth-child(2)
{
    -webkit-transition-delay: .9s;
            transition-delay: .9s;
}

.feature-section .feature-list li:nth-child(3)
{
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
}

.feature-section .feature-list li:nth-child(4)
{
    -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s;
}

.feature-section .feature-list li:nth-child(5)
{
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
}

.feature-section .feature-list li:nth-child(6)
{
    -webkit-transition-delay: 1.7s;
            transition-delay: 1.7s;
}

.feature-section .feature-list li:nth-child(7)
{
    -webkit-transition-delay: 1.9s;
            transition-delay: 1.9s;
}

.feature-section .feature-list li:before
{
    position: absolute;
    top: 10px;
    left: 0;

    width: 14px;
    height: 4px;

    content: '';

    border-radius: 5px;
    background-image: -webkit-linear-gradient(315deg, #4b77f2 0%, #5abeff 100%);
    background-image:         linear-gradient(135deg, #4b77f2 0%, #5abeff 100%);
}

.expert-section .expert-wrap
{
    min-height: 100vh;
    padding: 120px 0 40px;
}

.expert-section .section-heading
{
    margin-bottom: 62px;
}

.expert-section .expert-col
{
    margin-bottom: 70px;
}

.expert-section .expert-icon
{
    max-width: 200px;
    margin: 0 auto 35px;
    margin-bottom: 35px;
}

.expert-section .expert-txt
{
    margin-bottom: 0;
}

.expert-section .expert-txt q
{
    display: block;

    max-width: 378px;
    margin: 0 auto 18px;

    quotes: none;
}

.expert-section .expert-txt cite
{
    font-style: normal;

    color: #349bfa;
}

.expert-section .expert-txt h3
{
    margin-bottom: 0;
}

.zoom-section
{
    overflow: hidden;
}

.zoom-section .zoom-wrap
{
    min-height: 100vh;
}

.zoom-section .bg-holder
{
    width: 100%;

    -webkit-transition: -webkit-transform .3s ease-in-out;
            transition: -webkit-transform .3s ease-in-out;
            transition:         transform .3s ease-in-out;
            transition:         transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
    -webkit-transition-duration: .7s;
            transition-duration: .7s;
}

.zoom-section .img-wrap
{
    display: inline-block;

    margin: 0 -140px;

    vertical-align: top;
}

.zoom-section .brief
{
    z-index: 100;

    padding: 40px 0 45px;

    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
            transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}

.zoom-section .brief .container
{
    padding: 0 20px;
}

.zoom-section .tv-video
{
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.product-section
{
    color: #000;
    background: #fff;
}

.product-section .product-wrap
{
    padding: 68px 0 60px;
}

.product-section .container
{
    max-width: 1230px;
}

.product-section .section-heading
{
    margin-bottom: 40px;
}

.product-section .tabset
{
    margin-bottom: 83px;
}

.product-section .tabset li
{
    margin-bottom: 20px;
}

.product-section .tabset li a
{
    font-size: 21px;
    line-height: 1.3;

    position: relative;
    z-index: 1;

    display: inline-block;

    min-width: 224px;
    padding: 14px 15px;

    -webkit-transition: color .3s ease-in-out, text-shadow .3s ease-in-out, border .3s ease-in-out;
            transition: color .3s ease-in-out, text-shadow .3s ease-in-out, border .3s ease-in-out;
    vertical-align: top;

    color: #737373;
    border-radius: 34px;
}

.product-section .tabset li a:before,
.product-section .tabset li a:after
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    -webkit-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;

    border-radius: 34px;
}

.product-section .tabset li a:before
{
    opacity: 0;
    background-image: -webkit-linear-gradient(315deg, #4b77f2 0%, #5abeff 100%);
    background-image:         linear-gradient(135deg, #4b77f2 0%, #5abeff 100%);
}

.product-section .tabset li a:after
{
    opacity: 1;
    border: 1px solid #737373;
}

.product-section .tabset li a:hover,
.product-section .tabset li a.active
{
    color: #fff;
    border-color: rgba(0, 0, 0, 0);
    text-shadow: 1px 0 white;
}

.product-section .tabset li a:hover:before,
.product-section .tabset li a.active:before
{
    opacity: 1;
}

.product-section .tabset li a:hover:after,
.product-section .tabset li a.active:after
{
    opacity: 0;
}

.product-section .category
{
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.product-section .category:before
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    height: 1px;

    content: '';

    border-radius: 2px;
    background: #c1c1c1;
}

.product-section .category.exclusive:before
{
    background-image: -webkit-linear-gradient(315deg, #4b77f2 0%, #5abeff 100%);
    background-image:         linear-gradient(135deg, #4b77f2 0%, #5abeff 100%);
}

.product-section .category p
{
    font-size: 17px;
    font-weight: 600;

    color: #737373;
}

.product-section .product-img
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    height: 250px;
    margin: 0 -5px 30px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-section .product-img a
{
    display: inline-block;

    max-height: 100%;

    vertical-align: top;
}

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

.product-section .product-name
{
    margin-bottom: 10px;
}

.product-section .product-name strong
{
    font-size: 21px;
    font-weight: 400;

    color: #737373;
}

.product-section .product-feature
{
    margin-bottom: 26px;
}

.product-section .product-feature p
{
    font-size: 21px;
    font-weight: 600;
    line-height: 1.3;

    letter-spacing: 4.17px;
    text-transform: uppercase;

    color: #000;
}

.product-section .price
{
    font-size: 21px;
    font-weight: 400;

    margin-bottom: 30px;

    color: #349bfa;
}

.product-section .hyperlink
{
    font-size: 17px;

    letter-spacing: 3px;
}

.product-section .product-col
{
    margin-bottom: 50px;
}

.product-section .product-col .btn-holder
{
    margin-bottom: 27px;
}

.product-section .tab
{
    visibility: hidden;

    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
            transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -webkit-transition-duration: .5s;
            transition-duration: .5s;

    opacity: 0;
}

.product-section .tab.active
{
    visibility: visible;

    opacity: 1;
}

.width-control.noTickerMargin
{
    overflow: hidden !important;

    height: 100% !important;
}

.fixed-top
{
    -webkit-transition: opacity .6s;
            transition: opacity .6s;
}

.header-hide .fixed-top
{
    visibility: hidden;

    opacity: 0;
}

.fp-scrollable
{
    overflow: hidden;
}

.fp-scroller
{
    position: relative;
}

.footer
{
    background: #0e0e0e;
}

.footer.footer-box
{
    padding-top: 28px;
}

.footer .p-flex-display
{
    margin: 0;
}

.footer .social-icons
{
    margin: 7px 0 36px !important;
    padding-right: 15px !important;
}

.footer .social-icons a
{
    width: 20px;
}

.footer .social-icons img
{
    vertical-align: middle;
}

.footer .social-icons .social-icons-row
{
    margin: 0 -1rem 0 0;

    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.footer .social-icons .social-icons-row div
{
    line-height: 1;
}

.footer .footer-drop-component
{
    padding: 15px 0;
}

.footer .footer-drop-component,
.footer .footer-drop-component:first-of-type
{
    border: none;
}

.footer .footer-drop-component .eyebrow-small,
.footer a,
.footer .footer_bottom_nav,
.footer .footer_bottom_nav a,
.footer .footer_email_title,
.footer input[type=email],
.footer input[type='email']::-webkit-input-placeholder,
.footer .cta-primary-dark,
.footer .footer_lang
{
    font-family: 'avenir', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.footer .footer-drop-component .eyebrow-small,
.footer a,
.footer .footer_bottom_nav,
.footer .footer_bottom_nav a,
.footer .footer_email_title,
.footer input[type=email],
.footer input[type='email']:-ms-input-placeholder,
.footer .cta-primary-dark,
.footer .footer_lang
{
    font-family: 'avenir', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.footer .footer-drop-component .eyebrow-small,
.footer a,
.footer .footer_bottom_nav,
.footer .footer_bottom_nav a,
.footer .footer_email_title,
.footer input[type=email],
.footer input[type='email']::placeholder,
.footer .cta-primary-dark,
.footer .footer_lang
{
    font-family: 'avenir', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.footer .footer-drop-component .eyebrow-small,
.footer .footer_social_title,
.footer .footer_email_title
{
    font-size: 16px;
    font-weight: 600;

    letter-spacing: 3px;
    text-transform: uppercase;

    color: #fff;
}

.footer .footer-drop-component .eyebrow-small i,
.footer .footer_social_title i,
.footer .footer_email_title i
{
    padding: 6px 6px 0 0;
}

.footer .footer_list_border
{
    display: none;
}

.footer .footer_social_title,
.footer .footer_email_title
{
    display: inline-block;

    vertical-align: top;
}

.footer .footer_email_title
{
    margin-bottom: 20px;
}

.footer .footer_social_title
{
    margin-bottom: 10px;
}

.footer a,
.footer .footer_lang,
.footer .footer_bottom_nav a,
.footer .footer_bottom_nav,
.footer input[type='email'],
.footer input[type='email']::-webkit-input-placeholder
{
    font-size: 14px;

    color: #c1c1c1;
}

.footer a,
.footer .footer_lang,
.footer .footer_bottom_nav a,
.footer .footer_bottom_nav,
.footer input[type='email'],
.footer input[type='email']:-ms-input-placeholder
{
    font-size: 14px;

    color: #c1c1c1;
}

.footer a,
.footer .footer_lang,
.footer .footer_bottom_nav a,
.footer .footer_bottom_nav,
.footer input[type='email'],
.footer input[type='email']::placeholder
{
    font-size: 14px;

    color: #c1c1c1;
}

.footer #lang_selector
{
    margin: 0 !important;
    padding: 20px 22px 20px 15px;
}

.footer #lang_selector button.footer_lang
{
    position: relative;

    width: 100%;

    text-align: left;
}

.footer #lang_selector button.footer_lang:hover i
{
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
}

.footer #lang_selector button.footer_lang i
{
    font-size: 15px;

    position: absolute;
    top: 0;
    right: 0;

    -webkit-transition: .3s transform ease-in-out;
            transition: .3s transform ease-in-out;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);

    color: #fff;
}

.footer #lang_selector button.footer_lang .img
{
    display: none;
}

.footer .overlay
{
    background: #0e0e0e;
}

.footer .footer-base-item
{
    max-width: 50%;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
}

.footer .email-col
{
    margin-bottom: 34px;
}

.footer input[type='email']
{
    border: none;
}

.footer #footersignup
{
    padding: 10px;

    background: #1a1a1a;
}

.footer .email-signup .cta-primary-dark
{
    font-size: 16px;
    font-weight: 600;

    min-width: 115px;
    padding: 14px 21px 12px;

    letter-spacing: 2px;
}

.footer .col-12
{
    position: static;
}

.footer #lang_selector,
.footer .social-icons
{
    max-width: 100%;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
}

.footer .sm-eyebrow-white
{
    display: none !important;
}

body
{
    display: block;
}

body p
{
    font-family: 'avenir', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;

    margin-bottom: 1rem;

    letter-spacing: 0;
}

.safari body,
.mac.chrome body,
.mac.firefox body
{
    font-family: 'avenir-safari', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.safari body p,
.mac.chrome body p,
.mac.firefox body p
{
    font-family: 'avenir-safari', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.safari .body-btn,
.safari .footer .cta-primary-dark,
.safari .ps-widget .ps-button-label,
.safari .product .cta-add-cart,
.mac.chrome .body-btn,
.mac.chrome .footer .cta-primary-dark,
.mac.chrome .ps-widget .ps-button-label,
.mac.chrome .product .cta-add-cart,
.mac.firefox .body-btn,
.mac.firefox .footer .cta-primary-dark,
.mac.firefox .ps-widget .ps-button-label,
.mac.firefox .product .cta-add-cart
{
    font-family: 'avenir-safari', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    padding: 15px 25px 10px 25px;
}

@media screen and (min-width: 400px)
{
    h1,
    .h1
    {
        font-size: 45px;
    }

    .overview-section .img-holder
    {
        max-width: 323px;
        height: 316px;
    }

    .overview-section .floating-left
    {
        max-width: 219px;
    }

    .overview-section .floating-right
    {
        max-width: 245px;
    }

    .home-section.alt .bg-holder .wifi-dot.left
    {
        left: 18.5%;
    }

    .home-section.alt .bg-holder .wifi-dot.top
    {
        left: 54.3%;
    }

    .home-section.alt .bg-holder .wifi-dot.right
    {
        left: 92.6%;
    }

    .home-section .bg-holder .wifi-dot.left
    {
        left: 28.5%;
    }

    .home-section .bg-holder .wifi-dot.top
    {
        left: 54.3%;
    }

    .home-section .bg-holder .wifi-dot.right
    {
        left: 78.6%;
    }

    .perfect-section p
    {
        font-size: 21px;
    }

    body p
    {
        font-size: 17px;
    }
}

@media screen and (min-width: 576px)
{
    .discount-opt-in-overlay .form-elements
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .discount-opt-in-overlay .form-elements input[type='email']
    {
        width: 75%;
        margin-bottom: 0;
    }

    .discount-opt-in-overlay .form-elements input[type='submit']
    {
        font-size: 18px;

        width: 25%;
    }

    .hero-section .img-holder
    {
        max-width: 400px;
    }

    .hero-section .img-holder:before
    {
        width: 602px;
        height: 602px;
    }

    .home-section.alt .bg-holder .wifi-dot.left
    {
        top: 52.6%;
        left: 24%;
    }

    .home-section.alt .bg-holder .wifi-dot.top
    {
        left: 53.3%;
    }

    .home-section.alt .bg-holder .wifi-dot.right
    {
        left: 83.9%;
    }

    .home-section .bg-holder
    {
        min-height: 325px;
    }

    .home-section .bg-holder .wifi-dot.left
    {
        top: 57.6%;
        left: 29%;
    }

    .home-section .bg-holder .wifi-dot.top
    {
        left: 53.3%;
    }

    .home-section .bg-holder .wifi-dot.right
    {
        left: 76.9%;
    }
}

@media screen and (min-width: 600px)
{
    .overview-section
    {
        background-position: 200% -10%;
        background-size: 90%;
    }
}

@media screen and (min-width: 768px)
{
    .fixed-btn
    {
        top: 30px;
        right: 30px;
    }

    .hero-section
    {
        background-position: 50% bottom;
        background-size: cover;
    }

    .overview-section
    {
        padding-top: 0;

        background-position: 50% 50%;
        background-size: cover;
    }

    .overview-section .img-holder
    {
        margin-bottom: 0;
    }

    .home-section
    {
        background-position: 50% 50%;
        background-size: cover;
    }

    .home-section.alt .bg-holder .wifi-dot.left
    {
        left: 13%;
    }

    .home-section.alt .bg-holder .wifi-dot.top
    {
        top: 67%;
        left: 53.3%;
    }

    .home-section.alt .bg-holder .wifi-dot.right
    {
        left: 95.9%;
    }

    .home-section .home-wrap
    {
        padding: 40px 0;
    }

    .home-section .content-holder
    {
        max-width: 518px;
    }

    .home-section .heading-info
    {
        max-width: none;
    }

    .home-section .bg-holder
    {
        position: absolute !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .home-section .bg-holder .wifi-dot
    {
        width: 12px;
        height: 12px;
    }

    .home-section .bg-holder .wifi-dot.left
    {
        left: 21%;
    }

    .home-section .bg-holder .wifi-dot.top
    {
        top: 44%;
        left: 55.3%;
    }

    .home-section .bg-holder .wifi-dot.right
    {
        left: 83.9%;
    }

    .home-section .bg-holder .connection-line
    {
        height: 4px;
    }

    .feature-section .feature-wrap
    {
        padding: 0 0 0 360px;
    }

    .feature-section .feature-wrap .container
    {
        padding: 60px 0;
    }

    .feature-section .container
    {
        padding-left: 0;
    }

    .feature-section .img-col
    {
        position: absolute;
        top: 0;
        left: 0;
    }

    .expert-section .expert-icon
    {
        height: 130px;
    }

    .expert-section .expert-icon img
    {
        width: auto;
        max-height: 100%;
    }

    .expert-section .expert-txt
    {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .expert-section .expert-txt q
    {
        max-width: none;

        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .zoom-section .bg-holder
    {
        min-height: 100vh;
    }

    .zoom-section .img-wrap img
    {
        -webkit-transition: opacity .8s 2.7s;
                transition: opacity .8s 2.7s;

        opacity: 0;
    }

    .zoom-section .brief
    {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;

        padding: 0 0 20px;

        -webkit-transition: opacity .8s 2.7s, top .3s 2.7s;
                transition: opacity .8s 2.7s, top .3s 2.7s;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);

        opacity: 1;
    }

    .zoom-section .brief h1
    {
        display: none;
    }

    .zoom-section .brief .container
    {
        max-width: 720px;
    }

    .product-section .product
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        height: 100%;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }

    .product-section .product-wrap
    {
        min-height: 100vh;
    }

    .product-section .tabset
    {
        overflow-x: auto;

        max-width: 692px;
        margin: 0 -5px 83px;
    }

    .product-section .tabset li
    {
        margin: 0;
        padding: 0 5px;
    }

    .product-section .tabset li a
    {
        font-size: 15px;

        min-width: 163px;
    }

    .product-section .product-img
    {
        margin: 0 auto 30px;
    }

    .product-section .product-info
    {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

@media screen and (min-width: 768px) and (max-height: 676px)
{
    .home-section .home-wrap
    {
        min-height: 676px;
    }
}

@media screen and (min-width: 992px)
{
    h1,
    .h1
    {
        font-size: 65px;
    }

    h2,
    .h2
    {
        font-size: 25px;

        letter-spacing: 5px;
    }

    h3,
    .h3
    {
        font-size: 17px;

        letter-spacing: 3px;
    }

    a.hyperlink
    {
        font-size: 17px;

        letter-spacing: 3px;
    }

    .fixed-btn
    {
        top: 50px;
        right: 50px;
    }

    .bg-img--right
    {
        background-position: left 50%;
    }

    .bg-img--small
    {
        background-size: 75%;
    }

    .hero-section .img-holder
    {
        max-width: 620px;
        padding-bottom: 40px;
    }

    .hero-section .img-holder:before
    {
        width: 1216px;
        height: 1216px;
    }

    .hero-section .video-holder
    {
        padding-top: 117px;
    }

    .hero-section .txt-info
    {
        max-width: 549px;
    }

    .overview-section .overview-wrap
    {
        padding: 75px 0;
    }

    .overview-section .img-holder
    {
        max-width: 390px;
        height: 376px;
    }

    .overview-section .floating-left
    {
        max-width: 250px;
    }

    .overview-section .floating-right
    {
        max-width: 300px;
    }

    .overview-section .txt-width
    {
        max-width: 478px;
    }

    .overview-section .txt-col h1
    {
        margin-bottom: 20px;
    }

    .home-section.alt .bg-holder .wifi-dot.left
    {
        left: 21.4%;
    }

    .home-section.alt .bg-holder .wifi-dot.top
    {
        top: 66.3%;
        left: 52.9%;
    }

    .home-section.alt .bg-holder .wifi-dot.right
    {
        left: 87.1%;
    }

    .home-section .content-holder
    {
        max-width: 650px;
    }

    .home-section.light-active .bg-holder .connection-line
    {
        max-width: 650px;
    }

    .home-section .bg-holder .wifi-dot
    {
        width: 20px;
        height: 20px;
    }

    .home-section .bg-holder .wifi-dot.left
    {
        left: 23.4%;
    }

    .home-section .bg-holder .wifi-dot.top
    {
        top: 44.3%;
        left: 54.9%;
    }

    .home-section .bg-holder .wifi-dot.right
    {
        left: 83.1%;
    }

    .feature-section .feature-wrap
    {
        padding-left: 520px;
    }

    .feature-section .img-col
    {
        max-width: 447px;
    }

    .feature-section .feature-list li
    {
        max-width: 610px;
        padding-left: 32px;
    }

    .feature-section .feature-list li:before
    {
        top: 15px;

        width: 13px;
        height: 3px;
    }

    .expert-section .expert-icon
    {
        margin-bottom: 20px;
    }

    .expert-section .expert-txt q
    {
        margin-bottom: 22px;
    }

    .zoom-section .img-wrap
    {
        margin: 0 -50px;
    }

    .zoom-section .brief .container
    {
        max-width: 900px;
        padding: 0 30px;
    }

    .product-section .section-heading
    {
        margin-bottom: 30px;
    }

    .product-section .tabset
    {
        max-width: 936px;
        margin: 0 -10px 83px;
    }

    .product-section .tabset li
    {
        padding: 0 10px;
    }

    .product-section .tabset li a
    {
        font-size: 20px;

        min-width: 214px;
    }

    .footer .social-icons
    {
        margin: 0 !important;
    }

    .footer .social-icons .social-icons-row
    {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .footer .footer-drop-component
    {
        padding: 0;
    }

    .footer #lang_selector
    {
        padding: 0 15px;
    }

    .footer #lang_selector button.footer_lang i
    {
        display: none;
    }

    .footer .footer-base-item
    {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .footer .logo-col
    {
        position: absolute;
        right: 0;
        bottom: 0;

        text-align: right;
    }

    .footer .footer_list li
    {
        margin-top: 4px;
    }

    .footer #lang_selector,
    .footer .social-icons
    {
        max-width: 16.666667%;

        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    }

    body
    {
        font-size: 21px;
    }

    body p
    {
        font-size: 21px;
    }
}

@media screen and (min-width: 992px) and (max-height: 905px)
{
    .home-section .home-wrap
    {
        min-height: 906px;
    }
}

@media screen and (min-width: 1200px)
{
    .fixed-btn
    {
        top: 80px;
        right: 80px;
    }

    .navbar
    {
        padding: 38px 46px !important;
    }

    .navbar-nav
    {
        margin-left: 6%;
    }

    .overview-section .img-holder
    {
        max-width: 470px;
        height: 466px;
    }

    .overview-section .floating-left
    {
        max-width: 290px;
    }

    .overview-section .floating-right
    {
        max-width: 370px;
    }

    .home-section.alt .bg-holder .wifi-dot.left
    {
        left: 23.7%;
    }

    .home-section.alt .bg-holder .wifi-dot.top
    {
        left: 54.1%;
    }

    .home-section.alt .bg-holder .wifi-dot.right
    {
        left: 83.3%;
    }

    .home-section .home-wrap
    {
        padding: 60px 0;
    }

    .home-section .bg-holder .wifi-dot.left
    {
        left: 27.7%;
    }

    .home-section .bg-holder .wifi-dot.top
    {
        left: 54.1%;
    }

    .home-section .bg-holder .wifi-dot.right
    {
        left: 77.3%;
    }

    .perfect-section h1
    {
        font-size: 91px;
    }

    .feature-section .feature-wrap
    {
        padding: 0 0 0 563px;
    }

    .feature-section .feature-wrap .container
    {
        padding: 65px 0 144px;
    }

    .feature-section .img-col
    {
        left: -24px;

        max-width: 517px;
    }

    .feature-section .heading-info
    {
        margin-bottom: 62px;
        padding-left: 28px;
    }

    .feature-section .feature-list li
    {
        margin-bottom: 50px;
    }

    .expert-section .expert-wrap
    {
        padding: 197px 0 127px;
    }

    .expert-section .section-heading
    {
        margin-bottom: 76px;
    }

    .zoom-section .img-wrap
    {
        width: 100%;
        margin: 0;
    }

    .zoom-section .img-wrap img
    {
        width: 100%;
    }

    .product-section .product-wrap
    {
        padding: 20px 0 10px;
    }

    .product-section .tabset
    {
        max-width: 976px;
        margin-bottom: 34px;
    }

    .product-section .tabset li a
    {
        font-size: 21px;

        min-width: 224px;
    }

    .product-section .category
    {
        margin-bottom: 10px;
    }

    .product-section .product-img
    {
        height: 223px;
        margin-bottom: 10px;
    }

    .product-section .product-feature
    {
        margin-bottom: 10px;
    }

    .product-section .product-feature p
    {
        margin-bottom: 0;
    }

    .product-section .price
    {
        margin-bottom: 10px;
    }

    .product-section .product-col
    {
        margin-bottom: 20px;
    }

    .product-section .product-col .btn-holder
    {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 1400px)
{
    .overview-section .img-holder
    {
        max-width: 647px;
        height: 620px;
    }

    .overview-section .floating-left
    {
        max-width: 426px;
    }

    .overview-section .floating-right
    {
        max-width: 486px;
    }

    .home-section.alt .bg-holder .wifi-dot.left
    {
        top: 52.6%;
        left: 24%;
    }

    .home-section.alt .bg-holder .wifi-dot.top
    {
        top: 70.3%;
        left: 52.5%;
    }

    .home-section.alt .bg-holder .wifi-dot.right
    {
        top: 42.5%;
        left: 84%;
    }

    .home-section .bg-holder .wifi-dot.left
    {
        top: 58.6%;
        left: 29%;
    }

    .home-section .bg-holder .wifi-dot.top
    {
        top: 42.3%;
        left: 53.5%;
    }

    .home-section .bg-holder .wifi-dot.right
    {
        top: 62.5%;
        left: 77%;
    }

    .feature-section .feature-wrap
    {
        padding-left: 492px;
    }

    .feature-section .container
    {
        width: 85%;
    }

    .feature-section .feature-list li
    {
        max-width: none;
        padding-right: 20%;
    }

    .footer .footer-drop-component
    {
        min-width: 284px;
    }
}

@media screen and (min-width: 1600px)
{
    .feature-section .container
    {
        width: 75%;
        padding-right: 0;
    }

    .feature-section .feature-list li
    {
        padding-right: 0;
    }
}

@media screen and (min-width: 1700px)
{
    .feature-section .feature-wrap
    {
        padding-bottom: 60px;
    }

    .feature-section .feature-wrap .container
    {
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 480px)
{
    .row
    {
        margin: 0 -15px;
    }
}

@-webkit-keyframes wifiBlink
{
    from
    {
        width: 100%;
        height: 100%;

        opacity: 1;
    }

    75%
    {
        opacity: 1;
    }

    to
    {
        width: 100vw;
        height: 100vw;

        opacity: 0;
    }
}

@keyframes wifiBlink
{
    from
    {
        width: 100%;
        height: 100%;

        opacity: 1;
    }

    75%
    {
        opacity: 1;
    }

    to
    {
        width: 100vw;
        height: 100vw;

        opacity: 0;
    }
}