/* Add Some Sweet Styles in here  */

html, body{
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}


.ml-error input{background:url(https://bucket.mlcdn.com/images/default/error-icon.png) 98% center no-repeat #fff!important;background-size:24px 24px!important}.ml-error .label-description,.ml-error .label-description p,.ml-error .label-description p a,.ml-error label:first-child{color:red!important}


/* PUSHY CSS */

.pushy{position:fixed;width:300px;height:100%;top:0;z-index:9999;background:#191918;overflow:auto;-webkit-overflow-scrolling:touch}.pushy a{display:block;color:#b3b3b1;padding:15px 30px;text-decoration:none}.pushy a:hover{color:#fff}.pushy ul:first-child{margin-top:10px}.pushy.pushy-left{left:0}.pushy.pushy-right{right:0}.pushy-content{visibility:hidden}.pushy-left{-webkit-transform:translate3d(- 300px,0,0);-ms-transform:translate3d(- 300px,0,0);transform:translate3d(- 300px,0,0)}.pushy-open-left #container,.pushy-open-left .push{-webkit-transform:translate3d(200px,0,0);-ms-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}.pushy-right{-webkit-transform:translate3d(300px,0,0);-ms-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}.pushy-open-right #container,.pushy-open-right .push{-webkit-transform:translate3d(- 300px,0,0);-ms-transform:translate3d(- 300px,0,0);transform:translate3d(- 300px,0,0)}.pushy-open-left .pushy,.pushy-open-right .pushy{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.pushy-open-left .pushy-content,.pushy-open-right .pushy-content{visibility:visible}#container,.push,.pushy{transition:transform .2s cubic-bezier(.16,.68,.43,.99)}.pushy-content{transition:visibility .2s cubic-bezier(.16,.68,.43,.99)}.site-overlay{display:none}.pushy-open-left .site-overlay,.pushy-open-right .site-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background-color:rgba(0,0,0,.5);-webkit-animation:fade .5s;animation:fade .5s}@keyframes fade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade{0%{opacity:0}100%{opacity:1}}.pushy-submenu>ul{padding-left:15px;transition:max-height .2s ease-in-out,visibility .2s ease-in-out}.pushy-submenu>ul .pushy-link{transition:opacity .2s ease-in-out}.pushy-submenu button{width:100%;color:#b3b3b1;padding:15px 30px;text-align:left;background:0 0;border:0}.pushy-submenu button:hover{color:#fff}.pushy-submenu>a,.pushy-submenu>button{position:relative}.pushy-submenu>a::after,.pushy-submenu>button::after{content:'';display:block;height:11px;width:8px;position:absolute;top:50%;right:15px;background:url(../img/arrow.svg) no-repeat;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);transition:transform .2s}.pushy-submenu-closed>ul{max-height:0;overflow:hidden;visibility:hidden}.pushy-submenu-closed .pushy-link{opacity:0}.pushy-submenu-open>ul{max-height:1000px;visibility:visible}.pushy-submenu-open .pushy-link{opacity:1}.pushy-submenu-open>a::after,.pushy-submenu-open>button::after{-webkit-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}

.kg-image
{
  max-width: 100%;
}

.alert-pricing
{
  display: none;
}

a:hover
{
  text-decoration: none;
}


p
{
  font-size:15px;
}

section
{
  padding: 6rem 0rem;
}

#advwebForm
{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0px !important;
}

.zsfeedbkrpanel
{
  z-index: 99 !important;
}

.push-down-bottom
{
  padding-bottom:7rem;
}

.push-down
{
  padding-top:110px;
}

.float-md-none
{
  float:none !important;
}

.o-75
{
  opacity: .75;
}

/* OCEAN BLOCK UTILITIES */

.ocean-push
{
  padding-bottom:6rem;
}

.ocean-image
{
  position: absolute;
  bottom:0;
}

/* BG COLORS */
.bg-baby-blue
{
  background-color:#F5F8FF !important;
}

.bg-baby-blue-cut
{
  background: rgb(245,248,255);
  background: -moz-linear-gradient(180deg, rgba(245,248,255,1) 50%, rgba(255,255,255,1) 50%);
  background: -webkit-linear-gradient(180deg, rgba(245,248,255,1) 50%, rgba(255,255,255,1) 50%);
  background: linear-gradient(180deg, rgba(245,248,255,1) 50%, rgba(255,255,255,1) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f8ff",endColorstr="#ffffff",GradientType=1);
}

.bg-light-blue
{
  background-color:#F5F8FA !important;
}

.bg-ocean
{
  background-color:#00132F !important;
}

.bg-deepsea
{
  background-color: #00061C !important;
}

.bg-chart
{
  background-image: url(../images/v-chart.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  backface-visibility: hidden;
  padding-bottom: 16rem;
}

.bg-lightspeed:after
{
  content: "";
  background: url(../images/bg-lightspeed.png) repeat 0 0;
  width: 100%;
  height: 100%;
  -webkit-animation: slide 5s linear infinite;
  position: absolute;
  left: 0;
  top: 0;
  background-size:contain;
  backface-visibility: hidden;
}

.bg-grey
{
  background:#FAFAFA !important;
}

.bg-black
{
  background-color: #000;
}

.bg-black p
{
  color: #D3D5D7 !important;
}

@-webkit-keyframes slide {
    from { background-position: -1082px 0; }
    to { background-position: 0 0; }
}


/* TEXT COLORS */

.text-blue
{
  color:#0357C4 !important;
}

.text-faded-blue
{
  color:#C1CDDE !important;
}

/* ICON UTILITY CLASSES */

.bx-tiny
{
  font-size: 1.25rem;
  vertical-align: middle;
  margin-top:-2px;
}


/* BADGE */

.badge-tiny
{
  padding: .4em .5em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 10px;
}

.special-deal-badge
{
  border-radius: 3px;
  font-size: 11px;
  color: #000000;
  letter-spacing: 0.26px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 18px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffd800), to(#ff9a00));
  background: linear-gradient(to bottom, #ffd800, #ff9a00);
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 10px 25px 0 rgb(186 107 0 / 50%), 0 3px 6px 0 rgb(0 0 0 / 50%), inset 0 1px 1px 0 rgb(255 255 255 / 50%);
  box-shadow: 0 10px 25px 0 rgb(186 107 0 / 50%), 0 3px 6px 0 rgb(0 0 0 / 50%), inset 0 1px 1px 0 rgb(255 255 255 / 50%);
}


/* BUTTON STYLES */

.btn
{
  font-weight: 500;
}

.btn-md
{
  font-size: 14px;
  padding: 15px 20px;
  line-height: 1;
}

.btn-lg
{
  font-size: 16px;
  padding: 17px 30px;
  line-height: 1;
}

.btn-primary
{
  background: #2135C5;
  border-radius: 5px;
  border: 1px solid #2135C5;
}

.btn-outline
{
  background: none;
  border-radius: 5px;
  border: 1px solid #001B41;
  color:#001839;
}

.btn-outline:hover
{
  background:rgba(0,27,65,.05);
  color:#001839;
}

.btn-bright
{
  background: none;
  border-radius: 5px;
  border: 1px solid #fff;
  color:#fff;
}

.btn-bright:hover
{
  background:rgba(255,255,255,.1);
  color:#fff;
}

.btn-success
{

}

/* TITLE STYLES */

.title-huge
{
  font-weight: bold;
  font-size: 56px;
  color: #001839;
  letter-spacing: -0.5px;
  line-height: 70px;
}

.title-xl
{
  font-weight:600;
  font-size: 48px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 60px;
}

.title-lg
{
  font-weight: 600;
  font-size: 35px;
  color: #001839;
  letter-spacing: -0.6px;
  margin:10px 0px 20px;
}

.title-md
{
  font-weight: 600;
  font-size: 22px;
  color: #001839;
  letter-spacing: -0.6px;
  margin:10px 0px 20px;
}

.title-sm
{
  font-weight: 500;
  font-size: 18px;
  color: #001B41;
  letter-spacing: 0;
  line-height: 26px;
}

.title-xs
{
  font-weight:500;
  font-size: .97rem;
  color: #001B41;
  letter-spacing: 0;
}

.title-tiny
{
  opacity: 0.5;
  font-weight:500;
  font-size: 12px;
  color: #001B41;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* TEXT STYLES */

.text-xl
{

}

.text-lg
{
  font-size: 18px;
  color: #001B40;
  letter-spacing: 0;
  line-height: 28px;
}

.text-lg p
{
  font-size: 18px;
  color: #001B40;
  letter-spacing: 0;
  line-height: 28px;
}

.text-md
{
  font-size: 17px;
  color: #001B40;
  letter-spacing: 0;
  line-height: 26px;
}

.text-sm
{
  font-size: 14px;
  color: #363A59;
  letter-spacing: 0px;
  line-height: 1.5;
}

.text-xs
{
  font-size: 12px;
  color: #001B41;
  letter-spacing: 0;
  text-align: center;
}


/* BACKGROUNDS */

.bg-img
{
  background-size:auto;
  background-repeat: no-repeat;
}

.bg-img-bottom
{
  background-position: center bottom;
}

/* LIST STYLES */

.blue-list li
{
  border: 1px solid #142845;
  border-radius: 8px;
}

/* CARD STYLE */

.blog-card-img
{
  height:250px;
  width:100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.card img
{
  align-self: center;
}

.grid-2col .card
{
  flex-basis: 42%;
  margin: 0px 15px;
}

.grid-1col .card
{
  flex-basis: 100%;
}

.grid-3col .card
{
  flex-basis: 25%;
  margin: 0px 15px;
}

.card
{

}

.card-shadow
{
  background: #FFFFFF;
  box-shadow: 0 3px 10px 0 rgba(0,19,47,0.08);
  border-radius: 10px;
}

/* SLIDER STYLES */

.slick-list
{
  padding-top:25px !important;
  padding-bottom:25px !important;
  cursor: grab;
}

.slick-list:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.slick-arrow
{
  position: absolute;
  border: 2px solid #001B41;
  opacity: 1;
}

.slick-prev
{
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
}

.slick-next
{
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

.slick-slide
{
  background: #FFFFFF;
  box-shadow: 0 3px 10px 0 rgba(0,19,47,0.08);
  border-radius: 10px;
  margin:0px 30px;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.slick-active
{
  opacity: 1 !important;
}

/* FORM MODIFICATIONS */

.form-row
{
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.form-row>.col
{
  padding-left: 10px;
  padding-right: 10px;
}


/* FAQ's */

.faq-block p
{
  text-align: justify;
}


/* NAVIGATION STYLES */
.main-navigation
{
  -o-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -ms-transition-duration: 0.35s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  z-index: 9998;
}

.main-navigation .navbar
{
  padding: .75rem 0rem;
}

.main-navigation .nav-item
{
  align-items: center;
  display: flex;
  line-height: 1;
}

.main-navigation .navbar-expand-lg .navbar-nav .nav-link
{
  padding-left: .75rem;
  padding-right: .75rem;
}

.main-navigation .nav-item .nav-link:hover
{
  color:#2135C5;
}

.glazeNav
{
  background: rgba(255,255,255,1);
  box-shadow: 0 2px 14px rgba(0,0,0,.06);
  /* -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px); */
  transform:translateY(-32px);
}

.dropdown-menu
{
  box-shadow: 0 8px 24px rgba(0,0,0,.13);
  border:none;
  margin:0px;
}

.dropdown-item
{
  padding: .6rem 1.5rem;
}

.main-navigation .dropdown-toggle::after
{
  display: none;
}


.dropdown:hover>.dropdown-menu {
  display: block;
}


/* PRICING */

.calculator .nav-pills .nav-link.active, .nav-pills .show>.nav-link
{
  background:#fff;
  color: #2135c5;
}

.calculator .nav-pills .nav-link {
    border-radius: .25rem;
    background: #f2f5f9;
    color: #001b41;
}

/* JUMBOTRON */

.jumbotron
{
  box-shadow: 0 1px 0 0 #D0D8EC;
  padding-top:160px;
}

.jumbotron-page
{
  padding-top:180px;
  padding-bottom:100px;
}


.jumbotron-promo
{
  padding-top:180px;
  padding-bottom:0px;
}

.jumbotron-background
{
  position: relative;
  overflow: hidden;
}

.jumbotron-background .background-left
{
  position: absolute;
  top:-40px;
  left:-20%;
}


/* Block Quote */

.post-template blockquote{
  font-size: 1.1em;
  margin: 50px auto;
  font-style: italic;
  color: #555555;
  padding: 1em 30px 1.2em 30px;
  border-left: 2px solid #2134c4;
  line-height: 1.6;
  position: relative;
  background: #f7f7f7;
}

.post-template blockquote::after{
  content: '';
}

.post-template blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}


/* SPECIAL NUMBER */
.ocean-number
{
  border:1px solid #fff;
  border-radius: 40px;
  padding:100px 40px;
  color:rgba(255,255,255,.75);
  text-align: center;

    border: 1px solid transparent;
    background:
        linear-gradient(to right, #00132F, #00132F),
        linear-gradient(180deg, white , #1E3353);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;

}
.ocean-number h6
{
  font-size:90px;
  font-family: system-ui;
  font-weight:100;
  color:rgba(255,255,255,1);
}

.large-number
{
  font-size:90px;
  font-family: system-ui;
  font-weight:100;
}

/* Number Listed */
.number-list
{
  border: 2px solid #0357C4;
  border-radius: 300px;
  display: inline-block;
  height: 30px;
  width: 30px;
  font-size: 14px;
  color: #0357C4;
  letter-spacing: 0.1px;
  text-align: center;
  line-height: 26px;
  font-weight: 600;
}


/* POST STYLES */

.post-template iframe
{
  width: 100%;
}

.post h2 {
  font-weight: 600;
  font-size: 22px;
  color: #001839;
  letter-spacing: -0.6px;
  margin:10px 0px 20px;
}

.post h3 {
  font-weight: 600;
  font-size: 22px;
  color: #001839;
  letter-spacing: -0.6px;
  margin:10px 0px 20px;
}

.post h4 {
  font-weight: 600;
  font-size: 22px;
  color: #001839;
  letter-spacing: -0.6px;
  margin:10px 0px 20px;
}

.post ul li
{
  color: #001B40 !important;
}

.post p
{
  font-size: 18px;
  color: #001B40;
  letter-spacing: 0;
  line-height: 28px;
}

/* BREADCRUMBS */

.breadcrumbs {
	display: flex;
	list-style: none;
	padding: 0;
  text-transform: uppercase;
}

.breadcrumbs a
{
  opacity: 0.5;
  font-weight:500;
  font-size: 12px;
  color: #001B41;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.breadcrumbs li + li::before {
	content: "/";
	opacity: 0.5;
	margin: 0 .2em;
}

.breadcrumb-item-current {
	opacity: 1 !important;
}

/* MOBILE NAVIGATION STYLES */

.pushy
{
  background:#fff;
}

.pushy-submenu button
{
  color:#001839;
}

.pushy-submenu button:hover
{
  color:#001839;
}

.pushy a:hover
{
  color:#001839;
}

.pushy-link a
{
  color:#001839;
  padding: 10px 20px;
}


@media only screen and (min-width:993px) {
    .container {
        width: 1000px;
    }
}


@media only screen and (min-width: 601px) and (max-width:992px) {

  html,body
  {
    overflow-x: hidden;
    height: 100%;
  }

  .glazeNav
  {
     transform:translateY(0px);
  }

  .jumbotron-background .background-left
  {
    left:-70%;
  }
}


/* MOBILE */
@media only screen and (max-width:600px) {

  html,body
  {
    overflow-x: hidden;
    height: 100%;
  }

  .main-navigation
  {
    background: rgba(255,255,255,1);
    box-shadow: 0 2px 14px rgba(0,0,0,.06);
  }

  .ocean-image
  {
    position: relative !important;
  }

  .glazeNav
  {
     transform:translateY(0px);
  }

  .card-deck
  {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .title-huge
  {
    font-size: 46px;
    line-height: 55px;
  }

  .jumbotron-page
  {
    padding-top: 210px;
    padding-bottom: 80px;
  }

  .grid-2col .card
  {
    flex-basis: 100%;
    margin: 0px 15px;
  }

  .grid-3col .card
  {
    flex-basis: 100%;
    margin: 0px 15px;
  }
}


/* Ghost's Specific Editor Styling, feel free to change the below. */

.kg-width-wide {
  position: relative;
  width: 85vw;
  min-width: 100%;
  margin: auto calc(50% - 50vw);
  transform: translateX(calc(50vw - 50%));
}

.kg-width-full {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.kg-width-wide img {
  max-width: 85vw;
}

.kg-width-full img {
  max-width: 100vw;
}

.kg-bookmark-container {
    display: flex;
    flex-wrap: wrap;
    color: black;
    text-decoration: none;
    border: 2px solid blue;
}

.kg-bookmark-content {
    flex-basis: 0;
    flex-grow: 999;
    min-width: 50%;
    padding: 20px;
}

.kg-bookmark-title {
    font-weight: 600;
}

.kg-bookmark-description,
.kg-bookmark-metadata {
    margin-top: 12px;
}

.kg-bookmark-thumbnail {
    flex-basis: 15rem;
    flex-grow: 1;
}

.kg-bookmark-thumbnail img {
    vertical-align: bottom;
    object-fit: cover;
    width: 100%;
}

.kg-bookmark-icon {
    width: 22px;
    height: 22px;
    margin-right: 8px;
    vertical-align: bottom;
}

.kg-bookmark-author:after {
    content: "•";
    margin: 0 6px;
}

.kg-bookmark-card {
    width: 100%;
    position: relative;
}

.kg-bookmark-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    color: currentColor;
    font-family: inherit;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.kg-bookmark-container:hover {
    text-decoration: none;
}

.kg-bookmark-content {
    flex-basis: 0;
    flex-grow: 999;
    padding: 20px;
    order: 1;
}

.kg-bookmark-title {
    font-weight: 600;
}

.kg-bookmark-metadata,
.kg-bookmark-description {
    margin-top: .5em;
}

.kg-bookmark-metadata {
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kg-bookmark-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.kg-bookmark-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: text-bottom;
    margin-right: .5em;
    margin-bottom: .05em;
}

.kg-bookmark-thumbnail {
    display: flex;
    flex-basis: 24rem;
    flex-grow: 1;
}

.kg-bookmark-thumbnail img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    object-fit: cover;
}

.kg-bookmark-author {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.kg-bookmark-publisher::before {
    content: "•";
    margin: 0 .5em;
}

.fluid-width-video-wrapper {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.kg-gallery-container {
    display: flex;
    flex-direction: column;
    margin: 1.5em auto;
    max-width: 1040px;
    width: 100vw;
}

.kg-gallery-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.kg-gallery-image img {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
}

.kg-gallery-row:not(:first-of-type) {
    margin: 0.75em 0 0 0;
}

.kg-gallery-image:not(:first-of-type) {
    margin: 0 0 0 0.75em;
}

/* SLICK SLIDER */

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=slick.min.css.map */


/* CALC */


.rangeslider,
.rangeslider__fill {
  display: block;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.rangeslider {
  background: #e6e6e6;
  position: relative;
}

.rangeslider--horizontal {
  height: 20px;
  width: 100%;
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: #2135C5;
  position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}
.rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}


/* V10 Styling */

.v10-jumbotron
{
  /* background: rgb(4,19,45);
  background: linear-gradient(180deg, rgba(4,19,45,1) 50%, rgba(245,248,250,1) 50%); */
}

.v10-logo-blur
{
  position:relative;
  width: 225px;
  height:225px;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
}


.v10-logo-blur img{
  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 0px 20px 42px #c0c5c896);
}

@property --rotate {
  syntax: "<angle>";
  initial-value: 132deg;
  inherits: false;
}

:root {
  --card-height: 65vh;
  --card-width: calc(var(--card-height) / 1.5);
}


.v10-logo-blur::after {
  position: absolute;
  content: "";
  top: 0px;
  left: -5px;
  right: 0;
  z-index: -1;
  height: 115%;
  width: 115%;
  margin: 0 auto;
  transform: scale(0.8);
  filter: blur(calc(30vh / 6));
  background-image: linear-gradient( var(--rotate) , #5ddcff, #3c67e3 43%, #4e00c2);
  opacity: 1;
  transition: opacity .5s;
  animation: spin 2.5s linear infinite;
  border-radius: 120px;
}

@keyframes spin {
  0% {
    --rotate: 0deg;
  }
  100% {
    --rotate: 360deg;
  }
}

.v10-bg-special
{
  position: relative;
}

.v10-bg-special::before{
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.22;
  background-size: cover;
  background-image: url('/assets/images/img_v10_gradient.jpg') !important;
  background-position: 100% 0;
}