/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/



@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');


@font-face {
    font-family: Debata;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/Debata-Regular.ttf);
}

@font-face {
    font-family: Christmas Miracle;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/Miraculous&Christmas-1.ttf);
}

@font-face {
    font-family: Helvetica Neue;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/HelveticaNeue-Black.otf);
    font-weight:900;
}

@font-face {
    font-family: Helvetica Neue;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/Helvetica-Neue-Bold_22498.ttf);
    font-weight:800;
}

@font-face {
    font-family: Helvetica Neue;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/Helvetica%20Neu%20Bold.ttf);
    font-weight:400;
}

@font-face {
    font-family: Helvetica Neue;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/HelveticaNeue.ttf);
    font-weight:300;
}

@font-face {
    font-family: Helvetica Neue;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/HelveticaNeueLTStd-Lt.ttf);
    font-weight:200;
}

@font-face {
    font-family: Helvetica Neue;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/HelveticaNeueLTStd-UltLt.ttf);
    font-weight:100;
}

@font-face {
    font-family: FontAwesome;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/fontawesome-webfont-2.ttf);
}

@font-face {
    font-family: Shadows Into Light Two;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/ShadowsIntoLightTwo-Regular.ttf);
}

@font-face {
    font-family: Just Another Hand;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/JustAnotherHand.ttf);
}

@font-face {
    font-family: Heavitas;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/Heavitas.ttf);
}

@font-face {
    font-family: Playfair;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/PlayfairDisplay-Regular.ttf);
    font-weight:normal;
}

@font-face {
    font-family: Faster One;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/FasterOne-Regular.ttf);
    font-weight:normal;
}

@font-face {
    font-family: Mr Dafoe;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/MrDafoe-Regular.ttf);
    font-weight:normal;
}


@font-face {
    font-family: Baloo Tammudu;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/BalooTammudu-Regular.ttf);
    font-weight:normal;
}

@font-face {
    font-family: Futura;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/Futura%20Light%20Regular.otf);
    font-weight:200;
}

@font-face {
    font-family: Futura;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/futura-bold.ttf);
    font-weight:800;
}

@font-face {
    font-family: Futura;
    src: url(//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/futura%20medium%20bt.ttf);
    font-weight:400;
}

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
    font-family: Monument;
    src: url(https://510411.fs1.hubspotusercontent-na1.net/hubfs/510411/Monument%20Font/MonumentExtended-Thin.woff);
    font-weight:lighter;
}

@font-face {
    font-family: Monument;
    src: url(https://510411.fs1.hubspotusercontent-na1.net/hubfs/510411/Monument%20Font/MonumentExtended-Light.woff);
    font-weight:light;
}

@font-face {
    font-family: Monument;
    src: url(https://510411.fs1.hubspotusercontent-na1.net/hubfs/510411/Monument%20Font/MonumentExtended-Regular.woff);
    font-weight:normal;
}

@font-face {
    font-family: Monument;
    src: url(https://510411.fs1.hubspotusercontent-na1.net/hubfs/510411/Monument%20Font/MonumentExtended-Bold.woff);
    font-weight:bold;
}

@font-face {
    font-family: Monument;
    src: url(https://510411.fs1.hubspotusercontent-na1.net/hubfs/510411/Monument%20Font/MonumentExtended-Black.woff);
    font-weight:bolder;
}

@font-face {
    font-family: Belgro;
    src: url(https://510411.fs1.hubspotusercontent-na1.net/hubfs/510411/Belgro.ttf);
}



/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

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

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}
/* HTML 5 Reset */

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

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

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

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}


/*****************************************/
/* Start your style declarations here    */
/*****************************************/

::-webkit-scrollbar {
    width: 0px;
  height: 0px;
    background: transparent; /* make scrollbar transparent */
}

body {
   scrollbar-width: none;
  scrollbar-height: none;
  -ms-overflow-style: none; /* IE 11 */
  max-width: 100vw !important;
    overflow-x: hidden;
  margin:0px;
}

.full-height {min-height: 100vh !important;}

.pbhome-header {min-height: calc(100vh - 200px) !important;}


.hs-common-confirm-message {
    background-color: #4aa940 !important;
    border: 1px solid #4aa940 !important;
    color: #ffffff !important;
    text-align: center;
    font-weight: bold;}
    
.hs-common-error-message {
    background-color: #ab433f !important;
    border: 1px solid #ab433f !important;
    color: #ffffff !important;
    text-align: center;
    font-weight: bold;}

.widget-type-space {    display: list-item;}
  

#bottom-sticky-div.sticky-bottom {
     position: fixed !important;
     bottom: 0px !important;
    width: 100%;
    background: #000000;
    color:#ffffff !important;
    z-index: 999;
    padding: 25px 10px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.31);
  }

a.dropdown-toggle {padding-right: 30px !important;}

.grab-gradient {
    background: #3d4fc3; /* old browsers */ background: -moz-linear-gradient(45deg,  #3d4fc3 0%, #431f8e 100%); /* ff3.6-15 */ background: -webkit-linear-gradient(45deg,  #3d4fc3 0%,#431f8e 100%); /* chrome10-25,safari5.1-6 */ background: linear-gradient(45deg,  #3d4fc3 0%,#431f8e 100%); /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4fc3', endColorstr='#431f8e',GradientType=1 );
}


@media screen and (min-width: 800px) {
    .half {width: 50% !important;margin:0px !important;}
}

@media screen and (max-width: 800px) {
    .half {width: 100% !important;}
  .full-height-mobile {min-height: 100vh !important;}
}


@media screen and (min-width: 768px) {
    .smallscreen {
        display:none !important;
    }
    .largescreen {
        display:block;
    }
    #hero-image.smallscreen {
        display:block !important;
        background: none !important;
    } 
}

@media screen and (max-width: 768px) {
    .smallscreen {
        display: block;
    }
    .largescreen {
        display: none !important;
    }
  .smallscreen-full {width: 100vw !important;
padding-left: 0px !important;
padding-right: 0px !important;}
  
  .smallscreen-square {border-radius: 0px !important;}
}


.grab-widget-item-message {
    word-wrap: break-word !important;
}

#grab-widget-area > li > div > div.col-xs-11 > div > p > span {
    background-color: rgba(204, 231, 244, 0) !important;
    font-size: 14px !important;
    text-align: left !important;
    color: #666666 !important;
    font-weight: normal !important;
}

#grab-widget-area > li > div > div.col-xs-11 > div > p > a {
    background-color: rgba(204, 231, 244, 0) !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

.smcx-embed {
    border: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.opaque {
    opacity:0.5;
}

.opaque:hover {
    opacity:1;
}

.accordion {
    padding: 15px;
    border: solid 1px #f1f1f1;
    border-radius: 4px;
    margin: 10px auto;
}

.naked-faq .accordion {
    border: none !important;
}

.naked-faq {
    border: none !important;
}

.accordion_icon {
    color: #cacaca;
    margin: auto 8px auto 5px;
}

.accordion_content {
    margin-top: 20px;
      cursor: default;
}

.search-results .screenshot {
    margin: 13px !important;
}

.hs-img-widget img{
    width: 100% !important;
    max-width: none !important;
}

#hs_cos_wrapper_module_14434811701731290 > img{
    width: 100% !important;
    max-width: none !important;
}


#hs_cos_wrapper_module_14434818675728010 > img{
    width: 100% !important;
    max-width: none !important;
}

.row-fluid [class*="span"] {
    min-height:0px;
}

.progressborder1 {
    border-left: solid 30px #cacaca;
}
.progressborder2 {
    border-left: solid 30px #aeaeae;
}
.progressborder3 {
    border-left: solid 30px #07a813;
}

@media (max-width: 767px) {
.progressborder1 {
    border-left: solid 5px #cacaca;
}
.progressborder2 {
    border-left: solid 5px #aeaeae;
}
.progressborder3 {
    border-left: solid 5px #07a813;
}
    }



.cta_button:hover {
transform: scale(1.1);
}

h1, h2, h3, h4, h5, h6 {
        font-family: 'Helvetica Neue', sans-serif !important;
}

p, span, p span {
        font-family: 'Helvetica Neue', sans-serif !important;
}

.KredInstantActions {
    margin: auto !important;
}

.KredPlus.accordion {
    height: 40px !important;
    width: 457px !important;
}

body.kredible-badge.slim {
    background: none !important;
}

/* timeline css */

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
ul.timeline {
  padding-left:0px;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #f9f9f9;
  left: 50%;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
  width: 50%;
  float: left;
  clear: left;
  padding-right: 10px;
}

.timeline > li:before,
.timeline > li:after {
  content: " " !important;
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: 95%;
  float: left;
  border: 1px solid #d4d4d4;
  /*border-radius: 2px;*/
  /*padding: 20px;*/
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 24px;
  height: 24px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  right: -12px;
  /*background-color: #999999;*/
  z-index: 100;
  /*
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  */
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted {
  padding-left:10px;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge > a {
  color: #C5C7C5 !important;
}
.timeline-badge a:hover {
  color: #000 !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
    padding:20px;
    margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}

.tag-influence:after {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: Helvetica, Arial, sans-serif !important;
    content: "#influence";
  font-weight:bold;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    padding: 6px;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.tag-analytics:after {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: Helvetica, Arial, sans-serif !important;
    content: "#analytics";
  font-weight:bold;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    padding: 6px;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.tag-identity:after {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: Helvetica, Arial, sans-serif !important;
    content: "#identity";
  font-weight:bold;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    padding: 6px;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.tag-onlinepresence:after {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: Helvetica, Arial, sans-serif !important;
    content: "#onlinepresence";
  font-weight:bold;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    padding: 6px;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.tag-collaboration:after {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: Helvetica, Arial, sans-serif !important;
    content: "#collaboration";
  font-weight:bold;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    padding: 6px;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.tag-community:after {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: Helvetica, Arial, sans-serif !important;
    content: "#community";
  font-weight:bold;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    padding: 6px;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.tag-engagement:after {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: Helvetica, Arial, sans-serif !important;
    content: "#engagement";
  font-weight:bold;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    padding: 6px;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.tag-ugc:after {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: Helvetica, Arial, sans-serif !important;
    content: "#ugc";
  font-weight:bold;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    padding: 6px;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.tag-socialfootprint:after {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: Helvetica, Arial, sans-serif !important;
    content: "#socialfootprint";
  font-weight:bold;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    padding: 6px;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.tag-socialtokens:after {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: Helvetica, Arial, sans-serif !important;
    content: "#socialtokens";
  font-weight:bold;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    padding: 6px;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.timeline-footer{
    padding:20px;
    background-color:#f9f9f9;
}
.timeline-footer > a{
    cursor: pointer;
    text-decoration: none;
}
.tooltip{

    position:absolute;
    z-index:1020;
    display:block;
    visibility:visible;
    padding:5px;
    font-size:11px;
    opacity:0;
    filter:alpha(opacity=0);
    
}
.tooltip.in{
    /*opacity:0;
    filter:alpha(opacity=80);*/
    
}
.tooltip.top{
    margin-top:-2px;
}
.tooltip.right{
    margin-left:2px;
}
.tooltip.bottom{
    margin-top:2px;
}
.tooltip.left{
    margin-left:-2px;
}
.tooltip.top .tooltip-arrow{
    bottom:0;
    left:0;
    margin-left:0;
    border-left:0 solid transparent;
    border-right:5px solid transparent;
    border-top:0 solid #000;
}
.tooltip.left .tooltip-arrow{
    bottom:0;
    left:0;
    margin-left:0;
    border-left:0 solid transparent;
    border-right:5px solid transparent;
    border-top:0 solid #000;
}
.tooltip.bottom .tooltip-arrow{
    bottom:0;
    left:0;
    margin-left:0;
    border-left:0 solid transparent;
    border-right:5px solid transparent;
    border-top:0 solid #000;
}
.tooltip.right .tooltip-arrow{
    bottom:0;
    left:0;
    margin-left:0;
    border-left:0 solid transparent;
    border-right:5px solid transparent;
    border-top:0 solid #000;
}
.tooltip-inner{
    width:200px;
    padding:3px 8px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    background-color:#313131;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}
.tooltip-arrow{
    position:absolute;
    width:0;
    height:0;
}
.timeline > li.timeline-inverted{
  float: right; 
  clear: right;
  margin-top: 30px;
  margin-bottom: 30px;
}
.timeline > li:nth-child(2){
  margin-top: 60px;
}
.timeline > li.timeline-inverted > .timeline-badge{
  left: -12px;
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li {
      margin-bottom: 20px;
      position: relative;
      width:100%;
      float: left;
      clear: left;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 28px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
    
.timeline > li.timeline-inverted{
  float: left; 
  clear: left;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left:0px;
}

.timeline > li.timeline-inverted > .timeline-badge{
  left: 28px;
}
}


.box-border:hover {
    border: solid 2px #f1f1f1;
    border-radius: 4px;
}

.border-highlight {
  border-left:solid 20px #f1f1f1;
}

.border-highlight:hover {
  border-left:solid 20px #377ef7;
}

.border-highlight-grab {
  border-left:solid 20px #f1f1f1;
}

.border-highlight-grab:hover {
  border-left:solid 20px #431F8E;
}

.box-highlight-grab:hover {
  background: rgba(0,0,0,0.2);
}

.shadow {
    -webkit-filter: drop-shadow( 3px 3px 0px rgba(0,0,0,0.5) );
            filter: drop-shadow( 3px 3px 0px rgba(0,0,0,0.5) ); /* Same syntax as box-shadow */
}

 .page-center{
max-width: 900px !important;
margin: 0 auto!important;
float: none!important;
padding-left:25px;
padding-right: 25px;
}

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




/* The settings we need to offset anchor links - DO NOT EDIT */
.offset:before { 
    display: block; 
 	content: " "; 
  	height: 150px;      /* Give height of your fixed element */
        margin-top: -150px; /* Give negative margin of your fixed element */  	
        visibility: hidden; 
}

.full-width-form {
    max-width: 550px !important;
    margin: 0 auto !important;
float: none !important;
    padding-left: 10px;
    padding-right:10px;
}

.half-width-form {
    max-width: 550px !important;
    padding-left: 10px;
    padding-right:10px;
}

.full-width-table {
    max-width: 900px !important;
    margin: 0 auto !important;
float: none !important;
}

.2col-table {
    max-width: 600px !important;
    margin: 0 auto !important;
float: none !important;
}

.logo-slider {
    max-width: 400px;
     margin: 0 auto !important;
    padding-left: 10px;
    padding-right:10px;
float: none !important;
}

.max-width-1280 {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding-left: 100px;
    padding-right:100px;
float: none !important;
}

.max-width-1600 {
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding-left: 100px;
    padding-right:100px;
float: none !important;
}

.max-width-800 {
    max-width: 800px !important;
    margin: 0 auto !important;
    padding-left: 25px;
    padding-right:25px;
float: none !important;
}

 .page-center{
max-width: 900px !important;
margin: 0 auto!important;
float: none!important;
padding-left:25px;
padding-right: 25px;
}



.navlogo {
    max-height:35px !important;
    width: auto;
}

.table-top td, th {
    vertical-align:top;
}

.more-copy accordion_group {
background: none;
border: none;
}

.more-copy accordion_icon {
    display: none;
}

.more-copy accordion_group expanded {
    background: none;
border: none;
}

.search-page a, .search-page .search-result {
    color: #666666 !important;
}

.search-page h1,h2 {
    text-align: center !important;
}

.search-page h2 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.greyscale img {
     -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.greyscale img:hover {
     -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.code {
    min-height: 20px;
    color: #2CBF6D;
    font-family: monospace !important;
    font-size: 18px;
    margin-bottom: 20px;
    background-color: #f9f9f9;
    border: 1px solid #f1f1f1;
    padding: 24px;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

code {
    font-family: monospace !important;
}

/* entire container, keeps perspective */
.flip-container {
    perspective: 1000;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 100%;
	height: auto;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}


a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333}%}

 .hs-page-center-bg{
    max-width: 980px;
    margin: 0 auto!important;
    float: none!important;
}
          
.hs-full-width-bg{
    background: url('//510411.fs1.hubspotusercontent-na1.net/hubfs/510411/Area-Map.png') no-repeat center top;
    background-size: contain;
    height:500px;
}


.pb-gradient-button {
    margin: 5px;
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 3px;
    padding: 12px 12px 10px 16px;
    border-radius: 500px;
    background: -moz-linear-gradient(-45deg, rgba(55,126,247,0.8) 0%, rgba(6,216,188,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(55,126,247,0.8) 0%,rgba(6,216,188,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(55,126,247,0.8) 0%,rgba(6,216,188,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc377ef7', endColorstr='#cc06d8bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background:#377ef7;
  font-weight: bold !important;
      display: inline-block;
      cursor: pointer;
}

.grab-primary-button {background: #3d4fc3; /* old browsers */ background: -moz-linear-gradient(45deg,  #3d4fc3 0%, #431f8e 100%); /* ff3.6-15 */ background: -webkit-linear-gradient(45deg,  #3d4fc3 0%,#431f8e 100%); /* chrome10-25,safari5.1-6 */ background: linear-gradient(45deg,  #3d4fc3 0%,#431f8e 100%); /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4fc3', endColorstr='#431f8e',GradientType=1 );

margin: 5px;
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 3px;
    padding: 12px 12px 10px 16px;
    border-radius: 500px;
    
  font-weight: bold !important;
      display: inline-block;


}

.grab-primary-button:hover {
color:#ffffff;
    transform:scale(1.01);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}


.pb-gradient-button-disabled {
    margin: 5px;
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 3px;
    padding: 12px 12px 10px 16px;
    border-radius: 500px;
    background: rgba(55, 126, 247, 0.5);
}

.pb-gradient-button-disabled:hover {
    color: #ffffff !important;
}


.pb-gradient-button:hover {
    color: #ffffff !important;
    transform:scale(1.01);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}

.pb-naked-button {
    margin: 5px;
    text-transform: uppercase;
    font-size: 12px;
    color: #666666 !important;
    letter-spacing: 3px;
    padding: 12px 12px 10px 16px;
    border-radius: 500px;
    border: solid 2px rgba(0,0,0,0);
  font-weight: bold !important;
      cursor: pointer;
}

.pb-naked-button a {
    color: #666666;
}

.pb-naked-button a:hover {
    color: #666666;
}

.pb-naked-button:hover {
    border: solid 1px #cacaca;
}


.pb-secondary-button {
    margin: 5px;
    text-transform: uppercase;
    font-size: 12px;
    color: #666666 !important;
    letter-spacing: 3px;
    padding: 12px 12px 10px 16px;
    border-radius: 500px;
    border: solid 2px #f1f1f1;
  font-weight: bold !important;
      display: inline-block;
      cursor: pointer;
}

.pb-secondary-button a {
    color: #666666;
}

.pb-secondary-button a:hover {
    color: #666666;
}

.pb-secondary-button:hover {
    border:none;
    transform:scale(1.01);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
border: solid 2px #ffffff;
}

.pb-secondary-button-light {
    margin: 5px;
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffff !important;
    letter-spacing: 3px;
    padding: 12px 12px 10px 16px;
    border-radius: 500px;
    border: solid 2px #ffffff;
  font-weight: bold !important;
      cursor: pointer;
}

.pb-secondary-button-lighter {
    margin: 5px;
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffff !important;
    letter-spacing: 3px;
    padding: 12px 12px 10px 16px;
    border-radius: 500px;
    border: solid 2px rgba(255,255,255,0.2);
  font-weight: bold !important;
}

.pb-secondary-button-lighter:hover {
    border: solid 2px rgba(255,255,255,1);
}

.pb-secondary-button-light a {
    color: #ffffff;
}

.pb-secondary-button-light a:hover {
    color: #ffffff;
}

.pb-secondary-button-light:hover {
    background:rgba(0,0,0,0.6);
    transform:scale(1.01);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
border: solid 2px #ffffff;
}

.pb-feature-video-wrapper {
    position: relative;
    text-align: center;
    margin-bottom: -20%;
    padding: 0 100px;
    z-index: 1;
}

.pb-feature-video {
    width:100%;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 10px 50px -15px rgba(0,0,0,0.25), 0 25px 25px -20px rgba(0,0,0,.05);
    max-width: 100%;
}

.pb-feature-block {
    background-color: #f3f5f7;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    padding: 25% 30px 50px;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.03);
}


.pb-leftfeature-media {
    width:100%;
    border: 1px solid #e4e5e6;
    border-radius: 5px;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
    max-width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.pb-rightfeature-media {
    width:100%;
    border: 1px solid #e4e5e6;
    border-radius: 5px;
    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
    max-width: 100%;
}



@media (max-width: 768px) {
.pb-feature-video-wrapper {
    padding: 0 10px;
}

.pb-leftfeature-block {
    padding: 8% 20px 20px 20px !important;
    border-left: none;
    border-right: none;
    border-radius: none;
    margin-top: -2% !important;
    margin-left: none !important;
    margin-right: none !important;
    background-color: none;
    border-top: none;
    border-bottom: none;
    box-shadow: none; 
    height:100%;
    display:table !important;
    position: relative;
}

.pb-leftfeature-media-wrapper {
    margin: 0 10px -2% 10px !important;
    position: relative;
    padding: none !important;
    text-align: center;
    z-index: 1;
}

.pb-rightfeature-block {
    padding: 20px 20px 8% 20px !important;
    border-left: none;
    border-right: none;
    border-radius: none;
    margin-bottom: -2% !important;
    margin-left: none !important;
    margin-right: none !important;
    background-color: none;
    border-top: none;
    border-bottom: none;
    box-shadow: none; 
    height:100%;
    display:table !important;
    position: relative;
}

.pb-rightfeature-media-wrapper {
    margin: -2% 10px 0 10px !important;
    position: relative;
    padding: none !important;
    text-align: center;
    z-index: 1;
}

  .max-width-1280 {
   padding-left: 25px;
    padding-right:25px;
}

.max-width-1600 {

    padding-left: 25px;
    padding-right:25px;

}
  

}

@media (min-width: 768px) {
.pb-feature-block {
    display: table;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-radius: 3px;
    width: 100%;
    padding: 25% 10% 50px;
}

.pb-leftfeature-block {
    background-color: #ffffff;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 50px 50px 50px 8% !important;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.03); 
    height:100%;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    border-radius: 3px;
    margin-left: -2% !important;
    margin-right: 2% !important;
    display:table !important;
    position: relative;
}

.pb-leftfeature-media-wrapper {
    margin: 50px -2% 50px 2% !important;
    position: relative;
    padding: none !important;
    text-align: center;
    z-index: 1;
}

.pb-rightfeature-block {
    background-color: #ffffff;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 50px 8% 50px 50px !important;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.03); 
    height:100%;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    border-radius: 3px;
    margin-right: -2% !important;
    margin-left: 2% !important;
    display:table !important;
    position: relative;
}

.pb-rightfeature-media-wrapper {
    margin: 50px 2% 50px -2% !important;
    position: relative;
    padding: none !important;
    text-align: center;
    z-index: 1;
}
  
  
  
  
}

.pb-gradient-overlay {width: 100%;
height: 100%;
background: -moz-linear-gradient(45deg, rgba(0,0,0,0.99) 0%, rgba(0,0,0,0.85) 49%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ 
background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.99) 0%,rgba(0,0,0,0.85) 49%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ 
background: linear-gradient(45deg, rgba(0,0,0,0.99) 0%,rgba(0,0,0,0.85) 49%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb000000', endColorstr='#fa000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.pb-tile {
        animation: lay 1s ease 1;
        transform: rotateX(15deg) scale(1.0);
        z-index:inherit;
        position: relative;
        margin-top:-50px;
        filter: drop-shadow(0px 15px 15px rgba(0,0,0,0.15));
        -webkit-filter: drop-shadow(0px 15px 15px rgba(0,0,0,0.15));
        border-radius: 10px;
}

.pb-tile:hover {
        animation: stand 1s ease 1;
        transform: rotateX(0deg) scale(1.1);
        z-index:4;
        position: relative;
}

.pb-tile img {
    border-radius: 10px;
}

#descriptor1 img, #descriptor2 img, #descriptor3 img, #descriptor4 img, #descriptor5 img, #descriptor6 img, #descriptor7 img, #descriptor8 img, #descriptor9 img, #descriptor0 img {
border-radius: 0px;
filter: brightness(0) invert(1);
}

#descriptor1, #descriptor2, #descriptor3, #descriptor4, #descriptor5, #descriptor5, #descriptor6, #descriptor7, #descriptor8, #descriptor9, #descriptor0 {
position: absolute;
    top: 25px;
    left: -10px;
    z-index: 999; 
    font-weight: 200; font-size: 14px; background: #000000; color: #ffffff; text-transform: uppercase; letter-spacing: 4px;padding: 10px 20px 8px 20px; border-radius: 500px;
}


/* WebKit and Opera browsers */
  @-webkit-keyframes stand {
    from { -webkit-transform: rotateX(15deg) scale(1.0);z-index:inherit; }
    to   { -webkit-transform: rotateX(0deg) scale(1.1); z-index:4;}
  }

  /* all other browsers */
  @keyframes stand {
    from {
      -moz-transform: rotateX(15deg) scale(1.0);
      -ms-transform: rotateX(15deg) scale(1.0);
      transform: rotateX(15deg) scale(1.0);
      z-index:inherit;
    }
    to {
      -moz-transform: rotateX(0deg) scale(1.1);
      -ms-transform: rotateX(0deg) scale(1.1);
      transform: rotateX(0deg) scale(1.1);
      z-index:4;
    }
  }
  
/* WebKit and Opera browsers */
  @-webkit-keyframes lay {
    from { -webkit-transform: rotateX(0deg) scale(1.1); z-index:4;    }
    to   { -webkit-transform: rotateX(15deg) scale(1.0); z-index:inherit; }
  }

  /* all other browsers */
  @keyframes lay {
    from {
      -moz-transform: rotateX(0deg) scale(1.1);
      -ms-transform: rotateX(0deg) scale(1.1);
      transform: rotateX(0deg) scale(1.1);
      z-index:4;
    }
    to {
      -moz-transform: rotateX(15deg) scale(1.0);
      -ms-transform: rotateX(15deg) scale(1.0);
      transform: rotateX(15deg) scale(1.0);
      z-index:inherit;
    }
  }


@media (max-width: 768px) {
    
    .pb-tile:hover {
        animation: stand 1s ease 1;
        transform: rotateX(0deg) scale(1.0);
        z-index:4;
        position: relative;
}
  
  .pb-gradient-button, .pb-secondary-button, .pb-secondary-button-light {    display: block;
    text-align: center;}
  

/* WebKit and Opera browsers */
  @-webkit-keyframes stand {
    from { -webkit-transform: rotateX(15deg) scale(1.0);z-index:inherit; }
    to   { -webkit-transform: rotateX(0deg) scale(1.0); z-index:4;}
  }

  /* all other browsers */
  @keyframes stand {
    from {
      -moz-transform: rotateX(15deg) scale(1.0);
      -ms-transform: rotateX(15deg) scale(1.0);
      transform: rotateX(15deg) scale(1.0);
      z-index:inherit;
    }
    to {
      -moz-transform: rotateX(0deg) scale(1.0);
      -ms-transform: rotateX(0deg) scale(1.0);
      transform: rotateX(0deg) scale(1.0);
      z-index:4;
    }
  }
  
/* WebKit and Opera browsers */
  @-webkit-keyframes lay {
    from { -webkit-transform: rotateX(0deg) scale(1.0); z-index:4;    }
    to   { -webkit-transform: rotateX(15deg) scale(1.0); z-index:inherit; }
  }

  /* all other browsers */
  @keyframes lay {
    from {
      -moz-transform: rotateX(0deg) scale(1.0);
      -ms-transform: rotateX(0deg) scale(1.0);
      transform: rotateX(0deg) scale(1.0);
      z-index:4;
    }
    to {
      -moz-transform: rotateX(15deg) scale(1.0);
      -ms-transform: rotateX(15deg) scale(1.0);
      transform: rotateX(15deg) scale(1.0);
      z-index:inherit;
    }
  }

    
    }
    
    
.pb-lesson-card {
    background:#ffffff; border: solid 1px #f1f1f1;    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.03); border-radius:3px; padding-bottom:25px;margin-bottom:25px;
}

.pb-customer-text {
    padding-top:150px !important;
    padding-bottom:150px !important;
}

img.pb-customer-image {
    width: 100% !important;
    height: auto !important;
}

@media (max-width: 768px) {
    .pb-customer-text {
    padding-top:75px!important;
    padding-bottom:75px!important;
}
}

a.pb-hero-link {
    color: rgba(255,255,255,0.7) !important;
}

a.pb-hero-link:hover {
    color: #ffffff !important;
}

#intercom-container .intercom-app .intercom-messenger-frame {
    left: 20px !important;
}
#intercom-container .intercom-app .intercom-launcher-frame {
    left: 20px !important;
}
.md-skin #intercom-container .intercom-borderless-frame {
    left: 0px!important;
}
#intercom-container .intercom-borderless-frame {
    left: calc(20px - 10px)!important;
}

#intercom-container .intercom-notifications-frame {
    left: 20px!important;
    right: auto !important;
}

#intercom-container .intercom-gradient {
    z-index: 2147482999;
    position: fixed;
    width: 500px;
    height: 500px;
    bottom: 0;
    right: auto !important;
    content: "";
    pointer-events: none;
    background: radial-gradient(ellipse at bottom left,rgba(29,39,54,.16) 0,rgba(29,39,54,0) 72%)!important;
    left: 0!important;
}

.go{
    width: auto;
    display: inline-block;
}

.go a p.go-button span{
  position: relative;
  content: 'Instantly Activate'
}
.go:hover a p.go-button span{
  display: none;
}
.go:hover a p.go-button:after{
  content: 'Instantly Activate a Profile';
}

.go-button {
    margin: 5px;
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffff !important;
    letter-spacing: 3px;
    padding: 12px 12px 10px 16px;
    border-radius: 500px;
    background:#ff8601;
    border: solid 1px #ff8601;
}

.go-button a {
    color: #ffffff;
}

.go-button a:hover {
    color: #ffffff;
}

.go-button:hover {
    background:#ff8601;
    border: solid 1px #ff8601;
    transform:scale(1.01);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}

.pb-pagination {
    position: fixed;
    top: 40%;
    right: 33px;
    z-index: 98;
}

.pb-pagination {
    display: inline-block;
    padding-left: 0;
    margin: 26px 0;
    border-radius: 4px;
}

.pb-pagination .sign-me-up-active {
    display: block;
    -moz-animation: sign-me-up-active .5s;
    -webkit-animation: sign-me-up-active .5s;
    animation: sign-me-up-active .5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.pb-pagination .sign-me-up {
    position: absolute;
    background-color: #77c13d;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    min-width: 75px;
    top: 156px;
    right: -1000px;
    letter-spacing: 1px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -moz-animation: sign-me-up .5s;
    -webkit-animation: sign-me-up .5s;
    animation: sign-me-up .5s;
}

.pb-pagination .sign-me-up .triangle {
    position: absolute;
    right: -13px;
    top: 19px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 13.0px;
    border-color: transparent transparent transparent #77c13d;
}

.pb-pagination .sign-me-up a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 10px;
    outline: 0;
}

.pb-pagination ul {
    width: 40px;
    height: 210px;
    padding-left: 0;
    margin: 0 auto;
}
    
.pb-pagination ul li {
    padding: 9px 0;
    margin: 0 auto;
    list-style: none;
}

.pb-pagination ul li .pagination-dot.active {
    background-color: #377ef7;
}

.pb-pagination ul li .pagination-dot {
    display: block;
    height: 10px;
    width: 10px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #cacaca;
}

.tile-layer:hover {
    z-index:5 !important;
}

.animate-flicker {
animation: flickerAnimation 2s infinite;
}
    
@keyframes flickerAnimation {
    
    0% {
    opacity: 1;
}

50% {
    opacity: 0;
}

100% {
    opacity: 1;
}
}

.theme-block {
    margin-bottom: 25px;
}

.theme-image:hover {
    filter: blur(10px);
}

.theme-image-wrapper {
    position: relative;
}

.theme-caption {
    background: rgba(0,0,0,0.4); z-index:25; width: 100% !important; height: 100% !important; position: absolute; top: 0px; padding:5%; color:#ffffff; 
}

.theme-caption td {
    padding: 7px;
}

#caption-1, #caption-2, #caption-3, #caption-4, #caption-5, #caption-6, #caption-7, #caption-8 {display:none;}

.theme-buttons {position: absolute; bottom: 5%; right: 5%;}

@media screen and (max-width: 1200px) {
.theme-buttons {position: relative;
    bottom: inherit;
    right: inherit;
    text-align: center;
    padding-top: calc(30% - 25px);}
.theme-table {display: none !important;}
}


.team-card:hover {
    transform: scale(1.3);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    border-radius: 10px;
    padding: 15px;
    background: #ffffff;
}



.pb-homepage-feature {
    padding-top: 250px;
    padding-bottom: 250px;
    padding-top: 10vh;
    padding-bottom: 10vh;
}

.team-inclusions img {
    padding: 10px;
    filter: invert(1) brightness(0.6);
}

.team-inclusions img:hover {
    filter: invert(1) brightness(0.3);
}

.api-inclusions img {
    padding: 10px;
    max-width:75px;
    filter: invert(1) brightness(1);
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.api-inclusions img:hover {
    filter: invert(1) brightness(0.6);
}

.api-inclusions .description {
    font-size: 16px;
    font-weight: 200;
    margin: 5px 0px;
    text-align: center;
}

.dev-inclusions img {
    padding: 10px;
    filter: invert(1) brightness(1);
}

.socialos-copy-right {
    margin-top: 8%;
    text-align: left;
}

.socialos-copy-left {
    margin-top: 8%;
    padding-right: 50px;
    text-align: right;
}

.socialos-section-1 {
        margin-top: -10vw;
}

.socialos-section-2 {
        margin-top: -10vw;
}

.socialos-section-3 {
        margin-top: -5vw;
}

@media screen and (max-width: 1400px) {
.socialos-section-1 {
}

.socialos-section-2 {
        margin-top: 0px;
}

.socialos-section-3 {
        margin-top: 0px;
}

.socialos-copy-right {
    margin-top: 5%;
}

.socialos-copy-left {
    margin-top: 5%;
    padding-right: 50px;
}
}



@media screen and (max-width: 768px) {
    .socialos-copy-right {
    margin-top: 0px;
    text-align: right !important;
        padding-right: 20px;
    padding-left: 20px;
}

.socialos-copy-left {
    margin-top: 15vh;
    text-align: left !important;
        padding-right: 20px;
    padding-left: 20px;
}

.socialos-img-left {
    margin-top: 25px;
}

.socialos-img-right {
    margin-top: 25px;
}

.socialos-img-left img {
    max-width:100px;
}

.socialos-img-right img {
    max-width:100px;
    float: right;
}

.dev-inclusions img {
    max-width:75px;
}

.team-inclusions img {
    max-width:75px;
}



}

.quote-avatar img {
    border-radius:50%;
    max-width: 115px;
    margin-bottom: 15px;
}

.integration-avatar img {
    max-width: 115px;
    margin-bottom: 15px;
}

.accordion-ctas {
        display: inline-block;
    text-align: right;
    width: 100%;
}

.no-labels label {
    display: none !important;
}

.comment {margin: 25px 0px;}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

.ectag {
    
    padding: 5px;
    border: solid 1px #f1f1f1;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 80%;

}

.pulse {
  box-shadow: 0 0 0 rgba(55, 126, 247, 0.4);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(55, 126, 247, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(55, 126, 247, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(55, 126, 247, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(55, 126, 247, 0.4);
    box-shadow: 0 0 0 0 rgba(55, 126, 247, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(55, 126, 247, 0);
      box-shadow: 0 0 0 10px rgba(55, 126, 247, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(55, 126, 247, 0);
      box-shadow: 0 0 0 0 rgba(55, 126, 247, 0);
  }
}

.pulse-strong {
  box-shadow: 0 0 0 rgba(55, 126, 247, 0.8);
  animation: pulsestrong 2s infinite;
}
.pulse-strong:hover {
  animation: none;
}

@-webkit-keyframes pulsestrong {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(55, 126, 247, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(55, 126, 247, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(55, 126, 247, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(55, 126, 247, 0.8);
    box-shadow: 0 0 0 0 rgba(55, 126, 247, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(55, 126, 247, 0);
      box-shadow: 0 0 0 10px rgba(55, 126, 247, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(55, 126, 247, 0);
      box-shadow: 0 0 0 0 rgba(55, 126, 247, 0);
  }
}




.pulse-red {
  box-shadow: 0 0 0 rgba(236, 35, 35, 0.8);
  animation: pulse-red 2s infinite;
  animation-fill-mode: both;
}


@-webkit-keyframes pulse-red {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(236, 35, 35, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(236, 35, 35, 0.2);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(236, 35, 35, 0);
  }
}
@keyframes pulse-red {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(236, 35, 35, 0.8);
    box-shadow: 0 0 0 0 rgba(236, 35, 35, 0.8);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(236, 35, 35, 0.2);
      box-shadow: 0 0 0 10px rgba(236, 35, 35, 0.2);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(236, 35, 35, 0);
      box-shadow: 0 0 0 0 rgba(236, 35, 35, 0);
  }
}






.skewedshadow {
  position: relative;
}

.skewedshadow:before {
  position: absolute;
  z-index: -1;
  content: "";
  width: inherit;
  height: inherit;
  background: rgba(0,0,0, .25);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
  filter: blur(20px);
  transform:  rotate(31.5deg) translateX(100px) translateY(0px) skewX(4deg) skewY(-31.5deg);
}

blockquote {
        border-left: solid 4px #f1f1f1;
    padding-left: 15px;
    font-family: Playfair !important;
    font-style: italic;
}

.ui-frame {
    background: #ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative; 
    overflow: hidden; 
    -webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15); 
    -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15); 
    box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);     
}

.footer-links a {
    text-align: left;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 3px;
    color: #ffffff !important;
    margin-bottom: 15px !important;
    display: inline-block;
}

.rh-cta {
    text-align:right ;
        text-align: -webkit-right;
}

@media screen and (max-width: 768px) {
    .rh-cta {
    text-align:center;
        text-align: -webkit-center;
}
}


h1 {
    font-size: 48px !important;
    font-weight: 400 !important;
    font-family: Helvetica Neue, sans-serif !important;
}
h2 {
    font-size: 36px !important;
    font-weight: 400 !important;
    font-family: Helvetica Neue, sans-serif !important;
}
h3 {
    font-size:24px !important;
    font-weight:400 !important;
}
h4 {
    font-size:18px !important;
    font-weight:200 !important;
}
h5 {
    font-size:16px !important;
    font-weight:200 !important;
}
p {
    font-size:16px !important;
    font-weight:200 !important;
}

ul, ol {
    font-size:16px;
    font-weight:200 !important;
}

  .snoc-addressbar {font-size:18px !important;}


@media screen and (max-width: 900px) {
    .channel-preview {
    height: 60vw;
    }
  
  .domain-feature {
    width: 100% !important;
    }
  
    .conversations-preview, .contacts-preview {
        display: none !important;
    }
    h1 {
    font-size:36px !important;
    font-weight:400 !important;
    font-family: Helvetica Neue, sans-serif !important;
}
h2 {
    font-size:24px !important;
    font-weight:400 !important;
    font-family: Helvetica Neue, sans-serif !important;
}
h3 {
    font-size:18px !important;
    font-weight:400 !important;
}
h4 {
    font-size:16px !important;
    font-weight:200 !important;
}
h5 {
    font-size:14px !important;
    font-weight:200 !important;
}
  .snoc-addressbar {font-size:14px !important;}

}

.excerpt-body {
    height: fit-content !important;
}

.ui-frame {
    background: #ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative; 
    overflow: hidden; 
    -webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15); 
    -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15); 
    box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);     
}



@-webkit-keyframes { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in-1 {
    opacity:0;
    -webkit-animation:fadeIn ease-in 1;
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards; 
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}

.fade-in-2 {
    opacity:0;
    -webkit-animation:fadeIn ease-in 1;
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards; 
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
    
    -webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
animation-delay: 2s;
}

.fade-in-3 {
    opacity:0;
    -webkit-animation:fadeIn ease-in 1;
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards; 
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
    
    -webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
animation-delay: 3s;
}

 .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.plan-body .accordion_content {font-size: 14px !important; margin-top: 5px;}
.plan-body .accordion {padding: 0px; border: none; border-radius: 0px; margin: 0px;}
td.plan-inclusion {padding: 10px 0px;}
td.plan-icon {text-align: right !important; vertical-align: top !important; padding: 10px 0px;}
.plan-feature-image {margin-bottom: 25px;max-width: 50px;}

  .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.pb-modal > .mfp-close {
color: #cacaca !important;
    right: 20px;
    top: 20px;
}

.pb-modal > .mfp-close:active {
color: #666666 !important;
    right: 20px;
    top: 20px;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button, div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
    border-radius: 100px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
}

div#hs-eu-cookie-confirmation {
    background: rgba(255,255,255,0.9) !important;
    border-bottom: none !important;
    border-top: none !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
   background: none !important;
}


.events-slider .hs_cos_gallery_main.slick-fixed-height-slider .slick-slide .slick-slide-inner-wrapper {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 25px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
  margin: 15px !important;
}

.events-slider .hs_cos_gallery_main .slick-slide img, .events-slider .hs_cos_gallery_thumbnails .slick-slide img, .events-slider .hs_cos_gallery_lightbox .slick-slide img {
    width: 100%;
}

.quotes-slider .hs_cos_gallery_main .slick-slide img, .quotes-slider .hs_cos_gallery_thumbnails .slick-slide img, .quotes-slider .hs_cos_gallery_lightbox .slick-slide img {
    max-width: 180px;
}

.events-slider .hs_cos_gallery_main, .events-slider .hs_cos_gallery_thumbnails, .events-slider .hs_cos_gallery_lightbox {padding: 0px;}

.quotes-slider .caption blockquote {
margin-left: 0px;
    margin-right: 0px;
  }

.events-slider .caption {
padding: 15px;
}

.quotes-slider .caption {
margin-top: 50px !important;
}

.quotes-slider .caption img, .events-slider .caption img {
    display: inline-block;
width: inherit !important;
}

  .searchbar-gradient {
  background: linear-gradient(135deg, #86d541, #6cb621); background-size: 400% 400%;  -webkit-animation: AnimationName 30s ease infinite; -moz-animation: AnimationName 30s ease infinite; animation: AnimationName 30s ease infinite;  }
  
  @-webkit-keyframes AnimationName {     0%{background-position:0% 50%}     50%{background-position:100% 50%}     100%{background-position:0% 50%} } @-moz-keyframes AnimationName {     0%{background-position:0% 50%}     50%{background-position:100% 50%}     100%{background-position:0% 50%} } @keyframes AnimationName {      0%{background-position:0% 50%}     50%{background-position:100% 50%}     100%{background-position:0% 50%} }
  

 .pricing-plan {background:rgba(255,255,255,1); border:solid 1px #f1f1f1; border-radius:5px;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);}
  .plan-label {height: 50px !important;text-align: center !important;    padding: 19px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 3px;
  color:#ffffff;}
  .plan-title {padding: 25px 25px 0px 25px;}
  .plan-title h2 h3 {text-align: center !important; color:#ffffff;}
  .plan-title h2 {    font-size: 14px !important;
    font-weight: 200 !important;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 2px;}
  .plan-title h3 {font-size: 48px !important;
    font-weight: 200 !important;
    text-align: center;
    color:#000000;
  letter-spacing: 3px;}
  .plan-title h3 sup {font-size: 47%;
    margin: 0px 5px;
    color: #cacaca;
    letter-spacing: 3px;}
  .plan-body {padding:25px; font-size:16px;}
  .plan-body i {color: #28a745;}
  .plan-body a {color:#666666;}
  .plan-cta {border-top:solid 1px #f1f1f1; padding: 15px;}
  .plan-cta a {display: block;
    text-align: center;}
  .glossary-item {padding-top:50px;padding-bottom: 50px;border-bottom: solid 1px #f1f1f1;}
  .glossary-img {-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);}
  .glossary-body {padding-top: 50px;}
  .glossary-body a.pb-secondary-button {float:right;}

.gold-bg {background: #c5a358; /* Old browsers */
background: -moz-linear-gradient(45deg, #c5a358 0%, #fcedab 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #c5a358 0%,#fcedab 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #c5a358 0%,#fcedab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5a358', endColorstr='#fcedab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
  
.nftkred-label {background: #f1f1f1;
    color: #cacaca;
    padding: 2px 9px;
    border-radius: 4px;
    display: inline-block;
 font-size: 14px;
margin-bottom:10px;}

.feature-tile-1 .nftkred-label {background: #2fdd74;
    color: #ffffff; font-size: inherit !important; margin-bottom: inherit !important;}
.feature-tile-2 .nftkred-label {background: #377ef7;
    color: #ffffff; font-size: inherit !important; margin-bottom: inherit !important;}
.feature-tile-3 .nftkred-label {background: #ff8a52;
    color: #ffffff; font-size: inherit !important; margin-bottom: inherit !important;}


.padded-section {padding-top: calc(5vw + 100px); padding-bottom: calc(5vw + 100px);}
.nopad-top {padding-top: 0px;}
.nopad-bottom {padding-bottom: 0px;}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.token-card {width: 100%;
    max-width: 300px;
    background: white;
    text-align: left;
    color: #666666;
  display: inline-block;
    margin: 15px;
  border-radius: 2px;
  overflow: hidden;
      -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
  position:relative;
}

.token-card.token-live:after {

  position: absolute;
    top: 10px;
    right: 10px;
  font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
   content: "\f03d  join";
   display: inline-block;
   vertical-align: middle;
   font-weight:900;
   text-transform: uppercase;
   background:#fff;
   padding: 6px;
   border-radius: 4px;
  font-size: 14px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.token-card.token-scheduled:after {
position: absolute;
    top: 10px;
    right: 10px;
  font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
   content: "\f271  join";
   display: inline-block;
   vertical-align: middle;
   font-weight:900;
   text-transform: uppercase;
   background:#fff;
   padding: 6px;
   border-radius: 4px;
  font-size: 14px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.token-card.token-past:after {
position: absolute;
    top: 10px;
    right: 10px;
  font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
   content: "\f04b  replay";
   display: inline-block;
   vertical-align: middle;
   font-weight:900;
   text-transform: uppercase;
   background:#fff;
   padding: 6px;
   border-radius: 4px;
  font-size: 14px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.token-card.token-new:after {
position: absolute;
    top: 10px;
    right: 10px;
  font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
   content: "\f303  edit";
   display: inline-block;
   vertical-align: middle;
   font-weight:900;
   text-transform: uppercase;
   background:#fff;
   padding: 6px;
   border-radius: 4px;
  font-size: 14px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.token-card-img, .token-card-img img {
position: relative;
}

.token-cta {
position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0,0,0,0.4);
    width: 100%;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-family: 'Lato', sans-serif !important;
    font-weight: 400;
  text-transform: uppercase;
}

.token-cta:hover {
    background: rgba(0,0,0,0.6);

    color: #fff;

}

.token-card-info {
padding:15px;
}

.token-card-info h3 {
font-size: 16px !important;
  font-family: 'Lato', sans-serif !important;
}
.token-card-info h4 {
font-size: 14px !important;
  margin-top: 5px;
  font-family: 'Lato', sans-serif !important;
  margin-bottom:15px;

}
.token-card-info p {
font-size: 12px !important;
  margin-top: 5px;
    margin-bottom: 15px;
  font-family: 'Lato', sans-serif !important;
  font-weight: 400 !important;
}

.token-icons, .token-rating {font-size: 14px; font-weight: bold;}

.token-icons i, .token-rating i {font-size: 18px; color:#cacaca;vertical-align: -1px;}
.token-rating i {font-size: 18px; color:#fbd72e;}
.token-rating {float: right; margin-top:2px;}
.token-rating img {width:20px !important; height:auto;}

.token-avatars {    margin-left: 14px;}
.token-avatars img {width: 28px;
    border-radius: 100%;
    margin-left: -6px;
    border: solid 2px #fff;}


.token-callout span {
font-family: Shadows Into Light Two !important;
    color: #377ef7;
    font-size: 24px;
}

 .app-icons img {width: 100px;
    height: auto;
    border-radius: 25%;
    margin:20px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);}
  
   .app-icons img:hover {
     cursor:pointer;
     transform: scale(1.05);
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.15);}
  
  @media screen and (max-width: 900px) {


  .app-icons img {width: 70px;
    height: auto;

    margin:15px;
  
  }
  }



.article-card {width:270px; margin:15px;border-radius: 15px;
    overflow: hidden; background:#ffffff;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1); display:inline-block;position: relative;}
  .article-card img {width: 100%;}  
  .article-card-copy {padding: 15px;
    text-align: left;
    height: 160px;
    position: relative;}
  .article-card-copy h4 {letter-spacing: normal;
    font-weight: bold !important;
    color: #000;
    margin-top: 0px;font-size:18px !important;}
  .article-card-copy p {color: #666666 !important;
    position: absolute;
    bottom: 0px;font-size: 16px !important;
    font-weight: 200 !important;
margin-bottom: 10px;}
   .article-card:hover, .mini-card.animated:hover{
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
     top:-10px;
     transition: top ease 5s;
       animation:none;
}

.article-card.article-card-dark {
    background: #000000;
    border: solid 2px rgba(255,255,255,0.2);}
.article-card-dark .article-card-copy {height:90px; padding-top:0px; margin-top:-15px !important;}
.article-card-dark .article-card-copy p {color:#cacaca !important;position:relative !important;    margin-top: 5px !important;
    font-size: 14px !important;}
.article-card-dark .article-card-copy h4 {color:#fff !important;margin-bottom:0px !important;}
.article-card-dark-overlay {height:100px;width:100%; position:absolute; bottom:74px; left:0px;background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}


.article-card.article-read:after {
  position: absolute;
    top: 10px;
    right: 10px;
  font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
   content: "\f06e  read";
   display: inline-block;
   vertical-align: middle;
   font-weight:900;
   text-transform: uppercase;
   background:#377ef7;
  color:#ffffff;
   padding: 6px;
   border-radius: 4px;
  font-size: 14px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}
.article-card.article-more:after {
  position: absolute;
    top: 10px;
    right: 10px;
  font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
   content: "\f067  more";
   display: inline-block;
   vertical-align: middle;
   font-weight:900;
   text-transform: uppercase;
   background:#377ef7;
  color:#ffffff;
   padding: 6px;
   border-radius: 4px;
  font-size: 14px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}
.article-card.article-view:after {
  position: absolute;
    top: 10px;
    right: 10px;
  font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
   content: "\f360  view";
   display: inline-block;
   vertical-align: middle;
   font-weight:900;
   text-transform: uppercase;
   background:#377ef7;
  color:#ffffff;
   padding: 6px;
   border-radius: 4px;
  font-size: 14px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}
.article-card.article-download:after {
  position: absolute;
    top: 10px;
    right: 10px;
  font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
   content: "\f381  download";
   display: inline-block;
   vertical-align: middle;
   font-weight:900;
   text-transform: uppercase;
   background:#377ef7;
  color:#ffffff;
   padding: 6px;
   border-radius: 4px;
  font-size: 14px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}
.article-card.article-watch:after {
  position: absolute;
    top: 10px;
    right: 10px;
  font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
   content: "\f03d  watch";
   display: inline-block;
   vertical-align: middle;
   font-weight:900;
   text-transform: uppercase;
   background:#377ef7;
  color:#ffffff;
   padding: 6px;
   border-radius: 4px;
  font-size: 14px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}
.article-card.article-listen:after {
  position: absolute;
    top: 10px;
    right: 10px;
  font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
   content: "\f04b  listen";
   display: inline-block;
   vertical-align: middle;
   font-weight:900;
   text-transform: uppercase;
   background:#377ef7;
  color:#ffffff;
   padding: 6px;
   border-radius: 4px;
  font-size: 14px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.partner-logo {width:150px; margin:15px;border-radius: 2px;
    overflow: hidden; background:#ffffff;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1); display:inline-block;position: relative;}
   .partner-logo:hover {
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);}


.checked-bg {background-image: url("https://510411.fs1.hubspotusercontent-na1.net/hubfs/510411/checked-bg.png");background-size: 200px;
    background-repeat: repeat;
}

.snoc-app {width: 100%;
    border-radius: 100%;
    background: #f1f1f1;
    font-size: 36px;
    text-align: left;
    color: #666666;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);}


.snoc-img .snoc-app {width: 75px;
    height: 75px;
    font-size: 18px;
    line-height: 85px !important;
    }
  
  .snoc-app:hover { -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);}
  
  .snoc-domain,  .snoc-profile, .snoc-grab, .snoc-contacts, .snoc-leaderboard, .snoc-new, .snoc-claim, .snoc-nfts {width: 100%; display: inline-block;position:relative;vertical-align: top;}
  .snoc-widget-domain,  .snoc-widget-profile, .snoc-widget-grab, .snoc-widget-contacts, .snoc-widget-leaderboard, .snoc-widget-new, .snoc-widget-claim, .snoc-widget-nfts {width: 100%; max-width: 400px;  display: block; margin-bottom: 15px ;}


/*
.snoc-profile:after {
  position: absolute;
    top: 0px;
    right: 0px;
    font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
    content: "\f007";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    text-transform: uppercase;
    background: #30DF73;
    color: #ffffff;
    padding: 6px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}
  .snoc-grab:after {
  position: absolute;
    top: 0px;
    right: 0px;
    font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
    content: "\f075";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    text-transform: uppercase;
    background: #377ef7;
    color: #ffffff;
    padding: 6px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}
  .snoc-contacts:after {
  position: absolute;
    top: 0px;
    right: 0px;
    font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
    content: "\f500";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    text-transform: uppercase;
    background: #ff8a52;
    color: #ffffff;
    padding: 6px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.snoc-claim:after {
  position: absolute;
    top: 0px;
    right: 0px;
    font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
    content: "\f234";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    text-transform: uppercase;
    background: #431f8e;
    color: #ffffff;
    padding: 6px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.snoc-nfts:after {
  position: absolute;
    top: 0px;
    right: 0px;
    font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
    content: "\f00a";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    text-transform: uppercase;
    background: #ff8a52;
    color: #ffffff;
    padding: 6px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

.snoc-leaderboard:after {
  position: absolute;
    top: 0px;
    right: 0px;
    font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
    content: "\f091";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    text-transform: uppercase;
    background: #ffe252;
    color: #ffffff;
    padding: 6px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

*/
  
  .snoc-title {
    display: block;
    text-align: left;
    font-size: 14px;
    color: #404040 !important;
    margin-top: 12px;
        overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

.snoc-type {
    display: table;
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    color: #ffffff;
    padding: 4px 8px;
    margin-bottom: 10px;
    border-radius: 4px;
  }

.snoc-profile .snoc-type, .snoc-widget-profile .snoc-type {background: #30DF73;}
.snoc-domain .snoc-type, .snoc-widget-domain .snoc-type {background: #377ef7;}
.snoc-grab .snoc-type, .snoc-widget-grab .snoc-type {background: #ff5652;}
.snoc-contacts .snoc-type, .snoc-widget-contacts .snoc-type {background: #ff8a52;}
.snoc-claim .snoc-type, .snoc-widget-claim .snoc-type {background: #431f8e;}
.snoc-nfts .snoc-type, .snoc-widget-nfts .snoc-type {background: #ff8a52;}
.snoc-leaderboard .snoc-type, .snoc-widget-leaderboard .snoc-type {background: #ffe252;}
.snoc-new .snoc-type, .snoc-widget-new .snoc-type {background: #cacaca;}

.snoc-app-new {
  width: 115px;
    height: 115px;
    border-radius: 100%;
    font-size: 36px;
    text-align: center;
  border: dashed 3px #cacaca;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    vertical-align: top;
    background: transparent;
    color: #cacaca;
    line-height: 107px !important;
}

.snoc-labels {
width: 65%;
    display: inline-block;
  padding-left: 10px;
    vertical-align: bottom;
}

.snoc-labels .snoc-type, .snoc-labels .snoc-title {
  text-align: left !important;
margin-left: 0px !important;}

.snoc-img {
    width: 75px;
  height: 75px;
    display: inline-block;
}
  
.footprint-card {
background:#ffffff; 
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);     
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);     
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); 
  transform: scale(0.85);
  position: relative;
  margin: 0px 0px 50px 0px;
}

.footprint-card.active {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); 
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); 
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);    
transform: scale(1) translate(0px, 35px);
  margin: 0px !important;
}

.footprint-avatar {
width: 40%;
    padding: 15px;
      display: inline-block;

}

.footprint-avatar img {
      border-radius: 100%;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
}

.footprint-fields {
    width: calc(60% - 15px);
    display: inline-block;
    vertical-align: top;
    padding: 35px 0px 0px 15px;
}

.footprint-fields h2 {
font-size: 18px !important;
    text-align: left !important;
    font-weight: bold !important;
      margin: 0px;
}

.footprint-fields h3 {
font-size: 16px !important;
}

.footprint-card-bottom {
padding: 15px 15px 5px 15px;
}

.footprint-topic {
font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 100px;
    background: #f1f1f1;
    padding: 10px 14px;
    margin: 0px 10px 10px 0px;
    display: inline-block;
}

.footprint-card-label {
font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 4px;
    background: #cacaca;
    padding: 2px 5px;
    color: #fff;
    position: absolute;
    top: -6px;
    right: -6px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
}

img.footprint-badge {position: absolute;
    top: 25px;
    right: 25px;
    width: 50px;}

img.link-overlay {position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 1;}

  


.index-card {
  width: 100%;

background: #ffffff;
      padding: 15px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
  margin-bottom:15px;
}
.index-main {
width: calc(50% - 15px);
  display: inline-block;
}
.index-avatar-box {
width: 30%;
  position: relative;
  display: inline-block;
}
.index-avatar {
width: 100%;
  border-radius: 100%;
}
.index-badge {
position: absolute;
  top:0;
  right:0;
  width: 30px;
}
.index-fields {
    padding: 15px;
    display: inline-block;

  vertical-align: middle;
}
.index-fields h2 {
    font-size: 16px !important;
    font-weight: bold !important;
  text-align: left !important;
}
.index-fields h3 {
font-size: 10px !important;
    color: #666666 !important;
}
.index-fields .footprint-icon { 
  background: #377ef7;
    font-size: 10px;
    padding: 4px !important;
    width: 20px;
      color: #fff;
    border-radius: 4px;
    text-align: center;
}
.index-stats {
width:35%;
display: inline-block;
  vertical-align: middle;
}
.index-stat {
width:48%;
    padding: 15px;
  display: inline-block;
}
.index-stat h3 {

      font-size: 10px !important;
    margin-top: 5px;
    text-align: center !important;
}
.index-stat h2 {
font-size: 18px !important;
  font-weight: 100 !important;
}
.index-icon {
font-size: 10px;
  color:#cacaca;
}
.index-controls {
    display: inline-block;
width: calc(15% - 15px);
    text-align: right;
}
.index-controls > .index-icon {
font-size: 18px !important;
    color: #666666 !important;
    margin: 0px 5px;
}

.blue-well {padding: 15px;
    background: rgb(55 126 247 / 25%);
    border-radius: 8px;
    border: solid 2px #377ef7;
    color: #377ef7;
font-size: 16px !important;}

.grey-well {padding: 15px;
    background: #f9f9f9;
    border-radius: 8px;
    border: solid 2px #f1f1f1;
    color: #000;
}

.grey-well p, .grey-well ul, .grey-well ol {margin-bottom:0px !important;padding-bottom:0px !important;}

video:hover {
cursor:pointer !important;
}

@media screen and (max-width: 800px) {
    
    img.link-overlay {top:5%;}
    
    .snoc-layout {text-align:center !important;}
    
        .snoc-app {
    line-height: 130px !important;
}
    .snoc-app-new {

    line-height: 134px !important;
}
    
    .footprint-avatar {
width: 20%;
       padding: 15px 0px 15px 15px;
}
 
    .footprint-fields {
    width: calc(80% - 15px);
    padding: 25px 0px 0px 15px;
}
    
    .footprint-topic {
font-size: 12px !important;
    padding: 6px 10px;
    margin: 0px 10px 10px 0px;

}
    
    .footprint-card-label {display:none;}
    
    img.footprint-badge {
    top: 15px;
    right: 15px;
}
  
  .index-main {
width: 80%;
  display: inline-block;
}
.index-avatar-box {
width: 20%;
  position: relative;
  display: inline-block;

}
.index-avatar {
width: 100%;
  border-radius: 100%;
}
.index-badge {
position: absolute;
  top:0;
  right:0;
  width: 30px;
}
.index-fields {
    padding: 15px;
    display: inline-block;
    width: 75%;
  vertical-align: middle;
}
.index-fields h2 {
    font-size: 18px !important;
    font-weight: bold !important;
  text-align: left !important;
}
.index-fields h3 {
font-size: 16px !important;
    color: #666666 !important;
      margin-top: 10px;
}
.index-fields .footprint-icon { 
  background: #377ef7;
    font-size: 16px;
    padding: 4px !important;
    width: 28px;
}
.index-stats {
display:none;
}

.index-controls {
    display: inline-block;
width: 15%;
    text-align: right;
      vertical-align: middle;
}
.index-controls > .index-icon {
font-size: 18px !important;
    color: #666666 !important;
    margin: 0px 10px;
}
  
    
  }

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}




  
  td.lb-rank {color: #404040; font-weight: bold !important; padding: 10px !important;width: 40px !important;}
  td.lb-avatar {width: auto !important;}
  td.lb-avatar img {width: 40px; height: 40px; border-radius: 100px;}
  td.lb-info {color:#666; padding: 10px !important;}
  td.lb-info .lb-name {font-weight: bold;display: block;white-space: nowrap;}
  td.lb-info .lb-title {font-size:14px;display: block;}
  td.lb-info i {color: #cacaca; font-size: 20px;}
  td.lb-score {text-align: right; color: #848584; font-size: 16px; font-weight: bold; margin-right: 10px;white-space: nowrap;width: 90px !important;}
  td.lb-action {color:#cacaca;padding: 10px !important; width: 60px !important;}
  
  .gallery-card-outer {display: inline-block;
    margin-right: 25px;   opacity: 0; animation-delay: 0.2s;
    animation-fill-mode: both; }

.gallery-card-inner {background: #f9f9f9; background-size: cover; background-position: center center; border-radius: 30px; width: 60vw; max-width: 240px !important; overflow: hidden; -webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15); box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15); position: relative; height: 0px; padding-top: 160%;margin-left: auto;
    margin-right: auto;}
.gallery-card-inner:hover {-webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.35); box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.35);cursor: pointer;}
.gallery-card-wrapper {height: 100%; width: 100%; padding: 38px 15px; position: absolute; top: 0; left: 0; text-align: center;}

.gallery-avatar {width: 130px;
    height: 130px;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);}

.gallery-label-wrapper {padding: 25px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;}

.gallery-label-name {color: #ffffff; font-size: 18px; font-weight: bold;text-shadow: 0px 0px 5px rgba(0,0,0,0.2);}

.gallery-label-followers, .gallery-label-domain {color: #ffffff; font-size: 14px; font-weight: bold;text-shadow: 0px 0px 5px rgba(0,0,0,0.2);}

.gallery-label-followers {display: none;}

.gallery-label-domain i {display: none;}

.gallery-title {    padding-bottom: 15px;
    margin-bottom: 10px !important;
    border-bottom: solid 1px #f1f1f1;}

.gallery-content {padding-bottom: 50px;}

.gallery-card-outer .gallery-item-link-item .gallery-item-link-img {
    background-color: #f1f1f1;
}

.gallery-card-outer .gallery-item-links {
  text-align: left;}

.gallery-card-outer .gallery-item-link-item p {
  width: calc(100% - 90px) !important;
margin-top:11px !important;}

.gallery-item-link-item {display:flex;}

.example-link-item {
height: 55px;
    border-radius: 6px;
    border: none;
    width: 100%;
    margin-bottom: 16px;
    background: #ffffff;
    position: relative;
    text-align: left;
    -webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);
  box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);
overflow:hidden;}


.example-link-item .importedaccount-link-img, .example-link-item p {
    display: inline-block;
}

.example-link-item .importedaccount-link-img {
    height: 55px;
    width: 55px;
    background-color: #f1f1f1;
    background-size: cover;
    background-position: top center;
}

.example-link-item p {
    margin: 19px 10px;
    width: calc(100% - 120px);
    font-size: 12px !important;
    vertical-align: top;
    font-weight: 700 !important;
    color: #000;
}

.example-link-item i {
    margin: 15px auto 0;
    width: 25px;
    vertical-align: top;
    color: #cacaca;
    font-size: 20px;
    text-align: center;
}
  
  @media screen and (max-width: 800px) {
    
    .gallery-card-inner {
    max-width: 160px !important;
    }
    
    .gallery-avatar {
    width: 80px;
      height: 80px;}
    
    .gallery-label-name {font-size:14px;}
    
.gallery-label-followers, .gallery-label-domain {font-size:14px;}
    
    .gallery-card-wrapper {
      padding: 28px 15px;}
    
    .gallery-label-wrapper {
      padding: 15px 0px; }
    
    .url-examples .domain-feature {
    width: 100% !important;
}
     
    
    td.lb-score {display: none !important;}
  }




 @-webkit-keyframes pulsing {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulsing {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulsing {
  -webkit-animation-name: pulsing;
  animation-name: pulsing;
  animation-duration: 3s;
    animation-iteration-count: infinite;
}

.animate-onscroll {animation: none;}

.animated {animation: inherit;}

  .addoncard { 
    position:relative;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden; 
    -webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15); 
    -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15); 
    box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);
    margin-bottom:50px;
  }
  
  .addoncard .price {
 position: absolute;
    top: 10px;
    right: 10px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 0px 5px #404040;
  }
  
  .addon-info {
  padding:25px;
  }
  
  .addon-info .pb-gradient-button {margin: 25px 0px 0px 0px;
  display: block;
  text-align: center;}

.notification-item {    display: block;
    background: #fff;
    padding: 15px;
    -webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);
    border-radius: 4px;
margin-bottom:15px;}

.notification-item img {width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 10px;}


.navbar-brand {
    padding: 10px 15px !important;
}

.navbar-brand>img {
    height: 100% !important;
}

.underline--magical {
  background-image: linear-gradient(120deg, #21e203 0%, #1187ec 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.2em;
  background-position: 0 88%;
  transition: background-size 0.25s ease-in;
      padding-bottom: 0.2em;
}
.underline--magical:hover {
    background-size: 100% 88%;
}

  .template-card {
    position: relative;
  margin-bottom:50px;}
  
  .template-card .template-img {border-radius: 10%/4.5%;
    overflow: hidden;
    position: relative;}
  
  .template-card:hover .template-img {
    transform:scale(1.01);
    -webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15); 
    -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15); 
    box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15); 
  }
  
  .template-card .template-img img {
    position: relative;
  z-index:1;}
  
     .template-card .template-img .template-button-wrapper {
        position: absolute;
    z-index: 2;
    top: 0%;
    text-align: center;
    width: 100%;
    padding: 15px;
    height: 100%;
    background: rgba(0,0,0,0.5);
       display:none;
}
  
  .template-card .template-img .template-buttons {
        position: relative;
    display: block;
    top: 35%;
}
  

  
  .template-card .template-img .template-buttons a {color:#ffffff !important; display:block;}
   
  .template-card:hover .template-button-wrapper {display: block;}
  
  .template-card .template-name {width: 100%; text-align:center !important; font-weight: bold !important; margin-bottom: 25px;}

.footprint-wrapper {width: 100%; max-width: 400px; margin-left: auto; margin-right: auto;position:relative;}
.footprint {background: #f9f9f9; z-index: 1; overflow: hidden; width: 100%; border-radius: 30px; position: relative; background-size: cover !important; display: inline-block; height: 0px; padding-bottom: 216%; text-align: center; text-align: -webkit-center;    -webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.15);}

input[name="username"] {
  border: solid 2px #cacaca;
}

input[name="username"]:focus {
  border: solid 2px #377ef7;
      -webkit-box-shadow: 1px 1px 15px 0px #377ef73b;
    -moz-box-shadow: 1px 1px 15px 0px #377ef73b;
    box-shadow: 1px 1px 15px 0px #377ef73b;
}

.linksFeed-container .feed-item p {
font-size: 14px !important;
}

.feed-item .col-12 {padding-top:.5rem !important;}

.linksFeed-container .feed-item:not([data-message-type=bundle]):not(.collapsed)>.col-3.feed-actions-container:not(.feed-item-media) {
    display: none !important;
}

.gallery-card-wrapper {
  width: 100% !important;}

.accordion {
    cursor: pointer;
}


.fullpage-iframe {width: 100vw !important;
    height: 100vh !important;
    border: none;}

.bg-gradient {background: linear-gradient( 
-45deg
 , #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400% !important;
    animation: bg-gradient 15s ease infinite;
  }

 @keyframes bg-gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



.bg-gradient-blue {background: linear-gradient( 
-45deg
 , rgba(70,53,182,1) 0%, rgba(55,126,247,1) 100%);
    background-size: 400% 400% !important;
    animation: bg-gradient 15s ease infinite;
  }


 @keyframes bg-gradient-blue {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes heartbeat
{
  0%
  {
    transform: scale( .75 );
  }
  10%
  {
    transform: scale( 1 );
  }
  20%
  {
    transform: scale( .75 );
  }
  30%
  {
    transform: scale( 1 );
  }
  40%
  {
    transform: scale( .75 );
  }
  100%
  {
    transform: scale( .75 );
  }
}


.sticky-100 {
position: sticky;
top:100;
}

@media screen and (max-width: 767px) {
.sticky-100 {
position: relative;
}
}


  /* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
  margin-left: auto;
    margin-right: auto;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(-180deg);
	}

.flip-container, .front, .back {
	width: 212px;
	height: 300px;
  
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
  background-color: transparent;
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
  background-color: transparent;
}

ul.inputs-list {
    list-style: none !important;
    margin-left: 0px;
    padding-left: 0px;
}

.hs-form-field {
    margin-bottom: 15px;
}




.largecard-wrapper {position: relative; width: 100%; max-width: 600px; border-radius: 4% / 10% !important; overflow: hidden; -webkit-box-shadow: 0px 10px 15px 0px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 10px 15px 0px rgb(0 0 0 / 10%);}
.largecard-outer {position: relative; width: 100%; height: 0px; padding-bottom: 40% !important;}
.largecard-inner {width: 100%;
    background-repeat: no-repeat !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-size: cover !important;
    background-position: center right !important;}
.largecard-container {width: 100%; height: 100%; padding: 25px; background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 35%, rgba(0,0,0,0.05) 100%);}
.largecard-container h3, .largecard-container p {color: #fff !important;font-family: Belgro !important;}
.largecard-container a {position:absolute; bottom:25px; left:25px;margin:0px; font-size: 12px !important;}
.largecard-container img {    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 15px;}

.gallery-cell .largecard-container h3, .gallery-cell .largecard-container p, .gallery-cell .largecard-container a {opacity: 0.2 !important;transition-duration: 1s;transition-property: opacity;}
.gallery-cell.is-selected .largecard-container h3,   .gallery-cell.is-selected .largecard-container p,   .gallery-cell.is-selected .largecard-container a {opacity: 1 !important;transition-duration: 1s;transition-property: opacity;}

.gallery-cell {filter: blur(2px);transition-duration: 1s;transition-property: filter;}
 .gallery-cell.is-selected {filter: blur(0px);transition-duration: 1s;transition-property: filter;}

@media screen and (max-width: 520px) {
    .largecard-container a {display: none !important;}
}


.largecard-v-wrapper {background: #1b1b1b; border-radius: 20px !important; overflow: hidden !important; width: 80vw; max-width: 500px; position: relative; margin-right: 25px; display: inline-block;    border: solid 2px rgba(255,255,255,0.1);}
.largecard-v-image {width: 100%; z-index: 2; position: relative;    border-top-left-radius: 18px;
    border-top-right-radius: 18px;overflow:hidden !important;}
.largecard-v-bg {width: 100%; transform: scale(2); filter: blur(30px); position: absolute; top: 0; left: 0; z-index: 1;}
.largecard-v-copy {width: 100%; height: 100px !important; padding: 25px; position: relative; z-index: 4; background: #1b1b1b;    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;}
.largecard-v-copy h3 {color: #fff !important; font-family: Belgro !important; margin-top: 0px !important; font-size: 16px !important; margin-top:-50px !important;}
.largecard-v-copy p {font-family: Belgro !important; font-size: 14px !important;}
  .largecard-v-copy img {width: 35px;
    height: 35px;
    border-radius: 100%;
    margin-right: 15px;
    border: solid 2px rgba(255,255,255,0.2);}
.largecard-v-copy a {font-weight: bold !important; color: #fff !important; font-family: Belgro !important; position: absolute; bottom: 25px; left: 25px; margin: 0px; font-size: 12px !important;}
.largecard-v-overlay {background: linear-gradient(0deg, #1b1b1b 0%, rgba(27,27,27,0.8) 26%, rgba(27,27,27,0) 100%); position: absolute; bottom: 99px; left: 0; width: 100%; z-index: 3; height: 300px;}

.mini-card {padding: 17px 0 17px 0!important; background: #1b1b1b; border-radius: 8px; position: relative; overflow: hidden; width: 56px; height: 70px; text-align: center; font-size: 36px;margin:8px; display:inline-block;}
.mini-card img {height:30px !important; width:auto;}

.label-pill {background: #1b1b1b;
    display: inline-block;
    padding: 10px 14px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 100px;}

.nftnyc-testimonial {height:400px;position:relative;padding:25px;background:#1b1b1b; border-radius:20px; overflow: hidden !important;    margin-bottom: 25px;}

.nftnyc-testimonial .nftnyc-secondary-btn {position:absolute; z-index:2; top:25px;right:25px; max-width:calc(100% - 50px) !important;width: auto;
    font-size: 14px !important;
    padding: 10px;}

.nftnyc-testimonial .nftnyc-secondary-btn {background:rgba(0,0,0,0.4);cursor:pointer !important;}
.nftnyc-testimonial .nftnyc-secondary-btn:hover {background:rgba(0,0,0,0.8);cursor:pointer !important;}


img.nftnyc-testimonial-bg {position: absolute;
    z-index: 1;
    top: 0px;
    height: 100%;
    min-height: 100% !important;
    filter: brightness(1);
    max-width: none !important;
    min-width: 100%;
left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.nftnyc-testimonial .quote-author, .nftnyc-testimonial h3, .nftnyc-testimonial p {position:relative; z-index:2;}

.nftnyc-testimonial h3 {font-size:18px !important;}

.nftnyc-testimonial .testimonial-copy {
position:absolute;
  z-index:2;
  bottom:0;
  left:0;
  padding: 50px 25px 25px 25px;
    width: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0) 100%);}

.nftnyc-testimonial .quote-author {
  margin-bottom: 0px !important;
    margin-top: 15px;
}

.nftnyc-testimonial .quote-name {
  font-size: 14px !important;}

h2.nftnyc-headerintro {color: #fff !important; text-align: left !important; font-weight: bold !important; text-transform: uppercase; font-size: 30px !important;}
h1.nftnyc-hashtag {color: #fff !important; font-weight: bold !important; text-transform: uppercase; font-family: 'Monument' !important;font-size:48px !important;}
.nftnyc-dropdown {    line-height: normal;
    height: auto;
    background: black;
    border-color: #ffffff;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold !important;
    text-transform: uppercase;
    font-family: 'Monument' !important;
    text-align: center;
    border: none;
    border-bottom: solid 2px #fff;
    border-radius: 0px;}
@media screen and (max-width: 800px) {
    h2.nftnyc-headerintro { font-size: 14px !important;}
  h1.nftnyc-hashtag {font-size: 22px !important;}

}

div#hs-eu-cookie-confirmation {
    background: #000 !important;
    border-top: 1px solid #373737 !important;
    box-shadow: none !important;
  color: #fff !important;}



div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
  color: #fff !important;}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a, div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a:hover {
    color: #fff !important;
  text-decoration: underline !important;}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
    background-color: #fff !important;
    border: 2px solid #fff !important;
  color: #000 !important;}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
    border: 2px solid #fff !important;
  color: #fff !important;}

 a.artist-twitter  {font-size: 14px !important;
    color: #ffffff !important;
  text-align: center; margin-top: 10px;    display: block!important;
    background: rgba(255,255,255,0.05) !important;
    padding: 15px!important;}
  .nftnyc-artist:hover a.artist-twitter  {
    background: #f15521 !important;
  }

.roundednft {    border-radius: 5%;
    -webkit-box-shadow: 0px 0px 35px 5px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 35px 5px rgba(0,0,0,0.5);}

   .exp-basic { 
       background: rgba(255,255,255,0.1);
    padding: 8px 12px;
    border-radius: 100px;
    text-transform: uppercase;
    color: #fff;
    margin-right: 6px;
    font-family: Belgro !important;
    font-weight: bold !important;
    vertical-align: middle;
    border: solid 2px rgba(255,255,255,0.1);
    font-size: 10px;
    vertical-align: -webkit-baseline-middle;
    display: inline-block;
margin-bottom:5px;
margin-top:5px;}

  .exp-starter { background: rgba(255,255,255,0.3);
    padding: 8px 12px;
    border-radius: 100px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    margin-right: 6px;
    font-family: Belgro !important;
    font-weight: bold !important;
    vertical-align: middle;
    border: solid 2px rgba(255,255,255,0.3);
    font-size: 10px;
    vertical-align: -webkit-baseline-middle;
    display: inline-block;
margin-bottom:5px;
margin-top:5px;}

  .exp-pro {     background: #000;
    border-radius: 100px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    margin-right: 6px;
    font-family: Belgro !important;
    font-weight: bold !important;
    vertical-align: middle;
    padding: 8px 12px;
    border: solid 2px rgba(255,255,255,0.3);
    background: linear-gradient(#000, #000) padding-box, linear-gradient(120deg, #21e203 0%, #1187ec 100%) border-box;
    border-radius: 100px;
    border: 2px solid transparent;
    font-size: 10px;
    vertical-align: -webkit-baseline-middle;
    display: inline-block;
margin-bottom:5px;
margin-top:5px;}

.exp-well p > strong {vertical-align:text-top !important;}

.magic-cta {
    background: linear-gradient( -45deg , #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background: linear-gradient(120deg, #03e247 0%, #1187ec 100%);
    background-size: 400% 400% !important;
    animation: bg-gradient 15s ease infinite;
  animation:none;
    border: none !important;
    color: #fff !important;
  display: block !important;
    text-align: center !important;
    font-size: 12px !important;
    font-family: 'Belgro' !important;
    letter-spacing: normal !important;
  margin: 10px 0px;
    text-transform: uppercase !important;
    padding: 12px 16px 10px 16px;
    border-radius: 500px;
    font-weight: bold !important;
    cursor: pointer !important;
  line-height:normal;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 10px 0 !important;
    width: auto !important;
}

.nftnyc-primary-btn {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    display: block;
    padding: 15px;
    letter-spacing: normal;
    text-transform: none;
    background: #F15621;
    max-width: 550px;
    width: 100%;
    border: none;
  } 
.nftnyc-secondary-btn {font-size:18px !important;
  font-weight: bold !important;
  color: #ffffff !important;
    display: block;
    border: solid 2px #ffffff;
    padding: 15px;
      letter-spacing: normal;
    text-transform: none;
  max-width:550px;
  width: 100%;
  }  

.nftkred-colorize {
 filter: sepia(1) hue-rotate(-273deg) saturate(2) brightness(.7)!important;
}

.nftkred-colorize:hover {
filter: none!important;
 /**   transition: filter .5s ease-in-out; **/
}

span.kred-label {font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    opacity: 0.5;
    border: solid 2px #fff;
    padding: 6px 8px;
    display: inline-block;
    border-radius: 100px;}
   

.grey-accordions .accordion {background: #0f0f0f;
    position: relative;
    border-radius: 8px !important;
    padding: 0px;
    margin: 0px;
    border: none !important;}
  .grey-accordions .accordion_header {padding: 15px 40px 15px 15px !important;}
  .grey-accordions .accordion_content {padding: 0px 15px 15px 15px !important;}
   .grey-accordions .accordion:hover, .grey-accordions .accordion:has(.expanded) {background:#1b1b1b;}
 .grey-accordions .accordion_header::after { content: "\f107"; font-family: FontAwesome !important;
  color: white; position: absolute; top:13px; right:17px;}
  .grey-accordions .accordion_group.expanded>.accordion_header::after { content: "\f107"; font-family: FontAwesome !important;
  color: white; position: absolute; top:13px; right:17px; transform:rotate(180deg);}
  
 .plan-inclusion {
    padding: 10px 0px;
}

.accesstoken-status {
    display: inline-block;
    border: solid 2px rgba(255, 255, 255, 0.1);
    font-size: 12px !important;
    font-weight: bold;
    color: #fff;
    border-radius: 100px;
    margin: 0px 5px 15px 5px;
    padding: 5px 10px;
}

.accesstoken-status:first-of-type {margin-right: 0px;}
.onehub-preview-container-wrapper {background:#000; border: dashed 3px #3b3b3b; padding: 10px; border-radius: 3.6% / 6.4%;}
.onehub-preview-container {border-radius: 2.7% / 4.8%;border: solid 0.3cqw rgba(255, 255, 255, 0.1);overflow: hidden;    background: rgb(27 27 27 / 86%);aspect-ratio:16/9;width:100%;overflow:hidden;container-type: inline-size;}
.onehub-preview-wrapper {width: 80cqw; margin-left: auto; margin-right: auto;    text-align: center;}
.onehub-preview-nftimage {width: 100%; aspect-ratio: 1; background:rgba(255, 255, 255, 0.1); background-size: cover; background-position: center center; display: block;}


.onehub-preview-navbar {
    border-bottom: solid 0.3cqw rgba(255, 255, 255, 0.1);
  margin-bottom: 4%;}
.onehub-preview-logo {
    width: 5cqw;
      height: 5cqw;
    margin: 1cqw 0.5cqw 1cqw 1.5cqw !important;
    display: inline-block !important;
  border-radius:100%;
  border: solid 0.3cqw rgba(255, 255, 255, 0.1);
}
.onehub-preview-name {
      display: inline-block;
    color: white;
    margin-right: 1cqw;
    font-weight: bold !important;
    font-size: 2cqw !important;}
 .onehub-preview-link {
    display: inline-block;
    color: white;
   margin-right: 1cqw;
    font-weight: bold !important;
  font-size: 1.5cqw !important;
    padding: 0.8cqw 0px;}

.onehub-preview-link.active {border-bottom: solid 0.3cqw #06db52;}
.onehub-preview-title {    font-size: 2cqw !important;
    color: white;
    font-weight: bold !important;
    margin: 2cqw 0px;text-align: left;}
.onehub-preview-crmwrapper, .onehub-preview-planwrapper {width: 30%;border-radius: 1cqw; background: rgba(255,255,255,0.1);margin: 1%;display: inline-block;padding: 2cqw; text-align:left;    vertical-align: top;}



.onehub-preview-crmimage {
    width: 5cqw;
    height: 5cqw;
    border-radius:100%;
    margin: 0px 0.5cqw 0px 0px;
    display: inline-block;
    aspect-ratio: 1;
    background: rgba(255,255,255,0.1);
    background-size: cover;
    background-position: center center;
    vertical-align: middle;
    }
  .onehub-preview-crmname {
       display: inline-block;
    color: white;
    font-weight: bold !important;
       font-size: 1.2cqw !important;
    margin: 0px !important;
    vertical-align: middle;
    width: 12cqw;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
     overflow:hidden;
    text-align: left;
    }
  .onehub-preview-crmnft {
    width: 5cqw;
    height: 5cqw;
    border-radius:10%;
    margin: 1cqw 0px 0px 0px;
    aspect-ratio: 1;
    background: rgba(255,255,255,0.1);
    background-size: cover;
    background-position: center center;
    display: block;
    }

.onehub-preview-controls {display: block;padding-bottom: 2cqw;text-align: left;}
.onehub-preview-input {
   color: rgba(255,255,255,0.3);
    border: solid 0.25cqw rgba(255,255,255,0.3);
    width: 50% !important;
    font-size: 1.3cqw !important;
    line-height: 1.3cqw;
    padding: 0.5cqw 0.7cqw 0.5cqw 0.7cqw;
    display: inline-block;
    border-radius: 2px;
    vertical-align: top;
    font-weight: bold;
}

.onehub-preview-button {
   font-size: 1.3cqw !important;
    line-height: 1.3cqw;
    color: #fff;
    background: #08db51;
    padding: 0.5cqw 0.7cqw 0.5cqw 0.7cqw;
    display: inline-block;
    border-radius: 2px;
    float: right;
    vertical-align: top;
    font-weight: bold;
}

.onehub-preview-desc {font-size: 1.2cqw !important;
    color: white;}

.onehub-subscribe-button {
    font-size: 1.3cqw !important;
    line-height: 1.3cqw;
    color: #fff;
    background: #08db51;
    padding: 0.5cqw 0.7cqw 0.5cqw 0.7cqw;
    display: block;
    border-radius: 2px;
    vertical-align: top;
    font-weight: bold;
  text-align:center;
}

.onehub-preview-planwrapper ul {
    padding-left: 15px !important;
  font-size: 1.3cqw !important;
}
.onehub-preview-nftwrapper, .onehub-preview-merchwrapper {width: 15cqw; background: rgba(255,255,255,0.1); border: solid 0.3cqw rgba(255,255,255,0.1); margin: 1.5cqw; display: inline-block;    text-align: left;}
.onehub-preview-merchimage {width: 100%; aspect-ratio: 1; background: rgba(255,255,255,1); display: block;    position: relative;overflow: hidden;}
.onehub-preview-nftname, .onehub-preview-merchname {font-size: 1.2cqw !important; margin: 1.2cqw !important; color: white; font-weight: bold !important; -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    white-space: nowrap; overflow:hidden; text-align:left !important;    font-family: 'Helvetica Neue', sans-serif !important;}
.onehub-preview-nftname, .onehub-preview-merchname, .onehub-preview-planwrapper h2 {font-size: 1.2cqw !important; color: white; font-weight: bold !important; -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    white-space: nowrap; overflow:hidden; text-align:left !important;    font-family: 'Helvetica Neue', sans-serif !important;}
.onehub-preview-planwrapper h3 {font-size: 2cqw !important; color: white; font-weight: bold !important; -webkit-line-clamp: 1;
    text-overflow: ellipsis; margin-top:0px;
    white-space: nowrap; overflow:hidden; text-align:left !important;    font-family: 'Helvetica Neue', sans-serif !important;}
.onehub-preview-merchcta {
    background: #04dc53;
    text-align: center;
    font-weight: bold !important;
        font-size: 1.2cqw !important;
    padding: 0.6cqw;
    margin: 0.6cqw;
  border-radius: 2px;}

.onehub-preview-container-wrapper td {text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}

span.credits {
    background: rgba(255, 255, 255, 0.1);
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-radius: 8px;
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 18px !important;
}

 .rainbowshadow {
  position: relative;
  background: linear-gradient(0deg, #000, #262626);
}
  
   .rainbowshadow:before,  .rainbowshadow:after {
    content:'';
    position: absolute;
    top:-2px;
    left:-2px;
    width:calc(100% + 4px);
    height:calc(100% + 4px);
    background: linear-gradient(
      45deg, 
      #fb0094, 
      #0000ff, 
      #00ff00, 
      #ffff00, 
      #ff0000, 
      #fb0094, 
      #0000ff, 
      #00ff00, 
      #ffff00, 
      #ff0000
    );
    background-size: 200%;
    z-index:-1;
    animation: shadow 20s linear infinite;
     border-radius: 25%;
  }
  
   .rainbowshadow:after {
       top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(15px);
    -webkit-filter: blur(15px);
    opacity: 0.8;
     border-radius:25%;
  }
  

.rainbowbtn {
  position: relative;
  background: linear-gradient(0deg, #000, #262626);
}
  
   .rainbowbtn:before,  .rainbowbtn:after {
    content:'';
    position: absolute;
    top:-2px;
    left:-2px;
    width:calc(100% + 4px);
    height:calc(100% + 4px);
    background: linear-gradient(
      45deg, 
      #fb0094, 
      #0000ff, 
      #00ff00, 
      #ffff00, 
      #ff0000, 
      #fb0094, 
      #0000ff, 
      #00ff00, 
      #ffff00, 
      #ff0000
    );
    background-size: 200%;
    z-index:-1;
    animation: shadow 20s linear infinite;
     border-radius: 100px;
  }
  
   .rainbowbtn:hover:after {
    top:-8px;
    left:-8px;
    width:calc(100% + 10px);
    height:calc(100% + 10px);    
    filter:blur(15px);
         -webkit-filter: blur(15px);
    opacity:0.6;
     overflow:visible;
  }


@keyframes shadow {
  0% {
    background-position: 0 0;
  }
  50.01% {
    background-position: 200% 0;
  }
  100% {
    background-position: 0 0;
  }
}


.mini-modal {
    background: black;
    color: white;
    width: 500px;
    margin: auto;
    text-align: center;
  border-radius: 50px;
}

.mini-modal-inner {
padding:25px;}


.mini-modal  .mfp-close {
    display: none;
}

.mini-modal h1 {    font-size: 24px !important;}

.mini-modal span {    font-size: 14px;
    color: #CACACa;}

.mini-modal .well {
    background: #1b1b1b;
    border-radius: 25px;
    padding: 15px;
    margin-top: 15px;
}

.mobile {display:none !important;}
  .desktop {display:block !important;}

@media screen and (max-width: 831px) {
.mfp-auto-cursor .mfp-content:has(.mini-modal) {vertical-align:bottom;} 
  .mini-modal {width:100vw;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;    position: fixed;
    bottom: 0;}
  .mfp-container:has(.mini-modal) {padding-left:0px !important; padding-right: 0px !important;}
  .mobile {display:block !important;}
  .desktop {display:none !important;}
}

a {text-decoration: none;}


.kred-colorize {filter: sepia(1) hue-rotate(-273deg) saturate(3) brightness(0.9) !important;}



@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  .ios {display:block !important;}
  .android {display:none !important;}
}

@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */ 
    .ios {display:none !important;}
  .android {display:block !important;}
}