/*!
Template :	ICO Crypto - Cryptocurrency Landing Template
Author	 :	Softnio
Version	 :	1.3.1
Updated	 :	07.07.2018
*//*! 01.0 - FONTS */@font-face {
 font-family:'Poppins';
 src:url("../fonts/Poppins-Bold.eot");
 src:local("Poppins Bold"),local("Poppins-Bold"),url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins-Bold.woff2") format("woff2"),url("../fonts/Poppins-Bold.woff") format("woff"),url("../fonts/Poppins-Bold.ttf") format("truetype");
 font-weight:bold;
 font-style:normal
}
@font-face {
 font-family:'Poppins';
 src:url("../fonts/Poppins-Light.eot");
 src:local("Poppins Light"),local("Poppins-Light"),url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins-Light.woff2") format("woff2"),url("../fonts/Poppins-Light.woff") format("woff"),url("../fonts/Poppins-Light.ttf") format("truetype");
 font-weight:300;
 font-style:normal
}
@font-face {
 font-family:'Poppins';
 src:url("../fonts/Poppins-SemiBold.eot");
 src:local("Poppins SemiBold"),local("Poppins-SemiBold"),url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins-SemiBold.woff2") format("woff2"),url("../fonts/Poppins-SemiBold.woff") format("woff"),url("../fonts/Poppins-SemiBold.ttf") format("truetype");
 font-weight:600;
 font-style:normal
}
@font-face {
 font-family:'Poppins';
 src:url("../fonts/Poppins-Medium.eot");
 src:local("Poppins Medium"),local("Poppins-Medium"),url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins-Medium.woff2") format("woff2"),url("../fonts/Poppins-Medium.woff") format("woff"),url("../fonts/Poppins-Medium.ttf") format("truetype");
 font-weight:500;
 font-style:normal
}
@font-face {
 font-family:'Poppins';
 src:url("../fonts/Poppins-Regular.eot");
 src:local("Poppins Regular"),local("Poppins-Regular"),url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins-Regular.woff2") format("woff2"),url("../fonts/Poppins-Regular.woff") format("woff"),url("../fonts/Poppins-Regular.ttf") format("truetype");
 font-weight:normal;
 font-style:normal
}
/*! 02.0 - RESET */body {
 font-family:"Poppins",sans-serif;
 color:#3c3c3c;
 font-size:15px;
 line-height:1.86;
 font-weight:300;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 position:relative
}
body {
 color:#fff;
 background:#10122d
}
body.theme-light,body.io-dark-light .section-light,body.io-dark-light .section-light-alt {
 color:#28384c;
 background:#fff
}
body.io-azure {
 background:#0d42b2
}
body.io-azure .section-pro,body.io-azure .section-pro-alt {
 color:#313c56
}
html,body {
 overflow-x:hidden
}
h1,h2,h3,h4,h5,h6,p,ul,ol,table {
 margin:0 0 18px
}
h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child,ul:last-child,ol:last-child,table:last-child {
 margin-bottom:0
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
 line-height:1.33;
 font-weight:600;
 color:#373e45
}
h1.color-secondary,h2.color-secondary,h3.color-secondary,h4.color-secondary,h5.color-secondary,h6.color-secondary,.h1.color-secondary,.h2.color-secondary,.h3.color-secondary,.h4.color-secondary,.h5.color-secondary,.h6.color-secondary {
 color:#7a0fff
}
h1.color-primary,h2.color-primary,h3.color-primary,h4.color-primary,h5.color-primary,h6.color-primary,.h1.color-primary,.h2.color-primary,.h3.color-primary,.h4.color-primary,.h5.color-primary,.h6.color-primary {
 color:#46bdf4
}
h1+.image:not([class*="mt-"]),h2+.image:not([class*="mt-"]),h3+.image:not([class*="mt-"]),h4+.image:not([class*="mt-"]),h5+.image:not([class*="mt-"]),h6+.image:not([class*="mt-"]),.h1+.image:not([class*="mt-"]),.h2+.image:not([class*="mt-"]),.h3+.image:not([class*="mt-"]),.h4+.image:not([class*="mt-"]),.h5+.image:not([class*="mt-"]),.h6+.image:not([class*="mt-"]) {
 margin-top:20px
}
.theme-light h1,.theme-light h2,.theme-light h3,.theme-light h4,.theme-light h5,.theme-light h6,.theme-light .h1,.theme-light .h2,.theme-light .h3,.theme-light .h4,.theme-light .h5,.theme-light .h6,.io-dark-light .section-light h1,.io-dark-light .section-light h2,.io-dark-light .section-light h3,.io-dark-light .section-light h4,.io-dark-light .section-light h5,.io-dark-light .section-light h6,.io-dark-light .section-light .h1,.io-dark-light .section-light .h2,.io-dark-light .section-light .h3,.io-dark-light .section-light .h4,.io-dark-light .section-light .h5,.io-dark-light .section-light .h6,.io-dark-light .section-light-alt h1,.io-dark-light .section-light-alt h2,.io-dark-light .section-light-alt h3,.io-dark-light .section-light-alt h4,.io-dark-light .section-light-alt h5,.io-dark-light .section-light-alt h6,.io-dark-light .section-light-alt .h1,.io-dark-light .section-light-alt .h2,.io-dark-light .section-light-alt .h3,.io-dark-light .section-light-alt .h4,.io-dark-light .section-light-alt .h5,.io-dark-light .section-light-alt .h6 {
 line-height:1.33;
 font-weight:500;
 color:#28384c
}
.theme-light h1.color-secondary,.theme-light h2.color-secondary,.theme-light h3.color-secondary,.theme-light h4.color-secondary,.theme-light h5.color-secondary,.theme-light h6.color-secondary,.theme-light .h1.color-secondary,.theme-light .h2.color-secondary,.theme-light .h3.color-secondary,.theme-light .h4.color-secondary,.theme-light .h5.color-secondary,.theme-light .h6.color-secondary,.io-dark-light .section-light h1.color-secondary,.io-dark-light .section-light h2.color-secondary,.io-dark-light .section-light h3.color-secondary,.io-dark-light .section-light h4.color-secondary,.io-dark-light .section-light h5.color-secondary,.io-dark-light .section-light h6.color-secondary,.io-dark-light .section-light .h1.color-secondary,.io-dark-light .section-light .h2.color-secondary,.io-dark-light .section-light .h3.color-secondary,.io-dark-light .section-light .h4.color-secondary,.io-dark-light .section-light .h5.color-secondary,.io-dark-light .section-light .h6.color-secondary,.io-dark-light .section-light-alt h1.color-secondary,.io-dark-light .section-light-alt h2.color-secondary,.io-dark-light .section-light-alt h3.color-secondary,.io-dark-light .section-light-alt h4.color-secondary,.io-dark-light .section-light-alt h5.color-secondary,.io-dark-light .section-light-alt h6.color-secondary,.io-dark-light .section-light-alt .h1.color-secondary,.io-dark-light .section-light-alt .h2.color-secondary,.io-dark-light .section-light-alt .h3.color-secondary,.io-dark-light .section-light-alt .h4.color-secondary,.io-dark-light .section-light-alt .h5.color-secondary,.io-dark-light .section-light-alt .h6.color-secondary {
 color:#7a0fff
}
.theme-light h1.color-primary,.theme-light h2.color-primary,.theme-light h3.color-primary,.theme-light h4.color-primary,.theme-light h5.color-primary,.theme-light h6.color-primary,.theme-light .h1.color-primary,.theme-light .h2.color-primary,.theme-light .h3.color-primary,.theme-light .h4.color-primary,.theme-light .h5.color-primary,.theme-light .h6.color-primary,.io-dark-light .section-light h1.color-primary,.io-dark-light .section-light h2.color-primary,.io-dark-light .section-light h3.color-primary,.io-dark-light .section-light h4.color-primary,.io-dark-light .section-light h5.color-primary,.io-dark-light .section-light h6.color-primary,.io-dark-light .section-light .h1.color-primary,.io-dark-light .section-light .h2.color-primary,.io-dark-light .section-light .h3.color-primary,.io-dark-light .section-light .h4.color-primary,.io-dark-light .section-light .h5.color-primary,.io-dark-light .section-light .h6.color-primary,.io-dark-light .section-light-alt h1.color-primary,.io-dark-light .section-light-alt h2.color-primary,.io-dark-light .section-light-alt h3.color-primary,.io-dark-light .section-light-alt h4.color-primary,.io-dark-light .section-light-alt h5.color-primary,.io-dark-light .section-light-alt h6.color-primary,.io-dark-light .section-light-alt .h1.color-primary,.io-dark-light .section-light-alt .h2.color-primary,.io-dark-light .section-light-alt .h3.color-primary,.io-dark-light .section-light-alt .h4.color-primary,.io-dark-light .section-light-alt .h5.color-primary,.io-dark-light .section-light-alt .h6.color-primary {
 color:#46bdf4
}
.theme-light h1+.image:not([class*="mt-"]),.theme-light h2+.image:not([class*="mt-"]),.theme-light h3+.image:not([class*="mt-"]),.theme-light h4+.image:not([class*="mt-"]),.theme-light h5+.image:not([class*="mt-"]),.theme-light h6+.image:not([class*="mt-"]),.theme-light .h1+.image:not([class*="mt-"]),.theme-light .h2+.image:not([class*="mt-"]),.theme-light .h3+.image:not([class*="mt-"]),.theme-light .h4+.image:not([class*="mt-"]),.theme-light .h5+.image:not([class*="mt-"]),.theme-light .h6+.image:not([class*="mt-"]),.io-dark-light .section-light h1+.image:not([class*="mt-"]),.io-dark-light .section-light h2+.image:not([class*="mt-"]),.io-dark-light .section-light h3+.image:not([class*="mt-"]),.io-dark-light .section-light h4+.image:not([class*="mt-"]),.io-dark-light .section-light h5+.image:not([class*="mt-"]),.io-dark-light .section-light h6+.image:not([class*="mt-"]),.io-dark-light .section-light .h1+.image:not([class*="mt-"]),.io-dark-light .section-light .h2+.image:not([class*="mt-"]),.io-dark-light .section-light .h3+.image:not([class*="mt-"]),.io-dark-light .section-light .h4+.image:not([class*="mt-"]),.io-dark-light .section-light .h5+.image:not([class*="mt-"]),.io-dark-light .section-light .h6+.image:not([class*="mt-"]),.io-dark-light .section-light-alt h1+.image:not([class*="mt-"]),.io-dark-light .section-light-alt h2+.image:not([class*="mt-"]),.io-dark-light .section-light-alt h3+.image:not([class*="mt-"]),.io-dark-light .section-light-alt h4+.image:not([class*="mt-"]),.io-dark-light .section-light-alt h5+.image:not([class*="mt-"]),.io-dark-light .section-light-alt h6+.image:not([class*="mt-"]),.io-dark-light .section-light-alt .h1+.image:not([class*="mt-"]),.io-dark-light .section-light-alt .h2+.image:not([class*="mt-"]),.io-dark-light .section-light-alt .h3+.image:not([class*="mt-"]),.io-dark-light .section-light-alt .h4+.image:not([class*="mt-"]),.io-dark-light .section-light-alt .h5+.image:not([class*="mt-"]),.io-dark-light .section-light-alt .h6+.image:not([class*="mt-"]) {
 margin-top:20px
}
.io-azure .section-pro h1,.io-azure .section-pro h2,.io-azure .section-pro h3,.io-azure .section-pro h4,.io-azure .section-pro h5,.io-azure .section-pro h6,.io-azure .section-pro blockquote,.io-azure .section-pro-alt h1,.io-azure .section-pro-alt h2,.io-azure .section-pro-alt h3,.io-azure .section-pro-alt h4,.io-azure .section-pro-alt h5,.io-azure .section-pro-alt h6,.io-azure .section-pro-alt blockquote {
 color:#1641b5
}
h1,.h1 {
 font-size:2.93em
}
h2,.h2 {
 font-size:2.3em
}
h3,.h3 {
 font-size:1.87em
}
h4,.h4 {
 font-size:1.6em
}
h5,.h5 {
 font-size:1.33em
}
h6,.h6 {
 font-size:1.07em
}
p {
 font-size:1em
}
h1.color-secondary,h2.color-secondary,h3.color-secondary,h4.color-secondary,h5.color-secondary,h6.color-secondary,.h1.color-secondary,.h2.color-secondary,.h3.color-secondary,.h4.color-secondary,.h5.color-secondary,.h6.color-secondary,p.color-secondary {
 color:#8255fd
}
h1.color-primary,h2.color-primary,h3.color-primary,h4.color-primary,h5.color-primary,h6.color-primary,.h1.color-primary,.h2.color-primary,.h3.color-primary,.h4.color-primary,.h5.color-primary,.h6.color-primary,p.color-primary {
 color:#46bdf4
}
h1.color-alt-primary,h2.color-alt-primary,h3.color-alt-primary,h4.color-alt-primary,h5.color-alt-primary,h6.color-alt-primary,.h1.color-alt-primary,.h2.color-alt-primary,.h3.color-alt-primary,.h4.color-alt-primary,.h5.color-alt-primary,.h6.color-alt-primary,p.color-alt-primary {
 color:#2b56f5
}
p.lead {
 font-size:1.27em;
 line-height:1.68
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span,p span {
 color:#46bdf4
}
ul,ol {
 padding:0px;
 margin:0px
}
ul li,ol li {
 list-style:none
}
.lead {
 line-height:1.6
}
.relative {
 position:relative
}
.lh-x1 {
 line-height:1
}
.lh-x2 {
 line-height:1.5
}
.lh-x3 {
 line-height:2
}
blockquote {
 font-size:1em;
 line-height:1.625;
 margin:30px 0;
 border:none;
 color:#3c3c3c
}
blockquote:first-child {
 margin-top:0
}
blockquote:last-child {
 margin-bottom:0
}
blockquote p:last-child strong {
 color:#46bdf4
}
p+h1,p+h2,p+h3,p+h4,p+h5,p+h4,ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h4,ol+h1,ol+h2,ol+h3,ol+h4,ol+h5,ol+h4,table+h1,table+h2,table+h3,table+h4,table+h5,table+h4 {
 margin-top:35px
}
ul+p,ul+ul,ul+ol,ol+ol,ol+ul,ul+table,ol+table {
 margin-top:35px
}
b,strong {
 font-weight:600
}
a {
 outline:0;
 transition:all 0.5s;
 color:#46bdf4
}
a:link,a:visited {
 text-decoration:none
}
a:hover,a:focus,a:active {
 outline:0;
 color:#8255fd
}
.container {
 position:relative;
 z-index:5
}
.section-bg {
 background:#10122d
}
.theme-light .section-bg {
 background:#eff6ff
}
.io-azure .section-bg {
 background:#0d42b2
}
.section-bg-alt {
 background:#0b0c22
}
.theme-light .section-bg-alt {
 background:#fff
}
.io-azure .section-bg-alt {
 background:#1b30a4
}
.section-bg-dark {
 background:#08091b
}
.theme-light .section-bg-dark {
 background:#e5f0ff
}
.io-azure .section-bg-dark {
 background:#15257b
}
.section-bg-blend {
 background-image:linear-gradient(to bottom, #0c0f2a 0%, #0b0c22 70%)
}
.theme-light .section-bg-blend {
 background-image:linear-gradient(to bottom, #eef4fe 0%, #fff 70%)
}
.section-bg-atob {
 background-image:linear-gradient(to bottom, #10122d 0%, #0b0c22 70%)
}
.theme-light .section-bg-atob {
 background-image:linear-gradient(to bottom, #eff6ff 0%, #fff 70%)
}
.section-bg-btoa {
 background-image:linear-gradient(to bottom, #0b0c22 0%, #10122d 70%)
}
.theme-light .section-bg-btoa {
 background-image:linear-gradient(to bottom, #fff 0%, #eff6ff 70%)
}
.section-pro,.section-light {
 background:#fff !important
}
.section-pro-alt,.section-light-alt {
 background:#ebf3fc !important
}
.section-bg.section-gradiant,.section-bg-alt.section-gradiant {
 background-image:-webkit-linear-gradient(top left, #290075 0%, #086ddf 100%);
 background-image:-o-linear-gradient(top left, #290075 0%, #086ddf 100%);
 background-image:linear-gradient(to bottom right, #290075 0%, #086ddf 100%)
}
.section-bg.section-gradiant:after,.section-bg-alt.section-gradiant:after {
 opacity:0
}
h1,h2,h3,h4,h5,h6,blockquote {
 color:#fff
}
h1.color-secondary,h2.color-secondary,h3.color-secondary,h4.color-secondary,h5.color-secondary,h6.color-secondary,blockquote.color-secondary {
 color:#7a0fff
}
h1.color-primary,h2.color-primary,h3.color-primary,h4.color-primary,h5.color-primary,h6.color-primary,blockquote.color-primary {
 color:#46bdf4
}
h1.color-alt-primary,h2.color-alt-primary,h3.color-alt-primary,h4.color-alt-primary,h5.color-alt-primary,h6.color-alt-primary,blockquote.color-alt-primary {
 color:#2b56f5
}
#preloader {
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:10000
}
.theme-light #preloader {
 background-color:#eff6ff
}
.color-primary {
 color:#46bdf4
}
.color-default {
 color:#3c3c3c
}
.color-heading {
 color:#373e45
}
.color-secondary {
 color:#7a0fff
}
.color-alternet {
 color:#999
}
.bg-white {
 background:#fff
}
.bg-primary {
 background:#46bdf4
}
.bg-secondary {
 background:#7a0fff
}
.bg-alternet {
 background:#999
}
.bg-light-primary {
 background-color:rgba(70,189,244,0.1)
}
.bg-light-secondary {
 background-color:rgba(122,15,255,0.1)
}
.bg-light-alternet {
 background-color:rgba(153,153,153,0.1)
}
.bdr {
 border:1px solid rgba(0,0,0,0.04)
}
.bdr-y {
 border-top:1px solid rgba(0,0,0,0.04);
 border-bottom:1px solid rgba(0,0,0,0.04)
}
.bdr-x {
 border-left:1px solid rgba(0,0,0,0.04);
 border-right:1px solid rgba(0,0,0,0.04)
}
.bdr-top {
 border-top:1px solid rgba(0,0,0,0.04)
}
.bdr-bottom {
 border-bottom:1px solid rgba(0,0,0,0.04)
}
.bdr-none {
 border-color:transparent
}
.overflow {
 overflow:hidden
}
.animated {
 visibility:hidden
}
.preload {
 display:none
}
.navbar-toggle {
 margin-right:0px
}
.carousel-control {
 visibility:hidden;
 -webkit-transition:opacity 1s ease-out;
 -moz-transition:opacity 1s ease-out;
 -o-transition:opacity 1s ease-out;
 transition:opacity 1s ease-out;
 opacity:0;
 width:60px
}
.carousel-control.left,.carousel-control.right {
 background-image:none;
 filter:none
}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
 width:60px;
 height:60px;
 padding-top:0;
 -ms-border-radius:50px;
 border-radius:50px;
 font-family:'FontAwesome';
 text-shadow:none;
 font-size:44px;
 margin-top:-30px
}
.carousel-control .glyphicon-chevron-left:hover,.carousel-control .glyphicon-chevron-right:hover {
 background:transparent
}
.carousel-control .glyphicon-chevron-left {
 left:10%
}
.carousel-control .glyphicon-chevron-left:before {
 content:'\f104'
}
.carousel-control .glyphicon-chevron-right {
 right:10%
}
.carousel-control .glyphicon-chevron-right:before {
 content:'\f105'
}
.video-box {
 position:relative;
 margin-top:40px;
 padding-top:56%
}
.video-box iframe {
 border:1px solid #fbfbfb;
 -ms-border-radius:5px;
 border-radius:5px;
 position:absolute;
 top:0;
 width:100%;
 height:100%;
 left:0
}
.panel-group .panel {
 border-radius:0;
 box-shadow:none;
 border-bottom:1px solid #eee;
 border:none
}
.panel-default>.panel-heading {
 padding:0;
 border-radius:0;
 color:#212121;
 background-color:transparent;
 border:0px
}
.panel-title {
 font-size:20px
}
.panel-title>a {
 display:block;
 padding:15px;
 text-decoration:none
}
.more-less {
 float:right;
 color:#212121
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
 border-top-color:#EEEEEE
}
.table-responsive {
 margin-bottom:30px
}
.table-responsive:last-child,.table-responsive .table {
 margin-bottom:0
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
 border-color:#ececec
}
.table.bdr-top,.table.bdr-bottom {
 border-color:#ececec
}
.table-s1>tbody>tr>td,.table-s1>tbody>tr>th,.table-s1>tfoot>tr>td,.table-s1>tfoot>tr>th,.table-s1>thead>tr>td,.table-s1>thead>tr>th {
 padding:20px
}
.table-vertical>tbody>tr>td {
 vertical-align:middle
}
.logo-carousel .owl-dots {
 display:none !important
}
.owl-theme .owl-nav {
 margin-top:0
}
.hr-line {
 height:1px;
 background:#ebebeb
}
@keyframes fadeInLeft {
 from {
  opacity:0;
  transform:translate3d(-50px, 0, 0)
 }
 to {
  opacity:1;
  transform:none
 }
}
@keyframes fadeInRight {
 from {
  opacity:0;
  transform:translate3d(50px, 0, 0)
 }
 to {
  opacity:1;
  transform:none
 }
}
@keyframes fadeInUp {
 from {
  opacity:0;
  transform:translate3d(0, 50px, 0)
 }
 to {
  opacity:1;
  transform:none
 }
}
@keyframes fadeIn {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
 h2,.h2 {
  font-size:2em
 }
}
@media only screen and (max-width: 991px) {
 body {
  font-size:14px;
  -webkit-text-size-adjust:100%
 }
 .container {
  max-width:720px
 }
 h2,.h2 {
  font-size:2em
 }
 .res-m-btm {
  margin-bottom:30px
 }
}
@media only screen and (max-width: 767px) {
 .container {
  padding-left:20px;
  padding-right:20px;
  max-width:100%
 }
 .accordion .panel-title {
  font-size:1.125em;
  font-weight:400
 }
 h1,.h1 {
  font-size:2.1em
 }
}
@media only screen and (max-width: 480px) {
 body {
  min-width:320px
 }
 h1,.h1,.heading-lg,.heading-lg-lead {
  font-size:1.5em
 }
 h2,.h2 {
  font-size:1.4em
 }
 h3,.h3 {
  font-size:1.3em
 }
 h5,.h5 {
  font-size:1em
 }
}
@media only screen and (max-width: 375px) {
 .btn+.btn {
  margin-top:5px
 }
}
/*! 03.0 - UTILITY */img {
 outline:0;
 border:0 none;
 max-width:100%;
 height:auto;
 vertical-align:top;
 -ms-border-radius:5px;
 border-radius:5px
}
img+h2,img h3,img h4 {
 margin-top:15px
}
img.alignright {
 padding:0;
 float:right;
 margin:5px 0 10px 30px
}
h3 img.alignright,h4 img.alignright,h2 img.alignright,h1 img.alignright {
 margin-top:0
}
img.alignleft {
 padding:0;
 float:left;
 margin:5px 30px 10px 0
}
h3 img.alignleft,h4 img.alignleft,h2 img.alignleft,h1 img.alignleft {
 margin-top:0
}
img.aligncenter {
 float:none;
 display:block;
 margin:5px auto 15px
}
img.aligncenter:first-child {
 margin-top:0
}
img.aligncenter:last-child {
 margin-bottom:0
}
hr,.hr {
 margin:45px 0
}
hr:first-child,.hr:first-child {
 margin-top:0
}
hr:last-child,.hr:last-child {
 margin-bottom:0
}
.hr-lg {
 margin:60px 0
}
.hr-md {
 margin:30px 0
}
.hr-sm {
 margin:15px 0
}
.al-center,.center {
 text-align:center
}
.al-center .with-line:after,.center .with-line:after {
 left:50%;
 margin-left:-35px
}
.al-right {
 text-align:right
}
.al-right .with-line:after {
 right:0
}
.al-left {
 text-align:left
}
.ucap {
 text-transform:uppercase
}
.cap {
 text-transform:capitalize
}
.section-pad {
 padding-top:120px;
 padding-bottom:120px
}
.section-pad-xs {
 padding-top:20px;
 padding-bottom:20px
}
.section-pad-sm {
 padding-top:60px;
 padding-bottom:60px
}
.section-pad-md {
 padding-top:90px;
 padding-bottom:90px
}
.section-pad-lg {
 padding-top:180px;
 padding-bottom:180px
}
.section-pad.nopd {
 padding-top:0;
 padding-bottom:0
}
.section-pad.nopb {
 padding-bottom:0
}
.section-pad.nopt {
 padding-top:0
}
.section-pad.section-fix {
 margin-bottom:-30px;
 margin-top:-100px;
}
.section-overup[class*="section-pad"] {
 margin-top:-90px;
 padding-top:0
}
.section-overup-lg[class*="section-pad"] {
 margin-top:-180px;
 padding-top:0
}
.pad-0,.nopd {
 padding:0px
}
.npl {
 padding-left:0px
}
.npr {
 padding-right:0px
}
.space-top {
 margin-top:20px
}
.space-top-sm {
 margin-top:15px
}
.space-top-md {
 margin-top:30px
}
.space-bottom {
 margin-bottom:20px
}
.space-bottom-sm {
 margin-bottom:15px
}
.space-bottom-md {
 margin-bottom:30px
}
.nomg {
 margin-top:0;
 margin-bottom:0
}
.wide-lg {
 max-width:1170px;
 margin:0 auto
}
.wide-md {
 max-width:970px;
 margin:0 auto
}
.wide-sm {
 max-width:770px;
 margin:0 auto
}
.wide-xs {
 max-width:570px;
 margin:0 auto
}
.img-shadow {
 box-shadow:0 12px 15px rgba(0,0,0,0.05)
}
.round {
 -ms-border-radius:4px;
 border-radius:4px
}
.round-md {
 -ms-border-radius:8px;
 border-radius:8px
}
.round-lg {
 -ms-border-radius:35px;
 border-radius:35px
}
.circle {
 -ms-border-radius:50%;
 border-radius:50%
}
.image {
 margin-bottom:20px
}
.image:last-child {
 margin-bottom:0
}
.image img {
 max-width:100%;
 height:auto
}
.image[class*="round"] a,.image[class*="round"] img,.image.circle a,.image.circle img {
 border-radius:inherit
}
.image.circle:not([class*="al-"]) {
 text-align:center
}
.image.circle:not(.image-md) img {
 width:100%;
 max-width:555px
}
.image-md img {
 width:90%;
 max-width:220px
}
.gaps {
 clear:both;
 height:20px;
 display:block;
 margin:0
}
.gaps.size-lg {
 height:60px
}
.gaps.size-md {
 height:30px
}
.gaps.size-sm {
 height:15px
}
.gaps.size-0-5x {
 height:10px
}
.gaps.size-1-5x {
 height:30px
}
.gaps.size-1x {
 height:20px
}
.gaps.size-2x {
 height:40px
}
.gaps.size-3x {
 height:60px
}
.gaps.size-4x {
 height:80px
}
.gaps.size-5x {
 height:100px
}
.gaps.size-6x {
 height:120px
}
.gaps.size-xs {
 height:10px
}
.gaps.size-sep {
 height:45px
}
.gaps.size-section {
 height:120px
}
.pd-x1 {
 padding:10px
}
.pd-x2 {
 padding:20px
}
.pd-x3 {
 padding:30px
}
.pd-x4 {
 padding:40px
}
.pd-x5 {
 padding:50px
}
.mg-x1 {
 margin:10px
}
.mg-x2 {
 margin:20px
}
.mg-x3 {
 margin:30px
}
.mg-x4 {
 margin:40px
}
.mg-x5 {
 margin:50px
}
.mt-x1 {
 margin-top:10px
}
.mt-x2 {
 margin-top:20px
}
.mt-x3 {
 margin-top:30px
}
.mt-x4 {
 margin-top:40px
}
.mt-x5 {
 margin-top:50px
}
.mt-x6 {
 margin-top:60px
}
.mt-x7 {
 margin-top:70px
}
.mt-x8 {
 margin-top:80px
}
.mb-x1 {
 margin-bottom:10px
}
.mb-x2 {
 margin-bottom:20px
}
.mb-x3 {
 margin-bottom:30px
}
.mb-x4 {
 margin-bottom:40px
}
.mb-x5 {
 margin-bottom:50px
}
.mb-x6 {
 margin-bottom:60px
}
.mb-x7 {
 margin-bottom:70px
}
.mb-x8 {
 margin-bottom:80px
}
.ml-x1 {
 margin-left:10px
}
.ml-x2 {
 margin-left:20px
}
.ml-x3 {
 margin-left:30px
}
.ml-x4 {
 margin-left:40px
}
.ml-x5 {
 margin-left:50px
}
.mr-x1 {
 margin-right:10px
}
.mr-x2 {
 margin-right:20px
}
.mr-x3 {
 margin-right:30px
}
.mr-x4 {
 margin-right:40px
}
.mr-x5 {
 margin-right:50px
}
.mlr-x1 {
 margin-left:10px;
 margin-right:10px
}
.mlr-x2 {
 margin-left:20px;
 margin-right:20px
}
.mlr-x3 {
 margin-left:30px;
 margin-right:30px
}
.mlr-x4 {
 margin-left:40px;
 margin-right:40px
}
.mlr-x5 {
 margin-left:50px;
 margin-right:50px
}
.mlr--x0-5 {
 margin-left:-5px;
 margin-right:-5px
}
.mlr--x1 {
 margin-left:-10px;
 margin-right:-10px
}
.mlr--x2 {
 margin-left:-20px;
 margin-right:-20px
}
.mlr--x3 {
 margin-left:-30px;
 margin-right:-30px
}
.mlr--x4 {
 margin-left:-40px;
 margin-right:-40px
}
.mlr--x5 {
 margin-left:-50px;
 margin-right:-50px
}
.plr-x0-5 {
 padding-left:5px;
 padding-right:5px
}
.plr-x1 {
 padding-left:10px;
 padding-right:10px
}
.plr-x2 {
 padding-left:20px;
 padding-right:20px
}
.plr-x3 {
 padding-left:30px;
 padding-right:30px
}
.plr-x4 {
 padding-left:40px;
 padding-right:40px
}
.plr-x5 {
 padding-left:50px;
 padding-right:50px
}
.no-pd,.pd-no {
 padding:0 !important
}
.no-pt,.pt-no {
 padding-top:0 !important
}
.no-pb,.pb-no {
 padding-bottom:0 !important
}
.no-mg,.mg-no {
 margin:0 !important
}
.no-mt,.mt-no {
 margin-top:0 !important
}
.no-mb,.mb-no {
 margin-bottom:0 !important
}
.no-bg,.bg-no {
 background:none !important
}
.no-round,.round-no,.noround,.square,.no-circle {
 border-radius:0 !important
}
.no-shadow,.shadow-no {
 text-shadow:none !important;
 box-shadow:none !important
}
@media screen and (min-width: 1600px) {
 .section-pad {
  padding-top:180px;
  padding-bottom:180px
 }
 .section-pad-xs {
  padding-top:20px;
  padding-bottom:20px
 }
 .section-pad-sm {
  padding-top:90px;
  padding-bottom:90px
 }
 .section-pad-md {
  padding-top:120px;
  padding-bottom:120px
 }
 .section-pad-lg {
  padding-top:240px;
  padding-bottom:240px
 }
 .section-pad.nopd {
  padding-top:0;
  padding-bottom:0
 }
}
@media only screen and (min-width: 1200px) {
 .pad-r {
  padding-right:60px
 }
 .pad-r-md {
  padding-right:30px
 }
 .pad-l {
  padding-left:60px
 }
 .pad-l-md {
  padding-left:30px
 }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .pad-r {
  padding-right:45px
 }
 .pad-l {
  padding-left:45px
 }
}
@media only screen and (max-width: 1200px) {
 .section-pad,.section-pad-lg {
  padding-top:90px;
  padding-bottom:90px
 }
 .res-l-bttm {
  margin-bottom:60px
 }
 .res-l-bttm-sm,.form-m-bttm {
  margin-bottom:15px
 }
 .res-l-bttm-xs {
  margin-bottom:10px
 }
 .res-l-bttm-lg {
  margin-bottom:45px
 }
}
@media only screen and (max-width: 991px) {
 .section-pad,.section-pad-lg {
  padding-top:90px;
  padding-bottom:90px
 }
 .res-m-bttm {
  margin-bottom:30px
 }
 .res-m-bttm-sm,.form-m-bttm {
  margin-bottom:15px
 }
 .res-m-bttm-xs {
  margin-bottom:10px
 }
 .res-m-bttm-lg {
  margin-bottom:45px
 }
 .al-center-md,.center-md {
  text-align:center
 }
 .al-right-md {
  text-align:right
 }
 .al-left-md {
  text-align:left
 }
 .gaps.size-lg {
  height:45px
 }
 .gaps.size-md {
  height:25px
 }
 .gaps.size-section {
  height:90px
 }
 .npr {
  padding-left:0
 }
 .npl {
  padding-right:0
 }
 .ml-x1 {
  margin-left:0
 }
 .ml-x2 {
  margin-left:0
 }
 .ml-x3 {
  margin-left:0
 }
 .ml-x4 {
  margin-left:0
 }
 .ml-x5 {
  margin-left:0
 }
 .mr-x1 {
  margin-right:0
 }
 .mr-x2 {
  margin-right:0
 }
 .mr-x3 {
  margin-right:0
 }
 .mr-x4 {
  margin-right:0
 }
 .mr-x5 {
  margin-right:0
 }
 hr,.hr {
  margin-top:30px;
  margin-bottom:30px
 }
 hr:last-child,.hr:last-child {
  margin-bottom:0
 }
 hr:first-child,.hr:first-child {
  margin-top:0
 }
}
@media only screen and (max-width: 767px) {
 .al-center-sm,.center-sm {
  text-align:center
 }
 .al-right-sm {
  text-align:right
 }
 .al-left-sm {
  text-align:left
 }
 .image.circle:not(.image-md) img {
  max-width:320px
 }
 .section-pad,.section-pad-lg {
  padding-top:60px;
  padding-bottom:60px
 }
 .section-overup[class*="section-pad"] {
  margin-top:-60px
 }
 .section-overup-lg[class*="section-pad"] {
  margin-top:-90px
 }
 .res-s-bttm {
  margin-bottom:30px
 }
 .res-s-bttm-lg {
  margin-bottom:45px
 }
 .res-s-bttm-sm {
  margin-bottom:15px
 }
 .res-s-bttm-xs {
  margin-bottom:10px
 }
 .gaps.size-lg {
  height:45px
 }
 .gaps.size-section {
  height:90px
 }
 .space-top,.space-bottom,.space-top-sm,.space-bottom-sm,.space-top-md,.space-bottom-md {
  margin-top:30px
 }
 .content .npl+.pad-0 {
  margin-top:25px
 }
 .pad-xs-0 {
  padding:0px
 }
}
@media only screen and (max-width: 480px) {
 img.alignright,img.alignleft,img.aligncenter {
  width:100%
 }
 img.no-resize,.no-resize {
  width:auto;
  max-width:100%
 }
 .pd-x3,.pd-x4,.pd-x5 {
  padding:25px
 }
}
/*! 04.0 - COMMON */.section-head {
 padding-bottom:60px;
 position:relative
}
.section-head .section-title {
 margin-bottom:50px;
 text-transform:uppercase;
 position:relative;
 z-index:2
}
.section-head .section-title span,.section-head .section-title:before {
 position:absolute;
 top:50%;
 left:0;
 width:100%;
 content:attr(data-content);
 font-size:120px;
 height:120px;
 margin-top:-60px;
 line-height:1;
 z-index:1;
 color:rgba(122,15,255,0.08)
}
.section-head-s2 {
 position:relative;
 padding-bottom:60px
}
.section-head-s2:before,.section-head-s2:after {
 position:absolute;
 left:50%;
 height:1px;
 width:110px;
 content:"";
 transform:rotate(-45deg);
 z-index:1;
 opacity:.4
}
.section-head-s2:before {
 top:60px;
 margin-left:-80px;
 background:#46bdf4
}
.section-head-s2:after {
 top:5px;
 margin-left:-50px;
 background:#7ab9ff
}
.section-head-s2 .heading-xs {
 position:relative;
 text-transform:uppercase;
 color:#7ab9ff;
 letter-spacing:0.2em;
 z-index:2
}
.section-head-s2 .section-title {
 position:relative;
 margin-bottom:25px;
 z-index:2;
 font-size:2.4em;
 letter-spacing:-0.01em
}
.heading-animation {
 position:absolute;
 height:60px;
 width:60px;
 left:50%;
 top:10px;
 opacity:.2;
 border-radius:50%;
 background:transparent;
 transform:rotate(45deg) translate(-50%, 0)
}
.heading-animation .line-1,.heading-animation .line-2,.heading-animation .line-3,.heading-animation .line-4,.heading-animation .line-5,.heading-animation .line-6,.heading-animation .line-7,.heading-animation .line-8 {
 position:absolute;
 content:"";
 border-radius:50%;
 background:transparent;
 border-top:1px solid #2b56f5;
 border-left:1px solid #2b56f5
}
.heading-animation .line-1 {
 top:-15px;
 left:-15px;
 height:90px;
 width:90px
}
.heading-animation .line-2 {
 top:-30px;
 left:-30px;
 height:120px;
 width:120px
}
.heading-animation .line-3 {
 top:-45px;
 left:-45px;
 height:150px;
 width:150px
}
.heading-animation .line-4 {
 top:-60px;
 left:-60px;
 height:180px;
 width:180px
}
.heading-animation .line-5 {
 top:-75px;
 left:-75px;
 height:210px;
 width:210px
}
.heading-animation .line-6 {
 top:-90px;
 left:-90px;
 height:240px;
 width:240px
}
.heading-animation .line-7 {
 top:-105px;
 left:-105px;
 height:270px;
 width:270px
}
.heading-animation .line-8 {
 top:-120px;
 left:-120px;
 height:300px;
 width:300px
}
.section-title-sm {
 text-transform:uppercase;
 letter-spacing:0.3em
}
.section-title-md {
 margin-bottom:30px
}
.light .sub-heading {
 color:#8284a5
}
.sub-heading {
 text-align:center;
 color:#8284a5
}
.io-azure .sub-heading {
 color:#fff
}
@media only screen and (min-width: 481px) and (max-width: 991px) {
 .section-head {
  padding-bottom:40px
 }
 .section-head .section-title {
  margin-bottom:30px
 }
 .section-head .section-title span,.section-head .section-title:before {
  font-size:80px;
  height:80px;
  margin-top:-40px
 }
}
@media only screen and (max-width: 480px) {
 .section-head {
  padding-bottom:40px
 }
 .section-head .section-title {
  margin-bottom:30px
 }
 .section-head .section-title span,.section-head .section-title:before {
  font-size:50px;
  height:50px;
  margin-top:-25px
 }
 .section-head-s2 {
  padding-bottom:40px
 }
 .section-head-s2:before,.section-head-s2:after {
  width:80px
 }
 .section-head-s2:before {
  top:50px;
  margin-left:-50px
 }
 .section-head-s2:after {
  margin-left:-30px
 }
 .section-head-s2 .section-title {
  font-size:1.4em
 }
}
.section-connect {
 position:relative
}
.section-connect:before {
 position:absolute;
 top:0;
 left:50%;
 content:"";
 margin-left:-80px;
 margin-top:-1px;
 height:2px;
 width:160px;
 background:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
 transform:rotate(90deg)
}
@media only screen and (max-width: 991px) {
 .section-connect:before {
  margin-left:-40px;
  width:80px
 }
}
.img-wrapper {
 position:absolute;
 bottom:0px;
 max-width:520px
}
.imagebg {
 position:absolute;
 height:100%;
 right:0;
 top:0;
 left:0;
 background-size:cover;
 background-position:50% 50%;
 background-repeat:no-repeat;
 z-index:0;
 opacity:0;
 transition:opacity .4s
}
.imagebg.imagebg-bottom {
 background-position:center bottom
}
.imagebg.footerbg {
 background-repeat:repeat;
 background-size:631.33px 366px
}
.fixed-bg .imagebg {
 background-attachment:fixed
}
.imagebg img {
 display:none
}
.image-on-left .imagebg,.image-on-right .imagebg {
 width:50%
}
.image-on-left .imagebg {
 right:50%
}
.image-on-right .imagebg {
 left:50%
}
.image-slice .imagebg {
 width:40%;
 left:0
}
.image-slice .imagebg+.imagebg {
 width:60%;
 left:40%
}
.image-slice .section-bg:not(.section-bg-r):after {
 content:"";
 background:#46bdf4;
 position:absolute;
 left:0;
 bottom:0;
 top:0;
 opacity:.9;
 width:100%
}
.image-slice .section-bg.section-bg-alt:not(.section-bg-r):after {
 background:#7a0fff
}
.has-bg-image {
 position:relative
}
.bg-image-loaded {
 opacity:1
}
.has-bg,.fixed-bg {
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:cover
}
.has-bg {
 position:relative
}
.has-bg:after {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 content:"";
 background-color:#000;
 opacity:.5;
 z-index:1
}
.has-bg.bg-primary:after {
 background-color:#46bdf4
}
.has-bg.bg-secondary:after {
 background-color:#7a0fff
}
.has-bg.bg-alternet:after {
 background-color:#999
}
.has-bg.bg-light:after {
 background-color:#10122d
}
.has-bg.dark-filter:after {
 opacity:.50
}
.has-bg.darker-filter:after {
 opacity:.9
}
.has-bg.light-filter:after {
 opacity:.25
}
.has-bg.lighter-filter:after {
 opacity:.15
}
.has-bg.no-filter:after {
 opacity:0.01
}
.has-bg .container,.has-bg-image .container {
 position:relative;
 z-index:2
}
.fixed-bg {
 background-attachment:fixed
}
@media screen and (min-width: 2200px) {
 .image-slice .imagebg {
  width:44%
 }
 .image-slice .imagebg+.imagebg {
  width:56%;
  left:44%
 }
}
@media screen and (min-width: 1600px) {
 .image-slice .imagebg {
  width:42%
 }
 .image-slice .imagebg+.imagebg {
  width:58%;
  left:42%
 }
}
@media only screen and (max-width: 991px) {
 .image-slice .imagebg {
  width:100%
 }
 .image-slice .imagebg+.imagebg {
  display:none
 }
 .imagebg.footerbg {
  background-repeat:repeat;
  background-size:473.5px 274.5px
 }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .image-on-left .imagebg,.image-on-right .imagebg {
  width:40%
 }
 .image-on-left .imagebg {
  right:60%
 }
 .image-on-right .imagebg {
  left:60%
 }
}
@media only screen and (max-width: 767px) {
 .image-on-left .imagebg,.image-on-right .imagebg {
  width:100%;
  position:static;
  margin-top:60px;
  margin-bottom:-60px;
  height:320px
 }
 .accordion .card .card-header a {
  padding:15px 60px 15px 20px
 }
 .accordion .card .card-body {
  padding:0 20px 15px 20px
 }
}
@media only screen and (max-width: 1280px) {
 .has-parallax {
  background-position:50% 50% !important;
  background-attachment:scroll !important
 }
}
@media only screen and (max-width: 480px) {
 .image-on-left .imagebg,.image-on-right .imagebg {
  height:220px
 }
}
.tab-custom .nav-tabs {
 background:none;
 border-bottom:2px solid rgba(122,15,255,0.2);
 display:table;
 width:100%
}
.tab-custom .nav-tabs.row {
 margin-left:0;
 margin-right:0
}
.tab-custom .nav-tabs li.nav-item {
 display:table-cell;
 float:none;
 margin-bottom:0
}
.tab-custom .nav-tabs li>a {
 text-align:center;
 border-radius:0px;
 padding:10px 2px;
 margin:0px;
 font-size:16px;
 font-weight:700;
 line-height:24px;
 color:#fff;
 font-weight:400;
 font-size:18px;
 text-transform:uppercase;
 border:none;
 border-bottom:2px solid transparent;
 margin-bottom:-2px
}
.tab-custom .nav-tabs li>a:hover {
 border-bottom-color:transparent;
 color:#46bdf4
}
.tab-custom .nav-tabs li>a img {
 height:60px;
 width:auto;
 margin-top:-5px
}
.tab-custom .nav-tabs li>a.active,.tab-custom .nav-tabs li>a.active:hover,.tab-custom .nav-tabs li>a.active:focus,.tab-custom .nav-tabs li>a.active:hover,.tab-custom .nav-tabs li>a.active:focus {
 border-bottom-color:#46bdf4;
 color:#fff;
 background:transparent
}
.tab-custom .tab-content {
 background:none;
 padding:30px 0 0
}
.tab-custom .tab-content h4 {
 font-size:1.5em;
 margin-bottom:15px
}
.tab-custom .tab-content a {
 padding:8px 16px;
 margin-top:25px
}
.tab-custom-s2 .nav-tabs {
 border-bottom:none;
 display:block
}
.tab-custom-s2 .nav-tabs li.nav-item {
 display:inline-block
}
.tab-custom-s2 .nav-tabs li>a {
 padding:10px 8px;
 font-weight:400;
 margin:0 20px;
 color:#fff;
 opacity:.5;
 border-bottom-width:1px;
 display:inline-block
}
.tab-custom-s2 .nav-tabs li>a:hover {
 opacity:1;
 color:#fff
}
.tab-custom-s2 .nav-tabs li>a.active,.tab-custom-s2 .nav-tabs li>a.active:hover,.tab-custom-s2 .nav-tabs li>a.active:focus,.tab-custom-s2 .nav-tabs li>a.active:hover,.tab-custom-s2 .nav-tabs li>a.active:focus {
 border-bottom-color:#2b56f5;
 color:#fff;
 opacity:1
}
.section-pro .tab-custom-s2 .nav-tabs li>a,.section-pro-alt .tab-custom-s2 .nav-tabs li>a {
 color:#1641b5
}
.section-pro .tab-custom-s2 .nav-tabs li>a:hover,.section-pro-alt .tab-custom-s2 .nav-tabs li>a:hover {
 opacity:1;
 color:#1641b5
}
.section-pro .tab-custom-s2 .nav-tabs li>a.active,.section-pro .tab-custom-s2 .nav-tabs li>a.active:hover,.section-pro .tab-custom-s2 .nav-tabs li>a.active:focus,.section-pro .tab-custom-s2 .nav-tabs li>a.active:hover,.section-pro .tab-custom-s2 .nav-tabs li>a.active:focus,.section-pro-alt .tab-custom-s2 .nav-tabs li>a.active,.section-pro-alt .tab-custom-s2 .nav-tabs li>a.active:hover,.section-pro-alt .tab-custom-s2 .nav-tabs li>a.active:focus,.section-pro-alt .tab-custom-s2 .nav-tabs li>a.active:hover,.section-pro-alt .tab-custom-s2 .nav-tabs li>a.active:focus {
 border-bottom-color:#2b56f5;
 color:#1641b5;
 opacity:1
}
.theme-light .tab-custom .nav-tabs li>a,.io-dark-light .section-light .tab-custom .nav-tabs li>a,.io-dark-light .section-light-alt .tab-custom .nav-tabs li>a {
 color:#3c3c3c
}
.theme-light .tab-custom .nav-tabs li>a:hover,.io-dark-light .section-light .tab-custom .nav-tabs li>a:hover,.io-dark-light .section-light-alt .tab-custom .nav-tabs li>a:hover {
 color:#46bdf4
}
.theme-light .tab-custom .nav-tabs li>a.active,.theme-light .tab-custom .nav-tabs li>a.active:hover,.theme-light .tab-custom .nav-tabs li>a.active:focus,.theme-light .tab-custom .nav-tabs li>a.active:hover,.theme-light .tab-custom .nav-tabs li>a.active:focus,.io-dark-light .section-light .tab-custom .nav-tabs li>a.active,.io-dark-light .section-light .tab-custom .nav-tabs li>a.active:hover,.io-dark-light .section-light .tab-custom .nav-tabs li>a.active:focus,.io-dark-light .section-light .tab-custom .nav-tabs li>a.active:hover,.io-dark-light .section-light .tab-custom .nav-tabs li>a.active:focus,.io-dark-light .section-light-alt .tab-custom .nav-tabs li>a.active,.io-dark-light .section-light-alt .tab-custom .nav-tabs li>a.active:hover,.io-dark-light .section-light-alt .tab-custom .nav-tabs li>a.active:focus,.io-dark-light .section-light-alt .tab-custom .nav-tabs li>a.active:hover,.io-dark-light .section-light-alt .tab-custom .nav-tabs li>a.active:focus {
 color:#3c3c3c
}
@media only screen and (max-width: 767px) {
 .tab-custom .tab-content {
  padding:25px 0 30px
 }
 .tab-custom .nav-tabs li.nav-item>a {
  font-size:13px
 }
}
@media only screen and (max-width: 350px) {
 .tab-custom .nav-tabs li.nav-item {
  display:block;
  width:100%
 }
 .tab-custom .nav-tabs li.nav-item>a {
  font-size:12px;
  line-height:18px
 }
}
.shadow {
 box-shadow:0 6px 23px -2px rgba(0,0,0,0.05)
}
.shadow-alt {
 box-shadow:0 6px 23px -2px rgba(0,0,0,0.11)
}
.mgr--30 {
 margin-right:-30px
}
.mgl--30 {
 margin-left:-30px
}
@media only screen and (max-width: 1280px) {
 .owl-nav .owl-next {
  right:0
 }
 .owl-nav .owl-prev {
  left:0
 }
}
@media only screen and (max-width: 991px) {
 .res-m-bttm {
  margin-bottom:30px
 }
 .res-m-bttm-sm,.form-m-bttm {
  margin-bottom:15px
 }
 .res-m-bttm-xs {
  margin-bottom:10px
 }
 .res-m-bttm-lg {
  margin-bottom:45px
 }
 .res-m-bttm-3x {
  margin-bottom:60px
 }
 .mgr--30 {
  margin-right:0
 }
 .mgl--30 {
  margin-left:0
 }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .tab-center {
  text-align:center !important
 }
 .tab-left {
  text-align:left !important
 }
}
@media only screen and (max-width: 767px) {
 .mobile-left {
  text-align:left !important
 }
 .mobile-center {
  text-align:center !important
 }
 body,.navigation {
  min-width:300px
 }
}
select:focus {
 outline:none;
 border:none
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
 line-height:44px;
 font-size:.9em;
 padding-left:20px;
 padding-right:44px;
 color:#fff
}
.theme-light .select2-container--default .select2-selection--single .select2-selection__rendered,.io-dark-light .select2-container--default .select2-selection--single .select2-selection__rendered {
 color:#28384c
}
.io-azure.io-azure-pro .select2-container--default .select2-selection--single .select2-selection__rendered {
 color:#28384c;
 background:#eff6ff
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
 padding-right:20px;
 padding-left:44px
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
 background:rgba(70,189,244,0.2)
}
.theme-light .select2-container--default .select2-results__option--highlighted[aria-selected],.io-dark.io-dark-light .select2-container--default .select2-results__option--highlighted[aria-selected],.io-azure.io-azure-pro .select2-container--default .select2-results__option--highlighted[aria-selected] {
 color:#3c3c3c;
 background:rgba(70,189,244,0.4)
}
.select2-container--default .select2-results__option[aria-selected=true] {
 background:rgba(70,189,244,0.3)
}
.select2-container .select2-selection--single {
 height:44px
}
.select2-container--default .select2-selection--single {
 border-radius:0;
 background:rgba(70,189,244,0.1);
 border:none
}
.select2-container--default .select2-selection--single:focus {
 outline:none
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
 height:44px;
 width:44px;
 top:0;
 right:0;
 transition:all .5s ease
}
.select2-container--default .select2-selection--single .select2-selection__arrow:after {
 position:absolute;
 top:0;
 right:0;
 font-family:themify;
 content:'\e64b';
 font-size:16px;
 line-height:44px;
 text-align:center;
 width:44px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
 display:none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
 transform:rotate(180deg)
}
.select2-container {
 width:100% !important
}
.select2-container--default .select2-results>.select2-results__options {
 max-height:400px
}
.select2-search--dropdown {
 display:none
}
.select2-dropdown {
 background:#08091b;
 border-radius:0;
 border:none
}
.io-azure .select2-dropdown {
 background:#0d42b2
}
.theme-light .select2-dropdown,.io-dark-light .select2-dropdown {
 background:#e5f0ff
}
.io-azure.io-azure-pro .select2-dropdown {
 background:#e5f0ff;
 color:#28384c
}
.select2-results__option {
 padding:6px 20px;
 transition:all .5s ease
}
.theme-light .select2-results__option,.io-dark-light .select2-results__option {
 color:#3c3c3c
}
/*! 06.0 - HEADER SECTION */.particles-container {
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 z-index:2
}
.theme-dark:not(.io-azure) .particles-container {
 opacity:.7
}
.theme-light:not(.io-azure) .particles-container,.io-dark-light .section-light:not(.io-azure) .particles-container,.io-dark-light .section-light-alt:not(.io-azure) .particles-container {
 opacity:.4
}
.site-header {
 position:relative
}
.site-header .navbar {
 border-radius:0;
 border:0 none;
 min-width:300px;
 padding:12px 0 0;
 margin:0;
 z-index:9
}
.site-header .navbar-brand {
 height:auto;
 padding:0
}
.site-header .navbar-brand img {
 width:auto;
 max-width:100%;
 max-height:40px
}
.site-header .navbar-header .quote-btn {
 display:none
}
.site-header .navbar-collapse {
 padding:0;
 background-color:transparent;
 color:#3c3c3c
}
.site-header .logo-light {
 display:none
}
.navbar .navbar-nav>li:hover>a {
 color:#46bdf4;
 background:transparent
}
.navbar .navbar-nav>li>a {
 background:transparent;
 text-transform:uppercase;
 color:inherit;
 font-size:13px;
 font-weight:500;
 line-height:38px;
 margin:0 8.5px;
 transition:all .35s ease
}
.navbar .navbar-nav>li>a.nav-link {
 padding-left:0;
 padding-right:0
}
.navbar .navbar-nav>li>a.nav-link.btn {
 min-width:auto;
 padding:0 23px
}
.navbar .navbar-nav>li>a.nav-link.btn.active {
 color:#fff
}
.navbar .navbar-nav>li>a.nav-link.btn.active:after {
 opacity:0
}
.navbar .navbar-nav>li>a.nav-link.btn.active:before {
 opacity:1
}
.navbar .navbar-nav>li>a.nav-link.btn:hover {
 color:#fff
}
.navbar .navbar-nav>li>a.nav-link.active {
 color:#46bdf4;
 background:transparent
}
.navbar .navbar-nav>li>.dropdown-menu .nav-opened .dropdown-menu,.navbar .navbar-nav>li>.dropdown-menu .dropdown-menu {
 top:0;
 margin-top:0
}
.navbar .navbar-nav>li.nav-opened>.dropdown-menu,.navbar .navbar-nav>li:hover>.dropdown-menu {
 top:100%;
 opacity:1;
 visibility:visible
}
.navbar .navbar-nav.rollover .dropdown-menu {
 z-index:1010
}
.navbar .navbar-nav .dropdown-menu {
 background:#1b1e4b;
 border:0px;
 border-radius:0;
 padding:10px 0;
 left:0;
 top:100%;
 display:block;
 opacity:0;
 width:200px;
 visibility:hidden;
 transition:all .3s;
 border-radius:2px;
 transition:all .5s ease
}
.navbar .navbar-nav .dropdown-menu:after {
 position:absolute;
 top:-7px;
 left:20px;
 content:"";
 height:0;
 width:0;
 border-bottom:7px solid #1b1e4b;
 border-left:5px solid transparent;
 border-right:5px solid transparent
}
.navbar .navbar-nav .dropdown-menu .nav-opened .dropdown-menu,.navbar .navbar-nav .dropdown-menu .dropdown-menu {
 left:200px;
 opacity:0
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
 font-size:13px;
 font-weight:500;
 text-transform:uppercase;
 color:#fff
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
 color:#46bdf4;
 background:transparent
}
.navbar .navbar-nav .dropdown-menu .caret {
 margin-top:0;
 vertical-align:middle;
 transform:translateY(-50%) rotate(-90deg);
 position:absolute;
 top:50%;
 right:20px
}
.navbar .navbar-nav .dropdown-menu li {
 position:relative
}
.navbar .navbar-nav .dropdown-menu li:hover>a {
 color:#46bdf4;
 background:transparent
}
.navbar .navbar-nav .dropdown-menu li a {
 padding:10px 25px 10px 15px;
 text-transform:inherit
}
.navbar .navbar-nav .dropdown-menu li.nav-opened .dropdown-menu {
 opacity:1;
 visibility:visible;
 height:auto
}
.navbar .navbar-nav .dropdown-menu li:hover .dropdown-menu {
 opacity:1;
 visibility:visible;
 height:auto
}
.navbar .navbar-nav .dropdown-menu li:hover.has-children:after {
 border-left-color:#46bdf4
}
.navbar .navbar-nav .dropdown-menu li.has-children:after {
 position:absolute;
 top:50%;
 right:20px;
 content:"";
 height:0;
 width:0;
 transform:translateY(-50%);
 border-top:4px solid transparent;
 border-bottom:4px solid transparent;
 border-left:4px solid #3c3c3c;
 transition:all .5s ease
}
.navbar .navbar-nav .dropdown-menu li.dropdown>a:before {
 content:"\f105";
 display:block;
 position:absolute;
 top:50%;
 right:8px;
 opacity:1;
 margin-top:-7px;
 height:14px;
 width:12px;
 text-align:center;
 font-size:13px;
 line-height:14px;
 font-family:"FontAwesome";
 color:#000
}
.navbar .navbar-nav .dropdown-menu.active>a,.navbar .navbar-nav .dropdown-menu li>a:hover,.navbar .navbar-nav .dropdown-menu li>a:focus {
 color:#46bdf4
}
.navbar .navbar-nav .dropdown-menu>.active>a,.navbar .navbar-nav .dropdown-menu>.active>a:focus,.navbar .navbar-nav .dropdown-menu>.active>a:hover {
 color:#46bdf4;
 background-color:#f5f5f5
}
.navbar .navbar-nav .label {
 margin-top:-3px;
 vertical-align:middle;
 display:inline-block;
 margin-left:5px;
 text-transform:uppercase;
 padding:3px 10px 4px;
 -ms-border-radius:20px;
 border-radius:20px
}
.theme-light .navbar .navbar-nav .dropdown-menu,.io-dark-light .section-light .navbar .navbar-nav .dropdown-menu,.io-dark-light .section-light-alt .navbar .navbar-nav .dropdown-menu {
 background:#d0e5ff
}
.theme-light .navbar .navbar-nav .dropdown-menu:after,.io-dark-light .section-light .navbar .navbar-nav .dropdown-menu:after,.io-dark-light .section-light-alt .navbar .navbar-nav .dropdown-menu:after {
 border-bottom-color:#d0e5ff
}
.theme-light .navbar .navbar-nav .dropdown-menu .dropdown-item,.io-dark-light .section-light .navbar .navbar-nav .dropdown-menu .dropdown-item,.io-dark-light .section-light-alt .navbar .navbar-nav .dropdown-menu .dropdown-item {
 color:#3c3c3c
}
.theme-light .navbar .navbar-nav .dropdown-menu .dropdown-item:hover,.theme-light .navbar .navbar-nav .dropdown-menu .dropdown-item:focus,.theme-light .navbar .navbar-nav .dropdown-menu .dropdown-item.active,.io-dark-light .section-light .navbar .navbar-nav .dropdown-menu .dropdown-item:hover,.io-dark-light .section-light .navbar .navbar-nav .dropdown-menu .dropdown-item:focus,.io-dark-light .section-light .navbar .navbar-nav .dropdown-menu .dropdown-item.active,.io-dark-light .section-light-alt .navbar .navbar-nav .dropdown-menu .dropdown-item:hover,.io-dark-light .section-light-alt .navbar .navbar-nav .dropdown-menu .dropdown-item:focus,.io-dark-light .section-light-alt .navbar .navbar-nav .dropdown-menu .dropdown-item.active {
 color:#46bdf4;
 background:transparent
}
.io-azure .navbar .navbar-nav .dropdown-menu {
 background:#0a3082
}
.io-azure .navbar .navbar-nav .dropdown-menu:after {
 border-bottom-color:#0a3082
}
.site-header {
 position:relative
}
.site-header .navbar {
 padding:0;
 transition:all .5s ease;
 border-bottom:1px solid transparent
}
.site-header .navbar-nav>li>a {
 color:#fff
}
.site-header .navbar-nav>li.quote-btn {
 margin-top:23px
}
.site-header .navbar-nav>li:last-child:not(.quote-btn) {
 margin-right:-15px
}
.site-header .navbar-collapse ul+ul {
 margin-top:0
}
.site-header .navbar-btns {
 margin-left:60px
}
.site-header .navbar.is-transparent {
 background:transparent;
 position:absolute;
 top:0;
 left:0;
 width:100%
}
.site-header .navbar.is-transparent .navbar-brand .logo-dark {
 display:none
}
.site-header .navbar.is-transparent .navbar-brand .logo-light {
 display:block
}
.site-header.has-fixed .navbar {
 position:fixed;
 width:100%;
 z-index:9;
 top:0;
 background:#020207;
 border-bottom-color:rgba(0,0,0,0.04)
}
.site-header .is-transparent+.banner .banner-content {
 padding-top:50px
}
.site-header .navbar-brand {
 margin-top:20px;
 margin-bottom:20px;
 margin-left:0;
 z-index:6
}
.site-header .scroll-down {
 color:#fff;
 font-size:10px;
 display:inline-block;
 text-transform:uppercase;
 position:absolute;
 bottom:120px;
 right:20px;
 transform:rotate(-90deg);
 z-index:5
}
.site-header .scroll-down:after {
 position:absolute;
 content:"";
 height:1px;
 width:40px;
 background:#fff;
 left:-52px;
 top:50%;
 animation:upDown2 2s infinite
}
@keyframes upDown2 {
 0%, 20%, 50%, 80%, 
	100% {
  transform:translateX(0)
 }
 40% {
  transform:translateX(4px)
 }
 60% {
  transform:translateX(6px)
 }
}
.theme-light .site-header .navbar-nav>li:hover a {
 color:#46bdf4
}
.theme-light .site-header .navbar-nav>li>a {
 color:#28384c
}
.theme-light .site-header .navbar.is-transparent .navbar-brand .logo-dark {
 display:block
}
.theme-light .site-header .navbar.is-transparent .navbar-brand .logo-light {
 display:none
}
.theme-light .site-header.has-fixed .navbar {
 background:#e5f0ff;
 border-bottom-color:rgba(0,0,0,0.04)
}
.io-dark-light .section-light.site-header .navbar-nav>li:hover a,.io-dark-light .section-light-alt.site-header .navbar-nav>li:hover a {
 color:#46bdf4
}
.io-dark-light .section-light.site-header .navbar-nav>li>a,.io-dark-light .section-light-alt.site-header .navbar-nav>li>a {
 color:#28384c
}
.io-dark-light .section-light.site-header .navbar.is-transparent .navbar-brand .logo-dark,.io-dark-light .section-light-alt.site-header .navbar.is-transparent .navbar-brand .logo-dark {
 display:block
}
.io-dark-light .section-light.site-header .navbar.is-transparent .navbar-brand .logo-light,.io-dark-light .section-light-alt.site-header .navbar.is-transparent .navbar-brand .logo-light {
 display:none
}
.io-dark-light .section-light.site-header.has-fixed .navbar,.io-dark-light .section-light-alt.site-header.has-fixed .navbar {
 background:#e5f0ff;
 border-bottom-color:rgba(0,0,0,0.04)
}
.io-azure .site-header.has-fixed .navbar {
 background:#0b3795;
 border-bottom-color:rgba(0,0,0,0.04)
}
.language-switcher {
 position:relative
}
.language-switcher:before {
 position:absolute;
 content:'';
 left:0;
 top:0;
 height:30px;
 width:1px;
 background:rgba(255,255,255,0.1)
}
.language-switcher>a {
 color:#fff;
 font-size:.85em;
 padding:0 17px;
 position:relative
}
.language-switcher>a:hover,.language-switcher>a:focus {
 color:#fff
}
.language-switcher>a:after {
 position:absolute;
 top:2px;
 right:2px;
 font-family:themify;
 content:'\e64b';
 font-size:7px
}
.language-switcher .dropdown-menu {
 border:none;
 background:#0f4bca;
 min-width:46px;
 margin-left:2px
}
.language-switcher .dropdown-item {
 padding:0 15px;
 color:#fff;
 font-size:.85em;
 text-align:center
}
.language-switcher .dropdown-item:hover {
 color:#46bdf4;
 background:transparent
}
.footer-scetion .language-switcher>a:after {
 top:0
}
.navbar-toggler {
 margin-right:15px;
 padding:0 5px;
 color:#fff;
 border-radius:2px;
 border:none;
 transition:all .5s ease;
 background:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
}
.navbar-toggler:hover {
 background:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
}
.navbar-toggler:focus {
 outline:none
}
.navbar-toggler-icon {
 line-height:30px
}
.navbar-toggler .ti {
 line-height:30px;
 font-size:20px
}
.banner {
 min-height:97vh
}
.banner.banner-full {
 min-height:100vh
}
.banner.banner-particle {
 background:url(../images/particle-left.png) top left no-repeat,url(../images/particle-right.png) top right no-repeat,#08091b;
 background-size:auto, auto, auto
}
.banner.banner-curb {
 background:url(../images/header-bottom.png) bottom center no-repeat,#08091b;
 background-size:100%
}
.banner.banner-curb.banner-particle {
 background:url(../images/header-bottom.png) bottom center no-repeat,url(../images/particle-left.png) top left no-repeat,url(../images/particle-right.png) top right no-repeat,#08091b;
 background-size:100%, auto, auto, auto
}
.theme-light .banner.banner-particle {
 background:url(../images/particle-left.png) top left no-repeat,url(../images/particle-right.png) top right no-repeat,#eff6ff;
 background-size:auto, auto, auto
}
.theme-light .banner.banner-curb {
 background:url(../images/header-bottom-light.png) bottom center no-repeat,#eff6ff;
 background-size:100%
}
.theme-light .banner.banner-curb.banner-particle {
 background:url(../images/header-bottom-light.png) bottom center no-repeat,url(../images/particle-left.png) top left no-repeat,url(../images/particle-right.png) top right no-repeat,#eff6ff;
 background-size:100%, auto, auto, auto
}
.io-dark-light .section-light.banner.banner-particle,.io-dark-light .section-light-alt.banner.banner-particle {
 background:url(../images/particle-left.png) top left no-repeat,url(../images/particle-right.png) top right no-repeat,#eff6ff;
 background-size:auto, auto, auto
}
.io-dark-light .section-light.banner.banner-curb,.io-dark-light .section-light-alt.banner.banner-curb {
 background:url(../images/header-bottom-light.png) bottom center no-repeat,#eff6ff;
 background-size:100%
}
.io-dark-light .section-light.banner.banner-curb.banner-particle,.io-dark-light .section-light-alt.banner.banner-curb.banner-particle {
 background:url(../images/header-bottom-light.png) bottom center no-repeat,url(../images/particle-left.png) top left no-repeat,url(../images/particle-right.png) top right no-repeat,#eff6ff;
 background-size:100%, auto, auto, auto
}
.io-azure .banner {
 background:url(../images/header-overlay.png) 0 0 no-repeat,url(../images/header-bg-azure.png) 50% 100% no-repeat;
 background-size:contain, cover
}
.header-image {
 position:relative;
 z-index:3;
 margin:0 -150px 0 -30px
}
.header-image-icon {
 position:absolute;
 top:32%;
 width:30px
}
.header-image .left-icon {
 left:44%;
 margin-left:-1px;
 animation:jumping 1s linear 0s infinite alternate
}
.header-image .right-icon {
 right:41%;
 margin-right:-5px;
 margin-top:5px;
 animation:jumping 1s linear .5s infinite alternate
}
.header-image-alt {
 min-width:1050px
}
.header-image-element {
 position:absolute;
 width:72px
}
.header-image-element-1 {
 left:43%;
 bottom:21%
}
.header-image-element-2 {
 left:61%;
 bottom:30%
}
@keyframes jumping {
 0% {
  transform:translateY(5px)
 }
 100% {
  transform:translateY(-25px)
 }
}
.header-txt {
 position:relative;
 z-index:3
}
.page {
 position:relative
}
.page-banner {
 min-height:280px;
 background:url(../images/particle-left.png) top left no-repeat,url(../images/particle-right.png) top right no-repeat,#08091b;
 background-size:auto, auto, auto
}
.theme-light .page-banner {
 background:url(../images/particle-left.png) top left no-repeat,url(../images/particle-right.png) top right no-repeat,#eff6ff;
 background-size:auto, auto, auto
}
.io-azure .page-banner {
 background:url(../images/header-overlay.png) 0 0 no-repeat,url(../images/header-bg-azure.png) 0 0 no-repeat;
 background-size:50%, cover
}
.page-heading {
 padding:80px 0 40px;
 text-transform:uppercase
}
.page-head-image {
 position:absolute;
 max-width:550px;
 right:-50px;
 bottom:-125px
}
.io-dark-light .section-light.page-banner,.io-dark-light .section-light-alt.page-banner {
 background:url(../images/particle-left.png) top left no-repeat,url(../images/particle-right.png) top right no-repeat,#eff6ff;
 background-size:auto, auto, auto
}
@media only screen and (max-width: 991px) {
 .page-banner {
  min-height:220px
 }
 .page-head-image {
  max-width:350px;
  right:-20px;
  bottom:-75px
 }
}
@media only screen and (max-width: 480px) {
 .page-banner {
  min-height:180px
 }
 .page-head-image {
  max-width:220px;
  right:-50px;
  bottom:-40px
 }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .site-header .navbar-btns {
  margin-left:30px
 }
 .site-header .scroll-down {
  bottom:100px;
  right:20px
 }
 .partner-list-s2 {
  padding-right:60px
 }
 .navbar .navbar-nav>li>a {
  font-size:12px;
  margin:0 6.5px
 }
 .header-image .left-icon {
  margin-left:-3px
 }
 .header-image .right-icon {
  margin-right:-7px
 }
 .header-image-alt {
  min-width:750px
 }
 .header-image-element {
  position:absolute;
  width:50px
 }
 .header-image-element-1 {
  left:38%;
  bottom:20%
 }
 .header-image-element-2 {
  left:53%;
  bottom:30%
 }
}
@media only screen and (max-width: 991px) {
 .site-header .navbar-brand {
  margin-left:15px
 }
 .site-header .navbar.is-transparent.active {
  background:#0b0c22
 }
 .theme-light .site-header .navbar.is-transparent.active {
  background:#eff6ff
 }
 .site-header .navbar-btns {
  margin:0 20px 30px;
  padding-top:10px;
  display:inline-block
 }
 .site-header .navbar-btns li {
  display:inline-block
 }
 .partner-list-s2 {
  padding-right:60px
 }
 .site-header .scroll-down {
  bottom:80px;
  right:0
 }
 .navbar-collapse {
  position:relative
 }
 .navbar-collapse:after {
  opacity:0;
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:220px;
  bottom:0;
  z-index:-1;
  background-image:linear-gradient(to bottom, #0b0c22 0%, #1b1e4b 100%);
  transition:all .4s
 }
 .theme-light .navbar-collapse:after {
  background-image:linear-gradient(to bottom, #eff6ff 0%, #d6e8ff 100%)
 }
 .navbar-collapse.show:after {
  opacity:1
 }
 .navbar .navbar-nav li:hover {
  opacity:1
 }
 .navbar .navbar-nav li a.nav-link {
  padding:0 5px
 }
 .navbar .navbar-nav .dropdown-menu {
  width:100%;
  opacity:1;
  visibility:visible;
  display:none
 }
 .navbar .navbar-nav .dropdown-menu:after {
  display:none
 }
}
@media only screen and (min-width: 1800px) {
 .banner {
  min-height:96vh
 }
 .banner.banner-full {
  height:100vh
 }
}
@media only screen and (max-width: 991px) {
 .banner {
  min-height:1000px
 }
 .banner.banner-full {
  min-height:830px
 }
 .header-image {
  width:690px;
  margin:0 auto
 }
 .header-image-icon {
  top:30%;
  width:20px
 }
 .header-image .left-icon {
  margin-left:3px
 }
 .header-image .right-icon {
  margin-right:0
 }
 .header-image-alt {
  min-width:690px
 }
 .header-image-element {
  width:44px
 }
 .header-image-element-1 {
  left:24%;
  bottom:21%
 }
 .header-image-element-2 {
  left:33%;
  bottom:30%
 }
 .theme-light .banner.banner-curb.banner-particle,.banner.banner-curb.banner-particle {
  background-size:150%,75%,75%,auto;
  background-position:bottom center,-65% 30%,165% 60%,0 0
 }
}
@media only screen and (max-width: 767px) {
 .navbar .navbar-nav li a.nav-link {
  padding:0 20px
 }
 .header-image {
  width:600px;
  margin:0 auto
 }
 .header-image-icon {
  top:30%;
  width:20px
 }
 .header-image .left-icon {
  margin-left:1px
 }
 .header-image .right-icon {
  margin-right:-1px
 }
 .header-image-alt {
  min-width:440px;
  max-width:440px;
  margin:0 auto
 }
 .header-image-element {
  width:30px
 }
 .header-image-element-1 {
  left:27%;
  bottom:21%
 }
 .header-image-element-2 {
  left:35.5%;
  bottom:30%
 }
}
@media only screen and (max-width: 599px) {
 .banner {
  min-height:900px
 }
 .banner.banner-full {
  min-height:900px
 }
}
@media only screen and (max-width: 480px) {
 .banner {
  min-height:665px
 }
 .banner.banner-full {
  min-height:665px
 }
 .site-header .is-transparent+.banner .banner-content {
  padding-top:30px
 }
 .header-image {
  width:280px;
  margin:0 auto
 }
 .header-image-icon {
  top:30%;
  width:14px
 }
 .header-image .left-icon {
  left:44%;
  margin-left:-2px
 }
 .header-image .right-icon {
  right:41%;
  margin-right:-3px;
  margin-top:5px
 }
 .header-image-alt {
  min-width:280px;
  max-width:280px;
  margin:0 auto
 }
 .header-image-element {
  width:20px
 }
 .header-image-element-1 {
  left:32%;
  bottom:21%
 }
 .header-image-element-2 {
  left:39%;
  bottom:30%
 }
 .header-txt p.lead {
  font-size:.75em
 }
}
@media only screen and (max-width: 320px) {
 .banner {
  min-height:585px
 }
 .banner.banner-full {
  min-height:100vh
 }
 .countdown-box.countdown-header {
  padding-bottom:0
 }
}
/*! 05.0 - BUTTONS */.btn {
 font-family:"Poppins",sans-serif;
 font-size:12px;
 line-height:46px;
 font-weight:600;
 padding:0 34px;
 text-align:center;
 text-transform:uppercase;
 color:#fff;
 min-width:160px;
 max-width:100%;
 border:none;
 box-sizing:border-box;
 transition:all 0.5s;
 position:relative;
 z-index:2;
 -ms-border-radius:23px;
 border-radius:23px;
 background-image:-webkit-linear-gradient(left, #2b56f5 0%, #46bdf4 100%);
 background-image:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
}
.io-azure .btn {
 -ms-border-radius:4px;
 border-radius:4px
}
.io-azure .btn:not(.btn-simple):not(.btn-plane) {
 box-shadow:0 10px 30px rgba(0,0,0,0.15)
}
.io-azure .btn:after,.io-azure .btn:before {
 -ms-border-radius:4px;
 border-radius:4px
}
.btn:before {
 position:absolute;
 -ms-border-radius:23px;
 border-radius:23px;
 left:0;
 top:0;
 content:"";
 width:100%;
 height:100%;
 z-index:-2;
 opacity:0;
 transition:all .5s ease;
 background-image:-webkit-linear-gradient(left, #46bdf4 0%, #2b56f5 100%);
 background-image:linear-gradient(to right, #46bdf4 0%, #2b56f5 100%)
}
.btn.btn-alt {
 background-image:-webkit-linear-gradient(left, #7a0fff 0%, #46bdf4 100%);
 background-image:linear-gradient(to right, #7a0fff 0%, #46bdf4 100%)
}
.btn.btn-alt:before {
 background-image:-webkit-linear-gradient(left, #46bdf4 0%, #7a0fff 100%);
 background-image:linear-gradient(to right, #46bdf4 0%, #7a0fff 100%)
}
.btn:hover:before {
 opacity:1
}
.btn:hover,.btn:focus {
 color:#fff;
 outline:none;
 box-shadow:none
}
.btn.btn-outline {
 background:transparent
}
.btn.btn-outline:after {
 position:absolute;
 -ms-border-radius:23px;
 border-radius:23px;
 left:2px;
 top:2px;
 content:"";
 width:calc(100% - 4px);
 height:calc(100% - 4px);
 z-index:-1;
 opacity:1;
 background:#020207;
 transition:all .5s ease
}
.btn.btn-outline:hover:after {
 opacity:0
}
.btn.btn-outline:before {
 opacity:1
}
.io-azure .btn.btn-outline:after {
 -ms-border-radius:4px;
 border-radius:4px
}
.btn.btn-plane {
 background:#7a0fff
}
.btn.btn-plane.btn-alt {
 color:#2c57f5;
 background:#fff
}
.btn.btn-plane.btn-alt:before {
 background:#10122d
}
.btn.btn-plane.btn-alt:hover {
 color:#fff
}
.btn.btn-center {
 margin:0 auto;
 width:auto;
 min-width:160px
}
.btn.btn-lg {
 padding:18px 35px;
 font-size:16px;
 -ms-border-radius:4px;
 border-radius:4px
}
.btn.btn-md {
 padding:10px 20px
}
.btn.btn-sm {
 line-height:39px;
 padding:0 24px
}
.btn.btn-xs {
 padding:3px 12px 4px;
 font-weight:700;
 min-width:90px
}
.btn.round {
 -ms-border-radius:60px;
 border-radius:60px
}
.btn.btn-simple {
 background:transparent;
 text-transform:capitalize;
 font-weight:500;
 letter-spacing:0.1em;
 color:#fff
}
.btn.btn-simple:before {
 display:none
}
.btn.btn-simple .fa,.btn.btn-simple .ti {
 margin-right:8px;
 color:#46bdf4
}
.btn.btn-more {
 background:transparent;
 text-transform:uppercase;
 font-weight:500;
 letter-spacing:0.2em;
 color:#46bdf4;
 font-size:.9em
}
.btn.btn-more:before {
 display:none
}
.btn.btn-more .ti {
 position:relative;
 top:1px;
 transition:all .4s ease
}
.btn.btn-more:hover {
 color:#7a0fff
}
.btn.btn-more:hover .ti {
 margin-left:6px
}
.play-btn {
 position:relative;
 display:inline-block;
 transition:all .5s ease
}
.play-btn:hover {
 margin-left:10px
}
.play-btn-alt {
 color:#fff;
 text-align:center;
 height:60px;
 width:60px;
 transition:all .5s ease
}
.play-btn-alt:after {
 position:absolute;
 content:"";
 height:calc(100% + 16px);
 width:calc(100% + 16px);
 top:-8px;
 left:-8px;
 border-radius:50%;
 border:1px solid rgba(255,255,255,0.35);
 animation:1s ease 0s normal none infinite running playbutton
}
.play-btn-alt .fa {
 font-size:24px;
 height:60px;
 width:60px;
 border-radius:50%;
 background:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
 line-height:60px;
 text-align:center;
 margin-left:auto;
 margin-right:auto;
 color:#fff
}
.play-btn-alt .fa+span {
 position:absolute;
 display:inline-block;
 top:calc(100% + 10px);
 left:50%;
 min-width:200px;
 transform:translateX(-50%)
}
.play-btn-alt:hover,.play-btn-alt:focus {
 color:#fff;
 margin-top:-20px !important
}
.section-pro .play-btn-alt:after,.section-pro-alt .play-btn-alt:after {
 border:1px solid rgba(70,189,244,0.35)
}
.section-pro .play-btn-alt span,.section-pro-alt .play-btn-alt span {
 color:#46bdf4
}
.play-btn .play {
 position:absolute;
 left:0;
 top:50%;
 margin-top:3px;
 transform:translateY(-50%);
 width:50px;
 height:50px;
 border-radius:50%;
 background-image:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
 transition:all .5s ease
}
.play-btn .play:before {
 position:absolute;
 content:"";
 height:46px;
 width:46px;
 top:2px;
 left:2px;
 border-radius:50%;
 background:#10122d
}
.play-btn .play:after {
 position:absolute;
 content:"";
 height:calc(100% + 16px);
 width:calc(100% + 16px);
 top:-8px;
 left:-8px;
 border-radius:50%;
 border:1px solid rgba(255,255,255,0.35);
 animation:1s ease 0s normal none infinite running playbutton
}
.play-btn .play>span {
 position:absolute;
 content:"";
 height:24px;
 width:14px;
 top:50%;
 left:calc(50% + 2px);
 transform:translate(-50%, -50%);
 background-image:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
}
.play-btn .play>span:before,.play-btn .play>span:after {
 position:absolute;
 content:"";
 height:0;
 width:0;
 right:0
}
.play-btn .play>span:before {
 top:0;
 border-right:14px solid #10122d;
 border-bottom:12px solid transparent
}
.play-btn .play>span:after {
 bottom:0;
 border-right:14px solid #10122d;
 border-top:12px solid transparent
}
.play-btn>span {
 display:block;
 padding-left:70px;
 font-weight:300
}
.play-btn>span:first-of-type {
 font-size:21px;
 color:#fff
}
.play-btn>span:last-of-type {
 font-size:12px;
 color:#8255fd
}
@keyframes playbutton {
 0% {
  transform:scale(0.75);
  opacity:1
 }
 100% {
  transform:scale(1.3);
  opacity:0
 }
}
.theme-light .btn.btn-outline,.io-dark-light .section-light .btn.btn-outline,.io-dark-light .section-light-alt .btn.btn-outline {
 background:transparent;
 color:#28384c
}
.theme-light .btn.btn-outline:after,.io-dark-light .section-light .btn.btn-outline:after,.io-dark-light .section-light-alt .btn.btn-outline:after {
 background:#e5f0ff
}
.theme-light .play-btn .play:before,.io-dark-light .section-light .play-btn .play:before,.io-dark-light .section-light-alt .play-btn .play:before {
 background:#fff
}
.theme-light .play-btn .play:after,.io-dark-light .section-light .play-btn .play:after,.io-dark-light .section-light-alt .play-btn .play:after {
 border-color:rgba(60,60,60,0.35)
}
.theme-light .play-btn .play>span:before,.io-dark-light .section-light .play-btn .play>span:before,.io-dark-light .section-light-alt .play-btn .play>span:before {
 top:0;
 border-right-color:#fff
}
.theme-light .play-btn .play>span:after,.io-dark-light .section-light .play-btn .play>span:after,.io-dark-light .section-light-alt .play-btn .play>span:after {
 bottom:0;
 border-right-color:#fff
}
.theme-light .play-btn>span:first-of-type,.io-dark-light .section-light .play-btn>span:first-of-type,.io-dark-light .section-light-alt .play-btn>span:first-of-type {
 color:#28384c
}
.io-azure .btn.btn-outline {
 background:transparent
}
.io-azure .btn.btn-outline:after {
 background:#0b3691
}
.io-azure .section-pro .btn.btn-outline,.io-azure .section-pro-alt .btn.btn-outline {
 color:#2b56f5
}
.io-azure .section-pro .btn.btn-simple,.io-azure .section-pro-alt .btn.btn-simple {
 color:#2b56f5
}
.io-azure .section-pro .btn.btn-simple .fa,.io-azure .section-pro-alt .btn.btn-simple .fa {
 color:#46bdf4
}
.io-azure .play-btn .play:before {
 background:#fff
}
.io-azure .play-btn .play:after {
 border-color:rgba(60,60,60,0.35)
}
.io-azure .play-btn .play>span:before {
 top:0;
 border-right-color:#fff
}
.io-azure .play-btn .play>span:after {
 bottom:0;
 border-right-color:#fff
}
.io-azure .play-btn>span:first-of-type {
 color:#28384c
}
.btn-img {
 display:block
}
.btn-img img {
 max-width:100%
}
.btns {
 margin:0 -15px
}
.btns li {
 display:inline-block;
 margin:10px 15px
}
.btns li a:not(.btn) {
 margin-right:10px
}
@media only screen and (max-width: 480px) {
 .btn {
  font-size:10px;
  min-width:110px;
  line-height:40px;
  padding:0 15px
 }
 .btn-img {
  max-width:110px
 }
 .btns {
  margin:0 -3px
 }
 .btns li {
  margin:10px 3px
 }
}
/*! 07.0 - FEATURES SECTION */.text-block p:not(.lead) {
 color:#a2b4d2
}
.text-block ul:not(.btns) {
 margin-bottom:20px
}
.text-block ul:not(.btns) li {
 position:relative;
 line-height:2;
 padding-left:22px;
 color:#a2b4d2
}
.text-block ul:not(.btns) li:before {
 content:"";
 background:#46bdf4;
 height:5px;
 width:5px;
 border-radius:50%;
 position:absolute;
 top:13px;
 left:0
}
.text-block .heading-xs {
 text-transform:uppercase
}
.io-azure .text-block p:not(.lead) {
 color:#7ab9ff
}
.io-azure .text-block ul:not(.btns) li {
 color:#7ab9ff
}
.io-azure .text-block .heading-xs {
 color:#16a4fd
}
.io-azure .section-pro .text-block p:not(.lead),.io-azure .section-pro-alt .text-block p:not(.lead) {
 color:#637097
}
.io-azure .section-pro .text-block ul:not(.btns) li,.io-azure .section-pro-alt .text-block ul:not(.btns) li {
 color:#637097
}
.video-graph {
 position:relative
}
.video-graph .play-btn-alt {
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-10px;
 margin-right:-10px;
 transform:translate(-50%, -50%)
}
.theme-light .text-block p:not(.lead),.io-dark-light .section-light .text-block p:not(.lead),.io-dark-light .section-light-alt .text-block p:not(.lead) {
 color:#8284a5
}
.theme-light .text-block ul:not(.btns) li,.io-dark-light .section-light .text-block ul:not(.btns) li,.io-dark-light .section-light-alt .text-block ul:not(.btns) li {
 color:#8284a5
}
.features-box {
 margin-bottom:40px
}
.features-box img {
 max-width:300px
}
.features-box h5 {
 margin:30px 0 12px
}
.features-box p {
 color:#a2b4d2
}
.theme-light .features-box p,.io-dark-light .section-light .features-box p,.io-dark-light .section-light-alt .features-box p {
 color:#8284a5
}
.io-azure .features-box p {
 color:#7ab9ff
}
.io-azure .section-pro .features-box h5,.io-azure .section-pro-alt .features-box h5 {
 color:#313c56
}
.io-azure .section-pro .features-box p,.io-azure .section-pro-alt .features-box p {
 color:#637097
}
.app-section {
 overflow:hidden
}
@media only screen and (max-width: 991px) {
 .features-box img {
  max-width:160px
 }
}
/*! 08.0 - TOKEN SECTION */.token-section {
 position:relative
}
.token-section:after {
 content:"";
 background:linear-gradient(to top, #1b30a4 15%, rgba(13,66,178,0) 100%);
 height:80%;
 width:100%;
 position:absolute;
 bottom:0;
 left:0
}
.event-info {
 margin-bottom:-30px;
 pading-right:20px
}
.event-info .event-single-info {
 margin-bottom:30px;
 position:relative;
 padding-left:16px
}
.event-info .event-single-info:before {
 content:"";
 background:#FBBD18;
 height:5px;
 width:5px;
 border-radius:50%;
 position:absolute;
 top:9px;
 left:0
}
.event-info h6 {
 margin-bottom:2px
}
.event-info p {
 color:#8284a5
}
.io-azure .event-info p {
 color:#7ab9ff
}
.countdown-box {
 -ms-border-radius:10px;
 border-radius:10px;
 padding:40px 20px;
 margin-left:20px
}
.section-bg .countdown-box {
 background:#0b0c22
}
.section-bg-alt .countdown-box {
 background:#10122d
}
.io-azure .countdown-box {
 background:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
}
.io-azure .countdown-box .token-countdown .countdown-text {
 color:#340075
}
.io-azure .countdown-box .btn.btn-alt {
 padding-left:40px;
 padding-right:40px;
 -ms-border-radius:19px;
 border-radius:19px;
 background-image:linear-gradient(to right, #340075 0%, #0d9ee0 100%)
}
.io-azure .countdown-box .btn.btn-alt:before {
 -ms-border-radius:19px;
 border-radius:19px;
 background-image:linear-gradient(to right, #0d9ee0 0%, #340075 100%)
}
.io-azure .banner-tokensale .countdown-box .btn.btn-alt {
 -ms-border-radius:4px;
 border-radius:4px;
 background-image:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
}
.io-azure .banner-tokensale .countdown-box .btn.btn-alt:before {
 -ms-border-radius:4px;
 border-radius:4px;
 background-image:linear-gradient(to right, #46bdf4 0%, #7a0fff 100%)
}
.countdown-box h6 {
 text-transform:uppercase
}
.countdown-box .token-countdown {
 padding-bottom:33px
}
.countdown-box .token-countdown .countdown-time {
 font-size:45px;
 font-weight:300;
 line-height:1;
 display:block;
 margin-bottom:5px;
 position:relative
}
.countdown-box .token-countdown .countdown-time:after {
 position:absolute;
 right:-20px;
 bottom:5px;
 content:":";
 color:#fff;
 font-size:40px
}
.countdown-box .token-countdown .countdown-time.countdown-time-last:after {
 display:none
}
.countdown-box .token-countdown .countdown-text {
 color:#46bdf4;
 font-size:11px;
 font-weight:600;
 text-transform:uppercase;
 display:block;
 line-height:1
}
.countdown-box .icon-list {
 margin:10px 0 0
}
.countdown-box .icon-list li {
 display:inline-block;
 margin:0 5px
}
.countdown-box .icon-list li .fa {
 color:#8284a5;
 font-size:18px
}
.countdown-box.countdown-transparent {
 background:rgba(11,55,149,0.6) !important
}
.countdown-box.countdown-header {
 background:transparent;
 position:relative
}
.countdown-box.countdown-header:after {
 position:absolute;
 top:50%;
 left:calc(50% - 40px);
 content:"";
 height:565px;
 width:575px;
 transform:translate(-50%, -50%);
 border:1px solid rgba(122,15,255,0.4);
 border-radius:50%
}
.countdown-box.countdown-header:before {
 position:absolute;
 top:50%;
 left:calc(50% - 15px);
 content:"";
 height:565px;
 width:575px;
 transform:translate(-50%, -50%);
 border:1px solid rgba(122,15,255,0.4);
 border-radius:50%
}
.countdown-box.countdown-header .extra-line {
 position:absolute;
 top:50%;
 left:calc(50% + 15px);
 content:"";
 height:565px;
 width:575px;
 transform:translate(-50%, -50%);
 border:1px solid rgba(122,15,255,0.4);
 border-radius:50%
}
.countdown-box.countdown-header .extra-line:after {
 position:absolute;
 top:50%;
 left:calc(50% + 25px);
 content:"";
 height:565px;
 width:575px;
 transform:translate(-50%, -50%);
 border:1px solid rgba(122,15,255,0.4);
 border-radius:50%
}
.banner-tokensale .countdown-box {
 position:absolute;
 top:50%;
 left:10%;
 width:80%;
 transform:translateY(-50%);
 z-index:999
}
.banner-tokensale .countdown-box .token-countdown .countdown-text {
 color:#fff
}
.banner-tokensale .header-image-alt img {
 opacity:.2
}
.theme-light .countdown-box .token-countdown .countdown-time:after {
 color:#a2b4d2
}
.theme-light .countdown-box.countdown-header:after {
 border-color:rgba(122,15,255,0.1)
}
.theme-light .countdown-box.countdown-header:before {
 border-color:rgba(122,15,255,0.1)
}
.theme-light .countdown-box.countdown-header .extra-line {
 border-color:rgba(122,15,255,0.1)
}
.theme-light .countdown-box.countdown-header .extra-line:after {
 border-color:rgba(122,15,255,0.1)
}
.theme-light .section-bg .countdown-box {
 background:#fff
}
.theme-light .section-bg-alt .countdown-box {
 background:#eff6ff
}
.io-dark-light .section-light .countdown-box .token-countdown .countdown-time:after,.io-dark-light .section-light-alt .countdown-box .token-countdown .countdown-time:after {
 color:#a2b4d2
}
.io-dark-light .section-light .countdown-box.countdown-header:after,.io-dark-light .section-light-alt .countdown-box.countdown-header:after {
 border-color:rgba(122,15,255,0.1)
}
.io-dark-light .section-light .countdown-box.countdown-header:before,.io-dark-light .section-light-alt .countdown-box.countdown-header:before {
 border-color:rgba(122,15,255,0.1)
}
.io-dark-light .section-light .countdown-box.countdown-header .extra-line,.io-dark-light .section-light-alt .countdown-box.countdown-header .extra-line {
 border-color:rgba(122,15,255,0.1)
}
.io-dark-light .section-light .countdown-box.countdown-header .extra-line:after,.io-dark-light .section-light-alt .countdown-box.countdown-header .extra-line:after {
 border-color:rgba(122,15,255,0.1)
}
.io-dark-light .section-light.section-bg .countdown-box,.io-dark-light .section-light-alt.section-bg .countdown-box {
 background:#fff
}
.io-dark-light .section-light.section-bg-alt .countdown-box,.io-dark-light .section-light-alt.section-bg-alt .countdown-box {
 background:#eff6ff
}
.token-status-bar {
 position:relative;
 height:15px;
 border-radius:4px;
 background:#fff;
 margin:30px 0
}
.io-azure .token-status-bar {
 background:rgba(255,255,255,0.4)
}
.token-status-percent {
 position:absolute;
 top:0;
 left:0;
 height:100%;
 border-radius:3px 0 0 3px;
 background:linear-gradient(to right, #46bdf4 0%, #7a0fff 100%)
}
.io-azure .token-status-percent {
 background:#2b56f5
}
.io-azure .banner-tokensale .token-status-percent {
 background:linear-gradient(to right, #2b56f5 0%, #0b39e2 100%)
}
.token-status-point {
 position:absolute;
 font-size:.75em;
 transform:translateX(-50%);
 top:-35px;
 text-transform:uppercase
}
.token-status-point:after {
 position:absolute;
 left:50%;
 top:calc(100% - 1px);
 height:30px;
 width:1px;
 content:'';
 background:rgba(130,85,253,0.35)
}
.io-azure .token-status-point:after {
 background:rgba(255,255,255,0.35)
}
.token-status-point-1 {
 left:20%
}
.token-status-point-2 {
 left:40%
}
.token-status-point-3 {
 left:60%
}
.token-status-point-4 {
 left:80%
}
@media only screen and (max-width: 1024px) and (max-width: 1199px) {
 .countdown-box .token-countdown .countdown-time {
  font-size:35px;
  font-weight:300
 }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .event-info {
  margin-bottom:40px;
  padding-right:0;
  margin-left:auto;
  margin-right:auto;
  width:550px
 }
 .countdown-box {
  max-width:560px;
  margin-left:auto;
  margin-right:auto
 }
 .countdown-box.countdown-header:after,.countdown-box.countdown-header:before,.countdown-box.countdown-header .extra-line {
  display:none
 }
}
@media only screen and (max-width: 767px) {
 .countdown-box {
  padding:25px 0;
  max-width:480px;
  margin-left:auto;
  margin-right:auto
 }
 .countdown-box .token-countdown .countdown-time {
  font-size:20px;
  margin-bottom:5px
 }
 .countdown-box .token-countdown .countdown-time:after {
  font-size:18px;
  bottom:0
 }
 .countdown-box .token-countdown .countdown-text {
  font-size:9px
 }
 .token-status-bar {
  margin:20px
 }
}
.single-chart h2,.single-chart h3,.single-chart h4 {
 padding-bottom:40px
}
/*! 09.0 - ROADMAP SECTION */.roadmap-section.section-pro,.roadmap-section.section-pro-alt {
 position:relative
}
.roadmap-section.section-pro:before,.roadmap-section.section-pro-alt:before {
 content:"";
 background:url(../images/pattern-azure-light.png) 50% 50% no-repeat fixed;
 background-size:cover;
 height:100%;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 opacity:.5
}
.roadmap-list {
 margin-bottom:230px;
 position:relative
}
.roadmap-list:after {
 position:absolute;
 left:50%;
 bottom:0;
 height:1px;
 width:100vw;
 content:"";
 transform:translateX(-50%);
 background:#7a0fff
}
.roadmap-list .col,.roadmap-list [class*="col-"] {
 padding-right:0
}
.single-roadmap {
 position:relative;
 padding:0 0 30px 25px
}
.single-roadmap:before {
 background-image:-webkit-linear-gradient(top, #46bdf4 0%, #7a0fff 100%);
 background-image:linear-gradient(top, #46bdf4 0%, #7a0fff 100%);
 position:absolute;
 content:"";
 left:0;
 bottom:0;
 width:1px;
 height:calc(100% - 15px)
}
.single-roadmap:after {
 position:absolute;
 content:"";
 left:0;
 top:0;
 transform:translateX(-50%);
 width:15px;
 height:15px;
 border-radius:50%;
 background:#46bdf4
}
.single-roadmap.roadmap-done:after {
 position:absolute;
 font-family:"Font Awesome";
 content:"\f00c";
 font-weight:900;
 left:0;
 top:-4px;
 transform:translateX(-50%);
 width:19px;
 height:19px;
 border-radius:50%;
 background:transparent;
 font-size:10px;
 line-height:19px;
 text-align:center;
 color:#41faa4;
 border:1px solid #46bdf4
}
.single-roadmap h6 {
 font-weight:500;
 color:#8255fd;
 margin-bottom:10px
}
.single-roadmap.roadmap-down {
 position:absolute;
 left:-65px;
 min-width:190px;
 max-width:190px;
 padding-top:85px
}
.single-roadmap.roadmap-down:before {
 background-image:-webkit-linear-gradient(top, #7a0fff 0%, #46bdf4 100%);
 background-image:linear-gradient(top, #7a0fff 0%, #46bdf4 100%);
 position:absolute;
 content:"";
 left:0;
 top:0;
 bottom:auto;
 width:1px;
 height:85px
}
.single-roadmap.roadmap-down:after {
 left:0;
 top:85px
}
.single-roadmap.roadmap-sm {
 min-height:180px
}
.single-roadmap.roadmap-lg {
 min-height:310px
}
.theme-light .single-roadmap:before,.io-dark-light .section-light .single-roadmap:before,.io-dark-light .section-light-alt .single-roadmap:before {
 background-image:-webkit-linear-gradient(top, #2b56f5 0%, #7a0fff 100%);
 background-image:linear-gradient(top, #2b56f5 0%, #7a0fff 100%)
}
.theme-light .single-roadmap:after,.io-dark-light .section-light .single-roadmap:after,.io-dark-light .section-light-alt .single-roadmap:after {
 background:#2b56f5
}
.theme-light .single-roadmap.roadmap-done:after,.io-dark-light .section-light .single-roadmap.roadmap-done:after,.io-dark-light .section-light-alt .single-roadmap.roadmap-done:after {
 background:#41faa4;
 color:#fff;
 border:1px solid #46bdf4
}
.theme-light .single-roadmap.roadmap-down:before,.io-dark-light .section-light .single-roadmap.roadmap-down:before,.io-dark-light .section-light-alt .single-roadmap.roadmap-down:before {
 background-image:-webkit-linear-gradient(top, #7a0fff 0%, #2b56f5 100%);
 background-image:linear-gradient(top, #7a0fff 0%, #2b56f5 100%)
}
@media only screen and (min-width: 992px) {
 .width-0 {
  max-width:0
 }
}
@media only screen and (max-width: 991px) {
 .roadmap-list {
  margin-bottom:0
 }
 .single-roadmap.roadmap-sm {
  min-height:auto
 }
 .single-roadmap.roadmap-lg {
  min-height:auto
 }
 .single-roadmap.roadmap-down {
  position:relative;
  left:0;
  min-width:100%;
  max-width:100%;
  padding-top:0;
  transform:translateX(0)
 }
 .single-roadmap.roadmap-down:before {
  top:auto;
  bottom:0;
  height:calc(100% - 15px)
 }
 .single-roadmap.roadmap-down:after {
  left:0;
  top:0;
  transform:translateX(-50%)
 }
}
.roadmap-list-alt {
 position:relative
}
.roadmap-list-alt:before,.roadmap-list-alt:after {
 position:absolute;
 top:15px;
 width:85px;
 height:1px;
 content:"";
 z-index:4
}
.roadmap-list-alt:after {
 right:0;
 background:linear-gradient(to right, transparent 0%, #1b30a4 100%)
}
.roadmap-list-alt:before {
 left:0;
 background:linear-gradient(to left, transparent 0%, #1b30a4 100%)
}
.section-pro .roadmap-list-alt:after {
 background:linear-gradient(to right, transparent 0%, #fff 100%)
}
.section-pro .roadmap-list-alt:before {
 background:linear-gradient(to left, transparent 0%, #fff 100%)
}
.section-pro-alt .roadmap-list-alt:after {
 background:linear-gradient(to right, transparent 0%, #ebf3fc 100%)
}
.section-pro-alt .roadmap-list-alt:before {
 background:linear-gradient(to left, transparent 0%, #ebf3fc 100%)
}
.roadmap-list-alt .owl-prev,.roadmap-list-alt .owl-next {
 position:absolute;
 top:-4px;
 z-index:10;
 opacity:.5;
 transition:all .5s ease
}
.roadmap-list-alt .owl-prev .ti,.roadmap-list-alt .owl-next .ti {
 font-size:36px;
 color:#fff;
 line-height:40px
}
.roadmap-list-alt .owl-prev:hover,.roadmap-list-alt .owl-next:hover {
 opacity:1
}
.roadmap-list-alt .owl-prev.disabled,.roadmap-list-alt .owl-next.disabled {
 opacity:.2;
 cursor:auto
}
.section-pro .roadmap-list-alt .owl-prev .ti,.section-pro .roadmap-list-alt .owl-next .ti,.section-pro-alt .roadmap-list-alt .owl-prev .ti,.section-pro-alt .roadmap-list-alt .owl-next .ti {
 color:#46bdf4
}
.roadmap-list-alt .owl-prev {
 left:-35px
}
.roadmap-list-alt .owl-next {
 right:-35px
}
.single-roadmap-alt {
 position:relative;
 padding-top:60px;
 margin-top:15px
}
.single-roadmap-alt:before {
 position:absolute;
 content:"";
 top:0;
 left:-7.5px;
 width:calc(100% + 30px);
 height:1px;
 z-index:3
}
.single-roadmap-alt:after {
 position:absolute;
 content:'';
 font-weight:900;
 font-family:"Font Awesome";
 right:-32px;
 top:-9.5px;
 transform:translateX(-50%);
 width:19px;
 height:19px;
 border-radius:50%;
 background:transparent;
 font-size:10px;
 line-height:17px;
 text-align:center;
 color:#fff;
 border:1px solid transparent;
 background:#10122d;
 z-index:5
}
.single-roadmap-alt.sra-done:after {
 content:"\f00c";
 background:#49ea8d !important
}
.io-azure .single-roadmap-alt:after {
 background:#1b30a4
}
.section-pro .single-roadmap-alt:after {
 background:#fff
}
.section-pro-alt .single-roadmap-alt:after {
 background:#ebf3fc
}
.single-roadmap-alt.gradiant-ctob:before {
 background-image:linear-gradient(to right, #2b56f5 0%, #7a0fff 100%)
}
.single-roadmap-alt.gradiant-ctob:after {
 border-color:#7a0fff
}
.single-roadmap-alt.gradiant-ctob h5:before,.single-roadmap-alt.gradiant-ctob h6:before {
 background:#7a0fff
}
.single-roadmap-alt.gradiant-btoa:before {
 background-image:linear-gradient(to right, #7a0fff 0%, #46bdf4 100%)
}
.single-roadmap-alt.gradiant-btoa:after {
 border-color:#46bdf4
}
.single-roadmap-alt.gradiant-btoa h5:before,.single-roadmap-alt.gradiant-btoa h6:before {
 background:#46bdf4
}
.single-roadmap-alt.gradiant-atob:before {
 background-image:linear-gradient(to right, #46bdf4 0%, #7a0fff 100%)
}
.single-roadmap-alt.gradiant-atob:after {
 border-color:#7a0fff
}
.single-roadmap-alt.gradiant-atob h5:before,.single-roadmap-alt.gradiant-atob h6:before {
 background:#7a0fff
}
.single-roadmap-alt.gradiant-btoc:before {
 background-image:linear-gradient(to right, #7a0fff 0%, #2b56f5 100%)
}
.single-roadmap-alt.gradiant-btoc:after {
 border-color:#2b56f5
}
.single-roadmap-alt.gradiant-btoc h5:before,.single-roadmap-alt.gradiant-btoc h6:before {
 background:#2b56f5
}
.single-roadmap-alt.gradiant-ctoa:before {
 background-image:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
}
.single-roadmap-alt.gradiant-ctoa:after {
 border-color:#46bdf4
}
.single-roadmap-alt.gradiant-ctoa h5:before,.single-roadmap-alt.gradiant-ctoa h6:before {
 background:#46bdf4
}
.single-roadmap-alt.gradiant-atoc:before {
 background-image:linear-gradient(to right, #46bdf4 0%, #2b56f5 100%)
}
.single-roadmap-alt.gradiant-atoc:after {
 border-color:#2b56f5
}
.single-roadmap-alt.gradiant-atoc h5:before,.single-roadmap-alt.gradiant-atoc h6:before {
 background:#2b56f5
}
.single-roadmap-alt h5,.single-roadmap-alt h6 {
 font-size:1.2em;
 font-weight:300;
 color:rgba(255,255,255,0.5);
 margin-bottom:10px;
 position:relative
}
.single-roadmap-alt h5:before,.single-roadmap-alt h6:before {
 position:absolute;
 right:-14px;
 top:-51px;
 height:70px;
 width:1px;
 background:#7a0fff;
 content:""
}
@media only screen and (max-width: 767px) {
 .roadmap-list-alt .owl-prev {
  left:0
 }
 .roadmap-list-alt .owl-next {
  right:0
 }
 .single-roadmap-alt:after {
  right:calc(50% - 16px)
 }
 .single-roadmap-alt h5:before,.single-roadmap-alt h6:before {
  right:calc(50% + 2px);
  height:45px
 }
}
/*! 10.0 - TEAM SECTION */.io-azure .team-section {
 position:relative
}
.io-azure .team-section:before {
 content:"";
 background:url(../images/pattern-azure-dark.png) 50% 50% no-repeat;
 background-size:contain;
 height:100%;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 opacity:.5
}
.io-azure .team-section.bg-fixed:before {
 background-attachment:fixed;
 background-size:cover
}
.team-member {
 margin:50px 15px 50px 50px;
 padding:130px 20px 25px 25px;
 position:relative;
 max-width:190px;
 flex-grow:1
}
.section-bg .team-member {
 background:#0b0c22
}
.section-bg-alt .team-member {
 background:#10122d
}
.io-azure .team-member {
 background:#1b30a4
}
.team-member .team-photo {
 width:160px;
 position:absolute;
 top:-50px;
 left:-38px;
 transition:all .5s ease
}
.team-member .team-photo img {
 border-radius:0
}
.team-member .team-photo:before {
 position:absolute;
 bottom:0;
 right:0;
 height:100%;
 width:100%;
 content:"";
 background-image:linear-gradient(to top left, rgba(41,0,117,0.65) 0%, rgba(9,109,223,0.65) 100%);
 transition:all .5s ease
}
.team-member .team-photo:after {
 position:absolute;
 top:24px;
 right:-33px;
 content:"";
 height:3px;
 width:65px;
 background-image:-webkit- linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
 background-image:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
 transition:all .5s ease
}
.team-member .team-photo .expand-trigger {
 position:absolute;
 top:0;
 left:0;
 width:160px;
 height:178px
}
.team-member .team-photo:hover {
 top:-60px
}
.team-member .team-photo:hover:before {
 opacity:.5
}
.team-member .team-name {
 margin-bottom:6px
}
.team-member .team-title {
 color:#46bdf4;
 font-size:13px;
 display:block
}
.team-member .team-social {
 position:absolute;
 top:0;
 right:0;
 padding:15px 25px
}
.team-member .team-social li {
 line-height:34px
}
.team-member .team-social li a {
 color:#8255fd
}
.team-member .team-social li a:hover {
 color:#fff
}
.team-member .team-social li a .fa {
 font-size:16px
}
.theme-light .team-member .team-social li a:hover {
 color:#3c3c3c
}
.theme-light .section-bg .team-member {
 background:#fff
}
.theme-light .section-bg-alt .team-member {
 background:#eff6ff
}
.io-dark-light .section-light .team-member .team-social li a:hover,.io-dark-light .section-light-alt .team-member .team-social li a:hover {
 color:#3c3c3c
}
.io-dark-light .section-light.section-bg .team-member,.io-dark-light .section-light-alt.section-bg .team-member {
 background:#fff
}
.io-dark-light .section-light.section-bg-alt .team-member,.io-dark-light .section-light-alt.section-bg-alt .team-member {
 background:#eff6ff
}
.team-hex {
 margin-bottom:30px
}
.team-hex .team-photo {
 width:160px
}
.team-hex .team-info {
 padding-left:20px;
 margin-top:85px;
 position:relative
}
.team-hex .team-info:before {
 position:absolute;
 top:-17px;
 left:-35px;
 content:"";
 height:3px;
 width:130px;
 background-image:-webkit- linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
 background-image:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
}
.team-hex .team-name {
 font-weight:400;
 margin-bottom:0
}
.team-hex .team-title {
 color:#8255fd;
 font-size:13px;
 display:block;
 margin-bottom:12px
}
.team-hex .team-social li {
 display:inline-block;
 margin-right:14px
}
.team-hex .team-social li a {
 color:rgba(255,255,255,0.6)
}
.team-hex .team-social li a:hover {
 color:#fff
}
.team-hex .team-social li a .fa {
 font-size:16px
}
.team-circle {
 margin-bottom:50px
}
.team-circle .team-photo {
 position:relative;
 width:160px;
 margin:0 auto
}
.team-circle .team-photo img {
 border-radius:50%;
 width:160px;
 position:relative;
 z-index:2
}
.team-circle .team-photo .expand-trigger {
 position:absolute;
 top:-12px;
 left:-12px;
 height:calc(100% + 24px);
 width:calc(100% + 24px);
 z-index:3;
 border-radius:50%;
 color:#fff
}
.team-circle .team-photo:before {
 position:absolute;
 content:"";
 height:calc(100% + 24px);
 width:calc(100% + 24px);
 border-radius:50%;
 top:-12px;
 left:50%;
 transform:translateX(-50%) scale(0.6);
 z-index:1;
 opacity:0;
 transition:all .5s ease;
 background-image:linear-gradient(to top, #2b56f5 0%, #46bdf4 100%)
}
.team-circle .team-photo:hover .expand-trigger {
 opacity:1
}
.team-circle .team-photo:hover:before {
 opacity:1;
 transform:translateX(-50%) scale(1)
}
.team-circle .team-info {
 margin-top:25px
}
.team-circle .team-name {
 font-weight:400;
 margin-bottom:0
}
.team-circle .team-title {
 color:#8255fd;
 font-size:13px;
 display:block;
 margin-bottom:12px
}
.team-circle .team-social li {
 display:inline-block;
 margin:0 7px
}
.team-circle .team-social li a .fa {
 font-size:16px
}
.team-profile {
 max-width:970px;
 margin:30px auto;
 padding:50px 20px;
 background:#fff;
 position:relative;
 color:#3c3c3c
}
.team-profile .team-profile-photo img {
 width:100%
}
.team-profile .team-profile-info {
 padding:30px 0 20px 20px
}
.team-profile .team-profile-info .name {
 margin-bottom:5px;
 color:#3c3c3c
}
.team-profile .team-profile-info .sub-title {
 font-size:.875em;
 margin-bottom:5px
}
.team-profile .team-profile-info .tpi-social li {
 display:inline-block;
 margin-right:15px
}
.team-profile .team-profile-info .tpi-social li a {
 font-size:14px
}
.team-profile .team-profile-info p {
 margin-bottom:8px
}
.team-profile .team-profile-info p:last-of-type {
 margin-bottom:28px
}
.single-skill-bar {
 font-size:12px;
 text-transform:capitalize;
 padding-bottom:15px
}
.skill-bar {
 position:relative;
 width:100%;
 height:4px;
 background:#ccc;
 margin-top:5px
}
.skill-bar-percent {
 position:absolute;
 height:100%;
 top:0;
 left:0;
 background-image:linear-gradient(to right, #46bdf4 0%, #7a0fff 100%)
}
.bg-team-exp.mfp-bg {
 background-image:linear-gradient(to right, #46bdf4 0%, #7a0fff 100%)
}
/*! 11.0 - Partner Section */.partner-list {
 margin-bottom:-30px
}
.partner-list .single-partner {
 margin-bottom:30px
}
.partner-list-s2 {
 width:100%;
 margin-top:20px;
 padding-left:15px
}
.partner-list-s2 li {
 width:18%;
 text-transform:uppercase;
 line-height:1.4;
 font-size:12px;
 color:#7ab9ff;
 text-align:center
}
.partner-list-s2 li:first-child {
 width:10%;
 text-align:left
}
.partner-list-s2 li a {
 display:inline-block
}
.header-partners {
 position:absolute;
 width:100%;
 bottom:40px
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
 .header-partners {
  position:relative;
  width:100%;
  bottom:auto;
  margin-top:100px;
  margin-bottom:35px
 }
 .partner-list-s2 {
  padding-left:15px
 }
}
@media only screen and (max-width: 767px) {
 .header-partners {
  position:relative;
  width:100%;
  bottom:auto
 }
 .site-header .scroll-down {
  display:none
 }
 .partner-list-s2 {
  width:100%;
  margin-top:20px;
  padding-right:0;
  justify-content:center
 }
 .partner-list-s2 li {
  width:33.3%;
  flex-grow:0;
  margin-bottom:20px
 }
 .partner-list-s2 li:first-child {
  width:100%;
  text-align:center
 }
}
/*! 12.0 - FAQ SECTION */.accordion .card {
 background-color:#171a40;
 border:none;
 border-bottom:1px solid #10122d;
 border-radius:0
}
.accordion .card .card-header {
 position:relative;
 font-size:1em;
 padding:0;
 border-bottom:none;
 background:transparent
}
.accordion .card .card-header a {
 color:#fff;
 font-weight:500;
 padding:15px 30px;
 display:block;
 margin-top:0;
 cursor:pointer
}
.accordion .card .card-header a.collapsed {
 color:#fff;
 background-color:#10122d
}
.accordion .card .card-header a:hover {
 opacity:1
}
.accordion .card .card-body {
 padding:0 30px 15px 30px
}
.accordion .card:last-child {
 border-bottom:0 none
}
.accordion .card+.card {
 margin-top:0
}
.accordion .plus-minus {
 cursor:pointer;
 transition:opacity 350ms;
 display:block;
 position:absolute;
 right:20px;
 top:50%;
 height:18px;
 width:18px;
 margin-top:-9px;
 transition:all .5s ease
}
.accordion .plus-minus span.ti {
 position:relative;
 height:100%;
 display:block;
 font-size:18px
}
.accordion .plus-minus:hover {
 opacity:0.8
}
.accordion .collapsed .plus-minus {
 transform:rotate(180deg)
}
.theme-light .accordion .card .card-header a {
 color:#8284a5
}
.theme-light .accordion .card .card-header a.collapsed {
 color:#8284a5
}
.theme-light .accordion .card .card-body {
 color:#8284a5
}
.theme-light .section-bg .accordion .card {
 background-color:rgba(255,255,255,0.5);
 border-bottom:1px solid rgba(239,246,255,0.5)
}
.theme-light .section-bg .accordion .card .card-header a.collapsed {
 background-color:#fff
}
.theme-light .section-bg .accordion .card:last-child {
 border-bottom:none
}
.theme-light .section-bg-alt .accordion .card {
 background-color:rgba(239,246,255,0.5);
 border-bottom:1px solid rgba(255,255,255,0.5)
}
.theme-light .section-bg-alt .accordion .card .card-header a.collapsed {
 background-color:#eff6ff
}
.theme-light .section-bg-alt .accordion .card:last-child {
 border-bottom:none
}
.io-dark-light .section-light .accordion .card .card-header a,.io-dark-light .section-light-alt .accordion .card .card-header a {
 color:#8284a5
}
.io-dark-light .section-light .accordion .card .card-header a.collapsed,.io-dark-light .section-light-alt .accordion .card .card-header a.collapsed {
 color:#8284a5
}
.io-dark-light .section-light .accordion .card .card-body,.io-dark-light .section-light-alt .accordion .card .card-body {
 color:#8284a5
}
.io-dark-light .section-light.section-bg .accordion .card,.io-dark-light .section-light-alt.section-bg .accordion .card {
 background-color:rgba(255,255,255,0.5);
 border-bottom:1px solid rgba(239,246,255,0.5)
}
.io-dark-light .section-light.section-bg .accordion .card .card-header a.collapsed,.io-dark-light .section-light-alt.section-bg .accordion .card .card-header a.collapsed {
 background-color:#fff
}
.io-dark-light .section-light.section-bg .accordion .card:last-child,.io-dark-light .section-light-alt.section-bg .accordion .card:last-child {
 border-bottom:none
}
.io-dark-light .section-light.section-bg-alt .accordion .card,.io-dark-light .section-light-alt.section-bg-alt .accordion .card {
 background-color:rgba(239,246,255,0.5);
 border-bottom:1px solid rgba(255,255,255,0.5)
}
.io-dark-light .section-light.section-bg-alt .accordion .card .card-header a.collapsed,.io-dark-light .section-light-alt.section-bg-alt .accordion .card .card-header a.collapsed {
 background-color:#eff6ff
}
.io-dark-light .section-light.section-bg-alt .accordion .card:last-child,.io-dark-light .section-light-alt.section-bg-alt .accordion .card:last-child {
 border-bottom:none
}
.panel-group:last-child {
 margin-bottom:0
}
.single-faq {
 margin:30px 0 25px
}
.single-faq h5 {
 font-size:1.1em;
 font-weight:500;
 margin-bottom:13px
}
.single-faq p {
 color:#a2b4d2
}
.io-azure .single-faq p {
 color:#7ab9ff
}
.io-azure .section-pro .single-faq h5,.io-azure .section-pro-alt .single-faq h5 {
 color:#313c56
}
.io-azure .section-pro .single-faq p,.io-azure .section-pro-alt .single-faq p {
 color:#637097
}
/*! 13.0 - CONTACT SECTION */.contact-section {
 overflow:hidden
}
.contact-info {
 margin:0 -30px;
 padding-bottom:60px;
 display:flex
}
.contact-info li {
 margin:0 30px
}
.contact-info li .fa {
 font-size:20px;
 line-height:38px;
 width:38px;
 text-align:center;
 color:#fff;
 background-image:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
 border-radius:50%;
 margin-right:15px
}
.contact-info-alt {
 margin-top:20px
}
.contact-info-alt li {
 margin:18px 0
}
.contact-info-alt li .fa {
 position:relative;
 font-size:16px;
 line-height:38px;
 width:38px;
 text-align:center;
 color:#fff;
 border-radius:50%;
 margin-right:15px;
 background-image:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
 z-index:1
}
.contact-info-alt li .fa:after {
 position:absolute;
 content:"";
 top:2px;
 left:2px;
 width:34px;
 height:34px;
 border-radius:50%;
 background:#0d42b2;
 z-index:0
}
.contact-info-alt li .fa:before {
 position:relative;
 z-index:3
}
.section-pro .contact-info-alt li .fa {
 color:#46bdf4
}
.section-pro .contact-info-alt li .fa:after {
 background:#fff
}
.section-pro-alt .contact-info-alt li .fa {
 color:#46bdf4
}
.section-pro-alt .contact-info-alt li .fa:after {
 background:#ebf3fc
}
@media only screen and (max-width: 1199px) {
 .contact-info {
  display:block
 }
 .contact-info li {
  float:left;
  width:33%;
  text-align:center;
  margin:0 0 20px
 }
 .contact-info li span {
  display:block
 }
 .contact-info li .fa {
  font-size:16px;
  margin-bottom:15px
 }
}
@media only screen and (max-width: 767px) {
 .contact-info {
  padding-bottom:15px
 }
 .contact-info li {
  float:none;
  width:100%
 }
}
.form-message .input-field {
 margin-bottom:20px;
 position:relative
}
.form-message .input-field .btn {
 margin-top:10px
}
.form-message .input-field label.input-title {
 position:absolute;
 width:100%;
 top:18px;
 left:0;
 color:#8284a5;
 z-index:1;
 transition:all .5s ease
}
.form-message .input-field .input-line {
 position:relative;
 line-height:46px;
 z-index:2;
 background:transparent;
 border:none;
 width:100%;
 text-align:center;
 color:#fff;
 border-bottom:1px solid #46bdf4;
 margin-top:8px;
 outline:none
}
.form-message .input-field .input-line.error {
 border-bottom-color:#d2636d
}
.form-message .input-field .txtarea {
 height:105px;
 resize:none;
 outline:none;
 line-height:21px;
 padding-top:14px
}
.form-message .input-field .txtarea+.input-title {
 top:75px
}
.form-message .input-field .txtarea+label+.input-title {
 top:75px
}
.form-message .input-field.input-focused .input-title {
 top:-7px;
 transform:scale(0.8)
}
.form-message .input-field.input-focused .txtarea+label+.input-title {
 top:-7px;
 transform:scale(0.8)
}
.form-message .input-field label.error {
 display:none !important
}
.form-message.text-left .input-field .input-line {
 text-align:left
}
.form-message.text-left label.input-title {
 transform-origin:left
}
.io-azure .form-message .input-field label.input-title {
 color:#7ab9ff
}
.io-azure .section-pro .form-message .input-field .input-line,.io-azure .section-pro-alt .form-message .input-field .input-line {
 color:#313c56
}
.theme-light .form-message .input-field label.input-title,.io-dark-light .section-light .form-message .input-field label.input-title,.io-dark-light .section-light-alt .form-message .input-field label.input-title {
 color:#8284a5
}
.theme-light .form-message .input-field .input-line,.io-dark-light .section-light .form-message .input-field .input-line,.io-dark-light .section-light-alt .form-message .input-field .input-line {
 color:#3c3c3c
}
/*! 14.0 - FOOTER SECTION */.inline-form {
 position:relative;
 margin:0 40px
}
.inline-form .input-round {
 color:#fff;
 background:#0b0c22;
 border:1px solid #0b0c22;
 border-radius:27px;
 line-height:52px;
 width:100%;
 padding-left:30px;
 outline:none;
 transition:all .5s ease
}
.inline-form .input-round.error {
 border-color:#d2636d
}
.inline-form .btn {
 position:absolute;
 top:5px;
 right:5px
}
.inline-form label.error {
 display:none !important
}
.subscribe-results {
 position:absolute;
 left:0;
 width:100%;
 top:calc(100% + 15px)
}
.theme-light .section-bg .inline-form .input-round {
 color:#3c3c3c;
 background:#fff;
 border-color:#fff
}
.theme-light .section-bg-alt .inline-form .input-round {
 color:#3c3c3c;
 background:#eff6ff;
 border-color:#eff6ff
}
.io-dark-light .section-light.section-bg .inline-form .input-round,.io-dark-light .section-light-alt.section-bg .inline-form .input-round {
 color:#3c3c3c;
 background:#fff;
 border-color:#fff
}
.io-dark-light .section-light.section-bg-alt .inline-form .input-round,.io-dark-light .section-light-alt.section-bg-alt .inline-form .input-round {
 color:#3c3c3c;
 background:#eff6ff;
 border-color:#eff6ff
}
@media only screen and (max-width: 1199px) {
 .inline-form {
  margin:0
 }
 .inline-form .input-round {
  text-align:center
 }
 .inline-form .btn {
  position:relative;
  top:5px;
  right:0;
  margin-top:20px
 }
}
.social li {
 display:inline-block;
 margin:0 4px
}
.social li a {
 color:#3c3c3c;
 background:#fff;
 display:inline-block;
 height:30px;
 width:30px;
 font-size:16px;
 text-align:center;
 border-radius:50%;
 line-height:30px
}
.social li a:hover {
 background:#7a0fff;
 color:#fff
}
@media only screen and (max-width: 320px) {
 .social {
  margin:15px 0 0
 }
}
.subscribe-section {
 background:url(../images/footer-bg.png) no-repeat 50% 0%/contain,#10122d
}
.theme-light .subscribe-section,.io-dark-light .section-light .subscribe-section,.io-dark-light .section-light-alt .subscribe-section {
 background:url(../images/footer-bg.png) no-repeat 50% 0%/contain,#eff6ff
}
.copyright-text {
 font-size:13px;
 display:block;
 margin-top:40px
}
.copyright-text span {
 display:block;
 color:#8284a5
}
.io-azure .copyright-text {
 color:#7ab9ff
}
.io-azure .copyright-text a {
 color:#7ab9ff
}
.io-azure .copyright-text a:hover {
 color:#46bdf4
}
.io-azure .copyright-text span {
 color:rgba(122,185,255,0.5)
}
.footer-particle {
 border-top:1px solid rgba(22,164,253,0.15);
 background:#15257b url(../images/footer-bg-azure.png) no-repeat 50% 0/contain !important
}
.footer-brand {
 display:inline-block;
 margin-bottom:25px
}
.footer-subscription {
 position:relative;
 margin-right:90px;
 margin-left:-30px
}
.footer-subscription .subscription-form {
 position:relative
}
.footer-subscription .input-round {
 color:#fff;
 background:#0d44b7;
 border:1px solid #0d44b7;
 border-radius:5px;
 line-height:52px;
 width:100%;
 padding-left:15px;
 outline:none;
 transition:all .5s ease
}
.footer-subscription .input-round.error {
 border-color:#d2636d
}
.footer-subscription .btn.btn-plane {
 position:absolute;
 top:5px;
 right:-50px;
 padding:0 10px;
 min-width:110px;
 background:#16a4fd;
 border-radius:23px
}
.footer-subscription .btn.btn-plane:before {
 border-radius:23px
}
.footer-subscription label.error {
 display:none !important
}
.subscription-form input::-moz-placeholder {
 opacity:0.6;
 color:#fff
}
.theme-light .subscription-form input::-moz-placeholder,.io-dark-light .section-light .subscription-form input::-moz-placeholder,.io-dark-light .section-light-alt .subscription-form input::-moz-placeholder {
 color:#373e45
}
.subscription-form input:-ms-input-placeholder {
 opacity:0.6;
 color:#fff
}
.theme-light .subscription-form input:-ms-input-placeholder,.io-dark-light .section-light .subscription-form input:-ms-input-placeholder,.io-dark-light .section-light-alt .subscription-form input:-ms-input-placeholder {
 color:#373e45
}
.subscription-form input::-webkit-input-placeholder {
 opacity:0.6;
 color:#fff
}
.theme-light .subscription-form input::-webkit-input-placeholder,.io-dark-light .section-light .subscription-form input::-webkit-input-placeholder,.io-dark-light .section-light-alt .subscription-form input::-webkit-input-placeholder {
 color:#373e45
}
@media only screen and (max-width: 767px) {
 .footer-subscription {
  margin-left:0;
  margin-right:0
 }
 .footer-subscription .btn.btn-plane {
  top:0;
  right:auto;
  margin-top:20px;
  position:relative
 }
}
.link-widget li {
 display:inline-block;
 width:32%
}
.link-widget li a {
 font-size:.9em;
 line-height:2.5;
 color:#7ab9ff
}
.link-widget li a:hover {
 color:#fff
}
.footer-links {
 margin:40px -10px 0
}
.footer-links li {
 display:inline-block;
 margin:0 10px
}
.footer-links li a {
 font-size:.8em;
 line-height:2.5;
 color:#7ab9ff
}
.footer-links li a:hover {
 color:#fff
}
/*! 15.0 - ANIMATION CSS */.animated {
 animation-duration:.6s;
 z-index:9
}
@-webkit-keyframes fadeIn {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}
@keyframes fadeIn {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}
.fadeIn {
 -webkit-animation-name:fadeIn;
 animation-name:fadeIn
}
@-webkit-keyframes fadeInUp {
 from {
  opacity:0;
  -webkit-transform:translate3d(0, 40px, 0);
  transform:translate3d(0, 40px, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
@keyframes fadeInUp {
 from {
  opacity:0;
  -webkit-transform:translate3d(0, 40px, 0);
  transform:translate3d(0, 40px, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
.fadeInUp {
 -webkit-animation-name:fadeInUp;
 animation-name:fadeInUp
}
@-webkit-keyframes fadeInUp10 {
 from {
  opacity:0;
  -webkit-transform:translate3d(0, 10px, 0);
  transform:translate3d(0, 10px, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
@keyframes fadeInUp10 {
 from {
  opacity:0;
  -webkit-transform:translate3d(0, 10px, 0);
  transform:translate3d(0, 10px, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
.fadeInUp10 {
 -webkit-animation-name:fadeInUp;
 animation-name:fadeInUp
}
@-webkit-keyframes fadeInUp20 {
 from {
  opacity:0;
  -webkit-transform:translate3d(0, 20px, 0);
  transform:translate3d(0, 20px, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
@keyframes fadeInUp20 {
 from {
  opacity:0;
  -webkit-transform:translate3d(0, 20px, 0);
  transform:translate3d(0, 20px, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
.fadeInUp20 {
 -webkit-animation-name:fadeInUp;
 animation-name:fadeInUp
}
@-webkit-keyframes fadeInUp30 {
 from {
  opacity:0;
  -webkit-transform:translate3d(0, 30px, 0);
  transform:translate3d(0, 30px, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
@keyframes fadeInUp30 {
 from {
  opacity:0;
  -webkit-transform:translate3d(0, 30px, 0);
  transform:translate3d(0, 30px, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
.fadeInUp30 {
 -webkit-animation-name:fadeInUp;
 animation-name:fadeInUp
}
@-webkit-keyframes fadeInUp40 {
 from {
  opacity:0;
  -webkit-transform:translate3d(0, 40px, 0);
  transform:translate3d(0, 40px, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
@keyframes fadeInUp40 {
 from {
  opacity:0;
  -webkit-transform:translate3d(0, 40px, 0);
  transform:translate3d(0, 40px, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
.fadeInUp40 {
 -webkit-animation-name:fadeInUp;
 animation-name:fadeInUp
}
@-webkit-keyframes fadeInUp50 {
 from {
  opacity:0;
  -webkit-transform:translate3d(0, 50px, 0);
  transform:translate3d(0, 50px, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
@keyframes fadeInUp50 {
 from {
  opacity:0;
  -webkit-transform:translate3d(0, 50px, 0);
  transform:translate3d(0, 50px, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
.fadeInUp50 {
 -webkit-animation-name:fadeInUp;
 animation-name:fadeInUp
}
@-webkit-keyframes fadeInUp60 {
 from {
  opacity:0;
  -webkit-transform:translate3d(0, 60px, 0);
  transform:translate3d(0, 60px, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
@keyframes fadeInUp60 {
 from {
  opacity:0;
  -webkit-transform:translate3d(0, 60px, 0);
  transform:translate3d(0, 60px, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
.fadeInUp60 {
 -webkit-animation-name:fadeInUp;
 animation-name:fadeInUp
}
@-webkit-keyframes fadeInRight {
 from {
  opacity:0;
  -webkit-transform:translate3d(40px, 0, 0);
  transform:translate3d(40px, 0, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
@keyframes fadeInRight {
 from {
  opacity:0;
  -webkit-transform:translate3d(40px, 0, 0);
  transform:translate3d(40px, 0, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
.fadeInRight {
 -webkit-animation-name:fadeInRight;
 animation-name:fadeInRight
}
@-webkit-keyframes fadeInRight10 {
 from {
  opacity:0;
  -webkit-transform:translate3d(10px, 0, 0);
  transform:translate3d(10px, 0, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
@keyframes fadeInRight10 {
 from {
  opacity:0;
  -webkit-transform:translate3d(10px, 0, 0);
  transform:translate3d(10px, 0, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
.fadeInRight10 {
 -webkit-animation-name:fadeInRight;
 animation-name:fadeInRight
}
@-webkit-keyframes fadeInRight20 {
 from {
  opacity:0;
  -webkit-transform:translate3d(20px, 0, 0);
  transform:translate3d(20px, 0, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
@keyframes fadeInRight20 {
 from {
  opacity:0;
  -webkit-transform:translate3d(20px, 0, 0);
  transform:translate3d(20px, 0, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
.fadeInRight20 {
 -webkit-animation-name:fadeInRight;
 animation-name:fadeInRight
}
@-webkit-keyframes fadeInRight30 {
 from {
  opacity:0;
  -webkit-transform:translate3d(30px, 0, 0);
  transform:translate3d(30px, 0, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
@keyframes fadeInRight30 {
 from {
  opacity:0;
  -webkit-transform:translate3d(30px, 0, 0);
  transform:translate3d(30px, 0, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
.fadeInRight30 {
 -webkit-animation-name:fadeInRight;
 animation-name:fadeInRight
}
@-webkit-keyframes fadeInRight40 {
 from {
  opacity:0;
  -webkit-transform:translate3d(40px, 0, 0);
  transform:translate3d(40px, 0, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
@keyframes fadeInRight40 {
 from {
  opacity:0;
  -webkit-transform:translate3d(40px, 0, 0);
  transform:translate3d(40px, 0, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
.fadeInRight40 {
 -webkit-animation-name:fadeInRight;
 animation-name:fadeInRight
}
@-webkit-keyframes fadeInRight50 {
 from {
  opacity:0;
  -webkit-transform:translate3d(50px, 0, 0);
  transform:translate3d(50px, 0, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
@keyframes fadeInRight50 {
 from {
  opacity:0;
  -webkit-transform:translate3d(50px, 0, 0);
  transform:translate3d(50px, 0, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
.fadeInRight50 {
 -webkit-animation-name:fadeInRight;
 animation-name:fadeInRight
}
@-webkit-keyframes fadeInRight60 {
 from {
  opacity:0;
  -webkit-transform:translate3d(60px, 0, 0);
  transform:translate3d(60px, 0, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
@keyframes fadeInRight60 {
 from {
  opacity:0;
  -webkit-transform:translate3d(60px, 0, 0);
  transform:translate3d(60px, 0, 0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
.fadeInRight60 {
 -webkit-animation-name:fadeInRight;
 animation-name:fadeInRight
}
#loader {
 display:block;
 position:relative;
 left:50%;
 top:50%;
 width:70px;
 height:70px;
 margin:-35px 0 0 -35px;
 border-radius:50%;
 border:2px solid transparent;
 border-top-color:#FBBD18;
 -webkit-animation:spin 2s linear infinite;
 animation:spin 2s linear infinite;
 z-index:1001
}
#loader:before {
 content:"";
 position:absolute;
 top:5px;
 left:5px;
 right:5px;
 bottom:5px;
 border-radius:50%;
 border:3px solid transparent;
 border-top-color:#FBBD18;
 -webkit-animation:spin 3s linear infinite;
 animation:spin 3s linear infinite
}
#loader:after {
 content:"";
 position:absolute;
 top:15px;
 left:15px;
 right:15px;
 bottom:15px;
 border-radius:50%;
 border:3px solid transparent;
 border-top-color:#FBBD18;
 -webkit-animation:spin 1.5s linear infinite;
 animation:spin 1.5s linear infinite
}
.loader-section {
 position:fixed;
 height:51%;
 width:100%;
 left:0;
 transition:all .7s ease;
 background:#030307
}
.theme-light .loader-section,.loader-section.loader-light {
 background:#eaf3ff
}
.io-azure .loader-section {
 background:#0d40ad
}
.loader-top {
 top:0
}
.loaded .loader-top {
 transform:translate(0, -100%)
}
.loader-bottom {
 bottom:0
}
.loaded .loader-bottom {
 transform:translate(0, 100%)
}
@keyframes spin {
 0% {
  -webkit-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 100% {
  -webkit-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
 .section:not(.team-section) img,.section:not(.blog-section) img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  max-width:360px
 }
 .comment-photo img {
  max-width:60px !important
 }
 .banner {
  min-height:500px
 }
 .blog-item {
  max-width:360px;
  margin-left:auto;
  margin-right:auto
 }
 .header-image {
  width:400px;
  margin:0 auto
 }
 .header-image .left-icon {
  margin-left:-3px
 }
 .header-image .right-icon {
  margin-right:-7px
 }
 .header-image-alt {
  min-width:400px;
  max-width:400px;
  margin:0 auto
 }
 .header-image-element {
  width:25px
 }
 .header-image-element-1 {
  left:30%;
  bottom:21%
 }
 .header-image-element-2 {
  left:37%;
  bottom:30%
 }
}
.has-maskbg {
 position:relative
}
.mask-ov,[class*=mask-ov] {
 position:absolute;
 left:0;
 top:0;
 width:400px;
 height:600px;
 z-index:1;
 overflow:hidden
}
.mask-ov:after,[class*=mask-ov]:after {
 position:absolute;
 right:30%;
 top:25%;
 content:"";
 display:block;
 background-image:linear-gradient(135deg, rgba(13,66,178,0) 15%, #1c62d8 50%, rgba(13,66,178,0) 80%);
 border-radius:50%;
 height:400px;
 width:400px;
 -webkit-filter:blur(80px);
 filter:blur(80px);
 z-index:1
}
.mask-ov:before,[class*=mask-ov]:before {
 display:none;
 content:"";
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 top:0;
 background-repeat:no-repeat;
 background-size:contain;
 background-position:0 50%;
 z-index:3
}
.section-pro .mask-ov:after,.section-pro-alt .mask-ov:after,.section-pro [class*=mask-ov]:after,.section-pro-alt [class*=mask-ov]:after {
 display:none
}
.mask-ov-right {
 left:auto;
 right:0
}
.mask-ov-right:after {
 right:auto;
 left:30%
}
.mask-ov-right:before {
 background-position:100% 50%
}
.mask-ov-s2 {
 width:420px;
 height:900px;
 transform:translateY(-30%)
}
.mask-ov-s2:after {
 background-image:linear-gradient(135deg, rgba(13,66,178,0) 15%, #28298a 50%, rgba(13,66,178,0) 80%)
}
.mask-ov-s2:before {
 display:block;
 background-image:url(../images/mask-line-a.png)
}
.mask-ov-s2.mask-ov-left:before {
 transform:rotate(-180deg)
}
.mask-ov-s3 {
 width:600px;
 height:1400px;
 transform:translateY(0)
}
.mask-ov-s3:after {
 height:650px;
 width:400px;
 right:45%;
 background-image:linear-gradient(135deg, rgba(13,66,178,0) 15%, #102486 50%, rgba(13,66,178,0) 80%)
}
.mask-ov-s3:before {
 display:block;
 background-image:url(../images/mask-line-b.png)
}
.mask-ov-s3.mask-ov-right:before {
 transform:rotate(180deg)
}
.mask-ov-s4 {
 width:420px;
 height:820px;
 transform:translateY(-20%)
}
.mask-ov-s4:after {
 height:510px;
 background-image:linear-gradient(135deg, rgba(13,66,178,0) 15%, #1d5ecf 50%, rgba(13,66,178,0) 80%)
}
.mask-ov-s5 {
 width:440px;
 height:1000px;
 transform:translateY(12%)
}
.mask-ov-s5:after {
 height:600px;
 width:350px;
 right:45%;
 background-image:linear-gradient(135deg, rgba(13,66,178,0) 15%, #1b5ed1 50%, rgba(13,66,178,0) 80%)
}
.mask-ov-s5:before {
 display:block;
 background-image:url(../images/mask-line-c.png)
}
.mask-ov-s5.mask-ov-right:before {
 transform:rotate(180deg)
}
.mask-ov-s6 {
 width:440px;
 height:1000px;
 transform:translateY(15%)
}
.mask-ov-s6:after {
 height:410px;
 width:500px;
 left:30%;
 background-image:linear-gradient(135deg, rgba(13,66,178,0) 15%, #142692 50%, rgba(13,66,178,0) 80%)
}
.mask-ov-s6:before {
 display:block;
 background-image:url(../images/mask-line-d.png)
}
.mask-ov-s6.mask-ov-left:before {
 transform:rotate(180deg)
}
.mask-ov-s7 {
 width:870px;
 height:800px;
 bottom:-20%;
 left:50%;
 margin-left:-150px;
 top:auto;
 transform:translateY(0)
}
.mask-ov-s7:after {
 height:710px;
 width:600px;
 right:0;
 top:15%;
 transform:translateX(-25%);
 background-image:linear-gradient(135deg, rgba(13,66,178,0) 15%, #3762d3 50%, rgba(13,66,178,0) 80%)
}
.mask-ov-s7.mask-ov-left:before {
 transform:rotate(180deg)
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
 .mask-ov:before,[class*=mask-ov]:before {
  background-size:50%
 }
}
@media only screen and (max-width: 767px) {
 .mask-ov,[class*=mask-ov] {
  transform:scale(0.5);
  transform-origin:right
 }
 .mask-ov-left {
  transform-origin:left
 }
}
/*! 16.0 - BLOG SECTION/PAGES */.blog-section .section-head,.blog-section .section-head-s2 {
 padding-bottom:30px
}
.blog-item {
 margin-bottom:50px
}
.blog-photo a {
 display:block;
 position:relative
}
.blog-photo a:after {
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 content:'';
 background:linear-gradient(to right, #46bdf4 0%, #7a0fff 100%);
 opacity:.2;
 transition:all .5s ease
}
.blog-photo a:hover:after {
 opacity:.5
}
.blog-photo img {
 border-radius:0;
 min-width:100%
}
.blog-texts {
 padding:24px 30px;
 background:#0e102f
}
.blog-texts p {
 color:#8284a5
}
.blog-meta {
 margin:0 -10px
}
.blog-meta li {
 display:inline-block;
 margin:0 10px;
 font-size:.85em;
 text-transform:uppercase;
 position:relative;
 color:#7a0fff
}
.blog-meta li span {
 color:#46bdf4;
 display:inline-block;
 margin-right:4px
}
.blog-meta li:after {
 position:absolute;
 bottom:6px;
 right:-13px;
 height:10px;
 width:1px;
 content:'';
 background:#4b00a8
}
.blog-meta li:last-child:after {
 display:none
}
.blog-meta li a {
 margin-bottom:4px;
 color:#7a0fff
}
.blog-meta li a:hover {
 color:#46bdf4
}
.blog-title {
 margin-top:0
}
.blog-titleh5 {
 font-size:1.2em;
 line-height:1.67;
 margin-bottom:12px
}
.blog-titleh3 {
 font-size:2em;
 line-height:1.67;
 margin-bottom:12px
}
.blog-title a {
 color:#fff
}
.blog-title a:hover {
 color:#46bdf4
}
.blog-tags {
 margin:40px -5px 0
}
.blog-tags li {
 display:inline-block;
 margin:5px
}
.blog-tags li a {
 display:inline-block;
 line-height:30px;
 padding:0 15px;
 border:1px solid rgba(70,189,244,0.2);
 border-radius:2px;
 color:#fff;
 font-size:.85em
}
.blog-tags li a:hover {
 color:#46bdf4
}
.blog-content p {
 color:#8284a5
}
.blog-content .blog-meta {
 padding:20px 0 15px
}
.theme-light .blog-texts,.io-dark-light .section-light .blog-texts,.io-dark-light .section-light-alt .blog-texts {
 background:#eff6ff
}
.theme-light .blog-texts p,.io-dark-light .section-light .blog-texts p,.io-dark-light .section-light-alt .blog-texts p {
 color:#28384c
}
.theme-light .blog-title a,.io-dark-light .section-light .blog-title a,.io-dark-light .section-light-alt .blog-title a {
 color:#28384c
}
.theme-light .blog-title a:hover,.io-dark-light .section-light .blog-title a:hover,.io-dark-light .section-light-alt .blog-title a:hover {
 color:#46bdf4
}
.theme-light .blog-tags li a,.io-dark-light .section-light .blog-tags li a,.io-dark-light .section-light-alt .blog-tags li a {
 border-color:rgba(70,189,244,0.5);
 color:#28384c
}
.theme-light .blog-tags li a:hover,.io-dark-light .section-light .blog-tags li a:hover,.io-dark-light .section-light-alt .blog-tags li a:hover {
 color:#46bdf4
}
.io-azure .blog-texts {
 background:#0e46bc
}
.io-azure .blog-texts p {
 color:#7ab9ff
}
.io-azure .blog-content p {
 color:#7ab9ff
}
.io-azure .blog-title a:hover {
 color:#46bdf4
}
.io-azure .blog-meta li {
 color:#46bdf4
}
.io-azure .blog-meta li span {
 color:#46bdf4
}
.io-azure .blog-meta li:after {
 background:#0c8dc8
}
.io-azure .blog-meta li a {
 color:#46bdf4
}
.io-azure .blog-meta li a:hover {
 color:#fff
}
.io-azure .section-pro .blog-texts {
 background:#eff6ff
}
.io-azure .section-pro .blog-texts p {
 color:#28384c
}
.io-azure .section-pro .blog-content p {
 color:#8284a5
}
.io-azure .section-pro .blog-title a {
 color:#28384c
}
.io-azure .section-pro .blog-title a:hover {
 color:#46bdf4
}
.io-azure .section-pro .blog-tags li a {
 border-color:#eff6ff;
 color:#28384c
}
.io-azure .section-pro .blog-tags li a:hover {
 color:#46bdf4
}
.io-azure .section-pro .blog-meta li {
 color:#7a0fff
}
.io-azure .section-pro .blog-meta li span {
 color:#9c9c9c
}
.io-azure .section-pro .blog-meta li:after {
 background:#4b00a8
}
.io-azure .section-pro .blog-meta li a {
 color:#7a0fff
}
.io-azure .section-pro .blog-meta li a:hover {
 color:#46bdf4
}
.comment-section {
 padding-top:50px
}
.comment-section h5 {
 margin-bottom:24px
}
.comment-list {
 padding-bottom:1px
}
.comment-item {
 margin-bottom:30px;
 background:#08091b
}
.comment-item>div {
 padding:30px 40px 20px 30px;
 border-bottom:1px solid #0b0c22
}
.comment-item>.comment-item {
 padding:0;
 padding-left:50px
}
.comment-photo {
 width:60px;
 flex-shrink:0
}
.comment-photo img {
 border-radius:0
}
.comment-photo img.circle {
 border-radius:50%
}
.comment-content {
 position:relative;
 padding-left:15px
}
.comment-content h6 {
 margin-top:4px;
 margin-bottom:6px
}
.comment-content p:last-of-type {
 margin-bottom:5px
}
.comment-time {
 font-size:.8em;
 text-transform:uppercase;
 color:#46bdf4;
 margin-bottom:8px
}
.comment-reply {
 color:#fff;
 font-size:.8em;
 top:0;
 right:0
}
.comment-reply .fa {
 color:#46bdf4;
 margin-right:6px
}
.theme-light .comment-item,.io-dark-light .section-light .comment-item,.io-dark-light .section-light-alt .comment-item {
 background:#eff6ff
}
.theme-light .comment-item>div,.io-dark-light .section-light .comment-item>div,.io-dark-light .section-light-alt .comment-item>div {
 border-bottom-color:#e5f0ff
}
.theme-light .comment-reply,.io-dark-light .section-light .comment-reply,.io-dark-light .section-light-alt .comment-reply {
 color:#28384c
}
.theme-light .comment-reply .fa,.io-dark-light .section-light .comment-reply .fa,.io-dark-light .section-light-alt .comment-reply .fa {
 color:#46bdf4
}
.theme-light .comment-reply:hover,.io-dark-light .section-light .comment-reply:hover,.io-dark-light .section-light-alt .comment-reply:hover {
 color:#46bdf4
}
.io-azure .comment-item {
 background:#0d42b2
}
.io-azure .comment-item>div {
 border-bottom-color:#1b30a4
}
.io-azure .comment-content p {
 color:#7ab9ff
}
.io-azure .section-pro .comment-item {
 background:#eff6ff
}
.io-azure .section-pro .comment-item>div {
 border-bottom-color:#e5f0ff
}
.io-azure .section-pro .comment-reply {
 color:#28384c
}
.io-azure .section-pro .comment-reply .fa {
 color:#46bdf4
}
.io-azure .section-pro .comment-reply:hover {
 color:#46bdf4
}
@media only screen and (max-width: 480px) {
 .comment-item>div {
  display:block !important;
  padding:20px 30px 10px 20px
 }
 .comment-item>.comment-item {
  padding-left:0
 }
 .comment-content {
  padding-left:0;
  padding-top:15px
 }
 .comment-photo {
  width:80px
 }
}
.page-pagination {
 margin-top:50px
}
.page-pagination li {
 display:inline-block
}
.page-pagination li a {
 font-size:.9em;
 display:inline-block;
 width:55px;
 line-height:50px;
 color:rgba(70,189,244,0.5);
 background:#0e102f
}
.page-pagination li a:hover {
 color:#fff;
 background:rgba(122,15,255,0.4)
}
.page-pagination li.active a {
 color:#fff;
 background:rgba(122,15,255,0.4)
}
.theme-light .page-pagination li a,.io-dark-light .section-light .page-pagination li a,.io-dark-light .section-light-alt .page-pagination li a {
 color:#46bdf4;
 background:#eff6ff
}
.theme-light .page-pagination li a:hover,.io-dark-light .section-light .page-pagination li a:hover,.io-dark-light .section-light-alt .page-pagination li a:hover {
 color:#fff;
 background:rgba(122,15,255,0.4)
}
.theme-light .page-pagination li.active a,.io-dark-light .section-light .page-pagination li.active a,.io-dark-light .section-light-alt .page-pagination li.active a {
 color:#fff;
 background:rgba(122,15,255,0.4)
}
.io-azure .page-pagination li a {
 color:#46bdf4;
 background:#0d42b2
}
.io-azure .page-pagination li a:hover {
 color:#fff;
 background:rgba(122,15,255,0.4)
}
.io-azure .page-pagination li.active a {
 color:#fff;
 background:rgba(122,15,255,0.4)
}
.io-azure .section-pro .page-pagination li a {
 color:#46bdf4;
 background:#e5f0ff
}
.io-azure .section-pro .page-pagination li a:hover {
 color:#fff;
 background:rgba(122,15,255,0.6)
}
.io-azure .section-pro .page-pagination li.active a {
 color:#fff;
 background:rgba(122,15,255,0.6)
}
@media only screen and (max-width: 767px) {
 .page-pagination li a {
  width:40px;
  line-height:35px
 }
}
.sidebar-section {
 margin-left:35px
}
.sidebar-widget {
 margin-bottom:50px
}
.sidebar-widget-title {
 text-transform:uppercase;
 margin-bottom:20px
}
.sidebar-widget.category ul {
 margin:-7px 0
}
.sidebar-widget.category ul li {
 position:relative;
 display:block;
 font-size:1em;
 line-height:2.4;
 padding-left:22px
}
.sidebar-widget.category ul li:before {
 position:absolute;
 top:50%;
 left:0;
 margin-top:-1px;
 content:'';
 height:2px;
 width:10px;
 background:#46bdf4
}
.sidebar-widget.category ul li a {
 color:#fff
}
.sidebar-widget.category ul li a:hover {
 color:#46bdf4
}
.sidebar-widget.category ul li.active a {
 color:#46bdf4
}
.sidebar-widget.tags ul {
 margin:-5px
}
.sidebar-widget.tags ul li {
 display:inline-block;
 margin:5px
}
.sidebar-widget.tags ul li a {
 display:inline-block;
 line-height:30px;
 padding:0 15px;
 border:1px solid rgba(70,189,244,0.2);
 border-radius:2px;
 color:#fff;
 font-size:.85em
}
.sidebar-widget.tags ul li a:hover {
 color:#46bdf4
}
.theme-light .sidebar-widget.category ul li a,.io-dark-light .section-light .sidebar-widget.category ul li a,.io-dark-light .section-light-alt .sidebar-widget.category ul li a {
 color:#28384c
}
.theme-light .sidebar-widget.category ul li a:hover,.io-dark-light .section-light .sidebar-widget.category ul li a:hover,.io-dark-light .section-light-alt .sidebar-widget.category ul li a:hover {
 color:#46bdf4
}
.theme-light .sidebar-widget.category ul li.active a,.io-dark-light .section-light .sidebar-widget.category ul li.active a,.io-dark-light .section-light-alt .sidebar-widget.category ul li.active a {
 color:#46bdf4
}
.theme-light .sidebar-widget.tags ul li a,.io-dark-light .section-light .sidebar-widget.tags ul li a,.io-dark-light .section-light-alt .sidebar-widget.tags ul li a {
 border-color:rgba(70,189,244,0.5);
 color:#28384c
}
.theme-light .sidebar-widget.tags ul li a:hover,.io-dark-light .section-light .sidebar-widget.tags ul li a:hover,.io-dark-light .section-light-alt .sidebar-widget.tags ul li a:hover {
 color:#46bdf4
}
.io-azure .section-pro .sidebar-widget.category ul li a {
 color:#28384c
}
.io-azure .section-pro .sidebar-widget.category ul li a:hover {
 color:#46bdf4
}
.io-azure .section-pro .sidebar-widget.category ul li.active a {
 color:#46bdf4
}
.io-azure .section-pro .sidebar-widget.tags ul li a {
 border-color:#eff6ff;
 color:#28384c
}
.io-azure .section-pro .sidebar-widget.tags ul li a:hover {
 color:#46bdf4
}
.sidebar-widget.cta-widget {
 padding:40px 30px;
 background:#2c57f5;
 color:#fff
}
.sidebar-widget.cta-widget .cta-head {
 color:#fff
}
@media only screen and (max-width: 991px) {
 .sidebar-section {
  margin-left:0;
  margin-top:50px
 }
}
.search-form {
 position:relative
}
.search-form input[type="text"] {
 border:1px solid rgba(70,189,244,0.1);
 background:transparent;
 line-height:40px;
 height:40px;
 color:#fff;
 padding-left:20px;
 padding-right:50px;
 width:100%
}
.search-form input[type="text"]:focus {
 outline:none
}
.search-form input::-moz-placeholder {
 opacity:0.8;
 color:#fff
}
.search-form input:-ms-input-placeholder {
 opacity:0.8;
 color:#fff
}
.search-form input::-webkit-input-placeholder {
 opacity:0.8;
 color:#fff
}
.search-form button {
 background:rgba(70,189,244,0.1);
 border:none;
 outline:none;
 position:absolute;
 top:1px;
 right:1px;
 text-align:center;
 width:50px;
 line-height:40px;
 height:38px;
 color:#fff;
 cursor:pointer;
 transition:all .5s ease
}
.search-form button:hover {
 background:rgba(70,189,244,0.3)
}
.theme-light .search-form input::-moz-placeholder,.io-dark-light .section-light .search-form input::-moz-placeholder,.io-dark-light .section-light-alt .search-form input::-moz-placeholder {
 color:#373e45
}
.theme-light .search-form input:-ms-input-placeholder,.io-dark-light .section-light .search-form input:-ms-input-placeholder,.io-dark-light .section-light-alt .search-form input:-ms-input-placeholder {
 color:#373e45
}
.theme-light .search-form input::-webkit-input-placeholder,.io-dark-light .section-light .search-form input::-webkit-input-placeholder,.io-dark-light .section-light-alt .search-form input::-webkit-input-placeholder {
 color:#373e45
}
.theme-light .search-form input[type="text"],.io-dark-light .section-light .search-form input[type="text"],.io-dark-light .section-light-alt .search-form input[type="text"] {
 color:#373e45;
 border-color:rgba(70,189,244,0.5)
}
.theme-light .search-form button,.io-dark-light .section-light .search-form button,.io-dark-light .section-light-alt .search-form button {
 background:rgba(70,189,244,0.5)
}
.theme-light .search-form button:hover,.io-dark-light .section-light .search-form button:hover,.io-dark-light .section-light-alt .search-form button:hover {
 background:rgba(70,189,244,0.8)
}
.io-azure .section-pro .search-form input::-moz-placeholder {
 color:#373e45
}
.io-azure .section-pro .search-form input:-ms-input-placeholder {
 color:#373e45
}
.io-azure .section-pro .search-form input::-webkit-input-placeholder {
 color:#373e45
}
.io-azure .section-pro .search-form input[type="text"] {
 color:#373e45;
 border-color:#eff6ff
}
.io-azure .section-pro .search-form button {
 background:#eff6ff;
 color:#373e45
}
.io-azure .section-pro .search-form button:hover {
 background:rgba(70,189,244,0.8);
 color:#fff
}
.theme-lavendar {
 background: #0d1225
}
.theme-lavendar h1 {
 font-size:2.6em
}
.theme-lavendar h2 {
 font-size:2.25em
}
.theme-lavendar h3 {
 font-size:2em
}
.theme-lavendar h4 {
 font-size:1.5em
}
.theme-lavendar h5 {
 font-size:1.19em
}
.theme-lavendar h6 {
 font-size:.875em
}
.theme-lavendar .loader-section {
 background:#fcfcfc
}
.theme-lavendar .btn {
 background:#fbbd18;
 color: #0D1225;
}
.theme-lavendar .btn img {
 transform:translateY(50%)
}
.theme-lavendar .btn:hover {
 background:#0D1225;
 color: #fff;
}
.theme-lavendar .btn:before {
 display:none
}
.theme-lavendar .btn.btn-lg {
 padding:5px 40px;
 border-radius:28px
}
.theme-lavendar .btn.btn-plane {
 background:#0D1225
 color:#fff;
}
.theme-lavendar .btn.btn-plane:hover {
 background:#fbbd18
}
.theme-lavendar .btn.btn-simple {
 background:none;
 color:#8484a4;
 padding:0 20px
}
.theme-lavendar .btn.btn-simple .fa {
 color:#fbbd18
}
.theme-lavendar .btn.btn-white {
 background:#fff;
 color:#fbbd18
}
.theme-lavendar .btn.btn-white:hover {
 background:#0D1225;
 color:#fff
}
.theme-lavendar .btn.btn-outline {
 background:transparent;
 border:1px solid #fff
}
.theme-lavendar .btn.btn-outline:after {
 background:transparent
}
.theme-lavendar .owl-dot {
 height:6px;
 width:12px;
 border-radius:3px;
 display:inline-block;
 margin:0 4px;
 background:rgba(93,70,232,0.3);
 transition:all .4s ease
}
.theme-lavendar .owl-dots {
 text-align:center
}
.theme-lavendar .owl-dot.active {
 width:20px;
 background: #F6D558;
}
.theme-lavendar .site-header.has-fixed .navbar {
 background:#fff;
 box-shadow:0 10px 40px rgba(93,70,232,0.15)
}
.theme-lavendar .site-header.has-fixed .navbar-nav>li>a {
 color:#8484a4
}
.theme-lavendar .site-header.has-fixed .navbar.is-transparent .navbar-brand .logo-dark {
 display:block
}
.theme-lavendar .site-header.has-fixed .navbar.is-transparent .navbar-brand .logo-light {
 display:none
}
.theme-lavendar .site-header.has-fixed .btn.btn-white {
 background:#fbbd18;
 color:#0D1225
}
.theme-lavendar .site-header.has-fixed .btn.btn-white:hover {
 background:#0D1225;
 color: #fff;
}
.theme-lavendar .site-header.has-fixed .btn.btn-outline {
 border-color:#0D1225;
 color:#0D1225
}
.theme-lavendar .site-header .banner {
 min-height:auto !important
}
.theme-lavendar .site-header .banner .banner-content {
 padding:160px 0 70px
}
.theme-lavendar .navbar .navbar-nav>li>a {
 margin:0 15px
}
.theme-lavendar .navbar-btns {
 margin:0 -10px 0 50px
}
.theme-lavendar .navbar-btns li {
 display:inline-block;
 margin:0 10px
}
.theme-lavendar .navbar-btns .btn {
 min-width:auto
}
.theme-lavendar .dropdown-toggle::after {
 display:inline-block;
 width:10px;
 height:38px;
 margin-left:.255em;
 font-family:'themify';
 content:"\e64b";
 border:none;
 font-size:10px;
 line-height:38px;
 position:absolute;
 right:0
}
.theme-lavendar .navbar-toggler {
 background:#FBBD18;
}
@media only screen and (max-width: 1199px) {
 .theme-lavendar .navbar .navbar-nav>li>a {
  margin:0 10px
 }
}
@media only screen and (max-width: 575px) {
 .theme-lavendar {
  background:#0D1225;
 }
 .theme-lavendar h1 {
  font-size:1.3em
 }
 .theme-lavendar h2 {
  font-size:1.25em
 }
 .theme-lavendar h3 {
  font-size:1.2em
 }
 .theme-lavendar h4 {
  font-size:1.5em
 }
 .theme-lavendar h5 {
  font-size:1.19em
 }
 .theme-lavendar h6 {
  font-size:.875em
 }
 .theme-lavendar .site-header .banner .banner-content {
  padding:100px 0 20px
 }
}
.dropdown-item {
 font-size:12px
}
.lang-switch {
 position:relative
}
.lang-switch .dropdown-menu {
 left:50%;
 transform:translateX(-50%);
 min-width:100px
}
.lang-switch .btn .ti {
 font-size:10px;
 margin-left:3px
}
.lang-flag {
 width:24px;
 border-radius:0;
 margin:3px 8px 3px 0
}
.section {
 position:relative
}
.section-bg-light,[class*=section-bg-light] {
 background:#0d1225;
 color:#fff
}
.section-bg-light h1,.section-bg-light h2,.section-bg-light h3,.section-bg-light h4,.section-bg-light h5,.section-bg-light h6,[class*=section-bg-light] h1,[class*=section-bg-light] h2,[class*=section-bg-light] h3,[class*=section-bg-light] h4,[class*=section-bg-light] h5,[class*=section-bg-light] h6 {
 color:#ffffff
}
.section-bg-light .small-heading,[class*=section-bg-light] .small-heading {
 text-transform:uppercase;
 letter-spacing:.2em;
 color:rgba(93,70,232,0.5)
}
.section-bg-lavendar {
 /*background:#fbbd18*/
}
.section-bg-lavendar h1,.section-bg-lavendar h2,.section-bg-lavendar h3,.section-bg-lavendar h4,.section-bg-lavendar h5,.section-bg-lavendar h6,.section-bg-lavendar p {
 color:#fff
}
.section-bg-lavendar .section-head-s3 .section-title:before {
 background:#fff
}
.section-bg-light-alt {
 /*background:rgba(93,70,232,0.04)*/
}
.section-head-s3 {
 margin-bottom:70px
}
.section-head-s3 .section-title {
 font-weight:400;
 position:relative;
 padding-top:30px
}
.section-head-s3 .section-title:before {
 position:absolute;
 content:'';
 top:0;
 left:50%;
 transform:translateX(-50%);
 height:6px;
 width:50px;
 border-radius:3px;
 background:#fbbd18
}
.section-head-s3 p {
 color:#ffffff
}
.warnning-badge {
 font-weight:500;
 font-size:.7em;
 line-height:20px;
 padding:5px 20px;
 border-radius:15px;
 background:#ff9259;
 letter-spacing:.1em;
 text-transform:uppercase
}
.shadow {
 box-shadow:0 10px 40px rgba(93,70,232,0.15)
}
.banner {
 position:relative
}
.banner-rounded-bg {
 position:absolute;
 right:390px;
 top:-750px;
 width:120%;
 height:1350px;
 z-index:5;
 border-radius:0 0 250px 0;
 transform:rotate(-8deg) skew(10deg);
 transform-origin:top right;
 padding:0 120px 110px 0;
 overflow:hidden
}
.banner-rounded-bg .particles-container {
 transform:rotate(8deg) skew(-10deg)
}
.banner-shade-1,.banner-shade-2,.banner-shade-3 {
 display:block;
 height:100%;
 width:100%
}
.banner-shade-1 {
 border-radius:0 0 160px 0;
 background-image:linear-gradient(to top left, #FBBD18 0%, transparent 30%, transparent 100%);
 opacity:.15;
 padding:0 100px 90px 0
}
.banner-shade-2 {
 border-radius:0 0 110px 0;
 background-image:linear-gradient(to top left, #FBBD18 0%, transparent 25%, transparent 100%);
 padding:0 90px 80px 0
}
.banner-shade-3 {
 border-radius:0 0 80px 0;
 background-image:linear-gradient(to top left, #FBBD18 0%, transparent 20%, transparent 100%)
}
@media only screen and (max-width: 991px) {
 .banner-rounded-bg {
  right:0;
  top:-550px;
  border-radius:0 0 0 0;
  transform:rotate(0) skew(0);
  padding:0 180px 210px 0
 }
 .banner-shade-1 {
  transform:rotate(-8deg) skew(10deg)
 }
 .theme-lavendar .dropdown-toggle::after {
  right:40px
 }
 .theme-lavendar .navbar-btns {
  margin:0 0 30px 0
 }
}
@media only screen and (max-width: 575px) {
 .banner-rounded-bg {
  top:-700px
 }
 .theme-lavendar .navbar-btns {
  margin:0 0 30px 20px
 }
}
.header-txt h1 span {
 font-weight:300;
 color:#fff
}
.token-box {
 background:#fff;
 border-radius:10px;
 margin-bottom:45px;
 padding:35px 50px 45px;
 color:#8484a4
}
.token-box .small-text {
 font-weight:300;
 font-size:1em;
 color:#8484a4
}
.token-box .icon-list {
 margin-top:0
}
.token-box .icon-list li {
 display:inline-block;
 font-size:.85em;
 text-transform:uppercase;
 margin:0 3px
}
.token-box .icon-list li .fa {
 font-size:1.15em;
 color:#fbbd18
}
.token-box .token-countdown {
 padding-bottom:33px
}
.token-box .token-countdown .countdown-time {
 font-size:55px;
 font-weight:300;
 line-height:1;
 display:block;
 margin-bottom:5px;
 position:relative;
 color:#fbbd18
}
.token-box .token-countdown .countdown-time:after {
 position:absolute;
 right:-20px;
 bottom:5px;
 content:":";
 color:#fbbd18;
 font-size:40px
}
.token-box .token-countdown .countdown-time.countdown-time-last:after {
 display:none
}
.token-box .token-countdown .countdown-text {
 color:#8484a4;
 font-size:11px;
 font-weight:600;
 text-transform:uppercase;
 display:block;
 line-height:1
}
.token-details {
 display:flex;
 justify-content:space-between;
 margin-bottom:10px
}
.token-details li {
 color:#38385f;
 font-size:.8em;
 text-transform:uppercase
}
.token-bar {
 position:relative;
 height:36px;
 padding:4px;
 width:100%;
 border-radius:18px;
 background:rgba(93,70,232,0.1);
 margin-bottom:75px
}
.token-percent {
 height:28px;
 border-radius:14px;
 color:#0D1225;
 line-height:28px;
 text-align:center;
 background:#fbbd18
}
.token-point {
 position:absolute;
 font-size:.85em;
 transform:translateX(-50%);
 top:0;
 padding-top:60px
}
.token-point:after {
 position:absolute;
 left:50%;
 margin-left:-1px;
 top:0;
 height:50px;
 width:2px;
 content:'';
 background:rgba(93,70,232,0.4)
}
.token-point-1 {
 left:25%
}
.token-point-2 {
 left:55%
}
.token-point-3 {
 left:75%
}
@media only screen and (max-width: 575px) {
 .token-box {
  padding:35px 15px 35px
 }
 .token-box .token-countdown {
  padding-bottom:20px
 }
 .token-box .token-countdown .countdown-time {
  font-size:18px
 }
 .token-box .token-countdown .countdown-time:after {
  right:-20px;
  bottom:2px;
  font-size:16px
 }
 .token-box .token-countdown .countdown-time.countdown-time-last:after {
  display:none
 }
 .token-box .token-countdown .countdown-text {
  font-size:9px
 }
 .token-details li {
  font-size:.7em
 }
 .token-bar {
  margin-bottom:45px
 }
 .token-percent {
  font-size:.8em
 }
 .btns li {
  margin:5px 3px
 }
}
.roadmap-carousel {
 padding:0 40px;
 position:relative
}
.roadmap-carousel:before,.roadmap-carousel:after {
 position:absolute;
 height:12px;
 width:12px;
 border-radius:50%;
 content:'';
 top:42px;
 background:#F6D558
}
.roadmap-carousel:before {
 left:0
}
.roadmap-carousel:after {
 right:0
}
.roadmap-carousel-container {
 position:relative
}
.roadmap-carousel-container:before {
 position:absolute;
 height:2px;
 width:100%;
 content:'';
 left:0;
 top:47px;
 background:#F6D558
}
.roadmap-item {
 text-align:center;
 position:relative;
 padding:0 20px;
 margin-bottom:30px
}
.roadmap-item:after {
 position:absolute;
 top:83px;
 left:50%;
 content:'';
 transform:translateX(-50%);
 height:60px;
 width:2px;
 background:rgba(132,132,164,0.3)
}
.roadmap-item h6 {
 text-transform:uppercase;
 color:#fff;
 position:relative;
 padding-bottom:120px
}
.roadmap-item h6:before,.roadmap-item h6:after {
 position:absolute;
 left:50%;
 transform:translateX(-50%);
 content:'';
 border-radius:50%
}
.roadmap-item h6:before {
 top:33px;
 background:rgb(230 232 70 / 30%);
 height:30px;
 width:30px
}
.roadmap-item h6:after {
 top:40px;
 background:#fbbd18;
 height:16px;
 width:16px
}
.roadmap-done h6:before {
 background:#fbbd18
}
.roadmap-done h6:after {
 background:rgba(64,190,255,0.3)
}
.about-section-innr {
 position:relative;
 z-index:2;
 padding:150px 40px 150px 0
}
.about-section-innr:before {
 position:absolute;
 top:0;
 left:-190px;
 width:270px;
 height:100%;
 content:'';
 z-index:-1;
 border-radius:100px 0 0 100px;
 transform:skew(9deg)
}
.about-section-innr:after {
 position:absolute;
 top:0;
 right:-280px;
 width:370px;
 height:100%;
 content:'';
 z-index:-1;
 border-radius:0 100px 100px 0;
 transform:skew(-7deg)
}
.about-section-innr h3 span {
 color:#fff;
 font-weight:300
}
.about-section-innr h6 {
 text-transform:uppercase;
 letter-spacing:.1em;
 margin-bottom:10px
}
.about-shade {
 position:absolute;
 left:-120px;
 bottom:65px;
 width:100%;
 height:calc(100% - 130px);
 border-radius:0 0 0 45px;
 background-image:linear-gradient(to top right, #FBBD18 0%, transparent 50%, transparent 100%);
 opacity:.15;
 transform:skew(9deg)
}
.about-shade:after {
 position:absolute;
 left:50px;
 bottom:50px;
 width:100%;
 height:100%;
 content:'';
 border-radius:0 0 0 45px;
 background-image:linear-gradient(to top right, #FBBD18 0%, transparent 40%, transparent 100%)
}
.about-info {
 background:#FBBD18;
 border-radius:5px;
 margin-top:40px;
 padding:20px 65px 20px 75px;
 position:relative
}
.about-info .ti {
 position:absolute;
 left:20px;
 top:50%;
 font-size:30px;
 color:#0D1225;
 transform:translateY(-50%)
}
.about-image {
 position:relative;
 z-index:99;
 margin-top:150px;
 margin-right:-70px;
 padding:20px 30px;
 background:#fff;
 border-radius:60px 60px 60px 200px;
 box-shadow:0 20px 60px rgba(93,70,232,0.1)
}
@media only screen and (max-width: 991px) {
 .about-image {
  margin-right:0;
  margin-top:-45px
 }
}
@media only screen and (max-width: 575px) {
 .about-section-innr {
  padding:50px 0 90px 0
 }
 .about-image {
  border-radius:30px 30px 30px 100px
 }
}
.reason-item {
 padding:30px 30px
}
.reason-item img {
 width:115px;
 margin:0 auto 20px
}
@media only screen and (max-width: 575px) {
 .reason-item {
  padding:0
 }
}
.process-scetion .slider-nav {
 display:flex
}
.process-scetion .slider-nav-item {
 position:relative;
 height:80px;
 width:80px;
 flex-grow:0;
 flex-shrink:0;
 border-radius:50%;
 text-align:center;
 background:#fff;
 cursor:pointer;
 color:#fbbd18;
 box-shadow:0 5px 25px rgba(93,70,232,0.15);
 transition:all .4s ease;
 margin:20px 20px
}
.process-scetion .slider-nav-item:nth-child(2) {
 color:#40beff
}
.process-scetion .slider-nav-item:nth-child(3) {
 color:#311f9b
}
.process-scetion .slider-nav-item:nth-child(4) {
 color:#ff9259
}
.process-scetion .slider-nav-item:nth-child(5) {
 color:#38385f
}
.process-scetion .slider-nav-item:after {
 position:absolute;
 top:50%;
 left:100%;
 height:2px;
 content:'';
 width:100%;
 background:url(../images/line.png) repeat 0 0;
 z-index:-1;
 animation:slide 1s linear infinite
}
.process-scetion .slider-nav-item:last-child:after {
 display:none
}
.process-scetion .slider-nav-item .ikon {
 font-size:50px;
 line-height:80px
}
.process-scetion .slider-nav-item.active {
 cursor:default;
 color:#fff;
 background:#fbbd18
}
.process-scetion .slider-nav-item.active:nth-child(2) {
 background:#40beff
}
.process-scetion .slider-nav-item.active:nth-child(3) {
 background:#311f9b
}
.process-scetion .slider-nav-item.active:nth-child(4) {
 background:#ff9259
}
.process-scetion .slider-nav-item.active:nth-child(5) {
 background:#38385f
}
.process-scetion .slider-nav-item.active:before {
 position:absolute;
 content:"";
 height:calc(100% + 16px);
 width:calc(100% + 16px);
 top:-8px;
 left:-8px;
 border-radius:50%;
 border:1px solid rgba(132,132,164,0.35);
 animation:1.5s linear 0s normal none infinite focuse
}
@keyframes focuse {
 0% {
  transform:scale(0.8);
  opacity:1
 }
 75% {
  transform:scale(1.2);
  opacity:0
 }
 100% {
  transform:scale(1.2);
  opacity:0
 }
}
@keyframes slide {
 from {
  background-position:0 0
 }
 to {
  background-position:40px 0
 }
}
@media only screen and (max-width: 991px) {
 .process-scetion .slider-nav {
  margin-left:-20px;
  margin-bottom:30px
 }
 .process-scetion .slider-nav-item {
  height:70px;
  width:70px;
  margin:0 15px
 }
 .process-scetion .slider-nav-item .ikon {
  font-size:40px;
  line-height:70px
 }
}
@media only screen and (max-width: 575px) {
 .process-scetion .slider-nav {
  margin-left:-10px;
  margin-bottom:30px
 }
 .process-scetion .slider-nav-item {
  height:45px;
  width:45px;
  margin:0 5px
 }
 .process-scetion .slider-nav-item .ikon {
  font-size:20px;
  line-height:45px
 }
}
.features-photo {
 padding:0 15px
}
.features-photo img {
 border-radius:0
}
.features-item {
 position:relative;
 padding-left:105px;
 margin-top:50px;
 padding-bottom:40px
}
.features-item h5 {
 margin-bottom:8px
}
.features-item .ti {
 position:absolute;
 top:0;
 left:10px;
 font-size:30px;
 height:65px;
 width:65px;
 line-height:65px;
 text-align:center;
 border-radius:50%;
 background:#40beff;
 color:#fff;
 display:inline-block
}
.features-item.left {
 padding-left:0;
 padding-right:105px;
 text-align:right
}
.features-item.left .ti {
 left:auto;
 right:10px
}
.shade-wraper {
 position:absolute;
 height:100%;
 width:100%;
 top:0;
 left:0
}
.shade-wraper .container {
 height:100vh
}
.shade-left,.shade-right {
 position:absolute;
 top:160px;
 width:50%;
 height:calc(100% - 130px);
 opacity:.15
}
.shade-left:after,.shade-right:after {
 position:absolute;
 top:40px;
 width:100%;
 height:100%;
 content:''
}
.shade-left {
 left:-80px;
 border-radius:30px 0 0 0;
 background-image:linear-gradient(to bottom right, #FBBD18 0%, transparent 40%, transparent 100%);
 transform:rotate(-12deg)
}
.shade-left:after {
 left:40px;
 border-radius:30px 0 0 0;
 background-image:linear-gradient(to bottom right, #FBBD18 0%, transparent 35%, transparent 100%)
}
.shade-right {
 right:-80px;
 border-radius:0 30px 0 0;
 background-image:linear-gradient(to bottom left, #FBBD18 0%, transparent 40%, transparent 100%);
 transform:rotate(12deg)
}
.shade-right:after {
 right:40px;
 border-radius:0 30px 0 0;
 background-image:linear-gradient(to bottom left, #FBBD18 0%, transparent 35%, transparent 100%)
}
@media only screen and (max-width: 1199px) {
 .features-item {
  margin-top:0
 }
}
.team-described {
 margin-bottom:50px
}
.team-described .team-photo {
 position:relative;
 width:170px
}
.team-described .team-photo img {
 border-radius:30px;
 padding-bottom: 20px;

}
.team-described .team-photo:before {
 position:absolute;
 bottom:0;
 right:0;
 height:100%;
 width:100%;
 content:"";
 border-radius:5px;
 background-image: linear-gradient(to top left, rgb(251 189 25 / 28%) 0%, rgb(14 19 37 / 0%) 100%);
 transition:all .5s ease;
 opacity:.5
}
.team-described .team-photo .expand-trigger {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.team-described .team-photo:hover:before {
 opacity:.2
}
.team-described .team-title {
 color:#FBBD18;
 font-size:13px;
 display:block;
 position:relative;
 padding-bottom:13px
}
.team-described .team-title:after {
 position:absolute;
 bottom:0;
 left:0;
 content:"";
 height:3px;
 width:130px;
 z-index:5;
 background-image:linear-gradient(to left, #fbbd18 0%, #40beff00 100%)
}
.team-described .team-name {
 font-weight:400;
 margin-bottom:7px;
 text-transform:uppercase
}
.team-described .team-info {
 width:165px;
 margin-top:40px;
 position:relative
}
.team-described .team-social {
 margin-top:12px
}
.team-described .team-social li {
 display:inline-block;
 margin-right:14px
}
.team-described .team-social li a {
 color:#fff
}
.team-described .team-social li a:hover {
 color:#fbbd18
}
.team-described .team-social li a .fa {
 font-size:16px
}
.team-described .team-discription {
 margin-left:135px;
 margin-top:18px;
 width: 240px;
}
.team-described .team-discription li {
 line-height:1.6;
 font-size:1em;
 position:relative;
 padding-left:16px;
 margin-bottom:8px
}
.team-described .team-discription li:last-of-type {
 margin-bottom:0
}
.team-described .team-discription li:before {
 content:"";
 background:#FBBD18;
 height:5px;
 width:5px;
 border-radius:50%;
 position:absolute;
 top:9px;
 left:0
}
@media only screen and (max-width: 991px) {
 .team-described .team-info {
  margin-top:15px
 }
 .team-described .team-photo {
  width:145px
 }
}
.section-bg-light .accordion .card {
 background-color: #0d1225;
 border-bottom:1px solid rgba(93,70,232,0.1)
}
.section-bg-light .accordion .card .card-header a {
 color:#FBBD18;
 font-weight: 800;
}
.section-bg-light .accordion .card .card-header a.collapsed {
 color:#fff;
 background-color:#0d1225;
 font-weight: 400;
}
.section-bg-light .accordion .card .card-header a:hover {
 opacity:1
}
.section-bg-light .accordion .plus-minus .ti {
 color:#fbbd18
}
.media-box {
 text-align:center;
 border-radius:10px;
 padding:25px 30px 45px
}
.media-box img {
 max-width:200px;
 margin-left:auto;
 margin-right:auto
}
.media-heading {
 margin:15px 0 13px
}
.media-heading a {
 color:#343459
}
.media-heading a:hover {
 color:#fbbd18
}
.media-scetion .owl-carousel .owl-item {
 padding:20px 0 40px
}
.media-scetion .owl-carousel .owl-stage-outer {
 margin:0 -30px;
 margin-top:-20px;
 padding-left:30px
}
.active .media-box {
 box-shadow:0 10px 40px rgba(93,70,232,0.15)
}
.subscribe-rounded .input-round {
 width:100%;
 line-height:20px;
 color:#fff;
 font-size:1em;
 padding:15px 30px;
 border-radius:26px;
 outline:none;
 border:1px solid rgba(93,70,232,0);
 background:rgba(93,70,232,0.07)
}
.subscribe-rounded input::-moz-placeholder {
 opacity:1;
 color:#38385f
}
.subscribe-rounded input:-ms-input-placeholder {
 opacity:1;
 color:#38385f
}
.subscribe-rounded input::-webkit-input-placeholder {
 opacity:1;
 color:#38385f
}
.subscription-form {
 position:relative
}
.subscription-form input.error {
 border:1px solid #ff0000
}
.subscription-form input+.error {
 display:none !important
}
.subscription-form .btn {
 position:absolute;
 top:3px;
 right:3px
}
.footer-lavendar {
 background:#fff;
}
.footer-lavendar .link-widget li a {
 color:#0D1225
}
.footer-lavendar .link-widget li a:hover {
 box-shadow:0 1px 0 #fff
}
.footer-lavendar .copyright-text {
 margin-top:0;
 color: #0D1225;
}
.footer-lavendar .copyright-text a {
 
     color: #0D1225;
}
.footer-lavendar .copyright-text a:hover {
 color:#fff
}
.footer-lavendar .footer-links {
 margin-top:0
}
.footer-lavendar .footer-links a {
 color:rgba(255,255,255,0.6)
}
.social-overlap {
 position:absolute;
 width:100%;
 transform:translateY(-50%)
}
.social-bar {
 display:flex;
 border-radius:10px;
 background:#fff;
 box-shadow: 0 0 60px #ffc10729;
}
.social-bar li {
 text-align:center;
 text-transform:uppercase;
 color:#8484a4;
 flex-grow:1;
 font-size:14px;
 display:inline-block;
 line-height:30px;
 border-right:1px solid rgba(131,131,163,0.15)
}
.social-bar li:first-child {
 padding:45px 0
}
.social-bar li:last-child {
 border-right:none
}
.social-bar li a {
 font-size:20px;
 line-height:30px;
 display:block;
 padding:45px 0;
 color:#fbbd18
}
.social-bar li a .fa {
 transition:all .5s ease
}
.social-bar li a:hover .fa {
 transform:translateY(-8px)
}
.address-widget li {
 font-size:.9em;
 line-height:2;
 margin-bottom:10px
}
.address-widget li:last-child {
 margin-bottom:0
}
.one-column li {
 padding-bottom:7px;
 display:block;
 width:100%
}
.one-column li a {
 line-height:inherit
}
.one-column li:last-child {
 padding-bottom:0
}
.hr-line {
 border:none;
 /*background:rgba(255,255,255,0.15)*/
 background: rgb(241 184 25 / 15%);
}
@media only screen and (max-width: 991px) {
 .event-info {
  width:auto;
  margin-bottom:0
 }
}
@media only screen and (max-width: 575px) {
 .social-bar li:first-child {
  display:none
 }
 .social-bar li a {
  padding:15px 0
 }
 .subscription-form .btn {
  top:6px;
  right:6px
 }
}
.animate-down,.animate-up {
 position:relative;
 opacity:0;
 transition:all .4s
}
.animate-down {
 top:-30px
}
.animate-down-long {
 top:-120px
}
.animate-up {
 bottom:-30px
}
.animate-up-long {
 bottom:-120px
}
.delay-1ms {
 transition-delay:.1s
}
.delay-2ms {
 transition-delay:.2s
}
.delay-3ms {
 transition-delay:.3s
}
.delay-4ms {
 transition-delay:.4s
}
.delay-5ms {
 transition-delay:.5s
}
.delay-6ms {
 transition-delay:.6s
}
.delay-7ms {
 transition-delay:.7s
}
.delay-8ms {
 transition-delay:.8s
}
.delay-9ms {
 transition-delay:.9s
}
.delay-10ms {
 transition-delay:1s
}
.delay-11ms {
 transition-delay:1.1s
}
.delay-12ms {
 transition-delay:1.2s
}
.delay-13ms {
 transition-delay:1.3s
}
.delay-14ms {
 transition-delay:1.4s
}
.delay-15ms {
 transition-delay:1.5s
}
.delay-16ms {
 transition-delay:1.6s
}
.delay-17ms {
 transition-delay:1.7s
}
.delay-18ms {
 transition-delay:1.8s
}
.delay-19ms {
 transition-delay:1.9s
}
.delay-20ms {
 transition-delay:2s
}
.active .animate-down,.active .animate-up {
 opacity:1
}
.active .animate-down {
 top:0
}
.active .animate-up {
 bottom:0
}
.theme-muscari {
 background:#fff
}
.theme-muscari .countdown-box {
 margin-left:0;
 width:100%;
 left:0;
 background:#3455ff
}
.theme-muscari .countdown-box h6 {
 color:#fff !important
}
.theme-muscari .countdown-box .countdown-time {
 color:#fff
}
.theme-muscari .countdown-box .countdown-text {
 color:rgba(255,255,255,0.6)
}
.theme-muscari .countdown-box.countdown-transparent {
 background:rgba(0,33,205,0.8) !important
}
.theme-muscari .token-status-point::after {
 background:rgba(255,255,255,0.5)
}
.theme-muscari .token-status-percent {
 background:#39a9ff
}
.theme-muscari .loader-section {
 background:#fcfcfc
}
.theme-muscari .btn {
 background:#3455ff;
 border-radius:4px
}
.theme-muscari .btn:hover {
 background:#ffc123
}
.theme-muscari .btn:before {
 display:none
}
.theme-muscari .btn.btn-alt {
 background:#ffc123
}
.theme-muscari .btn.btn-alt:hover {
 background:#39a9ff
}
.theme-muscari .btn.btn-plane {
 background:#fff;
 color:#3455ff
}
.theme-muscari .btn.btn-plane:hover {
 color:#fff;
 background:#ffc123
}
.theme-muscari .btn.btn-simple {
 background:none;
 color:#fff;
 padding:0 20px
}
.theme-muscari .btn.btn-simple .fa {
 color:#ffc123
}
.theme-muscari .btn.btn-white {
 background:#fff;
 color:#3455ff
}
.theme-muscari .btn.btn-white:hover {
 background:#ffc123;
 color:#fff
}
.theme-muscari .btn.btn-outline {
 background:transparent;
 border:2px solid #ffc123
}
.theme-muscari .btn.btn-outline:after {
 background:transparent
}
.theme-muscari .btn.btn-outline:hover {
 background:#ffc123
}
.theme-muscari .site-header.has-fixed .navbar {
 background:#fff;
 box-shadow:0 10px 40px rgba(93,70,232,0.15)
}
.theme-muscari .site-header.has-fixed .navbar-nav>li>a {
 color:#8484a4
}
.theme-muscari .site-header.has-fixed .navbar.is-transparent .navbar-brand .logo-dark {
 display:block
}
.theme-muscari .site-header.has-fixed .navbar.is-transparent .navbar-brand .logo-light {
 display:none
}
.theme-muscari .site-header.has-fixed .navbar .btn.btn-outline {
 border-color:#3455ff;
 color:#3455ff
}
.theme-muscari .site-header .scroll-down {
 bottom:-90px
}
.theme-muscari .site-header .banner {
 min-height:auto !important
}
.theme-muscari .site-header .banner .banner-content {
 padding:70px 0 110px
}
.theme-muscari .navbar .navbar-nav>li>a {
 margin:0 15px
}
.theme-muscari .navbar-btns {
 margin:0 -10px 0 10px
}
.theme-muscari .navbar-btns li {
 display:inline-block;
 margin:0 0
}
.theme-muscari .navbar-btns .btn {
 min-width:auto
}
.theme-muscari .dropdown-toggle::after {
 display:inline-block;
 width:10px;
 height:38px;
 margin-left:.255em;
 font-family:'themify';
 content:"\e64b";
 border:none;
 font-size:10px;
 line-height:38px;
 position:absolute;
 right:0
}
.theme-muscari .navbar-toggler {
 background:#ffc123
}
.theme-muscari .section-bg-light,.theme-muscari [class*=section-bg-light] {
 background:#0d1225;
 color:#637097
}
.theme-muscari .section-bg-light h1,.theme-muscari .section-bg-light h2,.theme-muscari .section-bg-light h3,.theme-muscari .section-bg-light h4,.theme-muscari .section-bg-light h5,.theme-muscari .section-bg-light h6,.theme-muscari [class*=section-bg-light] h1,.theme-muscari [class*=section-bg-light] h2,.theme-muscari [class*=section-bg-light] h3,.theme-muscari [class*=section-bg-light] h4,.theme-muscari [class*=section-bg-light] h5,.theme-muscari [class*=section-bg-light] h6 {
 color:#fff
}
.theme-muscari .section-bg-light .small-heading,.theme-muscari [class*=section-bg-light] .small-heading {
 text-transform:uppercase;
 letter-spacing:.2em;
 color:rgba(52,85,255,0.5)
}
.theme-muscari .section-bg-muscari h1,.theme-muscari .section-bg-muscari h2,.theme-muscari .section-bg-muscari h3,.theme-muscari .section-bg-muscari h4,.theme-muscari .section-bg-muscari h5,.theme-muscari .section-bg-muscari h6,.theme-muscari .section-bg-muscari p {
 color:#fff
}
.theme-muscari .section-bg-muscari .text-block {
 color:#fff
}
.theme-muscari .section-bg-muscari .text-block p:not(.lead) {
 color:#fff
}
.theme-muscari .section-bg-muscari .text-block ul:not(.btns) li {
 color:#fff
}
.theme-muscari .section-bg-muscari .text-block ul:not(.btns) li:before {
 background:#ffc123
}
.theme-muscari .section-angle+.section-bg-light-alt:before {
 position:absolute;
 left:0;
 top:-350px;
 height:350px;
 width:100%;
 content:'';
 background:#f7f8ff
}
.theme-muscari .section-angle-top:before {
 position:absolute;
 left:0;
 top:0;
 height:350px;
 width:100%;
 content:'';
 background:#f7f8ff;
 z-index:1
}
.theme-muscari .section-angle-top:after {
 position:absolute;
 left:0;
 bottom:-350px;
 height:350px;
 width:100%;
 content:'';
 background:#f7f8ff;
 z-index:1
}
.theme-muscari .section-angle-bottom:before {
 position:absolute;
 left:0;
 top:-350px;
 height:350px;
 width:100%;
 content:'';
 background:#fff;
 z-index:2
}
.theme-muscari .section-bg-light-alt+.section-angle:before {
 position:absolute;
 left:0;
 top:0;
 height:350px;
 width:100%;
 content:'';
 background:#f7f8ff
}
.theme-muscari .section-bg-light-alt {
 background-color:#f7f8ff
}
.theme-muscari .section-muscari {
 background:#3455ff
}
.theme-muscari .text-block {
 color:#374574
}
.theme-muscari .text-block p:not(.lead) {
 color:#637097
}
.theme-muscari .header-partners {
 margin-top:-30px
}
.theme-muscari .token-section::after {
 display:none
}
.theme-muscari .roadmap-carousel-withnav:before,.theme-muscari .roadmap-carousel-withnav:after {
 background:#b3d9ff
}
.theme-muscari .roadmap-carousel-container:before {
 background:#b3d9ff
}
.theme-muscari .roadmap-item h6:before {
 background:rgba(51,153,255,0.3)
}
.theme-muscari .roadmap-item h6:after {
 background:#39f
}
.theme-muscari .roadmap-done h6:before {
 background:rgba(52,85,255,0.3)
}
.theme-muscari .roadmap-done h6:after {
 background:#3455ff
}
.theme-muscari .contact-section {
 overflow:visible
}
.theme-muscari .footer-fix {
 margin-top:-350px
}
.theme-muscari .copyright-text {
 color:#fff
}
.theme-muscari .copyright-text span {
 color:rgba(255,255,255,0.6)
}
.theme-muscari .copyright-text a {
 color:#fff
}
.theme-muscari .copyright-text a:hover {
 color:#ffc123
}
.theme-muscari .footer-subscription .input-round {
 color:#fff;
 background:rgba(57,169,255,0.5);
 border:1px solid transparent;
 border-radius:5px;
 line-height:52px;
 width:100%;
 padding-left:15px;
 outline:none;
 transition:all .5s ease
}
.theme-muscari .social li a {
 color:#3455ff;
 background:#fff
}
.theme-muscari .social li a:hover {
 color:#fff;
 background:#ffc123
}
.theme-muscari .link-widget li a,.theme-muscari .footer-links li a {
 color:rgba(255,255,255,0.6)
}
.theme-muscari .link-widget li a:hover,.theme-muscari .footer-links li a:hover {
 color:#fff
}
@media only screen and (max-width: 1024px) {
 .theme-muscari .navbar .navbar-nav>li>a {
  margin:0 10px
 }
 .theme-muscari .site-header .scroll-down {
  bottom:-20px
 }
}
@media only screen and (max-width: 991px) {
 .theme-muscari .site-header .navbar-collapse {
  padding-bottom:20px
 }
}
@media only screen and (max-width: 767px) {
 .theme-muscari .site-header .banner .banner-content {
  padding:30px 0 40px
 }
}
.btn.btn-lg {
 padding:5px 40px;
 border-radius:4px
}
.header-image-muscari {
 margin:0 -95px
}
.header-angle-bg {
 position:absolute;
 left:0;
 top:-100%;
 height:200%;
 width:100%;
 content:'';
 background:#3455ff;
 transform:skewY(17deg);
 z-index:1;
 overflow:hidden
}
.header-angle-bg .particles-container {
 transform:skewY(-17deg)
}
.overlay-bubble {
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%
}
.overlay-bubble div {
 position:absolute;
 border-radius:50%;
 background:rgba(255,255,255,0.05);
 transform:skewY(-17deg)
}
.overlay-bubble-1 {
 height:735px;
 width:735px;
 right:calc(50% - 65px);
 top:calc(50% + 10px)
}
.overlay-bubble-2 {
 height:680px;
 width:680px;
 right:calc(50% + 360px);
 top:calc(50% - 145px)
}
.overlay-bubble-3 {
 height:350px;
 width:350px;
 right:calc(50% - 95px);
 top:calc(50% + 540px)
}
.overlay-bubble-4 {
 height:650px;
 width:650px;
 left:calc(50% + 435px);
 top:calc(50% - 240px)
}
.overlay-bubble-5 {
 height:350px;
 width:350px;
 left:calc(50% + 490px);
 top:calc(50% + 240px)
}
.overlay-bubble-6 {
 height:440px;
 width:440px;
 left:calc(50% + 685px);
 top:calc(50% + 240px)
}
.overlay-bars {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 width:100%;
 overflow:hidden
}
.overlay-bars div {
 position:absolute;
 background:rgba(255,255,255,0.03);
 transform:rotate(-15deg)
}
.overlay-bars.reverse {
 transform:scaleX(-1)
}
.overlay-bar-1 {
 height:140%;
 width:300px;
 left:calc(50% - 210px);
 top:-20%
}
.overlay-bar-2 {
 height:100%;
 width:160px;
 left:calc(50% - 170px);
 bottom:calc(50% + 155px)
}
.overlay-bar-3 {
 height:100%;
 width:230px;
 left:calc(50% - 90px);
 top:calc(50% + 280px)
}
.overlay-bar-4 {
 height:140%;
 width:300px;
 left:calc(50% - 860px);
 top:-20%;
 transform:rotate(-15deg)
}
.overlay-bar-5 {
 height:140%;
 width:160px;
 left:calc(50% - 910px);
 top:-20%
}
.overlay-bar-6 {
 height:140%;
 width:300px;
 left:calc(50% + 530px);
 top:-20%
}
.overlay-bar-7 {
 height:140%;
 width:300px;
 left:calc(50% + 670px);
 top:-20%
}
.ex-sm-head {
 text-transform:uppercase;
 font-weight:500;
 font-size:.81em;
 line-height:1.1;
 color:rgba(55,69,116,0.7)
}
.partner-list-s3 li {
 margin-bottom:15px
}
.section-bg-angle {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 width:100%;
 content:'';
 transform:skewY(17deg);
 z-index:1
}
.section-bg-patern.section-bg-light {
 background:url(../images/pattern-muscari-light.png),#fff;
 background-size:100%;
 background-position:top 130px center;
 background-repeat:no-repeat
}
.section-bg-patern.section-bg-light-alt {
 background:url(../images/pattern-muscari-light.png),#f7f8ff;
 background-size:100%;
 background-position:top 130px center;
 background-repeat:no-repeat
}
.section-head-s4 {
 padding-bottom:50px
}
.section-head-s5 {
 padding-bottom:55px
}
.section-head-s5 .section-title {
 position:relative;
 padding-bottom:26px
}
.section-head-s5 .section-title:after {
 position:absolute;
 left:50%;
 bottom:0;
 content:'';
 margin-left:-40px;
 width:80px;
 height:6px;
 border-radius:3px;
 background:#39a9ff
}
.section-bg-muscari .section-head-s5 .section-title:after {
 background:#ffc123
}
@media only screen and (max-width: 991px) {
 .header-image-muscari {
  margin:0 -15px
 }
}
@media only screen and (max-width: 1024px) {
 .section-bg-angle {
  transform:skewY(10deg)
 }
 .header-bg-angle {
  transform:skewY(10deg)
 }
 .theme-muscari .banner-tokensale .countdown-box {
  left:50%;
  transform:translate(-50%, -50%)
 }
 .theme-muscari .countdown-box {
  margin-left:auto
 }
 .overlay-bubble {
  top:190px;
  transform:scale(0.5) skewY(-10deg)
 }
 .overlay-bubble div {
  transform:skewY(-10deg)
 }
}
@media only screen and (max-width: 767px) {
 .btn.btn-lg {
  padding:0 25px;
  font-size:12px
 }
}
.text-box {
 padding-right:30px;
 border-radius:6px
}
.text-box h6 {
 text-transform:uppercase;
 font-weight:500;
 margin-bottom:8px;
 color:#ffc123 !important
}
.text-box.text-box-bg {
 padding:40px 30px;
 background:rgba(0,0,0,0.2)
}
.roadmap-carousel-withnav {
 padding:0 40px;
 position:relative
}
.roadmap-carousel-withnav:before,.roadmap-carousel-withnav:after {
 position:absolute;
 height:12px;
 width:12px;
 border-radius:50%;
 content:'';
 top:42px
}
.roadmap-carousel-withnav:before {
 left:0
}
.roadmap-carousel-withnav:after {
 right:0
}
.roadmap-carousel-withnav .owl-nav {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 z-index:2
}
.roadmap-carousel-withnav .owl-prev,.roadmap-carousel-withnav .owl-next {
 position:absolute;
 top:0;
 width:100%;
 z-index:2;
 height:52px;
 width:52px;
 font-size:36px;
 line-height:52px;
 text-align:center;
 color:rgba(52,85,255,0.3);
 transform:translateY(50%)
}
.roadmap-carousel-withnav .owl-prev {
 left:-50px
}
.roadmap-carousel-withnav .owl-next {
 right:-50px
}
@media only screen and (max-width: 1024px) {
 .roadmap-carousel-container {
  margin:0 40px
 }
}
@media only screen and (max-width: 767px) {
 .roadmap-carousel-container {
  margin:0 30px
 }
 .roadmap-item {
  padding:0
 }
}
.team-member {
 background:rgba(51,153,255,0.1)
}
.team-member .team-social li a {
 color:#39a9ff
}
.team-member .team-social li a:hover {
 color:#ffc123
}
.team-member .team-title {
 color:#3455ff
}
.team-member .team-photo:before {
 background:rgba(52,85,255,0.4)
}
.team-member .team-photo:after {
 background:#ffc123
}
.section-bg-light .tab-custom-s2 .nav-tabs li>a {
 opacity:1;
 color:#637097
}
.section-bg-light .tab-custom-s2 .nav-tabs li>a.active {
 color:#3455ff;
 border-bottom-color:#3455ff
}
.section-bg-light .form-message .input-field .input-line,.section-bg-light-alt .form-message .input-field .input-line {
 color:#637097;
 border-bottom-color:rgba(204,212,255,0.6)
}
.section-bg-light .form-message .input-field .input-title,.section-bg-light-alt .form-message .input-field .input-title {
 color:rgba(52,85,255,0.5)
}
.section-bg-light .contact-info-alt li .fa {
 color:#3455ff;
 background:#3455ff
}
.section-bg-light .contact-info-alt li .fa:after {
 background:#fff
}
.section-bg-light-alt .contact-info-alt li .fa {
 color:#3455ff;
 background:#3455ff
}
.section-bg-light-alt .contact-info-alt li .fa:after {
 background:#f7f8ff
}
.video-box-s2 {
 position:relative
}
.video-box-s2 img {
 border-radius:0;
 width:100%;
 max-width:100%
}
.video-box-s2:before {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 width:100%;
 content:'';
 background:rgba(0,5,55,0.6)
}
.play-btn-s2 {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%);
 height:50px;
 width:50px;
 border-radius:50%;
 background:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
 z-index:2
}
.play-btn-s2:after {
 position:absolute;
 content:"";
 height:calc(100% + 16px);
 width:calc(100% + 16px);
 top:-8px;
 left:-8px;
 border-radius:50%;
 border:1px solid rgba(255,255,255,0.3);
 animation:1s ease 0s normal none infinite running playbutton
}
.play-btn-s2:before {
 position:absolute;
 left:2px;
 top:2px;
 height:calc(100% - 4px);
 width:calc(100% - 4px);
 content:'';
 border-radius:50%;
 background:#fff
}
.play-icon {
 position:absolute;
 left:50%;
 top:50%;
 height:22px;
 width:12px;
 transform:translate(-50%, -50%);
 background:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%)
}
.play-icon:before,.play-icon:after {
 position:absolute;
 content:"";
 height:0;
 width:0;
 right:0
}
.play-icon:before {
 top:0;
 border-right:12px solid #fff;
 border-bottom:11px solid transparent
}
.play-icon:after {
 bottom:0;
 border-right:12px solid #fff;
 border-top:11px solid transparent
}
.features-item-s2 {
 margin-bottom:32px;
 position:relative
}
.features-item-s2:before {
 position:absolute;
 left:31px;
 top:2px;
 height:calc(100% + 50px);
 width:1px;
 content:'';
 z-index:-1;
 background:#2b56f5
}
.features-icon-s2 {
 height:60px;
 width:60px;
 border-radius:50%;
 background:linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
 flex-shrink:0;
 margin-right:35px
}
.features-title-s2 {
 margin-bottom:12px
}
.features-list-s2 li:last-child:before {
 display:none
}
.text-block {
 counter-reset:item
}
.text-block ol {
 list-style:none
}
.text-block ol li {
 position:relative;
 padding-left:65px;
 margin-bottom:10px;
 color:#aeafff
}
.text-block ol li:before {
 position:absolute;
 top:-8px;
 left:25px;
 counter-increment:item;
 content:counter(item) ".";
 font-size:30px;
 font-weight:700;
 color:#46bdf4
}
.problem-list {
 padding:30px 65px;
 border-radius:15px;
 background:rgba(0,5,55,0.78)
}
.problem-item {
 padding:32px 0
}
.problem-item ul li {
 line-height:1.73;
 color:#aeafff;
 padding-left:35px;
 margin:5px 0;
 position:relative
}
.problem-item ul li:before {
 position:absolute;
 top:10px;
 left:15px;
 height:5px;
 width:5px;
 content:'';
 border-radius:50%;
 background:#46bdf4
}
.problem-icon {
 width:95px;
 flex-grow:0;
 flex-shrink:0;
 margin-right:30px;
 margin-bottom:20px
}
@media only screen and (max-width: 767px) {
 .problem-list {
  padding:30px 30px
 }
}
.solution-list {
 margin-bottom:-75px
}
.solution-item {
 padding-bottom:75px
}
.solution-icon {
 width:65px;
 margin:0 auto 23px
}
.solution-title {
 margin-bottom:16px
}
@media only screen and (max-width: 767px) {
 .solution-item {
  max-width:380px;
  margin-left:auto;
  margin-right:auto
 }
}
.timeline-list {
 position:relative;
 padding:30px 0
}
.timeline-list:before {
 position:absolute;
 height:100%;
 width:1px;
 left:50%;
 top:0;
 content:'';
 background:linear-gradient(to bottom, #46bdf4 0%, #7a0fff 100%)
}
.timeline-content {
 position:relative;
 padding:2px 10px
}
.timeline-content:before {
 position:absolute;
 height:19px;
 width:19px;
 border:1px solid #46bdf4;
 background:#46bdf4;
 top:2px;
 left:-24px;
 border-radius:50%;
 content:''
}
.timeline-content:after {
 position:absolute;
 font-family:'FontAwesome';
 content:'\f00c';
 left:-24px;
 top:2px;
 width:19px;
 height:19px;
 border-radius:50%;
 background:transparent;
 font-size:10px;
 line-height:19px;
 text-align:center;
 color:#41faa4;
 opacity:0
}
.timeline-content-left:before,.timeline-content-left:after {
 right:-25px;
 left:auto
}
.timeline-content.active:before {
 background:#000537
}
.timeline-content.active:after {
 opacity:1
}
.timeline-content h6 {
 margin-bottom:8px;
 color:#46bdf4
}
@media only screen and (max-width: 767px) {
 .timeline-list:before {
  left:5px
 }
 .timeline-content {
  padding:0 30px;
  margin:15px 0
 }
 .timeline-content:before {
  top:0;
  left:-5px
 }
 .timeline-content:after {
  left:-5px;
  top:0
 }
 .timeline-content-left:before,.timeline-content-left:after {
  right:auto;
  left:-5px
 }
}
.team-circle-des {
 background:#08157a;
 border-radius:8px;
 padding:30px 15px;
 text-align:center;
 margin-bottom:50px;
 transition:all .3s
}
.team-circle-des:hover {
 transform:translateY(-8px)
}
.team-circle-des h5 {
 font-weight:400;
 margin:21px 0 1px
}
.team-circle-des span {
 display:block;
 margin-bottom:6px;
 color:#aeafff
}
.team-circle-des p {
 font-size:.87em;
 color:#d2d3ff
}
.team-circle-img {
 max-width:160px;
 margin:0 auto
}
.team-circle-img img {
 border-radius:50%
}
.team-circle-social li {
 display:inline-block;
 margin:0 8px
}
.team-circle-social li a {
 color:#46bdf4
}
.team-circle-social li a:hover {
 color:#2b56f5
}
@media only screen and (max-width: 767px) {
 .team-circle-des {
  max-width:360px;
  margin-left:auto;
  margin-right:auto
 }
 .team-circle-des img {
  max-width:100%
 }
}
.io-lobelia .banner.banner-curb {
 background:url(../images/header-shape-lobelia.png) top center no-repeat,linear-gradient(to top left, #000537 0%, #0a1992 100%);
 background-size:100%;
 position:relative
}
.io-lobelia .banner.banner-curb:before {
 position:absolute;
 left:0;
 bottom:0;
 height:70%;
 width:100%;
 content:'';
 background:linear-gradient(to top, #0a1992 0%, transparent 100%)
}
.io-lobelia .has-fixed .btn.btn-outline::after {
 background:#071162
}
.io-lobelia .site-header.has-fixed .navbar {
 background:#071162
}
.io-lobelia .site-header .is-transparent+.banner .banner-content {
 padding-top:90px;
 padding-bottom:40px
}
.io-lobelia .navbar .navbar-nav .dropdown-menu {
 background:#060f59
}
.io-lobelia .navbar .navbar-nav .dropdown-menu:after {
 border-bottom-color:#060f59
}
.io-lobelia .section-bg {
 background-color:#0a1992
}
.io-lobelia .section-bg .countdown-box {
 background:#091784
}
.io-lobelia .section-bg-alt {
 background-color:#000537
}
.io-lobelia .section-bg-alt .countdown-box {
 background:#000428
}
.io-lobelia .sub-heading {
 color:#46bdf4
}
.io-lobelia p {
 color:#d2d3ff
}
.io-lobelia .text-block p {
 color:#d2d3ff
}
.io-lobelia .text-block ul li {
 color:#aeafff
}
.io-lobelia .text-block ol li {
 color:#aeafff
}
.io-lobelia .btn.btn-outline::after {
 background:#051276
}
.io-lobelia .accordion .card {
 background:rgba(8,21,122,0.3);
 border-bottom:1px solid #0a1992 !important
}
.io-lobelia .accordion .card .card-header a.collapsed {
 background:#08157a
}
.io-lobelia .inline-form .input-round {
 border-color:#0a1992;
 background:#0a1992
}
.io-lobelia .subscription-form .btn {
 top:5px;
 right:5px
}
.io-lobelia .navbar-collapse::after {
 display:none
}
.io-lobelia .footer-scetion {
 padding:60px 0 60px
}
.io-lobelia .loader-section {
 background:#08157a
}
@media only screen and (max-width: 991px) {
 .io-lobelia .site-header .navbar.is-transparent.active {
  background:#09167f
 }
 .imgfix {
  text-align:center
 }
 .imgfix img {
  width:100%;
  max-width:480px
 }
}
@media only screen and (max-width: 767px) {
 .io-lobelia .footer-scetion {
  padding:0 0 60px
 }
}
@media only screen and (max-width: 767px) and (min-width: 480px) and (orientation: landscape) {
 .section:not(.team-section) img,.section:not(.blog-section) img {
  width:100%
 }
 .section .video-box-s2 img {
  max-width:100%
 }
 .problem-item .problem-icon img {
  max-width:100%
 }
 .team-circle-des img {
  max-width:100% !important
 }
}
.io-jasmine h1,.io-jasmine h2,.io-jasmine h3,.io-jasmine h4,.io-jasmine h5,.io-jasmine h6 {
 color:#223b55
}
.io-jasmine p {
 color:#4c5a77
}
.io-jasmine p.lead {
 color:#6a7894
}
.io-jasmine .section-dark h1,.io-jasmine .section-dark h2,.io-jasmine .section-dark h3,.io-jasmine .section-dark h4,.io-jasmine .section-dark h5,.io-jasmine .section-dark h6 {
 color:#fff
}
.io-jasmine .section-dark p {
 color:#fff
}
.io-jasmine .section-dark p.lead {
 color:#fff
}
.io-jasmine .section-bg {
 background:#fff
}
.io-jasmine .section-bg-alt {
 background:#e7edf5
}
.io-jasmine .section-bg-atob {
 background-image:linear-gradient(to bottom, #fff 0%, #e7edf5 100%)
}
.io-jasmine .heading-sm {
 color:rgba(34,59,85,0.6)
}
.io-jasmine .heading-sm-s2 {
 color:#16a1ff
}
.io-jasmine .timeline-title {
 color:#2b56f5
}
.io-jasmine .timeline-done .timeline-title {
 color:#223b55
}
.io-jasmine .document-title {
 color:#4c5a77
}
.io-jasmine .btn {
 border-radius:6px;
 background-image:-webkit-linear-gradient(to right, #2b56f5 0%, #16a1ff 100%);
 background-image:linear-gradient(to right, #2b56f5 0%, #16a1ff 100%)
}
.io-jasmine .btn:before {
 border-radius:6px;
 background-image:-webkit-linear-gradient(to right, #16a1ff 0%, #2b56f5 100%);
 background-image:linear-gradient(to right, #16a1ff 0%, #2b56f5 100%)
}
.io-jasmine .btn-outline {
 border:2px solid #16a1ff
}
.io-jasmine .btn-outline:before,.io-jasmine .btn-outline:after {
 display:none
}
.io-jasmine .btn-outline:hover {
 color:#fff;
 background:#16a1ff !important
}
.io-jasmine .btn.btn-plane {
 background:#2b56f5
}
.io-jasmine .text-block ul:not(.btns) li {
 position:relative;
 line-height:2;
 padding-left:60px;
 margin-bottom:18px
}
.io-jasmine .text-block ul:not(.btns) li:before,.io-jasmine .text-block ul:not(.btns) li:after {
 height:35px;
 width:35px;
 border-radius:50%;
 position:absolute;
 top:8px;
 left:0;
 content:''
}
.io-jasmine .text-block ul:not(.btns) li:after {
 background:url(../images/check.png) no-repeat center center;
 background-size:contain
}
.io-jasmine .text-block ul:not(.btns) li:before {
 background:linear-gradient(to right, #2b56f5 0%, #16a1ff 100%)
}
.io-jasmine .contact-info-alt li .fa {
 color:#16a1ff;
 background:transparent;
 border:2px solid #16a1ff;
 line-height:34px
}
.io-jasmine .contact-info-alt li .fa:after {
 display:none
}
.io-jasmine .navbar-toggler {
 background:linear-gradient(to right, #2b56f5 0%, #16a1ff 100%)
}
.io-jasmine .navbar-toggler:hover,.io-jasmine .navbar-toggler:focus {
 background:linear-gradient(to right, #16a1ff 0%, #2b56f5 100%)
}
.io-jasmine .team-circle-des {
 background:#fff;
 box-shadow:0px 7px 23px 0px rgba(0,0,0,0.04)
}
.io-jasmine .team-circle-des h5 {
 color:#4c5a77
}
.io-jasmine .team-circle-des span {
 color:#16a1ff
}
.io-jasmine .team-circle-des p {
 color:#223b55
}
.io-jasmine .team-circle-des:hover {
 box-shadow:0px 7px 15px 0px rgba(0,0,0,0.08)
}
.io-jasmine .team-circle-social li a {
 color:#16a1ff
}
.io-jasmine .team-circle-social li a:hover {
 color:#2b56f5
}
.io-jasmine .site-header .navbar-nav>li>a {
 text-transform:capitalize;
 color:#223b55
}
.io-jasmine .site-header .navbar-nav>li>a:hover,.io-jasmine .site-header .navbar-nav>li>a.active {
 color:#16a1ff
}
.io-jasmine .site-header.has-fixed .navbar {
 background:#d1ddec
}
.io-jasmine .site-header .navbar-btns {
 margin-left:20px
}
.io-jasmine .lang-switch a {
 font-size:13px;
 font-weight:500;
 margin:0 8.5px;
 color:#223b55
}
.io-jasmine .lang-switch a:hover {
 color:#16a1ff;
 background-color:transparent
}
.io-jasmine .lang-switch .dropdown-item {
 margin:0 0
}
.io-jasmine .lang-switch .dropdown-menu {
 margin-top:15px
}
.io-jasmine .lang-switch .ti {
 font-size:.6em;
 margin-left:5px
}
.io-jasmine .loader-section {
 background:#e7edf5
}
.io-jasmine .subscribe-results {
 padding:7px 20px
}
@media only screen and (max-width: 991px) {
 .io-jasmine .navbar-collapse.show:after {
  display:none
 }
 .io-jasmine .site-header .navbar.is-transparent.active {
  background:#d1ddec
 }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .io-jasmine .site-header .navbar-btns {
  margin-left:6px
 }
}
@media only screen and (max-width: 767px) {
 .io-jasmine .team-circle-des {
  margin-left:0;
  max-width:100%
 }
 .io-jasmine img {
  width:100%;
  max-width:360px
 }
}
.zi1 {
 z-index:1 !important
}
.zi2 {
 z-index:2 !important
}
.zi3 {
 z-index:3 !important
}
.zi4 {
 z-index:4 !important
}
.zi5 {
 z-index:5 !important
}
.zi6 {
 z-index:6 !important
}
.zi7 {
 z-index:7 !important
}
.zi8 {
 z-index:8 !important
}
.zi9 {
 z-index:9 !important
}
.zi10 {
 z-index:10 !important
}
.navbar-btns li {
 display:inline-block
}
.btns.no-space {
 margin:0 -14px
}
.btns.no-space li {
 margin-left:-34px;
 margin-right:-34px;
 padding-left:14px;
 padding-right:14px
}
.background-shape {
 background:rgba(0,52,86,0.03);
 position:absolute;
 height:100%;
 width:100%;
 content:'';
 top:0;
 left:50%;
 transform:skewX(33deg);
 transform-origin:left bottom
}
.background-shape:before,.background-shape:after {
 background:rgba(255,255,255,0.2);
 position:absolute;
 height:100%;
 width:100%;
 content:'';
 top:0
}
.background-shape:before {
 left:280px
}
.background-shape:after {
 left:560px
}
.background-shape.bs-right {
 left:70%
}
.background-shape.bs-reverse {
 right:70%;
 left:auto;
 transform:skewX(-33deg);
 transform-origin:right bottom
}
.background-shape.bs-reverse:before {
 left:auto;
 right:280px
}
.background-shape.bs-reverse:after {
 left:auto;
 right:560px
}
.mb--x1 {
 margin-bottom:-10px
}
.mb--x2 {
 margin-bottom:-20px
}
.mb--x3 {
 margin-bottom:-30px
}
.mb--x4 {
 margin-bottom:-40px
}
.mb--x5 {
 margin-bottom:-50px
}
.mb--x6 {
 margin-bottom:-60px
}
.mb--x7 {
 margin-bottom:-70px
}
.mb--x8 {
 margin-bottom:-80px
}
.banner-jasmine {
 padding-top:130px;
 background:linear-gradient(-135deg, #dde5f1 0%, #eaeff6 100%);
 overflow:hidden
}
.banner-jasmine .countdown-box {
 position:relative;
 padding:65px 0 50px
}
.banner-jasmine .token-countdown .countdown-text {
 font-weight:400;
 text-transform:capitalize;
 color:#16a1ff
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .io-jasmine .banner.banner-full {
  min-height:1080px
 }
}
@media only screen and (max-width: 480px) {
 .io-jasmine .banner.banner-full {
  min-height:580px
 }
 .io-jasmine .site-header .is-transparent+.banner .banner-content {
  padding-top:45px
 }
 .io-jasmine h1,.io-jasmine .h1,.io-jasmine .heading-lg,.io-jasmine .heading-lg-lead {
  font-size:1.2em
 }
 .btns.no-space {
  margin:0 -14px
 }
 .btns.no-space li {
  margin:2px -20px;
  padding-left:14px;
  padding-right:14px
 }
}
@media only screen and (max-width: 767px) {
 .banner-jasmine {
  padding-top:50px
 }
 .banner-jasmine .countdown-box {
  padding:25px 0 50px;
  max-width:280px
 }
 .io-jasmine .banner.banner-full {
  min-height:650px
 }
}
.circle-animation {
 position:absolute;
 height:700px;
 width:700px;
 top:-110px;
 left:50%;
 transform:translateX(-50%)
}
.circle-animation .ca {
 position:absolute;
 border-radius:50%;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%);
 border:2px solid rgba(34,59,85,0.15)
}
.circle-animation .ca-dot {
 position:absolute;
 height:12px;
 width:12px;
 border-radius:50%
}
.circle-animation .ca-color-1 {
 background:#86cfff
}
.circle-animation .ca-color-2 {
 background:#859fff
}
.circle-animation .ca-color-3 {
 background:#93a6ba
}
.circle-animation-l1 {
 height:100%;
 width:100%;
 animation:rotatecw 78s linear infinite 0s
}
.circle-animation-l1-d1 {
 left:23%;
 top:6.35%
}
.circle-animation-l1-d2 {
 right:23%;
 top:6.35%
}
.circle-animation-l1-d3 {
 right:-7px;
 top:50%
}
.circle-animation-l1-d4 {
 right:23%;
 bottom:6.35%
}
.circle-animation-l1-d5 {
 left:23%;
 bottom:6.35%
}
.circle-animation-l1-d6 {
 left:-7px;
 top:50%
}
.circle-animation-l2 {
 height:84.6%;
 width:84.6%;
 border-radius:50%;
 animation:rotateacw 66s linear infinite 0s
}
.circle-animation-l2-d1 {
 right:4.9%;
 top:25%
}
.circle-animation-l2-d2 {
 left:42%;
 top:-.6%
}
.circle-animation-l2-d3 {
 left:-2px;
 top:40%
}
.circle-animation-l2-d4 {
 left:24%;
 bottom:5.5%
}
.circle-animation-l2-d5 {
 right:11.2%;
 bottom:16%
}
.circle-animation-l3 {
 height:69.2%;
 width:69.2%;
 animation:rotatecw 54s linear infinite 0s
}
.circle-animation-l3-d1 {
 left:7.6%;
 top:20%
}
.circle-animation-l3-d2 {
 right:24%;
 top:5.2%
}
.circle-animation-l3-d3 {
 right:-3px;
 bottom:39%
}
.circle-animation-l3-d4 {
 right:37%;
 bottom:0
}
.circle-animation-l3-d5 {
 left:8.4%;
 bottom:19%
}
@keyframes rotatecw {
 0% {
  transform:translate(-50%, -50%) rotate(0deg)
 }
 100% {
  transform:translate(-50%, -50%) rotate(360deg)
 }
}
@keyframes rotateacw {
 0% {
  transform:translate(-50%, -50%) rotate(0deg)
 }
 100% {
  transform:translate(-50%, -50%) rotate(-360deg)
 }
}
@media only screen and (max-width: 991px) {
 .circle-animation {
  transform:translateX(-50%) scale(0.9)
 }
}
@media only screen and (max-width: 767px) {
 .circle-animation {
  transform:translateX(-50%) scale(0.8);
  top:-170px
 }
}
.section-head-s6 {
 padding-bottom:20px
}
.section-title-s6 {
 font-weight:600
}
.heading-sm {
 text-transform:uppercase;
 letter-spacing:.4em;
 font-weight:600;
 font-size:1.07em
}
.heading-sm-s2 {
 text-transform:uppercase;
 letter-spacing:.2em;
 color:#16a1ff;
 padding-left:75px;
 position:relative;
 font-size:.93em
}
.heading-sm-s2:before {
 position:absolute;
 left:0;
 top:50%;
 margin-top:-1px;
 height:2px;
 width:60px;
 content:'';
 background:#16a1ff
}
.btn-icon-s2 {
 font-weight:600;
 color:#16a1ff;
 text-transform:capitalize;
 background:transparent !important
}
.btn-icon-s2:before {
 display:none
}
.btn-icon-s2 .ti {
 display:inline-block;
 color:#fff;
 margin-right:12px;
 font-size:.93em;
 text-align:center;
 line-height:36px;
 width:36px;
 border-radius:50%;
 background:#16a1ff;
 transition:all .4s
}
.btn-icon-s2:hover,.btn-icon-s2:focus {
 color:#2b56f5
}
.btn-icon-s2:hover .ti,.btn-icon-s2:focus .ti {
 color:#fff;
 background:#2b56f5
}
.rating-item {
 text-align:center
}
.rating-info {
 font-size:2.23em;
 line-height:1;
 padding:16px 0;
 font-weight:700;
 color:#223b55;
 background:#e9effa;
 border-radius:6px 6px 0 0
}
.rating-info span {
 font-size:.5em;
 color:#6a7894;
 font-weight:400
}
.rating-title {
 background:rgba(22,161,255,0.6);
 color:#fff;
 padding:5px 0;
 font-size:.93em;
 line-height:20px;
 border-radius:0 0 6px 6px
}
@media only screen and (max-width: 767px) {
 .rating-item {
  text-align:center
 }
 .rating-info {
  font-size:1.53em
 }
 .rating-title {
  font-size:.83em
 }
}
@media only screen and (max-width: 575px) {
 .rating-list {
  margin-bottom:-30px
 }
 .rating-item {
  margin-bottom:30px
 }
}
.features-box-s3 {
 position:relative;
 background:#fff;
 border-radius:6px;
 text-align:center;
 padding:80px 30px 70px;
 margin-top:60px
}
.features-box-s3:hover .features-action,.features-box-s3.active .features-action {
 opacity:1;
 transform:translateY(0)
}
.features-icon-s3 {
 position:absolute;
 width:128px;
 left:50%;
 bottom:100%;
 transform:translate(-50%, 50%)
}
.features-icon-s3 img {
 width:100%
}
.features-title-s3 {
 font-weight:400;
 margin-bottom:11px
}
.features-subtitle-s3 {
 color:#9fa9b3;
 display:block;
 position:relative;
 padding-bottom:23px;
 margin-bottom:20px
}
.features-subtitle-s3:after {
 position:absolute;
 bottom:0;
 left:50%;
 margin-left:-25px;
 height:3px;
 width:50px;
 content:'';
 background:#16a1ff
}
.features-action {
 position:absolute;
 left:50%;
 bottom:0;
 height:50px;
 width:50px;
 border-radius:50%;
 margin-left:-25px;
 margin-bottom:-25px;
 background:#2b56f5;
 color:#fff;
 font-size:20px;
 text-align:center;
 line-height:50px;
 opacity:0;
 transform:translateY(20px)
}
.features-action:hover {
 color:#fff;
 background:#16a1ff
}
.benefits-item {
 display:flex;
 margin-bottom:80px
}
.benefits-icon {
 width:110px;
 flex-grow:0;
 flex-shrink:0
}
.benefits-txt {
 padding-left:30px;
 padding-right:140px
}
@media only screen and (max-width: 991px) {
 .benefits-item {
  align-items:center
 }
}
@media only screen and (max-width: 575px) {
 .benefits-item {
  display:block;
  margin-bottom:40px
 }
 .benefits-icon {
  margin-bottom:20px
 }
 .benefits-txt {
  padding-left:0;
  padding-right:0
 }
}
.token-details-list {
 border:1px solid #d8e0ff;
 border-radius:6px
}
.token-details-list li {
 display:flex;
 font-weight:500;
 overflow:hidden;
 font-size:.93em
}
.token-details-list li span {
 line-height:20px;
 padding-top:15px;
 padding-bottom:15px
}
.token-details-list li:nth-child(even) .token-details-title {
 background:#e7f3ff
}
.token-details-list li:nth-child(even) .token-details-info {
 background:#f7f9ff
}
.token-details-list li:nth-child(odd) .token-details-title {
 background:#eff8ff
}
.token-details-list li:nth-child(odd) .token-details-info {
 background:#fff
}
.token-details-list li:first-child {
 border-radius:6px 6px 0 0
}
.token-details-list li:last-child {
 border-radius:0 0 6px 6px
}
.token-details-title {
 color:#223b55;
 width:48%;
 padding-left:15px
}
.token-details-info {
 color:#16a1ff;
 width:52%;
 padding-left:20px
}
.token-stage {
 margin-bottom:33px;
 border-radius:6px
}
.token-stage-title {
 color:#fff;
 text-transform:uppercase;
 font-weight:700;
 line-height:26px;
 padding:10px;
 background:#16a1ff;
 border-radius:6px 6px 0 0
}
.token-stage-pre {
 background:#63c0ff
}
.token-stage-date {
 border:1px solid #d8e0ff;
 border-top:none;
 padding:12px 0 10px
}
.token-stage-date h6 {
 margin-bottom:0;
 font-weight:700
}
.token-stage-date span {
 font-weight:400
}
.token-stage-info {
 border:1px solid #d8e0ff;
 border-top:none;
 border-radius:0 0 6px 6px;
 padding:14px 0 16px
}
.token-stage-bonus {
 display:block;
 font-weight:500;
 color:#16a1ff
}
.token-stage-cap {
 display:block;
 color:#6a7894
}
.token-stage-amount {
 color:#223b55
}
.token-action-box {
 display:flex;
 align-items:center;
 border-radius:6px;
 background:#ecf7ff
}
.token-action-title {
 width:30%;
 background:#b9e3ff;
 border-radius:6px 0 0 6px;
 font-weight:500;
 font-size:1.2em;
 line-height:1.44;
 padding:25px 0
}
.token-action-date {
 font-weight:500;
 width:40%;
 font-size:1.33em
}
.token-action-date span {
 font-weight:400;
 display:block;
 font-size:.8em
}
.token-action-btn {
 width:30%;
 padding-right:30px
}
.token-action-btn .btn.btn-lg {
 padding:10px;
 min-width:100%
}
.token-bar-chart {
 display:flex;
 margin-top:135px
}
.token-bar-item {
 position:relative;
 height:40px;
 border-radius:20px
}
.token-bar-item:before {
 position:absolute;
 left:-20px;
 top:0;
 height:40px;
 width:40px;
 content:'';
 z-index:-1
}
.token-bar-item:first-child:before {
 display:none
}
.token-bar-item.tbic1 {
 background:#002674
}
.token-bar-item.tbic1 .token-bar-txt span:first-of-type {
 color:#002674
}
.token-bar-item.tbic2 {
 background:#004ae2
}
.token-bar-item.tbic2:before {
 background:#004ae2
}
.token-bar-item.tbic2 .token-bar-txt span:first-of-type {
 color:#004ae2
}
.token-bar-item.tbic3 {
 background:#3b7bff
}
.token-bar-item.tbic3:before {
 background:#3b7bff
}
.token-bar-item.tbic3 .token-bar-txt span:first-of-type {
 color:#3b7bff
}
.token-bar-item.tbic4 {
 background:#3bb8ff
}
.token-bar-item.tbic4:before {
 background:#3bb8ff
}
.token-bar-item.tbic4 .token-bar-txt span:first-of-type {
 color:#3bb8ff
}
.token-bar-item.tbic5 {
 background:#5378fb
}
.token-bar-item.tbic5:before {
 background:#5378fb
}
.token-bar-item.tbic5 .token-bar-txt span:first-of-type {
 color:#5378fb
}
.token-bar-txt {
 position:absolute;
 padding-bottom:10px;
 top:-110px;
 left:50%;
 min-width:100%;
 text-align:center;
 transform:translateX(-50%)
}
.token-bar-txt:after {
 position:absolute;
 left:50%;
 top:100%;
 height:65px;
 width:1px;
 content:'';
 background:rgba(22,161,255,0.5)
}
.token-bar-txt span {
 display:block;
 line-height:1.5
}
.token-bar-txt span:first-of-type {
 font-weight:600
}
@media only screen and (max-width: 991px) {
 .token-bar-txt {
  font-size:.9em
 }
}
@media only screen and (max-width: 767px) {
 .token-bar-chart {
  display:block;
  margin:0;
  overflow:hidden
 }
 .token-bar-item {
  margin:10px 0
 }
 .token-bar-item:before {
  display:none
 }
 .token-bar-txt {
  text-align:left !important;
  padding-bottom:0;
  top:50%;
  left:100%;
  min-width:300%;
  text-align:center;
  transform:translateX(60px) translateY(-50%)
 }
 .token-bar-txt:after {
  position:absolute;
  left:0;
  top:50%;
  height:1px;
  width:40px;
  margin-left:-55px
 }
}
@media only screen and (max-width: 575px) {
 .token-action-box {
  display:block
 }
 .token-action-title {
  width:100%;
  border-radius:6px 6px 0 0;
  padding:25px 0
 }
 .token-action-date {
  padding:25px 0;
  width:100%
 }
 .token-action-btn {
  width:100%;
  padding-right:0;
  padding-bottom:25px
 }
 .token-action-btn .btn.btn-lg {
  padding:10px;
  min-width:200px
 }
}
.document-item {
 margin:0 0 20px 20px;
 border-radius:6px;
 background:#fff;
 min-height:140px;
 padding:25px 20px 20px 95px;
 box-shadow:0px 0px 15px 0px rgba(0,0,0,0.07)
}
.document-img {
 position:absolute;
 top:20px;
 left:15px;
 width:100px
}
.document-img img {
 border-radius:4px
}
.document-title {
 font-size:1em;
 margin-bottom:14px;
 color:#4c5a77
}
.document-links {
 margin:0 -2px
}
.document-links li {
 display:inline-block;
 margin:0 2px 5px
}
.document-links li a {
 padding:0 10px;
 display:inline-block;
 line-height:21px;
 border:2px solid #d8e0ff;
 border-radius:4px;
 font-size:.86em;
 font-weight:500
}
.timeline-item {
 position:relative;
 padding:0 15px 54px
}
.timeline-item:before,.timeline-item:after {
 position:absolute;
 top:41px;
 width:50%;
 height:3px;
 content:'';
 background:#16a1ff;
 opacity:0
}
.timeline-item:before {
 left:0
}
.timeline-item:after {
 right:0
}
.timeline-date {
 text-transform:uppercase;
 font-size:.81em;
 font-weight:700;
 color:#6a7894;
 letter-spacing:.1em;
 display:block;
 padding-bottom:26px;
 position:relative;
 z-index:2
}
.timeline-date:after,.timeline-date:before {
 position:absolute;
 bottom:0;
 left:50%;
 border-radius:50%;
 content:''
}
.timeline-date:after {
 margin-left:-5px;
 height:11px;
 width:11px;
 background:#2b56f5
}
.timeline-date:before {
 margin-left:-13px;
 margin-bottom:-8px;
 height:27px;
 width:27px;
 background:rgba(43,86,245,0.23);
 opacity:0
}
.timeline-title {
 color:#2b56f5;
 margin-bottom:4px;
 padding-top:48px;
 position:relative
}
.timeline-title:before {
 position:absolute;
 top:0;
 left:50%;
 height:40px;
 width:0;
 content:'';
 border-right:1px dashed rgba(186,188,195,0.3)
}
.timeline-info li {
 position:relative;
 padding:8px 0;
 color:#707d98;
 line-height:26px
}
.timeline-info li:after {
 position:absolute;
 left:50%;
 bottom:0;
 height:1px;
 width:20px;
 margin-bottom:-0.5px;
 margin-left:-10px;
 content:'';
 background:#79859f
}
.timeline-info li:last-child:after {
 display:none
}
.timeline-done:before,.timeline-done:after {
 opacity:1
}
.timeline-done .timeline-title {
 color:#223b55
}
.timeline-done .timeline-date:before {
 opacity:1
}
.timeline-current:before,.timeline-current:after {
 opacity:1
}
.timeline-current:after {
 opacity:0
}
.timeline-current .timeline-title {
 color:#223b55
}
.timeline-current .timeline-date:before {
 opacity:1
}
.timeline-row {
 position:relative
}
.timeline-row:before {
 position:absolute;
 top:42px;
 left:0;
 width:100%;
 height:0;
 content:'';
 border-bottom:1px dashed rgba(186,188,195,0.3)
}
.timeline-row:after {
 position:absolute;
 top:42px;
 width:15px;
 height:calc(100% + 1px);
 content:'';
 border:1px dashed rgba(186,188,195,0.3)
}
.timeline-row-done:after {
 position:absolute;
 top:41px;
 width:15px;
 height:calc(100% + 3px);
 content:'';
 border:3px solid #16a1ff
}
.timeline-row-done.timeline-row-odd:after {
 right:-15px
}
.timeline-row-done.timeline-row-even:after {
 left:-15px
}
.timeline-row-odd:after {
 right:-17px;
 border-left:0;
 border-radius:0 20px 20px 0
}
.timeline-row-even:after {
 left:-17px;
 border-right:0;
 border-radius:20px 0 0 20px
}
.timeline-row-even .timeline-item {
 padding-left:40px;
 padding-right:40px
}
.timeline-row-even .timeline-item:before {
 right:0;
 left:auto
}
.timeline-row-even .timeline-item:after {
 left:0;
 right:auto
}
.timeline-row-last:after {
 display:none
}
@media only screen and (max-width: 991px) {
 .timeline-item {
  padding:30px 25px 24px
 }
 .timeline-item:before,.timeline-item:after {
  width:3px
 }
 .timeline-item:before {
  top:0;
  left:-1px;
  height:72px
 }
 .timeline-item:after {
  top:72px;
  right:auto;
  left:-1px;
  height:calc(100% - 72px)
 }
 .timeline-date:after,.timeline-date:before {
  left:0
 }
 .timeline-date:after {
  margin-left:-30px;
  margin-bottom:-5px
 }
 .timeline-date:before {
  margin-left:-38px;
  margin-bottom:-13px
 }
 .timeline-title {
  padding-top:30px
 }
 .timeline-title:before {
  top:0;
  left:-25px;
  height:0;
  width:40px;
  margin-top:-1.5px;
  border-right:none;
  border-top:1px dashed rgba(186,188,195,0.3)
 }
 .timeline-info li:after {
  left:0;
  margin-left:0
 }
 .timeline-row {
  margin-left:12px
 }
 .timeline-row:before {
  top:0;
  width:0;
  height:100%;
  border-left:1px dashed rgba(186,188,195,0.3);
  border-bottom:none
 }
 .timeline-row:after {
  display:none
 }
 .timeline-row-even .timeline-item {
  padding-left:25px;
  padding-right:25px
 }
 .timeline-row-even .timeline-item:before {
  right:auto;
  left:-1px
 }
 .timeline-row-even .timeline-item:after {
  left:-1px;
  right:auto
 }
}
.tab-custom-s3 .nav-tabs {
 border:none;
 margin:0 -7px 20px
}
.tab-custom-s3 .nav-tabs .nav-item {
 margin:5px 7px
}
.tab-custom-s3 .nav-tabs .nav-link {
 border:none;
 line-height:24px;
 padding:10px 18px;
 background:rgba(34,59,85,0.07);
 border-radius:6px;
 color:#4c5a77
}
.tab-custom-s3 .nav-tabs .nav-link.active {
 color:#16a1ff;
 background:rgba(22,161,255,0.1)
}
.accordion-s2 .card {
 background-color:#fff;
 border:2px solid rgba(34,59,85,0.1);
 margin-bottom:10px
}
.accordion-s2 .card.active {
 border-color:rgba(22,161,255,0.3)
}
.accordion-s2 .card-header {
 border:none;
 background:none;
 position:relative;
 padding:0
}
.accordion-s2 .card-header h5 {
 font-size:1.2em
}
.accordion-s2 .card-header a {
 color:#16a1ff;
 font-weight:400;
 padding:25px 30px 15px;
 display:block;
 margin-top:0;
 cursor:pointer
}
.accordion-s2 .card-header a.collapsed {
 padding:25px 30px;
 color:#4c5a77
}
.accordion-s2 .card-header a:hover {
 color:#16a1ff
}
.accordion-s2 .card-body {
 padding:0 30px 25px
}
.accordion-s2 .plus-minus {
 cursor:pointer;
 display:block;
 position:absolute;
 right:20px;
 top:50%;
 height:18px;
 width:18px;
 margin-top:-9px;
 transition:all .5s ease
}
.accordion-s2 .plus-minus .ti {
 position:relative;
 height:100%;
 display:block;
 font-size:18px;
 color:#16a1ff
}
.accordion-s2 .collapsed .plus-minus {
 transform:rotate(180deg)
}
.accordion-s2 .collapsed .plus-minus .ti {
 color:rgba(34,59,85,0.5)
}
.input-border {
 width:100%;
 line-height:20px;
 font-size:.93em;
 padding:13px 20px;
 background:transparent;
 border-radius:6px;
 border:2px solid rgba(34,59,85,0.15)
}
.input-border:focus {
 outline:none;
 box-shadow:none
}
.input-border::-moz-placeholder {
 opacity:.8;
 color:rgba(34,59,85,0.7)
}
.input-border:-ms-input-placeholder {
 opacity:.8;
 color:rgba(34,59,85,0.7)
}
.input-border::-webkit-input-placeholder {
 opacity:.8;
 color:rgba(34,59,85,0.7)
}
.input-border.error {
 border-color:#ff0000
}
.form-message-s2 .input-field .btn {
 margin-top:0
}
.subscribe-box {
 background-image:linear-gradient(35deg, #2b56f5 0%, #16a1ff 100%);
 border-radius:6px;
 padding:65px 65px
}
.subscribe-section-s2 {
 position:relative
}
.subscribe-section-s2:before {
 position:absolute;
 left:0;
 top:50%;
 content:'';
 height:1px;
 width:100%;
 background:#e3e7eb
}
.inline-form-s2 .btn {
 position:absolute;
 top:5px;
 right:5px
}
.input-round-s2 {
 color:#6e7e98;
 background:#fff;
 border:1px solid #fff;
 border-radius:6px;
 line-height:24px;
 width:100%;
 padding:15px 30px;
 outline:none;
 transition:all .5s ease
}
.input-round-s2:focus {
 outline:none;
 box-shadow:none
}
.input-round-s2::-moz-placeholder {
 opacity:.8;
 color:rgba(110,126,152,0.7)
}
.input-round-s2:-ms-input-placeholder {
 opacity:.8;
 color:rgba(110,126,152,0.7)
}
.input-round-s2::-webkit-input-placeholder {
 opacity:.8;
 color:rgba(110,126,152,0.7)
}
@media only screen and (max-width: 767px) {
 .subscription-form .btn {
  top:0;
  right:0
 }
}
@media only screen and (max-width: 575px) {
 .subscribe-box {
  padding:30px
 }
}
.footer-jasmine {
 background:url(../images/jasmine-footer-bg.png) no-repeat bottom center,#fff;
 background-size:cover;
 padding:60px 0 80px
}
.footer-jasmine .social {
 margin-bottom:60px
}
.footer-jasmine .social li a {
 color:#fff;
 background:#16a1ff
}
.footer-jasmine .social li a:hover {
 color:#fff;
 background:#2b56f5
}
.footer-jasmine .social li a em {
 position:relative;
 top:1px
}
.footer-jasmine .footer-logo {
 display:inline-block
}
.footer-jasmine .copyright-text {
 margin-top:18px
}
.io-lungwort h1,.io-lungwort h2,.io-lungwort h3,.io-lungwort h4,.io-lungwort h5,.io-lungwort h6 {
 color:#fff
}
.io-lungwort p {
 color:#a89ffe
}
.io-lungwort p.lead {
 color:#d1ccff
}
.io-lungwort .section-bg {
 background:#3e2bc5
}
.io-lungwort .section-bg .btn-outline:after {
 background:#3e2bc5
}
.io-lungwort .section-bg-alt {
 background:#261986
}
.io-lungwort .section-bg-alt .btn-outline:after {
 background:#261986
}
.io-lungwort .section-bg-dark {
 background:#3221ad
}
.io-lungwort .section-bg-dark .btn-outline:after {
 background:#3221ad
}
.io-lungwort .section-bg-atob {
 background-image:linear-gradient(to bottom, #3e2bc5 0%, #261986 100%)
}
.io-lungwort .heading-sm {
 color:rgba(255,255,255,0.6)
}
.io-lungwort .heading-sm-s2 {
 color:#08bcf0
}
.io-lungwort .heading-sm-s2:before {
 background:#08bcf0
}
.io-lungwort .timeline-title {
 color:#a722f4
}
.io-lungwort .timeline-done .timeline-title {
 color:#fff
}
.io-lungwort .document-title {
 color:#a89ffe
}
.io-lungwort .btn {
 border-radius:6px;
 background-image:-webkit-linear-gradient(to right, #a722f4 0%, #7a5cff 100%);
 background-image:linear-gradient(to right, #a722f4 0%, #7a5cff 100%)
}
.io-lungwort .btn:before {
 border-radius:6px;
 background-image:-webkit-linear-gradient(to right, #7a5cff 0%, #a722f4 100%);
 background-image:linear-gradient(to right, #7a5cff 0%, #a722f4 100%)
}
.io-lungwort .btn-outline:after {
 border-radius:6px
}
.io-lungwort .btn.btn-plane {
 background:#a722f4
}
.io-lungwort .text-block ul:not(.btns) li {
 position:relative;
 line-height:2;
 padding-left:60px;
 margin-bottom:18px
}
.io-lungwort .text-block ul:not(.btns) li:before,.io-lungwort .text-block ul:not(.btns) li:after {
 height:35px;
 width:35px;
 border-radius:50%;
 position:absolute;
 top:8px;
 left:0;
 content:''
}
.io-lungwort .text-block ul:not(.btns) li:after {
 background:url(../images/check.png) no-repeat center center;
 background-size:contain
}
.io-lungwort .text-block ul:not(.btns) li:before {
 background:#08bcf0
}
.io-lungwort .contact-info-alt li .fa {
 color:#fff;
 background:#7a5cff;
 border:2px solid #7a5cff;
 line-height:34px
}
.io-lungwort .contact-info-alt li .fa:after {
 display:none
}
.io-lungwort .site-header .navbar-nav>li>a {
 text-transform:capitalize;
 color:#fff
}
.io-lungwort .site-header .navbar-nav>li>a:hover,.io-lungwort .site-header .navbar-nav>li>a.active {
 color:#08bcf0
}
.io-lungwort .site-header.has-fixed .navbar {
 background:#221779
}
.io-lungwort .site-header .navbar-btns {
 margin-left:20px
}
.io-lungwort .navbar .btn-outline:after {
 background:#362995
}
.io-lungwort .has-fixed .btn-outline:after {
 background:#221779
}
.io-lungwort .countdown-box h6 {
 color:#a894ff
}
.io-lungwort .lang-switch {
 position:relative
}
.io-lungwort .lang-switch a {
 font-size:13px;
 font-weight:500;
 margin:0 8.5px;
 color:#fff
}
.io-lungwort .lang-switch a:hover {
 color:#08bcf0;
 background-color:transparent
}
.io-lungwort .lang-switch .dropdown-item {
 margin:0 0
}
.io-lungwort .lang-switch .dropdown-menu {
 margin-top:15px;
 background:#201571;
 border:none
}
.io-lungwort .lang-switch .ti {
 font-size:.6em;
 margin-left:5px
}
.io-lungwort .lang-switch:before {
 position:absolute;
 content:'';
 left:-2px;
 top:50%;
 margin-top:-8px;
 height:20px;
 width:1px;
 background:rgba(239,237,255,0.3)
}
.io-lungwort .navbar-toggler {
 background:linear-gradient(to right, #a722f4 0%, #7a5cff 100%)
}
.io-lungwort .navbar-toggler:hover,.io-lungwort .navbar-toggler:focus {
 background:linear-gradient(to right, #7a5cff 0%, #a722f4 100%)
}
.io-lungwort .background-shape {
 background:rgba(0,0,0,0.03)
}
.io-lungwort .background-shape:before,.io-lungwort .background-shape:after {
 background:rgba(0,0,0,0.05)
}
.io-lungwort .btn-icon-s2 {
 color:#08bcf0
}
.io-lungwort .btn-icon-s2 .ti {
 color:#fff;
 background:#08bcf0
}
.io-lungwort .btn-icon-s2:hover,.io-lungwort .btn-icon-s2:focus {
 color:#a722f4
}
.io-lungwort .btn-icon-s2:hover .ti,.io-lungwort .btn-icon-s2:focus .ti {
 color:#fff;
 background:#a722f4
}
.io-lungwort .rating-info {
 color:#fff;
 background:#634ff1
}
.io-lungwort .rating-info span {
 color:#d1ccff
}
.io-lungwort .rating-title {
 background:#160977
}
.io-lungwort .features-title-s4 {
 color:#08bcf0
}
.io-lungwort .benefits-icon {
 width:160px
}
.io-lungwort .benefits-txt {
 padding-left:45px;
 padding-right:65px
}
.io-lungwort .token-details-list {
 border-color:#453fc9
}
.io-lungwort .token-details-list li:nth-child(even) .token-details-title {
 background:#25238f
}
.io-lungwort .token-details-list li:nth-child(even) .token-details-info {
 background:#261986
}
.io-lungwort .token-details-list li:nth-child(odd) .token-details-title {
 background:#302ab3
}
.io-lungwort .token-details-list li:nth-child(odd) .token-details-info {
 background:#3221ad
}
.io-lungwort .token-details-title {
 color:#fff
}
.io-lungwort .token-details-info {
 color:#08bcf0
}
.io-lungwort .token-stage {
 background:#3221ad
}
.io-lungwort .token-stage-title {
 background:#5d47ff
}
.io-lungwort .token-stage-pre {
 background:#735fff
}
.io-lungwort .token-stage-one {
 background:#6853ff
}
.io-lungwort .token-stage-date {
 border-color:#4631e0
}
.io-lungwort .token-stage-info {
 border-color:#4631e0
}
.io-lungwort .token-stage-bonus {
 color:#08bcf0
}
.io-lungwort .token-stage-cap {
 color:#d1ccff
}
.io-lungwort .token-stage-amount {
 color:#fff
}
.io-lungwort .token-action-box {
 background:#3221ad
}
.io-lungwort .token-action-title {
 background:#261986
}
.io-lungwort .document-item {
 background:#261986
}
.io-lungwort .document-title {
 color:#fff
}
.io-lungwort .document-links li a {
 border-color:#d1ccff
}
.io-lungwort .timeline-item:before,.io-lungwort .timeline-item:after {
 background:#08bcf0
}
.io-lungwort .timeline-date {
 color:#08bcf0
}
.io-lungwort .timeline-date:after {
 background:#08bcf0
}
.io-lungwort .timeline-date:before {
 background:rgba(8,188,240,0.23)
}
.io-lungwort .timeline-title {
 color:#fff
}
.io-lungwort .timeline-title:before {
 border-right-color:#08bcf0
}
.io-lungwort .timeline-info li {
 color:#a89ffe
}
.io-lungwort .timeline-info li:after {
 background:rgba(168,159,254,0.3)
}
.io-lungwort .timeline-done .timeline-title {
 color:#fff
}
.io-lungwort .timeline-current .timeline-title {
 color:#fff
}
.io-lungwort .timeline-row:before {
 border-bottom-color:#08bcf0
}
.io-lungwort .timeline-row:after {
 border-color:#08bcf0
}
.io-lungwort .timeline-row-done:after {
 border-color:#08bcf0
}
.io-lungwort .team-circle-des {
 background:#3e2bc5
}
.io-lungwort .team-circle-des h5 {
 color:#fff
}
.io-lungwort .team-circle-des span {
 color:#08bcf0
}
.io-lungwort .team-circle-des p {
 color:#a89ffe
}
.io-lungwort .team-circle-social li a {
 color:#08bcf0
}
.io-lungwort .team-circle-social li a:hover {
 color:#a722f4
}
.io-lungwort .tab-custom-s3 .nav-tabs .nav-link {
 background:transparent;
 color:#fff
}
.io-lungwort .tab-custom-s3 .nav-tabs .nav-link.active {
 color:#08bcf0;
 background:rgba(8,188,240,0.1)
}
.io-lungwort .accordion-s2 .card {
 background-color:#3e2bc5;
 border:2px solid rgba(135,119,254,0.7);
 margin-bottom:10px
}
.io-lungwort .accordion-s2 .card.active {
 border-color:rgba(8,188,240,0.6)
}
.io-lungwort .accordion-s2 .card-header a {
 color:#08bcf0
}
.io-lungwort .accordion-s2 .card-header a.collapsed {
 color:#d1ccff
}
.io-lungwort .accordion-s2 .card-header a:hover {
 color:#08bcf0
}
.io-lungwort .accordion-s2 .plus-minus .ti {
 color:#08bcf0
}
.io-lungwort .accordion-s2 .collapsed .plus-minus .ti {
 color:rgba(8,188,240,0.5)
}
.io-lungwort .input-border {
 color:#fff;
 border:2px solid rgba(255,255,255,0.25);
 background:#271799
}
.io-lungwort .input-border::-moz-placeholder {
 opacity:.8;
 color:rgba(209,204,255,0.7)
}
.io-lungwort .input-border:-ms-input-placeholder {
 opacity:.8;
 color:rgba(209,204,255,0.7)
}
.io-lungwort .input-border::-webkit-input-placeholder {
 opacity:.8;
 color:rgba(209,204,255,0.7)
}
.io-lungwort .input-round-s2 {
 color:#6e7e98;
 background:#fff;
 border:1px solid #fff
}
.io-lungwort .input-round-s2::-moz-placeholder {
 opacity:.8;
 color:rgba(110,126,152,0.7)
}
.io-lungwort .input-round-s2:-ms-input-placeholder {
 opacity:.8;
 color:rgba(110,126,152,0.7)
}
.io-lungwort .input-round-s2::-webkit-input-placeholder {
 opacity:.8;
 color:rgba(110,126,152,0.7)
}
.io-lungwort .subscribe-box {
 background-image:linear-gradient(-135deg, #4d3dbf 0%, #5a4bc8 100%)
}
.io-lungwort .subscribe-section-s2:before {
 top:50%;
 height:50%;
 background:#211675
}
.io-lungwort .loader-section {
 background:#3e2bc5
}
.io-lungwort .subscribe-results {
 padding:7px 20px
}
@media only screen and (max-width: 991px) {
 io-lungwort .timeline-title:before {
  border-top-color:#08bcf0
 }
 io-lungwort .timeline-row:before {
  border-left-color:#08bcf0
 }
 .io-lungwort .navbar-collapse.show:after {
  display:none
 }
 .io-lungwort .site-header .navbar.is-transparent.active {
  background:#221779
 }
 .io-lungwort .lang-switch:before {
  display:none
 }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .io-lungwort .site-header .navbar-btns {
  margin-left:6px
 }
}
@media only screen and (max-width: 767px) {
 .io-lungwort .team-circle-des {
  margin-left:0;
  max-width:100%
 }
 .io-lungwort img {
  width:100%;
  max-width:360px
 }
}
@media only screen and (max-width: 575px) {
 .io-lungwort .benefits-txt {
  padding-left:0
 }
}
.banner-lungwort {
 padding-top:30px;
 background:linear-gradient(135deg, #6757d4 0%, #190a85 100%);
 overflow:hidden
}
.banner-lungwort .countdown-box {
 position:relative;
 padding:30px 20px 20px;
 margin:50px 140px 0 0
}
.banner-lungwort .countdown-box:after {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 content:'';
 height:calc(100% - 76.5px);
 border-radius:8px;
 background:rgba(26,12,126,0.3)
}
.banner-lungwort .countdown-box .token-countdown .countdown-text {
 font-weight:400;
 text-transform:capitalize;
 color:#08bcf0
}
.header-image-lg {
 text-align:center;
 width:1130px;
 margin:-100px 0 0 -110px;
 transition:all .5s
}
@media only screen and (max-width: 1800px) {
 .header-image-lg {
  width:980px;
  margin:-70px 0 0 -110px
 }
}
@media only screen and (max-width: 1400px) {
 .header-image-lg {
  width:830px;
  margin:-70px 0 0 -110px
 }
}
@media only screen and (max-width: 1199px) {
 .header-image-lg {
  width:730px;
  margin:-50px 0 0 -70px
 }
 .banner-lungwort .countdown-box {
  margin:50px 60px 0 0;
  max-width:380px
 }
}
@media only screen and (max-width: 991px) {
 .header-image-lg {
  width:100%;
  margin:0;
  margin-bottom:40px
 }
 .banner-lungwort .countdown-box {
  margin:50px auto 30px;
  max-width:360px
 }
}
.features-box-s4 {
 position:relative;
 background:#3e2bc5;
 border-radius:6px;
 text-align:center;
 padding:40px 30px 40px;
 margin-bottom:20px
}
.features-box-s4:hover .features-action,.features-box-s4.active .features-action {
 opacity:1;
 transform:translateY(0)
}
.features-icon-s4 {
 width:160px;
 margin:0 auto 30px
}
.features-icon-s4 img {
 width:100%
}
.features-title-s4 {
 font-weight:400;
 margin-bottom:11px;
 color:#08bcf0
}
.features-subtitle-s4 {
 color:#d1ccff;
 display:block;
 position:relative;
 padding-bottom:23px;
 margin-bottom:20px
}
.features-subtitle-s4:after {
 position:absolute;
 bottom:0;
 left:50%;
 margin-left:-25px;
 height:3px;
 width:50px;
 content:'';
 background:#08bcf0
}
.features-action {
 position:absolute;
 left:50%;
 bottom:0;
 height:50px;
 width:50px;
 border-radius:50%;
 margin-left:-25px;
 margin-bottom:-25px;
 background:#08bcf0;
 color:#fff;
 font-size:20px;
 text-align:center;
 line-height:50px;
 opacity:0;
 transform:translateY(20px)
}
.features-action:hover {
 color:#fff;
 background:#7a5cff
}
.footer-lungwort {
 background:url(../images/lungwort-footer-bg.png) no-repeat bottom center,#211675;
 background-size:cover;
 padding:60px 0 80px
}
.footer-lungwort .social {
 margin-bottom:60px
}
.footer-lungwort .social li a {
 color:#fff;
 background:#7a5cff
}
.footer-lungwort .social li a:hover {
 color:#fff;
 background:#a722f4
}
.footer-lungwort .social li a em {
 position:relative;
 top:1px
}
.footer-lungwort .footer-logo {
 display:inline-block
}
.footer-lungwort .copyright-text {
 margin-top:18px
}
.footer-lungwort .copyright-text span {
 color:#fff
}
.small-heading {
 display:block;
 text-transform:uppercase;
 font-size:.8em;
 line-height:1;
 letter-spacing:0.2em;
 color:#7a5cff;
 margin-bottom:20px
}
.or-saparator {
 position:relative
}
.or-saparator:before {
 position:absolute;
 top:50%;
 left:0;
 height:1px;
 margin-top:1px;
 width:100%;
 content:'';
 background:rgba(246,246,246,0.1);
 z-index:1
}
.or-saparator span {
 position:relative;
 display:inline-block;
 text-transform:uppercase;
 font-size:0.81em;
 padding:0 8px;
 background:#14163e;
 color:#8284a8;
 z-index:2
}
.theme-light .or-saparator:before {
 background:rgba(40,56,76,0.1)
}
.theme-light .or-saparator span {
 background:#fff
}
.simple-link {
 font-size:0.81em
}
.icon-btns {
 margin:0 -10px 10px
}
.icon-btns li {
 display:inline-block;
 width:49%;
 padding:5px 10px
}
.icon-btns li a {
 width:100%
}
.btn-icon {
 font-size:13px;
 text-align:center;
 color:#fff;
 display:inline-block;
 line-height:20px;
 padding:9px 5px;
 border-radius:19px
}
.btn-icon [class*=fa-] {
 font-size:13px;
 margin:0 7px
}
.btn-icon:hover {
 color:#fff
}
.btn-facebook {
 background:#3b5998
}
.btn-google {
 background:#d85040
}
.language-switcher.dropup>a::after {
 transform:rotate(180deg)
}
@media only screen and (max-width: 420px) {
 .icon-btns li {
  width:100%
 }
}
.gutter-10 {
 margin-right:-5px;
 margin-left:-5px
}
.gutter-10>.col,.gutter-10>[class*="col-"] {
 padding-right:5px;
 padding-left:5px
}
.gutter-20 {
 margin-right:-10px;
 margin-left:-10px
}
.gutter-20>.col,.gutter-20>[class*="col-"] {
 padding-right:10px;
 padding-left:10px
}
.gutter-30 {
 margin-right:-15px;
 margin-left:-15px
}
.gutter-30>.col,.gutter-30>[class*="col-"] {
 padding-right:15px;
 padding-left:15px
}
.gutter-40 {
 margin-right:-20px;
 margin-left:-20px
}
.gutter-40>.col,.gutter-40>[class*="col-"] {
 padding-right:20px;
 padding-left:20px
}
.gutter-50 {
 margin-right:-25px;
 margin-left:-25px
}
.gutter-50>.col,.gutter-50>[class*="col-"] {
 padding-right:25px;
 padding-left:25px
}
.input-item {
 position:relative;
 margin-bottom:10px
}
.input-line-simple {
 border:none;
 width:100%;
 line-height:19px;
 padding:15px 0;
 background:transparent;
 border-bottom:1px solid #7a5cff
}
.input-line-simple:focus {
 outline:none;
 box-shadow:none
}
.input-line-simple::-moz-placeholder {
 opacity:1;
 color:#8284a8
}
.input-line-simple:-ms-input-placeholder {
 opacity:1;
 color:#8284a8
}
.input-line-simple::-webkit-input-placeholder {
 opacity:1;
 color:#8284a8
}
.input-border-simple {
 width:100%;
 line-height:18px;
 font-size:.93em;
 padding:13px 33px;
 background:transparent;
 border-radius:4px;
 border:2px solid rgba(43,99,254,0.2);
 margin-bottom:5px
}
.input-border-simple:focus {
 outline:none;
 box-shadow:none
}
.input-border-simple::-moz-placeholder {
 opacity:.8;
 color:#8284a8
}
.input-border-simple:-ms-input-placeholder {
 opacity:.8;
 color:#8284a8
}
.input-border-simple::-webkit-input-placeholder {
 opacity:.8;
 color:#8284a8
}
.input-border-simple+[class*="fa-"] {
 position:absolute;
 left:0;
 top:0;
 font-size:.93em;
 line-height:18px;
 padding:15px 0;
 width:35px;
 text-align:center;
 color:rgba(27,87,254,0.4)
}
.input-checkbox,.input-radio {
 position:absolute;
 opacity:0
}
.input-checkbox+label,.input-radio+label {
 font-size:0.81em;
 color:#9b9fe0;
 padding:5px 0 5px 24px;
 position:relative;
 cursor:pointer
}
.input-checkbox+label:before,.input-radio+label:before {
 position:absolute;
 left:0;
 top:9px;
 content:'';
 height:14px;
 width:14px;
 border-radius:2px;
 border:2px solid rgba(43,99,254,0.2)
}
.input-checkbox+label:after,.input-radio+label:after {
 position:absolute;
 left:0;
 top:9px;
 font-family:themify;
 content:"\e64c";
 font-weight:700;
 height:14px;
 width:14px;
 font-size:8px;
 text-align:center;
 opacity:0;
 transition:all .4s
}
.input-checkbox:checked+label:after,.input-radio:checked+label:after {
 opacity:1
}
.input-radio+label:before {
 border-radius:7px
}
.form-note {
 font-size:0.81em;
 color:#8284a8
}
.form-note a {
 color:#9b9fe0;
 border-bottom:1px solid
}
.form-heading {
 display:block;
 text-align:center;
 font-size:.93em;
 line-height:1.71;
 color:#28384c;
 padding:23px 15px
}
.form-link {
 font-size:.87em;
 color:#2b63fe
}
.form-footer {
 padding:0 30px;
 font-size:.8em;
 color:#8284a5
}
.theme-dark .form-footer {
 color:#fff
}
.form-footer-links {
 margin:0 -7px
}
.form-footer-links li {
 display:inline-block;
 margin:0 7px
}
.form-footer-links li a {
 color:#8284a5
}
.form-footer-links li a:hover {
 color:#2b63fe
}
.theme-dark .form-footer-links li a {
 color:#fff
}
.theme-dark .form-footer-links li a:hover {
 color:#2b63fe
}
.user-logo {
 margin-bottom:15px
}
.user-graphics {
 position:absolute !important;
 top:50%;
 width:100%;
 margin:-45px -35px 0 20px
}
.user-pro-box-s2 .user-graphics {
 margin:-65px -20px 0 -20px;
 width:115%
}
.user-page {
 min-height:100vh;
 padding:40px 0;
 position:relative
}
.theme-dark .user-page {
 background:url(../images/bg-login-dark.png) no-repeat 50% 50%,#0b0c22;
 background-size:cover
}
.theme-light .user-page {
 background:url(../images/bg-login-dark.png) no-repeat 50% 50%,#eff6ff;
 background-size:cover
}
.io-light-pro .user-page {
 background:#eff6ff
}
.io-azure .user-page {
 background:#0043b9
}
.io-azure .user-page:before {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 width:100%;
 content:'';
 background-image:linear-gradient(-225deg, #290075 0%, transparent 100%)
}
.io-lobelia .user-page {
 background:#0a1992
}
.io-lobelia .user-page:before {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 width:100%;
 content:'';
 background-image:linear-gradient(-125deg, #020847 0%, transparent 100%)
}
.user-page-box {
 background:#14163e;
 padding:60px;
 border-radius:4px;
 position:relative
}
.theme-light .user-page-box {
 background:#fff
}
.user-page-box:after {
 position:absolute;
 left:0;
 top:0;
 height:5px;
 width:100%;
 content:'';
 background:repeating-linear-gradient(90deg, #00bffa 0%, #00bffa 33.34%, #1b57fe 33.35%, #1b57fe 66.68%, #8255fd 66.69%, #8255fd 100%);
 background-size:50.5%;
 overflow:hidden;
 border-top-left-radius:4px;
 border-top-right-radius:4px
}
.user-page-box h5 {
 text-transform:uppercase;
 margin-bottom:33px
}
.user-pro-box {
 background:#fff;
 border-radius:6px;
 overflow:hidden;
 transition:all .4s
}
.user-pro-box-s2 {
 background:#1808b4;
 padding:26px 56px 26px 30px;
 box-shadow:0px 15px 20px 0px rgba(0,0,0,0.04)
}
.io-lobelia .user-pro-box-s2 {
 background:#07126c
}
.user-pro-info {
 position:relative;
 background:#2b63fe;
 height:100%;
 border-radius:6px 0 0 6px;
 padding:50px 0 0 0;
 margin-right:-20px
}
.io-lavendar .user-pro-info {
 background:#fbbd18
}
.user-pro-info>div {
 z-index:5;
 position:relative
}
.user-pro-info:before {
 position:absolute;
 top:0;
 right:0;
 height:140%;
 width:280px;
 border-radius:50%;
 background:#fff;
 content:'';
 transform:translate(230px, -14.28%);
 z-index:1
}
.user-pro-info:after {
 position:absolute;
 top:0;
 left:0;
 width:70%;
 height:100%;
 content:'';
 background:url(../images/user-shape.png) no-repeat;
 background-size:contain
}
.user-pro-info .language-switcher {
 position:absolute;
 left:12px;
 bottom:21px
}
.user-pro-info .language-switcher:before {
 display:none
}
.io-mascari .user-pro-info {
 margin-right:-30px
}
.io-mascari .user-pro-info:before {
 border-radius:0;
 transform:translate(230px, -14.28%) skewX(10deg);
 z-index:1
}
.user-pro-box-s2 .user-pro-info {
 background:transparent;
 padding-top:25px
}
.user-pro-box-s2 .user-pro-info:before {
 display:none
}
.user-pro-box-s2 .user-pro-info:after {
 top:-26px;
 left:-30px;
 width:90%;
 background:url(../images/user-shape-b.png) no-repeat;
 background-size:contain
}
.user-pro-box-s2 .user-pro-info .language-switcher {
 left:-15px;
 bottom:0
}
.user-pro-form {
 position:relative;
 z-index:3;
 padding:65px 90px 65px 60px;
 color:#8284a5;
 min-height:572px
}
.user-pro-form span {
 font-size:.87em
}
.user-pro-form .simple-link {
 color:#28384c;
 font-size:1em
}
.user-pro-form .simple-link:hover {
 color:#2b63fe
}
.user-pro-form .nav-tabs {
 border-bottom-color:#eef5ff
}
.user-pro-form .nav-tabs .nav-link {
 border:1px solid #eef5ff;
 padding:15px 35px;
 line-height:20px;
 background:#eef5ff;
 color:rgba(40,56,76,0.7);
 margin:0 10px -1px
}
.user-pro-form .nav-tabs .nav-link.active {
 border-bottom-color:#fff;
 background:transparent
}
.user-pro-box-s2 .user-pro-form {
 background:#fff;
 border-radius:10px;
 padding:40px 30px;
 margin-left:40px
}
@media only screen and (min-width: 1199px) and (max-width: 1440px) and (max-height: 700px) {
 .user-page-box {
  padding:30px 60px
 }
 .user-pro-form {
  padding:30px 90px 30px 60px;
  min-height:502px
 }
 .user-pro-box-s2 .user-pro-form {
  padding:25px 30px
 }
}
@media only screen and (max-width: 991px) {
 .user-pro-box-s2 .user-graphics {
  position:static !important;
  margin:0;
  width:100%;
  max-width:320px;
  margin-left:auto;
  margin-right:auto
 }
 .user-pro-box-s2 {
  text-align:center;
  padding:10px
 }
 .user-pro-box-s2 .user-pro-info {
  background:transparent;
  padding-top:25px
 }
 .user-pro-box-s2 .user-pro-info:before {
  display:none
 }
 .user-pro-box-s2 .user-pro-info:after {
  top:-26px;
  left:-30px;
  width:90%;
  background:url(../images/user-shape-b.png) no-repeat;
  background-size:contain
 }
 .user-pro-box-s2 .user-pro-info .language-switcher {
  position:static
 }
 .user-pro-form {
  padding:40px 30px 40px 30px
 }
 .user-pro-form .nav-tabs .nav-link {
  padding:15px 20px;
  line-height:20px;
  margin:0 8px -1px
 }
 .user-pro-box-s2 .user-pro-form {
  border-radius:10px;
  padding:40px 30px;
  margin-left:0
 }
}
@media only screen and (max-width: 767px) {
 .user-graphics {
  position:static !important;
  margin:0;
  padding:10px
 }
 .user-page {
  height:auto;
  min-height:100vh;
  padding:60px 0
 }
 .user-page-box {
  padding:30px
 }
 .user-page-box h5 {
  margin-bottom:20px
 }
 .user-pro-box-s2 {
  text-align:center;
  padding:10px
 }
 .user-pro-info {
  border-radius:6px 0 0 0;
  margin-right:0
 }
 .user-pro-info:before {
  display:none
 }
 .user-pro-info .language-switcher {
  position:static;
  margin-bottom:15px
 }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
 .user-page {
  height:auto;
  min-height:100vh;
  padding:60px 0
 }
}
.page-error {
 position:relative;
 height:100vh;
 background:url(../images/bg-404.png) no-repeat 50% 50%,#0b0c22;
 background-size:cover;
 overflow:hidden
}
.theme-light .page-error {
 background-color:#eff6ff
}
.io-azure .page-error {
 background-color:transparent
}
.io-azure .page-error:before {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 width:100%;
 content:'';
 background-image:linear-gradient(-225deg, #290075 0%, rgba(9,109,223,0) 100%);
 z-index:-1
}
.error-text-large {
 font-size:250px;
 line-height:1;
 font-weight:700;
 margin-bottom:17px;
 background:-webkit-linear-gradient(#0e7dee, #093b76);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 opacity:.5
}
.theme-light .error-text-large,.io-azure .error-text-large {
 background:-webkit-linear-gradient(#107ef4, #114fc2);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent
}
.error-content {
 position:relative
}
.error-content p {
 margin-bottom:28px;
 color:#8284a5
}
.error-graphics-one,.error-graphics-two {
 position:absolute;
 z-index:-1
}
.error-graphics-one {
 width:250px;
 top:20%;
 right:100%;
 margin-right:65px
}
.error-graphics-two {
 width:200px;
 left:100%;
 top:50%;
 margin-left:40px
}
.footer-small {
 position:absolute;
 width:100%;
 left:0;
 bottom:0;
 padding-bottom:40px
}
.footer-small .copyright-text {
 margin-top:20px
}
@media only screen and (max-width: 991px) {
 .error-text-large {
  font-size:200px
 }
 .error-content {
  max-width:480px;
  margin-left:auto;
  margin-right:auto
 }
 .error-graphics-one {
  width:200px;
  margin-right:15px
 }
 .error-graphics-two {
  width:180px;
  margin-left:15px
 }
}
@media only screen and (max-width: 767px) {
 .error-text-large {
  font-size:140px
 }
 .error-content {
  max-width:320px;
  margin-left:auto;
  margin-right:auto
 }
 .error-graphics-one {
  width:150px;
  margin-right:15px
 }
 .error-graphics-two {
  width:130px;
  margin-left:15px
 }
}
@media only screen and (max-width: 480px) {
 .error-text-large {
  font-size:70px
 }
 .error-content {
  margin-top:-60px
 }
 .error-graphics-one {
  margin-right:-30px
 }
 .error-graphics-two {
  margin-left:-30px
 }
}
@media only screen and (min-width: 1199px) and (max-width: 1440px) and (max-height: 700px) {
 .error-content {
  margin-top:-40px
 }
 .error-text-large {
  font-size:150px
 }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
 .page-error {
  height:auto
 }
 .error-content {
  padding:100px 0 160px
 }
}
.countdown-box.countdown-header .extra-line,.countdown-box.countdown-header:before,.countdown-box.countdown-header:after {
 z-index:-1
}
.subscription-form .btn {
 margin-top:0
}
.subscription-form .input-round {
 text-align:left
}
@media only screen and (max-width: 767px) {
 .subscription-form .btn {
  position:relative;
  margin-top:20px
 }
 .subscription-form .input-round {
  text-align:center
 }
}
.io-jasmine .circle-animation {
 z-index:-1
}
@media only screen and (min-height: 1000px) {
 .io-jasmine .is-transparent+.banner .banner-content {
  padding-top:150px
 }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
 .io-jasmine .countdown-box .countdown-time:after,.io-lungwort .countdown-box .countdown-time:after {
  font-size:24px
 }
}