/*---------------------------------------------
Template name:  Crypdrone
Version:        1.0
Author:         ThemeLooks
Author url:     http://themelooks.com

NOTE:
-----
Please DO NOT EDIT THIS CSS, you may need to use "custom.css" file for writing your custom css.
We may release future updates so it will overwrite this file. it's better and safer to use "custom.css".

[Table of Content]

01: General CSS 
    1.1: Default CSS
    1.2: background color
    1.3: Buttons
    1.4: Padding/Margin
    1.5: Animations
    1.6: Waves effect
02: home version main Change
    2.01: home2
    2.02: home3
    2.03: home 4
    2.04: home 5
    2.05: home 6
03: Page Title
04: Header
    4.1: Header Menu 1
    4.2: home page 1 light
    4.3: header menu home page 2
    4.4: header menu home page 3
    4.5: header menu home page 4
    4.6: header menu home page 5
    4.8: common header
05: Banner
    5.1: main banner 01
    5.02: main banner home2
    5.03: main banner home3
    5.4: main banner home 4
    5.05: main banner home 5
    5.06: main banner home 6
06: Extra Feature area
    6.01: extra feature
    6.02: extra feature type 2
    6.03: extra feature type 3
07: Feature card area
08: Feature area/we area best for
09: What You Will Get
10: price update
11: Single Service
    11.01: service type1/ home page1
    11.02: Single service type2/ home page3
    11.03: single serivice type3
    11.04: service type4
12: Satrt step Timeline
13: Trading update chart
14: crypto calculator
15: App Download
16: Countdown progressbar tocken area
    16.01: countdown
    16.02: progress bar
    16.03: tokn allocation
    16.04: token allocation home2
    16.05: progress bar type2
17:Token Distribution
18:Team carousel
    18.01: team type1
    18.02: team type2
19: FAQ area
    19.01: faq type2
    19.02: faq type3
    19.03: faq type4
    19.04: faq type5
20: Successful Road map
21: road map home page 2
22: Why use us section
    22.01: use us text
    22.02: use us box
23: Our soluation
    23.01: solution type2
    23.02: solution type 3
24: How To Use Crypdrone token
    24.01: use crypdrone token
    24.02: use crypdrone token image
25: crypdrone media/blog
    25.01: blog active
    25.02: blog type1/home2
    25.03: our blog type2/home3
    25.04: our blog type3/home4
    26.05: our blog type4/home5
    26.06: our blog type5/home6
27: Single blog page
    27.01: blog sidebar
    27.02: market update
28: Blog Details
29: About VPN
    29.01: how it works
30: About Us
    30.01: company goal
31: about currency online
    31.01: about counter up type2
    31.02: Counter up type 3
32: Around The World
33: Start Our Best
34: Price Table
34.01: pricing plan type 2
35: Testimonial carousel and partner carousel
    35.01: testimonial carousel
    35.02: testimonial type2
    35.03: testimonial type3
    35.04: testimonial type4
    35.05: partner carousel
    35.06: partner carousel type2
36: zig zag section
    36.01: zigzag area type2
37: Our process
    37.01: how it works type2
38: Start Trusted area
39: Strat prepiad section
40: Call to action
    40.01: call to action type2
    40.02: call to action type3
    40.03: call to action type4
41: At all star section
42: Coming soon page
43: Error 404 page
44: Contact
    44.01: contact form
    44.02: google map
    44.03: contact-info
45: service page
    45.01: your next
    45.02: what we get
46: main Home page1 light vs
47: main Home page2 light vs
48: Footer
    48.01: footer top
    48.02: footer bottom
    48.03: footer type 2
    48.04: footer type3
    48.05: footer type4
    48.06: footer type5
49: Others
    49.01: pettrns
    49.02: About block
    49.03: Why us
    49.04: Subscription
    49.05: Carousel controls
    49.06: Slider pagination style
    49.07: Social icons
    49.08: Back to top
    49.09: Preloader
    49.10: Form validation
    49.11: Content animation
----------------------------------------------*/

/*=============================================
    01: General CSS
==============================================*/

/* 1.1: Default CSS */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
::-moz-selection {
    background: #31333e;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #31333e;
    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: none !important;
}
button[type=submit] { 
    cursor: pointer;
    background: transparent;
    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:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
}

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, .h6 { font-size: 14px; }

p {
    line-height: 24px;
    margin-bottom: 25px;
    font-weight: 300;
}
body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #dddde1;
    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;
    pointer-events: none;
}
.width-expend{
    width : 170px;
}
/*1.2: background color*/
.home1-vs1-bg{
    background: #0a950a;
    background: -webkit-linear-gradient(left, #0a950a 0%,#25256e 100%);
    background: linear-gradient(to right, #0a950a 0%,#25256e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a950a', 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 );
 }
 .home2-vs2-bg{
    background: #fff;
 }
 .home1-section-bg{
    position: relative;
}
.home1-section-bg:after {
    content:  "";
    position:  absolute;
    height:  100%;
    width:  100%;
    top:  0;
    left:  0;
    background: #171063;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    z-index:  -1;
}
.homelight-section-bg{
    position: relative;
}
.homelight-section-bg:after {
    content:  "";
    position:  absolute;
    height:  100%;
    width:  100%;
    top:  0;
    left:  0;
    background: #fcfcfc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    z-index:  -1;
}
.home2-section-bg{
    position: relative;
}
.home2-section-bg:after {
    content:  "";
    position:  absolute;
    height:  100%;
    width:  100%;
    top:  0;
    left:  0;
    background: #002197;
    opacity: .20;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    z-index:  -1;
}
.home3-section-bg{
    background: #f8f8f8;
    position: relative;
    }
.home3-section-bg:before{
    content:  "";
    position:  absolute;
    height:  100%;
    width:  100%;
    top:  0;
    left:  0;
    background: url(../img/VPN_Pattern.png);
    opacity: .80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.home4-section-bg{
    background: #6c771e;
    position: relative;
    }
.home4-section-bg:before{
    content:  "";
    position:  absolute;
    height:  100%;
    width:  100%;
    top:  0;
    left:  0;
    background: url(../img/VC_Pattern.png);
    opacity: .80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.home6-section-bg{
    background: #fcfcfc;
    position: relative;
    }
.common-sec-bg{
    background: #fcfcfc;
}
.footer-bg-h3{
    background-color: #002197;
}
.footer-bg-h4 {
    background-color: #6c771e;
}
.footer-bg-h5 {
    background-color: #e48f0b;
}
.footer-bg-h6 {
    background-color: #00c6c6;
}
.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 );
}

/* 1.3: Buttons */
.btn {
    font-family: 'Dosis', sans-serif;
    color: #fff;
    position: relative;
    border: 2px solid #53e1ff;
    border-radius: 5px;
    padding: 8px 30px;
    overflow: hidden;
    z-index: 0;
    font-size: 15px;
    font-weight: 600;
}
.btn-transparent {
    border-color: #53e1ff;
    color: #53e1ff;
    padding: 10px 30px;
}
.btn-icon {
    padding: 8px 20px;
}
.btn-icon i {
    margin-right: 10px;
}
.btn.active,
.btn:hover,
.btn:focus {
    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);
    display: inline-block;
    line-height: 1.44;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: visible;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    margin-left: 8px;
    font-weight: 600;
    font-size: 15px;
}

.btn-normal:hover span {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.btn-normal-rev span {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    display: inline-block;
    line-height: 1.44;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: visible;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    margin-left: 8px;
    font-weight: 600;
    font-size: 15px;
}

.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);
    opacity: .50;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -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-1:hover:after {
    -webkit-transform: scale(20);
            transform: scale(20);
    opacity: .50;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    visibility: visible;
    z-index: -1;
    background: transparent;
}

.btn.style-1:hover {
    background: #fff;
    color: #00c6c6 !important;
}
.btn.style-2{
    border-color: #e99614 !important;
    color: #e99614 !important;
    position: relative;
}
.btn.style-2:before{
    left: 48%;
    top: 48%;
    height: 10px;
    width: 10px;
    position:absolute;
    content: "";
    background: #e99614;
    -webkit-transition: .3s all linear;
    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;
    color: #002197 !important;
    position: relative;
}
.btn.style-3:before{
    left: 48%;
    top: 48%;
    height: 10px;
    width: 10px;
    position: absolute;
    content: "";
    background: #002197;
    -webkit-transition: .3s all linear;
    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 !important;
    border-color: #002197 !important;
    color: #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%;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: 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;
    }
.theme-bg-overlay {
    position: relative;
}
.theme-bg-overlay:before {
    content: '';
    position: absolute;
    background: #00c544;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.disabled { pointer-events: none; }

.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: bold;
}
.list-inline > li { display: inline-block; }

.form-control { font-size: 14px; }
.form-control:focus { border-color: #fff; }

input.parsley-error,
textarea.parsley-error,
select.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: 0px;
    padding-left: 0px;
}
.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: normal;
    margin-right: 10px;
}

.form-field {
    position: relative;
    margin-bottom: 15px;
}
.theme-input-style {
    font-size: 12px;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    background: transparent;
    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;
}

.form-group { position: relative; }

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

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 15px;
}
/* 1.4: Padding/Margin */
.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; }

/* 1.5: Animations */
.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(0deg); 
        transform: rotate(0deg); 
    }
    100% { 
        -webkit-transform: rotate(360deg); 
        transform: rotate(360deg); 
    }
}
@keyframes spin {
    0% { 
        -webkit-transform: rotate(0deg); 
        transform: rotate(0deg); 
    }
    100% { 
        -webkit-transform: rotate(360deg); 
        transform: rotate(360deg); 
    }
}
.spin {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
}

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

@keyframes bounce {
    0% {
       -webkit-transform: translateY(0px);
               transform: translateY(0px);
    }
    50% {
       -webkit-transform: translateY(-40px);
               transform: translateY(-40px);
    }
     100% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
      
}
.bounce {
    -webkit-animation: bounce 2s linear infinite;
    animation: bounce 1s linear infinite;
}
@-webkit-keyframes rotate2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }    
}
@keyframes rotate2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    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(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }    
}
@keyframes rotate-2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    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(0deg);
               transform: rotateY(0deg);
   }
    100% {
        -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg);
    }    
}

@keyframes rotate3d {
    0% {
       -webkit-transform: rotateY(0deg);
               transform: rotateY(0deg);
   }
    100% {
        -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg);
    }    
}
.rotate3d {
    -webkit-animation: rotate3d 2s linear infinite;
    animation: rotate3d 1s linear infinite;
}

/*-----------------------------------------------
    ==1.6: Waves effect==
-----------------------------------------------*/

.waves-effect {
    position: relative;
    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, 0.2);
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.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, 0.7);
}

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

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

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

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

.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, 0.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: none;
}
.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-circle {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

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

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

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

.waves-block {
    display: block;
}

/*=============================================
    02: home version main Change
==============================================*/
/*2.01: home2*/
    .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;
    }

    /*2.02: home3*/
    .main-wrapper.home-page3 {
        color: #777777;
    }
    .home-page3 .btn {
        border: 1px solid;
        border-color: #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;
    }
   /*2.03: home 4*/
    .home-page4 .btn {
        border: 1px solid;
        border-color: #fff;
        color: #fff;
    }
    .home-page4 .section-title h2 {
        color: #6c771e;
        font-weight: 700;
        position: relative;
    }
    .home-page4 .section-title .underline-wrap {
        position: absolute;
        top: 53px;
        left: 49%;
    }
    .home-page4 p{
       color: #777777;
       font-weight: 300;
    }
    .home-page4 .section-title {
        margin-bottom: 83px;
    }
    /*2.04: home 5*/
    .home-page5 p{
       color: #777777;
       font-weight: 300;
    }
    .home-page5 .btn {
        border: 1px solid;
        border-color: #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;
    }
    /*2.05: home 6*/
    .home-page6 p{
       color: #777777;
       font-weight: 300;
    }
    .home-page6 .btn {
        border: 1px solid;
        border-color: #fff;
        color: #fff;
    }
    .home-page6 .btn:hover {
        color: #00c6c6;
    }
    .home-page6 .section-title h2 {
        color: #333333;
        font-weight: 700;
        position: relative;
    }
    .home-page6 .section-title {
        margin-bottom: 60px;
    }
    .home-page6 p{
       color: #777777;
       font-weight: 300;
    }
    .home-page6 .btn-fill:before {
        background: #00c6c6;
    }
    /*===========================================
        03: Page Title
    ===========================================*/
    .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: #ffffff;
        padding: 0 8px;
    }
    .page-title ul li a {
        color: #ffffff;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
    }
    .page-title ul li a:hover{
         color: #53e1ff;
    }
/*=============================================
    04: Header
==============================================*/

/* 4.1: Header Menu 1*/
.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 {
    position: fixed;
    top: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    width: 100%;
}
.header-menu, .header-menu ul, 
.header-menu ul li, 
.header-menu ul li a, 
.header-menu #menu-button {
    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;
}
.header-menu > ul > li.has-sub:hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2em;
    bottom: -2em;
    cursor: pointer;
    left: 0;
}
.header-menu > ul > li {
    padding-left: 15px;
    padding-right:15px; 
}
.header-menu > ul > li > a {
    padding: 40px 0 40px;
    font-size: 16px;
    color: #fff;
}
.main-header.sticky .header-menu > ul > li > a {
    color: #333333;
}

.header-menu > ul > li:hover > a,
.header-menu > ul > li.active > a {
    color: #53e1ff;
}
.main-header.sticky .header-menu > ul > li:hover > a,
.main-header.sticky .header-menu > ul > li.active > a {
    color: #53e1ff;
}
.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 > li > ul {
    top: 130px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,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;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.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,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;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.header-menu.align-right ul ul > li:hover > ul {
    left: auto;
    right: 178px;
    padding-left: 0;
    padding-right: 10px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.header-menu ul ul li a {
    width: 186px;
    padding: 8px 20px;
    font-size: 16px;
    line-height: 1.25;
    position: relative;
    background: #ffffff;
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #333333;
}
.main-header.sticky .header-menu ul ul li a {
    background: #fff;
    color: #333333;
}
.header-menu ul ul li a i {
    position: absolute;
    right: 15px;
    top: 16px;
    font-size: 10px;
}

.header-menu ul ul li:hover > a,
.header-menu ul ul li > a:hover,
.header-menu ul ul li.active > a {
    color: #53e1ff;
}
.main-header.sticky .header-menu ul ul li:hover > a, 
.main-header.sticky .header-menu ul ul li > a:hover, 
.main-header.sticky .header-menu ul ul li.active > a {
    color: #53e1ff;
}
.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 {
    content: "";
    position: absolute;
    height: 0px;
    width: 1px;
    background: #53e1ff;
    top: 0;
    left: 50%;
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
}
.header-menu ul ul ul,
.header-menu ul ul{
    padding: 8px 0;
    background: #fff;
}
.header-menu > ul > li:hover > a:before,
.header-menu > ul > li.active > a:before{
     height: 35px;
}
.header-menu ul ul li a:before {
    content:  "";
    position:  absolute;
    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%);
}
.has-sub-item:hover:after{
    color: #53e1ff;
}
.logo .sticky-logo {
    display: none;
}
.logo .sticky-logo {
    display: none;
}
.main-header.sticky .logo .default-logo{
    display: none;
}
.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.main-header2.sticky {
    background: #fff;
}
.main-header.main-header3.sticky {
    background: #fff;
}
.main-header.main-header4.sticky {
    background: #fff;
}
.main-header.main-header5.sticky {
    background: #fff;
}
.main-header.main-header6.sticky {
    background: #fff;
}
.main-header.common-header.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{
    content: "";
    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: transparent;
}
.main-header.sticky .signup--out-btn a{
    background: #53e1ff;
    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 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.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)";
}
/*4.2: home page 1 light*/
.home-page1-light .header-menu > ul > li > a {
    color: #333333;
}
.home-page1-light .header-menu > ul > li:hover > a, 
.home-page1-light .header-menu > ul > li.active > a {
    color: #53e1ff;
}
.home-page1-light .signup--out-btn a {
    background: #002197;
    color: #fff;
}
/*4.3: header menu home page 2*/
.border-bottom1 {
    position:  relative;
}
.border-bottom1:after {
    position:  absolute;
    content:  "";
    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)";
}
.main-header2 .header-menu ul ul li a {
    background: #fff;
    color: #333333;
}
.main-header2 .header-menu ul ul li.active a:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #53e1ff;
}
.main-header2.sticky .signup--out-btn a {
    background: #53e1ff;
    color: #fff;
}
.main-header2 .header-menu ul ul li:hover > a, 
.main-header2 .header-menu ul ul li > a:hover, 
.main-header2 .header-menu ul ul li.active > a {
    color: #53e1ff;
}
/*4.4: header menu home page 3*/
.main-header.main-header3 {
    border-bottom: 1px solid rgba(255,255,255,.30);
}
.main-header3 .header-menu ul ul li a {
    background: #ffffff;
    color: #333333;
}
.main-header3 .signup--out-btn a {
    background: transparent;
    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 {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #53e1ff;
}
.main-header3.sticky .signup--out-btn a {
    background: #0b34ad;
    color: #fff;
    border-color: #0b34ad;
}
.main-header3 .header-menu ul ul li:hover > a, 
.main-header3 .header-menu ul ul li > a:hover, 
.main-header3 .header-menu ul ul li.active > a {
    color: #53e1ff;
}
/*4.5: header menu home page 4*/

.main-header4 .header-menu > ul > li:hover > a,
.main-header4 .header-menu > ul > li.active > a{
    color: #ffb565;
}
.main-header4.sticky .header-menu > ul > li:hover > a,
.main-header4.sticky .header-menu > ul > li.active > a {
    color: #ffb565;
}
.main-header4 .header-menu > ul > li > a:before {
    background: #ffb565;
}
.main-header4 .header-menu ul ul li:hover > a,
.main-header4 .header-menu ul ul li > a:hover,
.main-header4 .header-menu ul ul li.active > a{
    color: #ffb565;
}
.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 ul li.active > a {
    color: #ffb565;
}
.main-header4 .header-menu ul ul li a:hover:before{
    background: #ffb565;
}
.main-header4 .has-sub-item:hover:after {
    color: #ffb565;
}
.main-header4 .header-menu ul ul li a{
    background: #ffffff;
    color: #333333;
}
.main-header4 .header-menu ul ul li.active a:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #ffb565;
}
.main-header4.sticky .signup--out-btn a {
    background: #ffb565;
}
.main-header4 .header-menu ul .has-sub-item ul .has-sub-item ul li.active a:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #ffb565;
}
/*4.6: header menu home page 5*/
.main-header5 .header-menu > ul > li:hover > a,
.main-header5 .header-menu > ul > li.active > a{
    color: #fff;
}
.main-header5 .header-menu > ul > li > a:before {
    background: #fff;
}
.main-header5.sticky .header-menu > ul > li > a:before {
    background: #e99614;
}
.main-header5 .header-menu ul ul li:hover > a,
.main-header5 .header-menu ul ul li > a:hover,
.main-header5 .header-menu ul ul li.active > a{
    color: #e89719;
}
.main-header5 .header-menu ul ul li a:hover:before{
    background: #e99614;
}
.main-header5.sticky .header-menu > ul > li:hover > a, 
.main-header5.sticky .header-menu > ul > li.active > a {
    color: #e99614;
}
.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 ul li.active > a {
    color: #e99614;
}
.main-header5 .has-sub-item:hover:after {
    color: #fff;
}
.main-header5 .header-menu ul ul li a{
    background: #ffffff;
    color: #333333;
}
.main-header5 .signup--out-btn a {
    color: #e89719;
}
.main-header5 .header-menu ul ul li.active a:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    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;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.main-header5.sticky .header-menu > ul ul li a:hover:before {
    background: #e48f0b;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.main-header5.sticky .signup--out-btn a {
    background: #e48f0b;
}
.main-header5 .header-menu ul .has-sub-item ul .has-sub-item ul li.active a:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #e48f0b;
}

/*4.7: header menu home page 6*/
.main-header6 .header-menu > ul > li:hover > a,
.main-header6 .header-menu > ul > li.active > a{
    color: #00c6c6;
}
.main-header6.sticky .header-menu > ul > li:hover > a, 
.main-header6.sticky .header-menu > ul > li.active > a {
    color: #00c6c6;
}
.main-header6 .header-menu > ul > li > a:before {
    background: #fff;
}
.main-header6.sticky .header-menu > ul > li > a:before {
    background: #00c6c6;
}
.main-header6 .header-menu ul ul li:hover > a,
.main-header6 .header-menu ul ul li > a:hover,
.main-header6 .header-menu ul ul li.active > a{
    color: #00c6c6;
}
.main-header6 .header-menu ul ul li a:hover:before{
    background: #00c6c6;
}
.main-header6 .has-sub-item:hover:after {
    color: #00c6c6;
}
.main-header6 .header-menu ul ul li a{
    background: #fff;
}
.main-header6 .header-menu > ul > li > a {
    color: #fff;
}
.main-header6.sticky .header-menu > ul > li > a {
    color: #999999;
}
.main-header6 .header-menu ul ul li a {
    color: #333333;
}
.main-header6 .signup--out-btn a {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}
.main-header6 .signup--out-btn a i{
    margin-right: 15px;
}
.main-header6.sticky .signup--out-btn a {
    border: 1px solid #00c6c6;
}
.main-header6 .header-menu ul ul li.active a:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #00c6c6;
}
.main-header6.sticky .header-menu ul ul li a {
    background: #fff;
    color: #999999;
}
.main-header6.sticky .header-menu ul ul li:hover > a, 
.main-header6.sticky .header-menu ul ul li > a:hover, 
.main-header6.sticky .header-menu ul ul li.active > a {
    color: #00c6c6;
}
.main-header6.sticky .signup--out-btn a {
    background: #00c6c6;
    color: #fff;
    padding: 10px 30px;
}
.main-header6 .header-menu ul .has-sub-item ul .has-sub-item ul li.active a:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #00c6c6;
}
.main-header6 .header-menu > ul > li:hover > a,
.main-header6 .header-menu > ul > li.active > a {
    color: #fff;
}
/*4.8: common header
=========================================*/
.common-header .header-menu > ul > li > a {
    color: #333333;
}
.common-header .signup--out-btn a {
    background: #53e1ff;
    color: #fff;
}
.common-header .header-menu > ul > li:hover > a,
.common-header .header-menu > ul > li.active > a {
    color: #53e1ff;
}
.common-header .header-menu ul ul li a {
    background: #fff;
    color: #333333;
}
.common-header .header-menu ul ul li:hover > a, 
.common-header .header-menu ul ul li > a:hover, 
.common-header .header-menu ul ul li.active > a {
    color: #53e1ff;
}
.common-header .header-menu ul ul li.active a:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #53e1ff
}
/*=============================================
    05: Banner
==============================================*/
    /*5.1: main banner 01*/

.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: 10px;
}
.home-banner1 .banner--inner-text p {
    margin-bottom: 34px;
}
.home-banner1 .bannar-image-inner {
    position:  relative;
}

.home-banner1 .bannar-image-inner .move-1,
.home-banner1 .bannar-image-inner .move-2 {
    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(0.24, 0, 0.38, 1) infinite;
            animation: bounce 2s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    -webkit-animation-delay: .2s;
            animation-delay: .2s
}

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

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

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

/*banner shapes*/
.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
}

/*5.02: main banner home2
===============================*/

/*banner text*/
.banner.home-banner2 {
    padding-top: 220px;
    padding-bottom: 172px;
    background: #002197;
    position: relative;
}
.banner.home-banner2:before {
    position: absolute;
    content: "";
    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;
}
/*banner image*/
.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 
}
.banner2-image-wrap {
    z-index: 1;
    position: relative;
}
/* 5.03: main banner home3
====================================*/
.home-banner3{
    position: relative;
    background: url(../img/banner/home3-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 192px;
    padding-bottom: 192px;
}
.overlay3{
    position: relative;
    height: 100%;
    width: 100%;
}
.overlay3:before{
    position: absolute;
    content: "";
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #002197;
}
.home-banner3:before{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    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:before {
    height: 350px;
    width: 350px;
    opacity: .20;
    -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 {
    position: absolute;
    top: 13%;
    left: 42%;
    z-index: 2;
    -webkit-animation: bounce 3s linear infinite;
            animation: bounce 3s linear infinite;
}
.banner3-image-wrap .h3-move-2 {
    position: absolute;
    bottom: 29%;
    right: 27.5%;
    -webkit-animation: bounce 3s linear infinite;
            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;
}
.banner--inner-text a span {
    margin-left: 13px;
}
/*5.4: main banner home 4
============================================*/
.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;
    content: "";
    opacity: .90;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #6c771e;
}
.home-banner4:before{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    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-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;
}
.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;
}
/*5.05: main banner home 5
============================================*/
.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;
    content: "";
    opacity: .95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #e99614;
}
.home-banner5:before{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    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 .banner--inner-text a + a{
    margin-left: 20px;
    }
.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)"
    }    
}

/*5.06: main banner home 6
============================================*/
.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: #00c6c6;
}
.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;
}
.home-banner6 .banner--inner-text a + a{
    margin-left: 20px;
}
.main-image .box-animate {
    animation: bounce 3s linear infinite;
}
/*==============================================
   06: Extra Feature area
==============================================*/
/*6.01: extra feature*/
.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_hover_,
.Extra--feature-area .features-icon #icon {
    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_hover_,
.single--features-wrap:hover .features-icon #icon {
    fill: #53e1ff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}
/*6.02: extra feature type 2*/
.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: transparent;
    padding: 0;
    border-radius: 0;
}
.type2 .single--features-wrap:after {
    position:  absolute;
    content:  "";
    width:  2px;
    height:  100%;
    background:  rgba(255,255,255,.30);
    right: 40px;
}
.feature--area-wrap .row .col-lg-4:last-child .single--features-wrap:after {
    display: none;
}
.Extra--feature-area.type2 .features-details p {
    margin-bottom: 0;
    font-weight: 300;
    color: #dbdfff;
}
/*6.03: extra feature type 3*/
.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: 0px 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: #333333;
}
.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: #999999;
    font-weight: 300;
    font-size: 12px;
    margin-bottom: 12px;

}
/*==============================================
    07: Feature card area
==============================================*/
.feature-card-wrap {
    margin-top: -120px;
}
.single-feature-card {
    padding: 40px;
    border-radius: 5px;
    box-shadow: 0px 5px 30px rgba(0,0,0,.1);
    background: #fff;
    margin-bottom: 30px;
}

.feature-card-head h4 {
    margin-left: 20px;
    color: #333333;
    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: #777777;
}

.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;
}

.feature-card-head p {
}
/*==============================================
    08: Feature area/we area best for
==============================================*/
.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: .30;
    -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: .20;
    -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: #333333;
    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;
}
/*===========================================
    09: What You Will Get
===========================================*/
.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: #ffffff;
}

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

.single-will-get h4 {
    color: #555555;
    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: 0px 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;
}
/*==============================================
    10: price update
==============================================*/
.update-heading{
    width: 100px;
    text-align: right;
}
.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 9px;
    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 {
    background: #2a2972;
    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-prev {
    position:  absolute;
    top: 23px;
    left: -46px;
    width:  32px;
    height:  32px;
    border-radius: 50%;
    border: 2px solid #53e1ff !important;
    background: #140c61 !important;
    z-index: 1;
}
.price--update-carousel .owl-next {
    position:  absolute;
    bottom: 23px;
    left: -46px;
    width:  32px;
    height:  32px;
    border-radius: 50%;
    border: 2px solid #53e1ff !important;
    background: #140c61 !important;
    z-index: 1;
}
.price--update-carousel .owl-prev:after {
    background: #3a387f;
    content:  "";
    position:  absolute;
    width: 28px;
    height: 28px;
    left: 0px;
    top: 0;
    border-radius: 50%;
    z-index:  -1;
    -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 {
    background: #3a387f;
    content:  "";
    position:  absolute;
    width: 28px;
    height: 28px;
    left: 0px;
    top: 0;
    border-radius: 50%;
    z-index:  -1;
    -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: none;
}
.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;
}
/*==============================================
       11: Single Service
==============================================*/
/*11.01: service type1/ home page1*/

.single--service-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    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: .30;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.single--service-icon .underline-wrap {
    position: absolute;
    left: -4px;
    top: 30px;
}
/*11.02: Single service type2/ home page3*/

.service-wrap.type2 .single-service-text p {
    color: #777777;
    margin-bottom: 4px;
}
.service-wrap.type2 .single-service-text h4 {
    font-weight: 600;
    color: #333333;
    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(0deg);
            transform: rotate(0deg);
}
.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-icon .underline-wrap {
    position: absolute;
    left: 36px;
    top: 67px;
}
.service-wrap.type2 .single--service-inner.active {
    box-shadow: 0px 9px 30px rgba(0,0,0,.1);
    background: #fff;
}
.service-wrap.type2 .single--service-inner.active.single--service-inner img {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.service-wrap.type2 .single--service-inner:hover {
    box-shadow: 0px 9px 30px rgba(0,0,0,.1);
    background: #fff;
}
/*11.03: single serivice type3*/
.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: #333333;
    margin-bottom: 20px;
    transition: .3s all linear;
}
.our-service.type3 .single-service-text p {
    color: #777777;
    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;
}

.our-service.type3 .single--service-inner:hover .single-service-text a{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*11.04: service type4*/
.service-wrap.type4 .single-service-text h4 {
    color: #333333;
}
.service-wrap.type4 .single-service-text p {
    color: #777777;
}
.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);
}

/*==============================================
    12: Satrt step Timeline
==============================================*/
.step-timeline {
    display: -webkit-box;
    display: -ms-flexbox;
    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);
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -ms-flex-flow: row;
        flex-flow: row;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.step-timeline-item:hover .timeline-content{
    background: rgba(255,255,255,.1);
}
.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;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    position: relative;
}
.step-timeline-item:hover .timeline-icon{
    background: #53e1ff;
}
.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-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.step-timeline-item:nth-child(even) .timeline-content .timeline-icon {
    margin-right: 0px;
    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 {
    background: #53e1ff;
    opacity: .60;
}
.timeline-icon .unerline span + span {
    background: #53e1ff;
}
.timeline-icon .unerline span + span +span {
    background: #53e1ff;
    opacity: .30;
    -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 +span,
.step-timeline-item:hover .timeline-icon .unerline span + span,
.step-timeline-item:hover .unerline span{
    background: #fff;
}
/*=============================================
        13: Trading update chart
=============================================*/
.trading--update-text h2 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 42px;
}
div#update-chart {
    margin-top: -56px;
}
/*===============================================
    14: crypto calculator
===============================================*/
.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:last-child {
    width: 138px;
    position: absolute;
    top: 20px;
}

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

.crypto--calculator-inner ul li select {
    background: transparent;
    border: none;
    color: #53e1ff;
    font-size: 18px;
    font-family: 'Dosis', sans-serif;
    font-weight: 700;
    width: 100%;
}
.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;
}

/*=============================================
    15: App Download
=============================================*/
.app-heading h2 {
    font-weight: 700;
    color: #fff;
    margin-bottom: 40px;
}
.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 {
    content:  "";
    height: 112%;
    position:  absolute;
    right:  0;
    top: 0px;
    width: 54%;
    background-repeat: no-repeat !important;
    z-index:  1;
}

.app--full-width {
    position:  relative;
}
.app-overlay-bg {
    content: "";
    height: 90%;
    position: absolute;
    right: 0;
    top: 35px;
    width: 25%;
    background-repeat: no-repeat !important;
}
.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-info-btn {
    padding-bottom: 70px;
}*/
.mobile-app{
    position: relative;
}
.mobile-image{
    position: absolute;
}
.app-overlay-bg {
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 1%;
    width: 36%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.mobile-image img {
    max-width: 100%;
    margin-top: -80px;
    margin-left: -39px;
}
/*=============================================
    16: Countdown progressbar tocken area
=============================================*/
/*16.01: countdown*/
.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%,#ffffff 31%,#ffffff 71%,#3487d1 100%);
    background: linear-gradient(to right, #75e8ff 0%,#ffffff 31%,#ffffff 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 10px;
    margin:  0;
    color: #fff;
}

/*16.02: progress bar*/
.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;
}
.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{
    visibility: visible;
}
.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 {
    text-align: left;
    position:  absolute;
    top: -32px;
    left: 50px;
    font-family: 'Dosis', sans-serif;
}

.crypto--progress-inner >span {
    text-align: right;
    position: absolute;
    right: 50px;
    top: -32px;
    font-family: 'Dosis', sans-serif;
}

.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;
}
/*16.03: tokn allocation*/
.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;
}
/*16.04: token allocation home2*/
.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 6px;
    margin: 0;
    color: #fff;
    border-right: 2px solid;
    text-align: left;
    border-color: #213c96;
    border-color: -webkit-linear-gradient(#213c96 1%, #ffffff 25%, #ffffff 25%, #ffffff 25%, #ffffff 80%, #213c96 100%);
    border-color: -o-linear-gradient(#213c96 1%, #ffffff 25%, #ffffff 25%, #ffffff 25%, #ffffff 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;
}

/*16.05: progress bar type2*/
.progress-bar-inner.type2 .progress {
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid;
    border-color: #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 {
    background-color: #007bff;
    -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;
}

.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;
}
/*16.06: token available time*/
.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%;
}
/*==============================================
    17:Token Distribution
==============================================*/
.single-chart-details h3 {
    color: #fff;
    font-weight:  bold;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-chart-details h5 {
    color:  #fff;
    font-family: 'Poppins', sans-serif;
    line-height: 1;
    margin-bottom: 16px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.single-chart-details:hover h5,
.single-chart-details:hover h3 {
    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--details-btn a:hover {
    color: #53e1ff;
}
.pie-text ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 60px;
}
.pie-text h2 {
    color: #53e1ff;
}
/*==============================================
    18:Team carousel
==============================================*/
/*18.01: team type1*/
.single--team-inner {
    border-radius: 5px;
    overflow: hidden;
    background: rgba(255,255,255,.1);
    position: relative;
}
.single--team-inner:hover h5{
    color: #53e1ff;
}
.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: transparent;
}
/*18.02: team type2*/
.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: 0px 5px 30px rgba(0,0,0,0.1);
}
.single--team-inner.type2 .member--caption-details p {
    color: #dbdfff;
}
.team--member-img img {
    width: 100%;
}
/*============================================
    19: FAQ area
============================================*/
.big-word{
    font-size: 36px;
    font-weight: 300;
    color: #53e1ff;
}
.single-faq h3.h6 {
    margin-left: 57px;
    font-family: 'Poppins', sans-serif;
    color: #c4c4d1;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    font-weight: 400;
}
.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;
}
.single-faq:after{
    background:rgba(255,255,255,.30);
    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 {
    margin-bottom: 0;
    color: #c4c4d1;
    font-weight: 300;
}
div#Faq-2 .single-faq:last-child,
div#Faq-1 .single-faq:last-child {
    margin-bottom: 0;
}
/*19.01: faq type2*/
.single-faq-wrap.type2 .big-word {
    color: #6c771e;
}
.single-faq-wrap.type2 .faq-answer p {
    color: #777777;
}
.single-faq-wrap.type2 .single-faq h3.h6 {
    color: #777777;
}
.single-faq-wrap.type2 .single-faq:hover h3.h6 {
    color: #333333 !important;
}
.single-faq-wrap.type2 .single-faq h3[aria-expanded="true"] {
    color: #333333;
}

/*19.02: faq type3*/
.single-faq-wrap.type3 .big-word {
    color: #e89719;
}
.single-faq-wrap.type3 .faq-answer p {
    color: #777777;
}
.single-faq-wrap.type3 .single-faq h3.h6 {
    color: #777777;
}
.single-faq-wrap.type3 .single-faq:hover h3.h6 {
    color: #333333 !important;
}
.single-faq-wrap.type3 .single-faq h3[aria-expanded="true"] {
    color: #333333;
}

/*19.03: faq type4*/
.single-faq-wrap.type4 .big-word {
    color: #00c6c6;
}
.single-faq-wrap.type4 .faq-answer p {
    color: #777777;
}
.single-faq-wrap.type4 .single-faq h3.h6 {
    color: #777777;
}
.single-faq-wrap.type4 .single-faq:hover h3.h6 {
    color: #333333 !important;
}
.single-faq-wrap.type4 .single-faq h3[aria-expanded="true"] {
    color: #333333;
}
/*19.04: faq type5*/

.single-faq-wrap.type5 .big-word {
    color: #0e035c;
}
.single-faq-wrap.type5 .faq-answer p {
    color: #777777;
}
.single-faq-wrap.type5 .single-faq h3.h6 {
    color: #333333;
}
.single-faq-wrap.type5 .single-faq:hover h3.h6 {
    color: #333333 !important;
}
.single-faq-wrap.type5 .single-faq h3[aria-expanded="true"] {
    color: #333333;
}
.type5 .single-faq:after {
    background: #e9e9e9;
    width: 90%;
}
.type5 .single-faq {
    margin: 0 80px 45px 0;

}
/*=============================================
    20: Successful Road map
=============================================*/

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

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

.common-items {
    display: inline-block;
    width: 212px;
    position: relative;
}

.common-items div.dotline {
    position:  relative;
}

.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: .10;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        top: -165px;
}
.road-item8.common-items {
    width: 30px;
}

.rode--map-items {
    top: 61%;
    position: relative;
}
.suuccessful--line img{
    width: 100%;
}
.rode--map-items img{
    width: 100%;
}
.ling-bg-shape{
    position: absolute;
}
.common-items {
    display: inline-block;
    width: 212px;
    position: absolute;
    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;
}
.road-item8.common-items div.dotline:before {
    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:  #999999;
}

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

.iteel--details-list li {
    color: #555555;
    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 {
    visibility: visible ;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.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 {
    left: 30%;
    top: -134px;
    z-index: 10;
}
.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;
}
.common-items.active .roadmap--hover-item {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.common-items.active .roadmap--hover-item {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.road-map-dot {
    position: relative;
    height: 15px;
    width: 15px;
    background: #53e1ff;
    border-radius: 50%;
    margin: 0 auto;
    cursor: pointer;
}

.road-map-dot:before {
    position: absolute;
    left: 0;
    top: 0;
}

.road-map-dot:before {
    height: 340px;
    width: 1px;
    position: absolute;
    background: #fff;
    content: "";
    left: 7px;
    opacity: .10;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    top: -120px;
    z-index: -1;
}
.road-map-dot:after {
    width: 15px;
    height: 15px;
    content: "";
    position: absolute;
    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: transparent;
}
.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)";
}
/*.single--roadmap-inner {
    text-align: center;
    padding-top: 60px;
    min-height: 298px;
    overflow: visible;
}*/
.road--map-time {
    padding-bottom: 0;
    color: #fff;
    position: absolute;
    left: 62%;
    top: 83%;
    z-index: -1;
}
/*.suuccessful--line .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}*/
.single--roadmap-inner {
    text-align:  center;
    padding-top: 60px;
}
.single--roadmap-inner {
    text-align: center;
    padding-top: 60px;
    position: relative;
    overflow: hidden;
}
.rode--map-items:before {
    position: absolute;
    height: 3px;
    left: 0;
    background: #53e1ff;
    width: 100%;
    top: 22.1%;
    content: "";
    box-shadow: 0px 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;
}
/*=============================================
    21: road map home page 2
=============================================*/
.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 #4868cd;
    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;
}

.single--roadmap-wrap .road-map-count{
    border-color: #41bcfe;
}
/*==============================================
   22: Why use us section 
==============================================*/
/*22.01: use us text*/
.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 p {
    font-weight: 300;
}
.section-title-type2 img {
    margin-right: 25px;
}

.section-title-type2 h2 {
    color:  #fff;
    font-weight: 700;
}
.why--use-text blockquote {
    margin: 0 0 16px;
    margin: 0 0 1rem;
    padding: 16px 20px 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;
}
/*22.02: use us box*/
.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-use-usbox:hover {
    box-shadow: 0px 5px 30px rgba(0,0,0,0.1);
    -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;
}
/*============================================
 23: Our soluation
============================================*/
.single-solution-wrap {
    background: rgba(255,255,255,.10);
    border-radius: 5px;
    padding: 40px 30px 33px 30px;
    -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{
    box-shadow: 0px 5px 30px rgba(0,0,0,0.1);
    -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;
}
/*23.01: solution type2*/

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

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

.home-page5 .unerline span + span +span {
    background: #e89719;
    opacity:  .30;
    -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: #333333;
    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;
}
/*23.02: solution type 3*/
.home-page6 .section-title.type3 .underline-wrap {
    top: 100%;
}
.home-page6 .unerline span {
    background: #00c6c6;
    opacity: .60;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.home-page6 .unerline span + span {
    background: #00c6c6;
}

.home-page6 .unerline span + span +span {
    background: #00c6c6;
    opacity:  .30;
    -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: #333333;
    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;
}
/*==============================================
    24: How To Use Crypdrone token
==============================================*/
/*24.01: use crypdrone token*/

.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;
}

/*24.02: use crypdrone token image*/

.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;
}
/*===============================================
    25: crypdrone media/blog
===============================================*/
/*25.01: blog active*/
.our-blog-inner.type2 .single-post.active {
    background: #41bcfe;
}
.our-blog-inner.type2 .single-post.active {
    box-shadow: 0px 5px 30px rgba(0,0,0,0.1);
}
.our-blog-inner.type2 .single-post.active .post-info a {
    color: #fff;
}
.our-blog-inner.type2 .single-post.active .post-main-heading h4 a {
    color: #fff;
}
.our-blog-inner.type2 .single-post.active .post-info a:hover {
    color: #fff;
}
.our-blog-inner.type2 .single-post.active .post-main-heading h4 a:hover {
    color: #fff;
}
/*25.02: blog type1/home2*/
.single-post {
    border-radius: 5px;
    overflow: hidden;background: rgba(255,255,255,.1);
    position: relative;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    margin-bottom: 30px;
}

.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(0deg);
            transform: scale(1.2) rotate(0deg);
}

.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;
}
.single-post:hover {
    box-shadow: 0px 5px 30px rgba(0,0,0,0.1);
}
/*25.03: our blog type2/home3*/
.our-blog-inner.type2 .single-post .post-info a {
    color: #999999;
}

.our-blog-inner.type2 .single-post .post-main-heading h4 a{
    color: #333333
}
.our-blog-inner.type2 .single-post .post-main-heading h4 a:hover,
.our-blog-inner.type2 .single-post .post-info a:hover {
    color: #002197;
}
.our-blog-inner.type2 .single-post {
    background: #fcfcfc;
}
/*25.04: our blog type3/home4*/
.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: #333333;
}
.our-blog-inner.type3 .single-post .post-info a {
    color: #999999;
}
.our-blog-inner.type3 .single-post {
    background: #fcfcfc;
}
/*26.05: our blog type4/home5*/
.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: #333333;
}
.our-blog-inner.type4 .single-post .post-info a {
    color: #999999;
}
.our-blog-inner.type4 .single-post {
    background: #fcfcfc;
}

/*26.06: our blog type5/home6*/
.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: #333333;
}
.our-blog-inner.type5 .single-post .post-info a {
    color: #999999;
}
.our-blog-inner.type5 .single-post {
    background: #fcfcfc;
}
/*==============================================
    27: Single blog page
==============================================*/
.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: #333333;
}

.blog-pagination-wrap .blog-pagination li a {
    font-size: 18px;
    font-weight: 600;
}
.blog-pagination-wrap .blog-pagination li.disabled {
    color: #999999;
}
.blog-pagination-wrap .blog-pagination li.dot span {
    letter-spacing: 4px;
}
.blog-pagination-wrap .blog-pagination li.active a{
    color: #53e1ff;
}
.blog-pagination-wrap .blog-pagination li:hover a{
    color: #53e1ff;
}
/*27.01: blog sidebar*/
.search-form.sidebar-search-form {
    position: relative;
}
.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: 0px;
}
.widget-title {
    margin-bottom: 40px;
}
.post-wrapper .post-info {
    font-size: 12px;
    color: #777777;
    margin-bottom: 5px;
    display: block;
    font-weight: 300;
}

.post-wrapper h5 a{
    color: #555555;
    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: #777777;
    margin-left: 20px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    position: relative;
    padding-left: 12px;
}
.catagories-widget ul li a:before {
    content: '\f105';
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 10px;
    left: 0;
    top: 3px;
    transition: .3s all linear;
}
.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;
}

.catagories-widget ul li a:hover {
    color: #53e1ff;
}
/*27.02: market update*/
.ccc-coin-container {
    margin-right: 30px !important;
    margin-bottom: 22px;
}
.priceName {
    font-size: 16px !important;
}

.market-update {
    background: red;
}
.priceChange span {
    font-size: 14px;
}

.ccc-widget.ccc-header-v2 {
    background: #002197 !important;
    border-radius: 5px;
    padding: 25px;
}

.priceValue a {
    font-size: 14px;
}
/*===============================================
    28: Blog Details
===============================================*/
.post-main-content ul li {
    margin-right: 32px;
    font-size: 12px;
    color: #999999;
    cursor: pointer;
}

.post-main-content ul li a {
    color: #999999;
}

.post-main-img {
    margin-bottom: 47px;
}

.post-main-content ul {
    margin-bottom: 18px;
}

.post-main-content h3 {
    color: #555555;
    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: #777777;
    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: #777777;
    font-size: 14px;
}

.post-main-content .post-sub-content ul li span {
    position: absolute;
    left: 0;
    font-size: 12px;
    color: #27db1e;
    top: 2px;
}
.post-main-content .social-comment ul li {
    margin-right: 40px;
    display: inline-block;
}

.post-main-content .social-comment ul li a {
    margin-left: 3px;
}
.social-comment ul li {
    margin-right: 40px;
    display: inline-block;
}

.social-comment ul li a {
    margin-left: 3px;
}

.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: #555555;
    font-weight: 500;
    font-size: 12px;
    transition: .3s all linear;
}
.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:hover{
    color: #002197;
}
.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(0px);
            transform: translate(0px);
}
.author-details {
    margin-left: 30px;
}

.author-details h4 {
    color: #555555;
    font-weight: 600;
    margin-bottom: 0;
}

.author-details p {
    font-size: 12px;
    margin-bottom: 0;
    color: #999999;
}
.author-details p a{
    color: #999999;
}

.post-author-info {
    border-right: 2px solid #555555;
}

.author-details span {
    font-size: 12px;
    color: #999999;
}

.author-quotes p {
    color: #999999;
    margin-bottom: 0;
}

.post-author {
    padding: 50px 0;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 28px;
}

.author-details p a {
    margin-left: 4px;
}
.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: #333333;
    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: #999999;
    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: #333333;
    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: #555555;
    font-weight: 600;
}

.comment-author-details .comment-time {
    color: #999999;
    font-size: 12px;
    margin-bottom: 9px;
    display: block;
}

.comment-author-details p {
    color: #777777;
    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: #555555;
    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: #555555;
    font-weight: 600;
    padding-bottom: 9px;
}
.your-comment-wrap h4 {
    color: #333333;
    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 .theme-input-style {
    border-bottom: 1px solid #e4e4e4;
}
.your-comment-wrap .contact-form textarea:focus, 
.your-comment-wrap .contact-form input: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)";
}
/*===============================================
    29: About VPN
===============================================*/
.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;
}
.about--vpn-wrap {
    margin-top: 60px;
}
.about--vpn-wrap a {
    margin-top: 11px;
    color: #002197;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.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;
}
/*29.01: how it works*/
.how--works-wrap {
    margin-top: 54px;
}

.how--works-wrap h5 {
    font-weight: 500;
    color: #333333;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    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;
}
.how--works-wrap .fig-caption span {
    font-weight: 500;
    color: #333333;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.star-wrap img{
    -webkit-animation-name: scale;
            animation-name: scale;
}
@-webkit-keyframes scale {
    0% { 
        -webkit-transform: scale(1); 
        transform: scale(1); 
    }
    50% { 
        -webkit-transform: scale(.5); 
        transform: scale(.5); 
    }
    100% { 
        -webkit-transform: scale(1); 
        transform: scale(1); 
    }
}
@keyframes scale {
    0% { 
        -webkit-transform: scale(1); 
        transform: scale(1); 
    }
    50% { 
        -webkit-transform: scale(.5); 
        transform: scale(.5); 
    }
    100% { 
        -webkit-transform: scale(1); 
        transform: scale(1); 
    }
}


/*=============================================
        30: About Us
=============================================*/
.section-title span {
    color: #41bcfe;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 4px;
    display: block;
}

.about-our-company p {
    color: #999999;
}

.about-our-company a {
    margin-top: 17px;
}
/*30.01: company goal*/

.company-goal-list ul li {
    padding-left: 30px;
    position: relative;
    color: #999999;
    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;
}
/*==============================================
    31: about currency online
==============================================*/
.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;
}

/*31.01: about counter up type2*/
.single-about-counter>span {
    font-size: 30px;
    -ms-flex-item-align: center;
        align-self: center;
    margin-right: 15px;
    color: #c1c1c1;
}

.single-counter-text span {
    display: inline-block;
    font-size: 30px;
    color: #555555;
    font-family: 'Poppins', sans-serif;
}

.single-counter-text h2 {
    display: inline-block;
    margin-bottom: 0;
    color: #555555;
    font-family: 'Poppins', sans-serif;
}

.single-counter-text p {
    margin-bottom: 0;
    color: #555555;
    line-height: 1.1;
}

.about-counterup-inner.type2 {
    margin-top: 100px;
}
.about-counterup-inner.type2 .single-about-counter {
    margin-bottom: 30px;
}
/*31.02: Counter up type 3*/
.counter--up-wrap.type3 .single-counter span {
    color: #555555;
}
.counter--up-wrap.type3 .single-counter h2 {
    color: #e89719;
}
/*===============================================
        32: Around The World
===============================================*/
.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 {
    content:  "";
    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 {
    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;
    content:  "";
    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;
    }
}

/*Counter up */
.single-counter h2 {
    display: inline-block;
    font-size: 36px;
    color: #333333;
    margin-bottom: 0;
    line-height: 1;
}
.counter--up-wrap {
    margin-top: 70px;
}
/*===============================================
    33: Start Our Best
===============================================*/
.single--best-icon {
    margin-right: 35px;
    -ms-flex-item-align:  center;
        align-self:  center;
}

.single-best-text h4 {
    font-size:  18px;
    font-weight:  600;
    color:  #333333;
    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;
}
/*==============================================
        34: Price Table
==============================================*/
.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 .plan-top-head h4{
    color: #fff;
}
.single--pricing-plan.active .plantop-head-text h2.h1{
    color: #fff;    
}
.single--pricing-plan.active .head-text-float>span{
    color: #fff;    
}
.single--pricing-plan.active .pricing-plan-body li{
    color: #dbdfff;    
}
.single--pricing-plan.active .btn-fill:before{
    background: transparent;   
}
.single--pricing-plan.active .btn-fill{
    background: transparent;   
}
.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: #333333;
    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: #333333;
}

.head-text-float {
    -ms-flex-item-align:  center;
        align-self:  center;
    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:  #555555;
    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 {
    border-color: #fff;
}
.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;
}
/*34.01: pricing plan type 2*/
.type2 .single--pricing-plan.active {
    background: #00c6c6;
}
.type2 .plantop-head-text {
    padding-bottom: 15px;
}
.type2 .pricing-plan-body ul li{
    color: #777777;
    font-weight: 300;
}
.type2 .pricing-plan-body ul li:not(:last-child) {
    padding-bottom: 10px;
}
.type2 .single--pricing-plan.active .pricing-plan-body p {
    color: #fff;
}
.type2 .single--pricing-plan.active .pricing-plan-body ul li {
    color: #fff;
}
.type2 .single--pricing-plan.activeline span:last-child {
    position: absolute;
    content: '';
    background: #00c6c6;
    opacity: .20;
    -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;
}
.included-every-wrap.type2  ul li span {
    color: #00c6c6;
}
.included-every-wrap.type2  h3{
    color: #00c6c6;
}
.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 {
    border-color: #fff;
}
.type2 .single--pricing-plan .btn.btn-fill:before {
    background: #00c6c6;
}
.type2 .single--pricing-plan .btn.btn-fill:hover {
    color: #00c6c6;
}
.type2 .single--pricing-plan .btn.btn-fill:hover:before {
    background: #fff;
}
/*==============================================
    35: Testimonial carousel and partner carousel
==============================================*/
/*35.01: testimonial carousel*/

.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: 0px 9px 30px rgba(0,0,0,.1);
    background: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.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-head {
    margin-left: -86px;
}

.testimonial--head-text h4 {
    color: #555555;
    font-weight: 700;
}
.center .single-testimoial .testimonial--head-text h4 {
    color: #002197;
}

.testimonial--head-text p {
    color: #777777;
    margin-bottom:  0;
}

.single-testimoial {
    padding: 30px 50px 50px;
    border-radius: 5px;
    background: #fefefe;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.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;
}

.testimonial-body p {
    z-index:  1;
    position:  relative;
    font-style:  italic;
    font-weight: 300;
    color:  #777777;
    margin-bottom: 0;
    line-height: 30px;
}
.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;
}

/*35.02: testimonial type2*/
.testimonial-wrap.type2 .center .single-testimoial .testimonial-head-img {
    border-color: #ffb565;
}
.testimonial-wrap.type2 .center .single-testimoial .testimonial--head-text h4 {
    color: #333333;
}
.testimonial-wrap.type2 .owl-dot.active {
    background: #6c771e !important;
}

/*35.03: testimonial type3*/
.testimonial-wrap.type3 .center .single-testimoial .testimonial-head-img {
    border-color: #ffb565;
}
.testimonial-wrap.type3 .center .single-testimoial .testimonial--head-text h4 {
    color: #333333;
}
.testimonial-wrap.type3 .owl-dot.active {
    background: #e89719 !important;
}

/*35.04: testimonial type4*/
.testimonial-wrap.type4 .center .single-testimoial .testimonial-head-img {
    border-color: #00c6c6;
}
.testimonial-wrap.type4 .center .single-testimoial .testimonial--head-text h4 {
    color: #333333;
}
.testimonial-wrap.type4 .owl-dot.active {
    background: #00c6c6 !important;
}

/*35.05: partner carousel*/
.single-partner-inner img {
    width: inherit !important;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -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
}
/*35.06: partner carousel type2*/
.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;
}
/*==============================================
    36: zig zag section
==============================================*/
/* section */
.section-img-right {
  position: relative;
  z-index: 1;
}
.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;
  background-size: cover;
  width: 55%;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  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.left {
    padding-top: 95px;
    padding-bottom: 95px;
    position: relative;
    z-index: 1;
}
.zigzag-inner.right {
    padding-top: 95px;
    padding-bottom: 95px;
    position: relative;
    z-index: 1;
    padding-left: 40px;
}
.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 {
    content: "";
    position: absolute;
    background: #002197;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    width: 5000%;
    height: 120%;
    top: 0;
    right: -46.7%;
    -webkit-transform: skew(-16.5deg);
            transform: skew(-16.5deg);
    z-index: -1;
}
.zigzag-inner.right:before {
    content: "";
    position: absolute;
    background:  #41bcfe;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    width: 5000%;
    height: 100%;
    top: 0;
    left: -9.7%;
    -webkit-transform: skew(-16.5deg);
            transform: skew(-16.5deg);
    z-index: -1;
}
.access-device {
    display: inline-block;
}

.access-device svg {
    margin: 0px 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)";
}
/*36.01: zigzag area type2*/
.zigzag-inner.type2 {
    position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
}

.zigzag-inner.type2:before {
    content: "";
    background: #00c6c6;
    opacity: .90;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: skew(-14deg);
            transform: skew(-14deg);
}
.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
}
/*==============================================
    37: Our process
==============================================*/
.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: #777777;
    margin-bottom: 18px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.single-prosse-step:hover .process-step-text h4{
    color: #333333;
}
.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;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    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:before,
.process-step-inner ul li:last-child .single-prosse-step p:after{
    border-width: 0;
}
.process--video-wrap svg path.cls-1 {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    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 {
    height: 547px;
}
.process--video-wrap svg{
    margin-left: .5px;
    margin-top: 0.6px;
}
*/
.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;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-animation: scale2 1s linear infinite;
            animation: scale2 1s linear infinite;
}


@-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;
    }
}



/*37.01: how it works type2*/
.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;
}
.process-step-inner ul li:last-child .single-prosse-step p:after{
    display: none;
}
.type5.btn {
    border-color: #e89719;
    color: #e89719;
}
.type2.process--video-wrap .process-video-btn{
    top: 52%
}
/*====================================
    38: Start Trusted area
====================================*/
.btn.type5-b {
    color: #e89719;
    border-color: #e89719;
}
.trusted-text-wrap h2{
    margin-bottom: 55px;
    color: #333333;
    font-weight: 700;
    margin-top: -9px;
}
.trusted-text-wrap a {
    margin-top: 22px;
}
.trusted-text-wrap .style-2:hover{
    color: #fff !important;
}
/*==========================================
    39: Strat prepiad section
==========================================*/
.prepaid-text-wrap .prepaid-list ul li {
    position: relative;
    width: 49%;
    display: inline-block;
    padding-left: 30px;
    padding-bottom: 12px;
    color: #777777;
    font-weight: 300;
}

.prepaid-text-wrap .prepaid-list ul li:after {
    position: absolute;
    left: 0px;
    top: 1px;
    font-family: FontAwesome;
    color: #37ba29;
    content: '\f046';
}
 .prepaid-text-wrap h2{
    margin-bottom: 55px;
    color: #333333;
    font-weight: 700;
    margin-top: -9px;
}
.prepaid-text-wrap p {
    margin-bottom: 43px;
}
.prepaid-text-wrap a {
    margin-top: 20px;
}
/*======================================
        40: Call to action
======================================*/
.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;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.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:before{
    background: #fff;
}
.home-page4 .btn-fill {
    background: #fff;
}
.call-action-btn a  {
    color: #ffb565 !important; 
}
/*40.01: call to action type2*/
.type2.call-to-action:before {
    background: #e89719;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.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;
}
/*40.02: call to action type3*/
.call-to-action.type3:before {
    background: #002197;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    border-radius: 5px;
}
.call-to-action.type3 {
    padding: 51px 64px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.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;
}
/*40.03: call to action type4*/
.call-to-action.type4 {
    padding: 40px;
    margin-bottom: 0;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
    border-radius: 5px;
}
.call-to-action.type4:before {
    background: #002197;
}
.call-to-action.type4 .call-action-inner h4 {
    color: #ffffff;
    font-weight: 600;
}
.call-action-inner .btn.style-1:hover {
    background: #fff;
    color: #002197 !important;
    border-color: #fff;
}
.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;
}
/*==========================================
    41: At all star section
==========================================*/
.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;
}

.single-domain-step svg {
    margin-bottom: 21px;
}

.single-domain-step h4 {
    color: #777777;
    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: #333333;
}
.single-domain-step{
    position: relative;
}
.single-domain-step:after {
    content: "";
    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 {
    content: "";
    border-left: 15px solid #00c6c6;
    position: absolute;
    top: 105px;
    left: 143%;
    height: 10px;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
}
.domain-step .col-md-4:last-child .single-domain-step:before,
.domain-step .col-md-4:last-child .single-domain-step:after {
    display: none;
}
.domain-step .col-md-3:last-child .single-domain-step:before,
.domain-step .col-md-3:last-child .single-domain-step:after {
    display: none;
}
 .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)";
}
/*==============================================
    42: Coming soon page
==============================================*/
.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-repeat: no-repeat !important;
    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;
}
/*==========================================
    43: Error 404 page
==========================================*/
.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,.20);
}

.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;
}
/*============================================
    44: Contact
============================================*/
/*44.01: contact form*/
.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: #999999;
    margin-bottom: 30px;
}
.contact-form textarea:focus,
.contact-form input:focus {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    border-color: #53e1ff;
}
.contact-form button[type=submit] {
    width: inherit;
}
.contact-form textarea::-webkit-input-placeholder,
.contact-form input::-webkit-input-placeholder {
    color: #c7c7c7 !important;
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.contact-form textarea::-moz-placeholder,
.contact-form input::-moz-placeholder {
    color: #c7c7c7 !important;
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.contact-form textarea:-ms-input-placeholder,
.contact-form input:-ms-input-placeholder {
    color: #c7c7c7 !important;
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.contact-form textarea::placeholder,
.contact-form input::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;
}

/*44.02: google map*/
.google-map #google-map {
    height: 742px;
    width: 100%
}
/*44.03: contact-info*/
.contact-info h2 {
    margin-bottom: 35px;
    color: #002197;
    font-weight: 700;
    margin-top: -9px;
}
.contact-info p{
    color: #999999;
    margin-bottom: 37px;
}
.contact-info h4 {
    color: #333333;
    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: #999999;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.info-list li a:hover,
.contact-socile-list li a:hover{
    color: #53e1ff;
  }
.info-list li a {
    color: #999999;
    -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)";
}
/*=========================================
    45: service page
=========================================*/
/*45.01: your next*/
.section-title.type4 h2{
    color: #002197
}
.section-title.type4 p{
    width: 100%;
    color: #999999;
    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: #777777;
}
.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;
}
/*45.02: what we get*/
 .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: #555555;
    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: #999999;
    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)";
}

/*======================================
    46: main Home page1 light vs
========================================*/
.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: #777777;
}
.home-page1-light .home-banner1 .banner--inner-text p {
    margin-bottom: 34px;
    color: #555555;
}
.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: #333333;
}
.home-page1-light .single-service-text p {
    color: #777777;
}
.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: 0px 4px 20px rgba(0,0,0,.1);
}
.home-page1-light .timeline-element h4 {
    color: #333333;
}
.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 {
    border-bottom: 1px solid #f3f3f3;
}
.home-page1-light .crypto--calculator-inner ul:nth-child(2) {
    border-width: 0;
}
.home-page1-light .token-allocation h2,
.home-page1-light .app-heading h2 {
    color: #002197;
}
.home-page1-light .app-text h4 {
    color: #333333;
}

.home-page1-light .notify-form h5 {
    color: #555555;
}
.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 .countdown--progress-inner {
    box-shadow: 2px 10px 20px rgba(0,0,0,.1);
}
.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 h5 {
     color: #555555;
}
.home-page1-light .single-chart-details h3 {
    color: #777777;
}
.home-page1-light .single-chart-details:hover h5,
.home-page1-light .single-chart-details:hover h3{
    color: #0e035c;
}
.home-page1-light .pie--details-btn a {
    color: #002197;
}
.home-page1-light .pie--details-btn:hover a {
    color: #002197;
}
.bx-sdo{
    box-shadow: 2px 10px 20px rgba(0,0,0,.1);
}
.home-page1-light .single--team-inner {
    margin-bottom: 30px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.home-page1-light .social-list li,
.home-page1-light .single--team-inner:hover{
    box-shadow: 0px 10px 30px rgba(0,0,0,.1);
}
.home-page1-light .single--team-inner h5{
    color: #555555;
}
.home-page1-light .single--team-inner:hover h5{
    color: #002197;
}
.home-page1-light .single--team-inner p{
    color: #999999;
}
.home-page1-light .crypto--calculator-inner ul li input {
    color: #333333;
}
.home-page1-light .notify-form .theme-input-style::-webkit-input-placeholder {
    color: #333333 !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: #333333 !important;
    opacity: 1 !important;
    font-size: 12px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.home-page1-light .notify-form .theme-input-style {
    color: #333333;
}
  .home-page1-light .single-solution-wrap:hover svg path#icon{
    fill: #53e1ff;
}
.home-page1-light .single--team-inner {
    background: #fdfdfd;
}
.home-page1-light .timeline-content {
    background: #f8f8f8;
}
.home-page1-light .update-heading h2 {
    color: #002197 !important;
}

/*=========================================
    47: main Home page2 light vs
=========================================*/
/*home2 btn*/
.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: #ffffff;
}
.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: #ffffff;
}
.home-page2-light .single--features-wrap:hover .features-icon #icon_hover_, 
.home-page2-light .single--features-wrap:hover .features-icon #icon {
    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_hover_, 
.home-page2-light .Extra--feature-area .features-icon #icon {
    fill: #e1e1e1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.home-page2-light {
    color: #777777;
}
.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: #333333;
    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: #777777;
}
.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: #ffffff;
}
.home-page2-light .single-solution-wrap h4 {
    color: #333333;
    -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: #999999;
}
.home-page2-light .token-btn .btn.btn-fill {
    background: #53e1ff;
    color: #fff;
    border-color: #ffffff;
}
.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: #333333;
}
.home-page2-light .token--available-time ul li p {
    color: #777777;
}
.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: #333333;
}
.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: #555555;
}
.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 .social-list li,
.home-page2-light .single--team-inner:hover{
    box-shadow: 0px 10px 30px rgba(0,0,0,.1);
}
.home-page2-light .single--team-inner h5{
    color: #555555;
}
.home-page2-light .single--team-inner p{
    color: #999999;
}
.home-page2-light .single--team-inner.type2 .member--caption-details h5 {
    color: #333333;
}
.home-page2-light .single--team-inner.type2 .member--caption-details p {
    color: #777777;
}
.home-page2-light .our--team-wrap .loadmore-btn a {
    color: #333333;
}
.home-page2-light .our--team-wrap .loadmore-btn a:hover{
    color: #002197;
}
.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;
}
/*==============================================
    48: Footer
==============================================*/
/*48.01: footer top*/
.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,.60);
}

.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:  .30;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.theme-color.unerline span {
    background: #53e1ff;
}

.theme-color.unerline span + span {
    background: #53e1ff;
}

.theme-color.unerline span + span +span {
    background: #53e1ff;
    opacity:  .30;
    -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-right a,
.link-left 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
}
.link-right a:hover,
.link-left a:hover,
.footer-contact-list li:hover,
.footer-contact-list li a:hover{
    color: #53e1ff;
}
.link-right a i, .link-left a i {
    opacity:  0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility:  hidden;
    -webkit-transition: .3s all linear;
    transition:  .3s all linear;
}

.link-right a:hover i, .link-left 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-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;
}

/*48.02: footer bottom*/
.footer-bottom-wrap {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-pack:  justify;
        -ms-flex-pack:  justify;
            justify-content:  space-between;
}

.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;
}

/*48.03: footer type 2*/

.footer-type2 .footer-about-text p {
    color: #dbdfff;
}
.footer-type2 .link-right a, .footer-type2 .link-left a {
    color: #dbdfff;
}
.footer-type2 .footer-contact-list li {
    color: #dbdfff;
}
.footer-type2 .footer-contact-list li a{
     color: #dbdfff;
}
.footer-type2 .link-right a:hover, 
.footer-type2 .link-left a:hover, 
.footer-type2 .footer-contact-list li:hover, 
.footer-type2 .footer-contact-list li a:hover {
    color: #53e1ff;
}

/*48.04: footer type3*/
.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-right a,
.footer-type3 .link-left a {
    color: #fff;
}
.footer-type3 .link-right a:hover,
.footer-type3 .link-left a:hover, 
.footer-type3 .footer-contact-list li:hover, 
.footer-type3 .footer-contact-list li a:hover{
    color: #ffb565;
 }
.footer-type3 .footer-contact-list li {
    color: #fff;
}
.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--social-list li:hover {
    background: #ffb565;
}
.footer-type3 .tarms-condition li {
    color: #fff;
}
.footer-type3 .footer-bottom-text p {
    color: #fff;
}
.footer-type3 .footer-bottom-text a {
    color: #fff;
}
.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 {
    position: absolute;
    content: '';
    background: #ffb565;
    opacity: .20;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    width: 22px;
    height: 2px;
    top: 5px;
    left: 0;
}
/*48.05: footer type4*/
.footer-type4 .footer-about-text p {
    color: #fff;
}
.footer-type4 .footer-form input {
    background: #efbc6d;
}
.footer-type4 .footer-form button {
    color: #e48f0b;
    background: #fff;
}
.footer-type4 .link-right a,
.footer-type4 .link-left a {
    color: #fff;
}
.footer-type4 .link-right a:hover,
.footer-type4 .link-left a:hover, 
.footer-type4 .footer-contact-list li:hover, 
.footer-type4 .footer-contact-list li a:hover{
    color: #fff;
 }
.footer-type4 .footer-contact-list li {
    color: #fff;
}
.footer-type4 .footer-contact-list li a {
    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--social-list li:hover{
    background: #fff;
}
.footer-type4 .tarms-condition li {
    color: #fff;
}
.footer-type4 .footer-bottom-text p {
    color: #fff;
}
.footer-type4 .footer-bottom-text a {
    color: #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 {
    position: absolute;
    content: '';
    background: #fff;
    opacity: .20;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    width: 22px;
    height: 2px;
    top: 5px;
    left: 0;
}

/*48.06: footer type5*/
.footer-type5 .footer-about-text p {
    color: #fff;
}
.footer-type5 .footer-form input {
    background: #66dddd;
}
.footer-type5 .footer-form button {
    color: #00c6c6;
    background: #fff;
}
.footer-type5 .link-right a,
.footer-type5 .link-left a {
    color: #fff;
}
.footer-type5 .link-right a:hover,
.footer-type5 .link-left a:hover, 
.footer-type5 .footer-contact-list li:hover, 
.footer-type5 .footer-contact-list li a:hover{
    color: #fff;
 }
.footer-type5 .footer-contact-list li {
    color: #fff;
}
.footer-type5 .footer-contact-list li a {
    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 .tarms-condition li {
    color: #fff;
}
.footer-type5 .footer-bottom-text p {
    color: #fff;
}
.footer-type5 .footer-bottom-text a {
    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 {
    position: absolute;
    content: '';
    background: #fff;
    opacity: .20;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    width: 22px;
    height: 2px;
    top: 5px;
    left: 0;
}

/*=============================================
    49: Others
==============================================*/

h1 span {
    color: #53e1ff;
}
/*49.01: pettrns*/
.crypto-patern {
    background-image: url(../img/Crypto_Pattern20.png);
    background-repeat: repeat;
    background-position: top center;
}
.vpn-patern {
    background-image: url(../img/VPN_Pattern.png);
    background-repeat: repeat;
    background-position: top center;
}
.vc-patern {
    background-image: url(../img/VC_Pattern.png);
    background-repeat: repeat;
    background-position: top center;
}
.map {
    border: 1px solid rgba(0,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;
}

/*49.02: About block */
.about-content h1 {
    margin-top: -12px;
}
.about-content p {
    margin-bottom: -5px;
}

/* 49.03: Why us */
.single-reason {
    border: 1px solid #ecf7fe;
    padding: 30px 15px 25px;
}
.single-reason i {
    font-size: 30px;
    color: #00c544;
}
.single-reason .h5 {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 14px;
}
.single-reason span {
    color: #4c4f60;
}

/* 49.04: Subscription */
.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;
}


/* 49.05: Carousel controls */
.carousel-control {
    border: 1px solid #e2e6fb;
    width: 40px;
    height: 40px;
    color: #8388a8;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
}
.carousel-control:hover,
.carousel-control:focus {
    color: #fff;
    background-color: #00c544;
    border-color: #00c544;
    outline: none;
}
.swiper-button-disabled {
    pointer-events: none;
}

/* 49.06: Slider pagination style */
.slider-pagination-style .swiper-pagination-bullet {
    width: 15px;
    height: 5px;
    border: 1px solid #e2e6fb;
    border-radius: 0;
    background: transparent;
    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: none;
}

/* 49.07: Social icons */
.social-icons li:not(:last-child) {
    margin-right: 25px;
}

/* 49.08: Back to top */
.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,0.15);
    -webkit-transition: all 0.2s;
    transition: all 0.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% {
       -webkit-transform: translateY(3px);
               transform: translateY(3px);
    }
    50% {
       -webkit-transform: translateY(-10px);
               transform: translateY(-10px);
    }
     100% {
        -webkit-transform: translateY(3px);
                transform: translateY(3px);
    }
      
}

@keyframes bounce2 {
    0% {
       -webkit-transform: translateY(3px);
               transform: translateY(3px);
    }
    50% {
       -webkit-transform: translateY(-10px);
               transform: translateY(-10px);
    }
     100% {
        -webkit-transform: translateY(3px);
                transform: translateY(3px);
    }
      
}

/* 49.09: Preloader */
.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;
}

/* 49.10: Form validation */
.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;
    padding: 0 10px;
}

/* 49.11: Content animation */
[data-animate] {
    visibility: hidden;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}
[data-animate].animated {
    visibility: visible;
}