@font-face {
  font-family: 'Grandeurs';
  font-style: normal;
  font-weight: 400;
  src: local('Grandeurs'), url("/espy/fonts/grandeurs/grandeurs.ttf") format('truetype');
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
  display:block
}
audio,canvas,video{
  display:inline-block
}
audio:not([controls]){
  display:none;
  height:0
}
[hidden]{
  display:none
}
html{
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  background: #fff;
}
body{
  margin:0;
}
a:focus{
  outline:thin dotted
}
a:active,a:hover{
  outline:0
}
h1{
  font-size:2em;
  margin:0
}
abbr[title]{
  border-bottom:1px dotted
}
b,strong{
  font-weight:bold
}
dfn{
  font-style:italic
}
hr{
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  height:0
}
mark{
  background:#ff0;
  color:#000
}
code,kbd,pre,samp{
  font-family:monospace,serif;
  font-size:1em
}
pre{
  white-space:pre-wrap
}
q{
  quotes:"\201C" "\201D" "\2018" "\2019"
}
small{
  font-size:80%
}
sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sup{
  top:-0.5em
}
sub{
  bottom:-0.25em
}
img{
  border:0
}
svg:not(:root){
  overflow:hidden
}
figure{
  margin:0
}
fieldset{
  border:1px solid silver;
  margin:0 2px;
  padding:.35em .625em .75em
}
legend{
  border:0;
  padding:0
}
button,input,select,textarea{
  font-family:inherit;
  font-size:100%;
  margin:0
}
button,input{
  line-height:normal
}
button,select{
  text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
  -webkit-appearance:button;
  appearance:button;
  cursor:pointer
}
button[disabled],html input[disabled]{
  cursor:default
}
input[type="checkbox"],input[type="radio"]{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:0
}
input[type="search"]{
  -webkit-appearance:textfield;
  appearance: textfield;
  -webkit-box-sizing:content-box;
  box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
  border:0;
  padding:0
}
textarea{
  overflow:auto;
  vertical-align:top
}
table{
  border-collapse:collapse;
  border-spacing:0
}
textarea{
  resize:vertical
}
.clearfix::after{
  content:"";
  display:table;
  clear:both
}
body{
  color:#4a5669;
  line-height:1;
  font-size:16px;
  font-weight:normal;
  font-family:'Grandeurs', 'Arial', sans-serif;
  height: 80vh;
  background: #4a5669;
  -webkit-font-smoothing:antialiased
}
body.preload::before{
  content:'';
  position:fixed;
  z-index:1100;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#0098ef;
  -webkit-transition:opacity .4s;
  transition:opacity .4s
}
body.preload::after{
  content:'';
  position:fixed;
  z-index:1101;
  top:50%;
  left:50%;
  width:32px;
  height:32px;
  margin:-16px 0 0 -16px;
  background:transparent url(/espy/img/layout/loading.svg) center center no-repeat;
  -webkit-animation:body-preload .6s linear infinite;
  animation:body-preload .6s linear infinite
}
body.preload.preload-done::before,body.preload.preload-done::after{
  opacity:0
}
@-webkit-keyframes body-preload{
  0%{
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes body-preload{
  0%{
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
input:not(.no-custom-style):not([type="checkbox"]):not([type="radio"]),select:not(.no-custom-style),textarea:not(.no-custom-style),button{
  display:inline-block;
  line-height:24px;
  padding:0;
  margin:0;
  outline:0;
  border:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
input:not(.no-custom-style):not([type="checkbox"]):not([type="radio"]),select:not(.no-custom-style),textarea:not(.no-custom-style){
  color:#4a5669;
  padding:12px 15px;
  background-color:#fff;
  border:2px dashed #e6e9ee;
  border-radius:10px;
  -webkit-transition:color .2s,border-color .2s;
  transition:color .2s,border-color .2s;
  letter-spacing: .25rem;
}
input:not(.no-custom-style):not([type="checkbox"]):not([type="radio"]):focus,select:not(.no-custom-style):focus,textarea:not(.no-custom-style):focus{
  border-color:#0098ef
}
input:not(.no-custom-style):not([type="checkbox"]):not([type="radio"]):disabled,select:not(.no-custom-style):disabled,textarea:not(.no-custom-style):disabled,button:disabled{
  cursor:not-allowed;
  color:#a0abbc!important;
  background:#f0f2f5!important
}
.has-error .help-block,
.has-error .form-control-feedback {
  color: #f96868 !important;
}
.has-success .help-block,
.has-success .form-control-feedback {
  color: #46c53e !important;
}
.help-block {
  margin-top: 1em;
  letter-spacing: 0.15rem;
}
a{
  color:#0098ef;
  text-decoration:none;
  -webkit-transition:color .2s,background-color .2s;
  transition:color .2s,background-color .2s
}
a:focus,a:active{
  outline:0
}
a:hover{
  text-decoration:underline
}
h1,h2,h3,h4,h5{
  font-weight:normal
}
h1{
  font-size:42px;
  line-height:52px
}
h2{
  font-size:32px;
  line-height:42px
}
h3{
  font-size:24px;
  line-height:34px
}
h4{
  font-size:20px;
  line-height:30px
}
h5{
  font-size:16px;
  line-height:26px
}
p{
  line-height:28px
}
small{
  font-size:87.5%;
  line-height:87.5%
}
em{
  font-style:italic
}
strong{
  font-weight:bold
}
hr{
  margin:0;
  border:0;
  border-top:2px solid #e6e9ee
}
dl{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row;
  flex-flow:row;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  line-height:28px
}
dl dt{
  -webkit-box-flex:0;
  -ms-flex:0 0 30%;
  flex:0 0 30%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#a0abbc
}
dl dd{
  -webkit-box-flex:0;
  -ms-flex:0 0 70%;
  flex:0 0 70%;
  padding-left:10px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
dl dt:not(:first-of-type),dl dd:not(:first-of-type){
  margin-top:20px
}
img,video,iframe{
  display:inline-block;
  max-width:100%
}
.text-margin-left{
  margin-left:1em
}
.text-margin-right{
  margin-right:1em
}
.text-align-left{
  text-align:left
}
.text-align-right{
  text-align:right
}
.text-align-center{
  text-align:center
}
.text-break-all{
  word-break:break-all
}
.text-color-dark{
  color:#4a5669!important
}
.text-color-light{
  color:#fff!important
}
.text-color-gray{
  color:#a0abbc!important
}
.text-color-primary{
  color:#0098ef!important
}
.text-color-secondary{
  color:#fc3!important
}
.text-color-success{
  color:#00b75a!important
}
.text-color-warning{
  color:#ffcc34!important
}
.text-color-error{
  color:#cd3100!important
}
form{
  position:relative;
  width:100%
}
form label{
  cursor:pointer;
  line-height:28px;
  padding:0 15px 0 15px;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
form label:first-child{
  display:inline-block
}
form fieldset{
  padding:30px;
  border:2px solid #e6e9ee;
  border-radius:12px
}
form fieldset legend{
  padding:0 15px;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase
}
form input[type="file"]{
  line-height:1
}
form input[type="checkbox"],form input[type="radio"]{
  margin-left:15px;
  margin-right:-5px;
  cursor:pointer
}
form textarea{
  resize:vertical
}
form.form-full-width input:not(.no-custom-style):not([type="checkbox"]):not([type="radio"]),form.form-full-width select:not(.no-custom-style),form.form-full-width textarea:not(.no-custom-style){
  width:100%
}
form .form-row{
  position:relative
}
form .form-row:not(:first-child){
  margin-top:30px
}
form .form-row.form-success,form .form-row.form-error{
  padding:12px 15px;
  color:#fff;
  text-align:center;
  background-color:#00b75a;
  border-radius:6px
}
form .form-row.form-error{
  background-color:#cd3100
}
form .form-row.form-success ul,form .form-row.form-error ul{
  margin:0!important;
  list-style-type:none
}
form .checkbox-style,form .radio-style{
  display:inline-block;
  position:relative;
  overflow:hidden;
  width:16px;
  height:16px;
  text-align:left;
  margin:-2px -2px 0 15px;
  vertical-align:middle;
  background-color:#fff;
  border:2px solid #e6e9ee;
  border-radius:4px;
  -webkit-transition:border-color .2s;
  transition:border-color .2s
}
form .radio-style{
  border-radius:10px
}
form .checkbox-style.focus,form .radio-style.focus{
  border-color:#0098ef
}
form .checkbox-style.disabled,form .radio-style.disabled{
  background-color:#f0f2f5
}
form .checkbox-style i,form .checkbox-style .checkbox-style-icon,form .radio-style .radio-style-icon{
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  width:16px;
  height:16px;
  line-height:16px;
  text-align:center;
  font-size:14px;
  color:#4a5669;
  cursor:pointer
}
form .checkbox-style .svg-inline--fa{
  width:12px
}
form .radio-style .radio-style-icon::after{
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:8px;
  height:8px;
  background-color:#4a5669;
  border-radius:4px
}
form .checkbox-style.disabled i,form .checkbox-style.disabled .svg-inline--fa,form .radio-style.disabled .radio-style-icon{
  color:#a0abbc;
  cursor:not-allowed
}
form .checkbox-style:not(.active) i,form .checkbox-style:not(.active) .svg-inline--fa,form .radio-style:not(.active) .radio-style-icon{
  opacity:0
}
form .checkbox-style input[type="checkbox"],form .radio-style input[type="radio"]{
  position:absolute;
  top:0;
  left:0;
  margin:0;
  padding:0;
  opacity:0;
  border:0;
  width:16px;
  height:16px
}
form .checkbox-style-block .checkbox-style,form .radio-style-block .radio-style{
  position:absolute;
  top:5px;
  left:15px;
  margin:0
}
form .checkbox-style-block label,form .radio-style-block label{
  display:inline-block;
  padding-left:52px
}
form .select-style,form .search-style{
  display:inline-block;
  position:relative
}
form.form-full-width .select-style,form.form-full-width .search-style{
  width:100%
}
button,.button{
  display:inline-block;
  padding:16px 20px;
  cursor:pointer;
  color:#0098ef;
  line-height:1;
  font-weight:bold;
  text-transform:uppercase;
  background-color:#fff;
  border:2px dashed #e6e9ee;
  border-radius:10px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition:color .2s;
  transition:color .2s
}
button.button-primary,.button.button-primary,button.button-secondary,.button.button-secondary{
  padding:18px 22px;
  border:0
}
button.button-primary,.button.button-primary{
  color:#fff;
  background-color:#0098ef
}
button.button-secondary,.button.button-secondary{
  color:#4a5669;
  background-color:#fc3
}
button.button-small,.button.button-small{
  padding:8px 14px;
  border-radius:4px
}
button.button-primary.button-small,.button.button-primary.button-small,button.button-secondary.button-small,.button.button-secondary.button-small{
  padding:10px 16px
}
button.button-large,.button.button-large{
  font-size:16px;
  padding:20px 24px;
  border-radius:8px
}
button.button-primary.button-large,.button.button-primary.button-large,button.button-secondary.button-large,.button.button-secondary.button-large{
  padding:22px 26px
}
button.button-full-width,.button.button-full-width{
  width:100%
}
button:hover,.button:hover{
  color:#a0abbc;
  text-decoration:none
}
button.button-primary:hover,.button.button-primary:hover{
  color:rgba(255,255,255,0.6)
}
button.button-secondary:hover,.button.button-secondary:hover{
  color:rgba(74,86,105,0.6)
}
button:focus,.button:focus,button:active,.button:active{
  background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(74,86,105,0.1)),to(rgba(74,86,105,0.1)));
  background-image:linear-gradient(rgba(74,86,105,0.1) 0,rgba(74,86,105,0.1) 100%)
}
.material-icons{
  font-size:inherit;
  line-height:inherit;
  vertical-align:top
}
.icon-left,.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left{
  margin-right:.5em
}
.icon-right,.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right{
  margin-left:.5em
}
.icon-feature{
  height:64px;
  line-height:64px;
  font-size:64px;
  color:#0098ef
}
.icon-feature-large{
  height:256px;
  line-height:256px;
  font-size:256px;
  color:#0098ef;
  text-shadow:8px 8px 0 rgba(74,86,105,0.1)
}
svg.icon-feature-large{
  -webkit-filter:drop-shadow(8px 8px 0 rgba(74,86,105,0.1));
  filter:drop-shadow(8px 8px 0 rgba(74,86,105,0.1))
}
.icon-feature-inline{
  margin-top:-4px;
  margin-right:12px;
  vertical-align:middle;
  font-size:150%;
  color:#0098ef
}
.column-row,#content>.content-row .content-header+.column-row{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:-30px
}
.column-row.column-row-flex-width{
  -webkit-box-pack:justify!important;
  -ms-flex-pack:justify!important;
  justify-content:space-between!important
}
.column-row:not(:first-child){
  margin-top:30px
}
.column-row.align-center,.column-row.align-center-top,.column-row.align-center-center,.column-row.align-center-bottom{
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.column-row.align-left-top,.column-row.align-left-center,.column-row.align-left-bottom{
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start
}
.column-row.align-right-top,.column-row.align-right-center,.column-row.align-right-bottom{
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end
}
.column-row.align-center-top{
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
}
.column-row.align-left-center,.column-row.align-right-center{
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.column-row.align-left-bottom,.column-row.align-center-bottom,.column-row.align-right-bottom{
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end
}
.column-row>.column-20,.column-row>.column-25,.column-row>.column-30,.column-row>.column-33,.column-row>.column-40,.column-row>.column-50,.column-row>.column-60,.column-row>.column-66,.column-row>.column-70,.column-row>.column-75,.column-row>.column-80,.column-row>.column-flex{
  padding:30px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
.column-row>.column-20{
  width:20%
}
.column-row>.column-25{
  width:25%
}
.column-row>.column-30{
  width:30%
}
.column-row>.column-33{
  width:33.33%
}
.column-row>.column-40{
  width:40%
}
.column-row>.column-50{
  width:50%
}
.column-row>.column-60{
  width:60%
}
.column-row>.column-66{
  width:66.66%
}
.column-row>.column-70{
  width:70%
}
.column-row>.column-75{
  width:75%
}
.column-row>.column-80{
  width:80%
}
.container{
  position:relative;
  width:1280px;
  margin:0 auto
}
.container.container-full-width{
  width:auto;
  margin:0 60px;
  -ms-flex-preferred-size:100%;
  flex-basis:100%
}
.container::after{
  content:"";
  display:table;
  clear:both
}
#header{
  position:relative;
  z-index:100;
  top:0;
  left:0;
  width:100%;
  padding:8vh 0;
  background-color: #08428e;
  background-image: url(/espy/img/ext/stars.png),
  linear-gradient(0deg, #08428e, #1262a8 80%);
  -webkit-transition:-webkit-transform .4s,-webkit-box-shadow .4s;
  transition:-webkit-transform .4s,-webkit-box-shadow .4s;
  transition:transform .4s,box-shadow .4s;
  transition:transform .4s,box-shadow .4s,-webkit-transform .4s,-webkit-box-shadow .4s
}
#header .logo,#nav-overlay .logo{
  display: flex;
  align-items: center;
  height: 8rem;
}
#header .logo img,#nav-overlay .logo img{
  display:block;
  max-width:100%;
  max-height:100%
}
#header .logo .logo-text,#nav-overlay .logo .logo-text{
  font-size:32px;
  white-space:nowrap;
}
#header .logo .logo-text small,#nav-overlay .logo .logo-text small{
  font-size:50%;
  line-height:50%;
  color:rgba(255,255,255,0.6)
}
#header.header-gray .logo .logo-text small,#header.header-light .logo .logo-text small,#nav-overlay.nav-overlay-gray .logo .logo-text small,#nav-overlay.nav-overlay-light .logo .logo-text small{
  color:#a0abbc
}
#header.header-dark .logo .logo-text small,#nav-overlay.nav-overlay-dark .logo .logo-text small{
  color:#667791
}
#header:not(.header-nav-overlay) .logo .logo-text.logo-text-baseline{
  padding-top:16px
}
#header .logo.logo-center{
  float:none;
  margin:0 auto;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
#header nav{
  float:right;
  width:70%
}
#header.header-nav-overlay nav{
  display:none
}
#header nav ul{
  list-style-type:none
}
#header nav .nav-primary{
  float:right;
  margin-top:28px
}
#header nav .nav-primary>li{
  position:relative;
  float:left
}
#header nav .nav-primary>li:not(:last-of-type){
  margin-right:40px
}
#header nav .nav-primary>li.button-follows{
  margin-right:10px
}
#header nav .nav-primary>li>a{
  display:block;
  height:32px;
  line-height:32px;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase
}
#header:not(.header-light):not(.header-gray):not(.header-dark) .logo,#header:not(.header-light):not(.header-gray):not(.header-dark) nav .nav-primary>li>a:not(.button){
  color:#fff
}
#content>.content-row{
  position:relative;
  overflow:hidden;
  padding:6vh;
  background-color:#fff
}
#content>.content-row.content-row-clouds::after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  content: '';
  background: url(/espy/img/layout/cloud_animated.png) top center repeat-x;
  z-index: 3;
  animation: animeClouds 200s linear infinite;
  -ms-animation: animeClouds 200s linear infinite;
  -moz-animation: animeClouds 200s linear infinite;
  -webkit-animation: animeClouds 200s linear infinite;
}
@keyframes animeClouds {
  from {
    background-position: 0 0
  }
  to {
    background-position: 100% 0
  }
}
@-webkit-keyframes animeClouds {
  from {
    background-position: 0 0
  }
  to {
    background-position: 100% 0
  }
}
@-ms-keyframes animeClouds {
  from {
    background-position: 0 0
  }
  to {
    background-position: 100% 0
  }
}
@-moz-keyframes animeClouds {
  from {
    background-position: 0 0
  }
  to {
    background-position: 100% 0
  }
}
#content>.content-row .container{
  z-index:3
}
#content>.content-row ul,#content>.content-row ol{
  line-height:28px
}
#content>.content-row ul:not(.list-style-nav):not(.list-style-none):not(.list-style-icon),#content>.content-row ol{
  margin-left:20px
}
#content>.content-row ul li ul,#content>.content-row ul li ol,#content>.content-row ol li ul,#content>.content-row ol li ol{
  margin:15px 20px
}
#content>.content-row ul li:last-child ul,#content>.content-row ul li:last-child ol,#content>.content-row ol li:last-child ul,#content>.content-row ol li:last-child ol{
  margin-bottom:0
}
#content>.content-row h1:not(:first-child),#content>.content-row h2:not(:first-child),#content>.content-row h3:not(:first-child),#content>.content-row h4:not(:first-child),#content>.content-row h5:not(:first-child){
  margin-top:40px
}
#content>.content-row p:not(:first-child),#content>.content-row ul:not(:first-child),#content>.content-row ol:not(:first-child),#content>.content-row dl:not(:first-child),#content>.content-row hr:not(:first-child),#content>.content-row pre:not(:first-child),#content>.content-row form:not(:first-child),#content>.content-row table:not(:first-child),#content>.content-row iframe:not(:first-child),#content>.content-row address:not(:first-child),#content>.content-row blockquote:not(:first-child),#content>.content-row .pre-code:not(:first-child),#content>.content-row .feature-box:not(:first-child),#content>.content-row .product-box:not(:first-child),#content>.content-row .product-slider:not(:first-child),#content>.content-row .product-configurator:not(:first-child),#content>.content-row .network-map:not(:first-child),#content>.content-row .testimonial:not(:first-child),#content>.content-row .tab-group:not(:first-child),#content>.content-row .gallery:not(:first-child){
  margin-top:20px
}
#content>.content-row h1+.column-row,#content>.content-row h2+.column-row,#content>.content-row h3+.column-row,#content>.content-row h4+.column-row,#content>.content-row h5+.column-row,#content>.content-row p+.column-row,#content>.content-row ul+.column-row,#content>.content-row ol+.column-row,#content>.content-row dl+.column-row,#content>.content-row hr+.column-row{
  margin-top:-10px
}
#content>.content-row .content-header{
  max-width:708px;
  margin:0 auto 60px auto;
  text-align:center
}
#content:not(.no-max-width)>.content-row .content-header {
  max-width: none !important;
}
#content>.content-row .content-header:only-child{
  margin-bottom:-2rem !important;
}
#content>.content-row .content-header.content-header-small p{
  margin-top:0
}
#content>.content-row .content-header.content-header-uppercase h1,#content>.content-row .content-header.content-header-uppercase h2,#content>.content-row .content-header.content-header-uppercase h3,#content>.content-row .content-header.content-header-uppercase h4,#content>.content-row .content-header.content-header-uppercase h5{
  font-weight:bold;
  text-transform:uppercase
}
#content>.content-row .content-box{
  padding:58px;
  background-color:#fff;
  border:2px solid #e6e9ee;
  border-radius:12px
}
#content>.content-row .content-box:not(:first-child){
  margin-top:60px
}
#content>.content-row.content-row-color,#content>.content-row.content-row-color.content-row-split-left::after,#content>.content-row.content-row-color.content-row-split-right::after{
  background-color: #08428e;
}
#content>.content-row.content-row.content-row-dark.content-row-border-top,#content>.content-row.content-row.content-row-dark.content-row-border-bottom{
  border-color:#3a4659
}
#content>.content-row.content-row.content-row-color.content-row-border-top,#content>.content-row.content-row.content-row-color.content-row-border-bottom{
  border-color:rgba(255,255,255,0.2)
}
#content>.content-row.content-row-color blockquote footer,#content>.content-row.content-row-color dl dt,#content>.content-row.content-row-color .text-color-gray,#content>.content-row.content-row-color .blog-article .blog-article-header ul li,#content>.content-row.content-row-color .testimonial .testimonial-author small,#content>.content-row.content-row-color .blog-comment-group .blog-comment-author li,#content>.content-row.content-row-color .content-slider>ul li:not(.active),#content>.content-row.content-row-color .content-slider>i{
  color:rgba(255,255,255,0.6)
}
#content>.content-row.content-row-color a:not(.button),#content>.content-row.content-row-color .icon-feature,#content>.content-row.content-row-color .icon-feature-large,#content>.content-row.content-row-color .icon-feature-inline,#content>.content-row.content-row-color .content-slider>ul li.active,#content>.content-row.content-row-color .tab-group .tab-item .tab-item-title,#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style)>ul li{
  color:#fc3
}
#content>.content-row.content-row-color ul.list-style-nav li a:not(.button),#content>.content-row.content-row-color table a:not(.button),#content>.content-row.content-row-color pre a:not(.button),#content>.content-row.content-row-color .pre-code a:not(.button),#content>.content-row.content-row-color .tags li a:not(.button),#content>.content-row.content-row-color .feature-box a:not(.button),#content>.content-row.content-row-color .product-box a:not(.button),#content>.content-row.content-row-color .product-slider a:not(.button),#content>.content-row.content-row-color .product-configurator a:not(.button),#content>.content-row.content-row-color .network-map ul li span.label-top-left,#content>.content-row.content-row-color .network-map ul li span.label-top-right,#content>.content-row.content-row-color .network-map ul li span.label-bottom-left,#content>.content-row.content-row-color .network-map ul li span.label-bottom-right,#content>.content-row.content-row-color .testimonial .testimonial-content a:not(.button),#content>.content-row.content-row-color .blog-comment-group .blog-comment-content a:not(.button){
  color:#0098ef
}
#content>.content-row.content-row-color .tags li a:hover,#content>.content-row.content-row-color .network-map ul li a:hover span.label-top-left,#content>.content-row.content-row-color .network-map ul li a:hover span.label-top-right,#content>.content-row.content-row-color .network-map ul li a:hover span.label-bottom-left,#content>.content-row.content-row-color .network-map ul li a:hover span.label-bottom-right{
  color:#a0abbc
}
#content>.content-row.content-row-color .content-box,#content>.content-row.content-row-color .tab-group .tab-item .tab-item-title,#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style)>ul li,#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style)>ul li::after,#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner{
  background-color:#0098ef
}
#content>.content-row.content-row-color blockquote::before,#content>.content-row.content-row-color hr,#content>.content-row.content-row-color form fieldset,#content>.content-row.content-row-color .pagination>li:not(.active) a,#content>.content-row.content-row-color .content-box,#content>.content-row.content-row-color .blog-article:not(:first-child),#content>.content-row.content-row-color .tab-group .tab-item .tab-item-title,#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style)>ul li,#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner,#content>.content-row.content-row-color .column-row>.content-sidebar-left::before,#content>.content-row.content-row-color .column-row>.content-sidebar-right::before{
  border-color:rgba(255,255,255,0.2)
}
#content>.content-row.content-row-color .pagination>li.active a{
  border-color:#fc3
}
#content>.content-row.content-row-color .icon-feature-large{
  text-shadow:8px 8px 0 rgba(74,86,105,0.2)
}
#content>.content-row.content-row-color svg.icon-feature-large{
  -webkit-filter:drop-shadow(8px 8px 0 rgba(74,86,105,0.2));
  filter:drop-shadow(8px 8px 0 rgba(74,86,105,0.2))
}
#content>.content-row.content-row-color .text-color-gray{
  color:rgba(255,255,255,0.6)!important
}
#content>.content-row.content-row-color .content-background.content-background-light i,#content>.content-row.content-row-color .content-background.content-background-light svg,#content>.content-row.content-row-color .network-map img{
  opacity:.2
}
#footer{
  color:#777777;
  background: #fff;
}
#footer .footer-secondary{
  padding-top: 30px;
  border-top:2px dashed #e6e9ee
}
#footer .footer-secondary p{
  font-size:1rem;
  font-weight: 400;
  text-align:center
}
@media(max-width:1340px){
  .container,.container.container-full-width,#content>.content-row .content-slider .content-slider-inner .slide>.container{
    width:auto;
    margin:0 30px;
    -ms-flex-preferred-size:100%;
    flex-basis:100%
  }
  #content>.content-row.content-row-split-left .container:not(.container-full-width),#content>.content-row.content-row-split-right .container:not(.container-full-width){
    width:50%;
    -ms-flex-preferred-size:50%;
    flex-basis:50%
  }
  #content>.content-row.content-row-split-left .container:not(.container-full-width){
    padding:0 60px 0 30px;
    margin:0 auto 0 0
  }
  #content>.content-row.content-row-split-right .container:not(.container-full-width){
    padding:0 30px 0 60px;
    margin:0 0 0 auto
  }
  #content>.content-row.content-row-split-left .container.container-full-width{
    padding-left:30px
  }
  #content>.content-row.content-row-split-right .container.container-full-width{
    padding-right:30px
  }
}
@media(max-width:1024px){
  #content>.content-row.content-row-split-left .container:not(.container-full-width),#content>.content-row.content-row-split-left .container.container-full-width{
    padding-right:30px
  }
  #content>.content-row.content-row-split-right .container:not(.container-full-width),#content>.content-row.content-row-split-right .container.container-full-width{
    padding-left:30px
  }
  #header .logo,#nav-overlay .logo{
    max-width:100%;
    margin-right:60px
  }
  #header:not(.header-nav-overlay) .logo .logo-text.logo-text-baseline{
    padding-top:0
  }
  #header nav{
    display:none
  }
  #nav-overlay:not(.nav-overlay-visible),#nav-overlay-open:not(.nav-overlay-visible),#nav-overlay-close:not(.nav-overlay-visible),#nav-overlay-background:not(.nav-overlay-visible){
    display:block
  }
  #notification[data-dismissible="true"] p{
    margin-left:0;
    margin-right:64px;
    text-align:left
  }
  #notification p a.text-margin-left{
    margin-left:0
  }
  #notification-dismiss{
    right:6px
  }
  .tab-group>a{
    top:-30px
  }
  .blog-article:not(:first-child){
    padding-top:20px;
    margin-top:30px
  }
  .blog-article .blog-article-content{
    margin-top:20px
  }
  .pagination:not(:first-child),.tab-group.tab-group-switch-style .tab-item .tab-item-inner{
    margin-top:30px!important
  }
  .product-slider:not(.product-slider-small)>ul li{
    width:50%!important;
    text-align:center
  }
  .product-slider:not(.product-slider-small)>ul li:last-of-type{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
  .product-slider:not(.product-slider-small)>ul li:last-of-type .price{
    text-align:left
  }
  .product-slider:not(.product-slider-small)>ul li:first-child:nth-last-child(3):last-of-type,.product-slider:not(.product-slider-small)>ul li:first-child:nth-last-child(3) ~ li:last-of-type,.product-slider:not(.product-slider-small)>ul li:first-child:nth-last-child(5):last-of-type,.product-slider:not(.product-slider-small)>ul li:first-child:nth-last-child(5) ~ li:last-of-type{
    width:100%!important;
    margin-top:30px
  }
  .column-row,#content>.content-row .content-header+.column-row{
    margin:-15px
  }
  .column-row:not(:first-child){
    margin-top:15px
  }
  #content>.content-row h1+.column-row,#content>.content-row h2+.column-row,#content>.content-row h3+.column-row,#content>.content-row h4+.column-row,#content>.content-row h5+.column-row,#content>.content-row p+.column-row,#content>.content-row ul+.column-row,#content>.content-row ol+.column-row,#content>.content-row dl+.column-row,#content>.content-row hr+.column-row{
    margin-top:5px
  }
  .column-row>.column-20,.column-row>.column-25,.column-row>.column-30,.column-row>.column-33,.column-row>.column-40,.column-row>.column-50,.column-row>.column-60,.column-row>.column-66,.column-row>.column-70,.column-row>.column-75,.column-row>.column-80,.column-row>.column-flex{
    padding:15px
  }
  #content>.content-row{
    padding:0 7rem;
  }
  .product-slider,.product-configurator,#content>.content-row .content-box,.tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner{
    padding:28px
  }
  #content>.content-row .content-box:not(:first-child),.product-configurator .configurator-row:not(:first-child),.product-configurator .configurator-order:not(:first-child){
    margin-top:30px
  }
  #content>.content-row .content-slider{
    margin:-30px 0
  }
  #content>.content-row .content-header{
    margin-bottom:30px
  }
  #content>.content-row .column-row>.content-sidebar-left{
    padding-right:45px
  }
  #content>.content-row .column-row>.content-sidebar-right{
    padding-left:45px
  }
  #content>.content-row .column-row>.content-sidebar-left.column-50{
    padding-right:15px;
    margin-right:30px
  }
  #content>.content-row .column-row>.content-sidebar-right.column-50{
    padding-left:15px;
    margin-left:30px
  }
  #content>.content-row .column-row>.content-sidebar-left::before{
    right:14px
  }
  #content>.content-row .column-row>.content-sidebar-right::before{
    left:14px
  }
  #content>.content-row .column-row>.content-sidebar-left.column-50::before{
    right:-16px
  }
  #content>.content-row .column-row>.content-sidebar-right.column-50::before{
    left:-16px
  }
  #footer,#footer .footer-primary{
    padding:15px 0
  }
  #footer .footer-secondary:not(:first-child){
    padding-top:15px;
    margin-top:15px
  }
}
@media(max-width:960px)
{
  .column-row{
    display:block!important
  }
  .column-row>.column-20,.column-row>.column-25,.column-row>.column-30,.column-row>.column-33,.column-row>.column-40,.column-row>.column-50,.column-row>.column-60,.column-row>.column-66,.column-row>.column-70,.column-row>.column-75,.column-row>.column-80,.column-row>.column-flex{
    width:auto
  }
  .network-map ul li span.label-top-left,.network-map ul li span.label-top-right,.network-map ul li span.label-bottom-left,.network-map ul li span.label-bottom-right{
    display:none
  }
  #content>.content-row .content-header.content-header-align-left,#content>.content-row .content-header.content-header-align-right,#content>.content-row .content-header.content-header-large.content-header-align-left p,#content>.content-row .content-header.content-header-large.content-header-align-right p{
    text-align:center;
    margin-left:auto;
    margin-right:auto
  }
  #content>.content-row .column-row>.content-sidebar-left:first-child,#content>.content-row .column-row>.content-sidebar-right:first-child{
    min-width:0!important;
    padding:15px 15px 30px 15px!important;
    margin:0 0 15px 0!important
  }
  #content>.content-row .column-row>.content-sidebar-left:first-child::before,#content>.content-row .column-row>.content-sidebar-right:first-child::before{
    z-index:-1;
    bottom:-1px;
    left:-15px!important;
    right:-15px!important;
    border-bottom:2px solid #e6e9ee;
    border-left:none
  }
  #content>.content-row .column-row>.content-sidebar-left:last-child,#content>.content-row .column-row>.content-sidebar-right:last-child{
    min-width:0!important;
    padding:30px 15px 15px 15px!important;
    margin:15px 0 0 0!important
  }
  #content>.content-row .column-row>.content-sidebar-left:last-child::before,#content>.content-row .column-row>.content-sidebar-right:last-child::before{
    z-index:-1;
    top:-1px;
    left:-15px!important;
    right:-15px!important;
    border-top:2px solid #e6e9ee;
    border-left:none
  }
  #content>.content-row.content-row-split-left::after,#content>.content-row.content-row-split-right::after{
    top:300px;
    left:0;
    right:0
  }
  #content>.content-row.content-row-split-left .container:not(.container-full-width),#content>.content-row.content-row-split-left .container.container-full-width,#content>.content-row.content-row-split-right .container:not(.container-full-width),#content>.content-row.content-row-split-right .container.container-full-width{
    width:100%;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    margin-top:300px
  }
  #content>.content-row.content-row-split-left .content-background,#content>.content-row.content-row-split-right .content-background{
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:300px
  }
  #content>.content-row.content-row-split-left .content-background.content-background-scroll,#content>.content-row.content-row-split-right .content-background.content-background-scroll{
    top:-60px;
    height:420px
  }
}
@media(max-width:768px)
{
  #content>.content-row .content-header,#content>.content-row .content-header.content-header-large p{
    max-width:100%
  }
  #content>.content-row .content-slider>i{
    display:none
  }
}
@media(max-width:768px) and (max-height:640px)
{
  body.touch-device #content>.content-row .content-slider>i.slide-previous,body.touch-device #content>.content-row .content-slider>i.slide-next,body.touch-device #gallery-overlay-previous,body.touch-device #gallery-overlay-next{
    display:none!important
  }
  body.touch-device #gallery-overlay ul li{
    padding:0
  }
  #header,#nav-overlay{
    padding:10px 0
  }
  #header .logo .logo-text,#nav-overlay .logo .logo-text{
    font-size:28px
  }
  #content>.content-row .content-header.content-header-large h1{
    font-size:42px;
    line-height:52px;
    letter-spacing:normal
  }
  #content>.content-row .content-header.content-header-large h2{
    font-size:32px;
    line-height:42px
  }
  #content>.content-row .content-header.content-header-large h3{
    font-size:24px;
    line-height:34px
  }
  #content>.content-row .content-header.content-header-large p{
    font-size:18px;
    line-height:30px
  }
  #content>.content-row .content-slider>ul{
    bottom:30px
  }
  #content>.content-row .content-slider .content-slider-inner .slide{
    padding:60px 0
  }
  #content>.content-row .content-slider.content-slider-has-nav .content-slider-inner .slide{
    padding-bottom:100px
  }
  #content>.content-row .content-slider .content-slider-inner .slide .content-header.content-header-large{
    margin-bottom:30px
  }
  #content>.content-row .content-slider .content-slider-inner .slide .content-header.content-header-large p{
    margin-top:20px
  }
}
@media(max-width:480px){
  #header .logo .logo-text small,#nav-overlay .logo .logo-text small{
    display:none
  }
}
@media(-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi) and (min-resolution:2dppx){
  #content>.content-row.content-row-clouds::before{
    background-image:url(/espy/img/layout/clouds-gray-left%402x.png)
  }
  #content>.content-row.content-row-clouds::after{
    background-image:url(/espy/img/layout/clouds-gray-right%402x.png)
  }
  #content>.content-row.content-row-gray.content-row-clouds::before,#content>.content-row.content-row-dark.content-row-clouds::before,#content>.content-row.content-row-color.content-row-clouds::before,#content>.content-row.content-row-gradient.content-row-clouds::before{
    background-image:url(/espy/img/layout/clouds-light-left%402x.png)
  }
  #content>.content-row.content-row-gray.content-row-clouds::after,#content>.content-row.content-row-dark.content-row-clouds::after,#content>.content-row.content-row-color.content-row-clouds::after,#content>.content-row.content-row-gradient.content-row-clouds::after{
    background-image:url(/espy/img/layout/clouds-light-right%402x.png)
  }
}
.has-success .form-control {
  border-color: #46be8a !important;
}
.has-error .form-control {
  border-color: #f96868 !important;
}
.form-control-feedback {
  position: absolute;
  font-size: 1.5rem;
}
.margin-top-0 {
  margin-top: 0 !important;
}
.margin-top-3 {
  margin-top: 3px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-top-25 {
  margin-top: 25px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-top-35 {
  margin-top: 35px !important;
}
.margin-top-40 {
  margin-top: 40px !important;
}
.margin-top-45 {
  margin-top: 45px !important;
}
.margin-top-50 {
  margin-top: 50px !important;
}
.margin-top-60 {
  margin-top: 60px !important;
}
.margin-top-70 {
  margin-top: 70px !important;
}
.margin-top-80 {
  margin-top: 80px !important;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
.margin-bottom-3 {
  margin-bottom: 3px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-bottom-25 {
  margin-bottom: 25px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-bottom-35 {
  margin-bottom: 35px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-bottom-45 {
  margin-bottom: 45px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
.margin-bottom-60 {
  margin-bottom: 60px !important;
}
.margin-bottom-70 {
  margin-bottom: 70px !important;
}
.margin-bottom-80 {
  margin-bottom: 80px !important;
}
.margin-bottom-100 {
  margin-bottom: 80px !important;
}
.margin-left-0 {
  margin-left: 0 !important;
}
.margin-left-3 {
  margin-left: 3px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-15 {
  margin-left: 15px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}
.margin-left-25 {
  margin-left: 25px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}
.margin-left-35 {
  margin-left: 35px !important;
}
.margin-left-40 {
  margin-left: 40px !important;
}
.margin-left-45 {
  margin-left: 45px !important;
}
.margin-left-50 {
  margin-left: 50px !important;
}
.margin-left-60 {
  margin-left: 60px !important;
}
.margin-left-70 {
  margin-left: 70px !important;
}
.margin-left-80 {
  margin-left: 80px !important;
}
.margin-right-0 {
  margin-right: 0 !important;
}
.margin-right-3 {
  margin-right: 3px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-right-25 {
  margin-right: 25px !important;
}
.margin-right-30 {
  margin-right: 30px !important;
}
.margin-right-35 {
  margin-right: 35px !important;
}
.margin-right-40 {
  margin-right: 40px !important;
}
.margin-right-45 {
  margin-right: 45px !important;
}
.margin-right-50 {
  margin-right: 50px !important;
}
.margin-right-60 {
  margin-right: 60px !important;
}
.margin-right-70 {
  margin-right: 70px !important;
}
.margin-right-80 {
  margin-right: 80px !important;
}
.capitalize {
  text-transform: capitalize;
}
.loggedin {
  font-family: 'Grandeurs', 'Arial', sans-serif;
  font-weight: 900 !important;
  font-size: 4rem;
  letter-spacing: 0.25rem;
  color: rgba(255, 255, 255, 0.5);
}
.btn-access24 {
  --green: #0098ef;
  font-size: 15px;
  padding: 0.7em 2.7em;
  letter-spacing: 0.06em;
  position: relative;
  font-family: inherit;
  border-radius: 0.6em;
  overflow: hidden;
  transition: all 0.3s;
  line-height: 1.4em;
  border: 2px solid var(--green);
  background: linear-gradient(to right, rgba(0, 152, 239, 0.1) 1%, transparent 40%,transparent 60% , rgba(0, 152, 239, 0.1) 100%);
  color: var(--green);
  box-shadow: inset 0 0 10px rgba(0, 152, 239, 0.4), 0 0 9px 3px rgba(0, 152, 239, 0.1);
}

.btn-access24:hover {
  color: #0098ef;
  box-shadow: inset 0 0 10px rgba(0, 152, 239, 0.6), 0 0 9px 3px rgba(0, 152, 239, 0.2);
}

.btn-access24:before {
  content: "";
  position: absolute;
  left: -4em;
  width: 4em;
  height: 100%;
  top: 0;
  transition: transform .4s ease-in-out;
  background: linear-gradient(to right, transparent 1%, rgba(0, 152, 239, 0.1) 40%,rgba(0, 152, 239, 0.1) 60% , transparent 100%);
}

.btn-access24:hover:before {
  transform: translateX(15em);
}
.lmjx {
  transition: background-color 0.150s ease, background-image 0.150s ease;
}
.ljx-success-bg {
  background-color : #3ec5a3 !important;
}
.ljx-success-gradient {
  background-image: url(/espy/img/ext/stars.png),
  linear-gradient(0deg, #3ec5a3, #1c9de7 80%) !important;
}
.ljx-danger-bg {
  background-color : #990c42 !important;
}
.ljx-danger-gradient {
  background-image: url(/espy/img/ext/stars.png),
  linear-gradient(0deg, #990c42, #bd5e11 80%) !important;
}
.ljx-warning-bg {
  background-color : #f2a654 !important;
}
.ljx-warning-gradient {
  background-image: url(/espy/img/ext/stars.png),
  linear-gradient(0deg, #f2a654, #083466 80%) !important;
}
.sun {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  top: 2.5rem;
  right: 10rem;
  z-index: 101;
  position: absolute;
  box-shadow: 0 0 120px #f1da36, 0 0 60px #f2ad00, 0 0 10px #c96800, 0 0 200px #feff8f;
  background: -moz-radial-gradient(center, ellipse cover, #fcf3a1 0%, #f1da36 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #fcf3a1 0%, #f1da36 100%);
  background: -o-radial-gradient(center, ellipse cover, #fcf3a1 0%, #f1da36 100%);
  background: -ms-radial-gradient(center, ellipse cover, #fcf3a1 0%, #f1da36 100%);
}
.moon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  top: 2.5rem;
  right: 10rem;
  z-index: 101;
  position: absolute;
  box-shadow: 20px 10px 60px #69dfff, 0 0 30px #337ab7, 0 0 40px #ffffff, 20px 20px 150px #ffffff;
  background: -moz-radial-gradient(center, ellipse cover, #6a709a 0%, #2c2f40 60%, #1e2030 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #2492ff 0%, #1059a1 60%, #56a3ec 100%);
  background: -o-radial-gradient(center, ellipse cover, #6a709a 0%, #2c2f40 60%, #1e2030 100%);
  background: -ms-radial-gradient(center, ellipse cover, #6a709a 0%, #2c2f40 60%, #1e2030 100%);
}
.btn-ext24 {
  font-size: 15px;
  padding: 0.7em 1em;
  float: right;
  letter-spacing: 0.5em;
  position: relative;
  font-family: inherit;
  border-radius: 0.6em;
  overflow: hidden;
  transition: all 0.3s;
  line-height: 1.4em;
  border: 2px dashed #e6e9ee;
  color: #aab0b9;
  
}
.btn-ext24:hover {
  color: #0098ef;
  border: 2px dashed #0098ef;
  transition: all 0.3s;
  background: linear-gradient(to right, rgba(0, 152, 239, 0.1) 1%, transparent 40%, transparent 60%, rgba(0, 152, 239, 0.1) 100%);
  box-shadow: inset 0 0 10px rgba(0, 152, 239, 0.4), 0 0 9px 3px rgba(0, 152, 239, 0.1);
}