/*---------------------------------------------
Template name:  Bizdrone
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
50: Gutenberg Design   
----------------------------------------------*/

/*=============================================
    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)";
}

iframe{
    max-width: 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: 14px;
    color: #777;
    background: #fff;
    overflow-x: hidden !important;
}

.ovh .container-fluid{
    overflow-x: hidden;
    padding-left: 0;
    padding-right: 0;
    margin-right: auto;
    margin-left: auto;
}

.bg-overlay:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #222;
    z-index: -1;
}

.bg-overlay {
    position: relative;
    z-index: 1;
}

.bg-transparent{
    background-color: transparent;
    border: 1px solid #fff;
}

.bg-fill{
    color: #000;
}

.bizdrone-button a {
    border-width: 1px;
}

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

.builder-page-wrapper > .vc_row {
    margin-left: 0;
    margin-right: 0;
}
.builder-page-wrapper > .vc_row > .vc_column_container > .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

.banner--wrapper-area.owl-carousel img{
    width: auto !important;
}

.slider-pattern {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

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

/*1.2: background color*/
.home1-vs1-bg{
    background: #0e035c;
    background: -webkit-linear-gradient(left, #0e035c 0%,#25256e 100%);
    background: linear-gradient(to right, #0e035c 0%,#25256e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e035c', endColorstr='#25256e',GradientType=1 );
 }
 .home1-vs2-bg{
    background: #fff;
   
 }
 .home2-vs1-bg{
    background: #002797;
    background: -webkit-linear-gradient(left, #355ffe 0%, #002797 100%);
    background: linear-gradient(to right, #355ffe 0%, #002797 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002797', endColorstr='#355ffe',GradientType=1 );
 }
 .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;
    z-index: 1;
}
.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;
}

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

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

.bizdrone-button a.btn span.right,
a.btn span.right {
    margin-left: 10px;
}
.bizdrone-button a.btn.style-2 {
    border-color: #002197 !important;
}
.bizdrone-button a.btn span.left,
a.btn span.left{
    margin-right: 10px;
}

.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-right: 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 !important;
    -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 !important;
    margin-bottom: 15px;
}
.alignright {
    float: right;
    margin-left: 15px !important;
    margin-bottom: 15px;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 15px;
    text-align: center;
}
/* 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; }
.mb--10 { margin-bottom: -10px;  }

/* 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);
    }
     100% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
      
}

@keyframes bounce {
    0% {
       -webkit-transform: translateY(0px);
               transform: translateY(0px);
    }
     100% {
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
    }
      
}
.bounce {
    -webkit-animation: bounce 1s ease-in-out 0s infinite alternate;
    animation: bounce 1s ease-in-out 0s infinite alternate;
}
@-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;
}


@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
@-webkit-keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes sk-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}  

/*-----------------------------------------------
    ==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,
.single-solution-wrap:hover.waves-effect i {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
}
.waves-effect img ,
.waves-effect i{
    position: relative;
    z-index: -1;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.waves-effect span i{
    -webkit-transition: none;
    transition: none; 
}

.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;
    }
    .type2.section-title h2 {
        color: #e89719;
        font-weight: 700;
        position: relative;
    }
    .type2.section-title .underline-wrap {
        position: absolute;
        top: 53px;
        left: 49%;
    }
    .type2.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;
        text-transform: capitalize;
    }
    .page-title ul li{
        color: #ffffff;
        text-transform: capitalize;
    }
    .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;
}

.logged-in.admin-bar .main-header{
    top: 32px;
}

.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 ul li a{
    text-transform: capitalize;
}
.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;
}
.header-menu > ul > li.has-sub-item:before {
    font-size: 12px;
    position: absolute;
    left: 50%;
    top: 63px;
    content: '\f107';
    font-family: 'FontAwesome';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    color: #ffffff;
}

.main-header.sticky .header-menu > ul > li > a ,
.main-header.sticky .header-menu > ul > li.has-sub-item:before {
    color: #333333;
}

.main-header.sticky .header-menu > ul > li.current-menu-parent > a ,
.main-header.sticky .header-menu > ul > li.current-menu-parent.has-sub-item:before,
.main-header .header-menu > ul > li.current-menu-parent.has-sub-item:before,
.main-header .header-menu > ul > li.has-sub-item:hover:before,
.main-header.sticky .header-menu > ul > li.has-sub-item:hover:before {
    color: #53e1ff;
}

.header-menu > ul > li:hover > a,
.header-menu > ul > li.current-menu-item > a,
.header-menu > ul > li.current-menu-parent > a {
    color: #53e1ff;
}
.main-header.sticky .header-menu > ul > li:hover > a,
.main-header.sticky .header-menu > ul > li.current-menu-item > a,
.main-header.sticky .header-menu > ul > li.current-menu-parent > a {
    color: #53e1ff;
}
.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.current-menu-item > a {
    color: #53e1ff;
}
.header-menu ul ul li.current-menu-item > a:before {
    background-color: #53e1ff;
    visibility: visible;
    opacity: 1;
}
.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.current-menu-item > a {
    color: #53e1ff;
}

.header-menu > ul > li > ul .current_page_ancestor.has-sub-item:after,
.header-menu > ul > li.current_page_ancestor.has-sub-item:before,
.header-menu  ul li.current_page_ancestor > a,
.header-menu > ul > li.current-menu-item.has-sub-item:before{
    color: #53e1ff;
}
.header-menu  ul .current-page-parent ul .current-menu-item > a{
    color: #53e1ff;
}
.sticky .header-menu > ul > li > ul .current_page_ancestor.has-sub-item:after,
.sticky .header-menu > ul > li.current_page_ancestor.has-sub-item:before,
.sticky .header-menu  ul li.current_page_ancestor > a,
.sticky .header-menu > ul > li.current-menu-item.has-sub-item:before{
    color: #53e1ff;
}
.main-header.sticky .header-menu ul ul li.current_page_ancestor > a,
.sticky .header-menu  ul .current-page-parent ul .current-menu-item > a{
    color: #53e1ff;
}

.menu-wraper {
    float: right;
}

.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.current-menu-item > a:before,
.header-menu > ul > li.current-menu-parent> a:before{
     height: 35px;
}

.header-menu > ul > li.has-sub-item:hover:before {
    color: #53e1ff;
}

.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 a.text-logo {
    color: #53e1ff;
    display: block;
}
.main-header .logo h2{
    margin-bottom: 0;
}

.logo .sticky-logo {
    display: none;
}
.logo a.text-logo {
    color: #53e1ff;
}
.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%;
    -webkit-animation-duration: .5s;
            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;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    background: rgba(0,0,0,.4);   
}
.signup--out-btn a:hover:after{
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(20);
            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)";
}


/*****************************************
    Header Version 2
******************************************/
.header {
    position: relative;
}

.header-absolute .main-header {
    position: static;
}

.header-absolute .main-header.sticky {
    position: fixed;
    z-index: 999;
}
.header-top-bar {
    padding: 10px 0;
}
.header-top-bar, 
.header-top-bar a {
    color: #fff;
}

.header-top-bar .topbar-text p,
.header-top-bar ul {
    margin-bottom: 0;
}

.header-absolute {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 9999;
}

.header-with-topbar .header-menu > ul > li > a:before {
    display: none;
}

.header-top-bar .topbar-text p,
.header-top-bar .social-icon ul,
.topbar-social-icon ul{
    margin-bottom: 0;
}

.header-top-bar .social-icon li ,
.topbar-social-icon li{
    margin-left: 8px;
}

.header-top-bar .social-icon a ,
.topbar-social-icon a{
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    line-height: 25px;
    -webkit-transition: .3s;
    transition: .3s;
    border: 1px solid transparent;
}

.header-top-bar .social-icon a:hover,
.topbar-social-icon a:hover {
    border: 1px solid #53e1ff;
    color: #53e1ff;
}

.top-bg {
    background-color: #08005b;
}


/*****************************************
    Header Version 3
******************************************/
.header-menu-center .menu-button.menu-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.header-menu-center .signup--out-btn {
    margin-left: 0;
}
.header-menu-center .signup--out-btn a {
    text-align: center;
}

/*****************************************
    Header Version 4
******************************************/
.header.header-menu-left .menu-button {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.header.header-menu-left .signup--out-btn {
    margin-left: 0;
}

.logo-menu-center .logo,
.logo-menu-center .menu--inner-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 10px; 
}

.logo-menu-center .header-menu > ul > li > a:before {
    display: none;
}

.logo-menu-center .header-menu > ul > li > a {
    padding: 10px 0 30px;
}

.logo-menu-center .header-menu > ul > li:before {
    top: 33px;
}

.logo-menu-center .header-menu > ul > li:hover > ul {
    top: 100%;
}

/*****************************************
    Header Version 5
******************************************/

.logo-menu-center .logo,
.logo-menu-center .menu--inner-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 10px; 
}

.logo-menu-center .header-menu > ul > li > a:before {
    display: none;
}

.logo-menu-center .header-menu > ul > li > a {
    padding: 10px 0 30px;
}

.logo-menu-center .header-menu > ul > li > a > i {
    top: 33px;
}

.logo-menu-center .header-menu > ul > li:hover > ul {
    top: 100%;
}


 /*****************************************
    Header Version 6
******************************************/

.header-with-topbar-logo .header-menu > ul > li > a:before,
.header-absolute .header-menu > ul > li > a:before {
    display: none;
}
.header-with-topbar-logo .menu-button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.header-with-topbar-logo {
    padding: 0;
}

.header-with-topbar-logo .logo {
    padding-top: 0;
}

.header-with-topbar-logo .header-top-bar .social-icon ul {
    text-align: left !important;
}

.border-top {
    border-top: 1px solid #454083 !important;
}

.border-bottom {
    border-bottom: 1px solid #454083 !important;
}

 /*****************************************
    Header Version 8
******************************************/

.header-top-with-menu-social .header-top-bar {
    padding-bottom: 0;
}

.header .border-bottom {
    padding-bottom: 10px;
}

.main-header.sticky .signup--out-btn a i {
    color: #fff !important;
}

/*****************************************
    Header Version 9
******************************************/

.header-top-with-addressbar .topbar-info li a, 
.header-top-with-addressbar .topbar-info li{
    font-size: 14px;
    font-weight: 300;
    color: #bdc1de;
    -webkit-transition: .3s;
    transition: .3s;
}


.header-top-with-addressbar .topbar-info li a i,
.header-top-with-addressbar .topbar-info li i{
    margin: 0 10px;
    color: #fff;
}

.header-top-with-addressbar .topbar-info li a:hover {
    color: #fff;
}

.header-top-with-addressbar .social-icon li a {
    color: #fff;
    font-size: 14px;
    height: 30px;
    width: 30px;
    line-height: 29px;
    
}
.main-header.sticky .social-icon li a {
    color: #53e1ff;
    border-color: #53e1ff;
}

.main-header.sticky .social-icon li a:hover {
    color: #002197;
    border-color: #002197;
}

 /*****************************************
    Header Version 10
******************************************/

.menu-without-btn .header-menu  > ul > li:last-child {
    padding-right: 0px;
}

.top-bg {
    background-color: #08005b;
}

/*****************************************
    Header Version 11
******************************************/
.header-top-menu li {
    margin-left: 10px;
}
.header-top-menu li a {
    text-transform: capitalize;
    font-size: 13px;
    color: #bdc1de;
    font-weight: 300;
}

.header-top-menu li a:hover {
    color: #fff;
}

/* Light Versions 9 */

.header-light .main-header .social-icon li a {
    color: #53e1ff;
    border-color: transparent;
}
.header-light .main-header .social-icon li a:hover {
    color: #002197;
    border-color: #002197;
}

.header-top-bar.white-bg .logo .sticky-logo, 
.header-light .logo .sticky-logo {
    display: block;
}

.header-top-bar.white-bg .logo .default-logo,
.header-light .logo .default-logo {
    display: none;
}

.header-top-bar.white-bg .topbar-info li a {
    color: #333333;
}

.header-top-bar.white-bg .topbar-info li a:hover {
    color: #53e1ff;
}

.header-top-bar.white-bg .topbar-info li a i {
    color: #002197;
}

/*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.current-menu-item > 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.current-menu-item 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.current-menu-item > 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;
}
.signup--out-btn a {
    border: 1px solid #fff;
}
.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 strong{
    color:  #53e1ff;
    display:  block;
    font-weight: 900;
}

.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;
    z-index: 1;
}
.home-banner1 .bannar-image-inner .move-1 {
    top: 7%;
    left: 36%;
    -webkit-animation: bounce 2s linear infinite alternate;
            animation: bounce 2s linear infinite alternate;
}
.home-banner1 .bannar-image-inner .move-2 {
    top: 63%;
    left: 66%;
    -webkit-animation: bounce 2s cubic-bezier(0.24, 0, 0.38, 1) infinite alternate;
            animation: bounce 2s cubic-bezier(0.24, 0, 0.38, 1) infinite alternate;
    -webkit-animation-delay: .2s;
            animation-delay: .2s
}

.banner--wrapper-area.banner-home1 .owl-nav button.owl-prev:hover i,
.banner--wrapper-area.banner-home1 .owl-nav button.owl-next:hover i{
    color: #002197;
}

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

.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;
    z-index: 2;
}

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

.home-banner2 a.btn {
    border: 1px solid #41bcfe;
}

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

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

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

.home-banner2 a:last-child {
    color: #fff;
}

.banner--wrapper-area.banner-home2 .owl-nav button.owl-prev:hover i,
.banner--wrapper-area.banner-home2 .owl-nav button.owl-next:hover i{
    color: #002197;
}

/*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;
    top: 0;
    left: 35%;
    -webkit-animation: bounce 3s linear infinite alternate;
            animation: bounce 3s linear infinite alternate;
}

.home-banner2 .h2-move-2 {
    position: absolute;
    left: 44%;
    top: 68%;
    -webkit-animation: bounce 1s ease-in-out 0s infinite alternate;
            animation: bounce 1s ease-in-out 0s infinite alternate;
}
.home-banner2 .h2-move-3 {
    position: absolute;
    left: 40%;
    top: 26%;
    z-index: -1;
    -webkit-animation: bounce 1s ease-in-out 0s infinite alternate;
            animation: bounce 1s ease-in-out 0s infinite alternate;
}
.banner2-image-wrap {
    z-index: 1;
    position: relative;
}
/* 5.03: main banner home3
====================================*/
.home-banner3{
    position: relative;
    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;
}
.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 .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 alternate;
            animation: bounce 3s linear infinite alternate;
}
.banner3-image-wrap .h3-move-2 {
    position: absolute;
    bottom: 29%;
    right: 27.5%;
    -webkit-animation: bounce 3s linear infinite alternate;
            animation: bounce 3s linear infinite alternate;
}
.banner3-image-wrap .h3-move-3 {
    position: absolute;
    top: 35%;
    left: 30%;
    -webkit-animation: bounce 3s linear infinite alternate;
            animation: bounce 3s linear infinite alternate;
    -webkit-animation-delay: .2s;
            animation-delay: .2s;
}
.banner--inner-text a span {
    margin-left: 13px;
}
.home-banner3 a.btn{
    border:1px solid;
}

.banner--wrapper-area.banner-home3 .owl-nav button.owl-prev:hover i,
.banner--wrapper-area.banner-home3 .owl-nav button.owl-next:hover i{
    color: #002197;
}

/*5.4: main banner home 4
============================================*/
.home-banner4{
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 260px;
    padding-bottom: 87px;
}
.banner.home-banner4 a {
    border-width: 1px;
    color: #fff;
}
.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;
}
.home-banner4 .banner--inner-text h1 {
    color: #fff;
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 40px;
}
.home-banner4 .banner--inner-text p{
    max-width: 550px;
    margin: 0 auto 40px;
    color: #fff;
}
.home-banner4 .banner--inner-text.text-right p,
.home-banner4 .banner--inner-text.text-left p{
    width: auto;
}

.home-banner4 .overlay-bubble {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}
.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: 2;
    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) !important;
}
.banner-home5 .banner.home-banner5 {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.home-banner5 .banner--inner-text a.btn-fill{
    margin-right: 20px;
}
.home-banner5 .banner--inner-text h1 {
    font-weight: 700;
    font-size: 60px;
    color: #fff;
    line-height: 72px;
    margin-bottom: 35px;
}
.home-banner5 .banner--inner-text p {
        color: #fff;
        margin-bottom: 34px;
    }
.home-banner5 .btn{
    color: #e89719;
    }
.home-banner5 .btn-fill:before {
    background: #fff;
    }
 .home-banner5 .btn.style-1:hover{
    color: #e89719 !important;
 }
.home-banner5 .btn.btn-transparent{
    color: #fff;
}
.overlay-bubble .h5-dot-dot {
    position: absolute;
    top: -26%;
    -webkit-animation: rotate2d 30s linear infinite;
            animation: rotate2d 30s linear infinite;
}

.banner--wrapper-area.banner-home5 .owl-nav button.owl-prev:hover i,
.banner--wrapper-area.banner-home5 .owl-nav button.owl-next:hover i{
    color: #e99614;
}

.overlay-bubble .h5-dot-small {
    position: absolute;
    top: -15%;
    left: 7.5%;
    -webkit-animation: rotate-2d 30s linear infinite;
    animation: rotate-2d 30s linear infinite;
    width: 85%;
}
.home-banner5 .main-image {
    position: relative;
    z-index: 3;
}
.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;
}

.banner6-image-wrap{
    position: relative;
    z-index: 2;
}

.banner-overlay{
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.banner-overlay:before{
    position: absolute;
    content: "";
    opacity: .95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #00c6c6;
    z-index: 1;
}

.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 a,
.home-banner5 a {
    border-width: 1px;
}


.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 {
    -webkit-animation: bounce 3s linear infinite alternate;
            animation: bounce 3s linear infinite alternate;
}
.banner--wrapper-area .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.banner--wrapper-area button.owl-dot {
    background: #fff !important;
    height: 8px;
    width: 8px;
    margin-right: 10px;
    border-radius: 50%;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    opacity: .6;
}

.banner--wrapper-area button.owl-dot.active {
    background: #fff !IMPORTANT;
    width: 25px;
    height: 8px;
    border-radius: 10px;
    
}
.banner--wrapper-area .owl-nav button.owl-prev,
.banner--wrapper-area .owl-nav button.owl-next {
    position: absolute;
    height: 50px;
    width: 50px;
    background: rgba(0,0,0,.2) !important;
    line-height: 52px !important;
    border-radius: 50%;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: hidden;
    opacity: 0;
}
.banner--wrapper-area:hover .owl-nav button.owl-next{
    right: 20px;
    visibility: visible;
    opacity: 1;
}
.banner--wrapper-area:hover .owl-nav button.owl-prev{
    left: 20px;
    visibility: visible;
    opacity: 1;
}

.banner--wrapper-area .owl-nav button.owl-prev{
    left: 0px;
}
.banner--wrapper-area .owl-nav button.owl-prev:hover,
.banner--wrapper-area .owl-nav button.owl-next:hover{
    background: #fff !important;
}

.banner--wrapper-area .owl-nav button.owl-prev i,
.banner--wrapper-area .owl-nav button.owl-next i {
    color: rgba(255,255,255,.5);
}
.banner--wrapper-area .owl-nav button.owl-prev:hover i,
.banner--wrapper-area .owl-nav button.owl-next:hover i{
    color: #53e1ff;
}

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

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

.Extra--feature-area.type3 {
    margin-top: -69px;
}

/*==============================================
   06: Extra Feature area
==============================================*/
/*6.01: extra feature*/

.feature--area-wrap {
    background: #3c62e3;
    padding: 40px 49px 10px;
    border-radius:  5px;
    z-index: 2;
    position: relative;
}
.feature--area-wrap .single--features-wrap{
    margin-bottom: 30px;
}

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

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

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

.feature--area-wrap .features-icon i {
    font-size: 35px;
}

.feature--area-wrap .features-icon #icon_hover_,
.feature--area-wrap .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*/

.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;
}
.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;
}
.type2.feature--area-wrap .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;
    left: 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
==============================================*/
.single-feature-card {
    padding: 40px;
    border-radius: 5px;
    box-shadow: 0px 5px 30px rgba(0,0,0,.1);
    background: #fff;
    position: relative;
    z-index: 2;
}

.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;
    -webkit-transition: .3s all linear;
    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;
    -webkit-transition: .3s all linear;
    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: left !important;
}
.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-right: 146px;
    padding-right: 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;
    right: -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;
    right: -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-left: 30px;
}
.single--service-inner img {
    margin-left: 30px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.single--service-inner .single--service-icon i {
    font-size: 30px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.single--service-inner:hover img,
.single--service-inner:hover i {
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
}
.type3.single--service-inner:hover img,
.type3.single--service-inner:hover i {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
.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;
    z-index: 5;
    position: relative;
}
.section-title p {
    width: 600px;
    margin: 38px auto;
}

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

.section-title svg.svg  {
    position:  absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 2;
}
.section-title i{
    position:  absolute;
    font-size: 50px;
    z-index: 2;
    line-height: 49px;
}

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

.section-title.text-left svg.svg{
    top:  -16px;
    left: 0%;
} 

.section-title.text-right svg.svg{
    top:  -16px;
    right: 0%;
}

.section-title.text-center i{
    top:  0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.section-title.text-left i{
    top:  0px;
    left: 0%;
}

.section-title.text-right i{
    top:  0px;
    right: 0%;
}

.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;
}
.single--service-inner .single--service-icon i {
    font-size: 30px;
}
/*11.02: Single service type2/ home page3*/

.type2 .single-service-text p {
    color: #777777;
    margin-bottom: 4px;
}
.type2 .single-service-text h4 {
    font-weight: 600;
    color: #333333;
    margin-bottom: 20px;
}
.type2.single--service-inner img {
    margin-left: 30px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
}
.type2.single--service-inner i {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
}
.type2.single--service-inner:hover img,
.type2.single--service-inner:hover i{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
.type2.single--service-inner{
    padding: 40px;
    border-radius: 5px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    background: #fcfcfc;
    margin-bottom: 30px;
}
.type2 .single--service-icon .underline-wrap {
    position: absolute;
    right: 36px;
    top: 67px;
}
.type2.single--service-inner.active {
    box-shadow: 0px 9px 30px rgba(0,0,0,.1);
    background: #fff;
}
.type2.single--service-inner.active.single--service-inner img  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.type2.single--service-inner:hover {
    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;
}
.type3 .single-service-text h4 {
    font-weight: 600;
    color: #333333;
    margin-bottom: 20px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.type3 .single-service-text p {
    color: #777777;
    margin-bottom: 17px;
}
.type3.single--service-inner:hover .svg path#icon_N_{
    fill: #6c771e;
}
.type3.single--service-inner:hover .single-service-text h4{
    color: #6c771e;
}
.type3.single--service-inner .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;
}

.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-left: 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-left: 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-left: 0px;
    margin-right:  40px;
}
.timeline-content p{
    margin-bottom: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.timeline-icon-img {
    line-height: 74px;
}

.timeline-icon-img i{
    font-size: 26px;
    color: #53e1ff;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.step-timeline-item:hover .timeline-icon-img i{
    color: #fff;
}

.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,
.step-timeline-item:hover i{
    -webkit-transform: rotate(-20deg);
            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;
}

.trading--update-text p {
    color: #dddde1;
}

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;
    left: 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;
    margin-bottom: 0;
}
.crypto--calculator-inner ul:nth-child(2) li:last-child{
    position: static !important;
    width:auto !important;
    color: #fff;
}


.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, 
.single-app-info:hover .app-icon i{
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
}

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

.app-icon i {
    font-size: 30px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.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;
    left:  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;
    left: 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:first-child {
    margin-right: 26px;
}

.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 {
    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;
    left: 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;
}
.countdown--inner-area ul li:last-child{
    width: 92px;
    padding: 0 0 0 20px;
}
/*16.02: progress bar*/
.crypto--progress-inner .progress {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 10px;
    overflow: visible;
    font-size: 12px;
    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 );
    position: relative;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;    
}
.crypto--progress-inner .progress{
    visibility: visible;
}
.crypto--progress-inner .progress .progress-bar:after {
    content: "";
    position: absolute;
    height: 31px;
    width: 11px;
    right: -6px;
    top: -12px;
    background-image: url(../img/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;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
}
.notify-form .theme-input-style {
    -ms-flex-preferred-size: 70%;
        flex-basis: 61%;
    color: #fff;
}

.notify-form button {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
}

.notify-form .theme--submit-form .alert {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-top: 10px;
}

.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;
}
.token-allocation p {
    color:  #dddde1;
}

.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-left: 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*/
.crypto--progress-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;
    }
.crypto--progress-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;
}
.crypto--progress-inner.type2 .progress-bar span {
    position: absolute;
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    font-family: 'Dosis', sans-serif;
    right: 10px;
    top: 0;
    left: auto;
}

.crypto--progress-inner.type2 .progress span {
    position: absolute;
    left: 10px;
}
.crypto--progress-inner.type2 .progress span + span {
    right: 10px;
    text-align: left;
    top: 0;
    color: #fff;
    position: absolute;
    left: auto;
}
.crypto--progress-inner.type2 {
    padding-top: 62px;
    padding-bottom: 30px;
}
.crypto--progress-inner.type2 .progress .progress-bar span {
    position: absolute;
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    font-family: 'Dosis', sans-serif;
    right: 10px;
    top: 0;
    left: auto;
}

.crypto--progress-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;
    margin: 0px 30px 05px;
}
.crypto--progress-inner.type2 .payment-methode {
    margin-top: 40PX;
}

.crypto--progress-inner.type2 span + span {
    top: 0px;
}
.crypto--progress-inner.type2 .progress {
  
    margin: 0px 30px 60px;
}
.progress-bar span {
    top: -20px;
    position: absolute;
    right: 8px;
}
/*16.06: token available time*/
.token--available-time {
    padding-top: 34px;
}
.token--available-time ul{
    margin-bottom: -10px;
}
.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: 50px;
}
.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;
}
#token--pie-chart {
    margin-left: 20px;
}

.pie-text ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0;
    margin-top: 60px;
    flex-wrap: wrap;
}
.pie-text h2 {
    color: #53e1ff;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.pie-text ul li {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    margin-bottom: 28px;
}
/*==============================================
    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:  #fff;
    font-weight:  600;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    text-transform: capitalize;
}

.member--caption-details p {
    color :  #e3e2ff;
    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-wrap > h3{
    margin-bottom: 40px;
}
.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;
    line-height: 1;
}

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

.single-faq:after{
    background:rgba(255,255,255,.30);
    content: '';
    position: absolute;
    width: 90%;
    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%;
}

/*=============================================
    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-right:  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;
}

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

.road-map-dot:hover .roadmap--hover-item {
    visibility: visible;
    opacity: 1;
}
.road-map-dot:hover:after {
    transform: scale(2);
    background: 0 0 ;
}

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

.single--roadmap-inner {
    text-align:  center;
    padding-top: 60px;
}
.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);
    z-index: 2;
}
.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;
}

.use--crypdrone-wrap .section-title-type2 i {
    font-size: 30px;
    margin-right: 25px;
}

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

.why--use-wrap pre{
    margin-bottom: 0;
}

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

.why--use-wrap .why--use-text p:last-child span {
    margin-bottom: 25px;
    display: block;
}

.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;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    width: 100%;
}
.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{
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
}
.single-use-usbox i {
    font-size: 36px;
    -webkit-transition: .3s all linear;
    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*/

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

.section-title.type2  .unerline span + span {
    background: #e89719;
}

.section-title.type2 .unerline span + span +span {
    background: #e89719;
    opacity:  .30;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.section-title.type2 .unerline span:last-child {
    left: 24px;
    width: 8px;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.single-payment-solution{
    margin-bottom: 60px;
}
.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,
.single-payment-solution > i{
    margin-bottom: 19px;
}

.single-payment-solution > i{
    font-size: 34px;
}

.single-payment-solution h4 {
    color: #333333;
    font-weight: 600;
    margin-bottom: 12px;
    -webkit-transition: .3s all linear;
    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*/
.solution-wrap.type3 .section-title.type3 .underline-wrap {
    top: 100%;
}
.solution-wrap.type3 .section-title.type3 .unerline span {
    background: #00c6c6;
    opacity: .60;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.solution-wrap.type3 .section-title.type3 .unerline span + span {
    background: #00c6c6;
}

.solution-wrap.type3 .section-title.type3 .unerline span + span +span {
    background: #00c6c6;
    opacity:  .30;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.solution-wrap.type3 .section-title.type3 .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, 
.solution-wrap.type3 .single-solution i{
    margin-bottom: 20px;
}

.solution-wrap.type3 .single-solution i {
    font-size: 28px;
    color: #00c6c6;
}

.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-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 alternate;
    animation: bounce 4s linear infinite alternate;
}

.crypdrone-token-image .shap-2 {
    position:  absolute;
    top: 7%;
    right: 13%;
    z-index: 1;
    -webkit-animation: bounce 3s linear infinite alternate;
    animation: bounce 3s linear infinite alternate;
}

.crypdrone-token-image 
.shap-3 {
    position:  absolute;
    top: 2%;
    left: 40%;
    -webkit-animation: bounce 4s linear infinite alternate;
    animation: bounce 4s linear infinite alternate;
}

.crypdrone-token-image 
.shap-4 {
    position:  absolute;
    top: 30%;
    left: 14%;
    -webkit-animation: bounce 3s linear infinite alternate;
    animation: bounce 3s linear infinite alternate;
}
/*===============================================
    25: crypdrone media/blog
===============================================*/
/*25.01: blog active*/
.single-post-wrap.sticky {
    background: #41bcfe !important;
    box-shadow: 0 5px 30px rgba(0,0,0,.1);
}
.our-blog-inner.type2 .single-post-wrap.sticky .post-main-heading h4 a,
.our-blog-inner.type2 .single-post-wrap.sticky .post-info a {
    color: #fff;
}
/* blog details post ul li */

.post-main-content .bizdrone-post-details-block a {
    color: #002197;
}
.post-main-content .bizdrone-post-details-block a:hover {
    text-decoration: underline;
}

.post-main-content .bizdrone-post-details-block ul li{
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    color: #777;
    padding-bottom: 7px;
}
.post-main-content .bizdrone-post-details-block ul li ul li:last-child,
.post-main-content .bizdrone-post-details-block ul li:last-child{
    padding-bottom: 0; 
}
.post-main-content .bizdrone-post-details-block ol li ul,
.post-main-content .bizdrone-post-details-block ul li ul{
    margin-bottom: 0;
}



/* Blockquote Style*/
.post-main-content .bizdrone-post-details-block .wp-block-pullquote blockquote {
    border-width: 0;
}
.post-main-content .bizdrone-post-details-block .wp-block-pullquote blockquote p {
    font-size: 28px;
    line-height: 1.6;
}
.bizdrone-post-details-block .wp-block-quote:not(.is-large):not(.is-style-large),
.post-comments-wrap blockquote,
.post-main-content .bizdrone-post-details-block blockquote,
.page--content blockquote {
    border-left: 3px solid #002197 !important;
    padding-left: 25px !important;
}
.wp-block-separator{
    border-bottom: 2px solid #002197 !important;
}
.wp-block-button a {
    padding: 10px 29px !important;
    border-radius: 5px !important;;
    color: #fff !important;
}
.wp-block-button a:hover {
    text-decoration: underline !important;
}
.wp-block-pullquote{
    border-top:0 !important;
    border-bottom:0 !important;
}
.bizdrone-post-details-block .wp-block-quote:not(.is-large):not(.is-style-large) p,
.page--content blockquote p,
.post-comments-wrap blockquote p,
.post-main-content .bizdrone-post-details-block blockquote p {
    font-size: 15px;
    line-height: 26px;  
}
.bizdrone-post-details-block .wp-block-quote:not(.is-large):not(.is-style-large) p a>code,
.page--content blockquote p a>code,
.post-comments-wrap blockquote p a>code,
.post-main-content .bizdrone-post-details-block blockquote p a>code {
    color: #002197;
    text-decoration: none;
    
}

/* Tables Style*/
.post-comments-wrap table,
.bizdrone-post-details-block table,
.page--content table {
    width: 100%;
    margin-bottom: 30px;
}
.page--content table th,
.page--content table td,
.post-comments-wrap table th,
.post-comments-wrap table td,
.post-main-content .bizdrone-post-details-block table th, 
.post-main-content .bizdrone-post-details-block table td {
    border: 1px solid #dddde1;
    padding: 8px;
}
.page--content table tr,
.post-comments-wrap .comment-author-details table tr,
.post-main-content .bizdrone-post-details-block table th {
    color: #777;
}
.page--content table tr td a,
.post-comments-wrap .comment-author-details table tr td a,
.post-main-content .bizdrone-post-details-block table th a {
    color: #777;
    font-weight: 600;
}
.page--content table tr td a:hover,
.post-comments-wrap .comment-author-details table tr td a:hover,
.post-main-content .bizdrone-post-details-block table th a:hover {
    color: #002197;
}


/* definition list */
.page--content dt,
.post-comments-wrap dt,
.bizdrone-post-details-block dt {
    font-weight: 600;
    margin-bottom: 9px;
}

/* unorder list */
.page--content ul,
.post-comments-wrap,
.bizdrone-post-details-block ul{
    padding-left: 27px;
}

/* order list */
.page--content ol,
.bizdrone-post-details-block ol{
    padding-left: 27px;
}
.page--content ol li,
.page--content ul li,
.bizdrone-post-details-block ol li{
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    color: #777;
    padding-bottom: 7px;
}
.page--content ul li:last-child,
.page--content ol li:last-child,
.bizdrone-post-details-block ol li ol li:last-child,
.bizdrone-post-details-block ol li:last-child{
    padding-bottom: 0px;
}

/* code */
pre code {
    overflow-wrap: normal;
    overflow: auto;
    max-width: 100%;
    width: 100%;
    font-family: Menlo,Consolas,monaco,monospace;
    font-size: 14px;
    color: #23282d;
    padding: .8em 1em;
    border: 1px solid #e2e4e7;
    border-radius: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
}

code {
    padding: 2px;
    border-radius: 2px;
    color: #23282d;
    background: #f3f4f5;
    font-family: Menlo,Consolas,monaco,monospace;
    font-size: inherit;
}

/* page links */
.page--content .page-links span,
.bizdrone-post-details-block .page-links span {
    display: inline-block;
    margin: 0 8px;
    font-weight: 600;
    font-size: 18px;
}
.page--content .page-links span.page-links-title,
.bizdrone-post-details-block .page-links span.page-links-title {
    margin-left: 0;
}


/* post password form */
.bizdrone-post-details-block input[type="password"] {
    border-radius: 5px;
    border: 2px solid #002197;
    padding-left: 15px;
    height: 40px;
    margin-left: 10px;
}

.bizdrone-post-details-block input[type="submit"] {
    height: 40px;
    background: #53e1ff;
    color: #fff;
    border: none;
    padding: 0px  29px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
}

/* comment author details */
.page--content a,
.comment-author-details a{
    color: #002197
}
.page--content a:hover,
.comment-author-details a:hover{
    text-decoration: underline;
}

.single-comment .comment-author-details ol,
.single-comment .comment-author-details ul{
    padding-left: 27px;
}
.single-comment .comment-author-details ol li,
.single-comment .comment-author-details ul li {
    padding-left: 0;
    margin: 0;
    padding-bottom: 7px;
}
.single-comment .comment-author-details ol li:last-child,
.single-comment .comment-author-details ul li:last-child {
    padding-bottom: 0;
}

.comment .children li {
    list-style: none;
}

.children {
    padding-left: 0;
}
.comment .children li button[type=submit]{
    width: inherit;
}

/* comment reply author */
.comment .comment-respond {
    margin-top: 30px;
}
.comment .comment-respond a{
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.comment .comment-respond a:hover{
    color: #002197
}
.comment .comment-respond .theme-input-style {
    border-bottom: 1px solid #e4e4e4;
    opacity: 1;
}
a.comment-edit-link,
a.comment-reply-link{
    color: #555555
}
a.comment-edit-link:hover,
a.comment-reply-link:hover{
    color: #002197
}
.comment .comment-respond .theme-input-style::-webkit-input-placeholder{
    color:#c7c7c7!important;
    opacity:1!important
}
.comment .comment-respond .theme-input-style::-moz-placeholder{
    color:#c7c7c7!important;
    opacity:1!important
}
.comment .comment-respond .theme-input-style:-ms-input-placeholder{
    color:#c7c7c7!important;
    opacity:1!important
}
.comment .comment-respond .theme-input-style::placeholder{
    color:#c7c7c7!important;
    opacity:1!important
}
.comment .comment-respond .theme-input-style:focus{
    -webkit-transform:scale(1.04);
    transform:scale(1.04);
    border-color:#002197
}
.comment-author-details p img {
    margin-top: 7px;
}
.comment-respond #cancel-comment-reply-link {
    margin-left: 5px;
    color: #002197;
}
.comment-respond .logged-in-as a:hover,
.comment-respond #cancel-comment-reply-link:hover {
    text-decoration: underline;
}
.comment-respond .logged-in-as a{
    color: #002197;
}

/* image gallery */

.bizdrone-post-details-block .gallery .gallery-item img{
    border-width: 0 !important;
}

/* audio */

.bizdrone-post-details-block .mejs-audio {
    margin-bottom: 30px;
}


/* Chat format (Default) */
.single-format-chat .bizdrone-post-details-block p {
    margin: 0;
    background: #f0f0f0;
    font-size: 90%;
    padding: 5px 10px;
    color: #525252;
}
.single-format-chat .bizdrone-post-details-block p:nth-child(even) {
    background: #fff;
}
.single-format-chat .bizdrone-post-details-block{
    margin-bottom: 30px;
}
/* page title */

.page-title-wrap .page-title{
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.page-title-wrap .page-title li{
    word-break: break-all;
}

/* Edge Case Many Tags */

.post-main-content .social-comment ul li a {
    display: inherit;
}

/* button */
.post-main-content .bizdrone-post-details-block .wp-block-button a{
    color: inherit;
}
.post-main-content .bizdrone-post-details-block .wp-block-button a:hover{
    text-decoration: none;
}

.our-blog-inner.type2 .single-post-wrap.active {
    background: #41bcfe;
}
.our-blog-inner.type2 .single-post-wrap.active {
    box-shadow: 0px 5px 30px rgba(0,0,0,0.1);
}
.our-blog-inner.type2 .single-post-wrap.active .post-info a {
    color: #fff;
}
.our-blog-inner.type2 .single-post-wrap.active .post-main-heading h4 a {
    color: #fff;
}
.our-blog-inner.type2 .single-post-wrap.active .post-info a:hover {
    color: #fff;
}
.our-blog-inner.type2 .single-post-wrap.active .post-main-heading h4 a:hover {
    color: #fff;
}
/*25.02: blog type1/home2*/
.single-post-wrap {
    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-wrap .post-content {
    padding: 36px 40px 26px;
}

.single-post-wrap .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-wrap .post-info a:hover{
    color: #53e1ff;
}

.single-post-wrap .post-info a + a {margin-left: 30px;}

.single-post-wrap .post-info {margin-bottom: 16px;}

.single-post-wrap .post-info a span {
    margin-left: 10px;
}

.single-post-wrap .post-main-heading h4,
.post-comments-wrap h4,
.your-comment-wrap h4 {
    font-size: 20px;
    font-weight: 700;
}
.no-comments {
    margin-top: 70px;
}
.single-post-wrap .post-main-heading h4 a{
    margin-bottom:  0;
    color: #dbdfff;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    text-transform: inherit;
    word-break: break-word
}
.single-post-wrap .post-main-heading h4 a:hover{
    color: #53e1ff;
}

.post-main-excerpt p{
    margin-bottom: 12px;
}
.post-main-excerpt a{
    color: #002197;
    font-weight: 600;
}
.post-main-excerpt span{
    font-size: 13px;
}

.single-post-wrap.sticky .post-main-excerpt a,
.single-post-wrap.sticky .post-main-excerpt p{
    color: #fff;
}
.single-post-wrap: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-wrap .post-image {
    overflow:  hidden;
}
.blog-post-video iframe {
    width: 100%;
}
.blog-post-audio iframe {
    width: 100%;
}
.single-post-wrap:hover {
    box-shadow: 0px 5px 30px rgba(0,0,0,0.1);
}
/*25.03: our blog type2/home3*/
.our-blog-inner.type2 .single-post-wrap .post-info a {
    color: #999999;
}

.our-blog-inner.type2 .single-post-wrap .post-main-heading h4 a{
    color: #333333
}
.our-blog-inner.type2 .single-post-wrap .post-main-heading h4 a:hover,
.our-blog-inner.type2 .single-post-wrap .post-info a:hover {
    color: #002197;
}
.our-blog-inner.type2 .single-post-wrap {
    background: #f9f9f9;
}
/*25.04: our blog type3/home4*/
.our-blog-inner.type3 .single-post-wrap .post-main-heading h4 a:hover {
    color: #6c771e;
}
.our-blog-inner.type3 .single-post-wrap .post-main-heading h4 a {
    color: #333333;
}
.our-blog-inner.type3 .single-post-wrap .post-info a {
    color: #999999;
}
.our-blog-inner.type3 .single-post-wrap {
    background: #fcfcfc;
}
/*26.05: our blog type4/home5*/
.our-blog-inner.type4 .single-post-wrap .post-main-heading h4 a:hover {
    color: #e48f0b;
}
.our-blog-inner.type4 .single-post-wrap .post-main-heading h4 a {
    color: #333333;
}
.our-blog-inner.type4 .single-post-wrap .post-info a {
    color: #999999;
}
.our-blog-inner.type4 .single-post-wrap {
    background: #fcfcfc;
}

/*26.06: our blog type5/home6*/
.our-blog-inner.type5 .single-post-wrap .post-main-heading h4 a:hover {
    color: #00c6c6;
}
.our-blog-inner.type5 .single-post-wrap .post-main-heading h4 a {
    color: #333333;
}
.our-blog-inner.type5 .single-post-wrap .post-info a {
    color: #999999;
}
.our-blog-inner.type5 .single-post-wrap {
    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: -7px;
}

.blog-pagination-wrap .blog-pagination li {
    padding: 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
}

.blog-pagination-wrap .blog-pagination.blog-navigation li a {
    font-size: 16px;
}

.blog-pagination-wrap .blog-pagination.blog-navigation li {
    padding: 0 20px;
}

.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 span.active{
    color: #53e1ff;
}
.blog-pagination-wrap .blog-pagination li:hover a{
    color: #53e1ff;
}
/*27.01: blog sidebar*/

.widget_bizdrone_instagram_widget .social-update ul {
    margin: 0;
    padding: 0;
}

.widget_bizdrone_instagram_widget .social-update ul li {
    border: none;
    padding-bottom: 0;
}

.widget_bizdrone_instagram_widget .social-update ul li a {
    padding-left: 0;
    margin-left: 0;
}

.widget_bizdrone_instagram_widget .social-update ul li a:before {
    display: none;
}

.widget_bizdrone_relative_links_widget .footer-link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.widget_bizdrone_relative_links_widget .footer-link ul li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    padding: 0;
    border: none;
}

.widget_bizdrone_relative_links_widget .footer-link ul li a {
    margin: 0;
    padding: 0;
}

.widget_bizdrone_relative_links_widget .footer-link ul li a:before {
    opacity: 0;
    visibility: hidden;
}

.widget_bizdrone_relative_links_widget .footer-link ul li a:hover {
    padding-left: 12px;
}

.widget_bizdrone_relative_links_widget .footer-link ul li a:hover:before {
    opacity: 1;
    visibility: visible;
}

.single-sidebar-widget ul li a {
    color: #777;
    margin-left: 20px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    position: relative;
    padding-left: 12px;
}

.single-sidebar-widget ul {
    list-style: none;
    padding: 0;
}

.single-sidebar-widget ul li {
    border-bottom: 1px solid #dddde1;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.single-sidebar-widget ul li a:before {
    content: '\f105';
    position: absolute;
    font-family: FontAwesome;
    font-size: 10px;
    left: 0;
    top: 3px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.single-sidebar-widget ul li a:hover{
    color: #002197;
}
.single-sidebar-widget select {
    max-width: 100%;
    width: 100%;
    padding: 10px;
}

.single-sidebar-widget select:focus {
    border-color: #002197;
}
.single-sidebar-widget #wp-calendar {
    width: 100%;
}

.single-sidebar-widget #wp-calendar th, .single-sidebar-widget #wp-calendar td {
    padding: 6px;
    border: 1px solid #dddde1;
    text-align: center;
}

.single-sidebar-widget #wp-calendar th {
    color: #002197;
    font-weight: 600;
}

.single-sidebar-widget #wp-calendar td a {
    color: #777;
}
.single-sidebar-widget .rsswidget:hover,
.single-sidebar-widget #wp-calendar td a:hover {
    color: #002197;
}

.single-sidebar-widget #wp-calendar caption {
    padding-bottom: 0;
    line-height: 1;
    padding-top: 20px;
}

.single-sidebar-widget #wp-calendar th:last-child,.single-sidebar-widget #wp-calendar th:nth-child(6) {
    color: #ff0000;
}
.single-sidebar-widget ul.children, 
.single-sidebar-widget ul.sub-menu {
    padding-left: 30px;
    border-top: 1px solid #dddde1;
    margin-top: 15px;
    padding-top: 10px;
}
.single-sidebar-widget ul.children ul ul, 
.single-sidebar-widget ul.sub-menu ul ul {
    padding-left: 0;
}
.single-sidebar-widget.widget_recent_comments ul li a:before {
    display: none;
}
.single-sidebar-widget ul li ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

.single-sidebar-widget.widget_rss ul li a{
    padding-left: 0;
    margin-left: 0;
    padding-bottom: 10px;
    display: block;
}
.single-sidebar-widget.widget_rss ul li .rss-date{
    display: block;
    padding-bottom: 8px;
    font-size: 12px;
}
.single-sidebar-widget.widget_rss ul li .rssSummary{
    margin-bottom: 8px;
}
.single-sidebar-widget.widget_rss ul li cite {
    font-weight: 500;
    font-size: 13px;
}
.single-sidebar-widget.widget_rss ul li a:before{
    display: none;
}
.single-sidebar-widget.widget_rss p strong,
.single-sidebar-widget .rsswidget {
    color: #555;
    font-weight: 600;
}

.single-sidebar-widget.widget_rss p {
    margin-bottom: 0;
}
.single-sidebar-widget.widget_text .textwidget p strong {
    font-weight: 600;
}

.single-sidebar-widget.widget_text .textwidget p img {
    margin: 15px 0px;
}

.single-sidebar-widget.widget_text .textwidget p {
    margin-bottom: 15px;
}
.single-sidebar-widget.widget_tag_cloud .tagcloud a {
    font-size: 13px !important;
    padding: 2px 8px;
    border: 1px solid #ccd7ff;
    margin-bottom: 8px;
    display: inline-block;
    margin-right: 6px;
    border-radius: 15px;
    color: #777;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-sidebar-widget.widget_tag_cloud .tagcloud a:hover {
    border-color: #002197;
    background: #002197;
    color: #fff;
}
.single-sidebar-widget .widget-title h4{
    margin-left: 0;
}
.single-sidebar-widget ul.sub-menu {
    border-top: 1px solid #dddde7;
    padding-top: 15px;
    margin-top: 15px;
}

.single-sidebar-widget.widget_recent_comments .recentcomments a {
    padding-left: 0;
    margin-left: 0;
    font-weight: 500;
    display: block;
}

.single-sidebar-widget.widget_recent_comments .recentcomments .comment-author-link a {
    font-weight: 400;
}


.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-right: 35px;
    font-weight: 300;
}

.single-sidebar-widget .unerline span{
    background: #333333;
}
.single-sidebar-widget .widget-title h4 {
    font-weight: 600;
    color: #333333;
    margin-top: -8px;
}
.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: 600;
    -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 #ddd;
    margin-bottom: 19px;
}

.post-wrapper {
    margin-left: 20px;
}

.recent-posts:last-child {margin-bottom: 0;}

.post-wrapper .post-info span {
    margin-left: 8px;
}

.social-update.social-img ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: 6px;
}

.social-update.social-img ul li {
    margin-right: 2px;
    -ms-flex-preferred-size: 66px;
        flex-basis: 66px;
    margin-bottom: 2px;
}

.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;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.catagories-widget ul li a:hover:before{
    color: #002197;
}


.catagories-widget ul li {
    border-bottom: 1px solid #ddd;
    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*/
.market-update-list ul li {
    display: inline-block;
    width: 32%;
    vertical-align: top;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.market-update-inner {
    background: #002197;
    border-radius: 5px;
    padding: 40px 40px 0;
}
/* .single--update-wrap {
    padding: 0;
    position: relative;
    margin-bottom: 30px;
} */

.single--update-inner{
    margin-bottom: 30px;
}
.single--update-inner h5 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 12px;
}

.market-nav-inner .update-nav {
    margin-bottom: 29px;
}
.market-nav-inner .update-nav a.active{
    color: #fff;
}
.market-nav-inner .update-nav a {
    margin: 0 45px 0 0px;
    color: #7483cc;
    font-weight: 600;
    font-size: 12px;
}

.single--update-inner p {
    margin-bottom: 0;
    color: #dbdfff;
}
.single--update-inner span{
    color: #dbdfff;
}
.single--update-inner span +span {
    margin-left: 9px;
}
.up-icon i{
    color: #00d705;
}
.down-icon i{
    color: #f51616;
}
.price-carousel .owl-item img {
    width: auto;
    display: inline-block;
    margin-right: 9px;
}
/*===============================================
    28: Blog Details
===============================================*/
.post-main-content ul li {
    margin-left: 32px;
    font-size: 12px;
    color: #333333;
    font-weight: 500;
}

.post-main-content ul li a {
    color: #999999;
    margin-left: 4px;
    margin-right: 4px;
}

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

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

.post-main-content h3.details-post-title {
    color: #555555;
    font-weight: 600;
    margin-bottom: 42px;
}
.catagories-widget ul li a:hover,
.post-main-content ul li a:hover{
    color: #002197;
}
.post-main-content p,
.page--content p {
    color: #777777;
    margin-bottom: 24px;
}

.post-main-content .post-sub-content ul{
    padding-left: 0;
}

.post-main-content .post-sub-content ul li {
    margin-right: 0;
    position: relative;
    padding-bottom: 11px;
    font-weight: 300;
    color: #777777;
    font-size: 14px;
    padding-left: 27px;
}

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

.post-main-content .social-comment ul li a {
    margin-left: 4px;
    color: #999999;
    font-weight: 500;
}

.post-main-content .social-comment ul li a:hover {
    color: #002197;
}
.social-comment ul li {
    margin-left: 40px;
    display: inline-block;
}

.post-tags-wrapper span,.post-tags-wrapper a {
    color: #999;
    font-size: 12px;
}
.post-tags-wrapper span {
    margin-right: 15px;
}
.post-tags-wrapper a {
    margin-right: 5px;
}
.post-tags-wrapper a:hover {
    color: #002197;
}
.post-tags-wrapper {
    margin-bottom: 23px;
}
.social-comment ul.share-enter li {
    margin-left: 0;
    padding: 0 10px;
    font-size: 16px;
    margin: 0;
    vertical-align: middle;
}

.social-comment ul.share-enter li:last-child {
    margin-right: 0;
}

.social-comment ul.share-enter li:first-child {
    margin-right: 10px;
    color: #555555;
    font-weight: 500;
    font-size: 12px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.social-comment ul.share-enter li:first-child:hover{
    color: #002197;
}
.social-comment {
    overflow: hidden;
    margin-bottom: 23px;
}

.social-comment ul {
    margin-bottom: 0;
}

.social-comment ul.share-enter li:first-child span {
    font-size: 18px;
    margin-right: 5px;
    vertical-align: middle;
}
.social-comment ul.share-enter li a:hover{
    color: #002197;
}
.social-comment ul.share-enter li a {
    color: #bfbfbf;
}

.social-comment ul.share-enter {
    -webkit-transform: translate(170px);
            transform: translate(-170px);
    -webkit-transition: .5s all linear;
    transition: .5s all linear;
    cursor: pointer;
}
.social-comment ul.transform.share-enter{
    -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;
    text-transform: capitalize;
}
.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{
    flex-basis: 50%;
}
.post-navigation ul li:only-child{
    flex-basis: 100%;
}

.post-navigation ul .prev-post .post-icon {
    margin-left: 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;
    margin-bottom: -5px;
}
.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;
    overflow: hidden;
}

.comment-author-details h5 {
    color: #555555;
    font-weight: 600;
}

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

.logged-in-as a {
    font-weight: 500;
}

.logged-in-as a + a{
    margin-left: 10px;
}

.comment-respond p{
    margin-bottom: 10px;
}
.comment-respond p.comment-notes{
    margin-bottom: 20px;
}
.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: #f9f9f9;
    margin-top: 70px;
}
.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;
    padding-bottom: 9px;
}

.your-comment-wrap{
    margin-top: 63px;
}

.your-comment-wrap h4 {
    color: #333333;
    margin-bottom: 30px;
}

.your-comment-btn {
    margin-top: 50px;
}
.your-comment-wrap textarea.theme-input-style {
    padding-top: 20px;
}
.your-comment-wrap .comment-respond .theme-input-style {
    border-bottom: 1px solid #e4e4e4;
}
.your-comment-wrap .comment-respond textarea:focus, 
.your-comment-wrap .comment-respond 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-our-company .section-title .underline-wrap {
    position: absolute;
    top: 105% !important;
    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-circle {
    position: relative;
    text-align: center;
    /* line-height: 37px; */
}

.server-circle i.fa {
    color: #53e1ff;
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 8px;
}

.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-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;
}
@-webkit-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;
    }
}
@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;
    margin-right: 5px;
}
.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-icon i {
    font-size: 40px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single--our-best:hover .single--best-icon i{
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.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: 0;
    right: auto;
}
.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;
    position: relative;
}
/*==============================================
        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 ul li {
    padding-bottom: 10px;
}
.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  {
    border:1px solid transparent !important;
}
.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: 19px;
}

.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-top: 40px;
    vertical-align: top;
    padding-left: 30px;
    position: relative;
    line-height: 1;
}

.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 {
    width: 80px;
    height: 80px;
    overflow:  hidden;
    border-radius:  5px;
    border: 2px solid transparent;
    margin-right:  20px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.testimonial-head-img img{
    -o-object-fit: cover;
       object-fit: cover;
}

.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;
    right: -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*/
.partner-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.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: 70px;
    margin: 0 auto;

}
.partner-carousel .single-partner-inner{
    display: table-cell;
    margin:auto;
    vertical-align: middle;
    height: 70px
}
/*35.06: partner carousel type2*/
.partner-carousel-wrap.type2 .item {
    display: table;
    margin: 0 auto;
    max-height: 70px;
}

.partner-carousel-wrap.type2 .single-partner-inner {
    display: table-cell;
    margin: auto;
    vertical-align: middle;
    height: 70px;
}
.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-wrap,
.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: 100px;
    position: relative;
    z-index: 1;
}
.zigzag-inner.right {
    padding-top: 95px;
    padding-bottom: 100px;
    position: relative;
    z-index: 1;
    padding-left: 40px;
}
.zigzag-inner h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 14px;
    margin-top: -6px;
}

.zigzag-inner p {
    color: #dbdfff;
    font-weight: 300;
    margin-bottom: 38px;
}
.zigzag-inner a {
    border-width: 1px;
}
.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: 30px;
}
.zigzag-wrap .btn-fill{
    border-width: 0;
    color: #00c6c6;
}
.zigzag-wrap .btn-fill:before {
    background: #fff;
}
.zigzag-wrap a.style-1 {
    margin-right: 17px;
}
/*==============================================
    37: Our process
==============================================*/
.section-title.text-left .underline-wrap{
    left: 0;
}
.section-title.text-right .underline-wrap{
    left: auto;
    right: 0;
}
.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;
}
.prosse-step-icon i {
    font-size: 30px;
}
.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.type--2 .process-step-inner ul li:last-child {
    padding-bottom: 0;
}

.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-img {
    margin-bottom: 0 !important;
}

.trusted-text-wrap h2{
    margin-bottom: 55px;
    color: #333333;
    font-weight: 700;
    margin-top: -9px;
}

.trusted-text-wrap h2 {
    margin-bottom: 30px;
}

.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{
    display: flex;
    flex-wrap: wrap;
}
.prepaid-text-wrap .prepaid-list ul li {
    position: relative;
    flex-basis: 50%;
    display: inline-block;
    padding-left: 30px;
    padding-bottom: 12px;
    color: #777777;
    font-weight: 300;
}

.prepaid-text-wrap .prepaid-list ul li i {
    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 h2{
    margin-bottom: 30px;
}
.prepaid-text-wrap p {
    margin-bottom: 43px;
}
.prepaid-text-wrap a {
    margin-top: 20px;
    border-width: 1px;
}
/*======================================
        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{
    border-width: 1px;
}

.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;
    -webkit-transition: .3s;
    transition: .3s;
}
.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.text-left:after {
    left: 30%;
}
.single-domain-step.text-left:before {
    left: 105%;
}
.single-domain-step.text-right:after {
    left: 106%;
}
.single-domain-step.text-right:before {
    left: 181%;
}
.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;
    z-index: 10;
}
.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-cartoon-inner img{
    margin: 0 auto;
    display: block;
}

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

.error404 .search-form input {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}

.error404 .search-form input::placeholder {
    color: #fff !important;
    opacity: .6 !important;
}

form#comingsoonform .alert {
    margin-top: 10px;
}

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

p.nof-desc {
    color: #777;
}

/*============================================
    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-wrapper #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 15px 0 0;
}

.contact-info .info-list p {
    padding-left: 30px;
    position: relative;
}

.contact-info .info-list p i.fa {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    line-height: 24px;
}

.contact-info .info-list li:nth-child(2) h4 + p {
    margin-bottom: 15px;
}

.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: 50%;
    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-right: 30px;
    position: relative;
}
.your-next-wrap ul li span {
    position: absolute;
    right: 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-left: 15px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-what-details h4 {
    color: #555555;
    font-weight: 600;
    margin-bottom: 20px;
    -webkit-transition: .3s all linear;
    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;
    margin-left: 15px;
}
.section-title.type4-b .svg .cls-1 {
    fill: #f0f0f0;
    opacity: 1;
}

/*======================================
    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 .trading--update-text p {
    color: #777;
}
.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;
}
.calculator-wrap{
    position: relative;
    z-index: 3;
}

.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/countdown2.png);
}

.home-page1-light .theme-input-style {
    border-bottom: 1px solid #c7c7c7;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.home-page1-light .single-chart-details 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-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-right: 2px solid #53e1ff;
}
.why--use-text blockquote p{
    line-height: 30px;
    font-weight: 400;
}
.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;
}

.use--crypdrone-wrap .single-use-crypdrone:last-child p {
    margin-bottom: 0;
}

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

.single-solution-wrap i {
    font-size: 40px;
}

/*==============================================
    48: Footer
==============================================*/
/*48.01: footer top*/

.footer-widget .recent-posts .post-info {
    color: #dbdfff;
}

.footer-widget .recent-posts .post-info:hover {
    color: #53e1ff;
}

.footer-widget .recent-posts h5 a {
    color: #dbdfff;
}

.footer-widget .recent-posts h5 a:hover {
    color: #53e1ff;
}

.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: #53e1ff;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.footer-form input {
    width: 100%;
    border: none;
    background: transparent;
    height: 50px;
    opacity: 1;
    border-radius: 5px;
    padding-left: 15px;
    font-size: 12px;
    font-weight: 300;
    border: 1px solid #fff;
    color: #fff;
}

.footer-form {
    position:  relative;
}

.footer-widget ul li a {
    color: #bdc1de;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    position: relative;
    padding-left: 12px;
}

.footer-widget ul {
    list-style: none;
    padding: 0;
}

.footer-widget ul li {
    margin-bottom: 15px;
}

.footer-widget ul li a:before {
    content: '\f105';
    position: absolute;
    font-family: FontAwesome;
    font-size: 10px;
    left: 0;
    top: 3px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}
.footer-widget ul li a:hover{
    color: #53e1ff;
}
.footer-widget select {
    max-width: 100%;
    width: 100%;
    padding: 10px;
}

.footer-widget select:focus {
    border-color: #53e1ff;
}
.footer-widget #wp-calendar {
    width: 100%;
}

.footer-widget #wp-calendar th, 
.footer-widget #wp-calendar td {
    padding: 6px;
    border: 1px solid #dddde1;
    text-align: center;
}

.footer-widget #wp-calendar th {
    color: #53e1ff;
    font-weight: 600;
}

.footer-widget #wp-calendar td a {
    color: #bdc1de;
}
.footer-widget .rsswidget:hover,
.footer-widget #wp-calendar td a:hover {
    color: #53e1ff;
}

.footer-widget #wp-calendar caption {
    padding-bottom: 0;
    line-height: 1;
    padding-top: 20px;
    color: #bdc1de;
}

.footer-widget #wp-calendar th:last-child,.footer-widget #wp-calendar th:nth-child(6) {
    color: #ff0000;
}
.footer-widget ul.children {
    padding-left: 30px;
    margin-top: 15px;
}

.footer-widget.widget_recent_comments ul li a:before {
    display: none;
}
.footer-widget ul li ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}


.footer-widget.widget_rss ul li a{
    padding-left: 0;
    margin-left: 0;
    padding-bottom: 10px;
    display: block;
}
.footer-widget.widget_rss ul li .rss-date{
    display: block;
    padding-bottom: 8px;
    font-size: 12px;
}
.footer-widget.widget_rss ul li .rssSummary{
    margin-bottom: 8px;
}
.footer-widget.widget_rss ul li cite {
    font-weight: 500;
    font-size: 13px;
}
.footer-widget.widget_rss ul li a:before{
    display: none;
}
.footer-widget.widget_rss p strong,
.footer-widget .rsswidget {
    color: #fff;
    font-weight: 600;
}
.footer-widget.widget_search .search-form input {
    background: #2f64ae;
    color: #fff;
}
.footer-widget.widget_rss p {
    margin-bottom: 0;
}
.footer-widget.widget_text .textwidget p strong {
    font-weight: 600;
}

.footer-widget.widget_text .textwidget p img {
    margin: 15px 0px;
}

.footer-widget.widget_text .textwidget p {
    margin-bottom: 15px;
}
.footer-widget.widget_tag_cloud .tagcloud a {
    font-size: 13px !important;
    padding: 2px 8px;
    border: 1px solid #fff;
    margin-bottom: 8px;
    display: inline-block;
    margin-right: 6px;
    border-radius: 15px;
    color: #bdc1de;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.footer-widget.widget_tag_cloud .tagcloud a:hover {
    border-color: #53e1ff;
    background: #53e1ff;
    color: #fff;
}
.footer-widget .widget-title h4{
    margin-left: 0;
}
.footer-widget ul.sub-menu {
    padding-top: 15px;
}

.footer-widget ul.sub-menu,
.footer-widget ul.children {
    padding-left: 30px;
}

.footer-widget ul.sub-menu ul ul,
.footer-widget ul.children ul ul {
    padding-left: 0;
}

.footer-widget.widget_recent_comments .recentcomments a {
    padding-left: 0;
    margin-left: 0;
    font-weight: 500;
    display: block;
}

.footer-widget.widget_recent_comments .recentcomments .comment-author-link a {
    font-weight: 400;
}

.footer-widget.widget_bizdrone_recent_news_widget .recent-posts {
    border: none;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.footer-widget.widget_bizdrone_recent_news_widget .recent-posts .post-wrapper {
    margin-left: 0;
}

.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 !important;
    padding-right: 30px;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
    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;
    line-height: 1;
}
.footer-widget {
    margin-bottom: 30px;
    color: #bdc1de;
    margin-left: 35px;
}
.footer-contact-list li a{
    color: #bdc1de;
    margin-left: 0 !important;  
    padding-left: 0 !important;  
}
.footer-contact-list li a:before{
    display: none;
}
.link-right a:hover,
.link-left a:hover,
.footer-contact-list li a:hover{
    color: #53e1ff;
}
.link-right a i, .link-left a i {
    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;
    margin-right:  5px;
}

.footer--social-list li {
    display: inline-block;
    background: #fff;
    margin-right: 7px;
    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:last-child {
    margin-right: 0;
}
.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;
}

.footer-mail .alert {
    margin-top: 10px;
}

/*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;
    position: relative;
    
}
.tarms-condition li a{
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #53e1ff;
    text-transform: capitalize;
}
.tarms-condition li:not(:last-child){
    padding-right: 14px;
}
.tarms-condition li + li:before{
    position: absolute;
    content: "/";
    left: 0;
    top: 0;
    color: #53e1ff;
}
.tarms-condition li:first-child{
    padding-left: 0;
}
.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 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%;
    left: 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 */
.preLoader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 99999;
  overflow: hidden;
}
.preLoader .preload-img {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.preLoader .preload-img .pre-img {
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.preLoader .spinner {
  width: 40px;
  height: 40px;
  background-color: #333;
  margin: 0 auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}
.preLoader .spinnerBounce {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto;
}
.preLoader .spinnerBounce .double-bounce1,
.preLoader .spinnerBounce .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}
.preLoader .spinnerBounce .double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.preLoader .spinnerWave {
  margin: 0 auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.preLoader .spinnerWave > div {
  background-color: #333;
  margin: 0 2px; 
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.preLoader .spinnerWave .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.preLoader .spinnerWave .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.preLoader .spinnerWave .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.preLoader .spinnerWave .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.preLoader .spinnerCube {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.preLoader .spinnerCube .cube1,
.preLoader .spinnerCube .cube2 {
  background-color: #333;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}
.preLoader .spinnerCube .cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.preLoader .spinnerScaleout {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}
.preLoader .spinnerRotate {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: sk-rotate 2s infinite linear;
  animation: sk-rotate 2s infinite linear;
}
.preLoader .spinnerRotate .dot1,
.preLoader .spinnerRotate .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}
.preLoader .spinnerRotate .dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.preLoader .spinnerBouncedelay {
  margin: 0 auto;
  width: 70px;
  text-align: center;
}
.preLoader .spinnerBouncedelay > div {
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.preLoader .spinnerBouncedelay .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.preLoader .spinnerBouncedelay .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.preLoader .sk-circle {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.preLoader .sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.preLoader .sk-circle .sk-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.preLoader .sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.preLoader .sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.preLoader .sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.preLoader .sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.preLoader .sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.preLoader .sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.preLoader .sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.preLoader .sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.preLoader .sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.preLoader .sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.preLoader .sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.preLoader .sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.preLoader .sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.preLoader .sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.preLoader .sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.preLoader .sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.preLoader .sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.preLoader .sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.preLoader .sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.preLoader .sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.preLoader .sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.preLoader .sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
.preLoader .sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
.preLoader .sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #333;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.preLoader .sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.preLoader .sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.preLoader .sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.preLoader .sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.preLoader .sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.preLoader .sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.preLoader .sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.preLoader .sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.preLoader .sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

/* 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;
}


/* 49.10: Captions */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

.bizdrone-post-details-block:after {
    display: block;
    content: "";
    clear: both;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* Galleries */
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
    padding-top: 15px;
}

/*  Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
            clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}


/*=============================================
    50: Gutenberg Design
==============================================*/
.col-sm-12 .page--content .alignfull,
.col-sm-12 .bizdrone-post-details-block .alignfull,
.col-md-12 .page--content .alignfull,
.col-md-12 .bizdrone-post-details-block .alignfull,
.col-lg-12 .page--content .alignfull,
.col-lg-12 .bizdrone-post-details-block .alignfull,
.col-xl-12 .page--content .alignfull,
.col-xl-12 .bizdrone-post-details-block .alignfull,
.col-12 .page--content .alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto;
    max-width: 1000%;
}


ul.wp-block-gallery.alignfull,
ul.wp-block-gallery {
    padding-left: 0;
}

/* Download btn */
.bizdrone-post-details-block .wp-block-file .wp-block-file__button {
    line-height: 1.5;
    padding: 10px 29px;
    border-radius: 5px;
    font-family: Dosis,sans-serif;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    background: #53e1ff;
    color: #fff;
}

.wp-block-latest-posts.is-grid li {
    margin: 0;
}
.wp-block-pullquote blockquote > p,
.wp-block-pullquote p {
    font-size: 28px !important;
    line-height: 1.7 !important;
}

.wp-block-pullquote.alignfull blockquote {
    padding-right: 25px;
    margin-left: 20px;
}

.wp-block-pullquote {
    padding-top: 0;
    padding-bottom: 0;
}

blockquote.wp-block-pullquote.alignfull {
    margin-left: -14vw !important;
    padding-right: 25px;
}

/*=============================================
    51: BBPress
==============================================*/

.bizpress-content #bbpress-forums div.bbp-search-form {
    float: none;
    text-align: center;
    margin-bottom: 50px;
}

.bizpress-content #bbpress-forums div.bbp-search-form input#bbp_search {
    height: 50px;
    border: 1px solid #41bcfe;
    border-radius: 5px 0 0 5px;
    padding: 0 15px;
    width: 100% !important;
}

.bizpress-content #bbpress-forums div.bbp-search-form input#bbp_search_submit {
    padding: 10px 50px;
    border-radius: 0 5px 5px 0;
    font-size: 20px;
}

.bizpress-content #bbpress-forums div.bbp-search-form input#bbp_search::placeholder {
    color: #e1e1e1 !important;
    opacity: 1 !important;
}

.bizpress-content #bbpress-forums p.bbp-topic-meta img.avatar, 
.bizpress-content #bbpress-forums ul.bbp-reply-revision-log img.avatar, 
.bizpress-content #bbpress-forums ul.bbp-topic-revision-log img.avatar, 
.bizpress-content #bbpress-forums div.bbp-template-notice img.avatar, 
.bizpress-content #bbpress-forums .widget_display_topics img.avatar, 
.bizpress-content #bbpress-forums .widget_display_replies img.avatar {
    border: none;
    margin-bottom: 0;
}

#bbpress-forums li.bbp-header {
    background: #41bcfe;
    border: none;
    padding: 13px 20px 13px 30px;
}

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
    padding: 22px 20px 13px 30px;
}

.bizpress-content .bbp-header .forum-titles li,
.bizpress-content .bbp-forum-info .bbp-forum-title,
.bizpress-content .bbp-topic-title > a,
#bbpress-forums li.bbp-header {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Dosis', sans-serif;
    color: #fff;
}

.bizpress-content .bbp-forum-info .bbp-forum-title,
.bizpress-content .bbp-topic-title > a {
    color: #333;
}
.bizpress-content .bbp-forum-info .bbp-forum-title:hover,
.bizpress-content .bbp-topic-title > a:hover {
    color: #41bcfe;
}

#bbpress-forums li.bbp-header .bbp-reply-content {
    margin-left: 130px;
}

div.bbp-forum-header, div.bbp-topic-header, div.bbp-reply-header, li.bbp-body div.hentry {
    padding: 13px 20px 13px 30px;
}

#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {
    font-size: 13px;
    line-height: 1.4;
}

.bbp-header .favorite-toggle,.bbp-header .subscription-toggle {
    color: #fff;
}

.bbp-header .favorite-toggle:hover, .bbp-header .subscription-toggle:hover {
    opacity: 0.8;
}

#bbpress-forums fieldset.bbp-form {
    padding-bottom: 20px;
}


#bbpress-forums .bbp-forum-info .bbp-forum-content {
    font-size: 14px;
}

.bizpress-content .bbp-forum-title,
.bizpress-content .bbp-topic-title a {
    margin-top: -6px;
    display: inline-block;
}

.bizpress-content .bbp-forum-topic-count, 
.bizpress-content .bbp-forum-reply-count,
.bizpress-content .bbp-forum-freshness a,
.bizpress-content .bbp-topic-reply-count,
.bizpress-content .bbp-topic-reply-count,
.bizpress-content .bbp-topic-freshness {
    font-size: 14px;
    font-weight: 500;
}

.bizpress-content #bbpress-forums ul.bbp-lead-topic, 
.bizpress-content #bbpress-forums ul.bbp-topics, 
.bizpress-content #bbpress-forums ul.bbp-forums, 
.bizpress-content #bbpress-forums ul.bbp-replies,
.bizpress-content #bbpress-forums ul.bbp-search-results {
    border: 1px solid #e5e5e5;
}

.bizpress-content #bbpress-forums .bbp-topic-title p {
    margin-bottom: 0;
}


/* info1 */
.bizpress-content div.bbp-template-notice, 
.bizpress-content div.indicator-hint {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

div.bbp-template-notice a {
    font-weight: 500;
}

div.bbp-template-notice a:hover {border-bottom: 1px dotted;}

.subscription-toggle {
    font-weight: 500;
}

.bizpress-content input#bbp_topic_title,
.bizpress-content input#bbp_topic_tags {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #efefef;
    height: 40px;
    padding: 10px;
}


.bizpress-content select#bbp_stick_topic_select,select#bbp_topic_status_select {
    width: 200px;
    height: 30px;
    border: 1px solid #efefef;
}


.bizpress-content div.bbp-submit-wrapper {
    float: none;
}

.bizpress-content .bbp-submit-wrapper button[type=submit] {
    width: auto;
    padding: 10px 20px;
    color: #fff;
    background-color: #53e1ff;
    border-radius: 3px;
}

.bizpress-content input#bbp_topic_subscription {
    margin-bottom: 0 !important;
    margin-right: 5px !important;
}

.bizpress-content #bbpress-forums div.bbp-forum-author a.bbp-author-name, 
.bizpress-content #bbpress-forums div.bbp-topic-author a.bbp-author-name, 
.bizpress-content #bbpress-forums div.bbp-reply-author a.bbp-author-name {
    margin-top: 10px;
}

/* BUddyPress */
#buddypress #item-header-cover-image #item-header-avatar img.avatar {
    border-color: #53e1ff;
    border-radius: 50%;
}
.single-headers .item-meta {
    margin-top: 20px;
}

.bizpress-content .buddypress-wrap .bp-feedback {
    padding: 20px;
    box-shadow: none;
    border: 1px solid #efefef;
}

.bizpress-content .buddypress-wrap a[data-bp-close], 
.bizpress-content .buddypress-wrap button[data-bp-close] {
    top: 50%;
    right: 28px;
    transform: translateY(-50%);
    margin-top: -4px;
}

.buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) {
    border-color: #efefef;
    padding: 10px;
    background-color: #f7f8f9;
    border-top: none;
}

.buddypress-wrap.bp-dir-hori-nav .bp-wrap .main-navs.bp-navs {
    background-color: #41bcfe;
}

.buddypress-wrap:not(.bp-single-vert-nav) .main-navs>ul>li>a {
    padding: 8px 15px;
    border-right: 1px solid #efefef;
}

.buddypress-wrap.bp-dir-hori-nav .bp-wrap .main-navs.bp-navs > ul > li > a {
    color: #fff;
    border-color: #3dade8;
} 

.buddypress-wrap.bp-dir-hori-nav .bp-wrap .main-navs.bp-navs > ul > li > a:hover {
    opacity: .8;
} 

.buddypress-wrap .main-navs:not(.dir-navs) li.current a, .buddypress-wrap .main-navs:not(.dir-navs) li.selected a {
    color: #53e1ff;
    background-color: transparent;
    font-weight: 400;
    opacity: .8;
}

.buddypress-wrap .bp-navs li:not(.current) a:focus, 
.buddypress-wrap .bp-navs li:not(.current) a:hover, 
.buddypress-wrap .bp-navs li:not(.selected) a:focus, 
.buddypress-wrap .bp-navs li:not(.selected) a:hover {
    background-color: transparent;
    color: #53e1ff;
}

.buddypress-wrap .activity-avatar.item-avatar img {
    height: 50px !important;
    width: 50px !important;
    border-radius: 50%;
    border: 1px solid #53e1ff;
    display: inline-block !important;
    max-width: 100% !important;
}

div#whats-new-avatar a img {
    border-radius: 50%;
}

.buddypress-wrap .activity-avatar.item-avatar a {
    background-color: #53e1ff;
    display: inline-block;
    border-radius: 50%;
}

.activity-list.bp-list,
.buddypress-wrap .profile.edit .editfield {
    padding: 30px 20px;
    border: 1px solid #efefef;
    background-color: #fff;
}

.activity-list.bp-list .activity-item {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #efefef;
}

.activity-list .activity-item div.item-avatar {
    width: auto !important;
}

.activity-list .activity-item .activity-header p a:first-child {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
}

.activity-list .activity-item .activity-header p a .time-since {
    display: block;
    font-size: 12px;
}

.activity-list .activity-item .activity-header p {
    font-size: 14px;
}

.activity-list .activity-item .activity-content .activity-inner, 
.activity-list .activity-item .activity-content blockquote,
.activity-list .activity-item .activity-meta.action {
    font-size: 14px;
    margin: 0;
    padding-left: 0;
    background: transparent;
}

.activity-list .activity-item .activity-meta.action {
    border: 1px solid #efefef;
    margin-top: 20px;
    float: right;
}


.activity-update-form {
    padding: 30px 20px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    border: none;
    background-color: #fff;
}

.activity-update-form #whats-new-textarea textarea,
.buddypress-wrap .standard-form input[type=text] {
    border: 1px solid #efefef;
    background-color: #fff;
}

.activity-update-form #whats-new-textarea textarea:focus,
.buddypress-wrap .standard-form input[type=text]:focus {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    border: none;
}

.buddypress-wrap .subnav-filters .feed {
    line-height: 38px;
}

body #buddypress select {
    border-color: #efefef;
}

.activity-update-form #whats-new-submit input:first-child,
#buddypress input[type=submit] {
    width: auto;
    padding: 10px 20px;
    color: #fff;
    background-color: #53e1ff;
    border-radius: 3px;
    border: none;
}

.buddypress-wrap .bp-feedback.custom-homepage-info.info > a {
    font-weight: 500;
}

.buddypress-wrap .standard-form .field-visibility-settings-header {
    margin-top: 10px;
    font-style: normal;
    margin-bottom: 0;
}

#buddypress p.warning, 
body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning, 
body.users_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning {
    border-radius: 3px;
}

.bbp-row-actions #subscription-toggle span.is-subscribed a {height: 15px;width: 15px;line-height: 14px;margin-right: 10px;}

.buddypress-wrap .bp-subnavs li.current a, .buddypress-wrap .bp-subnavs li.selected a {
    background-color: transparent;
    color: #53e1ff;
    font-weight: normal;
}

.buddypress-wrap .bp-tables-user tbody tr, .buddypress-wrap table.forum tbody tr, .buddypress-wrap table.wp-profile-fields tbody tr{
    background: transparent;
    border: 1px solid #efefef;
}

.buddypress-wrap table.profile-fields tr:last-child {
    border-bottom: 1px solid #efefef;
}

.buddypress-wrap .standard-form .groups-members-search input[type=search], .buddypress-wrap .standard-form .groups-members-search input[type=text], .buddypress-wrap .standard-form [data-bp-search] input[type=search], .buddypress-wrap .standard-form [data-bp-search] input[type=text], .buddypress-wrap .standard-form input[type=color], .buddypress-wrap .standard-form input[type=date], .buddypress-wrap .standard-form input[type=datetime-local], .buddypress-wrap .standard-form input[type=datetime], .buddypress-wrap .standard-form input[type=email], .buddypress-wrap .standard-form input[type=month], .buddypress-wrap .standard-form input[type=number], .buddypress-wrap .standard-form input[type=password], .buddypress-wrap .standard-form input[type=range], .buddypress-wrap .standard-form input[type=search], .buddypress-wrap .standard-form input[type=tel], .buddypress-wrap .standard-form input[type=text], .buddypress-wrap .standard-form input[type=time], .buddypress-wrap .standard-form input[type=url], .buddypress-wrap .standard-form input[type=week], .buddypress-wrap .standard-form select, .buddypress-wrap .standard-form textarea {
    border-color: #efefef;
}

.buddypress-wrap table.notification-settings th,
.buddypress-wrap table.notification-settings td,
.buddypress-wrap .bp-tables-user tr td, .buddypress-wrap .bp-tables-user tr th, .buddypress-wrap table.forum tr td, .buddypress-wrap table.forum tr th, .buddypress-wrap table.wp-profile-fields tr td, .buddypress-wrap table.wp-profile-fields tr th {
    border: 1px solid #efefef;
    padding: 10px;
}

.buddypress-wrap .bp-tables-user thead tr, .buddypress-wrap table.forum thead tr, .buddypress-wrap table.wp-profile-fields thead tr {
    border: none;
}

@media screen and (max-width: 46.8em) {
    .buddypress-wrap:not(.bp-single-vert-nav) .bp-navs li {
        background: transparent;
        border-radius: 0;
    }
    .buddypress-wrap.bp-dir-hori-nav .bp-wrap .main-navs.bp-navs > ul > li > a {
        border-right: none;
    }
    .activity-content {
        margin-top: 20px;
    }
}