/* Made with <3 by ViralSweep™ - https://viralsweep.com/ */

@keyframes fadein {
    from { opacity:0;transform:translateY(5px);}
    to   { opacity:1;transform:translateY(0px);}}
@-moz-keyframes fadein {
    from { opacity:0;transform:translateY(5px);}
    to   { opacity:1;transform:translateY(0px);}}
@-webkit-keyframes fadein {
    from { opacity:0;transform:translateY(5px);}
    to   { opacity:1;transform:translateY(0px);}}
@-ms-keyframes fadein {
    from { opacity:0;transform:translateY(5px);}
    to   { opacity:1;transform:translateY(0px);}}
@-o-keyframes fadein {
    from { opacity:0;transform:translateY(5px);}
    to   { opacity:1;transform:translateY(0px);}}

@-webkit-keyframes vs-scroll {
    0%{background-position:0% 94%}
    50%{background-position:100% 7%}
    100%{background-position:0% 94%}
}
@-moz-keyframes vs-scroll {
    0%{background-position:0% 94%}
    50%{background-position:100% 7%}
    100%{background-position:0% 94%}
}
@keyframes vs-scroll { 
    0%{background-position:0% 94%}
    50%{background-position:100% 7%}
    100%{background-position:0% 94%}
}

@keyframes demo {
    0%  {opacity:0;}
    0.1% {opacity:1;}
    50% {opacity:1;}
    50.1% {opacity:0;}
    100%{opacity:0;}
}

/* Reset */
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
div {position:relative;display:block;margin:0;}
body {position:relative;display:block;margin:0;padding:0;-webkit-font-smoothing:antialiased;background:rgba(250,250,255,1);color:rgba(70,75,106,1);font-family:'Raleway',Helvetica,Arial,sans-serif;scroll-behaviour:smooth;}

:root {
    --white:255,255,255;
    --purple:70,75,106;
    --dark-purple:36,40,62;
    --light-purple:202,210,238;
    --orange:246,158,28;
    --dark-orange:238,78,5;
    --green:200,232,78;
    --dark-green:141,197,97;
    --red:233,78,78;
}

html {
    --white:255,255,255;
    --purple:70,75,106;
    --light-purple:202,210,238;
    --orange:246,158,28;
    --dark-orange:238,78,5;
    --green:200,232,78;
    --dark-green:141,197,97;
    --red:233,78,78;
}

.white {color:rgba(255,255,255,1);}
.purple {color:rgba(70,75,106,1);}
.light-purple {color:rgba(202,210,238,1);}
.orange {color:rgba(246,158,28,1);}
.green {color:rgba(200,232,78,1);}

h1, h2, h3, h4, h5, h6 {position:relative;font-family:'Raleway',Helvetica,Arial,sans-serif;font-weight:500;margin:0;}
h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child), p:not(:last-child), blockquote:not(:last-child) {margin:0 0 20px 0;}
h1 {font-size:4em;}
h2 {font-size:3em;}
h3 {font-size:2.5em;}
h4 {font-size:1.55em;}
h5 {font-size:1.25em;}
h6 {font-size:0.85em;}
p, blockquote {font-size:1em;line-height:1.5em;font-weight:400;margin:0;}
em {font-style:normal;background:rgba(70,75,106,0.10);}
a {color:rgba(70,75,106,1);-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;}
a:hover {text-decoration:underline;color:rgba(70,75,106,0.75);}
img {max-width:100%;height:auto;}

/* Generic Rules */
.clear {position:relative;display:block;width:100%;height:0;margin:0;padding:0;border:0;outline:0;clear:both;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.uppercase {text-transform:uppercase;}
.thin {font-weight:300;}
.medium {font-weight:500;}
.bold {font-weight:700;}
.right {text-align:right;}
.white {color:rgba(255,255,255,1);}
.hide-desktop {display:none!important;}
.inlineBlock {display:inline-block;}

@media only screen and (max-width:999px) {
    .centerMobile {text-align:center;}
}

/*s.filter {filter:grayscale(100%) sepia(100) hue-rotate(189deg) saturate(0.8);}*/
a.cover, span.cover {position:absolute;display:block;z-index:5;top:0;left:0;width:100%;height:100%;outline:0;border:0;font-size:0;opacity:0;cursor:pointer;}
strike {position:relative;display:inline-block;text-decoration:none;}
/* Original strike:after {content:'';position:absolute;top:0;left:0;width:125%;height:110%;background:transparent url(../images/scratch.webp) 10px center no-repeat;background-size:contain;opacity:0.9;}*/
strike:after {content:'';position:absolute;top:0;left:0;width:100%;height:110%;background:transparent url(../images/scratch.webp) center center no-repeat;background-size:100% 100%;opacity:0.9;}
span.scribble {position:absolute;display:inline-block;transform:rotate(-3deg) translate(-50%,-1.35em);font-family:'Raleway';font-size:0.85em;color:rgba(243,128,19,1);text-shadow:2px 2px 0 rgba(70,75,106,0.1);white-space:nowrap;}

ul.inline {list-style-type:none;margin:0;padding:0;}
ul.inline li {float:left;}

/* Body */
body {min-height:100%;}


/* Announcement */
body > .announce {position:relative;display:none;width:100%;margin:0;padding:10px 40px;line-height:20px;float:left;background:rgba(70,75,106,1);color:rgba(202,210,238,0.80);font-size:13px;text-align:center;z-index:10001;}
body > .announce > .close {position:absolute;top:0;right:0;width:40px;height:40px;font-size:20px;line-height:40px;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;transition:all .15s ease-in-out;}
body > .announce > .close:hover {color:rgba(255,255,255,1);}
body > .announce > .close a {position:absolute;top:0;left:0;width:100%;height:100%;outline:0;border:0;opacity:0;}
body > .announce a {color:rgba(255,255,255,1);}
body > .announce a.button {background:#8EC561;border:1px solid rgba(0,0,0,0.50);color:rgba(0,0,0,0.60);text-shadow:none;padding:5px 10px;line-height:18px;text-transform:uppercase;font-family:'Raleway','Didot',Georgia,'Times New Roman',Times,serif;font-weight:500;font-size:10px;letter-spacing:1px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-transition:all .218s;-moz-transition:all .218s;-o-transition:all .218s;transition:all .218s;text-decoration:none;}
body > .announce a.button:hover {border:1px solid rgba(93,97,133,1);color:#FFF;background:rgba(93,97,133,1);}
body > .announce.show {display:block;}
body > .announce.show + nav.navigation {top:40px;}
body > .announce.show + nav.navigation > ul.nav-items > li.products ul.product-list {padding:110px 0 30px 0;}
@media only screen and (max-width:1200px) {
    body > .announce {position:fixed;bottom:20px;left:20px;width:inherit;max-width:calc(100% - 100px);min-height:60px;padding:20px 30px;border-radius:30px;}
    body > .announce.show + nav.navigation {top:0;}
}
@media only screen and (max-width:900px) {
    body > .announce {position:fixed;bottom:20px;left:20px;width:inherit;max-width:calc(100% - 40px);padding:10px 90px 10px 30px;}
    body > .announce:before {content:'';position:absolute;top:50%;right:60px;width:1px;height:calc(100% - 20px);transform:translate(0,-50%);background:rgba(0,0,0,0.15);}
}

/* Navigation */
nav.navigation {position:absolute;display:block;top:0;left:0;width:100%;background:rgba(255,255,255,0);color:rgba(70,75,106,1);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px;text-align:right;line-height:70px;z-index:10000;box-shadow:0 0 0 rgba(70,75,106,0);-webkit-transform:translateZ(0) translate3d(0,0,0);-webkit-transition:background .2s ease-in-out, box-shadow .2s ease-in-out;-moz-transition:background .2s ease-in-out, -moz-box-shadow .2s ease-in-out;-o-transition:background .2s ease-in-out, -o-box-shadow .2s ease-in-out;-ms-transition:background .2s ease-in-out, -ms-box-shadow .2s ease-in-out;transition:background .2s ease-in-out, box-shadow .2s ease-in-out;}
nav.navigation.scroll {background:rgba(255,255,255,1);box-shadow:0 0 5px rgba(70,75,106,0);}
nav.navigation > ul.nav-items {position:relative;display:block;width:100%;max-width:1200px;margin:0 auto;list-style-type:none;}
nav.navigation > ul.nav-items:after {content:'';position:relative;display:block;width:100%;height:0;visibility:hidden;clear:both;}

nav.navigation > ul.nav-items > li {position:relative;height:70px;float:right;padding:0 10px;font-weight:600;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
nav.navigation > ul.nav-items > li:not(.products):after {content:'';position:absolute;top:0;left:10px;width:calc(100% - 20px);height:5px;background:rgba(255,255,255,0);opacity:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;transform:translate(0,-3px);-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
nav.navigation > ul.nav-items > li:not(.products):hover {line-height:60px;}
nav.navigation > ul.nav-items > li:not(.products):hover:after {background:rgba(70,75,106,1);opacity:1;transform:translate(0,0);}
nav.navigation > ul.nav-items > li:not(.products).logo:hover {line-height:70px;}
nav.navigation > ul.nav-items > li:not(.products).logo:hover:after {display:none;}
nav.navigation > ul.nav-items > li.product-trigger:after {display:none;}
nav.navigation.change-color > ul.nav-items > li.product-trigger {line-height:60px;}
nav.navigation > ul.nav-items > li.logo {padding:0 10px 0 0;}
nav.navigation > ul.nav-items > li.left {float:left;}
nav.navigation > ul.nav-items > li img {display:inline;vertical-align:middle;max-height:30px;margin:-4px 0 0 0;opacity:1;}
nav.navigation > ul.nav-items > li img.light {position:absolute;top:calc(50% - 15px);left:0;margin:-1px 0 0 0;opacity:0;}
nav.navigation > ul.nav-items > li a, nav.navigation > ul.nav-items > li span {position:absolute;display:block;top:0;left:0;width:100%;height:100%;font-size:0!important;text-decoration:none!important;}
nav.navigation > ul.nav-items > li i:before {margin-left:0;}
/*nav.navigation.change-color, body.purple nav.navigation {color:rgba(202,210,238,1);}
nav.navigation.change-color li.logo img, body.purple nav.navigation > ul.nav-items > li.logo img {opacity:0;}
nav.navigation.change-color li.logo img.light, body.purple nav.navigation > ul.nav-items > li.logo img.light {opacity:1;}*/

nav.navigation > a.home {position:absolute;top:0;left:0;font-size:0;padding:10px;line-height:30px;}
nav.navigation > a.home img {height:30px;float:left;}

nav.navigation > ul.nav-items > li.products {position:absolute;top:-200vh;left:0;width:100%;height:auto;margin:0;padding:0;background:rgba(36,40,62,1);box-shadow:0 0 0 rgba(70,75,106,0.10), 0 0 0 rgba(0,0,0,0.07);z-index:10001;opacity:0;transform-origin:top center;transform:translate(0,10px) perspective(50px) rotateX(-0.5deg) rotateZ(-0.5deg) scale(0.99);transition:top 0s .18s ease-in-out, transform.18s 0s ease-in-out, box-shadow.18s 0s ease-in-out, opacity.18s 0s ease-in-out;}
nav.navigation > ul.nav-items > li.product-trigger:hover + li.products {top:55px;height:auto;overflow:visible;transform:translate(0,10px) perspective(100px) rotateX(-0.5deg) rotateZ(-0.5deg) scale(0.99);opacity:0;transition:top 0s 0s ease-in-out, transform 0s 0s ease-in-out, box-shadow 0s 0s ease-in-out, opacity 0s 0s ease-in-out;}
/* */nav.navigation.change-color > ul.nav-items > li.product-trigger + li.products, nav.navigation.change-color > ul.nav-items > li.products {top:55px;height:auto;overflow:visible;box-shadow:0 15px 35px rgba(70,75,106,0.10), 0 5px 15px rgba(0,0,0,0.07);opacity:1;transform:translate(0,0) perspective(100px) rotateX(0) rotateZ(0) scale(1);transition:top 0s 0s ease-in-out, transform .4s 0s ease-in-out, box-shadow .4s 0s ease-in-out, opacity .4s 0s ease-in-out;}
/*nav.navigation > ul.nav-items > li.products:after {content:'';position:absolute;display:block;top:-200vh;left:0;width:100%;height:calc(100% - 8px);background:rgba(255,255,255,0);z-index:-1;box-shadow:0 0 0 rgba(70,75,106,0.10), 0 0 0 rgba(0,0,0,0.07);transition:height 0s .5s, background .2s ease-in-out, box-shadow .2s ease-in-out, top 0s .5s;}*/
/*nav.navigation > ul.nav-items > li.product-trigger:hover + li.products:after {top:0;height:100%;background:rgba(36,40,62,1);box-shadow:0 15px 35px rgba(70,75,106,0.10), 0 5px 15px rgba(0,0,0,0.07);transition:height .5s ease-in-out, background .5s ease-in-out, box-shadow .5s ease-in-out;} */
/* nav.navigation.change-color > ul.nav-items > li.product-trigger + li.products:after, nav.navigation.change-color > ul.nav-items > li.products:after {top:0;height:100%;background:rgba(36,40,62,1);box-shadow:0 15px 35px rgba(70,75,106,0.10), 0 5px 15px rgba(0,0,0,0.07);transition:height .5s ease-in-out, background .5s ease-in-out, box-shadow .5s ease-in-out;}*/
nav.navigation > ul.nav-items > li.products ul.product-list {position:relative;width:100%;max-width:1200px;height:auto;margin:0 auto;padding:80px 0 30px 0;text-align:center;list-style-type:none;}
nav.navigation > ul.nav-items > li.products ul.product-list li {position:relative;display:inline-block;width:calc(33% - 10px);max-width:300px;margin:0 auto;height:inherit;margin-left:5px;margin-right:5px;padding:20px 20px 20px 80px;float:none;color:#FFF;line-height:1em;text-align:left;border-radius:5px;vertical-align:top;border-top:1px solid rgba(255,255,255,0);opacity:0;transform:translateY(0px);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
nav.navigation > ul.nav-items > li.products ul.product-list li:empty {visibility:hidden;}
nav.navigation.change-color > ul.nav-items > li.products ul.product-list li:nth-of-type(1) {-webkit-animation:fadein 0.35s 0.2s ease-in-out forwards;-moz-animation:fadein 0.35s 0.2s ease-in-out forwards;-ms-animation:fadein 0.35s 0.2s ease-in-out forwards;-o-animation:fadein 0.35s 0.2s ease-in-out forwards;animation:fadein 0.35s 0.2s ease-in-out forwards;}
nav.navigation.change-color > ul.nav-items > li.products ul.product-list li:nth-of-type(2) {-webkit-animation:fadein 0.35s 0.3s ease-in-out forwards;-moz-animation:fadein 0.35s 0.3s ease-in-out forwards;-ms-animation:fadein 0.35s 0.3s ease-in-out forwards;-o-animation:fadein 0.35s 0.3s ease-in-out forwards;animation:fadein 0.35s 0.3s ease-in-out forwards;}
nav.navigation.change-color > ul.nav-items > li.products ul.product-list li:nth-of-type(3) {-webkit-animation:fadein 0.35s 0.4s ease-in-out forwards;-moz-animation:fadein 0.35s 0.4s ease-in-out forwards;-ms-animation:fadein 0.35s 0.4s ease-in-out forwards;-o-animation:fadein 0.35s 0.4s ease-in-out forwards;animation:fadein 0.35s 0.4s ease-in-out forwards;}
nav.navigation.change-color > ul.nav-items > li.products ul.product-list li:nth-of-type(4) {-webkit-animation:fadein 0.35s 0.3s ease-in-out forwards;-moz-animation:fadein 0.35s 0.3s ease-in-out forwards;-ms-animation:fadein 0.35s 0.3s ease-in-out forwards;-o-animation:fadein 0.35s 0.3s ease-in-out forwards;animation:fadein 0.35s 0.3s ease-in-out forwards;}
nav.navigation.change-color > ul.nav-items > li.products ul.product-list li:nth-of-type(5) {-webkit-animation:fadein 0.35s 0.4s ease-in-out forwards;-moz-animation:fadein 0.35s 0.4s ease-in-out forwards;-ms-animation:fadein 0.35s 0.4s ease-in-out forwards;-o-animation:fadein 0.35s 0.4s ease-in-out forwards;animation:fadein 0.35s 0.4s ease-in-out forwards;}
nav.navigation.change-color > ul.nav-items > li.products ul.product-list li:nth-of-type(6) {-webkit-animation:fadein 0.35s 0.5s ease-in-out forwards;-moz-animation:fadein 0.35s 0.5s ease-in-out forwards;-ms-animation:fadein 0.35s 0.5s ease-in-out forwards;-o-animation:fadein 0.35s 0.5s ease-in-out forwards;animation:fadein 0.35s 0.5s ease-in-out forwards;}
nav.navigation.change-color > ul.nav-items > li.products ul.product-list li:nth-of-type(7) {-webkit-animation:fadein 0.35s 0.4s ease-in-out forwards;-moz-animation:fadein 0.35s 0.4s ease-in-out forwards;-ms-animation:fadein 0.35s 0.4s ease-in-out forwards;-o-animation:fadein 0.35s 0.4s ease-in-out forwards;animation:fadein 0.35s 0.4s ease-in-out forwards;}
nav.navigation.change-color > ul.nav-items > li.products ul.product-list li:nth-of-type(8) {-webkit-animation:fadein 0.35s 0.5s ease-in-out forwards;-moz-animation:fadein 0.35s 0.5s ease-in-out forwards;-ms-animation:fadein 0.35s 0.5s ease-in-out forwards;-o-animation:fadein 0.35s 0.5s ease-in-out forwards;animation:fadein 0.35s 0.5s ease-in-out forwards;}
nav.navigation.change-color > ul.nav-items > li.products ul.product-list li:nth-of-type(9) {-webkit-animation:fadein 0.35s 0.6s ease-in-out forwards;-moz-animation:fadein 0.35s 0.6s ease-in-out forwards;-ms-animation:fadein 0.35s 0.6s ease-in-out forwards;-o-animation:fadein 0.35s 0.6s ease-in-out forwards;animation:fadein 0.35s 0.6s ease-in-out forwards;}
nav.navigation.change-color > ul.nav-items > li.products ul.product-list li:nth-of-type(10) {-webkit-animation:fadein 0.35s 0.5s ease-in-out forwards;-moz-animation:fadein 0.35s 0.5s ease-in-out forwards;-ms-animation:fadein 0.35s 0.5s ease-in-out forwards;-o-animation:fadein 0.35s 0.5s ease-in-out forwards;animation:fadein 0.35s 0.5s ease-in-out forwards;}
nav.navigation.change-color > ul.nav-items > li.products ul.product-list li:nth-of-type(11) {-webkit-animation:fadein 0.35s 0.6s ease-in-out forwards;-moz-animation:fadein 0.35s 0.6s ease-in-out forwards;-ms-animation:fadein 0.35s 0.6s ease-in-out forwards;-o-animation:fadein 0.35s 0.6s ease-in-out forwards;animation:fadein 0.35s 0.6s ease-in-out forwards;}
nav.navigation.change-color > ul.nav-items > li.products ul.product-list li:nth-of-type(12) {-webkit-animation:fadein 0.35s 0.7s ease-in-out forwards;-moz-animation:fadein 0.35s 0.7s ease-in-out forwards;-ms-animation:fadein 0.35s 0.7s ease-in-out forwards;-o-animation:fadein 0.35s 0.7s ease-in-out forwards;animation:fadein 0.35s 0.7s ease-in-out forwards;}
nav.navigation.change-color > ul.nav-items > li.products ul.product-list li:nth-of-type(n+12) {-webkit-animation:fadein 0.35s 0.8s ease-in-out forwards;-moz-animation:fadein 0.35s 0.8s ease-in-out forwards;-ms-animation:fadein 0.35s 0.8s ease-in-out forwards;-o-animation:fadein 0.35s 0.8s ease-in-out forwards;animation:fadein 0.35s 0.8s ease-in-out forwards;}

nav.navigation > ul.nav-items > li.products ul.product-list li:hover {margin-top:-5px;margin-bottom:5px;background:rgba(255,255,255,0.03);box-shadow:0 15px 35px rgba(0,0,0,0.10), 0 5px 15px rgba(0,0,0,0.07);border-top:1px solid rgba(255,255,255,0.03);}
nav.navigation > ul.nav-items > li.products ul.product-list li p.productName {font-size:1.25em;margin:0 0 10px 0;font-weight:700;text-transform:uppercase;color:rgba(255,255,255,1);line-height:1em;text-align:left;}
nav.navigation > ul.nav-items > li.products ul.product-list li p {font-size:1em;margin:0;color:rgba(255,255,255,0.50);text-transform:none;}
nav.navigation > ul.nav-items > li.products ul.product-list li img {position:absolute;top:20px;left:20px;width:40px;height:auto;max-height:none;}
nav.navigation > ul.nav-items > li.products ul.product-list li.free:after {content:'Free';box-sizing:border-box;position:absolute;top:70px;left:20px;width:40px;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:600;background:linear-gradient(45deg, rgb(141,197,97) 0%,rgb(200,232,78) 100%);border-radius:3px;box-shadow:-1px 1px 0 rgba(0,0,0,0.15);text-shadow:-1px -1px 0 rgb(0 0 0 / 10%);padding:3px 5px;text-align:center;}

@media only screen and (min-width:900px) {
    nav.navigation > ul.nav-items > li.buttonStyle {margin-right:10px;}
    nav.navigation > ul.nav-items > li.buttonStyle:before {content:'';position:absolute;top:50%;left:0;transform:translate(0,-50%);width:100%;height:2em;border:1px solid rgba(70,75,106,0.35);border-radius:5px;opacity:1;transition:transform 0s.1s ease-in-out, opacity .25s .15s ease-in-out;}    
    nav.navigation > ul.nav-items > li.buttonStyle:hover:before {transform:translate(0,calc(-50% - 5px));opacity:0;transition:transform .15s ease-in-out, opacity .15s ease-in-out;}
}

@media only screen and (max-width:1000px) {
    nav.navigation > ul.nav-items > li.products {display:none;}    
}

@media only screen and (max-width:1200px) {
    nav.navigation {font-size:10px;}
}

nav.navigation ul.hamburger {position:absolute;top:0;right:0;width:50px;height:50px;padding:10px;margin:0;display:none;color:rgba(70,75,106,1);z-index:2;cursor:pointer;}
nav.navigation ul.hamburger:after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0);z-index:3;}
nav.navigation ul.hamburger li {opacity:1;position:absolute;top:0;right:10px;display:block;width:30px;height:4px;border-radius:2px;background:rgba(70,75,106,1);z-index:-1;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
nav.navigation.open ul.hamburger li {background:rgba(255,255,255,0);}
nav.navigation ul.hamburger li:nth-of-type(1) {top:calc(50% - 10px);}
nav.navigation ul.hamburger li:nth-of-type(2) {top:50%;}
nav.navigation ul.hamburger li:nth-of-type(3) {top:calc(50% + 10px);}
nav.navigation ul.hamburger li:nth-of-type(2):before, nav.navigation ul.hamburger li:nth-of-type(2):after {content:'';opacity:0;position:absolute;top:calc(50% - 3px);right:0;display:block;width:30px;height:4px;border-radius:2px;background:rgba(255,255,255,1);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
nav.navigation.open ul.hamburger li:nth-of-type(2):before, nav.navigation.open ul.hamburger li:nth-of-type(2):after {opacity:1;}
nav.navigation.open ul.hamburger li:nth-of-type(2):before {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
nav.navigation.open ul.hamburger li:nth-of-type(2):after {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}

/* White Navigation */
nav.navigation.white {color:rgba(255,255,255,1);box-shadow:0 0 0 rgba(255,255,255,0);}
nav.navigation.white.scroll {box-shadow:0 0 5px rgba(255,255,255,0);}
nav.navigation.white > div > li:not(.logo):hover:after {background:rgba(255,255,255,1);}
nav.navigation.white ul.hamburger {color:rgba(255,255,255,1);}
nav.navigation.white ul.hamburger li {background:rgba(255,255,255,1);}

/* Header */
body > header {position:relative;width:100%;min-height:600px;min-height:100vh;background:rgba(255,255,255,0) url(../images/background-header.webp) top center;overflow:hidden;border-bottom:1px solid rgba(70,75,106,0.15);}
body > header:empty {display:none;}
body > header * {z-index:4;}
body > header:after {content:'';position:absolute;display:block;top:calc(100% - 35vh);right:0;bottom:0;left:0;opacity:0;background-image:linear-gradient(transparent, rgba(70,75,106,0.9) 90%);z-index:1;-webkit-animation:fadein 2s 2.5s ease-in-out forwards;-moz-animation:fadein 2s 2.5s ease-in-out forwards;-ms-animation:fadein 2s 2.5s ease-in-out forwards;-o-animation:fadein 2s 2.5s ease-in-out forwards;animation:fadein 2s 2.5s ease-in-out forwards;z-index:0;}
body > header .call-to-action {position:relative;width:100%;max-width:1200px;margin:0 auto;padding:20vh 0 0 0;}
body > header .call-to-action.home {max-width:1000px;}
body > header .call-to-action h1 {padding:0 0 0 35%;margin:0;position:relative;font-size:6em;font-weight:700;line-height:calc(1em - 5px);opacity:0;transform:translateY(0px),translateX(inherit);-webkit-animation:fadein 0.65s 0.15s ease-in-out forwards;-moz-animation:fadein 0.65s 0.15s ease-in-out forwards;-ms-animation:fadein 0.65s 0.15s ease-in-out forwards;-o-animation:fadein 0.65s 0.15s ease-in-out forwards;animation:fadein 0.65s 0.15s ease-in-out forwards;}
body > header .call-to-action h1 {padding:0 0 0 35%;margin:0;position:relative;font-size:4em;font-weight:700;line-height:calc(1.2em - 5px);opacity:0;transform:translateY(0px),translateX(inherit);-webkit-animation:fadein 0.65s 0.15s ease-in-out forwards;-moz-animation:fadein 0.65s 0.15s ease-in-out forwards;-ms-animation:fadein 0.65s 0.15s ease-in-out forwards;-o-animation:fadein 0.65s 0.15s ease-in-out forwards;animation:fadein 0.65s 0.15s ease-in-out forwards;}
body > header .call-to-action h1 img.logo, body > header .call-to-action h2 img.logo {position:absolute;top:5px;left:15%;width:auto;height:200px;}
body > header .call-to-action h1.freeTool:before {content:'Free Tool';position:Relative;display:block;font-size:0.25em;letter-spacing:1px;text-transform:uppercase;opacity:0.25;line-height:0.25em;padding:0 0 .5em 0;}
body > header .call-to-action > h2 {padding:0 10% 0 35%;color:rgba(70,75,106,0.65);font-size:2.5em;opacity:0;-webkit-animation:fadein 0.65s .85s ease-in-out forwards;-moz-animation:fadein 0.65s .85s ease-in-out forwards;-ms-animation:fadein 0.65s .85s ease-in-out forwards;-o-animation:fadein 0.65s .85s ease-in-out forwards;animation:fadein 0.65s .85s ease-in-out forwards;}
body > header .call-to-action h5 {margin-top:10px;padding:0 0 0 35%;color:rgba(70,75,106,0.60);font-size:18px;text-transform:uppercase;letter-spacing:1px;opacity:0;-webkit-animation:fadein 0.65s 0.15s ease-in-out forwards;-moz-animation:fadein 0.65s 0.15s ease-in-out forwards;-ms-animation:fadein 0.65s 0.15s ease-in-out forwards;-o-animation:fadein 0.65s 0.15s ease-in-out forwards;animation:fadein 0.65s 0.15s ease-in-out forwards;}
body > header .call-to-action h5 img.logo {position:relative;display:inline-block;vertical-align:middle;width:18px;height:18px;margin:-4px 5px 0 0;}
body > header .call-to-action.home {padding:13vh 0 0 0;max-width:1000px;}
body > header .call-to-action.home h1, body > header .call-to-action.home h2, body > header .call-to-action.home h3, body > header .call-to-action.home h4, body > header .call-to-action.home h5, body > header .call-to-action.home h6 {padding:0;}
body > header .call-to-action.home h2 {margin:50px auto 0;max-width:800px;}
body > header .promote {position:absolute;left:0;bottom:0;width:100%;height:100vh;background:transparent url(../images/promote.webp) no-repeat;background-position:center calc(100% + 150px);background-size:100vw;opacity:0;z-index:1;-webkit-animation:fadein 0.65s 1.5s ease-in-out forwards;-moz-animation:fadein 0.65s 1.5s ease-in-out forwards;-ms-animation:fadein 0.65s 1.5s ease-in-out forwards;-o-animation:fadein 0.65s 1.5s ease-in-out forwards;animation:fadein 0.65s 1.5s ease-in-out forwards;}
body > header .scroll {position:absolute;display:block;bottom:3vh;right:3vh;width:2em;height:2em;margin:0 0 0 -1em;line-height:2em;border-radius:50%;color:rgba(70,75,106,0.35);border:.075em solid;font-size:20px;font-weight:700;text-align:center;cursor:pointer;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;transition:all .15s ease-in-out;}
body > header .scroll:hover {transform:translateY(5px);color:rgba(70,75,106,0.8);box-shadow:0 0 10px rgba(70,75,106,0.25);}
@media only screen and (min-width:1600px) {body > header .promote {background-position:center calc(50vh * .75);}}
body > .banner-one {position:absolute;top:95vh;z-index:3;}
body > .banner-two {position:absolute;top:105vh;z-index:3;}
body > header ul.select {margin:150px auto 0;padding:0;opacity:0;-webkit-animation:fadein 0.65s 1.5s ease-in-out forwards;-moz-animation:fadein 0.65s 1.5s ease-in-out forwards;-ms-animation:fadein 0.65s 1.5s ease-in-out forwards;-o-animation:fadein 0.65s 1.5s ease-in-out forwards;animation:fadein 0.65s 1.5s ease-in-out forwards;}
body > header ul.select.home {margin:50px auto 100px;}
ul.select:after {content:'';position:relative;display:block;width:100%;height:0;clear:both;visibility:hidden;}
ul.select li.start:after {content:'Includes 7-day trial.';position:absolute;display:block;top:100%;left:0;width:100%;padding:5px 0 0 0;text-align:center;color:rgba(70,75,106,0.5);font-size:0.4em;line-height:1.5em;font-weight:500;text-shadow:none;transform:translate(0,0);transition:transform .2s ease-in-out;}
ul.select li.start:hover:after {transform:translate(0,2px);}
/*body > header.no-minimum {min-height:0;}*/

body.purple > header .call-to-action h5 {color:rgba(202,210,238,0.5);}

body.no-header > header {position:absolute;}
body.no-header > section:first-of-type {padding-top:150px;}
body.no-header > section, body.no-header > footer {z-index:10;}
body.no-header > .embellish.header {}
body.hide-embellish div.embellish:not(.header) {display:none;}

a.button {position:relative;display:inline-block;margin:0;padding:20px;text-decoration:none;cursor:pointer;color:rgba(255,255,255,1);text-shadow:-1px -1px 0 rgba(0,0,0,0.25);background:rgba(255,255,255,1);border-radius:5px;box-shadow:3px 3px 5px rgb(70 75 106 / 25%), 8px 8px 0px rgb(70 75 106 / 0%);transition:all .2s ease-in-out;z-index:101;}
a.button {background:linear-gradient(45deg, rgb(70,75,106) 0%,rgb(164,165,181) 100%);}
a.button:hover {transform:translateY(-2px);box-shadow:2px 2px 18px rgb(70 75 106 / 25%), 9px 9px 8px rgb(70 75 106 / 5%);}
a.button.green {background:linear-gradient(45deg, rgb(141,197,97) 0%,rgb(200,232,78) 100%);}
a.button.orange {background:linear-gradient(45deg, rgb(238,78,5) 0%,rgb(246,158,28) 100%);}
a.button.purple {background:linear-gradient(45deg, rgb(70,75,106) 0%,rgb(164,165,181) 100%);}
a.button.black {background:linear-gradient(45deg, rgb(33,33,33) 0%,rgb(120,120,120) 100%);}
a.button.blue {background:linear-gradient(45deg, rgb(116 186 232) 0%,rgb(168,220,255) 100%);}
a.button * {color:rgba(255,255,255,1)!important;}

span.toggle input {position:absolute;opacity:0;z-index:-1;}
span.toggle label.slider {display:inline-block;font-size:20px;height:1rem;width:2rem;background:rgba(70,75,106,0.1);border-radius:1rem;-webkit-transition:all 300ms;-moz-transition:all 300ms;transition:all 300ms;cursor:pointer;}
span.toggle label.slider:after {content:'';display:inline-block;float:left;height:1rem;width:1rem;border-radius:1rem;background:#FFF;box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.3);-webkit-transition:all 300ms;-moz-transition:all 300ms;transition:all 300ms;}
span.toggle input:checked ~ label.slider {background:rgba(70,75,106,0.75);}
span.toggle input:checked ~ label.slider:after {-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}

ul.select {position:relative;display:block;width:100%;max-width:1000px;margin:0 auto 50px;}
ul.select li {position:relative;display:inline-block;width:calc(50% - 20px);margin::0;padding:20px 40px;font-size:24px;font-weight:600;cursor:pointer;color:rgba(255,255,255,1);text-shadow:-1px -1px 0 rgba(0,0,0,0.1);background:rgba(255,255,255,1);border-radius:5px;box-shadow:3px 3px 5px rgba(70,75,106,0.25), 8px 8px 0px rgba(70,75,106,0);transition:all .2s ease-in-out;}
/*ul.select li:first-of-type {float:left;}
ul.select li:last-of-type {float:right;}*/
ul.select li.brand {background:linear-gradient(45deg, rgb(141,197,97) 0%,rgb(200,232,78) 100%);z-index:101;}
ul.select li.influencer {background:linear-gradient(45deg, rgb(238,78,5) 0%,rgb(246,158,28) 100%);z-index:101;}
ul.select li:hover {transform:translateY(-2px);box-shadow:4px 4px 6px rgba(70,75,106,0.35), 9px 9px 2px rgba(70,75,106,0.05);}
ul.select li h5 {text-transform:uppercase;letter-spacing:2px;font-weight:600;}
ul.select li h1 {font-weight:700;}
ul.select li .icon-right-open-big {position:absolute;top:calc(50% - 30px);right:20px;width:60px;height:60px;line-height:60px;font-size:60px;font-weight:700;opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
ul.select li:hover .icon-right-open-big {right:30px;opacity:1;}
ul.select.single {text-align:center;}
ul.select.single li {float:none;}
ul.select li.purple {background:linear-gradient(45deg, rgb(70,75,106) 0%,rgb(155,162,199) 100%);z-index:101;}

body.purple > header {background:rgba(70,75,106,1) url(../images/background-header-dark.webp) top center;z-index:1;}
body.purple > header * {color:rgba(255,255,255,1);}
body.purple > header .call-to-action h3 {color:rgba(202,210,238,0.85);}
body.purple > header:after {background-image:linear-gradient(rgba(70,75,106,0), rgba(202,210,238,0.20) 90%);}

body.long-form > header {background:transparent;z-index:1;}
body.long-form > header:after {background-image:linear-gradient(rgba(70,75,106,0), rgba(202,210,238,0.20) 90%);}
body.long-form > header:before {background:rgb(250,250,255,0.9);}
@media only screen and (min-width:1024px) {
    body.long-form > header {margin-top:-71px;}
}

body section {position:relative;display:block;width:100%;max-width:1000px;margin:0 auto;padding:40px 0;z-index:1;}
body section:after, body > footer:after {content:'';position:relative;display:block;width:100%;height:0;border:0;outline:0;margin:0;padding:0;clear:both;}

body section.callout {width:100%;max-width:1000px;margin:0 auto;}
body section.callout > div {background:rgba(255,255,255,1);padding:40px;border-radius:5px;/*box-shadow:0 15px 35px rgba(70,75,106,.10), 0 5px 15px rgba(0,0,0,.07);*/box-shadow:3px 3px 0 rgba(70,75,106,0.03);border:1px solid rgba(70,75,106,0.15);z-index:2;}
body section.callout > div:after {content:'';position:relative;display:block;width:100%;height:0;border:0;outline:0;margin:0;padding:0;clear:both;}
body section.callout > div > div:after {content:'';position:relative;display:block;width:100%;height:0;border:0;outline:0;margin:0;padding:0;clear:both;}
body section.callout > div > img, body section.callout > div > picture img {margin:0 0 20px 0;}
body section.callout > div > img:last-child, body section.callout > div > picture:last-child img {margin:0;}

body section.callout > div.video {height:0;padding:0 0 56.25% 0;overflow:hidden;}
body section.callout.one-two > div.video, body section.callout.two-one > div.video {height:0;padding:0 0 36.4% 0;}
body section.callout > div.video iframe {position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;}

body section.timeline {max-width:1200px;z-index:10;padding:40px 0 0 0;}
body section.timeline:before {content:'';position:absolute;display:block;left:50%;top:-50px;width:1px;height:calc(100% + 50px);border-left:1px dashed rgba(70,75,106,0.25);}
body section.timeline:after {content:'';position:absolute;display:inline-block;bottom:-5px;left:calc(50% - 5px);width:10px;height:10px;border:1px solid rgba(70,75,106,0.25);background:rgba(255,255,255,1);border-radius:50%;}
body section.timeline > div:nth-of-type(n):nth-last-child(n) {display:inline-block;width:calc(50% - 50px)!important;margin:0 0 50px;clear:left;float:left;}
body section.timeline > div.right:nth-of-type(n):nth-last-child(n) {clear:right;float:right;text-align:left;}
body section.timeline > div:before {content:'';position:absolute;top:50%;left:100%;height:1px;width:50px;border-top:1px dashed rgba(70,75,106,0.25);}
body section.timeline > div:after {content:'';position:absolute;display:inline-block;top:calc(50% - 5px);left:calc(100% + 50px - 5px);width:10px;height:10px;border:1px solid rgba(70,75,106,0.25);background:rgba(255,255,255,1);border-radius:50%;}
body section.timeline > div.right:before {left:initial;right:100%;}
body section.timeline > div.right:after {left:initial;right:calc(100% + 50px - 5px);}
body section.timeline > div:nth-of-type(2):nth-last-child(n) {margin-top:100px;}
body section.timeline ul.rating {margin:0;padding:0;}
body section.timeline ul.rating li {position:relative;display:inline-block;float:left;width:1em;line-height:1.5rem;}
body section.timeline ul.rating li.star:before {content:'\e831';font-family:'vsfont',serif;color:rgba(255,208,83,1);}
body section.timeline ul.rating li.half:before {content:'\e831';display:inline-block;width:.45em;font-family:'vsfont',serif;overflow:hidden;color:rgba(255,208,83,1);}
body section.timeline ul.rating li.half:after {content:'\e832';display:inline-block;width:.45em;font-family:'vsfont',serif;overflow:hidden;text-align:right;direction:rtl;opacity:0.15;}
body section.timeline ul.rating li.empty:before {content:'\e832';font-family:'vsfont',serif;opacity:0.15;}
body section.timeline ul.rating li.rating {padding:0 0 0 .35em;font-size:0.6em;font-weight:600;color:rgba(70,75,106,0.5);width:inherit;}
body section.timeline ul.rating li.review {width:inherit;float:right;}
body section.timeline ul.rating li.review a {text-decoration:none;font-size:0.6em;font-weight:500;letter-spacing:.5px;}
body section.timeline ul.rating li.review a:hover {text-decoration:underline;color:rgba(70,75,106,1);}
body section.timeline ul.rating:after {content:'';position:relative;display:block;width:100%;height:0;opacity:0;clear:both;}
body section.timeline h3.name {position:relative;padding:0 50px 0 0;line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.5em;}
body section.timeline h3.name a {position:absolute;right:0;display:inline-block;padding:0 5px;line-height:50px;float:right;}
body section.timeline h3.name img {max-width:30px;max-height:30px;height:30px;width:auto;vertical-align:middle;}
body section.timeline p {position:relative;}
body section.timeline p:first-of-type:before {content:'\201C';position:absolute;top:.3em;left:-.15em;width:0;height:0;font-size:6.5em;line-height:0;opacity:0.07;color:currentColor;font-family:monospace;}
body section.timeline p:last-of-type:after {content:'\201D';position:absolute;bottom:-7px;margin:0 0 0 -.4em;width:0;height:0;font-size:6.5em;line-height:0;opacity:0.07;color:currentColor;font-family:monospace;}
body section.timeline blockquote {font-size:0.85em;margin:20px 0 0 0;padding:15px 20px 15px 25px;font-weight:500;border-left:5px solid rgba(70,75,106,0.10);background:rgba(70,75,106,0.03);border-top-right-radius:5px;border-bottom-right-radius:5px;}
body section.timeline blockquote:before, body section.timeline blockquote:after {display:none;}
body section.timeline blockquote h5 {margin:0 0 10px 0;font-size:0.85em;font-weight:600;}
body section.timeline > div:nth-of-type(n):nth-last-of-type(1){margin-bottom:150px;}
body section.timeline > a.button {position:-webkit-sticky;position:sticky;bottom:20px;left:50%;transform:translate(-50%,0);text-align:center;font-weight:600;font-size:0.65em;padding:20px 40px;}
body section.timeline > a.button:hover {transform:translate(-50%,-2px);}
body section.timeline > a.button h5 {text-transform:uppercase;}
body section.timeline > a.button h2 {font-weight:700;}
@media only screen and (max-width:1024px) {
    body section.timeline {padding:40px 20px 0;}
    body section.timeline:before {top:0;left:20px;height:100%;}
    body section.timeline > div:nth-of-type(n):nth-last-child(n) {width:calc(100% - 30px)!important;float:right!important;margin:0 0 20px 0;padding:20px 30px;}
    body section.timeline > div:before, body section.timeline > div.right:before {content:'';position:absolute;top:50%;left:initial;right:100%;height:1px;width:30px;border-top:1px dashed rgba(70,75,106,0.25);}
    body section.timeline > div:after, body section.timeline > div.right:after {content:'';position:absolute;display:inline-block;top:calc(50% - 5px);left:initial;right:calc(100% + 30px - 5px);width:10px;height:10px;border:1px solid rgba(70,75,106,0.25);background:rgba(255,255,255,1);border-radius:50%;}
    body section.timeline > div:nth-of-type(2):nth-last-child(n) {margin-top:0;}
    body section.timeline h1.name img {max-width:20px;max-height:20px;}
    body section.timeline ul.rating li.review {display:none;}
}
@media only screen and (max-width:768px) {
    body section.timeline > a.button {left:0;bottom:15px;width:100%;transform:translate(0,0);}
    body section.timeline > a.button:hover {transform:translate(0,0);}
}

body section blockquote {position:relative;opacity:0.8;z-index:-1;}
body section blockquote:before {content:"\201C";position:absolute;top:40px;left:-20px;font-size:8em;font-family:Garamond,Georgia,Times,serif;opacity:0.1;line-height:0;z-index:-1;}
body section blockquote:after {content:"\201D";position:relative;display:inline-block;width:0;margin:0 0 -75px -20px;vertical-align:middle;font-size:8em;font-family:Garamond,Georgia,Times,serif;opacity:0.1;line-height:0;z-index:-1;}
body section blockquote > h1, body section blockquote > h2, body section blockquote > h3, body section blockquote > h4, body section blockquote > h5, body section blockquote > h6, body section blockquote > p {margin:0 0 20px 0;}
body section blockquote > p:last-child {margin:0;}

body section blockquote.code {position:relative;opacity:1;z-index:-1;background:rgba(255,255,255,1);font-family:'Courier New', 'Lucida Console', 'Monaco', monospace;font-weight:600;font-size:0.75rem;overflow-wrap:break-word;padding:20px 20px 20px 15px;border-left:3px solid rgba(70,75,106,0.25);border-top-right-radius:5px;border-bottom-right-radius:5px;box-shadow:3px 3px rgba(70,75,106,0.03);}
body section blockquote.code:before, body section blockquote.code:after {content:'';display:none;}

span.mnono {font-family:'Courier New', 'Lucida Console', 'Monaco', monospace;font-weight:600;font-size:0.75rem;font-weight:600;}

body section ul.slider {position:absolute;display:block;top:calc(50% - 25px);left:0;width:100%;height:0;margin:0;padding:0;background:transparent;border:0;outline:0;list-style-type:none;}
body section ul.slider li {position:absolute;display:block;top:0;width:50px;height:50px;line-height:50px;text-align:center;background:rgba(255,255,255,1);border-radius:50%;color:rgba(70,75,106,1);font-size:0;z-index:10;box-shadow:0 0 5px rgba(70,75,106,0.25);cursor:pointer;transition:transform .1s ease-in-out;}
body section ul.slider li:hover {transform:scale(1.08);}
body section ul.slider li i {font-size:30px;margin:0;}
body section ul.slider li:first-of-type {left:-25px;}
body section ul.slider li:first-of-type i {margin:0 0 0 -3px;}
body section ul.slider li:last-of-type {right:-25px;}
body section ul.slider li:last-of-type i {margin:0 -3px 0 0;}

body section.faq {padding-bottom:0;padding-top:0;}
body section.faq p {margin-bottom:30px;}
body section.faq ul {grid-gap:50px 100px;}
body section.faq ul h1 {font-size:2em;font-weight:700;line-height:1.15em;}

body section.steps ul {list-style-type:none;margin:0;}
body section.steps ul li {margin:20px 0;padding:0;border-left:0 solid rgba(255,255,255,0);cursor:pointer;transition:all .1s ease-in-out;}
body section.steps ul li:hover {padding:0 0 0 7px;border-left:3px solid rgba(70,75,106,0.25);}
body section.steps ul li h5 {color:rgba(70,75,106,0.60);transition:all .1s ease-in-out;}
body section.steps ul li h6 {text-transform:uppercase;margin:0;color:rgba(70,75,106,0.30);transition:all .1s ease-in-out;}
body section.steps ul li.selected {margin:20px 0;padding:0 0 0 10px;border-left:5px solid rgba(70,75,106,1);}
body section.steps ul li:hover h5, body section.steps ul li.selected h5 {color:rgba(70,75,106,1);}
body section.steps ul li:hover h6, body section.steps ul li.selected h6 {color:rgba(70,75,106,0.50);}

body section.sort {padding:0;margin:0 auto 50px;}
body section.sort .sort-navigate {}
body section.sort .sort-view > span {position:absolute;top:0;left:0;width:100%;display:block;padding:40px;opacity:0;z-index:-1;transform:scale(1);transform-origin:bottom left;transition:opacity .35s cubic-bezier(.17, .67, .55, 1), transform .35s cubic-bezier(.17, .67, .55, 1);}
body section.sort.steps .sort-view > span {transform:scale(0.8);}
body section.sort .sort-view > span.selected {position:relative;display:block;opacity:1;padding:0;transform:scale(1);z-index:1;}
body section.sort .sort-view > span > div > img, body section.sort .sort-view > span > div > picture img {opacity:0;transition:opacity 1s ease-in-out;}
body section.sort .sort-view > span.selected > div > img, body section.sort .sort-view > span.selected > div > picture img {opacity:1;transition-delay:0s;}

body section.testimonials h2, body section.testimonials strong {position:relative;display:block;margin:0 0 20px 0;font-size:1.15em;font-weight:700;line-height:1.15em;}
body section.testimonials h3 {font-size:1em;font-weight:700;line-height:1em;}
body section.testimonials h4 {margin:10px 0 0 0;font-size:0.65em;font-weight:500;}

/* Dynamic Sizing */
body section.callout > div > img:first-child:last-child, body section.callout > div > picture:first-child:last-child img {max-width:calc(100% + 82px);margin:-41px -40px -40px -41px;float:left;border-radius:4px;}
body section.callout > div > i:first-child {display:inline-block;font-size:2em;margin:0 0 1.5em 0;}
body section.callout > div > div > img, body section.callout > div > div > picture img {float:left;}
body section.callout > div > div:nth-of-type(1):nth-last-child(2) > img, body section.callout > div > div:nth-of-type(1):nth-last-child(2) > picture img {max-width:calc(100% + 82px);margin:-41px -40px 20px -41px;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;}
body section.callout > div > div:nth-of-type(2):last-child > img, body section.callout > div > div:nth-of-type(2):last-child > picture img {max-width:calc(100% + 82px);margin:20px -40px -40px -41px;border-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}

body section.callout > div > div:nth-of-type(1):nth-last-child(3) > img, body section.callout > div > div:nth-of-type(1):nth-last-child(3) > picture img {max-width:calc(100% + 82px);margin:-41px -40px 20px -41px;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;}
body section.callout > div > div:nth-of-type(2):nth-last-child(2) > img, body section.callout > div > div:nth-of-type(2):nth-last-child(2) > picture img {max-width:calc(100% + 82px);margin:20px -41px;border-radius:0;}
body section.callout > div > div:nth-of-type(3):last-child > img, body section.callout > div > div:nth-of-type(3):last-child > picture img {max-width:calc(100% + 82px);margin:20px -40px -40px -41px;border-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}

body section.callout > div > div:nth-of-type(1):nth-last-child(4) > img, body section.callout > div > div:nth-of-type(1):nth-last-child(4) > picture img {margin:0 0 20px 0;border-radius:4px;}
body section.callout > div > div:nth-of-type(2):nth-last-child(3) > img, body section.callout > div > div:nth-of-type(2):nth-last-child(3) > picture img {margin:20px 0;border-radius:4px;}
body section.callout > div > div:nth-of-type(3):nth-last-child(2) > img, body section.callout > div > div:nth-of-type(3):nth-last-child(2) > picture img {margin:20px 0;border-radius:4px;}
body section.callout > div > div:nth-of-type(4):last-child > img, body section.callout > div > div:nth-of-type(4):last-child > picture img {margin:20px 0 0 0;border-radius:4px;}

img.full:first-child {margin:-40px -40px 20px -40px;max-width:calc(100% + 80px);float:left;border-top-left-radius:4px;border-top-right-radius:4px;}
img.full:last-child {margin:20px -40px -40px -40px;max-width:calc(100% + 80px);float:left;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
img.full:first-child:last-child {margin:-40px;max-width:calc(100% + 80px);float:left;border-radius:4px;}
div > img.full, div > picture.full img {margin:-40px;float:left;}

@media only screen and (min-width:1024px) {
    body section > div:nth-of-type(1):nth-last-child(2) {width:calc(100% / 2 - 20px);margin:0 40px 0 0;float:left;}
    body section > div:nth-of-type(2):last-child {width:calc(100% / 2 - 20px);margin:0;float:right;}

    body section > div:nth-of-type(1):nth-last-child(3) {width:calc(100% / 3 - 20px);margin:0 30px 0 0;float:left;}
    body section > div:nth-of-type(2):nth-last-child(2) {width:calc(100% / 3 - 20px);margin:0 30px 0 0;float:left;}
    body section > div:nth-of-type(3):last-child {width:calc(100% / 3 - 20px);margin:0;float:right;}

    body section > div:nth-of-type(1):nth-last-child(4) {width:calc(100% / 4 - 15px);margin:0 20px 0 0;float:left;}
    body section > div:nth-of-type(2):nth-last-child(3) {width:calc(100% / 4 - 15px);margin:0 20px 0 0;float:left;}
    body section > div:nth-of-type(3):nth-last-child(2) {width:calc(100% / 4 - 15px);margin:0 20px 0 0;float:left;}
    body section > div:nth-of-type(4):last-child {width:calc(100% / 4 - 15px);margin:0;float:right;}
    body section > div:last-child:after {content:'';position:relative;display:block;width:100%;height:0;border:0;outline:0;margin:0;padding:0;clear:both;}
    body section > div:empty:before {content:'\2003';}
    body section.one-two > div:first-of-type {width:calc(100% / 3 - 20px);margin:0 40px 0 0;float:left;}
    body section.one-two > div:nth-of-type(2):nth-last-child(1) {width:calc(100% / 3 * 2 - 20px);margin:0;float:right;}

    body section.one-centered {text-align:center;}
    body section.one-centered > div {width:calc(100% / 3 * 2);margin:0 auto;float:none;display:inline-block;text-align:left;}
    body section.one-centered > div.center {text-align:center;}
    body section.two-one > div:first-of-type {width:calc(100% / 3 * 2 - 20px);margin:0 40px 0 0;float:left;}
    body section.two-one > div:nth-of-type(2):nth-last-child(1) {width:calc(100% / 3 - 20px);margin:0;float:right;}

    body section.one-three > div:first-of-type {width:calc(100% / 15 * 4 - 20px);margin:0 40px 0 0;float:left;}
    body section.one-three > div:nth-of-type(2):nth-last-child(1) {width:calc(100% / 15 * 11 - 20px);margin:0;float:right;}

    body section.three-one > div:first-of-type {width:calc(100% / 15 * 11 - 20px);margin:0 calc(80px / 3) 0 0;float:left;}
    body section.three-one > div:nth-of-type(2):nth-last-child(1) {width:calc(100% / 15 * 4 - 20px);margin:0;float:right;}

    body section > div > div:nth-of-type(1):nth-last-child(2) {width:calc(100% / 2 - 20px);margin:0 40px 0 0;float:left;}
    body section > div > div:nth-of-type(2):last-child {width:calc(100% / 2 - 20px);margin:0;float:right;}

    body section > div > div:nth-of-type(1):nth-last-child(3) {width:calc(100% / 3 - 20px);margin:0 30px 0 0;float:left;}
    body section > div > div:nth-of-type(2):nth-last-child(2) {width:calc(100% / 3 - 20px);margin:0 30px 0 0;float:left;}
    body section > div > div:nth-of-type(3):last-child {width:calc(100% / 3 - 20px);margin:0;float:right;}

    body section > div > div:nth-of-type(1):nth-last-child(4) {width:calc(100% / 4 - 20px);margin:0 calc(80px / 3) 0 0;float:left;}
    body section > div > div:nth-of-type(2):nth-last-child(3) {width:calc(100% / 4 - 20px);margin:0 calc(80px / 3) 0 0;float:left;}
    body section > div > div:nth-of-type(3):nth-last-child(2) {width:calc(100% / 4 - 20px);margin:0 calc(80px / 3) 0 0;float:left;}
    body section > div > div:nth-of-type(4):last-child {width:calc(100% / 4 - 20px);margin:0;float:right;}

    body section.callout > div > img:first-child, body section.callout > div > picture:first-child img {margin:-41px -40px 20px -41px;max-width:calc(100% + 82px);float:left;border-top-left-radius:4px;border-top-right-radius:4px;}
    body section.callout > div > img:last-child, body section.callout > div > picture:last-child img {margin:20px -40px -40px -41px;max-width:calc(100% + 82px);float:left;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
    body section.callout > div > img:first-child:last-child,  body section.callout > div > picture:first-child:last-child img {margin:-41px -40px -40px -41px;max-width:calc(100% + 82px);float:left;border-radius:4px;}
    body section.callout > div > div > img, body section.callout > div > div > picture img {margin:-40px;float:left;}
    body section.callout > div > div:nth-of-type(1):nth-last-child(2) > img, body section.callout > div > div:nth-of-type(1):nth-last-child(2) > picture img {max-width:calc(100% + 40px);margin:-40px 0 -40px -40px;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
    body section.callout > div > div:nth-of-type(2):last-child > img, body section.callout > div > div:nth-of-type(2):last-child > picture img {max-width:calc(100% + 40px);margin:-40px -40px -40px 0;border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;}

    body section.callout > div > div:nth-of-type(1):nth-last-child(3) > img, body section.callout > div > div:nth-of-type(1):nth-last-child(3) > picture img {max-width:calc(100% + 40px);margin:-40px 0 -40px -40px;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
    body section.callout > div > div:nth-of-type(2):nth-last-child(2) > img, body section.callout > div > div:nth-of-type(2):nth-last-child(2) > picture img {max-width:100%;margin:-40px 0;}
    body section.callout > div > div:nth-of-type(3):last-child > img, body section.callout > div > div:nth-of-type(3):last-child > picture img {max-width:calc(100% + 40px);margin:-40px -40px -40px 0;border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;}

    body section.callout > div > div:nth-of-type(1):nth-last-child(4) > img, body section.callout > div > div:nth-of-type(1):nth-last-child(4) > picture img {margin:0;border-radius:4px;}
    body section.callout > div > div:nth-of-type(2):nth-last-child(3) > img, body section.callout > div > div:nth-of-type(2):nth-last-child(3) > picture img {margin:0;border-radius:4px;}
    body section.callout > div > div:nth-of-type(3):nth-last-child(2) > img, body section.callout > div > div:nth-of-type(3):nth-last-child(2) > picture img {margin:0;border-radius:4px;}
    body section.callout > div > div:nth-of-type(4):last-child > img, body section.callout > div > div:nth-of-type(4):last-child > picture img {margin:0;border-radius:4px;}
}

section.preview {width:calc(100% - 100px);max-width:1800px;z-index:10;padding:150px 0 100px;}
section.stickyPreview {width:100%;max-width:1800px;z-index:10;padding:0 50px;}
section.stickyPreview:after {content:'';position:sticky;display:block;bottom:150px;left:0;width:100%;height:20px;margin:-20px 0 0 0;box-shadow:inset 0 -10px 8px 3px rgba(0,0,0,0.03);z-index:10;}
section.preview > div {width:100%!important;height:100%;min-height:0;/*max-height:1600px;*/max-height:none;margin:0;padding:0;border:0;border-radius:20px;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white, black);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;transition:height .5s ease-in-out;font-size:0;}
section.headerProducts > div {width:100%!important;height:100%;min-height:0;max-height:1600px;margin:0;padding:0;border:0;border-radius:20px;transition:height .5s ease-in-out;}
section.preview > div:nth-of-type(1) {width:100%;margin:0;padding:0;border-radius:20px;background:rgba(250,250,255,1);}
section.preview > div:after {content:'';position:sticky;display:block;bottom:150px;left:0;width:100%;height:20px;margin:-20px 0 0 0;box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.08);}
section.preview > div.noShadow:after {display:none;}
section.preview video, section.preview img.cover {position:absolute;right:0;top:0;min-width:100%;z-index:1;overflow:hidden;}
section.preview span.container {display:block;min-height:400px;text-align:center;/*padding:50px 0;*/}
section.preview.examples span.container {min-height:0px;}
/*section.preview > div:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(70,75,106,0.90);z-index:2;}*/
section.preview iframe {position:relative;width:100%;height:calc(80vh - 100px);min-height:0;/*max-height:1600px;*/max-height:none;margin:0;padding:0;border:0;border-radius:15px;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white, black);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;transition:height .5s ease-in-out;z-index:3;}
span.previewToggle {position:absolute;display:inline-block;top:5px;left:5px;width:275px;max-width:calc(100% - 10px);height:72px;margin:0;padding:0;clear:both;list-style-type:none;text-align:center;font-size:13px;z-index:11;}
/*span.previewToggle:before {content:'';position:absolute;bottom:100%;left:0;height:40px;width:20px;border-bottom-left-radius:25px;box-shadow:0 20px 0 0 rgba(250,250,255,1);}
span.previewToggle:after {content:'';position:absolute;bottom:100%;right:0;height:40px;width:20px;border-bottom-right-radius:25px;box-shadow:0 20px 0 0 rgba(250,250,255,1);}*/
span.previewToggle > ul:after {content:'';position:relative;display:block;width:100%;height:0;clear:both;}
span.previewToggle li {position:relative;display:inline-block;width:100%;padding:20px 10px 10px;background:transparent;border:1px solid rgba(255,255,255,0);box-shadow:0 0 0px rgba(70,75,106,0);border-radius:15px;opacity:0;transform:scale(1);transform-origin:center center;vertical-align:middle;transition:transform .15s ease-in-out, background .15s ease-in-out, box-shadow .15s ease-in-out, opacity .25s ease-in-out, width .25s ease-in-out, height .25s ease-in-out;cursor:pointer;}
/*span.previewToggle li:after {content:'';position:relative;display:block;width:100%;height:0;clear:both;}*/
span.previewToggle li > img, span.previewToggle li > picture img {position:relative;width:80px;max-height:80px;margin:0;transform:scale(1);transform-origin:50% 75%;transition:transform .15s ease-in-out;}
body section.preview.inPage span.previewToggle li .promotionType {width:100%;max-width:calc(100% - 40px);margin:0;padding:0 0 0 15px;float:right;font-weight:600;font-size:1.25em;line-height:60px;}
body section.preview.inPage span.previewToggle li .promotionExample {width:100%;max-width:calc(100% - 40px);margin:-15px 0 0 0;padding:0 0 10px 20px;float:right;font-weight:600;font-size:0.9em;line-height:1.25em;color:rgba(70,75,106,0.6);}
body section.preview.inPage span.previewToggle li .promotionExample + .promotionExample {margin:-5px 0 0 0;}
body section.preview.inPage span.previewToggle li .promotionExample span {display:block;}
body section.preview.inPage span.previewToggle li.feature {width:calc(100% - 60px);padding:0 20px;margin:0 0 5px 60px;}
body section.preview.inPage span.previewToggle li.feature + li.feature {}
body section.preview.inPage span.previewToggle li.feature.selected {width:calc(100% - 40px);}
body section.preview.inPage span.previewToggle li.feature .promotionExample, body section.preview.inPage span.previewToggle li.feature.selected .promotionExample {max-width:none;margin:0;padding:10px 0;}
body section.preview.inPage span.previewToggle li.feature .promotionType, body section.preview.inPage span.previewToggle li.feature img, body section.preview.inPage.examples span.previewToggle li.feature > i {display:none;}
span.previewToggle li:hover > img, span.previewToggle li:hover > picture img {transform:scale(1.1);}
span.previewToggle li.selected, span.previewToggle li.show {margin:0;background:rgba(255,255,255,1);border:1px solid rgba(70,75,106,0.1);box-shadow:0 0 8px rgba(70,75,106,0.08);opacity:1;}
span.previewToggle li.selected:hover > img, span.previewToggle li.selected:hover > picture img, span.previewToggle li.show:hover > img, span.previewToggle li.show:hover > picture img {transform:scale(1);}
span.previewToggle li.selected {position:absolute;top:5px;left:5px;max-width:calc(100% - 10px);}
body section.preview.inPage span.previewToggle li.selected .promotionType {line-height:30px;padding:15px 0 10px 15px;}
body section.preview.inPage span.previewToggle li.selected .promotionExample {margin:-10px 0 0 0;padding:0 0 10px 15px;}
body section.preview.inPage span.previewToggle li.selected .promotionExample + .promotionExample {margin:-5px 0 0 0;}
span.previewToggle li:hover {z-index:2;}
span.previewToggle li.try {padding:20px 50px 10px;min-height:150px;}
span.previewToggle li.try > h4 {margin-top:calc(50% - .75em);font-size:2em;font-weight:700;text-align:left;}

span.previewToggle input {position:absolute;top:0;left:-9999px;width:0;height:0;border:0;opacity:0;display:none;}
span.previewToggle input + label {position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:1003;cursor:pointer;}
span.previewToggle > ul {position:absolute;top:0;left:0;width:100%;max-height:72px;background:rgba(250,250,255,0);border-radius:15px;margin:0;padding:72px 5px 0;overflow:hidden;transition:background .25s ease-in-out, max-height 0s .25s;}
/*span.previewToggle:hover > span {max-height:1000px;}*/
span.previewToggle li {position:relative;/*display:none;*/width:calc(100% + 5px);min-width:0;min-height:0;margin:0 0 5px 0;padding:0 20px;float:left;text-align:left;}
span.previewToggle li:last-child {margin-bottom:0;}
span.previewToggle li:not(.selected):hover {transform:scale(1);background:rgba(70,75,106,0.02);border:1px solid rgba(70,75,106,0.1);}
span.previewToggle li.headline, span.previewToggle li.headline:not(.selected):hover {width:100%;max-width:none;padding:0 20px;background:none;box-shadow:none;border:0;}
span.previewToggle li.headline strong {position:relative;display:block;font-size:2em;font-weight:700;line-height:1.15em;margin:0 0 20px 0;}
span.previewToggle li.headline.selected {background:none;}
span.previewToggle li.selected a {display:none;}
span.previewToggle li.selected:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:5;cursor:pointer;}
span.previewToggle li > img, span.previewToggle li > picture img {width:auto;height:40px;margin:10px 0;float:left;}
span.previewToggle li > img, span.previewToggle li > i {width:auto;height:40px;margin:10px 0;float:left;font-size:24px;line-height:40px;}
span.previewToggle input + label:after {content:'\e83c';position:absolute;top:50%;right:20px;font-size:30px;color:rgba(70,75,106,1);font-family:'vsfont',serif;font-weight:400;transform:translate(0,-50%);}
span.previewToggle input:checked ~ label:after {}
/*span.previewToggle input:checked ~ label {display:none;}*/
span.previewToggle input:checked ~ ul {padding:72px 5px 5px;box-shadow:0 0 8px rgba(70,75,106,0.08);background:rgba(250,250,255,1);z-index:1003;max-height:1030px;transition:background .25s ease-in-out, max-height 0s 0s;}
span.previewToggle input:checked ~ ul li {opacity:1;width:100%;}
span.previewToggle input ~ label:before {content:'';position:fixed;display:block;top:0;left:0;width:0;height:0;background:rgba(70,75,106,0);z-index:1001;border-radius:20px;overflow:hidden;transition:width 0s .25s, height 0s .25s, background .25s ease-in-out;}
span.previewToggle input:checked ~ label:after {content:'\e839';}
span.previewToggle input:checked ~ label:before {width:100%;height:100%;background:rgba(70,75,106,0.5);transition:width 0s 0s, height 0s 0s, background .25s ease-in-out;}
span.previewToggle input:checked ~ ul li.selected:after {content:'\e839';position:absolute;top:50%;right:14px;font-size:30px;color:rgba(70,75,106,1);font-family:'vsfont',serif;font-weight:400;transform:translate(0,-50%);}

body section.preview.inPage span.previewToggle li.coreProduct + span.group {display:block;width:calc(100% + 20px);padding-right:20px;max-height:0;transition:max-height .35s ease-in-out;overflow:hidden;}
body section.preview.inPage span.previewToggle li.coreProduct.show + span.group {max-height:400px;}
body section.preview.inPage span.previewToggle li.coreProduct + span.group li {margin:0 0 0 60px;opacity:0;transform:translate(0,2px);transition:transform .15s .15s ease-in-out, background .15s ease-in-out, box-shadow .15s ease-in-out, opacity .25s ease-in-out, width .25s ease-in-out, height .25s ease-in-out;}
body section.preview.inPage span.previewToggle li.coreProduct.show + span.group li {opacity:1;transform:translate(0,0);transition:transform .15s ease-in-out, background .15s ease-in-out, box-shadow .15s ease-in-out, opacity .25s ease-in-out, width .25s ease-in-out, height .25s ease-in-out;}
body section.preview.inPage span.previewToggle li.coreProduct.show + span.group li:nth-of-type(2) {transition-delay:.1s;}
body section.preview.inPage span.previewToggle li.coreProduct.show + span.group li:nth-of-type(3) {transition-delay:.2s;}
body section.preview.inPage span.previewToggle li.coreProduct.show + span.group li:nth-of-type(4) {transition-delay:.3s;}
body section.preview.inPage span.previewToggle li.coreProduct.show + span.group li:nth-of-type(5) {transition-delay:.4s;}
body section.preview.inPage span.previewToggle li.coreProduct.show + span.group li:nth-of-type(n+6) {transition-delay:.5s;}

/*span.previewToggle li.selected h2:before {content:'Previewing';position:absolute;top:5px;left:20px;margin:0;padding:0;line-height:20px;font-size:7px;color:rgba(0,0,0,0.5);font-weight:600;letter-spacing:1px;text-transform:uppercase;z-index:4;}*/
@media only screen and (max-width:1000px) {
    span.previewToggle {width:100%;}
}

section.preview .loading {position:absolute;display:block;top:0;left:0;width:100%;height:100%;border-radius:20px;overflow:hidden;background:rgba(70,75,106,1) url(../images/background-header-dark.webp) top center;box-shadow:inset 0 0 20px rgba(0,0,0,0.35);z-index:0;}
section.preview .loading img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

ul.tools {position:relative;display:block;list-style-type:none;margin:0 -30px;padding:0;text-align:left;}
section.headerProducts ul {position:absolute;top:40vh;transform:translate(0,-50%);padding-bottom:100px;}
body.product section.headerProducts ul {top:30vh;}
ul.tools:after {content:'';position:relative;display:block;width:100%;height:0;clear:both;opacity:0;}
ul.tools > li {position:relative;display:block;float:left;max-width:500px;padding:10px 30px 10px 100px;margin:0 0 20px 0;border:1px solid transparent;box-shadow:0 0 0 rgba(255,255,255,0);border-radius:12px;transition:all .25s ease-in-out;}
ul.tools > li:last-child {margin:0 0 10px 0;}
ul.tools > li:hover {border:1px solid rgba(70,75,106,0.1);box-shadow:0 0 8px rgba(70,75,106,0.08);background:rgba(255,255,255,1);}
ul.tools > li:after {content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:transparent;background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);z-index:2;opacity:0;border-top-right-radius:10px;border-bottom-right-radius:10px;transition:all .25s ease-in-out;}
ul.tools > li:hover:after {opacity:1;}
ul.tools > li.headline {width:100%;max-width:none;padding:10px;background:none;box-shadow:none;border:0;}
ul.tools > li.headline:after {display:none;}
ul.tools > li img {position:absolute;top:10px;left:18px;width:65px;height:auto;max-width:25%;}
ul.tools > li h4 {margin:0;}
ul.tools > li h5 {margin:0;}
ul.tools > li p {color:rgba(70,75,106,0.8);margin:0;font-size:0.8em!important;}
ul.tools > li a.cover {z-index:5;}
ul.tools > li i.icon-right-open-big {position:absolute;top:50%;right:5px;transform:translateY(-50%);opacity:0;font-size:43px;color:rgba(70,75,106,0.6);z-index:3;transition:all .25s ease-in-out;}
ul.tools > li:hover i.icon-right-open-big {right:0px;opacity:1;}
section.headerProducts ul.tools > li {opacity:0;}
ul.tools.features {position:relative;display:block;text-align:center;font-size:0;}
ul.tools.features li {display:inline-block;padding:10px 30px 10px 80px;width:calc(100% / 4 - 10px);margin:0 auto 30px!important;margin-left:5px;margin-right:5px;text-align:left;font-size:16px;float:none;}
ul.tools.features li img {width:45px;}
.sticky {position:sticky;top:90px;}
.stickyBottom {position:sticky;top:initial;bottom:0;}
ul.grid {display:inline-grid;grid-template-columns:auto auto auto;grid-gap:5px;list-style-type:none;padding:0;}
ul.grid.two {grid-template-columns:auto auto;}
ul.grid.three {grid-template-columns:auto auto auto;}
ul.grid.four {grid-template-columns:auto auto auto auto;}
ul.tools.fadeIn li {opacity:0;}
ul.tools li.free:before {content:'Free';box-sizing:border-box;position:absolute;top:85px;left:20px;width:65px;max-width:100%;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:600;background:linear-gradient(45deg, rgb(141,197,97) 0%,rgb(200,232,78) 100%);border-radius:3px;box-shadow:-1px 1px 0 rgba(0,0,0,0.05);text-shadow:-1px -1px 0 rgb(0 0 0 / 10%);padding:3px 5px;text-align:center;color:rgba(255,255,255,1);}

ul.tools > li:nth-of-type(1) {-webkit-animation:fadein 0.35s 0.15s ease-in-out forwards;-moz-animation:fadein 0.35s 0.15s ease-in-out forwards;-ms-animation:fadein 0.35s 0.15s ease-in-out forwards;-o-animation:fadein 0.35s 0.15s ease-in-out forwards;animation:fadein 0.35s 0.15s ease-in-out forwards;}
ul.tools > li:nth-of-type(2) {-webkit-animation:fadein 0.35s 0.2s ease-in-out forwards;-moz-animation:fadein 0.35s 0.2s ease-in-out forwards;-ms-animation:fadein 0.35s 0.2s ease-in-out forwards;-o-animation:fadein 0.35s 0.2s ease-in-out forwards;animation:fadein 0.35s 0.2s ease-in-out forwards;}
ul.tools > li:nth-of-type(3) {-webkit-animation:fadein 0.35s 0.25s ease-in-out forwards;-moz-animation:fadein 0.35s 0.25s ease-in-out forwards;-ms-animation:fadein 0.35s 0.25s ease-in-out forwards;-o-animation:fadein 0.35s 0.25s ease-in-out forwards;animation:fadein 0.35s 0.25s ease-in-out forwards;}
ul.tools > li:nth-of-type(4) {-webkit-animation:fadein 0.35s 0.3s ease-in-out forwards;-moz-animation:fadein 0.35s 0.3s ease-in-out forwards;-ms-animation:fadein 0.35s 0.3s ease-in-out forwards;-o-animation:fadein 0.35s 0.3s ease-in-out forwards;animation:fadein 0.35s 0.3s ease-in-out forwards;}
ul.tools > li:nth-of-type(5) {-webkit-animation:fadein 0.35s 0.35s ease-in-out forwards;-moz-animation:fadein 0.35s 0.35s ease-in-out forwards;-ms-animation:fadein 0.35s 0.35s ease-in-out forwards;-o-animation:fadein 0.35s 0.35s ease-in-out forwards;animation:fadein 0.35s 0.35s ease-in-out forwards;}
ul.tools > li:nth-of-type(6) {-webkit-animation:fadein 0.35s 0.4s ease-in-out forwards;-moz-animation:fadein 0.35s 0.4s ease-in-out forwards;-ms-animation:fadein 0.35s 0.4s ease-in-out forwards;-o-animation:fadein 0.35s 0.4s ease-in-out forwards;animation:fadein 0.35s 0.4s ease-in-out forwards;}
ul.tools > li:nth-of-type(7) {-webkit-animation:fadein 0.35s 0.45s ease-in-out forwards;-moz-animation:fadein 0.35s 0.45s ease-in-out forwards;-ms-animation:fadein 0.35s 0.45s ease-in-out forwards;-o-animation:fadein 0.35s 0.45s ease-in-out forwards;animation:fadein 0.35s 0.45s ease-in-out forwards;}
ul.tools > li:nth-of-type(8) {-webkit-animation:fadein 0.35s 0.5s ease-in-out forwards;-moz-animation:fadein 0.35s 0.5s ease-in-out forwards;-ms-animation:fadein 0.35s 0.5s ease-in-out forwards;-o-animation:fadein 0.35s 0.5s ease-in-out forwards;animation:fadein 0.35s 0.5s ease-in-out forwards;}
ul.tools > li:nth-of-type(9) {-webkit-animation:fadein 0.35s 0.55s ease-in-out forwards;-moz-animation:fadein 0.35s 0.55s ease-in-out forwards;-ms-animation:fadein 0.35s 0.55s ease-in-out forwards;-o-animation:fadein 0.35s 0.55s ease-in-out forwards;animation:fadein 0.35s 0.55s ease-in-out forwards;}
ul.tools > li:nth-of-type(10) {-webkit-animation:fadein 0.35s 0.6s ease-in-out forwards;-moz-animation:fadein 0.35s 0.6s ease-in-out forwards;-ms-animation:fadein 0.35s 0.6s ease-in-out forwards;-o-animation:fadein 0.35s 0.6s ease-in-out forwards;animation:fadein 0.35s 0.6s ease-in-out forwards;}
ul.tools > li:nth-of-type(11) {-webkit-animation:fadein 0.35s 0.65s ease-in-out forwards;-moz-animation:fadein 0.35s 0.65s ease-in-out forwards;-ms-animation:fadein 0.35s 0.65s ease-in-out forwards;-o-animation:fadein 0.35s 0.65s ease-in-out forwards;animation:fadein 0.35s 0.65s ease-in-out forwards;}
ul.tools > li:nth-of-type(12) {-webkit-animation:fadein 0.35s 0.7s ease-in-out forwards;-moz-animation:fadein 0.35s 0.7s ease-in-out forwards;-ms-animation:fadein 0.35s 0.7s ease-in-out forwards;-o-animation:fadein 0.35s 0.7s ease-in-out forwards;animation:fadein 0.35s 0.7s ease-in-out forwards;}
ul.tools > li:nth-of-type(13) {-webkit-animation:fadein 0.35s 0.75s ease-in-out forwards;-moz-animation:fadein 0.35s 0.75s ease-in-out forwards;-ms-animation:fadein 0.35s 0.75s ease-in-out forwards;-o-animation:fadein 0.35s 0.75s ease-in-out forwards;animation:fadein 0.35s 0.75s ease-in-out forwards;}
ul.tools > li:nth-of-type(n+13) {-webkit-animation:fadein 0.35s 0.8s ease-in-out forwards;-moz-animation:fadein 0.35s 0.8s ease-in-out forwards;-ms-animation:fadein 0.35s 0.8s ease-in-out forwards;-o-animation:fadein 0.35s 0.8s ease-in-out forwards;animation:fadein 0.35s 0.8s ease-in-out forwards;}

@media only screen and (min-width:1625px) {
ul.tools {display:grid;grid-template-columns:auto auto auto;grid-gap:10px;}    
ul.tools > li:nth-of-type(1) {-webkit-animation:fadein 0.35s 0.15s ease-in-out forwards;-moz-animation:fadein 0.35s 0.15s ease-in-out forwards;-ms-animation:fadein 0.35s 0.15s ease-in-out forwards;-o-animation:fadein 0.35s 0.15s ease-in-out forwards;animation:fadein 0.35s 0.15s ease-in-out forwards;}
ul.tools > li:nth-of-type(2) {-webkit-animation:fadein 0.35s 0.2s ease-in-out forwards;-moz-animation:fadein 0.35s 0.2s ease-in-out forwards;-ms-animation:fadein 0.35s 0.2s ease-in-out forwards;-o-animation:fadein 0.35s 0.2s ease-in-out forwards;animation:fadein 0.35s 0.2s ease-in-out forwards;}
ul.tools > li:nth-of-type(3) {-webkit-animation:fadein 0.35s 0.3s ease-in-out forwards;-moz-animation:fadein 0.35s 0.3s ease-in-out forwards;-ms-animation:fadein 0.35s 0.3s ease-in-out forwards;-o-animation:fadein 0.35s 0.3s ease-in-out forwards;animation:fadein 0.35s 0.3s ease-in-out forwards;}
ul.tools > li:nth-of-type(4) {-webkit-animation:fadein 0.35s 0.4s ease-in-out forwards;-moz-animation:fadein 0.35s 0.4s ease-in-out forwards;-ms-animation:fadein 0.35s 0.4s ease-in-out forwards;-o-animation:fadein 0.35s 0.4s ease-in-out forwards;animation:fadein 0.35s 0.4s ease-in-out forwards;}
ul.tools > li:nth-of-type(5) {-webkit-animation:fadein 0.35s 0.3s ease-in-out forwards;-moz-animation:fadein 0.35s 0.3s ease-in-out forwards;-ms-animation:fadein 0.35s 0.3s ease-in-out forwards;-o-animation:fadein 0.35s 0.3s ease-in-out forwards;animation:fadein 0.35s 0.3s ease-in-out forwards;}
ul.tools > li:nth-of-type(6) {-webkit-animation:fadein 0.35s 0.4s ease-in-out forwards;-moz-animation:fadein 0.35s 0.4s ease-in-out forwards;-ms-animation:fadein 0.35s 0.4s ease-in-out forwards;-o-animation:fadein 0.35s 0.4s ease-in-out forwards;animation:fadein 0.35s 0.4s ease-in-out forwards;}
ul.tools > li:nth-of-type(7) {-webkit-animation:fadein 0.35s 0.5s ease-in-out forwards;-moz-animation:fadein 0.35s 0.5s ease-in-out forwards;-ms-animation:fadein 0.35s 0.5s ease-in-out forwards;-o-animation:fadein 0.35s 0.5s ease-in-out forwards;animation:fadein 0.35s 0.5s ease-in-out forwards;}
ul.tools > li:nth-of-type(8) {-webkit-animation:fadein 0.35s 0.4s ease-in-out forwards;-moz-animation:fadein 0.35s 0.4s ease-in-out forwards;-ms-animation:fadein 0.35s 0.4s ease-in-out forwards;-o-animation:fadein 0.35s 0.4s ease-in-out forwards;animation:fadein 0.35s 0.4s ease-in-out forwards;}
ul.tools > li:nth-of-type(9) {-webkit-animation:fadein 0.35s 0.5s ease-in-out forwards;-moz-animation:fadein 0.35s 0.5s ease-in-out forwards;-ms-animation:fadein 0.35s 0.5s ease-in-out forwards;-o-animation:fadein 0.35s 0.5s ease-in-out forwards;animation:fadein 0.35s 0.5s ease-in-out forwards;}
ul.tools > li:nth-of-type(10) {-webkit-animation:fadein 0.35s 0.6s ease-in-out forwards;-moz-animation:fadein 0.35s 0.6s ease-in-out forwards;-ms-animation:fadein 0.35s 0.6s ease-in-out forwards;-o-animation:fadein 0.35s 0.6s ease-in-out forwards;animation:fadein 0.35s 0.6s ease-in-out forwards;}
ul.tools > li:nth-of-type(11) {-webkit-animation:fadein 0.35s 0.5s ease-in-out forwards;-moz-animation:fadein 0.35s 0.5s ease-in-out forwards;-ms-animation:fadein 0.35s 0.5s ease-in-out forwards;-o-animation:fadein 0.35s 0.5s ease-in-out forwards;animation:fadein 0.35s 0.5s ease-in-out forwards;}
ul.tools > li:nth-of-type(12) {-webkit-animation:fadein 0.35s 0.6s ease-in-out forwards;-moz-animation:fadein 0.35s 0.6s ease-in-out forwards;-ms-animation:fadein 0.35s 0.6s ease-in-out forwards;-o-animation:fadein 0.35s 0.6s ease-in-out forwards;animation:fadein 0.35s 0.6s ease-in-out forwards;}
ul.tools > li:nth-of-type(13) {-webkit-animation:fadein 0.35s 0.7s ease-in-out forwards;-moz-animation:fadein 0.35s 0.7s ease-in-out forwards;-ms-animation:fadein 0.35s 0.7s ease-in-out forwards;-o-animation:fadein 0.35s 0.7s ease-in-out forwards;animation:fadein 0.35s 0.7s ease-in-out forwards;}
ul.tools > li:nth-of-type(n+13) {-webkit-animation:fadein 0.35s 0.8s ease-in-out forwards;-moz-animation:fadein 0.35s 0.8s ease-in-out forwards;-ms-animation:fadein 0.35s 0.8s ease-in-out forwards;-o-animation:fadein 0.35s 0.8s ease-in-out forwards;animation:fadein 0.35s 0.8s ease-in-out forwards;}
}


@keyframes brandLoaded {
    from {transform:translate(0,4px);}
    to   {transform:translate(0,0);}}

@keyframes brandLoading {
    from {transform:translate(0,0);}
    to   {transform:translate(0,-4px);}}

ul.brands {position:relative;display:inline-grid;grid-template-columns:auto auto auto auto auto auto;grid-gap:5px 30px;width:800px;max-width:calc(100% - 40px);margin:0 auto;padding:10px 0;list-style-type:none;}
ul.brands li {opacity:0.5;transform:translate(0,0);place-self:center;transition:opacity .25s ease-in-out, transform .25s ease-in-out;}
ul.brands li.loaded {opacity:0.5;transform:translate(0,4px);animation:brandLoaded 0.25s 0s ease-in-out forwards;}
ul.brands li.loading {opacity:0;transform:translate(0,-4px);animation:brandLoading 0.25s 0s ease-in-out forwards;}
ul.brands li img {height:50px;max-height:50px;vertical-align:middle;}

@media only screen and (max-width:1000px) {
    section.preview {width:100%;max-width:calc(100% - 10px);padding:0;}
    ul.tools {text-align:center;margin:0;}
    ul.tools.grid {grid-template-columns:auto auto;}
    ul.tools.features li {padding:10px 30px 20px;width:100%;margin:0 auto 20px;}
    body section.preview.inPage {padding-bottom:0;}
    body section.stickyPreview {padding-bottom:0;}
    section.stickyPreview:after {display:none;}
    body section.sort {padding:0 20px;}
}

/* 2020 Style Resets */
/*body nav.navigation > ul.nav-items > li.logo {display:none;}*/
body {overflow-x:hidden;}
body nav.navigation {position:sticky;top:0;background:rgba(250,250,255,0);transition:background .1s ease-in;/*-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);*/}
body nav.navigation > ul.nav-items {max-width:1800px;padding:0 50px 0 50px;border-bottom:1px solid rgba(70,75,106,0);transition:border-color .1s ease-in;}
body nav.navigation > ul.nav-items:after {content:'';position:relative;display:block;width:100%;height:0;clear:both;}
body > .trigger {position:sticky;display:block;top:-1px;width:100%;height:0;}

@media only screen and (min-width:1024px) {
    body > .trigger.stuck + nav.navigation {background:rgba(250,250,255,0.97);}
    body > .trigger.stuck + nav.navigation > ul.nav-items {border-bottom:1px solid rgba(70,75,106,0.08);}
    body > .trigger.stuck + nav.navigation.change-color > div {border-bottom:1px solid rgba(70,75,106,0);}
    body > .trigger + nav.navigation:before, body > .trigger + nav.navigation:after {content:'';position:absolute;display:block;bottom:-1px;width:75px;height:1px;z-index:2;opacity:1;transform:scaleX(0);transition:transform .1s ease-in, opacity .5s ease-in;}
    body > .trigger + nav.navigation:before {left:0;transform-origin:top left;background:linear-gradient(90deg, rgba(250,250,255,1) 0%, rgba(250,250,255,0) 100%);}
    body > .trigger + nav.navigation:after {right:0;transform-origin:top right;background:linear-gradient(90deg, rgba(250,250,255,0) 0%, rgba(250,250,255,1) 100%);}
    body > .trigger.stuck + nav.navigation:before {transform:scaleX(1);}
    body > .trigger.stuck + nav.navigation:after {transform:scaleX(1);}
    body > .trigger.stuck.change-color + nav.navigation:before, body > .trigger.stuck.change-color + nav.navigation:after {opacity:0;transition:transform .1s ease-in, opacity .1s ease-in;}  
}
@media only screen and (max-width:1024px) {
    nav.navigation {position:sticky;top:0;}
}
body .dropdown:hover > ul.dropdown li:nth-of-type(1) {border-top-left-radius:5px;border-top-right-radius:5px;}
body .dropdown:hover > ul.dropdown li:last-of-type {border-bottom-left-radius:5px;border-bottom-right-radius:5px;}

body section {max-width:1200px;}
body section.stickyPreview {max-width:1800px;}
body img.mono {filter:invert(28%) sepia(7%) saturate(2257%) hue-rotate(195deg) brightness(99%) contrast(93%);}

body section.heroProduct h1 {padding-top:50px;}
body section.heroProduct ul.tools {padding-top:50px;}

body > header {background:none;max-width:1800px;min-height:calc(100vh - 220px);margin:0 auto 0;padding:0 50px;overflow:visible;border:0;z-index:20;/*transition:padding .55s ease-in-out;*/}
body.product > header {min-height:calc(80vh - 220px);}
body > header:after {display:none;}
/*body > header:before {content:'';position:absolute;display:block;top:100%;left:0;width:100%;height:30px;background:linear-gradient(0deg, rgba(250,250,255,0) 0%,rgba(250,250,255,1) 100%);}*/
body > header .call-to-action.home {transform-origin:top left;/*max-width:750px;transition:margin .333333333333333s ease-in-out, opacity .333333333333333s ease-in-out, transform .333333333333333s ease-in-out;*//*animation:animateFadeOut .5s linear;*/}
body > header .call-to-action.home * {-webkit-animation:none!important;animation:none!important;opacity:1;}
body > header .call-to-action.home h2 {margin:50px 0 0;}
body > header .call-to-action.home h1 img.logo {position:relative;display:inline-block;vertical-align:middle;top:initial;left:initial;max-width:2em;height:auto;}
body > header .call-to-action.home h5 img, body > header .call-to-action.home .subtitle img {max-height:30px;}
body > header ul.select.home {display:block;clear:both;}
body > header ul.select.home li {width:initial;float:left;margin:20px 20px 0 0;padding:20px;font-size:24px;font-weight:600;box-shadow:3px 3px 8px rgba(70,75,106,0.15), 8px 8px 5px rgba(70,75,106,0);}
body > header ul.select.home li:hover {box-shadow:2px 2px 18px rgba(70,75,106,0.25), 9px 9px 8px rgba(70,75,106,0.05);}
body > header ul.select.home li h1, body > header ul.select.home li h2 {font-size:24px;font-weight:600;}
body > header ul.select.home li.noStyle span {font-size:18px;}
body > header ul.select li .icon-right-open-big {top:50%;right:5px;width:calc(20px + 1em - 5px);height:calc(40px + 1em - 5px);font-size:24px;transform:translate(0,-50%);text-align:center;display:none;}
body > header ul.select li:hover .icon-right-open-big {right:0;}
body ul.select {text-align:center;}
body ul.select li {width:initial;float:none;font-size:24px;font-weight:600;}
body ul.select li.noStyle {background:none!important;box-shadow:none!important;}
body ul.select li.noStyle:hover {transform:none;box-shadow:none;}
body ul.select li.noStyle span {position:relative;margin:0;color:rgba(70,75,106,0.85);font-size:18px;font-weight:500;text-shadow:none;z-index:1;transition:all .2s ease-in-out;}
body ul.select li.noStyle:hover span {color:rgba(70,75,106,1);}
body ul.select li.noStyle span i {position:relative;opacity:1;margin:0;transition:all .2s ease-in-out;}
body ul.select li.noStyle:hover span i {margin-left:5px;}
body #featuredBrands {position:absolute;bottom:0px;left:50%;width:100%;max-width:1200px;padding:0;text-align:left;transform:translate(-50%,0) translate3d(0, 0, 0);text-align:center;z-index:4;/*transition:margin .55s ease-in-out, opacity .55s ease-in-out;*//*animation:animateFadeOut .5s linear;*/}
body > header #madeFor {position:absolute;bottom:0px;right:50%;width:50%;max-width:800px;padding:0 0 0 50px;text-align:left;transform:translate3d(0, 0, 0);/*transition:margin .55s ease-in-out, opacity .55s ease-in-out;*//*animation:animateFadeOut .5s linear;*/}
body #featuredBrands p {padding:0 10px 10px;font-size:0.85em;}

body.product > header {min-height:0;}
body.product > header .call-to-action.home {top:initial;right:initial;margin:0 auto;float:none;position:relative;padding:100px 0 50px;transform:none;text-align:center;}
body.product > header ul.select.home {margin:50px 0;text-align:center;}
body.product > header ul.select.home li {float:none;text-align:left;}
body.product #featuredBrands {position:relative;bottom:initial;left:initial;margin:0 auto;transform:none;}

body.product.free > header section.call-to-action.home h4 {margin:0 auto;padding:40px 0 0 0;color:rgba(70,75,106,0.65);text-align:left;max-width:500px;}
body.product.free > header section.call-to-action.home h4 em.winnerCount {padding:.25em .25em;font-size:0.75em;border-radius:5px;font-weight:700;background:rgba(70,75,106,0.05);border:1px solid rgba(70,75,106,0.15);color:rgba(70,75,106,0.85);}
body.product.free > header section.call-to-action.home h4 img {float:left;margin:-.5em 1em 1em 0;}
body.product.free > header section.freeProductSubmit, body.product.free > header section.freeProductResults {margin:0 auto 50px;padding:40px 50px;background:rgba(255,255,255,1);border-radius:20px;box-shadow:2px 2px 18px rgb(70 75 106 / 3%), 9px 9px 8px rgb(70 75 106 / 3%);text-align:left;}
body.product.free > header section.freeProductSubmit ul.select {max-width:100%;}
body.product.free > header section.freeProductSubmit > div div {margin:0;}
body.product.free > header section.freeProductSubmit > div:nth-of-type(2) {padding:75px 0 0 25px;}
body.product.free > header section.freeProductSubmit h3 {font-size:1.5em;font-weight:500;line-height:1.35em;}
body.product.free > header section.freeProductSubmit h1.submitted {font-size:1.5em;font-weight:700;}
body.product.free > header section.freeProductResults {padding:20px 50px 50px;}
body.product.free > header section.freeProductResults h1 {font-size:1.5em;font-weight:700;}
body.product.free > header section.freeProductResults .blur {filter:blur(4px);opacity:0.5;}
body.product.free > header section.freeProductResults .functions {font-size:0.75em;font-weight:700;color:rgba(70,75,106,0.6);}
body.product.free > header section.freeProductResults .functions .login {float:right;color:rgba(70,75,106,1);}
body.product.free > header section.freeProductResults .functions .login a {text-decoration:none;}
body.product.free > header section.freeProductResults .functions .login a:hover {text-decoration:underline;}
body.product.free > header section.freeProductResults table {width:100%;border-radius:5px;border:1px solid rgba(70,75,106,0.15);border-collapse:collapse;table-layout:fixed;background:#FDFDFF;}
body.product.free > header section.freeProductResults table tbody tr:first-child {background:#F8F8FC;border-bottom:1px solid rgba(70,75,106,0.06);}
body.product.free > header section.freeProductResults table tbody tr:first-child td {padding:10px;font-size:15px;line-height:19px;}
body.product.free > header section.freeProductResults table tbody tr {border-bottom:1px solid rgba(70,75,106,0.06);}
body.product.free > header section.freeProductResults table tbody td {padding:10px;border-right:1px solid rgba(70,75,106,0.06);font-size:13px;}
body.product.free > header section.freeProductResults table tbody td:last-child {border-right:1px solid rgba(70,75,106,0.15);}
body.product.free > header section.freeProductResults table tbody tr:last-child {border-bottom:1px solid rgba(70,75,106,0.15);}
body.product.free > header section.freeProductResults + .faq {display:none;}
body.product.free > header ul.select.home {text-align:left;}
body.product.free > header ul.select.home {}
body.product.free > header ul.select li.start:after {content:'Always 100% free.';}
@media only screen and (max-width:1024px) {
    body.product.free > header section.freeProductSubmit {padding:20px 30px;}
    body.product.free > header section.freeProductSubmit > div:nth-of-type(2) {padding:0;}
    body.product.free > header ul.select {padding:0;margin:50px 0 0;}
    body.product.free > header section.freeProductSubmit h3 {text-align:center;}
    body.product.free > header section.freeProductResults {padding:20px;}
    body.product.free > header section.call-to-action.home h4 {font-size:1.15em;max-width:300px;}
    body.product.free > header section.call-to-action.home h4 img {max-width:60px;}
    body.product.free > header section.freeProductResults .functions .login a {display:block;width:100%;text-align:center;}
}

body:not(.productIndex) ul.tools > li.showGiveaway {display:none;}
body.productIndex ul.tools > li.showGiveaway {display:inherit;}

body ul.select.inPage {margin:0 0 20px 0;padding:0;}
body ul.select.inPage li {width:initial;float:left;margin:0 20px 0 0;padding:20px;font-size:24px;font-weight:600;line-height:calc(1em - 5px);box-shadow:3px 3px 8px rgba(70,75,106,0.15), 8px 8px 5px rgba(70,75,106,0);}
body ul.select.inPage li:hover {box-shadow:2px 2px 18px rgba(70,75,106,0.25), 9px 9px 8px rgba(70,75,106,0.05);}
body ul.select.inPage li h1, body ul.select.inPage li h2 {font-size:24px;font-weight:600;line-height:calc(1em - 5px);}
body ul.select li .icon-right-open-big {top:50%;right:5px;width:calc(20px + 1em - 5px);height:calc(40px + 1em - 5px);font-size:24px;transform:translate(0,-50%);text-align:center;display:none;}
body ul.select li:hover .icon-right-open-big {right:0;}

body ul.tools > li h2 {font-size:1.25em;font-weight:600;margin:0 0 5px;}

body section.products div.hover {background:transparent;box-shadow:none;}
body section.products div:after {height:calc(100% + 1px);background:rgba(250,250,255,1);border-bottom-left-radius:5px;border-top-left-radius:5px;border-right:1px solid rgba(70,75,106,0.1);}
body section.products div.hover-left:after {border-right:0;border-left:1px solid rgba(70,75,106,0.1);border-radius:0;border-bottom-right-radius:5px;border-top-right-radius:5px;}
body section.products div:before {background:transparent;}
body section.products div.hover a.cover {z-index:3;}
body section.products div span.description:after {background:rgba(255,255,255,1);}
body section.products div.hover span.description:after {background:rgba(255,255,255,1);border-radius:5px;z-index:-1;}
body section.products div.hover span.description:before {}
body section.products div span.description h4 {padding:35px 30px 20px 40px;color:rgba(70,75,106,0.6);font-weight:500;}
body section.products div span.description h4 strong {color:rgba(70,75,106,1);font-weight:600;}

body > header section.preview {position:relative;transform:translate3d(0, 0, 0);/*transition:width .55s ease-in-out, padding .55s ease-in-out;*//*animation:animatePreview 1s linear;*/}
body > header section.preview iframe {height:calc(100vh - 120px);/*transition:height .55s ease-in-out;*//*animation:animateIframe 1s linear;*/}
body > header section.preview ul {}
body > header section.headerProducts {position:relative;height:calc(100vh - 220px);}
body.product > header section.headerProducts {height:calc(80vh - 220px);}
body section.preview .demo {position:absolute;top:calc(50px - 1.25rem);right:60px;margin:0;padding:0px 15px 0 0;color:rgba(233,78,78,1);color:rgba(70,75,106,1);font-weight:900;font-size:0.8rem;line-height:.9rem;text-transform:uppercase;letter-spacing:2.5px;z-index:2;}
body section.preview .demo:after {content:'';position:absolute;top:.4rem;right:0;width:.5rem;height:.5rem;transform:translate(0,-50%);border-radius:50%;background:#e94e4e;animation:demo 3.5s .5s infinite forwards cubic-bezier(0.065, 0.385, 0.750, 0.750);opacity:0;}
body section.preview .demo i {font-size:1.5em;position:relative;vertical-align:middle;}
body section.preview .demo .scrollTrigger {position:absolute;display:block;top:-80px;width:0;height:0;opacity:0;}

body section.preview.inPage {position:relative;transform:translate3d(0, 0, 0);width:100%;max-width:1800px;padding:50px 50px 0 325px;margin-bottom:100px;}
body section.preview.inPage div:nth-of-type(1) {width:100%;padding:0;}
body section.preview.inPage span.features {display:none;}

@media only screen and (min-width:1024px) {
    body section.preview.inPage span.previewToggle {top:50px;left:50px;height:100%;}
    /*body section.preview.inPage span.previewToggle:before {content:"";position:absolute;background-color:transparent;top:0px;right:-25px;height:50px;width:25px;border-top-left-radius:25px;box-shadow:0 -25px 0 0 rgba(250,250,255,1);}
    body section.preview.inPage span.previewToggle:after {content:"";position:absolute;background-color:transparent;bottom:0px;right:-25px;height:50px;width:25px;border-bottom-left-radius:25px;box-shadow:0 25px 0 0 rgba(250,250,255,1);}*/
    body section.preview.inPage span.previewToggle input ~ label:before {top:50px;left:50px;width:0;height:0;display:none;}
    body section.preview.inPage span.previewToggle input:checked ~ label:before {top:50px;left:50px;width:calc(100% - 100px);height:calc(100% - 50px);display:none;}
    body section.preview.inPage span.previewToggle ul {overflow:visible;height:100%;padding:10px;}
    body section.preview.inPage span.previewToggle li {opacity:1;/*background:rgba(250,250,255,1);*/margin:0 0 5px 0;}
    body section.preview.inPage span.previewToggle li.selected, body section.preview.inPage span.previewToggle li.show {position:relative;top:initial;left:initial;width:calc(100% + 20px);max-width:none;background:rgba(255,255,255,1);}
    body section.preview.inPage span.previewToggle li.headline.selected {background:none;}
    body section.preview.inPage span.previewToggle li.selected .promotionType:before {}
    span.previewToggle input {display:none;}
    span.previewToggle input + label, span.previewToggle input:checked ~ label {display:none;}
}
body .stickContainer + section {margin-top:100px;}

body ul.featureSet {display:inline-grid;grid-template-columns:auto auto auto auto;grid-gap:5px 20px;width:100%;list-style-type:none;margin:0;padding:0;font-size:0;}
body ul.featureSet li {position:relative;display:inline-block;padding:5px 10px 15px;float:left;line-height:1.5em;font-size:0.85rem;font-weight:500;}
body ul.featureSet li:nth-of-type(6n) {transform:rotate(1deg);}
body.integrations ul.featureSet li.more, body.integrations ul.featureSet li.more {display:none;}
body ul.featureSet li a, body ul.featureSet li span {position:relative;display:inline-block;text-decoration:none;z-index:1;white-space:nowrap;}
body ul.featureSet li a:hover, body ul.featureSet li span.helpText:hover, body ul.featureSet li span.gist_help:hover {color:rgba(70,75,106,1);}
body ul.featureSet li a:before, body ul.featureSet li span.helpText:before, body ul.featureSet li span.gist_help:before {content:'';position:absolute;display:inline-block;top:-11px;left:-11px;width:calc(100% + 25px);height:calc(100% + 20px);border-radius:50px;background:transparent;border:1px solid rgba(70,75,106,0);z-index:-1;box-shadow:0 0 0 0 rgba(70,75,106,0);transition:background .15s ease-in-out, width .15s ease-in-out, border .15s ease-in-out, box-shadow .15s ease-in-out;}
body ul.featureSet li a:hover:before, body ul.featureSet li span.helpText:hover:before, body ul.featureSet li span.gist_help:hover:before {width:calc(100% + 40px);background:rgba(70,75,106,0.03);border:1px solid rgba(70,75,106,0.08);border:1px solid rgba(70,75,106,0.1);box-shadow:0 0 8px rgba(70,75,106,0.08);background:rgba(255,255,255,1);}
body ul.featureSet li a:after, body ul.featureSet li span.helpText:after, body ul.featureSet li span.gist_help:after {content:'\e838';position:absolute;display:inline-block;top:50%;right:-10px;font-family:'vsfont',serif;transform:translate(0,-50%);opacity:0;transition:opacity .15s 0s ease-in-out, right .15s 0s ease-in-out;}
body ul.featureSet li a:hover:after, body ul.featureSet li span:hover:after {opacity:0.5;right:-15px;transition:opacity .25s .1s ease-in-out, right .25s .1s ease-in-out;}
body ul.featureDescription {display:inline-grid;grid-template-columns:auto auto auto auto;grid-gap:5px 20px;list-style-type:none;margin:0;padding:0;font-size:0;max-width:100%;}
body ul.featureDescription li {display:inline-block;padding:1em 10px 3em;float:left;line-height:1.5em;font-size:1rem;}
body ul.featureDescription li.sticky {padding:1em 10px 3em 0;z-index:2;}
body ul.featureDescription li.sticky:after {content:'';position:absolute;top:-20px;left:-20px;width:calc(100% + 20px);height:calc(100% + 20px);background:linear-gradient(0deg, rgba(250,250,255,0) 0%,rgba(250,250,255,1) 2.5em);z-index:-1;}
body section[class*="three"] ul.featureDescription {grid-template-columns:auto auto auto;}
body ul.featureDescription li h3 {font-size:1.25em;font-weight:600px;}
body ul.featureDescription p {font-size:0.85em;padding-right:15%;}
body ul.featureDescription li.title {padding:1em 0 3em;grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:3;}
body ul.featureDescription li.title p {font-size:1.15em;font-weight:500;max-width:500px;}
body ul.featureDescription li.spotlight p {font-size:1.15em;font-weight:500;max-width:500px;}

body ul.featureDescription img.svg, body ul.featureSet img.svg {position:relative;display:inline-block;opacity:1;width:1.2em;height:1.2em;margin:-.2em .3em 0 0;/*object-fit:contain;*/object-position:center center;vertical-align:middle;transform:scale(1);transition:opacity .15s ease-in-out;}
body ul.featureDescription li a:hover img.svg, body ul.featureSet li a:hover img.svg, body ul.featureDescription li span.helpText:hover img.svg, body ul.featureSet li span.helpText:hover img.svg {opacity:1;}

body ul.featureDescription.box {grid-gap:20px;}
body ul.featureDescription.box > li:not(.sticky) {padding:1em 20px 2em;background:rgba(255,255,255,1);border:1px solid rgba(70,75,106,.15);box-shadow:3px 3px 0 rgba(70,75,106,0.03);border-radius:5px;}
body ul.featureDescription.box > li:not(.sticky) h3 i {position:relative;display:block;opacity:0.35!important;padding:0 0 10px 0;top:initial;left:initial;}
body ul.featureDescription.box > li:not(.sticky) h3 i:before {margin:0;}
body ul.featureDescription.box > li.sticky:after {width:calc(100% + 23px);}

body ul.featureDescription.two, body ul.featureSet.two {grid-template-columns:auto auto;}
body ul.featureDescription.three, body ul.featureSet.three {grid-template-columns:auto auto auto;}

body ul.featureDescription > li.big, body ul.featureSet > li.big {grid-column:span 2;grid-row:span 2;padding:1em 50px 2em;font-size:2rem;}
body ul.featureDescription > li.big.right, body ul.featureSet > li.big.right {grid-column:3 / span 2;grid-row:span 2;}
body ul.featureDescription > li.big.left, body ul.featureSet > li.big.left {grid-column:1 / span 2;grid-row:span 2;}
body ul.featureDescription.box > li.big, body ul.featureSet.box > li.big {grid-column:span 2;grid-row:span 2;padding:1em 50px 2em;font-size:2rem;}
body ul.featureDescription.box > li.big.right, body ul.featureSet.box > li.big.right {grid-column:3 / span 2;grid-row:span 2;}
body ul.featureDescription.box > li.big.left, body ul.featureSet.box > li.big.left {grid-column:1 / span 2;grid-row:span 2;}

body ul.availableOn {list-style-type:none;margin:0;padding:.25em 0;font-size:12px;}
body ul.availableOn li {position:relative;display:block;min-height:1.5em;margin:0 0 .25em;padding:0 0 0 20px;line-height:1.5em;vertical-align:middle;}
body ul.availableOn.inline li {float:none;display:inline-block;margin:0;}
body ul.availableOn li:before {content:'';position:absolute;display:inline-block;top:50%;left:0;width:6px;height:6px;margin:0;vertical-align:middle;background:red;border-radius:50%;transform:translate(0,-50%);border:1px solid rgba(70,75,106,0.1);}
body ul.availableOn li.caveat {padding:0;}
body ul.availableOn li.caveat:before {display:none;}
body ul.availableOn li.starter:before {background:rgba(200,232,78,1);}
body ul.availableOn li.business:before {background:rgba(246,158,28,1);}
body ul.availableOn li.premium:before {background:rgba(70,75,106,1);}

/*body > header.focus {padding:0 20px;}
body > header.focus .call-to-action.home {opacity:0;transform:translate(-25px,calc(-50% - 35px)) scale(0.95) translate3d(0, 0, 0);}
body > header.focus #madeFor {opacity:0;}
body > header.focus section.preview {width:calc(100% - 300px);padding:20px 0 0 0;}
body > header.focus section.preview iframe {height:calc(100vh - 20px);}
*/
body .embellish {display:none!important;}

/* 2020 New Styles */
body section div h1, body section div h2, body section div h3, body section div h4 {font-size:2em;font-weight:700;line-height:1.15em;}
body section span h1, body section span h2, body section span h3, body section span h4 {font-size:2em;font-weight:700;line-height:1.15em;}
body section div h1 i, body section div h1 i.fade {opacity:0!important;position:absolute;font-size:1.5em;top:-.35em;left:-.65em;}
body section div h2 i, body section div h2 i.fade {opacity:0!important;position:absolute;font-size:1.5em;top:-.35em;left:-.65em;}
body section div h3 i, body section div h3 i.fade {opacity:0!important;position:absolute;font-size:1.5em;top:-.35em;left:-.65em;}
body section div h4 i, body section div h4 i.fade {opacity:0!important;position:absolute;font-size:1.5em;top:-.35em;left:-.65em;}
body section div h3 {font-size:1.25em;font-weight:600;}
body section div h3 i, body section div h3 i.fade {opacity:0.12!important;position:absolute;font-size:1.5em;top:-.25em;left:-.85em;display:none;}
body .helpText {text-decoration:none;font-weight:600;font-size:0.85em;transition:color .2s ease-in-out;}
body .helpText:hover {color:rgba(70,75,106,0.75);}
body .helpText i, body .gist_help i {transition:margin .15s ease-in-out;}
body .helpText:hover i, body .gist_help:hover i {margin-left:3px;}

body section.header h1 {font-size:3em;font-weight:700;}

body ul.case-studies > li {min-height:235px;}
body ul.case-studies > li > h3 {font-size:1.15em;line-height:1.5em;font-weight:500!important;}
body ul.case-studies > li > h4 {font-size:0.85em;font-weight:700;}

/* Temporary */
section.case-study > div > h1 {font-size:2em;font-weight:700;line-height:1.15em;}
section.case-study > div > h1 i {display:none;}
body section.join {padding:5em 0 3em;border-bottom:1px solid rgba(70,75,106,0.1);}
body section.join.affiliate {padding:0;border-bottom:0;}
body section.join.affiliate + header section.call-to-action.home {padding-top:0;}
body section.join ul.select {padding-top:30px;}
body section.join ul.select li.brand h2 {font-size:24px;font-weight:600;}
body section.join ul.select li.brand:hover {box-shadow:2px 2px 18px rgb(70 75 106 / 25%), 9px 9px 8px rgb(70 75 106 / 5%);}
body section.join ul.select li.noStyle span i, body.product ul.select li.noStyle span i {position:absolute;left:100%;top:50%;transform:translate(0,-50%);font-size:18px;opacity:1!important;}
body section.join ul.select li.noStyle:hover span i, body.product ul.select li.noStyle:hover span i {right:calc(100% + 5px);}
body section.join > div h4 {font-size:1.25em;font-weight:500;}
body section.join > div h5 {font-size:1.25em;font-weight:500;}
body section.join > div h6 {font-size:3em;font-weight:700;}

@media only screen and (max-width:1600px) {
    ul.tools > li {width:50%;}
}

@media only screen and (max-width:1200px) {
    body > header {min-height:0;}
    section.headerProducts > div {max-height:none;}
    section.headerProducts ul, body.product section.headerProducts ul {position:relative;top:initial;transform:none;padding-bottom:0;}
    body > header section.preview iframe {height:calc(100vh - 20px);}
    body > header section.headerProducts {height:inherit;}
    body > header .call-to-action h1, body > header .call-to-action.home h1 {padding:0 40px;text-align:center;font-size:3em;}
    body > header .call-to-action h2, body > header .call-to-action.home h2 {padding:0 40px;text-align:center;font-size:3em;}
    body > header .call-to-action h1 img.logo,body > header .call-to-action h2 img.logo {display:block;position:relative;top:auto;left:auto;width:100%;max-width:100px;height:auto;margin:0 auto 20px;}
    body > header .call-to-action h5, body > header .call-to-action.home h5 {padding:0 40px;text-align:center;}
    body > header .call-to-action h3, body > header .call-to-action.home h3 {padding:0 40px;text-align:center;}
    body > header .call-to-action.home h2 {max-width:none;margin:50px 0 auto;font-size:1.75em;}
    body > header ul.select.home {text-align:center;}
    body > header ul.select.home li {display:table;margin:0 auto 20px;float:none;clear:both;}
    body > header ul.select.home li:last-child {margin-bottom:10px;}
    body #featuredBrands {position:relative;bottom:initial;left:initial;transform:none;clear:both;}
    body section.preview.inPage {padding:50px 20px 0 200px;}
    body section.preview.inPage span.previewToggle ul h1 {font-size:1.5em;}
    body section.preview.inPage span.previewToggle li .promotionType {font-size:1em;}
    body section.preview.inPage span.previewToggle {left:0;width:200px;}
    body section.preview.inPage span.previewToggle li.feature {width:100%;margin:0;}
    body section.preview.inPage span.previewToggle li.feature.selected {width:calc(100% + 20px);}
    body section.preview.inPage span.previewToggle li.coreProduct + span.group li {margin:0;padding-right:0;}
    body section.preview .demo {right:30px;}
    ul.tools {text-align:center;}
    ul.tools > li {display:inline-block;width:100%;margin:0 auto 20px;float:none;text-align:left;}
    ul.tools > li:last-child {margin:0 auto 0;}
    ul.tools > li h4 {margin-bottom:10px;}
    body section.join ul.select li.noStyle span i, body.product ul.select li.noStyle span i {left:initial;}
    body section.join ul.select li.noStyle:hover span i, body.product ul.select li.noStyle:hover span i {left:initial;right:initial;}
}
@media only screen and (max-width:1200px) and (min-width:1024px) {
    body section.preview.inPage span.previewToggle li .promotionType, body section.preview.inPage span.previewToggle li .promotionExample {max-width:100%;padding-left:0;}
    body section.preview.inPage span.previewToggle li.selected .promotionType, body section.preview.inPage span.previewToggle li.selected .promotionExample {padding-left:0;}
    body section.preview.inPage span.previewToggle li img, body section.preview.inPage span.previewToggle li i {display:none;}
    body section.preview.inPage span.previewToggle {left:0;width:200px;max-height:calc(100% - 50px);overflow:hidden;overflow-y:auto;}
}

@media only screen and (max-width:1024px) {
    body ul.case-studies > li > h3 {font-size:1em;}
    body section.preview.inPage {padding:0 20px;}
    body section.preview.inPage span.previewToggle {left:20px;top:0;width:100%;max-width:calc(100% - 40px);}
    span.previewToggle input ~ label:before {top:0;left:20px;}
    span.previewToggle input:checked ~ label:before {width:calc(100% - 40px);}
    section.preview span.container > div {margin:0;}
    body section.preview.inPage > div:nth-of-type(1) {padding:72px 0 0 0;}
    body section.preview .demo {display:none;}
    body section.preview.inPage span.previewToggle li .promotionExample {margin:-20px 0 0 0;padding:0 0 0 20px;font-size:.7rem;}
    body section.preview.inPage span.previewToggle li.feature {width:100%;max-width:100%;margin:0;padding:0 20px;}
    body section.preview.inPage span.previewToggle li.feature .promotionExample {padding:10px 0 10px 50px;}
    body section.preview.inPage span.previewToggle li.selected img {display:inline-block;}
    body section.preview.inPage span.previewToggle li.selected .promotionType {width:initial;float:left;display:inline-block;}
    body section.preview.inPage span.previewToggle li.selected .promotionExample, body section.preview.inPage span.previewToggle li.feature.selected .promotionExample {width:initial;float:left;display:inline-block;margin:0;padding:15px 0 10px 10px;line-height:30px;}
    body section.preview.inPage span.previewToggle li.feature.selected {width:100%;max-width:calc(100% - 10px);}
    body section.preview.inPage span.previewToggle ul.singleProduct li:not(.selected) {width:100%;max-width:100%;margin:0;padding:0 20px;}
    body section.preview.inPage span.previewToggle ul.singleProduct li:not(.selected) img {display:none;}
    body section.preview.inPage span.previewToggle ul.singleProduct li:not(.selected) .promotionExmaple {max-width:100%;padding:10px 0 10px 60px;margin:0;}
    body section.preview.inPage span.previewToggle ul.singleProduct li:not(.selected) .promotionType {display:none;}
    body section.preview.inPage span.previewToggle li.coreProduct + span.group li {margin:0;}
    body section.preview.inPage span.previewToggle li .promotionExample span {display:inline-block;}
    body section.preview.inPage span.previewToggle li .promotionExample span + span:before {content:'and ';}
    section.examples span.previewToggle input:checked ~ ul.examplesPage {padding:5px;}
    section.examples span.previewToggle input:checked ~ ul.examplesPage li.feature.selected .promotionExample {padding:10px 0 10px 50px;line-height:1.25em;}
    section.examples span.previewToggle input:checked ~ ul.examplesPage li.feature.selected img, section.examples span.previewToggle input:checked ~ ul.examplesPage li.feature.selected > i, section.examples span.previewToggle input:checked ~ ul.examplesPage li.feature.selected > .promotionType {display:none;}
    section.examples span.previewToggle input:checked ~ ul.examplesPage li.selected {position:relative;top:initial;left:initial;max-width:100%;}
    section.examples span.previewToggle input:checked ~ ul.examplesPage li.coreProduct.selected:after {display:none;}
    section.examples span.previewToggle input:checked ~ ul.examplesPage li.feature.selected:after {content:'\e86c';font-size:10px;}
    body section.preview.inPage.examples span.previewToggle li.feature.selected > i {display:inline-block;}
    body section.preview.inPage.examples span.previewToggle li .promotionType {float:left;}
    /*body section.preview.inPage span.previewToggle li.coreProduct + span.group:has(li.selected) {max-height:400px;}*/
    body section.preview.inPage span.previewToggle li.coreProduct + span.group:has(li.selected) li {opacity:1;transform:translate(0,0);transition:transform .15s ease-in-out, background .15s ease-in-out, box-shadow .15s ease-in-out, opacity .25s ease-in-out, width .25s ease-in-out, height .25s ease-in-out;}
}

@media only screen and (max-width:1400px) {
    body section {padding:0 20px 50px;}
    body > header section.preview {padding:0;}
    body nav.navigation > ul.nav-items {padding:0 20px;}
    body section.join {padding:0 20px 50px;}
}
@media only screen and (max-width:1024px) {
    body nav.navigation {background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;}
    body nav.navigation > ul.nav-items {padding:0;transform:translate(0,0);opacity:0;transition:visibility 0s .2s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out, transform .2s ease-in-out;}
    body nav.navigation.open {position:fixed;width:100%;height:100%;}
    body nav.navigation.open > ul.nav-items {transform:translate(0,0);opacity:1;padding:50px 0 0;transition:visibility 0s 0s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out, transform .2s ease-in-out}
    .sticky {position:relative;top:inherit;}
    body section.tryDemo {padding:30px 20px 0;}
    body section.tryDemo h1 {padding:20px 0;}
    body section.tryDemo > div {margin:0 0 10px 0;}
    body ul.featureDescription.three, body ul.featureSet.three {grid-template-columns:auto auto;}
    body ul.featureDescription {grid-template-columns:auto auto;}
    body section.preview.inPage {min-height:1030px;}
    span.previewToggle li.selected a.cover {display:block;z-index:6;}
}
@media only screen and (min-width:1200px) {
    body > header .call-to-action.home {display:block;width:45%;float:left;}
    body > header .call-to-action.home {position:absolute;right:55%;top:40vh;padding:0 75px 0 50px;max-width:800px;transform:translateX(0) translateY(-50%) translate3d(0, 0, 0) scale(1);}
    body.product > header .call-to-action.home {}
    body > header #madeFor {}
    body > header section.preview {top:0;float:right;width:50%;padding:0;}
    body > header section.headerProducts {top:0;float:right;width:55%;padding:0;}
}
@media only screen and (min-width:768px) {
    /*nav.navigation.change-color {color:inherit;}
    nav.navigation.change-color li.logo img {opacity:1;}
    body.purple nav.navigation > ul.nav-items > li.logo img {opacity:0;}
    nav.navigation.change-color li.logo img.light {opacity:0;}
    body.purple nav.navigation > ul.nav-items > li.logo img.light {opacity:1;}*/
    nav.navigation > ul.nav-items > li.products {left:150px;left:150px;max-width:900px;border-radius:20px;}
    nav.navigation > ul.nav-items > li.products ul.product-list:before {content:'';position:absolute;top:-12px;left:100px;width:0;height:0;border-right:12px solid transparent;border-bottom:12px solid rgba(36,40,62,1);border-left:12px solid transparent;opacity:1;}
    nav.navigation > ul.nav-items > li.products:after {border-radius:20px;}
    nav.navigation > ul.nav-items > li.products ul.product-list {position:relative;padding:25px 20px 20px;}
    nav.navigation > ul.nav-items > li.products ul.product-list:after {content:'';position:relative;display:block;width:100%;height:0;visibility:hidden;clear:both;border-radius:20px;}
    nav.navigation > ul.nav-items > li.products ul.product-list li {border-radius:10px;}
    body nav.navigation.change-color > ul.nav-items > li.product-trigger + li.products, body nav.navigation.change-color > ul.nav-items > li.products {top:55px;}
}

@media only screen and (max-width:768px) {
    body > header {padding:0 10px;overflow-x:hidden;}
    body section.preview.inPage {padding:0 20px;margin-bottom:0;}
    body > header section.preview iframe {min-height:600px;}
    body > header ul.select {padding-bottom:0;}
    body > header .call-to-action.home {position:relative;width:100%;float:none;}
    body section.join ul.select li {display:table;margin:0 auto 20px;padding:20px 40px;float:none;clear:both;}
    body section.join ul.select li:last-child {margin-bottom:10px;}
    body ul.featureSet, body ul.featureDescription {grid-template-columns:auto auto!important;}
    body ul.featureSet.box, body ul.featureDescription.box {grid-template-columns:auto!important;}
    /*body nav.navigation:before {opacity:1;top:10px;transition:top 0s 0s ease-in, opacity .35s ease-in;}*/
    /*body .trigger.stuck + nav.navigation:before {opacity:0;top:-40px;transition:top 0s .35s ease-in, opacity .35s ease-in;}*/
    body > .trigger.stuck + nav.navigation ul.hamburger li:nth-of-type(2) {width:20px;}
    body ul.tools.grid {grid-template-columns:auto;width:100%;}
    ul.brands {grid-template-columns:auto auto auto;grid-gap:30px;}
    ul.brands li img {height:40px;max-height:40px;}
    ul.grid.two, ul.grid.three, ul.grid.four {grid-template-columns:auto;}
}

@media only screen and (max-height:1000px) {
    body > header {padding-bottom:50px;}
    body > header .call-to-action.home {position:relative;top:initial;right:initial;padding:100px 75px 0 50px;float:left;transform:none;}
    body > header section.headerProducts {position:relative;top:initial;right:initial;height:inherit;padding:100px 0 0 0;float:right;transform:none;}
    body > header:after {content:'';position:relative;display:block;width:100%;height:0;clear:both;outline:0;border:0;opacity:0;}
    section.headerProducts ul, body.product section.headerProducts ul {position:relative;top:initial;transform:none;}
}
@media only screen and (min-width:1200px) and (max-width:1625px) {
    body > header {padding-bottom:50px;}
    body > header .call-to-action.home {position:relative;top:initial;right:initial;padding:100px 75px 0 50px;float:left;transform:none;}
    body > header section.headerProducts {position:relative;top:initial;right:initial;height:inherit;padding:100px 0 0 0;float:right;transform:none;}
    body > header:after {content:'';position:relative;display:block;width:100%;height:0;clear:both;outline:0;border:0;opacity:0;}
    section.headerProducts ul, body.product section.headerProducts ul {position:relative;top:initial;transform:none;}
}

@media only screen and (max-height:1000px) and (max-width:1200px) {
    body > header .call-to-action, body > header .call-to-action.home {padding:80px 0 0 0;}
    body > header section.headerProducts {padding:0 20px 50px;}
}

/* Dynamic Sizing w/ Span */
body section.sort.callout > div span > div > img:first-child:last-child, body section.sort.callout > div span > div > picture:first-child:last-child img {max-width:calc(100% + 80px);margin:-40px;float:left;border-radius:4px;}
body section.sort.callout > div span > div > img, body section.sort.callout > div span > div > picture img {float:left;}
body section.sort.callout > div span > div:nth-of-type(1):nth-last-child(2) > img, body section.sort.callout > div span > div:nth-of-type(1):nth-last-child(2) > picture img {max-width:calc(100% + 80px);margin:-40px -40px 20px -40px;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;}
body section.sort.callout > div span > div:nth-of-type(2):last-child > img, body section.sort.callout > div span > div:nth-of-type(2):last-child > picture img {max-width:calc(100% + 80px);margin:20px -40px -40px -40px;border-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}

body section.sort.callout > div span > div:nth-of-type(1):nth-last-child(3) > img, body section.sort.callout > div span > div:nth-of-type(1):nth-last-child(3) > picture img {max-width:calc(100% + 80px);margin:-40px -40px 20px -40px;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;}
body section.sort.callout > div span > div:nth-of-type(2):nth-last-child(2) > img, body section.sort.callout > div span > div:nth-of-type(2):nth-last-child(2) > picture img {max-width:calc(100% + 80px);margin:20px -40px;border-radius:0;}
body section.sort.callout > div span > div:nth-of-type(3):last-child > img, body section.sort.callout > div span > div:nth-of-type(3):last-child > picture img {max-width:calc(100% + 80px);margin:20px -40px -40px -40px;border-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}

body section.sort.callout > div span > div:nth-of-type(1):nth-last-child(4) > img, body section.sort.callout > div span > div:nth-of-type(1):nth-last-child(4) > picture img {margin:0 0 20px 0;border-radius:4px;}
body section.sort.callout > div span > div:nth-of-type(2):nth-last-child(3) > img, body section.sort.callout > div span > div:nth-of-type(2):nth-last-child(3) > picture img {margin:20px 0;border-radius:4px;}
body section.sort.callout > div span > div:nth-of-type(3):nth-last-child(2) > img, body section.sort.callout > div span > div:nth-of-type(3):nth-last-child(2) > picture img {margin:20px 0;border-radius:4px;}
body section.sort.callout > div span > div:nth-of-type(4):last-child > img, body section.sort.callout > div span > div:nth-of-type(4):last-child > picture img {margin:20px 0 0 0;border-radius:4px;}

body section.feature[id] > div:first-of-type {display:inline-block;float:none!important;}
body section.feature[id] {}

body section.pricing {max-width:1400px;z-index:10;}
body section.pricing ul.plans {position:relative;list-style-type:none;margin:0px 0 0 0;padding:0;z-index:2;}
body section.pricing ul.plans > li {position:relative;width:calc(100% / 4 - 18px);margin:20px 24px 0 0;padding:40px 0 0 0;float:left;background:rgba(255,255,255,1);border-radius:5px;box-shadow:0 15px 35px rgba(70,75,106,.10), 0 5px 15px rgba(0,0,0,.07);}
body section.pricing ul.plans.has-featured > li {width:calc(100% / 4 - 40px);margin:20px 30px 0 0;}
body section.pricing ul.plans > li:last-of-type {margin:20px 0 0 0;}
body section.pricing ul.plans > li.featured {width:calc(100% / 4 + 20px);margin:0 30px 0 0;padding:60px 0 0 0;}
body section.pricing ul.plans > li:last-of-type.featured {margin:0;}
body section.pricing ul.plans > li.featured h1:before {content:'Recommended';position:absolute;display:block;top:20px;left:0;width:100%;height:20px;line-height:20px;font-size:13px;text-transform:uppercase;letter-spacing:3px;color:rgba(70,75,106,0.50);text-align:center;font-weight:600;}
body section.pricing ul.plans > li span {display:block;width:100%;padding:20px 0;margin:20px 0 0 0;background:rgba(202,210,238,0.05);border-top:1px solid rgba(70,75,106,0.15);border-bottom:1px solid rgba(70,75,106,0.15);} 
body section.pricing ul.plans > li span h6 {line-height:30px;font-size:0.75em;}
body section.pricing ul.plans > li sub {text-transform:uppercase;font-size:0.4em;color:rgba(70,75,106,0.6);vertical-align:inherit;}
body section.pricing ul.plans > li .billCycle {display:block;margin:0 auto;padding:10px 0 0 0;clear:both;font-size:0.25em;color:rgba(70,75,106,0.4);}
body section.pricing ul.plans > li .billCycle i {font-size:0.8em;vertical-align:middle;}
/*body section.pricing ul.plans > li .billCycle:after {content:'Monthly';position:absolute;top:100%;left:50%;transform:translate(-50%,0);font-size:0.4em;opacity:0.6;}*/
body section.pricing ul.plans > li .billCycle sub {vertical-align:inherit;}
body section.pricing ul.plans > li > h1 {position:initial;}
body section.pricing ul.plans > li > h1.planName {font-size:2.5em;}
body section.pricing ul.plans > li > h2 {font-size:1.55em;}
body section.pricing ul.plans ul {position:relative;list-style-type:none;padding:20px 0 0 0;text-align:center;z-index:3;}
body section.pricing ul.plans ul > li {position:relative;padding:10px 0;font-size:0.9em;font-weight:400;line-height:15px;}
body section.pricing ul.plans ul > li:last-of-type {margin:10px 0 0;padding:20px 0 25px;background:rgba(202,210,238,0.05);border-top:1px solid rgba(70,75,106,0.15);}
body section.pricing ul.plans ul > li.blank {visibility:hidden;}
body section.pricing ul.plans ul > li a {}
body section.pricing ul.plans ul > li a:hover {text-decoration:underline;}
body section.pricing ul.plans ul > li em {background:none;}
body section.pricing ul.plans ul > li em:after {content:'\e846';display:inline-block;font-family:'vsfont',serif;color:rgba(70,75,106,0.65);margin:-2px 0 0 4px;font-size:0.6em;vertical-align:middle;width:1.3em;height:1.3em;line-height:1.3em;border:1px solid rgba(70,75,106,0.250);border-radius:50%;text-align:center;}
body section.pricing ul.plans ul > li.expandFeatures:before {content:'';position:absolute;display:block;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:2;}

body section.pricing ul.plans span.toggle {/*position:absolute;top:-20px;right:0;*/display:block;text-align:center;padding:0 0 10px 0;}
body section.pricing ul.plans span.toggle label {position:relative;cursor:pointer;color:rgba(70,75,106,0.6);font-weight:600;transition:color .2s ease-in-out;}
body section.pricing ul.plans span.toggle label#month {color:rgba(70,75,106,1);}
body section.pricing ul.plans span.toggle label#year:before {content:'Two Months Free';position:absolute;bottom:calc(100% + 3px);left:50%;font-size:0.6em;font-weight:600;color:rgba(70,75,106,0.8);white-space:nowrap;transform:translate(-50%,0) rotate(1.5deg);}
body section.pricing ul.plans span.toggle input:checked ~ label#month {color:rgba(70,75,106,0.6);}
body section.pricing ul.plans span.toggle input:checked ~ label#year {color:rgba(70,75,106,1);}
body section.pricing ul.plans span.toggle label:not(.slider):after {content:'';position:absolute;top:50%;left:50%;width:70px;height:40px;background:transparent url(../images/scratch2.png) center center no-repeat;background-size:contain;transform:rotate(11deg) translate(-52%,-33%) scale(0.85);z-index:-1;opacity:0;transition:transform .45s ease-in-out, opacity .45s ease-in-out;}
body section.pricing ul.plans span.toggle input:not(:checked) ~ label#month:after {transform:rotate(8deg) translate(-50%,-40%) scale(1);opacity:0.08;}
body section.pricing ul.plans span.toggle input:checked ~ label#year:after {transform:rotate(8deg) translate(-50%,-40%) scale(1);opacity:0.08;}
body section.pricing ul.plans span.toggle label.slider {margin:2px 8px 0;vertical-align:bottom;font-weight:500;font-size:0;}
body section.pricing ul.plans span.toggle label.slider:before {color:rgba(70,75,106,0.5);-webkit-transition:all 300ms;-moz-transition:all 300ms;transition:all 300ms;}
/*body section.pricing ul.plans span.toggle:before {content:'Billed Monthly';line-height:20px;font-size:1rem;display:inline-block;font-weight:500;color:rgba(70,75,106,0.6);}
body section.pricing ul.plans span.toggle:after {content:'Billed Annualy';color:rgba(70,75,106,1);}*/
/*body section.pricing ul.plans span.toggle label.slider {float:right;}*/

/* Animations for Pricing toggle */
body section.pricing.monthly h4.price.yearly {display:none;}
body section.pricing.yearly h4.price.monthly {display:none;}

body section.pricing h1.price {font-size:2.75em;position:relative!important;margin:0;transition:font-size .35s ease-in-out, color .35s ease-in-out;}
body section.pricing h1.price .billCycle {transition:transform .2s ease-in-out, opacity .2s ease-in-out;}

body section.pricing.monthly h1.price.yearly {font-size:0;opacity:0;transform:translate(0,5px);transition:font-size .35s ease-in-out, color .35s ease-in-out, opacity 0s;}
body section.pricing.yearly h1.price.yearly {transform:translate(0,0);opacity:1;transition:font-size .35s ease-in-out, transform .2s .35s ease-in-out, opacity .2s .35s ease-in-out;}

body section.pricing.yearly h1.price.monthly {font-size:2em;color:rgba(70,75,106,0.6);}
body section.pricing.yearly h1.price.monthly .billCycle {transform:translate(0,-10px);opacity:0;}

body section.pricing h1.price.monthly:before {content:'';position:absolute;top:40%;left:50%;width:95px;height:3px;background:rgba(70,75,106,0.85);border-radius:5px;transform:translate(-50%,-50%);opacity:0;transition: transform .2s .2s ease-in-out, opacity .2s ease-in-out;}
body section.pricing.yearly h1.price.monthly:before {opacity:1;transform:translate(-50%,-50%) rotate(-7deg);transition: transform .2s .35s ease-in-out, opacity .2s .35s ease-in-out;}

/*body section.pricing.yearly ul.plans > li h1.price:after {content:' ';line-height:20px;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:rgba(70,75,106,0.65);text-align:center;font-weight:600;display:inline-block;clear:both;margin:5px auto 0;padding:5px 8px;border:1px solid rgba(70,75,106,0.1);border-radius:3px;opacity:0;-webkit-animation:fadein 0.35s 0.05s ease-in-out forwards;animation:fadein 0.35s 0.05s ease-in-out forwards;}
body section.pricing.yearly ul.plans > li h1.price:after {content:'\e889 \00a0 Two Months Free';font-family:'vsfont','Raleway',Helvetica,Arial,sans-serif;}
@media only screen and (min-width:1024px) {
    body section.pricing.yearly ul.plans > li h1.price:after {position:relative;top:-20px;}
}*/

body section.pricing ul.single {list-style-type:none;margin:0;padding:50px 0 0 0;z-index:2;clear:both;}
body section.pricing ul.single:after {content:'';position:relative;display:block;width:100%;height:0;clear:both;opacity:0;}
body section.pricing ul.single > li {position:relative;width:calc(100% / 2 - 20px);margin:0 40px 0 0;padding:0;float:left;background:rgba(255,255,255,1);border-radius:5px;box-shadow:0 15px 35px rgba(70,75,106,.10), 0 5px 15px rgba(0,0,0,.07);z-index:2;}
body section.pricing ul.single > li:last-of-type {margin:0;}
body section.pricing ul.single > li h3 {margin:0;}
body section.pricing ul.single > li.enterprise {float:none;margin:0 auto 30px;}
body section.pricing ul.single > li.enterprise h2 {font-size:1.25em;}
body section.pricing ul.single > li span {position:relative;position:block;width:calc(100% / 2);padding:20px 20px 10px 20px;float:left;}
body section.pricing ul.single ul {list-style-type:none;padding:0;text-align:center;background:rgba(202,210,238,0.05);border-top:1px solid rgba(70,75,106,0.15);}
body section.pricing ul.single ul > li {position:relative;display:inline-block;margin:0 auto;padding:10px;font-size:0.75em;font-weight:400;line-height:40px;}
body section.pricing ul.plans > li:before {position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:2;}
body section.pricing ul.plans > li.starter:before {content:'';box-shadow:inset 0 0 0 5px rgba(200,232,78,0.35);border-radius:5px;}
body section.pricing ul.plans > li.business:before {content:'';box-shadow:inset 0 0 0 5px rgba(246,158,28,0.35);border-radius:5px;}
body section.pricing ul.plans > li.premium:before {content:'';box-shadow:inset 0 0 0 5px rgba(70,75,106,0.35);border-radius:5px;}
body section.pricing ul.plans > li.elite:before {content:'';box-shadow:inset 0 0 0 5px rgba(168,220,255,.65);border-radius:5px;}
body section.pricing ul.plans > li:after {content:'';position:absolute;display:inline-block;left:calc(50% - 3px);top:100%;width:6px;height:500px;border-left:dashed 6px rgba(70,75,106,0.20);z-index:-1;}
body section.pricing ul.plans > li.starter:after {border-color:rgba(200,232,78,0.20);}
body section.pricing ul.plans > li.business:after {border-color:rgba(246,158,28,0.20);}
body section.pricing ul.plans > li.premium:after {border-color:rgba(70,75,106,0.20);}
body section.pricing ul.plans > li.elite:after {border-color:rgba(168,220,255,0.20);}

body section.pricing.features-hide ul.chart {display:none;}
body section.pricing.features-hide ul.plans > li:after {opacity:0;transform:translate(0,-20px);transition:transform .2s ease-in-out, opacity .2s ease-in-out;}
body section.pricing.features-show ul.chart {display:block;}
body section.pricing.features-show ul.plans > li:after {opacity:1;;transform:translate(0,0);}

body section.pricing ul.chart > li h4.price {position:sticky;top:65px;z-index:5;}
body section.pricing ul.chart > li h4.price:before {content:'';position:absolute;top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 5px);background:rgba(255,255,255,1);z-index:-1;}
body section.pricing ul.chart > li.starter h4.price {border-bottom:1px solid rgba(141,197,97,0.15);}
body section.pricing ul.chart > li.business h4.price {border-bottom:1px solid rgba(238,78,5,0.15);}
body section.pricing ul.chart > li.premium h4.price {border-bottom:1px solid rgba(70,75,106,0.15);}
body section.pricing ul.chart > li.elite h4.price {border-bottom:1px solid rgba(70,75,106,0.15);}
@media only screen and (max-width:1024px) {
    body section.pricing ul.chart > li h4.price {position:relative;top:0;}
}
body section.pricing ul.chart ul > li.startButton {position:sticky;bottom:0;z-index:6;}
body section.pricing ul.chart ul > li.startButton:before {content:'';position:absolute;bottom:0;left:5px;width:calc(100% - 10px);height:100%;background:rgba(255,255,255,1);z-index:-1;}

body section.pricing ul.chart {list-style-type:none;margin:50px 0 0 0;padding:0;}
body section.pricing ul.chart:after {content:'';position:relative;display:block;width:100%;height:0;clear:both;opacity:0;}
body section.pricing ul.chart > li {position:relative;width:calc(100% / 4 - 18px);margin:0 24px 0 0;padding:0;float:left;border-radius:5px;box-shadow:0 15px 35px rgba(70,75,106,.10), 0 5px 15px rgba(0,0,0,.07);z-index:2;}
body section.pricing ul.chart.has-featured > li {width:calc(100% / 4 - 40px);margin:0 30px 0 0;}
body section.pricing ul.chart > li.featured {width:calc(100% / 4 + 20px);}
body section.pricing ul.chart > li:last-of-type {margin:0;}
body section.pricing ul.chart > li.starter {background:rgba(200,232,78,0.03);}
body section.pricing ul.chart > li.business {background:rgba(246,158,28,0.03);}
body section.pricing ul.chart > li.premium {background:rgba(70,75,106,0.03);}
body section.pricing ul.chart > li.elite {background:rgba(168,220,255,0.06);}
body section.pricing ul.chart > li.starter:before {content:'';position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:2;box-shadow:inset 0 0 0 5px rgba(200,232,78,0.35);border-radius:5px;}
body section.pricing ul.chart > li.business:before {content:'';position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:2;box-shadow:inset 0 0 0 5px rgba(246,158,28,0.35);border-radius:5px;}
body section.pricing ul.chart > li.premium:before {content:'';position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:2;box-shadow:inset 0 0 0 5px rgba(70,75,106,0.35);border-radius:5px;}
body section.pricing ul.chart > li.elite:before {content:'';position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:2;box-shadow:inset 0 0 0 5px rgba(168,220,255,0.65);border-radius:5px;}
body section.pricing ul.chart > li:after {content:'';position:absolute;display:block;top:0;left:0;z-index:-1;width:100%;height:100%;background:rgba(255,255,255,1);border-radius:5px;}
body section.pricing ul.chart > li a {text-decoration:none;}
body section.pricing ul.chart > li h4 {padding:20px 20px 10px;margin:0;font-weight:600;}
body section.pricing ul.chart > li h4 span {float:right;font-weight:400;font-size:0.85em;}
body section.pricing ul.chart > li h4 span sub {font-size:0.5em;text-transform:uppercase;letter-spacing:1px;color:rgba(70,75,106,0.60);vertical-align:middle;}
body section.pricing ul.chart > li.starter h4 {background:rgba(200,232,78,0.05);}
body section.pricing ul.chart > li.business h4 {background:rgba(246,158,28,0.05);}
body section.pricing ul.chart > li.premium h4 {background:rgba(70,75,106,0.05);}
body section.pricing ul.chart > li.elite h4 {background:rgba(168,220,255,0.05);}
body section.pricing ul.chart ul {position:relative;list-style-type:none;padding:0 0 5px 0;z-index:3;}
body section.pricing ul.chart ul > li {position:relative;padding:10px 20px;font-size:0.75em;font-weight:400;line-height:15px;border-top:1px solid rgba(70,75,106,0.15);color:rgba(70,75,106,0.5);}
body section.pricing ul.chart ul > li:last-of-type {padding-bottom:10px;}
body section.pricing ul.chart ul > li.included {color:rgba(70,75,106,1);font-weight:400;font-size:0.85em;}
body section.pricing ul.chart ul > li.included:after {content:'\e845';font-family:'vsfont',serif;margin:0 5px 0 0;font-size:0.75em;vertical-align:top;position:absolute;top:calc(50% - 0.35em);right:1.5em;display:inline-block;}
body section.pricing ul.chart ul > li a.button {width:100%;font-size:16px;box-shadow:none;}
body section.pricing ul.chart ul > li.included em {background:none;}
body section.pricing ul.chart ul > li.included em:after {content:'\e846';display:inline-block;font-family:'vsfont',serif;color:rgba(70,75,106,0.65);margin:0 0 0 3px;font-size:0.6em;vertical-align:top;width:1.3em;height:1.3em;line-height:1.3em;border:1px solid rgba(70,75,106,0.250);border-radius:50%;text-align:center;}
body section.pricing ul.chart ul > li:not(.included) em {background:none;border-bottom:0;}
body section.pricing ul.chart > li.starter ul > li {border-top:1px solid rgba(141,197,97,0.15);}
body section.pricing ul.chart > li.business ul > li {border-top:1px solid rgba(238,78,5,0.15);}
body section.pricing ul.chart > li.premium ul > li {border-top:1px solid rgba(70,75,106,0.15);}
body section.pricing ul.chart ul > li:first-of-type {border-top:0!important;}
body section.pricing ul.chart > li.starter ul > li:last-of-type {background:rgba(200,232,78,0.05);}
body section.pricing ul.chart > li.business ul > li:last-of-type {background:rgba(246,158,28,0.05);}
body section.pricing ul.chart > li.premium ul > li:last-of-type {background:rgba(70,75,106,0.05);}

@media only screen and (max-width:1024px) {
    body section.pricing > ul.plans > li, body section.pricing > ul.plans.has-featured > li, body section.pricing > ul.single > li, body section.pricing > ul.chart > li {width:100%;margin:0 0 30px 0;}
    body section.pricing > ul.plans > li.featured, body section.pricing > ul.single > li.featured, body section.pricing > ul.chart > li.featured {width:100%;margin:0 0 30px 0;}
    body section.pricing > ul.chart {margin:0;padding:0;}
    body section.pricing > ul.single {padding:40px 0 10px 0;}
    body section.pricing > ul.single > li:last-of-type {margin:0;}
    body section.pricing ul.plans > li:after {display:none;}
    body section.pricing ul.plans span.toggle {top:-40px;}
    body section.pricing ul.plans {margin-bottom:30px;}
}

/* Grid Anywhere */
span.grid {display:block;clear:both;}
span.grid > div > img:first-child:last-child, span.grid > div > picture:first-child:last-child img {max-width:calc(100% + 80px);margin:-40px;float:left;border-radius:4px;}
span.grid > div > img, span.grid > div > picture img {float:left;}
span.grid > div:nth-of-type(1):nth-last-child(2) > img, span.grid > div:nth-of-type(1):nth-last-child(2) > picture img {max-width:calc(100% + 80px);margin:-40px -40px 20px -40px;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;}
span.grid > div:nth-of-type(2):last-child > img, span.grid > div:nth-of-type(2):last-child > picture img {max-width:calc(100% + 80px);margin:20px -40px -40px -40px;border-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}

span.grid > div:nth-of-type(1):nth-last-child(3) > img, span.grid > div:nth-of-type(1):nth-last-child(3) > picture img {max-width:calc(100% + 80px);margin:-40px -40px 20px -40px;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;}
span.grid > div:nth-of-type(2):nth-last-child(2) > img, span.grid > div:nth-of-type(2):nth-last-child(2) > picture img {max-width:calc(100% + 80px);margin:20px -40px;border-radius:0;}
span.grid > div:nth-of-type(3):last-child > img, span.grid > div:nth-of-type(3):last-child > picture img {max-width:calc(100% + 80px);margin:20px -40px -40px -40px;border-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}

span.grid > div:nth-of-type(1):nth-last-child(4) > img, span.grid > div:nth-of-type(1):nth-last-child(4) > picture img {margin:0 0 20px 0;border-radius:4px;}
span.grid > div:nth-of-type(2):nth-last-child(3) > img, span.grid > div:nth-of-type(2):nth-last-child(3) > picture img {margin:20px 0;border-radius:4px;}
span.grid > div:nth-of-type(3):nth-last-child(2) > img, span.grid > div:nth-of-type(3):nth-last-child(2) > picture img {margin:20px 0;border-radius:4px;}
span.grid > div:nth-of-type(4):last-child > img, span.grid > div:nth-of-type(4):last-child > picture img {margin:20px 0 0 0;border-radius:4px;}

@media only screen and (max-width:1000px) {
    body section > div {margin:0 0 30px 0;}
    body section > div:last-child {margin:0;}
    body section > div div {margin:0 0 30px 0;}
    body section > div div:last-child {margin:0;}
}

@media only screen and (min-width:1024px) {
body section.sort > div span > div:nth-of-type(1):nth-last-child(2) {width:calc(100% / 2 - 20px);margin:0 40px 0 0;float:left;}
body section.sort > div span > div:nth-of-type(2):last-child {width:calc(100% / 2 - 20px);margin:0;float:right;}

body section.sort > div span > div:nth-of-type(1):nth-last-child(3) {width:calc(100% / 3 - 20px);margin:0 30px 0 0;float:left;}
body section.sort > div span > div:nth-of-type(2):nth-last-child(2) {width:calc(100% / 3 - 20px);margin:0 30px 0 0;float:left;}
body section.sort > div span > div:nth-of-type(3):last-child {width:calc(100% / 3 - 20px);margin:0;float:right;}

body section.sort > div span > div:nth-of-type(1):nth-last-child(4) {width:calc(100% / 4 - 20px);margin:0 20px 0 0;float:left;}
body section.sort > div span > div:nth-of-type(2):nth-last-child(3) {width:calc(100% / 4 - 20px);margin:0 20px 0 0;float:left;}
body section.sort > div span > div:nth-of-type(3):nth-last-child(2) {width:calc(100% / 4 - 20px);margin:0 20px 0 0;float:left;}
body section.sort > div span > div:nth-of-type(4):last-child {width:calc(100% / 4 - 20px);margin:0;float:right;}
body section.sort > div span > div:last-child:after {content:'';position:relative;display:block;width:100%;height:0;border:0;outline:0;margin:0;padding:0;clear:both;}
body section.sort > div span > div:empty:before {content:'\2003';}
body section.sort.one-two > div:first-of-type {width:calc(100% / 3 - 20px);margin:0 40px 0 0;float:left;}
body section.sort.one-two > div:nth-of-type(2):nth-last-child(1) {width:calc(100% / 3 * 2 - 20px);margin:0;float:right;}

body section.sort.two-one > div:first-of-type {width:calc(100% / 3 * 2 - 20px);margin:0 40px 0 0;float:left;}
body section.sort.two-one > div:nth-of-type(2):nth-last-child(1) {width:calc(100% / 3 - 20px);margin:0;float:right;}

body section.sort.one-three > div:first-of-type {width:calc(100% / 15 * 4 - 20px);margin:0 40px 0 0;float:left;}
body section.sort.one-three > div:nth-of-type(2):nth-last-child(1) {width:calc(100% / 15 * 11 - 20px);margin:0;float:right;}

body section.sort.three-one > div:first-of-type {width:calc(100% / 15 * 11 - 20px);margin:0 calc(80px / 3) 0 0;float:left;}
body section.sort.three-one > div:nth-of-type(2):nth-last-child(1) {width:calc(100% / 15 * 4 - 20px);margin:0;float:right;}

body section.sort > div span > div:nth-of-type(1):nth-last-child(2) {width:calc(100% / 2 - 20px);margin:0 40px 0 0;float:left;}
body section.sort > div span > div:nth-of-type(2):last-child {width:calc(100% / 2 - 20px);margin:0;float:right;}

body section.sort > div span > div:nth-of-type(1):nth-last-child(3) {width:calc(100% / 3 - 20px);margin:0 30px 0 0;float:left;}
body section.sort > div span > div:nth-of-type(2):nth-last-child(2) {width:calc(100% / 3 - 20px);margin:0 30px 0 0;float:left;}
body section.sort > div span > div:nth-of-type(3):last-child {width:calc(100% / 3 - 20px);margin:0;float:right;}

body section.sort > div span > div:nth-of-type(1):nth-last-child(4) {width:calc(100% / 4 - 20px);margin:0 calc(80px / 3) 0 0;float:left;}
body section.sort > div span > div:nth-of-type(2):nth-last-child(3) {width:calc(100% / 4 - 20px);margin:0 calc(80px / 3) 0 0;float:left;}
body section.sort > div span > div:nth-of-type(3):nth-last-child(2) {width:calc(100% / 4 - 20px);margin:0 calc(80px / 3) 0 0;float:left;}
body section.sort > div span > div:nth-of-type(4):last-child {width:calc(100% / 4 - 20px);margin:0;float:right;}

body section.sort.callout > div span > div > img:first-child, body section.sort.callout > div span > div > picture:first-child img {margin:-40px -40px 20px -40px;max-width:calc(100% + 80px);float:left;border-top-left-radius:4px;border-top-right-radius:4px;}
body section.sort.callout > div span > div > img:last-child, body section.sort.callout > div span > div > picture:last-child img {margin:20px -40px -40px -40px;max-width:calc(100% + 80px);float:left;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
body section.sort.callout > div span > div > img:first-child:last-child, body section.sort.callout > div span > div > picture:first-child:last-child img {margin:-40px;max-width:calc(100% + 80px);float:left;border-radius:4px;}
body section.sort.callout > div span > div > img, body section.sort.callout > div span > div > picture img {margin:-40px;float:left;}
body section.sort.callout > div span > div:nth-of-type(1):nth-last-child(2) > img, body section.sort.callout > div span > div:nth-of-type(1):nth-last-child(2) > picture img {max-width:calc(100% + 40px);margin:-40px 0 -40px -40px;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
body section.sort.callout > div span > div:nth-of-type(2):last-child > img, body section.sort.callout > div span > div:nth-of-type(2):last-child > picture img {max-width:calc(100% + 40px);margin:-40px -40px -40px 0;border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;}

body section.sort.callout > div span > div:nth-of-type(1):nth-last-child(3) > img, body section.sort.callout > div span > div:nth-of-type(1):nth-last-child(3) > picture img {max-width:calc(100% + 40px);margin:-40px 0 -40px -40px;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
body section.sort.callout > div span > div:nth-of-type(2):nth-last-child(2) > img, body section.sort.callout > div span > div:nth-of-type(2):nth-last-child(2) > picture img {max-width:100%;margin:-40px 0;}
body section.sort.callout > div span > div:nth-of-type(3):last-child > img, body section.sort.callout > div span > div:nth-of-type(3):last-child > picture img {max-width:calc(100% + 40px);margin:-40px -40px -40px 0;border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;}

body section.sort.callout > div span > div:nth-of-type(1):nth-last-child(4) > img, body section.sort.callout > div span > div:nth-of-type(1):nth-last-child(4) > picture img {margin:0;border-radius:4px;}
body section.sort.callout > div span > div:nth-of-type(2):nth-last-child(3) > img, body section.sort.callout > div span > div:nth-of-type(2):nth-last-child(3) > picture img {margin:0;border-radius:4px;}
body section.sort.callout > div span > div:nth-of-type(3):nth-last-child(2) > img, body section.sort.callout > div span > div:nth-of-type(3):nth-last-child(2) > picture img {margin:0;border-radius:4px;}
body section.sort.callout > div span > div:nth-of-type(4):last-child > img, body section.sort.callout > div span > div:nth-of-type(4):last-child > picture img {margin:0;border-radius:4px;}
}
/* End Dynamic Sizing w/ Span */

body > footer {position:relative;width:100%;max-width:1000px;margin:0 auto;padding:40px 20px;clear:both;}
body > footer > div {width:15%;float:left;}
body > footer > div:first-of-type {width:40%;float:left;}
body > footer ul h1, body > footer ul h6, body > footer ul h4 {font-size:0.85rem;font-weight:700;}
body > footer ul {list-style-type:none;margin:20px 0 0 0;padding:0;}
body > footer ul li {position:relative;margin:0 0 10px 0;padding:3px 3px 3px 0;font-size:11px;font-weight:500;/*text-transform:uppercase;letter-spacing:1px;*/}
body > footer ul li:hover {font-weight:700;}
body > footer ul li a {position:absolute;top:0;left:0;width:100%;height:100%;font-size:0!important;text-decoration:none!important;}
body > footer ul li a:hover {text-decoration:none;}
body > footer ul h6 {margin:0 0 1em 0;}

/* Case Study Styles */
ul.case-studies {margin:0 auto;padding:0;display:inline-grid;grid-template-columns:auto auto;grid-gap:20px;width:100%;}
ul.case-studies > li {position:relative;overflow:hidden;display:block;border-radius:5px;box-shadow:3px 3px rgba(70,75,106,0.03);background:rgba(70,75,106,1);}
ul.case-studies > li:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(70,75,106,0.75);z-index:2;transition:background .3s ease-in-out;}
ul.case-studies > li:hover:before {background:rgba(70,75,106,0.65);}
ul.case-studies > li:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:linear-gradient(0deg, rgba(70,75,106,0.75) 0%,rgba(255,255,255,0) 50%);}
ul.case-studies > li > * {z-index:4;}
ul.case-studies > li > a.cover {z-index:5;}
ul.case-studies > li > img, ul.case-studies > li > picture img {width:100%;height:100%;margin:0;object-fit:cover;float:left;}
ul.case-studies > li > h3 {position:absolute;bottom:50%;left:0;width:100%;margin:0;padding:0 50px 20px;color:rgba(255,255,255,1);font-size:1.15em;font-weight:500!important;text-align:center;line-height:1.5em;transform:translateY(50%);}
ul.case-studies > li > h3:before {content:'';position:absolute;bottom:0;left:50%;width:50px;height:1px;background:rgba(255,255,255,0.5);border-radius:1px;transform:translateX(-50%);}
ul.case-studies > li > h4 {position:absolute;bottom:0;left:0;width:100%;margin:0;padding:10px;color:rgba(255,255,255,1);font-size:0.85em;font-weight:700;text-align:center;line-height:3em;transform:translate(0,0);transition:transform .25s ease-in-out;}
ul.case-studies > li:hover > h4 {transform:translate(0,-5px);}
ul.case-studies > li:hover h4 {color:rgba(255,255,255,1);}
ul.case-studies > li > h4 img {width:3em;height:auto;position:relative;display:inline-block;vertical-align:middle;margin:0 5px 0 0!important;border-radius:50%;overflow:hidden;}
@media only screen and (max-width:1024px) {
    ul.case-studies > li > h3 {font-size:0.8em;transform:translateY(25%);}
}
@media only screen and (max-width:768px) {
    ul.case-studies {grid-template-columns:auto;}
}


/* Documentation */
body.documentation ul.side-menu {position:fixed;top:0;left:calc(50% - 850px);width:300px;max-width:30%;height:100%;min-height:100vh;background:rgba(255,255,255,1);border-right:1px solid rgba(70,75,106,0.15);list-style-type:none;margin:0;padding:50px 0 0;}
body.documentation ul.side-menu li {position:relative;display:block;padding:5px 0  5px 55px;font-size:1em;line-height:1.25em;transition:background .25s ease-in-out;}
body.documentation ul.side-menu li:hover {background:rgba(70,75,106,0.03);}
body.documentation ul.side-menu li a {position:absolute;display:block;top:0;left:0;width:100%;height:100%;outline:0;border:0;z-index:5;}
body.documentation ul.side-menu li a:after {content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:transparent;background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);z-index:2;opacity:0;transition:all .25s ease-in-out;}
body.documentation ul.side-menu li a:hover:after {opacity:1;}
body.documentation ul.side-menu li a:before {content:'\e83a';font-family:'vsfont',serif;position:absolute;top:50%;right:25px;transform:translateY(-50%);opacity:0;font-size:30px;color:rgba(70,75,106,0.6);z-index:3;transition:all .25s ease-in-out;}
body.documentation ul.side-menu li a:hover:before {right:20px;opacity:1;}
body.documentation ul.side-menu li:before {position:absolute;right:calc(100% - 45px);top:50%;transform:translateY(calc(-50% - 1px));font-size:7px;color:rgba(255,255,255,1);padding:3px 5px;border-radius:3px;line-height:10px;font-weight:400;text-transform:uppercase;letter-spacing:1px;}
body.documentation ul.side-menu li.delete:before {content:'Delete';background:rgba(233,78,78,1);}
body.documentation ul.side-menu li.post:before {content:'Post';background:rgba(70,75,106,1);}
body.documentation ul.side-menu li.get:before {content:'Get';background:rgba(150,203,73,1);}
body.documentation ul.side-menu h5 {padding:10px 20px;margin:20px 0 0 0;border-top:1px solid rgba(70,75,106,0.075);}


/* Embellish */
.embellish {position:relative;display:block;width:100%;height:0;z-index:-1;-webkit-transform:translateZ(0);}
.embellish section {z-index:5;}
.embellish > div {position:absolute;width:100%;height:500px;/*box-shadow:0 0 10px rgba(70,75,106,0.1), 0 0 30px rgba(0,0,0,0.08);*/background:linear-gradient(90deg,rgba(255,255,255,1),rgba(242,241,246,1));overflow:hidden;border-top:.5px solid rgba(70,75,106,0.15);border-bottom:.5px solid rgba(70,75,106,0.15);}
/*.embellish > div:after {content:'';position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:transparent url(../images/burst.svg) center center;background-size:cover;z-index:2;fill:url(#MyGradient);}*/
.embellish > div.ascend {-webkit-transform:translateY(-25%) skewY(-11deg);transform:translateY(-25%) skewY(-11deg);}
.embellish > div.descend {-webkit-transform:translateY(-25%) skewY(11deg);transform:translateY(-25%) skewY(11deg);}
.embellish > div .gradient {position:absolute;display:block;width:calc(100% / 3);height:calc(100% / 3);}
.embellish > div .gradient:nth-of-type(1) {top:0;left:-15%;}
.embellish > div .gradient:nth-of-type(2) {top:0;left:calc(100% / 3 * 1 - 15%);}
.embellish > div .gradient:nth-of-type(3) {top:0;left:calc(100% / 3 * 2 - 15%);}
.embellish > div .gradient:nth-of-type(4) {top:0;left:calc(100% / 3 * 3 - 15%);}
.embellish > div .gradient:nth-of-type(5) {top:calc(100% / 3 * 1);left:-3%;}
.embellish > div .gradient:nth-of-type(6) {top:calc(100% / 3 * 1);left:calc(100% / 3 * 1 - 3%);}
.embellish > div .gradient:nth-of-type(7) {top:calc(100% / 3 * 1);left:calc(100% / 3 * 2 - 3%);}
.embellish > div .gradient:nth-of-type(8) {top:calc(100% / 3 * 1);left:calc(100% / 3 * 3 - 3%);}
.embellish > div .gradient:nth-of-type(9) {top:calc(100% / 3 * 2);left:-26%;}
.embellish > div .gradient:nth-of-type(10) {top:calc(100% / 3 * 2);left:calc(100% / 3 * 1 - 26%);}
.embellish > div .gradient:nth-of-type(11) {top:calc(100% / 3 * 2);left:calc(100% / 3 * 2 - 26%);}
.embellish > div .gradient:nth-of-type(12) {top:calc(100% / 3 * 2);left:calc(100% / 3 * 3 - 26%);}

.embellish.orange > div {background:linear-gradient(90deg,rgba(246,158,28,1),rgba(238,78,5,1));}
.embellish.orange > div .gradient:nth-of-type(1) {background:linear-gradient(45deg,transparent 50%,rgba(246,158,28,1));}
.embellish.orange > div .gradient:nth-of-type(2) {background:linear-gradient(225deg,transparent 50%,rgba(246,158,28,1));}
.embellish.orange > div .gradient:nth-of-type(3) {background:linear-gradient(45deg,transparent 50%,rgba(255,255,255,0.25));}
.embellish.orange > div .gradient:nth-of-type(4) {background:linear-gradient(45deg,transparent 50%,rgba(238,78,5,0.25));}
.embellish.orange > div .gradient:nth-of-type(5) {background:linear-gradient(225deg,transparent 50%,rgba(255,255,255,0.25));}
.embellish.orange > div .gradient:nth-of-type(6) {background:linear-gradient(45deg,transparent 50%,rgba(246,158,28,1));}
.embellish.orange > div .gradient:nth-of-type(10) {background:linear-gradient(225deg,transparent 50%,rgba(246,158,28,1));}
.embellish.orange > div .gradient:nth-of-type(11) {background:linear-gradient(225deg,transparent 50%,rgba(255,255,255,0.25));}
.embellish.orange > div .gradient:nth-of-type(12) {background:linear-gradient(45deg,transparent 50%,rgba(255,255,255,0.25));}

.embellish.green > div {background:linear-gradient(90deg,rgba(200,232,78,1),rgba(141,197,97,1));}
.embellish.green > div .gradient:nth-of-type(1) {background:linear-gradient(45deg,transparent 50%,rgba(141,197,97,1));}
.embellish.green > div .gradient:nth-of-type(2) {background:linear-gradient(225deg,transparent 50%,rgba(141,197,97,1));}
.embellish.green > div .gradient:nth-of-type(3) {background:linear-gradient(45deg,transparent 50%,rgba(200,232,78,1));}
.embellish.green > div .gradient:nth-of-type(4) {background:linear-gradient(45deg,transparent 50%,rgba(141,197,97,0.25));}
.embellish.green > div .gradient:nth-of-type(5) {background:linear-gradient(225deg,transparent 50%,rgba(200,232,78,1));}
.embellish.green > div .gradient:nth-of-type(7) {background:linear-gradient(45deg,transparent 50%,rgba(141,197,97,1));}
.embellish.green > div .gradient:nth-of-type(6) {background:linear-gradient(45deg,transparent 50%,rgba(200,232,78,1));}
.embellish.green > div .gradient:nth-of-type(10) {background:linear-gradient(225deg,transparent 50%,rgba(141,197,97,1));}
.embellish.green > div .gradient:nth-of-type(11) {background:linear-gradient(225deg,transparent 50%,rgba(200,232,78,1));}
.embellish.green > div .gradient:nth-of-type(12) {background:linear-gradient(45deg,transparent 50%,rgba(200,232,78,1));}

.embellish.purple > div {background:linear-gradient(90deg,rgba(70,75,106,1),rgba(36,40,62,1));}
.embellish.purple > div .gradient:nth-of-type(1) {background:linear-gradient(45deg,transparent 50%,rgba(70,75,106,1));}
.embellish.purple > div .gradient:nth-of-type(2) {background:linear-gradient(225deg,transparent 50%,rgba(70,75,106,1));}
.embellish.purple > div .gradient:nth-of-type(3) {background:linear-gradient(45deg,transparent 50%,rgba(209,212,228,0.25));}
.embellish.purple > div .gradient:nth-of-type(4) {background:linear-gradient(45deg,transparent 50%,rgba(238,78,5,0.25));}
.embellish.purple > div .gradient:nth-of-type(5) {background:linear-gradient(225deg,transparent 50%,rgba(209,212,228,0.25));}
.embellish.purple > div .gradient:nth-of-type(6) {background:linear-gradient(45deg,transparent 50%,rgba(70,75,106,1));}
.embellish.purple > div .gradient:nth-of-type(10) {background:linear-gradient(225deg,transparent 50%,rgba(70,75,106,1));}
.embellish.purple > div .gradient:nth-of-type(11) {background:linear-gradient(225deg,transparent 50%,rgba(209,212,228,0.25));}
.embellish.purple > div .gradient:nth-of-type(12) {background:linear-gradient(45deg,transparent 50%,rgba(209,212,228,0.25));}

.embellish.grey > div {background:linear-gradient(90deg,rgba(225,226,231,1),rgba(255,255,255,1));box-shadow:none;}
.embellish.grey > div .gradient:nth-of-type(1) {background:linear-gradient(225deg,transparent 50%,rgba(255,255,255,1));}
.embellish.grey > div .gradient:nth-of-type(2) {background:linear-gradient(225deg,transparent 50%,rgba(255,255,255,1));}
.embellish.grey > div .gradient:nth-of-type(3) {background:linear-gradient(45deg,transparent 50%,rgba(225,226,231,1));}
.embellish.grey > div .gradient:nth-of-type(4) {background:linear-gradient(45deg,transparent 50%,rgba(255,255,255,0.25));}
.embellish.grey > div .gradient:nth-of-type(5) {background:linear-gradient(225deg,transparent 50%,rgba(225,226,231,1));}
.embellish.grey > div .gradient:nth-of-type(7) {background:linear-gradient(45deg,transparent 50%,rgba(255,255,255,1));}
.embellish.grey > div .gradient:nth-of-type(6) {background:linear-gradient(45deg,transparent 50%,rgba(225,226,231,1));}
.embellish.grey > div .gradient:nth-of-type(10) {background:linear-gradient(225deg,transparent 50%,rgba(255,255,255,1));}
.embellish.grey > div .gradient:nth-of-type(11) {background:linear-gradient(225deg,transparent 50%,rgba(225,226,231,1));}
.embellish.grey > div .gradient:nth-of-type(12) {background:linear-gradient(45deg,transparent 50%,rgba(225,226,231,1));}

.embellish.white > div {background:linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,1));box-shadow:none;}
.embellish.white > div:before {/*box-shadow:inset 0 0 20px rgba(70,75,106,0.02), inset 25px 15px 35px rgba(70,75,106,0.015);*/}
.embellish.white > div:after {opacity:0.3;}

/*.embellish.color > div {background:linear-gradient(224deg, #a42bff, #0bd087, #c0c5ee, #abff25, #676f9c, #e00e3f);
background-size:800% 800%;-webkit-animation:vs-scroll 40s ease infinite;-moz-animation:vs-scroll 40s ease infinite;animation:vs-scroll 40s ease infinite;z-index:-1;}*/
.embellish > div:after {content:'';position:absolute;top:0;left:0;width:100%;height:200%;background:rgba(255,255,255,0) url(../images/background-header-2.webp) top center;}
.embellish > div.ascend:after {-webkit-transform:translateY(-25%) skewY(11deg);transform:translateY(-25%) skewY(11deg);}
.embellish > div.descend:after {-webkit-transform:translateY(-25%) skewY(-11deg);transform:translateY(-25%) skewY(-11deg);}
.embellish > div:before {content:'';position:absolute;top:0;left:-50px;width:calc(100% + 100px);height:100%;/*box-shadow:inset 0 0 20px rgba(70,75,106,0.15), inset 25px 15px 35px rgba(70,75,106,0.20);*/z-index:2;}
.embellish > div .gradient {display:none;}

.embellish.header {background:rgba(250,250,255,0);box-shadow:none;z-index:3;}
.embellish.header > div {border-top:none;border-bottom:500px solid rgba(250,250,255,1);box-shadow:none;}

/* Dropdown */
ul.dropdown {position:absolute;display:block;top:40px;left:0;width:150px;min-width:100%;height:0;margin:8px 0 0 calc(50% - 75px);padding:0;list-style-type:none;opacity:0;box-shadow:0 0 5px 3px rgba(0,0,0,0);overflow:hidden;color:#1c1e2b;z-index:10001;transform-origin:top center;transform:translate(0,10px) perspective(250px) rotateX(-1deg) rotateZ(-0.5deg) scale(0.99);}
.dropdown:hover > ul.dropdown {height:initial;opacity:1;overflow:visible;box-shadow:0 0 15px 5px rgba(0,0,0,0.05);border-radius:5px;transform:translate(0,0) perspective(0) rotateX(0) rotateZ(0) scale(1);-webkit-transition:opacity .25s ease-in-out, box-shadow .5s .25s ease-in-out, transform .25s ease-in-out;transition:opacity .25s ease-in-out, box-shadow .5s .25s ease-in-out, transform .25s ease-in-out;}
ul.dropdown li:first-of-type:before {content:'';position:absolute;display:block;top:-12px;left:calc(50% - 12px);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid rgba(255,255,255,1);}
ul.dropdown li:first-of-type:hover:before {border-bottom:12px solid rgba(70,75,106,1);} 
ul.dropdown li {position:relative;display:block;width:100%;max-width:600px;margin:0;padding:0 10px;transform:translate(0,-20px);color:rgba(70,75,106,0.75);font-size:12px;font-weight:600;text-align:left;background:#FFF;border-bottom:1px solid #ECECEC;line-height:50px;opacity:0;}
.dropdown:hover > ul.dropdown li {transform:translate(0,0);opacity:1;width:100%;-webkit-transition:opacity .35s ease-in-out, width .35s ease-in-out, transform .05s ease-in-out;transition:opacity .35s ease-in-out, width .35s ease-in-out, transform .05s ease-in-out;}
ul.dropdown li:first-of-type {margin:0 0 0 0;opacity:1;}
ul.dropdown li:last-of-type {border:0;}
ul.dropdown li:hover {background:#464B6A;color:#FFF;}
ul.dropdown li:hover > h4 {color:#FFF;}
ul.dropdown li h4 {margin:0;padding:0 20px;max-width:100%;font-weight:500;font-size:12px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.dropdown li img {-webkit-filter:invert(100%);position:absolute;display:block;top:50%;left:20px;width:16px;height:16px;margin:-8px 0 0 0;outline:0;border:0;}
ul.dropdown li:hover img {-webkit-filter:invert(100%);}
ul.dropdown li a {position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;outline:0;}

/* Customize */
nav.navigation ul.dropdown {top:47px;}

/* Dropdown Effect
ul.dropdown li {width:55%;} */
.dropdown:hover > ul.dropdown li:nth-of-type(1) {z-index:10;transform:translate(0,0);}
.dropdown:hover > ul.dropdown li:nth-of-type(2) {z-index:9;transform:translate(0,0);transition-delay:0s;}
.dropdown:hover > ul.dropdown li:nth-of-type(3) {z-index:8;transform:translate(0,0);transition-delay:.06s;}
.dropdown:hover > ul.dropdown li:nth-of-type(4) {z-index:7;transform:translate(0,0);transition-delay:.12s;}
.dropdown:hover > ul.dropdown li:nth-of-type(5) {z-index:6;transform:translate(0,0);transition-delay:.18s;}
.dropdown:hover > ul.dropdown li:nth-of-type(6) {z-index:5;transform:translate(0,0);transition-delay:.24s;}
.dropdown:hover > ul.dropdown li:nth-of-type(n+7) {z-index:4;transform:translate(0,0);transition-delay:.30s;}

.hidden {transition:opacity 0.5s ease;opacity:0.0;}
.visible {transition:opacity 0.5s ease;opacity:1.0;}

/* Elevio Style */
.ctxUnderline {border-bottom:0!important;}

/* Generic Resets */
.no-padding {padding:0!important;}
.no-margin {margin:0!important;}
.no-border {border:0!important;}
.no-shadow {box-shadow:none!important;}
ul.no-bullet {list-style-type:none;margin:0;}
body section.callout > div.no-callout {background:rgba(255,255,255,0);padding:0;border-radius:0;box-shadow:none;border:none;z-index:1;}
body section.callout > div.no-callout > img, body section.callout > div.no-callout > picture img {margin:0;max-width:100%;border-radius:5px;float:none;}
.fade {color:rgba(70,75,106,0.8);font-weight:500;}
.uppercase {text-transform:uppercase;letter-spacing:1px;}
i.fade {opacity:0.5;}

a.open-profile {position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:11;outline:0;border:0;}
iframe.open-profile {position:fixed;display:block;top:0;left:0;width:100%;height:100%;z-index:10001;outline:0;border:0;transition:opacity 0.5s 0.25s ease-in-out, width 0s 0.5s, height 0s 0.5s;}
iframe.open-profile.hide {width:0;height:0;opacity:0;transition:opacity 0.5s 0s, width:0s 0.5s, height 0s 0.5s;}
iframe.open-profile.show {width:100%;height:100%;opacity:1;transition:opacity 0.5s 0.25s ease-in-out, width 0s 0s, height 0s 0s;}
div.iframe-close {position:fixed;display:block;top:10px;right:10px;width:50px;height:50px;line-height:50px;cursor:default;color:rgba(255,255,255,1);text-align:center;font-size:26px;cursor:pointer;z-index:10002;transition:font-size .15s ease-in-out, top 0s, right 0s;}
div.iframe-close:hover {font-size:30px;}
div.iframe-close i:before {margin:0;}
div.iframe-close.hide {opacity:0;right:-50px;}
div.iframe-close.show {opacity:1;right:10px;}

/* One-off Styles */
body section.top-slider {margin-top:calc(-5vh - 50px);z-index:4;}

@media only screen and (max-width:1024px) {
    h1 {font-size:2.5em;}
    h2 {font-size:2em;}
    h3 {font-size:1.75em;}
    h4 {font-size:1.5em;}
    h5 {font-size:1.25em;}
    h5 {font-size:1.15em;}
    p {font-size:1em;}
    .hide-mobile, section[id] > div.hide-mobile {display:none!important;}
    .hide-desktop {display:inline-block!important;}

    /*.embellish > div {height:300px;}*/
    body > .banner-one, body > .banner-two {position:relative;top:auto;}
    /*#swap, .swap {display:block!important;margin:0 auto;}*/
    nav.navigation ul.hamburger {display:block;}
    nav.navigation > ul.nav-items {position:fixed;opacity:0;visibility:hidden;top:0;right:0;bottom:0;left:auto;width:275px;max-width:100%;padding-top:50px;text-align:left;background:rgba(70,75,106,1);-webkit-transition:visibility 0s .2s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out;-moz-transition:visibility 0s .2s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out;-o-transition:visibility 0s .2s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out;-ms-transition:visibility 0s .2s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out;transition:visibility 0s .2s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out;}
    /*nav.navigation:before {content:'';position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:30px;background:rgba(255,255,255,0) url(https://www.viralsweep.com/images/landing/logo-purple-sm.webp) top left no-repeat;background-size:auto 30px;font-size:0;}
    body.purple nav.navigation:before {background:rgba(255,255,255,0) url(https://www.viralsweep.com/images/logo-viralsweep-light.webp) top left no-repeat;background-size:auto 30px;}*/
    nav.navigation:before {content:'';position:fixed;display:block;top:0;left:0;width:100%;height:50px;background:rgba(250,250,255,0);border-bottom:1px solid rgba(70,75,106,0);opacity:0;transition:background .5s ease-in-out, border-color .5s ease-in-out, opacity .5s 0s ease-in-out;}
    body > .trigger.stuck + nav.navigation:before {background:rgba(250,250,255,0.97);border-color:rgba(70,75,106,0.08);transition:background .5s ease-in-out, border-color .5s ease-in-out, opacity 0s 0s;}
   /* body.purple nav.navigation ul.hamburger li {background:rgba(202,210,238,1);}
    body.purple nav.navigation.open ul.hamburger li {background:rgba(202,210,238,0);}*/
    nav.navigation.open {z-index:2147482999;}
    nav.navigation > ul.nav-items {transform:translate(20px,0);opacity:0;-webkit-transition:visibility 0s 0s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out, transform .2s ease-in-out;-moz-transition:visibility 0s 0s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out, transform .2s ease-in-out;-o-transition:visibility 0s 0s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out, transform .2s ease-in-out;-ms-transition:visibility 0s 0s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out, transform .2s ease-in-out;transition:visibility 0s 0s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out, transform .2s ease-in-out;}
    nav.navigation.open > ul.nav-items {opacity:1;visibility:visible;top:0;right:0;bottom:0;left:auto;width:300px;height:100vh;padding:50px 0 0 0;box-shadow:0 0 15px rgba(0,0,0,0.25);-webkit-transition:visibility 0s 0s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out, transform .2s ease-in-out;-moz-transition:visibility 0s 0s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out, transform .2s ease-in-out;-o-transition:visibility 0s 0s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out, transform .2s ease-in-out;-ms-transition:visibility 0s 0s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out, transform .2s ease-in-out;transition:visibility 0s 0s,opacity .2s ease-in-out, background .2s ease-in-out, width .2s ease-in-out, transform .2s ease-in-out;}
    nav.navigation > ul.nav-items > li {width:100%;clear:both;float:none;padding:10px 20px;border-left:0 solid rgba(255,255,255,0);color:rgba(255,255,255,1);line-height:50px;font-size:20px;border-bottom:1px solid rgba(0,0,0,0.15);}
    nav.navigation > ul.nav-items > li i {color:rgba(202,210,238,1);}
    nav.navigation > ul.nav-items > li.logo {display:none;}
    nav.navigation > ul.nav-items > li:not(.logo):hover {line-height:50px;border-left:10px solid rgba(0,0,0,0.25);}
    nav.navigation > ul.nav-items > li:not(.logo):after {display:none;}
    nav.navigation > ul.nav-items > li i.icon-down-open-big {display:none;}
    ul.dropdown {display:none;}

    body > header {min-height:0;}
    body > header .call-to-action, body > header .call-to-action.home {padding:80px 0 0 0;}
    body > header .call-to-action, body > header .call-to-action.home {padding:80px 0 0 0;}
    ul.select {margin:20px auto 0;padding:20px 0;text-align:center;}
    body > header ul.select {padding:20px 40px;}
    ul.select li,ul.select li:first-of-type,ul.select li:last-of-type {float:none;}
    ul.select li.brand, ul.select li.influencer, ul.select li {/*width:100%;*/max-width:500px;margin:0 auto 20px;padding:20px 0;clear:both;}
    ul.select:not(.home) li {width:100%;}
    section.join ul.select li {padding:20px 40px;}
    /*ul.select li.brand i, ul.select li.influencer i, ul.select li i {display:none;}*/
    body > header .promote {display:none;}
    body > header ul.select, body > header ul.select.home {margin:20px auto 0;}
    body > header:after {background-image:linear-gradient(transparent, rgba(70,75,106,0.25) 90%);}
    body.no-header > header {min-height:100vh;}
    body.no-header > section:first-of-type {padding-top:100px;}
    body.no-header > .banner-one, body.no-header > .banner-two {position:absolute;top:100vh;}
    body section {width:100%;padding:40px 20px;} 
    body section > div {width:100%;margin:0 0 20px 0;float:none;}
    body > footer {}
    body > footer > div {width:100%;margin:0 0 20px 0;}
    body > footer > div:first-of-type {width:100%;text-align:left;padding:0 10px;}
    body > footer > div:first-of-type img {max-width:200px;}
    body > footer > div ul {display:inline-grid;grid-template-columns:auto auto;width:100%;}
    body > footer > div ul li {display:inline-block;width:auto;float:none;margin:0 auto;margin-left:10px;margin-right:10px;line-height:30px;font-size:0.8rem;}
    body > footer > div ul li:first-child {display:block;grid-column-start:1;grid-column-end:3;text-align:left;padding-bottom:10px;font-size:1.25em;}
    body > footer > div ul li:first-child h1 {font-size:1em;}
    body section ul.slider {position:relative;top:auto;left:auto;right:auto;display:block;height:50px;padding:0;}
    body section ul.slider:after {content:'';position:relative;display:block;width:100%;height:0;outline:0;border:0;clear:both;}
    body section ul.slider li {position:relative;display:block;width:auto;height:50px;font-size:20px;background:rgba(255,255,255,0);border-radius:0;box-shadow:none;}
    body section ul.slider li i {vertical-align:middle;font-size:20px;}
    body section ul.slider li:first-of-type {left:auto;float:left;}
    body section ul.slider li:first-of-type i {float:left;}
    body section ul.slider li:last-of-type {right:auto;float:right;}
    body section ul.slider li:last-of-type i {float:right;}

    body section.steps .sort-navigate ul {padding:0;}
    body section.steps ul li {position:relative;width:calc(100% / 5);height:50px;line-height:50px;margin:0;text-align:center;float:left;border-left:0;padding:0;}
    body section.steps ul li:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:0;background:rgba(255,255,255,0);-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
    body section.steps ul li:hover {padding:0;border-left:0;}
    body section.steps ul li.selected {margin:0;padding:0;border-left:0;}
    body section.steps ul li:hover:after {height:3px;background:rgba(70,75,106,0.25);}
    body section.steps ul li.selected:after {height:3px;background:rgba(70,75,106,1);}
    body section.steps ul li h6 {color:rgba(70,75,106,0.30);}
    body section.steps ul li.selected h6 {color:rgba(70,75,106,0.75);}
    body section.steps ul li h5 {display:none;}

    /* One-off Styles */
    body section.top-slider {margin:0;}

    /* Features:Force Image To Top */
    body section.feature[id]:not(.sort) > div:first-of-type > img:not(.full), body section.feature[id]:not(.sort) > div:first-of-type > picture:not(.full) img, body section.feature[id]:not(.sort) > div img:not(.full) {margin:0!important;max-width:100%!important;}
    body section.feature[id] {margin:0 auto!important;}
    body section.feature[id] > div {display:block!important;float:none!important;margin:0 0 20px 0!important;padding:inherit;}

    section.preview video, section.preview img.cover {display:none!important;}
}

#swap, .swap {vertical-align:top;height:1em;width:0;text-overflow:ellipsis;}
#swap > span, .swap > span {position:absolute;height:1.3em;padding-bottom:.2em;border-bottom:1px dashed rgba(70,75,106,0.40);}

body section#integrations div {transition:background .2s ease-in-out;}
body section#integrations div:hover {background:rgba(70,75,106,1);}
body section#integrations > div * {transition:color .2s ease-in-out, transform .35s ease-in-out, opacity .35s ease-in-out;}
body section#integrations > div:hover * {color:rgba(202,210,238,1);}

#integration-header {margin:100px auto;}

#influencer-search {min-height:600px;z-index:4;background:transparent url(../images/promote/reach.webp) no-repeat;background-size:auto auto;background-position:calc(100% - 100px) 0px;padding:200px 0 50px 0;}
#influencer-search .top-adjust {margin-top:125px;}
#influencer-messaging .top-adjust {margin-top:225px;}
#influencer-payment .top-adjust {margin-top:50px;}
#influencer-leads .top-adjust {margin-top:200px;}
#influencer-messaging {min-height:600px;background:transparent url(../images/promote/messaging.webp) no-repeat;background-size:auto auto;background-position:50px 0px;padding:150px 0 0 0;}
#influencer-payment {min-height:600px;background:transparent url(../images/promote/payments.webp) no-repeat;background-size:auto auto;background-position:calc(100% - 400px) 0px;padding:250px 0 100px 0;}
#influencer-leads {min-height:600px;background:transparent url(../images/promote/analytics.webp) no-repeat;background-size:auto auto;background-position:calc(100%) 0px;padding:150px 0 100px 0;}
#integrations {padding:0 0 15px 0;z-index:4;}
#show-steps {padding-top:100px;z-index:5;margin-top:-15vh;}
#first {z-index:5;margin-top:-100px!important;}

#sweepstakes-hero {opacity:0;position:relative;max-width:1000px;width:100%;margin:0px auto 0;-webkit-animation:fadein 0.65s 1.5s ease-in-out forwards;-moz-animation:fadein 0.65s 1.5s ease-in-out forwards;-ms-animation:fadein 0.65s 1.5s ease-in-out forwards;-o-animation:fadein 0.65s 1.5s ease-in-out forwards;animation:fadein 0.65s 1.5s ease-in-out forwards;}
#sweepstakes-hero + ul.select {margin-top:-50px;}

/* Small Screens */
@media only screen and (max-width:768px) {
    body > header .call-to-action h1, body > header .call-to-action.home h1 {font-size:3em;}
}
@media only screen and (max-width:1024px) {
    #influencer-search, #influencer-messaging, #influencer-payment, #influencer-leads {background-size:contain;background-position:top center;padding:300px 20px 0 20px;}
    #influencer-search .no-callout:not(:empty) , #influencer-messaging .no-callout:not(:empty) , #influencer-payment .no-callout:not(:empty) , #influencer-leads .no-callout:not(:empty) {background:rgba(255,255,255,1);padding:40px;border-radius:5px;box-shadow:0 15px 35px rgba(70,75,106,.10), 0 5px 15px rgba(0,0,0,.07);z-index:2;}
    #influencer-search .top-adjust, #influencer-messaging .top-adjust, #influencer-payment .top-adjust, #influencer-leads .top-adjust {margin-top:0;}
    #integrations {padding:0 20px 0 20px;}
    #show-steps {margin-top:0;}
    #first {margin-top:-100px;padding:0;}
    body section#integrations {margin-bottom:20px;}
    #sweepstakes-hero {margin-top:40px;padding:0 40px;}
    #sweepstakes-hero + ul.select {margin:0 0 80px 0;}
    #integration-header {margin:50px auto 100px;}
    #integration-header li {float:none!important;}
}

/* lazyload */
.ll {/*transform:scale(0.9);*/opacity:0.25;transition:transform .35s ease-in-out, opacity .35s ease-in-out;}
.ll.loaded {/*transform:scale(1);*/opacity:1;}
.svg.ll,
.svg.lling {
    opacity:0!important;
}
.svg.ll.loaded {
    opacity:0.75!important;
    transition:opacity .250s!important;
}
.wave {position:absolute;top:0;left:0;width:100%;max-width:100%;height:auto;}
.wave.relative {position:relative;height:0;}
.svg.bg {position:relative;top:15vh;left:0;width:1200px;transform:translate(-5%,-15%) rotate(-19deg);z-index:-1;opacity:0!important;}
.svg.bg.lling {opacity:0!important;}
.svg.bg.loaded {opacity:0.02!important;transform:translate(-5%,-15%) rotate(-18deg);transition:opacity .750s ease-in, transform .75s ease-in!important;}
.wave.right .svg.bg {left:initial;right:-5%;}
.wave.relative .svg.bg.loaded {opacity:0.01!important}
.wave.header:before {content:'';position:absolute;top:0;left:0;width:100%;max-width:100%;height:100vh;max-height:1600px;background:transparent url(../images/wave.svg) left center no-repeat;opacity:0.02!important;transform:translate(-5%,-15%) rotate(-18deg);}
.wave.header img {display:none;}
@media only screen and (min-width:1600px) {
    .svg.bg {left:calc(50% - 800px);}
    .wave.right .svg.bg {right:calc(50% - 800px);}
}
@media only screen and (max-width:768px) {
    .wave {overflow-x:hidden;height:100vh;}
    .wave.relative {position:absolute;top:initial;height:100vh;}
    .svg.bg, .svg.bg.loaded {position:absolute;top:25vh;max-width:none;width:800px;max-width:calc(100vw + 50px);transform:translate(-5%,-15%) rotate(-19deg);opacity:0.02;}
    .wave {display:none!important;}
}
.helpText, .gist_help {cursor:help;}
.hide {display:none;}

#gist-app iframe {max-width:100%!important;}
.wistia_embed {overflow:hidden;border-radius:20px;border:1px solid rgba(70,75,106,0.1);}
div[role="dialog"] {position:initial;}