.disabled,.select-wrapper:after,.swiper-button-disabled {
    pointer-events: none
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

::-moz-selection {
    background: #31333e;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #00000000;
    color: #fff;
    text-shadow: none
}

::-webkit-input-placeholder {
    color: #fff!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

::-moz-placeholder {
    color: #c9d5ff!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

button:focus,input:focus,select:focus,textarea:focus {
    outline: 0!important
}

button[type=submit] {
    cursor: pointer;
    background: 0 0;
    border: none;
    color: #53e1ff;
    width: 25%
}

textarea {
    resize: none
}

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

a {
    color: #31333e;
    -webkit-transition: all .2s;
    transition: all .2s
}

a:hover {
    color: #53e1ff
}

a,a:active,a:focus,a:hover {
    text-decoration: none;
    outline: 0
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: Dosis,sans-serif;
    color: #202e39;
    line-height: 1.4
}

.h1,h1 {
    font-size: 48px;
    line-height: 58px
}

.h2,h2 {
    font-size: 30px
}

.h3,h3 {
    font-size: 24px
}

.h4,h4 {
    font-size: 18px
}

.h5,h5 {
    font-size: 16px
}

.h6,body,h6 {
    font-size: 14px
}

p {
    line-height: 24px;
    margin-bottom: 25px;
    font-weight: 300
}

body {
    font-family: Poppins,sans-serif;
    color: #121212;
    background: #fff;
    overflow-x: hidden!important
}

.select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.select-wrapper select::-ms-expand {
    display: none
}

.select-wrapper {
    position: relative
}

.select-wrapper:after {
    content: '\f107';
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 20px;
    height: 30px
}

.btn-normal span,.btn-normal-rev span {
    line-height: 1.44;
    visibility: visible;
    margin-left: 8px;
    display: inline-block
}

.alignleft,.alignright,.form-field {
    margin-bottom: 15px
}

.btn,.btn-normal span,.btn-normal-rev span {
    font-size: 15px;
    font-weight: 600
}

.width-expend {
    width: 170px
}

.home1-vs1-bg {
    background: #0e035c;
    background: -webkit-linear-gradient(left,#0e035c 0,#25256e 100%);
    background: linear-gradient(to right,#0e035c 0,#25256e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e035c', endColorstr='#25256e', GradientType=1 )
}

.home1-vs2-bg {
    background: #fff
}

.home2-vs1-bg {
    background: #002797;
    background: -webkit-linear-gradient(left,#355ffe 0,#002797 100%);
    background: linear-gradient(to right,#355ffe 0,#002797 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002797', endColorstr='#355ffe', GradientType=1 )
}

.home1-section-bg:after,.home2-section-bg:after,.homelight-section-bg:after {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    z-index: -1
}

.home2-vs2-bg {
    background: #fff
}

.home1-section-bg {
    position: relative
}

.home1-section-bg:after {
    position: absolute;
    background: #171063
}

.homelight-section-bg {
    position: relative
}

.homelight-section-bg:after {
    position: absolute;
    background: #fcfcfc
}

.home2-section-bg {
    position: relative
}

.home2-section-bg:after {
    position: absolute;
    background: #002197;
    opacity: .2
}

.home3-section-bg:before,.home4-section-bg:before {
    content: "";
    height: 100%;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    top: 0;
    left: 0;
    width: 100%
}

.home3-section-bg {
    background: #f8f8f8;
    position: relative
}

.home3-section-bg:before {
    position: absolute;
    background: url(../img/VPN_Pattern.png)
}

.home4-section-bg {
    background: #6c771e;
    position: relative
}

.home4-section-bg:before {
    position: absolute;
    background: url(../img/VC_Pattern.png)
}

.btn,.home6-section-bg {
    position: relative
}

.common-sec-bg,.home6-section-bg {
    background: #0;
}

.footer-bg-h3 {
    background-color: #002197
}

.footer-bg-h4 {
    background-color: #6c771e
}

.footer-bg-h5 {
    background-color: #e48f0b
}

.footer-bg-h6 {
    background-color: #4CAF50;
}

.footer-bg-about {
    background: #1748ff;
    background: -webkit-linear-gradient(top,#1748ff 0,#002197 100%);
    background: linear-gradient(to bottom,#1748ff 0,#002197 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1748ff', endColorstr='#002197', GradientType=0 )
}

.btn {
    font-family: Dosis,sans-serif;
    color: #fff;
    border: 2px solid #53e1ff;
    border-radius: 5px;
    padding: 8px 30px;
    overflow: hidden;
    z-index: 0
}

.btn-transparent {
    border-color: #53e1ff;
    color: #53e1ff;
    padding: 10px 30px
}

.btn-icon i {
    margin-right: 10px
}

.btn.active,.btn:focus,.btn:hover {
    color: #fff;
    border-color: #53e1ff
}

.btn:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #1f347f;
    z-index: -1;
    width: 100%;
    border-radius: 5px;
    -webkit-transition: .2s all linear;
    transition: .2s all linear
}

.btn:hover:before {
    left: 10%;
    width: 80%
}

.btn-transparent:before {
    background-color: transparent
}

.btn.btn-fill {
    background: #41bcfe;
    border-width: 0;
    color: #fff;
    padding: 10px 30px;
    text-transform: capitalize
}

.btn.btn-fill:before {
    background: #41bcfe;
    width: 100%;
    left: 0
}

.btn:focus,.form-control:focus {
    box-shadow: none!important
}

.btn-icon {
    padding: 8px 15px
}

.solution-btn .btn-normal {
    color: #00c6c6
}

.btn-normal span {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.btn-normal:hover span {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.btn-normal-rev span {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.btn-normal-rev:hover span {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.btn.style-1 {
    position: relative;
    -webkit-transition: .6s all linear;
    transition: .6s all linear
}

.btn.style-1:after {
    content: '';
    height: 10px;
    width: 10px;
    background: #000;
    left: 49%;
    top: 44%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    border-radius: 50%
}

.btn.style-2:before,.btn.style-3:before {
    left: 48%;
    top: 48%;
    height: 10px;
    width: 10px;
    -webkit-transition: .3s all linear;
    content: ""
}

.btn.style-1:hover:after {
    -webkit-transform: scale(20);
    transform: scale(20);
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    visibility: visible;
    z-index: -1;
    background: 0 0
}

.btn.style-1:hover {
    background: #fff;
    color: #00c6c6!important
}

.btn.style-2 {
    border-color: #e99614!important;
    color: #e99614!important;
    position: relative
}

.btn.style-3,.style-4 {
    color: #002197!important
}

.btn.style-2:before {
    position: absolute;
    background: #e99614;
    transition: .3s all linear;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden
}

.style-2:hover:before {
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    visibility: visible;
    -webkit-transform: scale(20);
    transform: scale(20)
}

.btn.style-3 {
    border-color: #41bcfe!important;
    position: relative
}

.btn.style-3:before {
    position: absolute;
    background: #002197;
    transition: .3s all linear;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden
}

.btn.style-3:hover:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    -webkit-transform: scale(20);
    transform: scale(20)
}

.style-4 {
    border: 2px solid #002197!important;
    position: relative
}

.style-4:after {
    height: 100%;
    width: 100%;
    content: "";
    position: absolute;
    background: #41bcfe;
    left: 0;
    top: 0;
    border-radius: 5px;
    z-index: -1;
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.style-4:hover:after {
    width: 80%;
    left: 10%
}

.theme-bg-overlay {
    position: relative
}

.theme-bg-overlay:before {
    content: '';
    position: absolute;
    background: #00c544;
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.form-field,.form-group,.waves-effect {
    position: relative
}

.primary-bg {
    background-color: #1c1967
}

.poppins {
    font-family: Poppins,sans-serif
}

.dosis {
    font-family: Dosis,sans-serif
}

.font-weight-600 {
    font-weight: 600
}

b,strong {
    font-weight: 700
}

.list-inline>li {
    display: inline-block
}

.form-control {
    font-size: 14px
}

.form-control:focus {
    border-color: #fff
}

input.parsley-error,select.parsley-error,textarea.parsley-error {
    border: 1px solid red!important
}

.half-gutter {
    margin-right: -7.5px;
    margin-left: -7.5px
}

.half-gutter>.col,.half-gutter>[class*=col-] {
    padding-right: 7.5px;
    padding-left: 7.5px
}

.no-gutters-padding {
    padding-right: 0;
    padding-left: 0
}

.theme-border-top {
    border-top: 1px solid #53e1ff
}

.theme-border-bottom {
    border-bottom: 1px solid #53e1ff
}

.theme-list-style {
    padding: 0;
    list-style: none
}

.theme-list-style li {
    font-weight: 600;
    color: #4c4f60;
    padding: 5px 0
}

.theme-list-style li:before {
    content: '\f05d';
    font-family: FontAwesome;
    color: #53e1ff;
    font-size: 12px;
    font-weight: 400;
    margin-right: 10px
}

.theme-input-style {
    font-size: 12px;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    background: 0 0;
    border: none;
    border-bottom: 1px solid #fff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

input.theme-input-style:focus {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

textarea.theme-input-style {
    padding: 10px;
    min-height: 120px;
    display: block
}

.theme-input-style:focus {
    border-color: #53e1ff
}

label input[type=checkbox],label input[type=radio] {
    position: relative;
    top: 2px;
    margin-right: 5px
}

.table-bordered,.table-bordered td,.table-bordered th {
    border-color: #e2e6fb
}

.alignleft {
    float: left;
    margin-right: 15px
}

.alignright {
    float: right;
    margin-left: 15px
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 15px
}

.pt-150 {
    padding-top: 150px
}

.pb-150 {
    padding-bottom: 150px
}

.pt-140 {
    padding-top: 140px
}

.pb-140 {
    padding-bottom: 140px
}

.pt-130 {
    padding-top: 130px
}

.pb-130 {
    padding-bottom: 130px
}

.pt-120 {
    padding-top: 120px
}

.pb-120 {
    padding-bottom: 120px
}

.pt-110 {
    padding-top: 110px
}

.pb-110 {
    padding-bottom: 110px
}

.pt-100 {
    padding-top: 100px
}

.pb-100 {
    padding-bottom: 100px
}

.pt-90 {
    padding-top: 90px
}

.pb-90 {
    padding-bottom: 90px
}

.pt-80 {
    padding-top: 80px
}

.pb-80 {
    padding-bottom: 80px
}

.pt-70 {
    padding-top: 70px
}

.pb-70 {
    padding-bottom: 70px
}

.pt-60 {
    padding-top: 60px
}

.pb-60 {
    padding-bottom: 60px
}

.pt-55 {
    padding-top: 55px
}

.pb-55 {
    padding-bottom: 55px
}

.pt-50 {
    padding-top: 50px
}

.pb-50 {
    padding-bottom: 50px
}

.pt-30 {
    padding-top: 30px
}

.pb-30 {
    padding-bottom: 30px
}

.pt-20 {
    padding-top: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.mt-140 {
    margin-top: 140px
}

.mb-140 {
    margin-bottom: 140px
}

.mt-120 {
    margin-top: 120px
}

.mb-120 {
    margin-bottom: 120px
}

.mt-70 {
    margin-top: 70px
}

.mb-70 {
    margin-bottom: 70px
}

.mt-60 {
    margin-top: 60px
}

.mb-60 {
    margin-bottom: 60px
}

.mt-50 {
    margin-top: 50px
}

.mb-50 {
    margin-bottom: 50px
}

.mt-40 {
    margin-top: 40px
}

.mb-40 {
    margin-bottom: 40px
}

.mt-30 {
    margin-top: 30px
}

.mb-30 {
    margin-bottom: 30px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-40px,0)
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-40px,0)
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(50%,0,0);
        transform: translate3d(50%,0,0)
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(50%,0,0);
        transform: translate3d(50%,0,0)
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spin {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite
}

@-webkit-keyframes bounce {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes bounce {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

.bounce {
    -webkit-animation: bounce 2s linear infinite;
    animation: bounce 1s linear infinite
}

@-webkit-keyframes rotate2d {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate2d {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.rotate2d {
    -webkit-animation: rotate2d 2s linear infinite;
    animation: rotate2d 1s linear infinite
}

@-webkit-keyframes rotate-2d {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes rotate-2d {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.rotate-2d {
    -webkit-animation: rotate-2d 2s linear infinite;
    animation: rotate-2d 1s linear infinite
}

@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

.rotate3d {
    -webkit-animation: rotate3d 2s linear infinite;
    animation: rotate3d 1s linear infinite
}

.waves-effect {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: rgba(0,0,0,.2);
    -webkit-transition: all .7s ease-out;
    transition: all .7s ease-out;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transform: scale(0);
    transform: scale(0);
    pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255,255,255,1)
}

.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244,67,54,.7)
}

.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255,235,59,.7)
}

.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255,152,0,.7)
}

.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156,39,176,.7)
}

.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76,175,80,.7)
}

.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0,150,136,.7)
}

.waves-effect input[type=button],.waves-effect input[type=reset],.waves-effect input[type=submit] {
    font-style: normal;
    font-size: inherit;
    text-transform: inherit;
    background: 0 0
}

.single-solution-wrap:hover.waves-effect img {
    transform: rotate(-20deg)
}

.waves-effect img {
    position: relative;
    z-index: -1;
    transition: .3s all linear
}

.waves-notransition {
    -webkit-transition: none!important;
    transition: none!important
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-circle {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none
}

.waves-block {
    display: block
}

.home-page2 .btn {
    border: 1px solid #53e1ff
}

.home-page2 .btn:hover {
    border-color: #53e1ff
}

.home-page2 .btn.style-1:hover {
    background: #fff;
    color: #53e1ff!important;
    border-color: #fff
}

.main-wrapper.home-page3 {
    color: #777
}

.home-page3 .btn {
    border: 1px solid #53e1ff;
    color: #fff
}

.home-page3 .section-title h2 {
    color: #002197;
    font-weight: 700;
    z-index: 1;
    position: relative
}

.home-page3 .section-title svg #icon {
    fill: #f0f0f0;
    z-index: -1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.home-page3 .btn:hover {
    color: #002197!important;
    border-color: #fff
}

.home-page4 .btn {
    border: 1px solid #fff;
    color: #fff
}

.home-page4 .section-title h2 {
    color: #6c771e;
    font-weight: 700;
    position: relative
}

.home-page4 p,.home-page5 p {
    color: #777;
    font-weight: 300
}

.home-page4 .section-title .underline-wrap {
    position: absolute;
    top: 53px;
    left: 49%
}

.home-page4 .section-title {
    margin-bottom: 83px
}

.home-page5 .btn {
    border: 1px solid #fff;
    color: #fff
}

.home-page5 .btn-fill {
    background: #fff
}

.home-page5 .section-title h2 {
    color: #e89719;
    font-weight: 700;
    position: relative
}

.home-page5 .section-title .underline-wrap {
    position: absolute;
    top: 53px;
    left: 49%
}

.home-page5 .section-title {
    margin-bottom: 90px
}

.home-page6 .btn {
    border: 1px solid #fff;
    color: #fff
}

.home-page6 .btn:hover {
    color: #00c6c6
}

.home-page6 .section-title h2 {
    color: #333;
    font-weight: 700;
    position: relative
}

.home-page6 .section-title {
    margin-bottom: 60px
}

.home-page6 p {
    color: #777;
    font-weight: 300
}

.home-page6 .btn-fill:before {
    background: #00c6c6
}

.page-title-wrap {
    padding-top: 192px;
    padding-bottom: 122px
}

.page-title h1 {
    color: #53e1ff;
    font-weight: 700
}

.page-title ul li+li:before {
    content: '\f105';
    font-family: FontAwesome;
    color: #fff;
    padding: 0 8px
}

.page-title ul li a {
    color: #fff;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.page-title ul li a:hover {
    color: #53e1ff
}

.main-header {
    box-shadow: none;
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: background .3s;
    transition: background .3s
}

.main-header.stuck {
    top: 0;
    box-shadow: 0 0 10px rgba(0,0,0,.15)
}

.header-menu,.header-menu #menu-button,.header-menu ul,.header-menu ul li,.header-menu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative
}

.header-menu #menu-button {
    display: none
}

.header-menu>ul ul {
    text-align: left;
    z-index: 99999
}

.header-menu {
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.header-menu>ul>li {
    display: inline-block;
    float: left;
    padding-left: 15px;
    padding-right: 15px
}

.header-menu>ul>li.has-sub:hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2em;
    bottom: -2em;
    cursor: pointer;
    left: 0
}

.header-menu ul ul li a:before,.header-menu>ul>li>a:before {
    content: "";
    position: absolute
}

.header-menu>ul>li>a {
    padding: 40px 0;
    font-size: 16px;
    color: #fff
}

.main-header.sticky .header-menu>ul>li>a {
    color: #333
}

.header-menu>ul>li.active>a,.header-menu>ul>li:hover>a,.main-header.sticky .header-menu>ul>li.active>a,.main-header.sticky .header-menu>ul>li:hover>a {
    color: #53e1ff
}

.header-menu ul ul li a,.main-header.sticky .header-menu ul ul li a {
    background: #fff;
    color: #333
}

.header-menu>ul>li>a>i {
    font-size: 12px;
    display: block;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 63px
}

.header-menu ul ul {
    position: absolute;
    left: -9999px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: top .2s ease,opacity .2s ease;
    transition: top .2s ease,opacity .2s ease
}

.header-menu ul ul>li:hover>ul,.header-menu.align-right ul ul>li:hover>ul,.header-menu>ul>li:hover>ul {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.header-menu>ul>li>ul {
    top: 130px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    -webkit-transition: top .2s ease,opacity .2s ease;
    transition: top .2s ease,opacity .2s ease
}

.header-menu>ul>li:hover>ul {
    left: auto;
    top: 96px
}

.header-menu.align-right>ul>li:hover>ul {
    right: 0
}

.header-menu ul ul ul {
    top: 32px;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.header-menu ul ul ul:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    width: 10px;
    height: 100%;
    z-index: -1
}

.header-menu ul ul ul li {
    background: #fff
}

.header-menu ul ul>li:hover>ul {
    top: 0;
    left: 180px
}

.header-menu.align-right ul ul>li:hover>ul {
    left: auto;
    right: 178px;
    padding-left: 0;
    padding-right: 10px
}

.header-menu ul ul li a {
    width: 186px;
    padding: 8px 20px;
    font-size: 16px;
    line-height: 1.25;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

.has-sub-item:hover:after,.header-menu ul ul li.active>a,.header-menu ul ul li:hover>a,.header-menu ul ul li>a:hover,.main-header.sticky .header-menu ul ul li.active>a,.main-header.sticky .header-menu ul ul li:hover>a,.main-header.sticky .header-menu ul ul li>a:hover {
    color: #53e1ff
}

.header-menu ul ul li a i {
    position: absolute;
    right: 15px;
    top: 16px;
    font-size: 10px
}

.menu-wraper {
    float: right
}

.header-menu>ul {
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.header-menu>ul>li:last-child {
    margin-right: 0
}

.header-menu>ul>li>a:before {
    height: 0;
    width: 1px;
    background: #53e1ff;
    top: 0;
    left: 50%;
    -webkit-transition: .2s all linear;
    transition: .2s all linear
}

.header-menu ul ul,.header-menu ul ul ul {
    padding: 8px 0;
    background: #fff
}

.header-menu>ul>li.active>a:before,.header-menu>ul>li:hover>a:before {
    height: 35px
}

.header-menu ul ul li a:before {
    width: 10px;
    height: 1px;
    left: 0;
    background: #fff;
    top: 50%;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.header-menu ul ul li a:hover:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #53e1ff
}

.header-menu>ul>li>ul .has-sub-item {
    position: relative
}

.header-menu>ul>li>ul .has-sub-item:after {
    content: ">";
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner.home-banner2:before,.border-bottom1:after,.overlay-bubble-1,.signup--out-btn a:after {
    content: ""
}

.logo .sticky-logo,.main-header.sticky .logo .default-logo {
    display: none;
    border: double;
}

.main-header.sticky .logo .sticky-logo {
    display: block
}

.main-header.sticky {
    background: #fff;
    position: fixed;
    width: 100%;
    animation-duration: .5s;
    box-shadow: 0 0 10px rgba(0,0,0,.15)
}

.main-header.common-header.sticky,.main-header.main-header2.sticky,.main-header.main-header3.sticky,.main-header.main-header4.sticky,.main-header.main-header5.sticky,.main-header.main-header6.sticky {
    background: #fff
}

.main-header.stuck {
    background: #1c1967;
    position: fixed;
    width: 100%;
    -webkit-animation: fadeInDown 1s linear;
    animation: fadeInDown 1s linear
}

.signup--out-btn a {
    background: #fff;
    padding: 10px 29px;
    border-radius: 5px;
    font-family: Dosis,sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #0e035c;
    position: relative
}

.signup--out-btn a:after {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    transition: .3s all linear;
    background: rgba(0,0,0,.4)
}

.signup--out-btn a:hover:after {
    visibility: visible;
    opacity: 1;
    transform: scale(20);
    background: 0 0
}

.main-header.sticky .signup--out-btn a {
    background: #4CAF50;
    color: #fff
}

.menu-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.signup--out-btn {
    margin-left: 16px
}

.main-header .header-menu ul .has-sub-item ul .has-sub-item ul li.active a:before,.main-header .header-menu ul ul li.active a:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #53e1ff
}

.main-header .header-menu ul .has-sub-item ul .has-sub-item ul li a:before {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.main-header .header-menu ul .has-sub-item ul .has-sub-item ul li a:hover:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.home-page1-light .header-menu>ul>li>a {
    color: #333
}

.home-page1-light .header-menu>ul>li.active>a,.home-page1-light .header-menu>ul>li:hover>a {
    color: #53e1ff
}

.home-page1-light .signup--out-btn a {
    background: #002197;
    color: #fff
}

.border-bottom1 {
    position: relative
}

.border-bottom1:after {
    position: absolute;
    height: 1px;
    width: calc(100% - 30px);
    background: #fff;
    bottom: 0;
    z-index: 1;
    left: 15px;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.common-header .header-menu ul ul li.active a:before,.main-header2 .header-menu ul ul li.active a:before,.main-header3 .header-menu ul ul li.active a:before,.main-header4 .header-menu ul .has-sub-item ul .has-sub-item ul li.active a:before,.main-header4 .header-menu ul ul li.active a:before,.main-header5 .header-menu ul .has-sub-item ul .has-sub-item ul li.active a:before,.main-header5 .header-menu ul ul li.active a:before,.main-header5 .header-menu>ul ul li a:hover:before,.main-header5.sticky .header-menu>ul ul li a:hover:before,.main-header6 .header-menu ul .has-sub-item ul .has-sub-item ul li.active a:before,.main-header6 .header-menu ul ul li.active a:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.main-header2 .header-menu ul ul li a {
    background: #fff;
    color: #333
}

.main-header2 .header-menu ul ul li.active a:before {
    background: #53e1ff
}

.main-header2.sticky .signup--out-btn a {
    background: #53e1ff;
    color: #fff
}

.main-header2 .header-menu ul ul li.active>a,.main-header2 .header-menu ul ul li:hover>a,.main-header2 .header-menu ul ul li>a:hover {
    color: #53e1ff
}

.main-header.main-header3 {
    border-bottom: 1px solid rgba(255,255,255,.3)
}

.main-header3 .header-menu ul ul li a {
    background: #fff;
    color: #333
}

.main-header3 .signup--out-btn a {
    background: 0 0;
    border-width: 1px;
    color: #fff
}

.main-header3 .signup--out-btn a:hover {
    background: #fff;
    border-width: 1px;
    color: #53e1ff!important
}

.main-header3 .signup--out-btn a i {
    margin-right: 15px;
    color: #53e1ff
}

.main-header3 .header-menu ul ul li.active a:before {
    background: #53e1ff
}

.main-header3.sticky .signup--out-btn a {
    background: #0b34ad;
    color: #fff;
    border-color: #0b34ad
}

.main-header4 .header-menu ul ul li a:hover:before,.main-header4 .header-menu>ul>li>a:before {
    background: #ffb565
}

.main-header3 .header-menu ul ul li.active>a,.main-header3 .header-menu ul ul li:hover>a,.main-header3 .header-menu ul ul li>a:hover {
    color: #53e1ff
}

.main-header4 .has-sub-item:hover:after,.main-header4 .header-menu ul ul li.active>a,.main-header4 .header-menu ul ul li:hover>a,.main-header4 .header-menu ul ul li>a:hover,.main-header4 .header-menu>ul>li.active>a,.main-header4 .header-menu>ul>li:hover>a,.main-header4.sticky .header-menu ul ul li.active>a,.main-header4.sticky .header-menu ul ul li:hover>a,.main-header4.sticky .header-menu ul ul li>a:hover,.main-header4.sticky .header-menu>ul>li.active>a,.main-header4.sticky .header-menu>ul>li:hover>a {
    color: #ffb565
}

.main-header4 .header-menu ul ul li a {
    background: #fff;
    color: #333
}

.main-header4 .header-menu ul .has-sub-item ul .has-sub-item ul li.active a:before,.main-header4 .header-menu ul ul li.active a:before,.main-header4.sticky .signup--out-btn a {
    background: #ffb565
}

.main-header5 .header-menu>ul>li.active>a,.main-header5 .header-menu>ul>li:hover>a {
    color: #fff
}

.main-header5 .header-menu>ul>li>a:before {
    background: #fff
}

.main-header5 .header-menu ul ul li a:hover:before,.main-header5.sticky .header-menu>ul>li>a:before {
    background: #e99614
}

.main-header5 .header-menu ul ul li.active>a,.main-header5 .header-menu ul ul li:hover>a,.main-header5 .header-menu ul ul li>a:hover {
    color: #e89719
}

.main-header5.sticky .header-menu ul ul li.active>a,.main-header5.sticky .header-menu ul ul li:hover>a,.main-header5.sticky .header-menu ul ul li>a:hover,.main-header5.sticky .header-menu>ul>li.active>a,.main-header5.sticky .header-menu>ul>li:hover>a {
    color: #e99614
}

.main-header5 .has-sub-item:hover:after {
    color: #fff
}

.main-header5 .header-menu ul ul li a {
    background: #fff;
    color: #333
}

.main-header5 .signup--out-btn a {
    color: #e89719
}

.main-header6 .has-sub-item:hover:after,.main-header6 .header-menu ul ul li.active>a,.main-header6 .header-menu ul ul li:hover>a,.main-header6 .header-menu ul ul li>a:hover,.main-header6 .header-menu>ul>li.active>a,.main-header6 .header-menu>ul>li:hover>a,.main-header6.sticky .header-menu>ul>li.active>a,.main-header6.sticky .header-menu>ul>li:hover>a {
    color: #00c6c6
}

.main-header5 .header-menu ul ul li.active a:before {
    background: #e89719
}

.main-header5.sticky .header-menu ul ul li.active a:before {
    background: #e48f0b;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.main-header5 .header-menu>ul ul li a:hover:before {
    background: #e89719
}

.main-header5 .header-menu ul .has-sub-item ul .has-sub-item ul li.active a:before,.main-header5.sticky .header-menu>ul ul li a:hover:before,.main-header5.sticky .signup--out-btn a {
    background: #e48f0b
}

.main-header6 .header-menu>ul>li>a:before {
    background: #fff
}

.main-header6 .header-menu ul ul li a:hover:before,.main-header6.sticky .header-menu>ul>li>a:before {
    background: #00c6c6
}

.main-header6 .header-menu>ul>li>a {
    color: #fff
}

.main-header6.sticky .header-menu>ul>li>a {
    color: #999
}

.main-header6 .header-menu ul ul li a {
    background: #fff;
    color: #333
}

.main-header6 .signup--out-btn a {
    background: 0 0;
    color: #fff;
    border: 1px solid #fff
}

.main-header6 .signup--out-btn a i {
    margin-right: 15px
}

.main-header6 .header-menu ul ul li.active a:before {
    background: #00c6c6
}

.main-header6.sticky .header-menu ul ul li a {
    background: #fff;
    color: #999
}

.main-header6.sticky .header-menu ul ul li.active>a,.main-header6.sticky .header-menu ul ul li:hover>a,.main-header6.sticky .header-menu ul ul li>a:hover {
    color: #00c6c6
}

.main-header6.sticky .signup--out-btn a {
    border: 1px solid #4CAF50;
    background: #4CAF50;
    color: #fff;
    padding: 10px 30px
}

.main-header6 .header-menu ul .has-sub-item ul .has-sub-item ul li.active a:before {
    background: #00c6c6
}

.main-header6 .header-menu>ul>li.active>a,.main-header6 .header-menu>ul>li:hover>a {
    color: #fff
}

.common-header .header-menu>ul>li>a {
    color: #333
}

.common-header .signup--out-btn a {
    background: #53e1ff;
    color: #fff
}

.common-header .header-menu>ul>li.active>a,.common-header .header-menu>ul>li:hover>a {
    color: #53e1ff
}

.common-header .header-menu ul ul li a {
    background: #fff;
    color: #333
}

.common-header .header-menu ul ul li.active>a,.common-header .header-menu ul ul li:hover>a,.common-header .header-menu ul ul li>a:hover {
    color: #53e1ff
}

.common-header .header-menu ul ul li.active a:before {
    background: #53e1ff
}

.banner.home-banner1 {
    padding: 230px 0 113px
}

.home-banner1 .banner--inner-text h1 {
    font-weight: 900;
    color: #fff;
    margin-bottom: 34px
}

.home-banner1 .banner--inner-text h1 span {
    color: #53e1ff;
    display: block
}

.home-banner1 .banner--inner-text {
    margin-top: 90px
}

.home-banner1 .banner--inner-text p {
    margin-bottom: 34px
}

.home-banner1 .bannar-image-inner {
    position: relative
}

.dot-dot,.home-banner1 .bannar-image-inner .move-1,.home-banner1 .bannar-image-inner .move-2,.overlay-bubble,.overlay-bubble-1 {
    position: absolute
}

.home-banner1 .bannar-image-inner .move-1 {
    top: 7%;
    left: 36%;
    -webkit-animation: bounce 3s linear infinite;
    animation: bounce 3s linear infinite
}

.home-banner1 .bannar-image-inner .move-2 {
    top: 63%;
    left: 66%;
    -webkit-animation: bounce 2s cubic-bezier(.24,0,.38,1) infinite;
    animation: bounce 2s cubic-bezier(.24,0,.38,1) infinite;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.overlay-bubble {
    width: 100%;
    height: 100%
}

.overlay-bubble-1 {
    height: 70%;
    width: 65%;
    border-radius: 50%;
    background: rgba(255,255,255,.02);
    top: 13%;
    left: 45%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    z-index: -1
}

.dot-dot {
    left: 2%;
    top: 2%;
    height: 95%;
    -webkit-animation: rotate2d 30s linear infinite;
    animation: rotate2d 30s linear infinite
}

.cmn-shapes {
    position: absolute!important
}

.bit-coin-shapes .sp1 {
    left: 10%!important;
    top: 30%!important;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.bit-coin-shapes .sp2 {
    left: 40%!important;
    top: 50%!important;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.bit-coin-shapes .sp3 {
    right: 10%!important;
    top: 20%!important;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.bit-coin-shapes .sp4 {
    left: 50%!important;
    top: 70%!important;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.bit-coin-shapes .sp5 {
    right: 40%!important;
    top: 20%!important;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.bit-coin-shapes .sp6 {
    left: 35%!important;
    top: 85%!important;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.bit-coin-shapes .sp7 {
    right: 35%!important;
    top: 95%!important;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.bit-coin-shapes .sp8 {
    left: 35%!important;
    top: 25%!important;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.bit-coin-shapes .sp9 {
    right: 10%!important;
    top: 60%!important;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.bit-coin-shapes .sp10 {
    left: 10%!important;
    top: 70%!important;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.bit-coin-shapes .sp11 {
    right: 25%!important;
    top: 65%!important;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.banner.home-banner2 {
    padding-top: 220px;
    padding-bottom: 172px;
    background: #002197;
    position: relative
}

.banner.home-banner2:before {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../img/Crypto_Pattern20.png)
}

.home-banner2 .banner--inner-text {
    margin-top: 107px
}

.home-banner2 .banner--inner-text h1 {
    color: #fff;
    font-weight: 900;
    font-size: 48px;
    margin-bottom: 31px
}

.home-banner2 .banner--inner-text p {
    margin-bottom: 33px
}

.home-banner2 .banner--inner-text a+a {
    margin-left: 27px
}

.home-banner2 .dot-dot {
    position: absolute;
    left: -10%;
    top: -14%;
    height: 113%;
    -webkit-animation: rotate2d 30s linear infinite;
    animation: rotate2d 30s linear infinite;
    width: 100%
}

.home-banner2 .dot-small {
    -webkit-animation: rotate-2d 30s linear infinite;
    animation: rotate-2d 30s linear infinite
}

.home-banner2 .h2-move-1 {
    position: absolute;
    left: 35%;
    -webkit-animation: bounce 3s linear infinite;
    animation: bounce 3s linear infinite
}

.home-banner2 .h2-move-2 {
    position: absolute;
    left: 44%;
    top: 68%;
    -webkit-animation: bounce 3s linear infinite;
    animation: bounce 3s linear infinite
}

.home-banner2 .h2-move-3 {
    position: absolute;
    left: 40%;
    top: 26%;
    z-index: -1;
    -webkit-animation: bounce 4s linear infinite;
    animation: bounce 4s linear infinite;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.home-banner3:before,.overlay3:before {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: ""
}

.banner2-image-wrap {
    z-index: 1;
    position: relative
}

.home-banner3 {
    position: relative;
    background: url(../img/banner/home3-bg.jpg) no-repeat;
    background-size: cover;
    padding-top: 192px;
    padding-bottom: 192px
}

.overlay3 {
    position: relative;
    height: 100%;
    width: 100%
}

.overlay3:before {
    position: absolute;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    background: #002197
}

.home-banner3:before {
    position: absolute;
    background-image: url(../img/VPN_Pattern.png)
}

.home-banner3 .banner--inner-text h1 {
    color: #fff;
    font-weight: 900;
    margin-bottom: 41px
}

.home-banner3 .banner--inner-text p {
    color: #dbdfff;
    font-weight: 300;
    margin-bottom: 38px
}

.home-banner3 .banner--inner-text {
    margin-top: 130px
}

.home-banner3 .h3-dot-dot {
    position: absolute;
    top: -15%;
    left: -5%;
    -webkit-animation: rotate2d 30s linear infinite;
    animation: rotate2d 30s linear infinite
}

.home-banner3 .h3-dot-small {
    position: absolute;
    left: 13%;
    top: 2%;
    -webkit-animation: rotate-2d 30s linear infinite;
    animation: rotate-2d 30s linear infinite
}

.banner3-image-wrap .h3-move-1,.banner3-image-wrap .h3-move-2 {
    -webkit-animation: bounce 3s linear infinite;
    position: absolute
}

.banner3-image-wrap:before {
    height: 350px;
    width: 350px;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    background: #000068;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-54%,-69%);
    transform: translate(-54%,-69%);
    border-radius: 50%
}

.banner3-image-wrap .h3-move-1 {
    top: 13%;
    left: 42%;
    z-index: 2;
    animation: bounce 3s linear infinite
}

.banner3-image-wrap .h3-move-2 {
    bottom: 29%;
    right: 27.5%;
    animation: bounce 3s linear infinite
}

.banner3-image-wrap .h3-move-3 {
    position: absolute;
    top: 35%;
    left: 30%;
    -webkit-animation: bounce 3s linear infinite;
    animation: bounce 3s linear infinite;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.home-banner4:before,.overlay4:before {
    content: "";
    left: 0;
    width: 100%;
    height: 100%;
    top: 0
}

.banner--inner-text a span {
    margin-left: 13px
}

.home-banner4 {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 260px;
    padding-bottom: 87px
}

.overlay4 {
    position: relative;
    height: 100%;
    width: 100%
}

.overlay4:before {
    position: absolute;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    background: #6c771e
}

.home-banner4:before {
    position: absolute;
    background-image: url(../img/VC_Pattern.png)
}

.home-banner4 .banner--inner-text h1 {
    color: #fff;
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 40px
}

.home-banner4 .banner--inner-text p {
    margin: 0 auto 40px;
    color: #fff
}

.home-banner5 .banner--inner-text a+a,.home-banner6 .banner--inner-text a+a {
    margin-left: 20px
}

.home-banner4 .overlay-bubble {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.overlay-bubble .h4-dot-dot {
    top: -32%;
    position: absolute;
    left: 17%;
    -webkit-animation: rotate2d 30s linear infinite;
    animation: rotate2d 30s linear infinite
}

.overlay-bubble .h4-dot-small {
    position: absolute;
    top: -7%;
    left: 29%;
    -webkit-animation: rotate-2d 30s linear infinite;
    animation: rotate-2d 30s linear infinite
}

.home-banner5:before,.overlay5:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.banner4-image-wrap .main-image {
    margin-top: 100px;
    position: relative;
    z-index: 1
}

.banner--inner-text {
    z-index: 1;
    position: relative
}

.main-header4 .signup--out-btn a {
    color: #6c771e
}

.home-banner4 .banner--inner-text a:hover {
    color: #6c771e!important
}

.home-banner5 {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 330px;
    padding-bottom: 290px
}

.overlay5 {
    position: relative;
    height: 100%;
    width: 100%
}

.overlay5:before {
    position: absolute;
    opacity: .95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    background: #e99614
}

.home-banner5:before {
    position: absolute;
    background-image: url(../img/VC_Pattern.png)
}

.banner-home5 .banner.home-banner5 {
    background-size: cover!important;
    background-repeat: no-repeat!important
}

.home-banner5 .banner--inner-text h1 {
    font-weight: 700;
    font-size: 60px;
    color: #fff;
    line-height: 72px;
    margin-bottom: 35px
}

.home-banner5 .banner--inner-text p {
    color: #fff;
    margin-bottom: 34px
}

.home-banner5 .btn {
    color: #e89719
}

.home-banner5 .btn-fill:before {
    background: #fff
}

.home-banner5 .btn.style-1:hover {
    color: #e89719!important
}

.home-banner5 .btn.btn-transparent {
    color: #fff
}

.overlay-bubble .h5-dot-dot {
    position: absolute;
    top: -26%;
    -webkit-animation: rotate2d 30s linear infinite;
    animation: rotate2d 30s linear infinite
}

.overlay-bubble .h5-dot-small {
    position: absolute;
    top: -14%;
    left: 8%;
    -webkit-animation: rotate-2d 30s linear infinite;
    animation: rotate-2d 30s linear infinite
}

.home-banner5 .main-image {
    position: relative;
    z-index: 1
}

.image-wifi .wifi4 {
    position: absolute;
    top: -2%;
    left: 36%
}

.image-wifi .wifi1 {
    top: -15%;
    left: 29.5%;
    position: absolute;
    -webkit-animation: fade 1s linear infinite;
    animation: fade 1s linear infinite
}

@-webkit-keyframes fade {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes fade {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

.home-banner6 {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 205px;
    padding-bottom: 100px
}

.overlay6 {
    position: relative;
    height: 100%;
    width: 100%
}

.overlay6:before {
    position: absolute;
    content: "";
    opacity: .95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #4CAF50;
}

.overlay-bubble .h6-dot-dot {
    position: absolute;
    left: 43px;
    top: 12px
}

.home-banner6 .banner--inner-text {
    z-index: 1;
    position: relative;
    margin-top: 84px
}

.home-banner6 .banner--inner-text h1 {
    color: #fff;
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 35px;
    line-height: 72px
}

.home-banner6 .banner--inner-text p {
    color: #fff;
    margin-bottom: 36px
}

.main-image .box-animate {
    animation: bounce 3s linear infinite
}

.Extra--feature-area {
    margin-top: -80.5px
}

.Extra--feature-area .feature--area-wrap {
    background: #3c62e3;
    padding: 40px 49px 10px;
    border-radius: 5px
}

.feature--area-wrap .single--features-wrap {
    margin-bottom: 30px
}

.Extra--feature-area .features-icon {
    margin-right: 25px
}

.Extra--feature-area .features-details p {
    margin-bottom: 0;
    font-weight: 300
}

.Extra--feature-area .features-details h4 {
    color: #fff;
    font-weight: 600
}

.Extra--feature-area .features-icon #icon,.Extra--feature-area .features-icon #icon_hover_ {
    fill: #cfd6f8;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.single--features-wrap:hover .features-icon #icon,.single--features-wrap:hover .features-icon #icon_hover_ {
    fill: #53e1ff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.Extra--feature-area.type2 {
    margin-top: -89.5px
}

.type2 .feature--area-wrap .single--features-wrap {
    margin-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.Extra--feature-area.type2 .feature--area-wrap {
    background: 0 0;
    padding: 0;
    border-radius: 0
}

.type2 .single--features-wrap:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    background: rgba(255,255,255,.3);
    right: 40px
}

.feature--area-wrap .row .col-lg-4:last-child .single--features-wrap:after {
    display: none
}

.single--service-inner,.step-timeline {
    display: -webkit-box;
    display: -ms-flexbox
}

.Extra--feature-area.type2 .features-details p {
    margin-bottom: 0;
    font-weight: 300;
    color: #dbdfff
}

.Extra--feature-area.type3 .crypto--calculator-inner ul li:last-child {
    width: 138px;
    position: absolute;
    top: 15px;
    right: 4px
}

.Extra--feature-area.type3 .feature--area-wrap {
    background: #fff;
    box-shadow: 0 5px 30px rgba(0,0,0,.3)
}

.Extra--feature-area.type3 .crypto--calculator-inner ul li select {
    color: #ffb565
}

.Extra--feature-area.type3 .crypto--calculator-inner ul li input {
    color: #333
}

.Extra--feature-area.type3 .crypto--calculator-inner ul {
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 20px;
    position: relative
}

.Extra--feature-area.type3 .crypto--calculator-inner ul:nth-child(2) {
    border: none
}

.Extra--feature-area.type3 .feature-text p {
    color: #999;
    font-weight: 300;
    font-size: 12px;
    margin-bottom: 12px
}

.feature-card-wrap {
    margin-top: -120px
}

.single-feature-card {
    padding: 40px;
    border-radius: 5px;
    box-shadow: 0 5px 30px rgba(0,0,0,.1);
    background: #fff;
    margin-bottom: 30px
}

.feature-card-head h4 {
    margin-left: 20px;
    color: #333;
    font-weight: 600
}

.feature-card-head {
    margin-bottom: 15px
}

.feature-card-body ul {
    padding-left: 25px;
    margin-bottom: 0
}

.feature-card-body ul li {
    padding-bottom: 12px;
    position: relative;
    color: #777
}

.feature-card-body ul li:before {
    height: 6px;
    width: 6px;
    content: "";
    position: absolute;
    background: #e89719;
    left: -22px;
    top: 8px;
    border-radius: 50%
}

.feature-card-body ul li:last-child {
    padding-bottom: 0
}

.home-page4 .unerline span {
    background: #ffb565;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.home-page4 .unerline span+span {
    background: #ffb565;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.home-page4 .unerline span+span+span {
    background: #ffb565;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.home-page4 .unerline span:last-child {
    position: absolute;
    content: '';
    width: 6px;
    height: 2px;
    top: 5px;
    left: 26px;
    background: #ffc17e;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.single-feature-inner svg {
    margin-bottom: 20px
}

.single-feature-inner:hover h4 {
    color: #6c771e
}

.single-feature-inner h4 {
    color: #333;
    font-weight: 600;
    margin-bottom: 12px;
    transition: .3s all linear
}

.single-feature-inner {
    margin-bottom: 60px
}

.single-feature-inner path#icon {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    fill: #6c771e
}

.single-feature-inner:hover.single-feature-inner path#icon {
    fill: #6c771e
}

.home-page6 .section-title .underline-wrap {
    left: 49%
}

.single-will-get {
    padding: 30px;
    border-radius: 5px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    background: #fff
}

.single-will-get svg {
    margin-bottom: 20px
}

.single-will-get h4 {
    color: #555;
    font-weight: 600;
    margin-bottom: 15px;
    transition: .3s all linear
}

.single-will-get p {
    margin-bottom: 0
}

.single-will-get:hover {
    background: #fff;
    box-shadow: 0 10px 15px rgba(0,0,0,.07)
}

.single-will-get:hover h4 {
    color: #00c6c6
}

.home-page6 .section-title.type2 {
    margin-bottom: 90px
}

.single-will-get svg path#icon {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    fill: #00c6c6
}

.single-will-get:hover svg path#icon {
    fill: #00c6c6
}

.update-heading h2 {
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0
}

.price--update-carousel {
    background: #2a2972
}

.single--update-wrap p {
    margin-bottom: 2px;
    font-weight: 300;
    font-size: 14px
}

.single--update-wrap {
    padding: 20px 9px 12px;
    position: relative
}

.single--update-wrap h5 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 13px
}

.single--update-wrap:after {
    content: "";
    position: absolute;
    height: 80%;
    width: 1px;
    background: rgba(255,255,255,.2);
    top: 10%;
    right: -2px
}

.price--update-carousel {
    margin-left: 146px;
    padding-left: 30px
}

.update-heading {
    width: 100px;
    text-align: right;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.price--update-wrap {
    position: relative
}

.price--update-carousel .owl-next,.price--update-carousel .owl-prev {
    position: absolute;
    left: -46px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #140c61!important;
    z-index: 1
}

.price--update-carousel .owl-prev {
    top: 23px;
    border: 2px solid #53e1ff!important
}

.price--update-carousel .owl-next {
    bottom: 23px;
    border: 2px solid #53e1ff!important
}

.price--update-carousel .owl-next:after,.price--update-carousel .owl-prev:after {
    background: #3a387f;
    content: "";
    position: absolute;
    height: 28px;
    top: 0;
    border-radius: 50%;
    z-index: -1
}

.price--update-carousel .owl-prev:after {
    width: 28px;
    left: 0;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.price--update-carousel .owl-prev:hover:after {
    width: 22px;
    left: 3px
}

.price--update-carousel .owl-next:after {
    width: 28px;
    left: 0;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.price--update-carousel .owl-next:hover:after {
    width: 22px;
    left: 3px
}

.price--update-carousel .owl-next:focus,.price--update-carousel .owl-prev:focus {
    outline: 0
}

.single--update-wrap p span {
    margin-right: 9px
}

.single--update-wrap p span.up-icon {
    color: #00ff06
}

.single--update-wrap p span.down-icon {
    color: #ff1c1c
}

.single--service-inner {
    display: flex;
    padding: 0 40px 0 0;
    position: relative;
    margin-bottom: 50px
}

.single--service-icon {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: 30px
}

.single--service-inner img {
    margin-right: 30px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.single--service-inner:hover img {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg)
}

.single-service-text h4 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px
}

.single-service-text p {
    color: #c4c4d1;
    margin-bottom: 4px
}

.section-title h2 {
    color: #fff;
    font-weight: 700
}

.section-title p {
    width: 600px;
    margin: 38px auto
}

.section-title {
    position: relative;
    margin-bottom: 70px;
    margin-top: -10px
}

.section-title svg.svg {
    position: absolute;
    top: -16px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%
}

.single--service-icon .unerline {
    position: relative;
    margin-top: 10px
}

.single--service-icon .unerline span {
    position: absolute;
    content: '';
    width: 8px;
    height: 2px;
    top: 0;
    left: 5px;
    background: #53e1ff;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.single--service-icon .unerline span+span {
    width: 22px;
    height: 2px;
    top: 0;
    left: 17px;
    background: #53e1ff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.single--service-icon .unerline span+span+span {
    width: 22px;
    height: 2px;
    top: 5px;
    left: 0;
    background: #53e1ff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.single--service-icon .underline-wrap {
    position: absolute;
    left: -4px;
    top: 30px
}

.service-wrap.type2 .single-service-text p {
    color: #777;
    margin-bottom: 4px
}

.service-wrap.type2 .single-service-text h4 {
    font-weight: 600;
    color: #333;
    margin-bottom: 20px
}

.service-wrap.type2 .single--service-inner img {
    margin-right: 30px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.service-wrap.type2 .single--service-inner:hover.single--service-inner img {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.service-wrap.type2 .single--service-inner {
    padding: 40px;
    border-radius: 5px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    background: #fcfcfc;
    margin-bottom: 30px
}

.service-wrap.type2 .single--service-inner.active,.service-wrap.type2 .single--service-inner:hover {
    box-shadow: 0 9px 30px rgba(0,0,0,.1);
    background: #fff
}

.service-wrap.type2 .single--service-icon .underline-wrap {
    position: absolute;
    left: 36px;
    top: 67px
}

.service-wrap.type2 .single--service-inner.active.single--service-inner img {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.single--service-icon .svg path#icon_N_ {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    fill: #6c771e
}

.our-service.type3 .single-service-text h4 {
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    transition: .3s all linear
}

.our-service.type3 .single-service-text p {
    color: #777;
    margin-bottom: 17px
}

.our-service.type3 .single--service-inner:hover .svg path#icon_N_ {
    fill: #6c771e
}

.our-service.type3 .single--service-inner:hover .single-service-text h4 {
    color: #6c771e
}

.our-service.type3 .single-service-text a {
    color: #6c771e;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.timeline-content,.timeline-icon {
    -webkit-transition: .3s all linear
}

.our-service.type3 .single--service-inner:hover .single-service-text a {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.service-wrap.type4 .single-service-text h4 {
    color: #333
}

.service-wrap.type4 .single-service-text p {
    color: #777
}

.service-wrap.type4 .single--service-inner img {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.service-wrap.type4 .single--service-inner:hover img {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.step-timeline {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -ms-flex-flow: column;
    flex-flow: column;
    position: relative
}

.step-timeline-item {
    position: relative;
    margin-bottom: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 55%;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.timeline-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 9px;
    background: rgba(255,255,255,.01);
    -ms-flex-flow: row;
    flex-flow: row;
    transition: .3s all linear;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 80px 5px 5px 80px
}

.step-timeline-item:hover .timeline-content {
    background: rgba(255,255,255,.1)
}

.step-timeline-item:hover .timeline-icon,.timeline-icon .unerline span,.timeline-icon .unerline span+span {
    background: #53e1ff
}

.timeline-element {
    position: absolute;
    left: inherit;
    right: 105%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: inherit;
    text-align: right
}

.timeline-icon {
    width: 100px;
    height: 100px;
    vertical-align: middle;
    text-align: center;
    line-height: 100px;
    border-radius: 50%;
    margin-right: 40px;
    border: 5px solid #53e1ff;
    transition: .3s all linear;
    position: relative
}

.timeline-element h4 {
    color: #fff;
    font-weight: 600;
    margin-top: -5px
}

.timeline-element span {
    font-weight: 600;
    font-size: 30px;
    color: #e9e9e9;
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"
}

.step-timeline-item:nth-child(even) {
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: right
}

.step-timeline-item:nth-child(even) .timeline-element {
    right: -60%;
    text-align: left
}

.step-timeline-item:nth-child(even) .timeline-content {
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    margin-right: 0;
    border-radius: 5px 80px 80px 5px
}

.step-timeline-item:nth-child(even) .timeline-content .timeline-icon {
    margin-right: 0;
    margin-left: 40px
}

.timeline-content p {
    margin-bottom: 0;
    flex: 1
}

.timeline-icon-img {
    line-height: 74px
}

.underline-wrap {
    position: absolute;
    top: 62px;
    left: 26px
}

.step-timeline-item:hover .timeline-content img {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg)
}

.timeline-icon-img img {
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.timeline-icon .unerline span {
    opacity: .6
}

.timeline-icon .unerline span+span+span {
    background: #53e1ff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.timeline-icon-img svg path#icon {
    fill: #53e1ff;
    opacity: 1;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.timeline-icon-img svg {
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.step-timeline-item:hover svg {
    transform: rotate(-20deg)
}

.step-timeline-item:hover path#icon {
    fill: #fff
}

.step-timeline-item:hover .timeline-icon .unerline span+span,.step-timeline-item:hover .timeline-icon .unerline span+span+span,.step-timeline-item:hover .unerline span {
    background: #fff
}

.trading--update-text h2 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 42px
}

div#update-chart {
    margin-top: -56px
}

.crypto--calculator-inner {
    text-align: center
}

.crypto--calculator-inner ul {
    display: inline-block;
    border-bottom: 1px solid rgba(255,255,255,.3);
    padding: 13px;
    margin-bottom: 41px;
    width: 300px;
    position: relative
}

.crypto--calculator-inner ul li {
    display: inline-block;
    position: relative;
    width: 100%
}

.crypto--calculator-inner ul li input {
    background: 0 0;
    border: none;
    color: #fff;
    font-size: 18px;
    width: 100%
}

.crypto--calculator-inner ul li select {
    background: 0 0;
    border: none;
    color: #53e1ff;
    font-size: 18px;
    font-family: Dosis,sans-serif;
    font-weight: 700;
    width: 100%
}

.app--mockup-image,.app-overlay-bg {
    right: 0;
    background-repeat: no-repeat!important;
    content: ""
}

.crypto--calculator-inner ul li:last-child {
    width: 138px;
    position: absolute;
    top: 20px;
    right: 0
}

.powared-by {
    display: none
}

.crypto--calculator-inner ul:nth-child(2) {
    border: none;
    font-size: 24px;
    margin-left: 15px;
    margin-right: 15px;
    width: inherit
}

.crypto--calculator-inner p {
    margin-bottom: 42px
}

.calculator-text a+a {
    margin-left: 21px
}

.app-heading h2 {
    font-weight: 700;
    color: #fff;
    margin-bottom: 40px;
    margin-top: -8px
}

.single-app-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.single-app-info .app-icon img {
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.single-app-info:hover .app-icon img {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.app-icon {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: 28px
}

.app-text h4 {
    color: #fff;
    margin-bottom: 16px
}

.app-heading {
    padding-bottom: 23px
}

.app-text {
    margin-bottom: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.app--mockup-image {
    height: 112%;
    position: absolute;
    top: 0;
    width: 54%;
    z-index: 1
}

.app--full-width,.mobile-app {
    position: relative
}

.app-info-btn .text {
    padding-left: 20px;
    display: inline-block;
    text-align: left;
    font-weight: 600
}

.app-info-btn a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 22px
}

.app-info-btn .text>span {
    display: block;
    font-size: 12px;
    line-height: 1;
    font-weight: 400
}

.app-info-btn a+a {
    margin-left: 26px;
    padding: 13px 26px
}

.app-overlay-bg,.mobile-image {
    position: absolute
}

.app-overlay-bg {
    height: 100%;
    top: 1%;
    width: 36%;
    background-size: cover!important
}

.mobile-image img {
    max-width: 100%;
    margin-top: -80px;
    margin-left: -39px
}

.countdown--inner-area.waves-effect {
    display: block
}

.countdown--progress-inner {
    background: rgba(255,255,255,.1);
    border-radius: 5px;
    padding-bottom: 60px
}

.countdown--inner-area {
    background: #53e1ff;
    background: -webkit-linear-gradient(left,#53e1ff 0,#006ed5 100%);
    background: linear-gradient(to right,#53e1ff 0,#006ed5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53e1ff', endColorstr='#006ed5', GradientType=1 );
    border-radius: 5px;
    padding: 60px 0
}

.countdown-text h5 {
    color: #fff
}

.countdown-text h2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff
}

.countdown-text {
    position: relative;
    padding-bottom: 10px
}

.countdown-text:after {
    position: absolute;
    content: "";
    bottom: 0;
    height: 1px;
    width: 80%;
    left: 10%;
    background: #75e8ff;
    background: -webkit-linear-gradient(left,#75e8ff 0,#fff 31%,#fff 71%,#3487d1 100%);
    background: linear-gradient(to right,#75e8ff 0,#fff 31%,#fff 71%,#3487d1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75e8ff', endColorstr='#3487d1', GradientType=1 )
}

.countdown--inner-area ul li strong {
    font-size: 48px;
    font-weight: 300;
    margin-right: 6px
}

.countdown--inner-area ul li {
    display: inline-block;
    padding: 10px 20px;
    margin: 0;
    color: #fff
}

.crypto--progress-inner .progress {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 10px;
    overflow: hidden;
    font-size: 12px;
    font-size: .75rem;
    background-color: #8b8baf;
    border-radius: 5px;
    margin: 50px 30px 35px;
    visibility: visible
}

.crypto--progress-inner .progress-bar {
    background: #53e1ff;
    background: -webkit-linear-gradient(left,#53e1ff 0,#006ed5 100%);
    background: linear-gradient(to right,#53e1ff 0,#006ed5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53e1ff', endColorstr='#006ed5', GradientType=1 )
}

.crypto--progress-inner .progress:after {
    content: "";
    position: absolute;
    height: 40px;
    width: 11px;
    left: 58%;
    top: -17px;
    background-image: url(../img/icons/countdown.png);
    background-repeat: no-repeat
}

.crypto--progress-inner p,.crypto--progress-inner>span {
    position: absolute;
    top: -32px;
    font-family: Dosis,sans-serif
}

.crypto--progress-inner p {
    text-align: left;
    left: 50px
}

.crypto--progress-inner>span {
    text-align: right;
    right: 50px
}

.crypto--progress-inner span+span {
    left: 50%;
    text-align: left;
    top: -25px;
    color: #fff
}

.crypto--progress-inner {
    position: relative
}

.payment-methode {
    margin-top: 30px
}

.payment-methode img {
    margin: 0 10px
}

.theme--submit-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.notify-form .theme-input-style {
    width: 80%;
    color: #fff
}

.notify-form .theme-input-style::-webkit-input-placeholder {
    color: #c9d5ff!important;
    opacity: 1!important;
    font-size: 12px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.notify-form .theme-input-style::-moz-placeholder {
    color: #c9d5ff!important;
    opacity: 1!important;
    font-size: 12px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.token-allocation h2 {
    color: #fff;
    margin-bottom: 31px;
    font-weight: 700
}

.notify-form h5 {
    color: #fff;
    font-weight: 600
}

.notify-form {
    margin-top: 69px
}

.notify-form a {
    color: #53e1ff
}

.countdown--inner-area ul {
    text-align: center;
    padding-left: 0;
    margin-bottom: 0
}

.allocation-token2 {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #002197
}

.allocation-token2 ul li:last-child {
    border-width: 0
}

.allocation-token2 ul li {
    display: inline-block;
    padding: 6px 25px;
    margin: 0;
    color: #fff;
    border-right: 2px solid;
    text-align: left;
    border-color: #213c96;
    border-color: -webkit-linear-gradient(#213c96 1%,#fff 25%,#fff 25%,#fff 25%,#fff 80%,#213c96 100%);
    border-color: -o-linear-gradient(#213c96 1%,#fff 25%,#fff 25%,#fff 25%,#fff 80%,#213c96 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#213c96', endColorstr='#213c96', GradientType=0 )
}

.countdown--inner-area.allocation-token2 ul li strong {
    margin-right: 6px;
    display: block;
    font-size: 36px;
    font-weight: 900;
    line-height: 1
}

.progress-bar-inner.type2 .progress {
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #41bbfe;
    position: relative;
    border-color: -moz-linear-gradient(left,#41bbfe 0,#0374e8 100%);
    border-color: -webkit-linear-gradient(left,#41bbfe 0,#0374e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41bbfe', endColorstr='#0374e8', GradientType=1 );
    height: 20px;
    overflow: visible
}

.progress-bar-inner.type2 .progress-bar {
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    background: #53e1ff;
    background: -webkit-linear-gradient(left,#53e1ff 0,#006ed5 100%);
    background: linear-gradient(to right,#53e1ff 0,#006ed5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53e1ff', endColorstr='#006ed5', GradientType=1 );
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.progress-bar-inner.type2 .progress-bar span {
    position: absolute;
    left: 20px;
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    font-family: Dosis,sans-serif
}

.single-chart-details h5,.single-faq h3.h6 {
    font-family: Poppins,sans-serif
}

.progress-bar-inner.type2 .progress-bar span+span {
    left: 50%
}

.progress-bar-inner.type2 .progress-bar span+span+span {
    right: 18px;
    text-align: right;
    color: #7483cc
}

.progress-bar-inner.type2 {
    padding-top: 62px;
    padding-bottom: 30px
}

.progress-bar-inner.type2 .bar-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 20px
}

.progress-bar-inner.type2 .payment-methode {
    margin-top: 40PX
}

.token--available-time {
    padding-top: 34px
}

.token--available-time ul li {
    list-style: none;
    display: inline-block;
    width: 24%;
    padding-left: 25px;
    position: relative;
    color: #fff;
    vertical-align: top
}

.token--available-time ul li:after {
    position: absolute;
    content: "";
    height: 6px;
    width: 6px;
    background: #fff;
    top: 7px;
    left: 0
}

.token--available-time ul li h5 {
    color: #fff;
    font-weight: 500;
    margin-bottom: 13px
}

.token--available-time ul li p {
    font-weight: 300;
    color: #dbdfff;
    margin-bottom: 30px
}

.progress-bar-inner.type2 .progress:after {
    height: 40px;
    width: 2px;
    background: #0374e8;
    content: "";
    position: absolute;
    top: -10px;
    left: 59.6%
}

.single-chart-details h3 {
    color: #fff;
    font-weight: 700;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.single-chart-details h5 {
    color: #fff;
    line-height: 1;
    margin-bottom: 16px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.pie--details-btn a:hover,.pie-text h2,.single--team-inner:hover h5,.single-chart-details:hover h3,.single-chart-details:hover h5 {
    color: #53e1ff
}

.single-chart-details {
    margin-bottom: 47px
}

.pie--etails-btn a {
    padding-left: 0
}

.pie--details-btn a {
    color: #53e1ff;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.pie-text ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 60px
}

.single--team-inner {
    border-radius: 5px;
    overflow: hidden;
    background: rgba(255,255,255,.1);
    position: relative
}

.team--member-img .owl-carousel .owl-item img {
    display: block;
    width: inherit!important
}

.member--caption-details h5 {
    color: #9b9ab3;
    font-weight: 600;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    text-transform: capitalize
}

.member--caption-details p {
    color: #9b9ab3;
    font-weight: 300;
    margin-bottom: 0
}

.member--caption-details {
    padding: 36px 0
}

.social-list li {
    display: inline-block;
    background: #fff;
    margin-right: 11px;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.social-list li a {
    color: #53e1ff
}

.social-list {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 100%;
    text-align: center;
    position: absolute;
    -webkit-transform: translateY(-36px);
    transform: translateY(-36px);
    -webkit-transition: .4s all linear;
    transition: .4s all linear
}

.social-list li:last-child {
    margin-right: 0
}

.social-list li:hover a {
    color: #fff
}

.social-list li:hover {
    background: #53e1ff
}

.single--team-inner:hover .social-list {
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px);
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.single--team-inner:hover .social-list li {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.team--member-img:before {
    content: "";
    position: absolute;
    height: 0;
    bottom: 0;
    width: 100%;
    background: #1c1967;
    left: 0;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    -webkit-transition: .5s all linear;
    transition: .5s all linear
}

.team--member-img {
    position: relative;
    overflow: hidden
}

.single--team-inner:hover .team--member-img:before {
    height: 100%;
    top: 0;
    background: 0 0
}

.single--team-inner.type2 {
    margin-bottom: 30px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.single--team-inner.type2 .member--caption-details h5 {
    color: #fff;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.single--team-inner.type2:hover h5 {
    color: #53e1ff
}

.our--team-wrap .loadmore-btn {
    padding-top: 14px
}

.our--team-wrap .loadmore-btn a {
    color: #fff
}

.our--team-wrap .loadmore-btn:hover a {
    color: #53e1ff
}

.single--team-inner.type2:hover {
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.single--team-inner.type2 .member--caption-details p {
    color: #dbdfff
}

.team--member-img img {
    width: 100%
}

.big-word {
    font-size: 36px;
    font-weight: 300;
    color: #53e1ff
}

.single-faq h3.h6 {
    margin-left: 57px;
    color: #c4c4d1;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    font-weight: 400
}

.faq-answer p,.section-title-type2 p {
    font-weight: 300
}

.single-faq:hover h3.h6 {
    color: #fff!important;
    cursor: pointer
}

.single-faq h3.h6.collapsed {
    color: #c4c4d1
}

.single-faq h3[aria-expanded=true] {
    color: #fff
}

.single-faq h3.h6 span {
    position: absolute;
    left: 0;
    top: -6px
}

.single-faq {
    margin: 0 80px 25px 0;
    position: relative;
    padding-bottom: 25px;
    color: #c4c4d1
}

.faq-answer p,div#Faq-1 .single-faq:last-child,div#Faq-2 .single-faq:last-child {
    margin-bottom: 0
}

.single-faq:after {
    background: rgba(255,255,255,.3);
    content: '';
    position: absolute;
    width: 80%;
    height: 1px;
    bottom: 0;
    left: 57px
}

.type2 .single-faq:after,.type3 .single-faq:after,.type4 .single-faq:after {
    background: #e9e9e9
}

.faq-answer {
    margin-left: 57px;
    padding-top: 17px
}

.faq-answer p {
    color: #c4c4d1
}

.single-faq-wrap.type2 .big-word {
    color: #6c771e
}

.single-faq-wrap.type2 .faq-answer p,.single-faq-wrap.type2 .single-faq h3.h6 {
    color: #777
}

.single-faq-wrap.type2 .single-faq:hover h3.h6 {
    color: #333!important
}

.single-faq-wrap.type2 .single-faq h3[aria-expanded=true] {
    color: #333
}

.single-faq-wrap.type3 .big-word {
    color: #e89719
}

.single-faq-wrap.type3 .faq-answer p,.single-faq-wrap.type3 .single-faq h3.h6 {
    color: #777
}

.single-faq-wrap.type3 .single-faq:hover h3.h6 {
    color: #333!important
}

.single-faq-wrap.type3 .single-faq h3[aria-expanded=true] {
    color: #333
}

.single-faq-wrap.type4 .big-word {
    color: #00c6c6
}

.single-faq-wrap.type4 .faq-answer p,.single-faq-wrap.type4 .single-faq h3.h6 {
    color: #777
}

.single-faq-wrap.type4 .single-faq:hover h3.h6 {
    color: #333!important
}

.single-faq-wrap.type4 .single-faq h3[aria-expanded=true] {
    color: #333
}

.single-faq-wrap.type5 .big-word {
    color: #0e035c
}

.single-faq-wrap.type5 .faq-answer p {
    color: #777
}

.single-faq-wrap.type5 .single-faq h3.h6 {
    color: #333
}

.single-faq-wrap.type5 .single-faq:hover h3.h6 {
    color: #333!important
}

.single-faq-wrap.type5 .single-faq h3[aria-expanded=true] {
    color: #333
}

.type5 .single-faq:after {
    background: #e9e9e9;
    width: 90%
}

.type5 .single-faq {
    margin: 0 80px 45px 0
}

img.line-chart {
    position: absolute;
    top: 40px
}

.common-items div.dotline,.suuccessful--line-chart {
    position: relative
}

.line--chart {
    margin-top: -4px;
    padding: 0 0 5px 6px;
    height: 324px
}

.common-items div.dotline:after {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    background: #23d3ff;
    border-radius: 50%;
    left: 20%
}

.common-items div.dotline:before {
    height: 340px;
    width: 1px;
    position: absolute;
    background: #fff;
    content: "";
    left: 50px;
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    top: -165px
}

.road-item8.common-items {
    width: 30px
}

.rode--map-items {
    top: 61%;
    position: relative
}

.common-items,.ling-bg-shape {
    position: absolute
}

.rode--map-items img,.suuccessful--line img {
    width: 100%
}

.common-items {
    display: inline-block;
    width: 212px;
    cursor: pointer
}

.road-item1 {
    left: 1%;
    top: 66%
}

.road-item2 {
    top: 67%;
    left: 15%
}

.road-item3 {
    top: 40%;
    left: 29%
}

.road-item4 {
    top: 53%;
    left: 43%
}

.road-item5 {
    left: 57%;
    top: 34%
}

.road-item6 {
    left: 71%;
    top: 44%
}

.road-item7 {
    left: 85%;
    top: 40%
}

.road-item8 {
    left: 98%;
    top: 19%
}

.road-item1.common-items div.dotline:before {
    top: -212px
}

.road-item2.common-items div.dotline:before {
    top: -214px
}

.road-item3.common-items div.dotline:before {
    top: -124px
}

.road-item4.common-items div.dotline:before {
    top: -168px
}

.road-item5.common-items div.dotline:before {
    top: -104px
}

.road-item6.common-items div.dotline:before {
    top: -140px
}

.road-item7.common-items div.dotline:before {
    top: -125px
}

.road-item8.common-items div.dotline:before {
    top: -53px;
    left: 13px
}

.roadmap--hover-item h5 {
    color: #002197;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px
}

.roadmap--hover-item p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5px;
    color: #999
}

.iteel--details-list {
    padding-left: 20px
}

.iteel--details-list li {
    color: #555;
    line-height: 16px;
    font-size: 12px
}

.iteel--details-list li:first-child {
    margin-bottom: 9px
}

.roadmap--hover-item {
    position: absolute!important;
    background: #fff;
    width: 200px;
    height: 190px;
    padding: 20px;
    border-radius: 5px;
    top: 36%;
    visibility: hidden;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    left: 50%;
    text-align: left;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.center .roadmap--hover-item,.common-items.active .roadmap--hover-item {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible
}

.road-item1 .roadmap--hover-item {
    left: 30%;
    top: -61px;
    z-index: 10
}

.road-item2 .roadmap--hover-item {
    left: 30%;
    top: -28px;
    z-index: 10
}

.road-item3 .roadmap--hover-item {
    left: 30%;
    top: -120px;
    z-index: 10
}

.road-item4 .roadmap--hover-item {
    left: 30%;
    top: -118px;
    z-index: 10
}

.road-item5 .roadmap--hover-item,.road-item6 .roadmap--hover-item {
    left: 30%;
    top: -134px;
    z-index: 10
}

.road-item7 .roadmap--hover-item {
    left: 30%;
    top: -120px;
    z-index: 10
}

.road-item8 .roadmap--hover-item {
    left: -132px;
    top: -96px;
    z-index: 10
}

.road-map-dot {
    position: relative;
    height: 15px;
    width: 15px;
    background: #53e1ff;
    border-radius: 50%;
    margin: 0 auto;
    cursor: pointer
}

.road-map-dot:after,.road-map-dot:before {
    position: absolute;
    content: ""
}

.road-map-dot:before {
    height: 340px;
    width: 1px;
    background: #fff;
    left: 7px;
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    top: -120px;
    z-index: -1
}

.road-map-dot:after {
    width: 15px;
    height: 15px;
    background: #53e1ff;
    left: 0;
    border-radius: 50%;
    display: inline-block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.road-map-dot:hover:after {
    -webkit-transform: scale(2);
    transform: scale(2);
    background: 0 0
}

.suuccessful--line {
    margin-top: 140px;
    position: relative
}

.road-map-dot:hover .roadmap--hover-item {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.road--map-time {
    padding-bottom: 0;
    color: #fff;
    position: absolute;
    left: 62%;
    top: 83%;
    z-index: -1
}

.rode--map-items:before {
    position: absolute;
    height: 3px;
    left: 0;
    background: #53e1ff;
    width: 100%;
    top: 22.1%;
    content: "";
    box-shadow: 0 15px 30px rgba(0,0,0,.8)
}

.suuccessful--line svg.svg {
    position: absolute;
    z-index: -1;
    bottom: 0
}

.single--roadmap-inner {
    text-align: center;
    padding-top: 60px;
    position: relative;
    overflow: visible;
    padding-bottom: 230px
}

.type2 .single--roadmap-wrap {
    text-align: center;
    padding-top: 20px
}

.road--map-wrap.type2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden
}

.single--roadmap-wrap .road--map-time {
    padding-bottom: 15px;
    color: #fff;
    position: relative;
    text-align: center;
    left: 0
}

.single--roadmap-wrap .road-map-count {
    height: 17px;
    width: 17px;
    margin: auto;
    border: 2px solid #41bcfe;
    border-radius: 50%;
    background: #1239b9;
    position: relative;
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.single--roadmap-wrap .road-map-content {
    margin-top: 14px
}

.road--map-wrap.type2:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    background: #3e5dc2;
    top: 63px;
    z-index: -2
}

.section-title-type2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 40px;
    margin-top: -8px
}

.section-title-type2 img {
    margin-right: 25px
}

.section-title-type2 h2 {
    color: #fff;
    font-weight: 700
}

.why--use-text blockquote {
    margin: 0 0 1rem;
    padding: 16px 20px;
    border-left: 2px solid #fff;
    margin-left: 45px;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    line-height: 30px
}

.use-us-video .use--us-button {
    display: inline-block;
    height: 42px;
    width: 42px;
    border: 2px solid #fff;
    text-align: center;
    line-height: 39px;
    border-radius: 50%;
    color: #fff;
    padding-left: 3px;
    margin-right: 15px;
    margin-top: 18px;
    position: relative
}

.use-us-video span {
    color: #fff;
    font-size: 15px;
    font-weight: 500
}

.single-use-usbox {
    background: rgba(255,255,255,.1);
    box-shadow: 2px 0 7px rgba(0,0,0,.1);
    padding: 31px;
    transition: .3s all linear
}

.single-post:hover,.single-solution-wrap:hover,.single-use-usbox:hover {
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.single-use-usbox:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.single-use-usbox:hover i {
    transform: rotate(-20deg)
}

.single-use-usbox i {
    font-size: 36px;
    transition: .3s all linear
}

.single-use-usbox p {
    margin-top: 20px;
    font-weight: 300;
    font-size: 13px;
    color: #dbdfff
}

.single-use-usbox i.fa-snowflake-o {
    color: #39ff39
}

.single-use-usbox i.fa-sitemap {
    color: #ffde00
}

.single-use-usbox i.fa-clone {
    color: #3bf3ff
}

.use--usbox {
    padding-top: 20px
}

.single-solution-wrap {
    background: rgba(255,255,255,.1);
    border-radius: 5px;
    padding: 40px 30px 33px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.single-solution-wrap h4 {
    font-weight: 600;
    color: #fff;
    margin-top: 24px;
    margin-bottom: 20px
}

.single-solution-wrap:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.single-solution-wrap svg {
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.single-solution-wrap:hover svg {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.single-solution-wrap p {
    margin-bottom: 0
}

.home-page5 .unerline span {
    background: #e89719;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.home-page5 .unerline span+span {
    background: #e89719
}

.home-page5 .unerline span+span+span {
    background: #e89719;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.home-page5 .unerline span:last-child {
    left: 24px;
    width: 8px;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.single-payment-solution {
    margin-bottom: 30px
}

.single-payment-solution svg path#icon {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    fill: #e89719;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.single-payment-solution:hover svg path#icon {
    fill: #e89719
}

.single-payment-solution svg {
    margin-bottom: 19px
}

.single-payment-solution h4 {
    color: #333;
    font-weight: 600;
    margin-bottom: 12px;
    transition: .3s all linear
}

.single-payment-solution:hover h4 {
    color: #e89719
}

.single-payment-solution p {
    margin-bottom: 15px
}

.single-payment-solution a {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    color: #e89719
}

.single-payment-solution:hover a {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible
}

.home-page6 .section-title.type3 .underline-wrap {
    top: 100%
}

.home-page6 .unerline span {
    background: #00c6c6;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.home-page6 .unerline span+span {
    background: #00c6c6
}

.home-page6 .unerline span+span+span {
    background: #00c6c6;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.home-page6 .unerline span:last-child {
    left: 24px;
    width: 8px;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.solution-wrap.type3 .single-solution svg.svg {
    margin-bottom: 20px
}

.solution-wrap.type3 .single-solution {
    margin-bottom: 53px
}

.solution-wrap.type3 .single-solution h4 {
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.solution-wrap.type3 .single-solution p {
    margin-bottom: 0
}

.solution-wrap.type3 .single-solution svg.svg path#icon {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    fill: #00c6c6
}

.solution-wrap.type3 .single-solution:hover h4 {
    color: #00c6c6
}

.solution-image-wrap .solution-image-inner {
    width: 132%;
    left: 0;
    margin-left: -200px
}

.use-crypdrone-token p {
    margin-bottom: 66px
}

.use-crypdrone-token .use-crypdrone-details h4 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 22px
}

.use-crypdrone-token .use-crypdrone-icon {
    margin-right: 28px
}

.use-crypdrone-token .use-crypdrone-details p {
    margin-bottom: 46px
}

.crypdrone-token-image {
    position: relative;
    margin-top: 30px
}

.crypdrone-token-image .shap-1 {
    position: absolute;
    top: 12%;
    left: 19%;
    -webkit-animation: bounce 4s linear infinite;
    animation: bounce 4s linear infinite
}

.crypdrone-token-image .shap-2 {
    position: absolute;
    top: 7%;
    right: 13%;
    z-index: 1;
    -webkit-animation: bounce 3s linear infinite;
    animation: bounce 3s linear infinite
}

.crypdrone-token-image .shap-3 {
    position: absolute;
    top: 2%;
    left: 40%;
    -webkit-animation: bounce 4s linear infinite;
    animation: bounce 4s linear infinite
}

.crypdrone-token-image .shap-4 {
    position: absolute;
    top: 30%;
    left: 14%;
    -webkit-animation: bounce 3s linear infinite;
    animation: bounce 3s linear infinite
}

.search-form.sidebar-search-form,.single-post {
    position: relative
}

.our-blog-inner.type2 .single-post.active {
    background: #41bcfe;
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.our-blog-inner.type2 .single-post.active .post-info a,.our-blog-inner.type2 .single-post.active .post-info a:hover,.our-blog-inner.type2 .single-post.active .post-main-heading h4 a,.our-blog-inner.type2 .single-post.active .post-main-heading h4 a:hover {
    color: #fff
}

.single-post {
    border-radius: 5px;
    overflow: hidden;
    background: rgba(255,255,255,.1);
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    margin-bottom: 30px
}

.our-blog-inner.type2 .single-post,.our-blog-inner.type3 .single-post,.our-blog-inner.type4 .single-post,.our-blog-inner.type5 .single-post {
    background: #fcfcfc
}

.single-post .post-content {
    padding: 36px 40px 26px
}

.single-post .post-info a {
    color: #cfd6f8;
    font-size: 12px;
    font-weight: 300;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    text-transform: capitalize
}

.single-post .post-info a:hover {
    color: #53e1ff
}

.single-post .post-info a+a {
    margin-left: 30px
}

.single-post .post-info {
    margin-bottom: 16px
}

.single-post .post-info a span {
    margin-right: 10px
}

.single-post .post-main-heading h4 a {
    margin-bottom: 0;
    color: #dbdfff;
    font-weight: 600;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    text-transform: inherit;
    word-break: break-word
}

.single-post .post-main-heading h4 a:hover {
    color: #53e1ff
}

.single-post:hover img {
    -webkit-transform: scale(1.2) rotate(0);
    transform: scale(1.2) rotate(0)
}

.post-image a img {
    -webkit-transform: scale(1.3) rotate(5deg);
    transform: scale(1.3) rotate(5deg);
    -webkit-transition: .4s all linear;
    transition: .4s all linear;
    width: 100%
}

.single-post .post-image {
    overflow: hidden
}

.our-blog-inner.type2 .single-post .post-info a {
    color: #999
}

.our-blog-inner.type2 .single-post .post-main-heading h4 a {
    color: #333
}

.our-blog-inner.type2 .single-post .post-info a:hover,.our-blog-inner.type2 .single-post .post-main-heading h4 a:hover {
    color: #002197
}

.our-blog-inner.type3 .single-post .post-main-heading h4 a:hover {
    color: #6c771e
}

.our-blog-inner.type3 .single-post .post-main-heading h4 a {
    color: #333
}

.our-blog-inner.type3 .single-post .post-info a {
    color: #999
}

.our-blog-inner.type4 .single-post .post-main-heading h4 a:hover {
    color: #e48f0b
}

.our-blog-inner.type4 .single-post .post-main-heading h4 a {
    color: #333
}

.our-blog-inner.type4 .single-post .post-info a {
    color: #999
}

.our-blog-inner.type5 .single-post .post-main-heading h4 a:hover {
    color: #00c6c6
}

.our-blog-inner.type5 .single-post .post-main-heading h4 a {
    color: #333
}

.our-blog-inner.type5 .single-post .post-info a {
    color: #999
}

.blog-pagination-wrap .blog-pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 0
}

.blog-pagination-wrap .blog-pagination li {
    padding: 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #333
}

.blog-pagination-wrap .blog-pagination li a {
    font-size: 18px;
    font-weight: 600
}

.blog-pagination-wrap .blog-pagination li.disabled {
    color: #999
}

.blog-pagination-wrap .blog-pagination li.dot span {
    letter-spacing: 4px
}

.blog-pagination-wrap .blog-pagination li.active a,.blog-pagination-wrap .blog-pagination li:hover a {
    color: #53e1ff
}

.sidebar-search-form input::-webkit-input-placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.sidebar-search-form input::-moz-placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.sidebar-search-form input:-ms-input-placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.sidebar-search-form input::placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.sidebar-search-form input {
    font-family: Poppins,FontAwesome;
    height: 70px;
    width: 100%;
    border-radius: 5px;
    border: 2px solid #002197;
    padding-left: 35px;
    font-weight: 300
}

.single-sidebar-widget .widget-title h4 {
    font-size: 20px;
    font-weight: 700;
    color: #002197;
    margin-left: 20px;
    margin-top: -8px;
    margin-bottom: 0
}

.widget-title {
    margin-bottom: 40px
}

.post-wrapper .post-info {
    font-size: 12px;
    color: #777;
    margin-bottom: 5px;
    display: block;
    font-weight: 300
}

.post-wrapper h5 a {
    color: #555;
    font-size: 15px;
    font-weight: 400;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.post-wrapper h5 a:hover {
    color: #002197
}

.recent-posts {
    padding-bottom: 11px;
    border-bottom: 1px solid;
    margin-bottom: 19px
}

.post-wrapper {
    margin-left: 20px
}

.recent-posts:last-child {
    margin-bottom: 0
}

.post-wrapper .post-info span {
    margin-right: 8px
}

.social-update.social-img ul li:not(:last-child) {
    margin-right: 5px
}

.social-update.social-img ul:first-child {
    margin-bottom: 5px
}

.social-update.social-img ul {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.catagories-widget ul li a {
    color: #777;
    margin-left: 20px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    position: relative;
    padding-left: 12px
}

.post-main-content .social-comment ul li a,.social-comment ul li a {
    margin-left: 3px
}

.catagories-widget ul li a:before {
    content: '\f105';
    position: absolute;
    font-family: FontAwesome;
    font-size: 10px;
    left: 0;
    top: 3px;
    transition: .3s all linear
}

.server-location:after,.use-tb>span:after,.zigzag-inner.left:before {
    content: ""
}

.catagories-widget ul li a:hover:before {
    color: #002197
}

.catagories-widget ul li {
    border-bottom: 1px solid;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.catagories-widget ul li:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.post-author,.your-comment-wrap .contact-form .theme-input-style {
    border-bottom: 1px solid #e4e4e4
}

.ccc-coin-container {
    margin-right: 30px!important;
    margin-bottom: 22px
}

.priceName {
    font-size: 16px!important
}

.priceChange span,.priceValue a {
    font-size: 14px
}

.market-update {
    background: red
}

.ccc-widget.ccc-header-v2 {
    background: #002197!important;
    border-radius: 5px;
    padding: 25px
}

.post-main-content ul li {
    margin-right: 32px;
    font-size: 12px;
    color: #999;
    cursor: pointer
}

.post-main-content ul li a {
    color: #999
}

.post-main-img {
    margin-bottom: 47px
}

.post-main-content ul {
    margin-bottom: 18px
}

.post-main-content h3 {
    color: #555;
    font-weight: 600;
    margin-bottom: 42px
}

.catagories-widget ul li a:hover,.post-main-content ul li:hover a {
    color: #002197
}

.post-main-content p {
    color: #777;
    margin-bottom: 24px
}

.post-main-content .post-sub-content ul li {
    margin-right: 0;
    padding-left: 27px;
    position: relative;
    padding-bottom: 11px;
    font-weight: 300;
    color: #777;
    font-size: 14px
}

.post-main-content .social-comment ul li,.social-comment ul li {
    margin-right: 40px;
    display: inline-block
}

.post-main-content .post-sub-content ul li span {
    position: absolute;
    left: 0;
    font-size: 12px;
    color: #27db1e;
    top: 2px
}

.social-comment ul:last-child li {
    margin-left: 0;
    margin-right: 20px;
    font-size: 16px
}

.social-comment ul:last-child li:last-child {
    margin-right: 0
}

.social-comment ul:last-child li:first-child {
    margin-right: 40px;
    color: #555;
    font-weight: 500;
    font-size: 12px;
    transition: .3s all linear
}

.social-comment ul:last-child li a:hover,.social-comment ul:last-child li:first-child:hover {
    color: #002197
}

.social-comment {
    overflow: hidden;
    margin-bottom: 23px
}

.social-comment ul {
    margin-bottom: 0
}

.social-comment ul:last-child li:first-child span {
    font-size: 18px;
    margin-left: 5px;
    vertical-align: middle
}

.social-comment ul:last-child li a {
    color: #bfbfbf
}

.social-comment ul:last-child {
    -webkit-transform: translate(236px);
    transform: translate(236px);
    -webkit-transition: .5s all linear;
    transition: .5s all linear;
    cursor: pointer
}

.social-comment ul.transform:last-child {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.author-details {
    margin-left: 30px
}

.author-details h4 {
    color: #555;
    font-weight: 600;
    margin-bottom: 0
}

.author-details p {
    font-size: 12px;
    margin-bottom: 0;
    color: #999
}

.author-details p a {
    color: #999;
    margin-left: 4px
}

.post-author-info {
    border-right: 2px solid #555
}

.author-details span {
    font-size: 12px;
    color: #999
}

.author-quotes p {
    color: #999;
    margin-bottom: 0
}

.post-author {
    padding: 50px 0;
    border-top: 1px solid #e4e4e4;
    margin-bottom: 28px
}

.post-navigation ul li {
    width: 270px
}

.post-navigation ul .prev-post .post-icon {
    margin-right: 15px;
    position: relative
}

.post-navigation ul .next-post .post-icon {
    margin-left: 15px;
    position: relative
}

.post-nav-content h4 {
    color: #333;
    font-weight: 600;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.post-navigation ul li:hover .post-nav-content h4 {
    color: #002197
}

.post-nav-content span {
    color: #999;
    font-weight: 400;
    margin-bottom: 9px;
    display: block
}

.post-navigation ul .next-post .post-icon span,.post-navigation ul .prev-post .post-icon span {
    font-size: 18px;
    color: #333;
    position: absolute;
    top: -5px;
    left: -3px
}

.post-comments-wrap ul>li>ul>li {
    padding-left: 75px
}

.post-comments-wrap ul li:not(:last-child) {
    margin-bottom: 35px
}

.comment-author-details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px
}

.comment-author-details h5 {
    color: #555;
    font-weight: 600
}

.comment-author-details .comment-time {
    color: #999;
    font-size: 12px;
    margin-bottom: 9px;
    display: block
}

.comment-author-details p {
    color: #777;
    font-size: 12px;
    margin-bottom: 9px
}

.post-comments-wrap ul li {
    margin-top: 35px
}

.post-comments-wrap {
    padding: 70px 40px;
    background: #fcfcfc;
    margin-bottom: 67px
}

.comment-author-details a {
    color: #555;
    font-size: 12px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.comment-author-details a:hover {
    color: #002197
}

.comment-author-details a span {
    margin-right: 10px
}

.post-comments-wrap h4 {
    color: #555;
    font-weight: 600;
    padding-bottom: 9px
}

.your-comment-wrap h4 {
    color: #333;
    font-weight: 600;
    margin-bottom: 30px
}

.your-comment-wrap .your-comment-btn {
    margin-top: 50px
}

.your-comment-wrap textarea.theme-input-style {
    padding-top: 20px
}

.your-comment-wrap .contact-form input:focus,.your-comment-wrap .contact-form textarea:focus {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    border-color: #002197
}

.your-comment-wrap input::-webkit-input-placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.your-comment-wrap input::-moz-placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.your-comment-wrap input:-ms-input-placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.your-comment-wrap input::placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.your-comment-wrap textarea::-webkit-input-placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.your-comment-wrap textarea::-moz-placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.your-comment-wrap textarea:-ms-input-placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.your-comment-wrap textarea::placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.about--vpn-wrap h2 {
    color: #002197;
    font-weight: 700;
    margin-bottom: 37px
}

.about--vpn-wrap p {
    font-weight: 300
}

.about--vpn-wrap a {
    margin-top: 11px;
    color: #002197;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.about--vpn-wrap {
    margin-top: 60px
}

.about--vpn-wrap a span i {
    color: #53e1ff;
    margin-left: 7px
}

.about--vpn-wrap a.btn:hover {
    color: #fff!important;
    border-color: #002197!important;
    background: #002197
}

.how--works-wrap .fig-caption span,.how--works-wrap h5 {
    font-weight: 500;
    color: #333;
    text-transform: uppercase;
    font-family: Poppins,sans-serif
}

.how--works-wrap {
    margin-top: 54px
}

.how--works-wrap h5 {
    margin-bottom: 70px
}

.how--works-wrap .shield {
    position: absolute;
    top: 33%;
    left: 39%
}

.how--works-wrap .star-wrap .h3-star-l {
    position: absolute;
    top: 56%;
    left: 41%;
    -webkit-animation: scale 3s linear infinite;
    animation: scale 3s linear infinite;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.how--works-wrap .star-wrap .h3-star-m {
    position: absolute;
    top: 52%;
    right: 41%;
    -webkit-animation: scale 3s linear infinite;
    animation: scale 3s linear infinite;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.how--works-wrap .star-wrap .h3-star-s {
    top: 43%;
    position: absolute;
    left: 49%;
    -webkit-animation: scale 3s linear infinite;
    animation: scale 3s linear infinite
}

.how--works-wrap .hacker.hacker1 {
    position: absolute;
    left: 28%;
    top: 80%
}

.how--works-wrap .hacker.hacker2 {
    position: absolute;
    right: 36%;
    top: 91%
}

.how--works-wrap .hacker.hacker3 {
    position: absolute;
    top: 51%;
    right: 33%
}

.how--works-wrap .fig-caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0 0 25px
}

.star-wrap img {
    -webkit-animation-name: scale;
    animation-name: scale
}

@-webkit-keyframes scale {
    0%,100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes scale {
    0%,100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.section-title span {
    color: #41bcfe;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 4px;
    display: block
}

.about-our-company p {
    color: #999
}

.about-our-company a {
    margin-top: 17px
}

.company-goal-list ul li {
    padding-left: 30px;
    position: relative;
    color: #999;
    padding-bottom: 18px
}

.company-goal-list ul li span {
    position: absolute;
    left: 0;
    top: 4px;
    color: #53e1ff
}

.company-goal-list ul li p {
    margin-bottom: 0
}

.company-goal-list ul {
    margin-bottom: 24px
}

.about-us-inner.type2 .section-title .underline-wrap {
    position: absolute;
    top: 105%;
    left: 0
}

.about-us-inner.type2 .section-title {
    margin-bottom: 63px
}

.about-us-inner.type2 .about-content-inner p {
    margin-bottom: 30px
}

.about-content-inner a {
    color: #6c771e
}

.about-content-inner a span {
    margin-left: 7px
}

.image-moke-up path#Shape_1_copy {
    fill: #fcfcfc
}

.image-moke-up path#_01_copy,.image-moke-up path#_02_copy,.image-moke-up path#_03_copy {
    fill: #ffb565;
    fill-rule: evenodd;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.image-moke-up {
    background-size: cover!important;
    background-repeat: no-repeat!important;
    height: 549px
}

.single-about-counter>span {
    font-size: 30px;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 15px;
    color: #c1c1c1
}

.head-text-float,.single--best-icon {
    -ms-flex-item-align: center;
    align-self: center
}

.single-counter-text span {
    display: inline-block;
    font-size: 30px;
    color: #555;
    font-family: Poppins,sans-serif
}

.single-counter-text h2 {
    display: inline-block;
    margin-bottom: 0;
    color: #555;
    font-family: Poppins,sans-serif
}

.single-counter-text p {
    margin-bottom: 0;
    color: #555;
    line-height: 1.1
}

.about-counterup-inner.type2 {
    margin-top: 100px
}

.about-counterup-inner.type2 .single-about-counter {
    margin-bottom: 30px
}

.counter--up-wrap.type3 .single-counter span {
    color: #555
}

.counter--up-wrap.type3 .single-counter h2 {
    color: #e89719
}

.server-location-details {
    width: 160px;
    height: 220px;
    background: #1836a1;
    border-radius: 5px;
    text-align: left;
    padding: 25px 20px;
    position: absolute;
    left: 18px;
    top: 13px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.server-location:hover .server-location-details {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.servers--around-location {
    position: relative
}

.server-location {
    position: absolute;
    cursor: pointer;
    color: #002197;
    z-index: 10
}

.server-location.marker1 {
    top: 40%;
    right: 32.5%
}

.server-location.marker2 {
    top: 15%;
    left: 30%
}

.server-location.marker3 {
    top: 30%;
    left: 31%
}

.server-location.marker4 {
    top: 79%;
    left: 54%
}

.server-location.marker5 {
    right: 28%;
    top: 12%
}

.server-location-details h5 {
    color: #fff
}

.server-location-details p {
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    margin-bottom: 17px;
    font-weight: 300
}

.use-tb span i {
    color: #53e1ff;
    font-size: 8px
}

.use-tb>span {
    display: inline-block;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 37px;
    border-radius: 50%;
    border: 5px solid rgba(255,255,255,.15);
    position: relative
}

.use-tb>span:after {
    position: absolute;
    width: 50px;
    height: 50px;
    border: 5px solid #53e1ff;
    border-radius: 50%;
    left: -5px;
    top: -5px;
    border-right-color: rgba(255,255,255,.15)
}

.use-tab-details {
    margin-left: 20px
}

.use-tab-details h4 {
    color: #fff;
    font-weight: 900;
    margin-bottom: 0
}

.use-tab-details span {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase
}

.use-tab-details p {
    font-size: 9px;
    font-weight: 300;
    margin-bottom: 0
}

.server-location:after {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #0b34ad;
    top: 4px;
    left: 0;
    border-radius: 50%;
    display: inline-block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-animation: scale2 1s linear infinite;
    animation: scale3 1s linear infinite
}

@keyframes scale3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: .5;
        border-color: transparent
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .5
    }
}

.single--pricing-plan .btn.btn-fill,.type2 .single--pricing-plan .btn.btn-fill {
    border-color: #fff
}

.single-counter h2 {
    display: inline-block;
    font-size: 36px;
    color: #333;
    margin-bottom: 0;
    line-height: 1
}

.counter--up-wrap {
    margin-top: 70px
}

.single--best-icon {
    margin-right: 35px
}

.single-best-text h4 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px
}

.single-best-text p {
    margin-bottom: 0
}

.single--best-icon .underline-wrap {
    position: absolute;
    top: 72px;
    left: 13px
}

.single--best-icon img {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.single--our-best:hover .single--best-icon img {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.single--our-best {
    margin-bottom: 40px
}

.single--pricing-plan {
    padding: 50px;
    background: #fcfcfc;
    border-radius: 5px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    margin-bottom: 30px
}

.single--pricing-plan.active {
    background: #002197
}

.single--pricing-plan.active .head-text-float>span,.single--pricing-plan.active .plan-top-head h4,.single--pricing-plan.active .plantop-head-text h2.h1 {
    color: #fff
}

.single--pricing-plan.active .pricing-plan-body li {
    color: #dbdfff
}

.single--pricing-plan.active .btn-fill,.single--pricing-plan.active .btn-fill:before {
    background: 0 0
}

.single--pricing-plan.active .pricing-plan-body p {
    color: #fff
}

.pricing-plan-body a span {
    margin-right: 10px
}

.pricing-plan-body .btn:hover {
    background: #fff
}

.plan-top-head h4 {
    color: #333;
    font-weight: 900;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.plantop-head-text {
    padding-top: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px
}

.plantop-head-text h2.h1 {
    font-size: 60px;
    font-weight: 900;
    font-family: Poppins,sans-serif
}

.plantop-head-text h2.h1 span {
    font-weight: 300
}

.head-text-float>span {
    display: block;
    font-weight: 900;
    color: #333
}

.head-text-float {
    margin-left: 8px
}

.head-text-float span+span {
    font-weight: 300;
    text-transform: capitalize
}

.pricing-plan-body a {
    margin-top: 26px
}

.single--pricing-plan .underline-wrap {
    position: relative;
    top: 0;
    left: 0
}

.included-every-wrap h3 {
    text-align: center;
    font-weight: 500;
    color: #002197;
    margin-bottom: 59px
}

.included-every-wrap {
    padding-top: 30px
}

.included-every-wrap ul:last-child {
    margin-bottom: 0
}

.included-every-wrap ul li {
    display: inline-block;
    width: 24%;
    color: #555;
    margin-bottom: 23px;
    vertical-align: top;
    padding-left: 30px;
    position: relative
}

.included-every-wrap ul li span {
    color: #53e1ff;
    position: absolute;
    left: 0
}

.single--pricing-plan .btn.btn-fill:before {
    background: #002197
}

.single--pricing-plan .btn.btn-fill:hover {
    color: #002197
}

.single--pricing-plan .btn.btn-fill:hover:before {
    background: #fff
}

.type2 .single--pricing-plan.active {
    background: #00c6c6
}

.type2 .plantop-head-text {
    padding-bottom: 15px
}

.type2 .pricing-plan-body ul li {
    color: #777;
    font-weight: 300
}

.type2 .pricing-plan-body ul li:not(:last-child) {
    padding-bottom: 10px
}

.type2 .single--pricing-plan.active .pricing-plan-body p,.type2 .single--pricing-plan.active .pricing-plan-body ul li {
    color: #fff
}

.included-every-wrap.type2 h3,.included-every-wrap.type2 ul li span,.type2 .single--pricing-plan .btn.btn-fill:hover {
    color: #00c6c6
}

.type2 .single--pricing-plan.activeline span:last-child {
    position: absolute;
    content: '';
    background: #00c6c6;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    width: 22px;
    height: 2px;
    top: 5px;
    left: 0
}

.type2 .single--pricing-plan.active .unerline span,.type2 .single--pricing-plan.active .unerline span+span,.type2 .single--pricing-plan.active .unerline span:last-child {
    background-color: #fff
}

.type2 .single--pricing-plan .unerline span:last-child {
    left: 0;
    width: 24px;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.single--pricing-plan.waves-effect {
    display: block
}

.type2 .single--pricing-plan .btn.btn-fill:before {
    background: #00c6c6
}

.type2 .single--pricing-plan .btn.btn-fill:hover:before {
    background: #fff
}

.testimonial-wrap .owl-carousel .owl-stage-outer {
    padding-left: 10px
}

.testimonial-body img,.testimonial-head .testimonial-head-img img {
    width: inherit!important
}

.center .single-testimoial {
    box-shadow: 0 9px 30px rgba(0,0,0,.1);
    background: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.single-partner-inner img,.single-testimoial {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.single-testimoial {
    margin-bottom: 30px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.testimonial-head-img {
    overflow: hidden;
    border-radius: 5px;
    border: 2px solid transparent;
    margin-right: 20px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.center .single-testimoial .testimonial-head-img {
    overflow: hidden;
    border: 2px solid #53e1ff;
    margin-right: 20px
}

.testimonial-wrap.type2 .center .single-testimoial .testimonial-head-img,.testimonial-wrap.type3 .center .single-testimoial .testimonial-head-img {
    border-color: #ffb565
}

.testimonial-head {
    margin-left: -86px
}

.testimonial--head-text h4 {
    color: #555;
    font-weight: 700
}

.center .single-testimoial .testimonial--head-text h4 {
    color: #002197
}

.testimonial--head-text p,.testimonial-body p {
    color: #777;
    margin-bottom: 0
}

.single-testimoial {
    padding: 30px 50px 50px;
    border-radius: 5px;
    background: #fefefe
}

.testimonial--head-text {
    -ms-flex-item-align: center;
    align-self: center
}

.testimonial-body {
    margin-top: 42px;
    position: relative
}

.testimonial-body img {
    position: absolute;
    left: -20px;
    top: -11px
}

.section-img-right,.testimonial-body p {
    position: relative;
    z-index: 1
}

.testimonial-body p {
    font-style: italic;
    font-weight: 300;
    line-height: 30px
}

.testimonial-wrap.type2 .center .single-testimoial .testimonial--head-text h4,.testimonial-wrap.type3 .center .single-testimoial .testimonial--head-text h4,.testimonial-wrap.type4 .center .single-testimoial .testimonial--head-text h4 {
    color: #333
}

.testimonial-wrap .owl-dots {
    text-align: center;
    margin-top: 13px
}

.testimonial-wrap .owl-dots .owl-dot {
    height: 10px;
    width: 10px;
    background: #dfdfdf!important;
    margin-right: 10px;
    border-radius: 50%;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.testimonial-wrap .owl-dot.active {
    background: #53e1ff!important
}

.testimonial-wrap.type2 .owl-dot.active {
    background: #6c771e!important
}

.testimonial-wrap.type3 .owl-dot.active {
    background: #e89719!important
}

.testimonial-wrap.type4 .center .single-testimoial .testimonial-head-img {
    border-color: #00c6c6
}

.testimonial-wrap.type4 .owl-dot.active {
    background: #00c6c6!important
}

.single-partner-inner img {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    max-height: 101px;
    width: auto!important;
    margin: 0 auto
}

.single-partner-inner:hover.single-partner-inner img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.partner-carousel-wrap {
    padding-top: 70px
}

.partner-carousel .item {
    display: table;
    max-height: 101px;
    margin: 0 auto
}

.partner-carousel .single-partner-inner {
    display: table-cell;
    margin: auto;
    vertical-align: middle;
    height: 101px
}

.partner-carousel-wrap.type2 .item {
    display: table;
    margin: 0 auto;
    max-height: 101px
}

.partner-carousel-wrap.type2 .single-partner-inner {
    display: table-cell;
    margin: auto;
    vertical-align: middle;
    height: 101px
}

.partner-carousel-wrap.type2 {
    padding-top: 0
}

.img-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffb565
}

.section-img-right:after {
    content: '';
    display: inline-block
}

.zigzag {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.zigzag-bg {
    position: absolute;
    height: 100%;
    top: 0;
    width: 55%;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    z-index: 1
}

.zigzag-inner.left,.zigzag-inner.right {
    padding-top: 95px;
    padding-bottom: 95px;
    position: relative;
    z-index: 1
}

.zigzag-bg.zigzag-bg-1 {
    left: 0;
    -webkit-clip-path: polygon(0 0,100% 0,85% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,85% 100%,0 100%)
}

.zigzag-bg.zigzag-bg-2 {
    right: 0;
    -webkit-clip-path: polygon(15% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(15% 0,100% 0,100% 100%,0 100%)
}

.zigzag-bg.zigzag-bg-2:after {
    background-color: #41bcfe
}

.zigzag-inner.right {
    padding-left: 40px
}

.zigzag-inner.left:before,.zigzag-inner.right:before {
    position: absolute;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    width: 5000%;
    z-index: -1
}

.zigzag-inner h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 14px
}

.zigzag-inner p {
    color: #dbdfff;
    font-weight: 300;
    margin-bottom: 38px
}

.zigzag-inner a span {
    margin-right: 15px
}

.zigzag-inner.left:before {
    background: #002197;
    height: 120%;
    top: 0;
    right: -46.7%;
    -webkit-transform: skew(-16.5deg);
    transform: skew(-16.5deg)
}

.zigzag-inner.right:before,.zigzag-inner.type2:before {
    top: 0;
    height: 100%;
    content: ""
}

.zigzag-inner.right:before {
    background: #41bcfe;
    left: -9.7%;
    -webkit-transform: skew(-16.5deg);
    transform: skew(-16.5deg)
}

.access-device {
    display: inline-block
}

.domain-step .col-md-3:last-child .single-domain-step:after,.domain-step .col-md-3:last-child .single-domain-step:before,.domain-step .col-md-4:last-child .single-domain-step:after,.domain-step .col-md-4:last-child .single-domain-step:before,.process-step-inner ul li:last-child .single-prosse-step p:after {
    display: none
}

.access-device svg {
    margin: 0 6px;
    cursor: pointer
}

.access-device a {
    margin-left: 0!important
}

.access-device svg path.cls-1 {
    fill: #002197;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.access-device svg:hover path.cls-1 {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.zigzag-inner.type2 {
    position: relative;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    overflow: hidden
}

.zigzag-inner.type2:before {
    background: #4CAF50;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    position: absolute;
    left: 50%;
    width: 100%;
    -webkit-transform: skew(-14deg);
    transform: skew(-14deg)
}

.hover-style-ripple:before,.process--video-wrap svg path.cls-1,.prosse-step-icon .svg path#icon {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.zigzag-wrap h3 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 24px
}

.zigzag-wrap p {
    color: #fff;
    margin-bottom: 42px
}

.zigzag-wrap .btn-fill {
    border-width: 0;
    color: #00c6c6
}

.zigzag-wrap .btn-fill:before {
    background: #fff
}

.zigzag-wrap a+a {
    margin-left: 17px
}

.section-title.type3 .underline-wrap {
    position: absolute;
    top: 53px;
    left: 0
}

.our-process-wrap .section-title.type3 h2 {
    color: #6c771e;
    font-weight: 700;
    position: relative;
    margin-bottom: 62px
}

.our-process-wrap .section-title.type3 {
    margin-bottom: 52px
}

.prosse-step-icon {
    margin-right: 30px
}

.process-step-text h4 {
    color: #777;
    margin-bottom: 18px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.single-prosse-step:hover .process-step-text h4 {
    color: #333
}

.process-step-text p {
    position: relative
}

.process-step-inner ul li {
    padding-bottom: 20px
}

.process-step-inner ul {
    margin-bottom: 0
}

.process-step-text p:before {
    content: "";
    height: 110%;
    left: -9.5%;
    position: absolute;
    border-left: 1px dotted #c1c1c1;
    top: -9%;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.process-step-text p:after {
    content: "";
    position: absolute;
    left: -50px;
    bottom: -17px;
    width: 10px;
    height: 10px;
    border-top: 15px solid #c1c1c1;
    border-left: 5px solid #fff;
    border-right: 5px solid transparent;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.single-prosse-step:hover .prosse-step-icon .svg path#icon {
    fill: #6c771e
}

.single-prosse-step:hover .process-step-text p:before {
    border-color: #6c771e
}

.single-prosse-step:hover .process-step-text p:after {
    border-top: 15px solid #6c771e
}

.prosse-step-icon .svg path#icon {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    fill: #c1c1c1
}

.progress-btn .btn {
    margin-left: 60px
}

.home-page4 .style-2 {
    border-color: #6c771e!important;
    color: #6c771e!important
}

.progress-btn .style-2:hover {
    color: #fff!important
}

.progress-btn .style-2:before {
    background: #6c771e
}

.process-step-inner ul li:last-child .single-prosse-step p:after,.process-step-inner ul li:last-child .single-prosse-step p:before {
    border-width: 0
}

.process--video-wrap svg path.cls-1 {
    fill: #fcfcfc
}

.process--video-wrap {
    height: 548px
}

.process--video-wrap svg path#_01,.process--video-wrap svg path#_02,.process--video-wrap svg path#_03 {
    fill: #ffb565;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.process--video-wrap .process-video-btn {
    position: absolute;
    height: 50px;
    width: 50px;
    border: 2px solid #fff;
    border-radius: 50%;
    top: 49%;
    text-align: center;
    z-index: 10;
    line-height: 48px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding-left: 5px;
    background: rgba(232,151,25,.2)
}

.process--video-wrap .process-video-btn i {
    color: #fff;
    z-index: 10;
    position: relative
}

.hover-style-ripple:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    left: 0;
    top: 0;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: visible;
    -webkit-animation: scale2 1s linear infinite;
    animation: scale2 1s linear infinite
}

.call-to-action:before,.type2.call-to-action:before {
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}

@-webkit-keyframes scale2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        border-color: transparent
    }
}

@keyframes scale2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        border-color: transparent
    }
}

.our-process-wrap.type2 .section-title.type3 h2 {
    color: #e89719
}

.our-process-wrap.type2 .single-prosse-step:hover .prosse-step-icon .svg path#icon {
    fill: #e89719
}

.our-process-wrap.type2 .single-prosse-step:hover .process-step-text p:before {
    border-color: #e89719
}

.our-process-wrap.type2 .single-prosse-step:hover .process-step-text p:after {
    border-top: 15px solid #e89719
}

.btn.type5-b,.type5.btn {
    color: #e89719;
    border-color: #e89719
}

.type2.process--video-wrap .process-video-btn {
    top: 52%
}

.trusted-text-wrap h2 {
    margin-bottom: 55px;
    color: #333;
    font-weight: 700;
    margin-top: -9px
}

.trusted-text-wrap a {
    margin-top: 22px
}

.trusted-text-wrap .style-2:hover {
    color: #fff!important
}

.prepaid-text-wrap .prepaid-list ul li {
    position: relative;
    width: 49%;
    display: inline-block;
    padding-left: 30px;
    padding-bottom: 12px;
    color: #777;
    font-weight: 300
}

.prepaid-text-wrap .prepaid-list ul li:after {
    position: absolute;
    left: 0;
    top: 1px;
    font-family: FontAwesome;
    color: #37ba29;
    content: '\f046'
}

.call-to-action:before,.single-domain-step:after,.single-domain-step:before {
    content: ""
}

.prepaid-text-wrap h2 {
    margin-bottom: 55px;
    color: #333;
    font-weight: 700;
    margin-top: -9px
}

.prepaid-text-wrap p {
    margin-bottom: 43px
}

.prepaid-text-wrap a {
    margin-top: 20px
}

.call-action-inner h3 {
    color: #fff;
    font-weight: 700
}

.call-to-action {
    padding: 51px 0;
    position: relative
}

.call-to-action:before {
    height: 100%;
    width: 100%;
    background: #6c771e;
    position: absolute;
    top: 0;
    left: 0
}

.call-action-inner p {
    margin-bottom: 0;
    color: #fff
}

.call-action-btn a+a {
    margin-left: 17px
}

.call-action-btn .style-2 {
    border-color: #ffb565!important;
    color: #ffb565!important
}

.call-action-btn .style-2:hover {
    color: #fff!important
}

.home-page4 .btn-fill,.home-page4 .btn-fill:before {
    background: #fff
}

.call-action-btn a {
    color: #ffb565!important
}

.type2.call-to-action:before {
    background: #e89719
}

.type2 .call-action-btn .btn-fill {
    color: #e89719
}

.type2 .call-action-btn .btn-fill:before {
    background: #fff
}

.type2 .call-action-btn .style-1:hover {
    color: #e89719!important
}

.call-to-action.type2 .call-action-btn a:first-child {
    color: #fff!important
}

.call-to-action.type2 .call-action-btn a:first-child:hover {
    color: #e89719!important
}

.call-to-action.type3:before {
    background: #002197;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    border-radius: 5px
}

.call-to-action.type3,.call-to-action.type4 {
    background-size: cover!important;
    border-radius: 5px;
    overflow: hidden
}

.call-to-action.type3,.call-to-action.type4,.coming-right-img {
    background-repeat: no-repeat!important
}

.call-to-action.type3 {
    padding: 51px 64px;
    position: relative
}

.call-to-action.type3 .call-action-inner {
    z-index: 10;
    position: relative
}

.call-to-action.type3 .call-action-inner h3 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 23px
}

.call-to-action.type3 .call-action-inner p {
    margin-bottom: 32px;
    color: #fff
}

.call-to-action.type4 {
    padding: 40px;
    margin-bottom: 0
}

.call-to-action.type4:before {
    background: #002197
}

.call-to-action.type4 .call-action-inner h4 {
    color: #fff;
    font-weight: 600
}

.call-action-inner .btn.style-1:hover,.type3 .call-action-btn .btn.style-1:hover {
    background: #fff;
    color: #002197!important;
    border-color: #fff
}

.type4 .call-action-btn .btn {
    color: #fff!important
}

.type4 .call-action-btn .btn:hover {
    background: #fff;
    color: #002197!important;
    border-color: #fff
}

.domain-search-field.primary-form input:not([type=submit]) {
    height: 70px;
    padding: 0 0 0 40px;
    font-size: 14px;
    width: 100%;
    border: 5px solid #00c6c6;
    border-radius: 5px;
    background: #fff;
    box-shadow: 10px 3px 15px rgba(0,0,0,.07)
}

.domain-search-field button[type=submit] {
    cursor: pointer;
    border: none;
    color: #00c6c6;
    width: 20%;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 60px;
    background: #e6ffff;
    border-left: 1px solid #00c6c6;
    font-size: 18px;
    font-weight: 700;
    font-family: Dosis,sans-serif
}

.domain-search-field button span {
    margin-left: 10px
}

.domain-search-field input.parsley-error {
    border: 5px solid red!important
}

.single-domain-step {
    padding: 95px 30px 0;
    margin-bottom: 30px;
    position: relative
}

.single-domain-step svg {
    margin-bottom: 21px
}

.single-domain-step h4 {
    color: #777;
    font-weight: 600;
    margin-bottom: 20px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.single-domain-step svg path#icon {
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.single-domain-step:hover svg path#icon {
    fill: #00c6c6
}

.single-domain-step:hover h4 {
    color: #333
}

.single-domain-step:after {
    border: 1px dashed #00c6c6;
    width: 70%;
    height: 1px;
    left: 67%;
    position: absolute;
    top: 109px;
    border-radius: 10px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.single-domain-step:before {
    border-left: 15px solid #00c6c6;
    position: absolute;
    top: 105px;
    left: 143%;
    height: 10px;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent
}

.domain-search-field.primary-form input::-webkit-input-placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.domain-search-field.primary-form input::-moz-placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.coming-full-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 100vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.coming-right-img {
    position: absolute;
    left: 50%;
    height: 100%;
    width: 50%;
    background-size: cover!important;
    background-position: center,center!important;
    top: 0
}

.coming-text-inner h4 {
    font-weight: 600;
    color: #fff;
    letter-spacing: 16px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.coming-text-inner h1 {
    font-weight: 200;
    color: #fff;
    font-size: 60px;
    margin-bottom: 39px;
    line-height: 72px
}

.coming-text-inner p {
    color: #fffefe;
    margin-bottom: 42px
}

.coming-social-area {
    margin-top: 43px
}

.coming-social-area ul li {
    display: inline-block;
    margin-right: 40px
}

.coming-social-area ul li a {
    color: #fff;
    font-size: 18px
}

.comign-header .logo {
    padding: 34px 0
}

.coming-text-inner {
    margin-top: 50px
}

.error-full-width {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.error-cartoon-inner {
    margin-bottom: 39px
}

.error-text-inner h4 {
    font-weight: 600;
    color: #fff;
    letter-spacing: 32px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.error-text-inner h1 {
    font-weight: 200;
    color: #fff;
    font-size: 72px;
    margin-bottom: 39px
}

.error-text-inner p {
    color: #fffefe;
    margin-bottom: 22px
}

.error-text-inner a {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 41px;
    display: inline-block
}

.error-text-inner a span {
    margin-right: 5px
}

.error-form .primary-form .error-input {
    position: relative;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border-width: 0;
    box-shadow: 0 10px 15px rgba(0,0,0,.07);
    background: rgba(255,255,255,.2)
}

.error-form button {
    height: 50px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #41bcfe;
    font-size: 18px;
    font-weight: 600;
    width: 26%
}

.error-form button span {
    margin-right: 8px
}

.contact-form .theme-input-style {
    font-size: 12px;
    border-bottom: 1px solid #c3c3c3;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.contact-form .form-group {
    margin-bottom: 26px
}

.contact-btn {
    margin-top: 24px
}

.contact-form-info h2 {
    margin-bottom: 41px;
    color: #002197;
    font-weight: 700;
    margin-top: -9px
}

.contact-form-info p {
    color: #999;
    margin-bottom: 30px
}

.contact-form input:focus,.contact-form textarea:focus {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    border-color: #53e1ff
}

.contact-form button[type=submit] {
    width: inherit
}

.contact-form input::-webkit-input-placeholder,.contact-form textarea::-webkit-input-placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.contact-form input::-moz-placeholder,.contact-form textarea::-moz-placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.contact-form input:-ms-input-placeholder,.contact-form textarea:-ms-input-placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.contact-form input::placeholder,.contact-form textarea::placeholder {
    color: #c7c7c7!important;
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.form-response {
    background: #53e1ff;
    margin-top: 30px
}

.form-response span {
    color: #fff;
    display: block;
    margin-bottom: 30px;
    padding: 10px 15px
}

.google-map #google-map {
    height: 742px;
    width: 100%
}

.contact-info h2 {
    margin-bottom: 35px;
    color: #002197;
    font-weight: 700;
    margin-top: -9px
}

.contact-info p {
    color: #999;
    margin-bottom: 37px
}

.contact-info h4 {
    color: #333;
    font-weight: 600;
    margin-bottom: 18px
}

.contact-socile-list li {
    display: inline-block;
    padding: 0 25px 0 0
}

.contact-socile-list li a {
    font-size: 18px;
    color: #999;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.contact-socile-list li a:hover,.info-list li a:hover {
    color: #53e1ff
}

.info-list li a {
    color: #999;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.contact-info {
    padding-left: 20px
}

.visite-us-video a {
    position: absolute;
    height: 50px;
    width: 50px;
    border: 2px solid #53e1ff;
    border-radius: 50%;
    top: 49%;
    text-align: center;
    z-index: 10;
    line-height: 48px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding-left: 5px;
    background: #53e1ff;
    color: #fff
}

.visite-us-video {
    position: relative
}

.visite-us-video .hover-style-ripple:before {
    border: 2px solid #53e1ff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.section-title.type4 h2 {
    color: #002197
}

.section-title.type4 p {
    width: 100%;
    color: #999;
    margin-bottom: 35px
}

.section-title.type4 {
    margin-bottom: 43px
}

.your-next-wrap ul li {
    padding-left: 30px;
    position: relative
}

.your-next-wrap ul li span {
    position: absolute;
    left: 0;
    font-size: 12px;
    color: #27db1e;
    top: 3px
}

.your-next-wrap ul li p {
    margin-bottom: 17px;
    color: #777
}

.your-next-wrap h2 {
    color: #002197;
    font-weight: 700;
    margin-bottom: 32px
}

.your-next-btn {
    margin-top: 36px
}

.your-next-btn a {
    color: #002197;
    font-weight: 500
}

.section-title.type4-b h2 {
    color: #002197;
    position: relative;
    z-index: 3
}

.section-title.type4-b {
    position: relative;
    margin-bottom: 70px
}

.single-what-get span {
    font-size: 18px;
    color: #53e1ff;
    margin-right: 15px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.single-what-details h4 {
    color: #555;
    font-weight: 600;
    margin-bottom: 20px;
    transition: .3s all linear
}

.single-what-get:hover .single-what-details h4,.single-what-get:hover.single-what-get span {
    color: #53e1ff
}

.single-what-details p {
    color: #999;
    margin-bottom: 0
}

.single-what-get {
    margin-bottom: 30px
}

.whatwe-get-btn {
    margin-top: 20px
}

.section-title.type4-b .svg .cls-1 {
    fill: #f0f0f0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.home-page1-light .home-banner1 .banner--inner-text h1 span {
    color: #002197
}

.home-page1-light .home-banner1 .banner--inner-text h1 {
    color: #53e1ff
}

.home-page1-light {
    color: #777
}

.home-page1-light .home-banner1 .banner--inner-text p {
    margin-bottom: 34px;
    color: #555
}

.home-page1-light .btn {
    color: #002197;
    border: 2px solid #002197
}

.home-page1-light .btn:before {
    background: #dbf2ff
}

.home-page1-light .single--update-wrap p {
    color: #dbdfff
}

.home-page1-light .price--update-carousel .owl-next,.home-page1-light .price--update-carousel .owl-prev {
    background: #fff!important;
    color: #002197!important;
    border: 2px solid #002197!important
}

.home-page1-light .price--update-carousel .owl-next:after,.home-page1-light .price--update-carousel .owl-prev:after {
    background: #dbf2ff
}

.home-page1-light .section-title h2 {
    color: #002197;
    z-index: 1;
    position: relative
}

.home-page1-light .section-title svg.svg .cls-1 {
    fill: #f0f0f0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.home-page1-light .single-service-text h4 {
    color: #333
}

.home-page1-light .single-service-text p {
    color: #777
}

.home-page1-light .timeline-element span {
    color: #f3f3f3;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.home-page1-light .step-timeline-item:hover .timeline-content {
    box-shadow: 0 4px 20px rgba(0,0,0,.1)
}

.bx-sdo,.home-page1-light .countdown--progress-inner {
    box-shadow: 2px 10px 20px rgba(0,0,0,.1)
}

.home-page1-light .timeline-element h4 {
    color: #333
}

.home-page1-light .app-heading h2,.home-page1-light .token-allocation h2,.home-page1-light .trading--update-text h2 {
    color: #002197
}

.home-page1-light .crypto--calculator-inner ul {
    border-bottom: 1px solid #f3f3f3
}

.home-page1-light .crypto--calculator-inner ul:nth-child(2) {
    border-width: 0
}

.home-page1-light .app-text h4 {
    color: #333
}

.home-page1-light .notify-form h5,.home-page1-light .single-chart-details h5 {
    color: #555
}

.home-page1-light .crypto--progress-inner .progress-bar {
    background: #7e64ff;
    background: -webkit-linear-gradient(left,#7e64ff 0,#2b58ff 100%);
    background: linear-gradient(to right,#7e64ff 0,#2b58ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e64ff', endColorstr='#2b58ff', GradientType=1 )
}

.home-page1-light .crypto--progress-inner .progress:after {
    background-image: url(../img/icons/countdown2.png)
}

.home-page1-light .theme-input-style {
    border-bottom: 1px solid #c7c7c7;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.home-page1-light .single-chart-details h3 {
    color: #777
}

.home-page1-light .single-chart-details:hover h3,.home-page1-light .single-chart-details:hover h5 {
    color: #0e035c
}

.home-page1-light .pie--details-btn a,.home-page1-light .pie--details-btn:hover a {
    color: #002197
}

.home-page1-light .single--team-inner:hover,.home-page1-light .social-list li,.home-page2-light .single--team-inner:hover,.home-page2-light .social-list li {
    box-shadow: 0 10px 30px rgba(0,0,0,.1)
}

.home-page1-light .single--team-inner {
    margin-bottom: 30px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    background: #fdfdfd
}

.home-page1-light .single--team-inner h5 {
    color: #555
}

.home-page1-light .single--team-inner:hover h5 {
    color: #002197
}

.home-page1-light .single--team-inner p {
    color: #999
}

.home-page1-light .crypto--calculator-inner ul li input {
    color: #333
}

.home-page1-light .notify-form .theme-input-style::-webkit-input-placeholder {
    color: #333!important;
    opacity: 1!important;
    font-size: 12px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.home-page1-light .notify-form .theme-input-style::-moz-placeholder {
    color: #333!important;
    opacity: 1!important;
    font-size: 12px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.home-page1-light .notify-form .theme-input-style {
    color: #333
}

.home-page1-light .single-solution-wrap:hover svg path#icon {
    fill: #53e1ff
}

.home-page1-light .timeline-content {
    background: #f8f8f8
}

.home-page1-light .update-heading h2 {
    color: #002197!important
}

.home-page2-light .btn {
    border: 1px solid #53e1ff;
    color: #fff
}

.home-page2-light .btn:hover {
    border-color: #53e1ff
}

.home-page2-light .btn.style-1:hover {
    background: #fff;
    color: #53e1ff!important;
    border-color: #fff
}

.home-page2-light .btn.btn-fill {
    background: #fff;
    color: #53e1ff;
    border-color: #fff
}

.home-page2-light .btn.btn-fill:before {
    background: #fff
}

.home-page2-light .banner.home-banner2 {
    background: #0fa8fa;
    background: -webkit-linear-gradient(left,#0fa8fa 0,#002199 100%);
    background: linear-gradient(to right,#0fa8fa 0,#002199 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fa8fa', endColorstr='#002199', GradientType=1 )
}

.home-page2-light .Extra--feature-area .feature--area-wrap {
    background: #fff
}

.home-page2-light .single--features-wrap:hover .features-icon #icon,.home-page2-light .single--features-wrap:hover .features-icon #icon_hover_ {
    fill: #002197;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.home-page2-light .Extra--feature-area .features-details h4 {
    color: #53e1ff;
    font-weight: 600
}

.home-page2-light .Extra--feature-area .features-icon #icon,.home-page2-light .Extra--feature-area .features-icon #icon_hover_ {
    fill: #e1e1e1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.home-page2-light {
    color: #777
}

.home-page2-light .section-title-type2 h2 {
    color: #002197
}

.home-page2-light .home-banner2 .banner--inner-text p {
    margin-bottom: 33px;
    color: #fff
}

.home-page2-light .single-use-usbox {
    background: #fcfcfc
}

.home-page2-light .why--use-text blockquote {
    color: #333;
    border-left: 2px solid #53e1ff
}

.home-page2-light .single-use-usbox i.fa-snowflake-o {
    color: #ff7b7b
}

.home-page2-light .single-use-usbox i.fa-sitemap {
    color: #7fa9ff
}

.home-page2-light .single-use-usbox i.fa-clone {
    color: #fa7eff
}

.home-page2-light .single-use-usbox p {
    color: #777
}

.home-page2-light .use-us-video span {
    color: #53e1ff
}

.home-page2-light .use-us-video .use--us-button {
    border: 2px solid #052d9f;
    color: #052d9f
}

.home-page2-light .hover-style-ripple:before {
    border: 1px solid #052d9f
}

.home-page2-light .section-title h2 {
    color: #53e1ff;
    z-index: 2;
    position: relative
}

.home-page2-light .section-title svg.svg {
    z-index: 1
}

.home-page2-light .home2-section-bg:after {
    background: #fcfcfc;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.home-page2-light .single-solution-wrap {
    background: #fff
}

.home-page2-light .single-solution-wrap h4 {
    color: #333;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.home-page2-light .single-solution-wrap:hover h4 {
    color: #002197
}

.home-page2-light .progress-bar-inner.type2 .progress-bar span+span+span {
    color: #999
}

.home-page2-light .token-btn .btn.btn-fill {
    background: #53e1ff;
    color: #fff;
    border-color: #fff
}

.home-page2-light .token-btn .btn.btn-fill:before {
    background: #53e1ff
}

.home-page2-light .token--available-time ul li:after {
    background: #002197
}

.home-page2-light .token--available-time ul li h5 {
    color: #333
}

.home-page2-light .token--available-time ul li p {
    color: #777
}

.home-page2-light .home2-section-bg.overlay:after {
    background: #002197;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.home-page2-light .use--crypdrone-wrap .section-title-type2 h2 {
    color: #fff
}

.home-page2-light .use-crypdrone-token p {
    margin-bottom: 66px;
    color: #dbdfff
}

.home-page2-light .use-crypdrone-icon svg text#icon-2 {
    fill: #53e1ff
}

.home-page2-light .section-title svg path#icon {
    fill: #f0f0f0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1
}

.home-page2-light .road--map-wrap.type2:after {
    background: #f0f0f0;
    z-index: 0
}

.home-page2-light .single--roadmap-wrap .road-map-count {
    background: #fff
}

.home-page2-light .single--roadmap-wrap .road--map-time {
    color: #333
}

.home-page2-light .single--roadmap-wrap .road-map-content p {
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.home-page2-light .single--roadmap-wrap:hover .road-map-content p {
    color: #555
}

.center .single--roadmap-wrap .road--map-time {
    color: #41bcfe
}

.center .single--roadmap-wrap .road-map-count {
    background: #41bcfe
}

.home-page2-light .single--team-inner {
    margin-bottom: 30px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.home-page2-light .single--team-inner h5 {
    color: #555
}

.home-page2-light .single--team-inner p {
    color: #999
}

.home-page2-light .single--team-inner.type2 .member--caption-details h5 {
    color: #333
}

.home-page2-light .single--team-inner.type2 .member--caption-details p {
    color: #777
}

.home-page2-light .our--team-wrap .loadmore-btn a {
    color: #333
}

.home-page2-light .our--team-wrap .loadmore-btn a:hover,.home-page2-light .single--team-inner.type2:hover .member--caption-details h5 {
    color: #002197
}

.home-page2-light .single-solution-wrap svg path#icon {
    fill: #53e1ff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.home-page2-light .single-solution-wrap:hover svg path#icon {
    fill: #d7d7d7;
    opacity: 1
}

.footer-widget h5 {
    color: #fff;
    font-weight: 600
}

.unerline {
    position: relative
}

.unerline span {
    position: absolute;
    content: '';
    width: 8px;
    height: 2px;
    top: 0;
    left: 5px;
    background: rgba(255,255,255,.6)
}

.unerline span+span {
    width: 22px;
    height: 2px;
    top: 0;
    left: 17px;
    background: #fff
}

.unerline span+span+span {
    width: 22px;
    height: 2px;
    top: 5px;
    left: 0;
    background: #fff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.theme-color.unerline span,.theme-color.unerline span+span {
    background: #53e1ff
}

.theme-color.unerline span+span+span {
    background: #53e1ff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.footer-form button {
    width: 50px;
    height: 50px;
    color: #fff;
    background: #53e1ff;
    position: absolute;
    right: 0;
    top: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.footer-form input {
    width: 100%;
    border: none;
    background: #2f64ae;
    height: 50px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    border-radius: 5px;
    padding-left: 30px;
    font-size: 12px;
    font-weight: 300;
    color: #fff
}

.footer-form {
    position: relative
}

.footer-widget .footer-logo {
    margin-bottom: 37px
}

.footer-about-text {
    margin-bottom: 32px
}

.footer-header {
    margin-bottom: 47px
}

.footer-link .link-left {
    float: left;
    width: 50%
}

.footer-link .link-right {
    float: right;
    width: 50%
}

.link-left a,.link-right a {
    display: block;
    padding-bottom: 15px;
    font-weight: 300;
    color: #bdc1de;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.footer-contact-list li {
    padding-left: 36px;
    position: relative;
    padding-bottom: 22px;
    padding-right: 30px;
    color: #bdc1de;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.footer-contact-list li span {
    position: absolute;
    left: 0;
    font-size: 20px;
    color: #fff
}

.footer-widget {
    margin-bottom: 30px;
    color: #bdc1de;
    margin-right: 35px
}

.footer-contact-list li a {
    color: #bdc1de
}

.footer-contact-list li a:hover,.footer-contact-list li:hover,.link-left a:hover,.link-right a:hover {
    color: #53e1ff
}

.link-left a i,.link-right a i {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.link-left a:hover i,.link-right a:hover i {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    margin-right: 5px
}

.footer--social-list li {
    display: inline-block;
    background: #fff;
    margin-right: 11px;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.footer--social-list li a {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    color: #53e1ff
}

.footer--social-list li:hover {
    background: #53e1ff
}

.footer--social-list li:hover a {
    color: #fff
}

.footer--social-list {
    position: relative;
    margin-bottom: 0;
    z-index: 1
}

.footer--social-list:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #53e1ff;
    left: 0;
    top: 17px;
    z-index: -1
}

.footer-type3 .unerline span:last-child,.footer-type4 .unerline span:last-child,.footer-type5 .unerline span:last-child {
    position: absolute;
    content: '';
    width: 22px;
    height: 2px;
    top: 5px;
    left: 0
}

.footer-mail::-webkit-input-placeholder {
    color: #fff!important;
    opacity: 1!important;
    font-size: 12px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.footer-mail::-moz-placeholder {
    color: #fff!important;
    opacity: 1!important;
    font-size: 12px
}

.tarms-condition li {
    display: inline-block;
    padding-left: 20px;
    font-size: 12px;
    font-weight: 300;
    color: #53e1ff
}

.footer-bottom-text p {
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 300;
    color: #53e1ff
}

.footer-bottom-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 19px;
    padding-top: 19px
}

footer.footer-type1 {
    background: #2629b0;
    background: -webkit-linear-gradient(top,#2629b0 0,#10065e 100%);
    background: linear-gradient(to bottom,#2629b0 0,#10065e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2629b0', endColorstr='#10065e', GradientType=0 )
}

.footer-bottom-text a {
    color: #53e1ff;
    font-weight: 700
}

.footer-type2 .footer-about-text p,.footer-type2 .footer-contact-list li,.footer-type2 .footer-contact-list li a,.footer-type2 .link-left a,.footer-type2 .link-right a {
    color: #dbdfff
}

.footer-type2 .footer-contact-list li a:hover,.footer-type2 .footer-contact-list li:hover,.footer-type2 .link-left a:hover,.footer-type2 .link-right a:hover {
    color: #53e1ff
}

.footer-type3 .footer-about-text p {
    color: #fff
}

.footer-type3 .footer-form input {
    background: #a7903a
}

.footer-type3 .footer-form button {
    color: #6c771e;
    background: #ffb565
}

.footer-type3 .link-left a,.footer-type3 .link-right a {
    color: #fff
}

.footer-type3 .footer-contact-list li a:hover,.footer-type3 .footer-contact-list li:hover,.footer-type3 .link-left a:hover,.footer-type3 .link-right a:hover {
    color: #ffb565
}

.footer-type3 .footer-contact-list li,.footer-type3 .footer-contact-list li a {
    color: #fff
}

.footer-type3 .footer--social-list:after {
    background: #ffb565
}

.footer-type3 .footer--social-list li a {
    color: #6c771e
}

.footer-type3 .footer-bottom-text a,.footer-type3 .footer-bottom-text p,.footer-type3 .tarms-condition li,.footer-type4 .footer-about-text p {
    color: #fff
}

.footer-type3 .footer--social-list li:hover {
    background: #ffb565
}

.footer-type3 .unerline span {
    background: #ffb565;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.footer-type3 .unerline span+span {
    background: #ffb565;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.footer-type3 .unerline span:last-child {
    background: #ffb565;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.footer-type4 .footer-form input {
    background: #efbc6d
}

.footer-type4 .footer-form button {
    color: #e48f0b;
    background: #fff
}

.footer-type4 .footer-contact-list li,.footer-type4 .footer-contact-list li a,.footer-type4 .footer-contact-list li a:hover,.footer-type4 .footer-contact-list li:hover,.footer-type4 .link-left a,.footer-type4 .link-left a:hover,.footer-type4 .link-right a,.footer-type4 .link-right a:hover {
    color: #fff
}

.footer-type4 .footer--social-list:after {
    background: #ffb565
}

.footer-type4 .footer--social-list li a {
    color: #e48f0b
}

.footer-type4 .footer--social-list li:hover a {
    color: #eb002c
}

.footer-type4 .footer-bottom-text a,.footer-type4 .footer-bottom-text p,.footer-type4 .tarms-condition li,.footer-type5 .footer-about-text p {
    color: #fff
}

.footer-type4 .footer--social-list li:hover {
    background: #fff
}

.footer-type4 .unerline span {
    background: #fff;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.footer-type4 .unerline span+span {
    background: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.footer-type4 .unerline span:last-child {
    background: #fff;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.footer-type5 .footer-form input {
    background: #6dd
}

.footer-type5 .footer-form button {
    color: #00c6c6;
    background: #fff
}

.footer-type5 .footer-contact-list li,.footer-type5 .footer-contact-list li a,.footer-type5 .footer-contact-list li a:hover,.footer-type5 .footer-contact-list li:hover,.footer-type5 .link-left a,.footer-type5 .link-left a:hover,.footer-type5 .link-right a,.footer-type5 .link-right a:hover {
    color: #fff
}

.footer-type5 .footer--social-list:after {
    background: #fff
}

.footer-type5 .footer--social-list li a {
    color: #00c6c6
}

.footer-type5 .footer--social-list li:hover a {
    color: #eb002c
}

.footer-type5 .footer--social-list li:hover {
    background: #fff
}

.footer-type5 .footer-bottom-text a,.footer-type5 .footer-bottom-text p,.footer-type5 .tarms-condition li {
    color: #fff
}

.footer-type5 .unerline span {
    background: #fff;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.footer-type5 .unerline span+span {
    background: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.footer-type5 .unerline span:last-child {
    background: #fff;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.crypto-patern,.vc-patern,.vpn-patern {
    background-repeat: repeat;
    background-position: top center
}

h1 span {
    color: #53e1ff
}

.crypto-patern {
    background-image: url(../img/Crypto_Pattern20.png)
}

.vpn-patern {
    background-image: url(../img/VPN_Pattern.png)
}

.vc-patern {
    background-image: url(../img/VC_Pattern.png)
}

.map {
    border: 1px solid rgba(0,0,0,.05)
}

.swiper-container-wrap {
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px
}

.swiper-container-wrap .swiper-container {
    overflow: visible;
    padding-left: 15px;
    padding-right: 15px
}

.about-content h1 {
    margin-top: -12px
}

.about-content p {
    margin-bottom: -5px
}

.single-reason {
    border: 1px solid #ecf7fe;
    padding: 30px 15px 25px
}

.single-reason i {
    font-size: 30px;
    color: #00c544
}

.single-reason .h5 {
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 14px
}

.single-reason span {
    color: #4c4f60
}

.primary-form {
    position: relative
}

.primary-form input:not([type=submit]) {
    height: 60px;
    padding: 0 20px;
    font-size: 14px
}

.primary-form .btn {
    position: absolute;
    right: 9px;
    top: 9px
}

.primary-form .parsley-errors-list {
    display: none
}

.carousel-control {
    border: 1px solid #e2e6fb;
    width: 40px;
    height: 40px;
    color: #8388a8;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer
}

.carousel-control:focus,.carousel-control:hover {
    color: #fff;
    background-color: #00c544;
    border-color: #00c544;
    outline: 0
}

.slider-pagination-style .swiper-pagination-bullet {
    width: 15px;
    height: 5px;
    border: 1px solid #e2e6fb;
    border-radius: 0;
    background: 0 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    margin: 0 5px
}

.slider-pagination-style .swiper-pagination-bullet-active {
    width: 15px;
    height: 10px;
    background: #e2e6fb
}

.slider-pagination-style .swiper-pagination-bullet:focus {
    outline: 0
}

.social-icons li:not(:last-child) {
    margin-right: 25px
}

.back-to-top {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.back-to-top.show {
    bottom: 30px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    z-index: 999
}

.back-to-top a {
    width: 35px;
    height: 35px;
    background: #53e1ff;
    box-shadow: 1px 5px 19px rgba(0,0,0,.15);
    -webkit-transition: all .2s;
    transition: all .2s;
    font-size: 16px;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    bottom: 10%;
    right: 4%;
    position: fixed;
    z-index: 999
}

.back-to-top a:hover {
    background: #fff;
    color: #53e1ff
}

.back-to-top.home6 a {
    background: #00c6c6
}

.back-to-top.home6 a:hover {
    background: #fff
}

.back-to-top.home5 a {
    background: #e48f0b
}

.back-to-top.home5 a:hover {
    color: #fff
}

.back-to-top.home4 a {
    background: #ffb565;
    color: #6c771e
}

.back-to-top.home4 a:hover {
    color: #fff
}

.back-to-top.home3 a {
    background: #53e1ff;
    color: #fff
}

.back-to-top.home3 a:hover {
    color: #53e1ff;
    background: #fff
}

.back-to-top a i {
    -webkit-animation: bounce2 3s linear infinite;
    animation: bounce2 3s linear infinite
}

@-webkit-keyframes bounce2 {
    0%,100% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@keyframes bounce2 {
    0%,100% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

.preLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999;
    overflow: hidden
}

.preload-img {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.preload-img .pre-img {
    animation: spin 2s linear infinite
}

.parsley-errors-list {
    list-style: none;
    padding: 0;
    position: absolute;
    left: 0;
    margin: -10px 0 0;
    top: 100%;
    text-align: center;
    -webkit-transition: all .2s;
    transition: all .2s
}

.parsley-errors-list li {
    font-size: 13px;
    line-height: 1.5;
    background: red;
    color: #fff;
    padding: 0 10px
}

[data-animate] {
    visibility: hidden;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

[data-animate].animated {
    visibility: visible
}

, .classic-gradient {
    background-image: linear-gradient(179deg, #210019 0%, #005841 98% 98%) ;
}