@import url(https://fonts.googleapis.com/css?family=Muli:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
.single-testimonial,a{
    -webkit-transition:all .2s
}
a,a:focus,a:hover{
    color:#00c4fc;
    text-decoration:none
}
.preloader,body{
    background:#fff
}
.feature,.img-info,.loadscreen-in{
    text-align:center
}
#topcontrol,.preloader{
    z-index:9999
}
.timeline,li,ul{
    list-style:none
}
.crypto-prices,.intro-text h1,.progress,.single-event-show-item,.single-service-item,.why_choose_us{
    overflow:hidden
}
body{
    font-family:Muli,sans-serif;
    color:#4F5051;
    line-height:1.5em;
    overflow-x:hidden;
    font-size:14px;
    margin:auto
}
#mainNav .navbar-brand,a,h1,h2,h3,h4,h5,h6{
    font-family:Roboto,sans-serif
}
body,html{
    height:100%
}
h1,h2,h3,h4,h5,h6{
    color:#333;
    font-weight:600
}
a{
    transition:all .2s
}
a:focus{
    outline:0
}
p{
    line-height:26px;
    margin-bottom:0
}
li,ul{
    margin:0;
    padding:0
}
ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}
fieldset{
    border:0;
    margin:0 auto;
    padding:0
}
.preloader{
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    top:0
}
.loadscreen,.loadscreen-in{
    background-image:url(../img/preloader.gif);
    background-position:center;
    background-repeat:no-repeat;
    height:200px;
    left:50%;
    margin:-100px 0 0 -100px;
    position:absolute;
    top:36%;
    width:200px
}
.loadscreen-in{
    background:0 0;
    left:14px;
    margin:0;
    top:86%
}
.totop{
    width:48px;
    margin-bottom:20px;
    padding:10px;
    background:#00c4fc
}
@media only screen and (max-width:480px){
    .totop{
        width:30px
    }
    .section-title h2{
        font-size:30px
    }
}
@media only screen and (max-width:360px){
    .totop{
        width:30px
    }
    .section-title h2{
        font-size:24px
    }
}
.section-padding{
    padding:100px 0;
    position:relative
}
.section-back-image{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.home-back-image{
    background-size:cover;
    background-position:center -74px
}
.no-padding{
    padding:0
}
.pl{
    padding-left:0
}
.pr{
    padding-right:0
}
.bg-gray{
    background-color:#f5f5f5
}
.red-overlay{
    position:relative;
    z-index:1
}
.red-overlay:before{
    background:rgba(31,181,225,.89);
    content:"";
    height:100%;
    left:0;
    opacity:.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.section-title{
    margin-bottom:60px
}
.section-title h3{
    color:#333;
    margin:0;
    text-transform:uppercase;
    position:relative
}
.section-title span{
    background-color:#00c4fc;
    height:2px;
    width:70px;
    font-size:28px;
    display:block;
    position:relative;
    margin:20px auto
}
#mainNav,#mainNav .navbar-nav>li>a.active:hover{
    background-color:transparent
}
.section-title h2.section-title-white,.section-title p.section-dec-white,.section-title span.section-title-white-span{
    color:#fff
}
.section-title p{
    margin:auto;
    padding:0 20px;
    width:71%;
    position:relative
}
@media only screen and (max-width:768px){
    .section-title h2{
        text-align:center
    }
    .section-title p{
        width:100%
    }
}
#mainNav{
    padding:16px;
    border-color:transparent;
    -webkit-transition:all .35s;
    -moz-transition:all .35s;
    transition:all .35s
}
#mainNav .navbar-brand{
    color:#fff;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    font-size:20px
}
#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{
    color:#fff
}
#mainNav .navbar-toggler{
    font-size:12px;
    padding:8px 10px;
    color:#00c4fc;
    border-color:#00c4fc;
    outline:0
}
#mainNav .navbar-nav>li>a{
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase
}
#mainNav .navbar-nav>li>a.active{
    color:#fff;
    background-color:transparent
}
#mainNav .navbar-nav>li>a:focus:hover,#mainNav .navbar-nav>li>a:hover{
    color:#000;
}
#mainNav .navbar-nav>li>a,#mainNav .navbar-nav>li>a:focus{
    color:#00c4fc
}
#mainNav.navbar-shrink{
    border-bottom:1px solid #00c4fc;
    background-color:#00c4fc;
    padding:10px 16px
}
#mainNav.navbar-shrink .navbar-brand{
    color:#222
}
#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{
    color:#00c4fc
}
#mainNav.navbar-shrink .navbar-nav>li>a.active{
    color:#222!important;
    background-color:transparent
}
#mainNav.navbar-shrink .navbar-nav>li>a,#mainNav.navbar-shrink .navbar-nav>li>a:focus{
    color:#00c4fc
}
#mainNav.navbar-shrink .navbar-nav>li>a:focus:hover,#mainNav.navbar-shrink .navbar-nav>li>a:hover{
    color:#222
}
@media (max-width:575px){
    #mainNav{
        background-color:#00c4fc;
        padding:0 15px 0 0
    }
    #mainNav .navbar-nav>li>a:focus:hover,#mainNav .navbar-nav>li>a:hover{
        color:#333
    }
    .home-static-1 .home-static-middle{
        padding-top:50px!important
    }
}
@media (min-width:576px) and (max-width:767px){
    #mainNav{
        background-color:#00c4fc;
        padding:0!important
    }
    #mainNav .navbar-nav>li>a:focus:hover,#mainNav .navbar-nav>li>a:hover{
        color:#333
    }
}
@media (min-width:768px) and (max-width:991px){
    #mainNav{
        background-color:#00c4fc
    }
    #mainNav .navbar-nav>li>a:focus:hover,#mainNav .navbar-nav>li>a:hover{
        color:#333
    }
}
.crypto-prices-preview{
    padding:100px 0 90px;
    background-color:#000;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.crypto-prices-preview .section-title{
    margin-bottom:50px
}
.crypto-prices{
    display:block;
    width:100%;
    padding:20px 0;
    position:relative
}
.crypto-prices-list{
    margin:0;
    padding:0
}
.crypto-prices-item{
    display:inline-block;
    float:left;
    font-size:16px;
    line-height:24px;
    background-color:#fff;
    padding:12px;
    margin-right:30px;
    min-width:150px;
    position:relative
}
.crypto-prices-item:after,.crypto-prices-item:before{
    content:'';
    position:absolute;
    display:block;
    opacity:.2;
    background-color:#fff
}
.crypto-prices:before{
    z-index:-2;
    left:-5px;
    right:-5px;
    top:-5px;
    bottom:-5px
}
.crypto-prices-item:after{
    z-index:-1;
    left:-10px;
    right:-10px;
    top:-10px;
    bottom:-10px
}
#particles-js,.ray{
    z-index:0;
    position:absolute
}
.coinmarketcap-currency-widget>div{
    padding:15px 0 0!important;
    min-width:315px!important
}
.coinmarketcap-currency-widget div div:last-of-type{
    height:0;
    border-top:none!important
}
.coinmarketcap-currency-widget div div:last-of-type a{
    display:none
}
.home-static{
    position:relative;
    height:100vh;
    color:#fff;
    background:url(http://bitcointrix.bitballoon.com/assets/img/bg/bg-pattern.png),#7b4397;
    background:url(http://bitcointrix.bitballoon.com/assets/img/bg/bg-pattern.png),-webkit-linear-gradient(to left,#7b4397,#dc2430);
    background:url(http://bitcointrix.bitballoon.com/assets/img/bg/bg-pattern.png),linear-gradient(to left,#7b4397,#dc2430)
}
.home-static-text h2,.home-static-text h3{
    color:#f8f8f8;
    font-size:60px;
    margin-top:0;
    margin-bottom:20px;
    text-transform:uppercase
}
.home-static-text h2{
    padding-top:200px
}
.home-static-text p{
    color:#fff;
    margin:auto auto 30px
}
.countdown-container span{
    font-size:20px;
    display:block;
    color:#fff;
    font-weight:400
}
.countdown-container h4{
    font-size:60px;
    color:#fff;
    display:inline-block;
    margin-right:40px
}
.home-static-1{
    position:relative;
    /* min-height:100vh */
}
.home-static-2 .home-static-middle.new{
    padding-top:120px
}
.home-static-1 .home-static-middle p{
    font-size:22px;
    line-height:1.6
}
.ray{
    background:#fff;
    -webkit-box-shadow:0 0 5px 2px rgba(0,174,255,.5);
    -moz-box-shadow:0 0 5px 2px rgba(0,174,255,.5);
    box-shadow:0 0 5px 2px rgba(0,174,255,.5)
}
.ray-vertical{
    height:200%;
    width:1px;
    transform-origin:50% 0;
    -ms-transform-origin:50% 0;
    -webkit-transform-origin:50% 0
}
.ray-rotate-135{
    transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg)
}
.x-50{
    left:50%
}
.y-100{
    top:100%
}
.ray-rotate-45{
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg)
}
.x-0{
    left:0
}
.y-35{
    top:35%
}
.ray-horizontal{
    width:200%;
    height:1px;
    transform-origin:0 50%;
    -ms-transform-origin:0 50%;
    -webkit-transform-origin:0 50%
}
.laser-blink{
    animation:laser-blink .7s linear 0s infinite;
    -webkit-animation:laser-blink .7s linear 0s infinite
}
@-webkit-keyframes laser-blink{
    0%,42%{
        opacity:1
    }
    20%{
        opacity:.5
    }
    22%,98%{
        opacity:.8
    }
    40%{
        opacity:.4
    }
}
@keyframes laser-blink{
    0%,42%{
        opacity:1
    }
    20%{
        opacity:.5
    }
    22%,98%{
        opacity:.8
    }
    40%{
        opacity:.4
    }
}
@media (max-width:1500px){
    .dash-img{
        margin-left:-200px;
        width:160%;
        margin-top:80px
    }
}
@media (max-width:1200px){
    .dash-img{
        margin-left:-200px;
        width:160%;
        margin-top:80px
    }
}
@media (max-width:992px){
    .home-static-1.rocke{
        min-height:180vh!important
    }
    .home-static-1.rocke-before:before{
        display:none
    }
    .home-static-1.img{
        min-height:100vh!important
    }
    .dash-img{
        margin-left:auto;
        width:100%;
        margin-top:-80px
    }
}
@media (max-width:767px){
    .home-static-1.rocke{
        min-height:180vh!important
    }
    .home-static-1.rocket{
        min-height:160vh!important
    }
    .dash-img{
        margin-left:auto;
        width:100%;
        margin-top:20px
    }
}
#particles-js{
    width:100%;
    height:100%
}
.home-static-1.rocke{
    background-image:-webkit-gradient(linear,left top,right top,from(#3aa6fe),to(#49deff));
    background-image:linear-gradient(90deg,#3aa6fe 0,#49deff 100%)
}
.home-static-1.rocke-before:before{
    content:'';
    position:absolute;
    bottom:-15%;
    right:-38%;
    width:100%;
    height:100%;
    background:url(../img/bg/banner.png) no-repeat
}
.home-static-1 .home-static-middle p:before{
    display:none
}
.home-static-1 .home-static-middle p:after{
    top:15px
}
.home-static-1 .header-content{
    display:flex;
    justify-content:center;
    align-items:center;
    /* height:100vh */
}
.home-static-1 .home-static-middle{
    padding-top:40px
}
@media (max-width:992px){
    .home-static-1 .home-static-middle{
        padding-top:150px
    }
    .home-static-1{
        min-height:155vh
    }
    .home-static-1.register{
        min-height:170vh
    }
}
@media (max-width:767px){
    .home-static-1{
        min-height:100vh
    }
    .home-static-1.register{
        /* min-height:100vh; */
        padding:0 15px
    }
    .home-static-1 .home-static-middle{
        padding-left:15px
    }
    .home-static-1 .header-desc{
        width:100%!important
    }
    .calculator{
        display:none
    }
    .message-slider-text h1{
        font-size:35px!important
    }
}
.home-static-1 .header-desc{
    color:#fff;
    font-size:16px;
    line-height:1.8;
    width:80%
}
.animated-calc{
    position:relative;
    z-index:2;
    animation:floating1 10s infinite;
    -webkit-animation:floating1 10s infinite
}
@keyframes floating1{
    0%,100%{
        -webkit-transform:rotateX(0) translateY(0);
        -moz-transform:rotateX(0) translateY(0);
        -ms-transform:rotateX(0) translateY(0);
        -o-transform:rotateX(0) translateY(0);
        transform:rotateX(0) translateY(0)
    }
    50%{
        -webkit-transform:rotateX(0) translateY(-20px);
        -moz-transform:rotateX(0) translateY(-20px);
        -ms-transform:rotateX(0) translateY(-20px);
        -o-transform:rotateX(0) translateY(-20px);
        transform:rotateX(0) translateY(-20px)
    }
}
@-webkit-keyframes floating1{
    0%,100%{
        -webkit-transform:rotateX(0) translateY(0);
        -moz-transform:rotateX(0) translateY(0);
        -ms-transform:rotateX(0) translateY(0);
        -o-transform:rotateX(0) translateY(0);
        transform:rotateX(0) translateY(0)
    }
    50%{
        -webkit-transform:rotateX(0) translateY(-20px);
        -moz-transform:rotateX(0) translateY(-20px);
        -ms-transform:rotateX(0) translateY(-20px);
        -o-transform:rotateX(0) translateY(-20px);
        transform:rotateX(0) translateY(-20px)
    }
}
.calculator{
    padding:30px 10px 30px 20px;
    margin-top:65px;
    background:#fff;
    border:2px solid #00c4fc
}
.calculator .cryptonatorwidget{
    padding:0!important;
    border:none!important
}
.calculator .cryptonatorwidget tr td{
    margin:0;
    padding:0 10px 0 0
}
.calculator .cryptonatorwidget input,.calculator .cryptonatorwidget select{
    padding:0 0 0 10px;
    height:40px!important;
    line-height:40px!important;
    margin-bottom:15px;
    border:1px solid #bbb;
    border-radius:3px;
    outline:0
}
.calculator .cryptonatorwidget div{
    display:none
}
.cryptonatorwidget{
    border:none;
    padding:0
}
.calculator input:focus,.calculator select:focus{
    border-color:#00c4fc!important;
    font-weight:500!important
}
.calculator span{
    background-color:#00c4fc;
    height:2px;
    width:70px;
    font-size:28px;
    display:block;
    position:relative;
    margin:20px 0
}
.home-static-2{
    position:relative;
    height:100vh
}
.home-static-left-img{
    position:absolute;
    top:88px;
    right:0
}
.home-static-right-img{
    position:absolute;
    top:88px;
    left:0
}
.home-static-middle{
    padding-top:150px;
    position:relative
}
.home-static-middle .home-icon{
    color:#fff;
    font-size:40px;
    margin-bottom:30px
}
.home-static-middle p{
    color:#fff;
    margin:auto auto 30px;
    font-size:24px;
    position:relative
}
.home-static-middle p:after,.home-static-middle p:before{
    content:"";
    position:absolute;
    top:36%;
    height:5px;
    border-top:4px solid #fff;
    width:100px
}
.seo-counter .single-box:after,.seo-counter:before,.service-box-four .icon-box span,.why-us .outer:after{
    content:''
}
.home-static-middle p:before{
    margin-right:15px;
    right:70%
}
.home-static-middle p:after{
    margin-left:15px;
    left:70%
}
.header-title{
    width:70%;
    color:#fff;
    font-size:16px;
    margin:0 auto;
    line-height:1.8
}
.btn-home,.btn-home-2{
    display:inline-block;
    padding:12px 30px;
    font-weight:500;
    letter-spacing:2px;
    margin-right:20px
}
.message-slider h3{
    color:#fff;
    font-size:20px
}
.message-slider:hover{
    cursor:move
}
.message-slider-text h1{
    color:#f8f8f8;
    font-size:50px;
    margin-top:0;
    text-transform:uppercase;
    margin-bottom:20px
}
.btn,.btn-home,.btn-home-2{
    font-size:14px
}
.home-btn-wrapper{
    margin-top:30px
}
.btn-home{
    background-color:#00c4fc;
    border:1px solid #00c4fc;
    color:#fff;
    border-radius:20px
}
.btn-home:focus,.btn-home:hover{
    background-color:#fff;
    color:#333
}
.btn-home-2{
    background-color:transparent;
    border:1px solid #fff;
    color:#fff;
    border-radius:20px
}
.btn-home-2:focus,.btn-home-2:hover{
    border-color:#fff;
    background-color:#fff;
    color:#333
}
.btn{
    border:none;
    border-radius:0;
    height:40px;
    padding:0 20px;
    line-height:40px;
    font-weight:400;
    text-transform:uppercase;
    cursor:pointer;
    color:#fff!important;
    background:all
}
.btn-primary{
    background-color:#00c4fc;
    border:1px solid #00c4fc
}
.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
    background-color:#151d2e!important;
    border:1px solid #151d2e!important
}
@media only screen and (max-width:1140px){
    .home-static-middle p:before{
        right:80%
    }
    .home-static-middle p:after{
        left:80%
    }
    .countdown-container h4{
        font-size:53px
    }
    .message-slider-text h2{
        font-size:38px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .home-static-middle p:before{
        right:65%
    }
    .home-static-middle p:after{
        left:65%
    }
    .countdown-container h4{
        font-size:50px
    }
    .message-slider-text h2{
        font-size:35px
    }
}
@media only screen and (max-width:768px){
    .btn-home-2,.home-static-middle p:after,.home-static-middle p:before{
        display:none
    }
    .home-static-middle{
        padding-top:100px
    }
    .home-static-text h2{
        padding-top:170px
    }
    .home-static-text h2,.home-static-text h3{
        font-size:30px
    }
    .home-static-middle .home-icon{
        margin-top:40px
    }
    .countdown-container h4{
        font-size:50px
    }
    .message-slider-text h2{
        font-size:30px
    }
    .btn-home{
        margin-right:0;
        padding:8px 15px;
        margin-top:10px;
        font-size:13px
    }
}
@media only screen and (max-width:576px){
    .btn-home-2,.home-static-middle p:after,.home-static-middle p:before{
        display:none
    }
    .home-static-text h2{
        padding-top:170px
    }
    .home-static-text h2,.home-static-text h3{
        font-size:20px
    }
    .home-static-middle .home-icon{
        margin-top:50px
    }
    .countdown-container h4{
        font-size:40px
    }
    .message-slider-text h2{
        font-size:30px
    }
    .btn-home{
        margin-right:0;
        padding:8px 15px;
        margin-top:10px;
        font-size:13px
    }
}
.feature{
    padding:40px 30px
}
.feature img{
    max-width:100%
}
.feature .feature__title{
    padding-top:30px;
    padding-bottom:15px
}
.feature h5{
    font-size:20px
}
.feature.active,.feature:hover{
    -webkit-box-shadow:0 2px 50px rgba(0,0,0,.08);
    box-shadow:0 2px 50px rgba(0,0,0,.08);
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.intro{
    margin-top:-7%;
    position:relative;
    z-index:0;
    padding-bottom:0
}
.intro .no-r-l{
    padding-right:0;
    padding-left:0
}
.intro .intro-box{
    color:#fff;
    padding:35px 25px
}
.intro .intro-box h4{
    margin-top:10px;
    font-size:18px;
    color:#fff;
    margin-bottom:15px;
    text-transform:uppercase
}
.intro .box-1{
    background-color:#0487d9
}
.intro .box-2{
    background-color:#1998e7
}
.intro .box-3{
    background-color:#2da4ee
}
.intro .box-4{
    background-color:#43adf0
}
.intro .intro-box p{
    color:#efefef;
    margin-bottom:0;
    font-size:14px
}
.img-info{
    display:inline-block;
    height:60px;
    padding-bottom:15px
}
@media only screen and (max-width:767px){
    .intro{
        margin-top:0;
        position:relative;
        z-index:0;
        padding-bottom:0;
        padding-top:0
    }
}
.marquee-bar{
    padding:20px 0;
    background:#151d2e;
    height:50px;
    line-height:50px
}
.marquee-bar .ccc-header-v3{
    background:0 0!important
}
.marquee-bar .ccc-header-v3 .ccc-header-v3-price-name,.marquee-bar .ccc-header-v3 .ccc-header-v3-price-value{
    color:#fff!important;
    margin-left:7px
}
.our-service{
    padding:100px 0 0
}
.our-service .single-service{
    border:1px solid #f5f5f5;
    border-radius:5px;
    padding:40px 30px 35px 100px;
    position:relative;
    margin-bottom:30px
}
.tran4s{
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.our-service .single-service h5 a{
    font-size:20px;
    color:#222;
    font-weight:500;
    display:block;
    margin-bottom:13px
}
.our-service .single-service img{
    position:absolute;
    top:43px;
    left:30px;
    max-width:50px;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.our-service .single-service:hover h5 a{
    color:#00c4fc
}
.our-service .single-service h2{
    font-size:45px;
    font-weight:900;
    color:#f6f6f6;
    position:absolute;
    left:30px;
    bottom:27px
}
.our-service .single-service:hover{
    -webkit-box-shadow:0 2px 50px rgba(0,0,0,.08);
    box-shadow:0 2px 50px rgba(0,0,0,.08);
    border-color:#fff
}
.our-service.m-fix{
    margin:100px 0 0
}
.our-service.m-fix .single-service img{
    left:25px;
    width:65px;
    height:65px;
    border-radius:50%
}
.why-us{
    padding:100px 0;
    background:#f8f8f8
}
.why-us .outer{
    position:relative
}
.why-us .outer .inner-circle{
    position:absolute;
    left:50%;
    margin-left:-150px;
    top:37%;
    margin-top:-150px;
    width:300px;
    height:300px;
    border:1px dashed #d0d0d0;
    line-height:300px;
    text-align:center;
    border-radius:50%;
    z-index:2
}
.why-us .outer .phone{
    position:absolute;
    width:110%;
    left:50%;
    transform:translateX(-50.5%)
}
.why-us .outer:after{
    position:absolute;
    left:50%;
    margin-left:-250px;
    top:50%;
    margin-top:-250px;
    width:500px;
    height:500px;
    border:1px solid #f5f5f5;
    border-radius:50%
}
.service-box-four .icon-box,.service-box-three .icon-box{
    width:72px;
    height:72px;
    background:#00c4fc;
    border-radius:50%
}
.why-us .outer .header-wraperumn{
    float:right
}
.service-box-three{
    position:relative;
    margin-bottom:30px;
    z-index:1
}
.why-us .outer .service-box-three{
    margin-bottom:50px
}
.why-us .outer .service-box-three:first-child{
    left:70px;
    top:10px
}
.why-us .outer .service-box-three:last-child{
    margin-bottom:0;
    left:60px;
    top:0
}
.service-box-three .inner-box{
    position:relative;
    display:block;
    text-align:right;
    padding-right:110px
}
.service-box-three .icon-box{
    position:absolute;
    right:0;
    top:0;
    text-align:center;
    line-height:70px;
    color:#fff!important;
    font-size:30px;
    transition:all .3s ease;
    -moz-transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease
}
.service-box-three h3,.service-box-three h3 a{
    color:#222;
    position:relative
}
.service-box-three .icon-box img{
    max-width:42px
}
.service-box-three h3{
    line-height:1.6em;
    font-size:18px;
    text-transform:uppercase;
    margin-bottom:15px;
    font-weight:700
}
.service-box-four:hover h3 a,.service-box-three:hover h3 a{
    color:#00c4fc
}
.service-box-three .text{
    position:relative;
    line-height:1.8em
}
@media only screen and (max-width:992px){
    .service-box-three .inner-box{
        padding-right:0;
        text-align:center
    }
}
.why-us .outer .service-box-four:first-child{
    right:70px;
    top:0
}
.service-box-four .icon-box{
    position:absolute;
    left:0;
    top:0;
    text-align:center;
    line-height:70px;
    color:#fff!important;
    font-size:30px;
    transition:all .3s ease;
    -moz-transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease
}
@media only screen and (max-width:1200px){
    .why-us .outer .inner-circle{
        display:none
    }
    .why-us .outer .service-box-four:first-child,.why-us .outer .service-box-four:last-child,.why-us .outer .service-box-three:first-child,.why-us .outer .service-box-three:last-child{
        left:0;
        top:0;
        right:0;
        bottom:0
    }
}
@media only screen and (max-width:767px){
    .why-us .outer:after,.why-us .outer:before{
        display:none
    }
    .why-us .outer .service-box-four,.why-us .outer .service-box-three{
        padding:0 20px
    }
    .why-us .outer .service-box-four,.why-us .outer .service-box-four:last-child,.why-us .outer .service-box-three,.why-us .outer .service-box-three:last-child{
        margin-bottom:50px
    }
    .service-box-four .inner-box,.service-box-three .inner-box{
        padding-left:0;
        padding-right:0;
        text-align:center
    }
    .service-box-four .icon-box,.service-box-three .icon-box{
        position:relative;
        display:block;
        left:0;
        top:0;
        right:0;
        bottom:0;
        margin:0 auto 30px
    }
}
.our-services .item{
    padding-left:7.5px;
    padding-right:7.5px
}
.single-service-item{
    position:relative;
    display:block
}
.single-service-item .img-holder img{
    width:100%
}
.single-service-item .text-holder{
    position:absolute;
    top:15px;
    left:15px;
    right:15px;
    bottom:15px;
    background:#fff;
    padding:0 15px;
    transform:translate3d(0,-110%,0);
    transition:all .5s ease;
    transition-delay:.5s
}
.single-service-item .text-holder-1,.single-service-item:hover .text-holder{
    transform:translate3d(0,0,0);
    transition:all .5s ease
}
.single-service-item .icon-box img{
    width:50px
}
.single-service-item .text-holder .inner{
    display:table;
    width:100%;
    height:100%
}
.single-service-item .text-holder .inner .inner-content{
    display:table-cell;
    vertical-align:middle
}
.single-service-item .text-holder .icon-box span:before{
    color:#2acb35;
    font-size:45px;
    line-height:45px
}
.single-service-item .text-holder h3{
    color:#404040;
    font-size:18px;
    font-weight:600;
    margin:13px 0 12px
}
.single-service-item .text-holder p{
    margin:0
}
.single-service-item .text-holder-1{
    padding-top:22px;
    padding-bottom:10px;
    background:#fff;
    position:absolute;
    bottom:15px;
    left:15px;
    right:15px;
    transition-delay:.5s
}
.single-service-item .text-holder-1 .inner{
    display:table;
    width:100%;
    height:100%
}
.single-service-item .text-holder-1 .inner .inner-content{
    display:table-cell;
    vertical-align:middle
}
.single-service-item:hover .text-holder-1{
    transition:all .5s ease;
    transform:translate3d(0,120%,0)
}
.single-service-item .text-holder-1 .icon-box span:before{
    color:#2acb35;
    font-size:45px;
    line-height:45px
}
.single-service-item .text-holder-1 h3{
    color:#404040;
    font-size:18px;
    font-weight:600;
    margin:13px 0 12px
}
.single-service-item .text-holder a{
    width:150px;
    margin:18px auto 0;
    padding:9px 0 7px
}
.thm-btn{
    text-align:center;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    display:block;
    border-radius:30px;
    padding:12px 25px 10px;
    transition:all .5s ease;
    background:#ffb626;
    border:2px solid #ffb626;
    color:#fff
}
.thm-btn:hover{
    background:#fff;
    color:#252525
}
.white{
    color:#fff!important
}
.seo-counter{
    background:url(../img/bg/counter-bg.jpg) center no-repeat fixed;
    background-size:cover;
    position:relative;
    margin:0
}
.seo-counter:before{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(31,181,225,.89);
    z-index:1
}
.seo-counter .main-content{
    position:relative;
    z-index:1;
    padding-bottom:80px
}
.seo-counter img{
    width:100%
}
.seo-counter .single-box .number{
    font-weight:900;
    font-size:45px;
    color:#fff
}
.seo-counter .single-box p{
    font-size:20px;
    color:#fff
}
.seo-counter .single-box{
    text-align:center;
    position:relative
}
.seo-counter .single-box:after{
    width:1px;
    height:80px;
    background:#fff;
    position:absolute;
    right:-15px;
    top:6px
}
.seo-counter .single-box.border-fix:after{
    display:none
}
@media (max-width:767px){
    .seo-counter .single-box:nth-child(1){
        margin-bottom:30px
    }
}
.how-it-works{
    padding:100px 0
}
.how-it-works .outer{
    position:relative
}
.how-it-works .outer .inner-circle{
    vertical-align:middle;
    width:100%;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    line-height:300px;
    text-align:center;
    border-radius:50%;
    z-index:2
}
.how-it-works .outer .phone{
    position:relative;
    width:100%
}
.how-it-works .outer .service-box-four{
    margin-bottom:50px
}
.how-it-works .outer .service-box-four:first-child{
    right:70px;
    top:0
}
.how-it-works .outer .service-box-four:last-child{
    margin-bottom:0;
    right:60px;
    top:0
}
.service-box-four{
    position:relative;
    margin-bottom:30px;
    z-index:1
}
.why-us .outer .service-box-four{
    margin-bottom:50px
}
.why-us .outer .service-box-four:last-child{
    margin-bottom:0;
    right:60px;
    top:0
}
.service-box-four .inner-box{
    position:relative;
    display:block;
    text-align:left;
    padding-left:110px
}
.service-box-four .inner-box .indicator{
    position:absolute;
    font-size:14px;
    left:0;
    z-index:9;
    text-align:center;
    top:0;
    border-radius:50%;
    width:25px;
    height:25px;
    color:#fff;
    line-height:25px;
    background:#00c4fc
}
.how-it-works .service-box-four .icon-box{
    position:absolute;
    left:0;
    top:0;
    width:80px;
    height:80px;
    text-align:center;
    line-height:77px;
    background:#1f1d2e;
    color:#fff!important;
    font-size:30px;
    border-radius:50%;
    transition:all .3s ease;
    -moz-transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease
}
.service-box-four .icon-box img{
    max-width:45px
}
.service-box-four h3{
    position:relative;
    line-height:1.6em;
    font-size:18px;
    text-transform:uppercase;
    margin-bottom:15px;
    color:#222;
    font-weight:700
}
.service-box-four h3 a{
    position:relative;
    color:#222;
    transition:all .3s ease;
    -moz-transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease
}
.service-box-four .text{
    position:relative;
    line-height:1.8em
}
@media (min-width:1200px){
    .outer .right-column{
        margin-left:33.3%
    }
    .how-it-works .outer .right-column{
        margin-left:3.3%
    }
}
@media (min-width:992px){
    .how-it-works .outer .right-column{
        margin-left:13.3%
    }
}
@media (max-width:992px){
    .how-it-works .outer .service-box-four:first-child{
        right:0;
        top:0
    }
    .how-it-works .service-box-four .text{
        position:relative;
        line-height:1.8em;
        max-width:80%;
        margin:0 auto
    }
}
@media (max-width:767px){
    .how-it-works .left-column{
        display:none!important
    }
    .how-it-works .service-box-four .text{
        max-width:90%;
        margin:0 auto
    }
    .how-it-works .outer .service-box-four:first-child,.how-it-works .outer .service-box-four:last-child{
        right:auto
    }
}
@media (min-width:768px) and (max-width:991px){
    .how-it-works .left-column{
        display:none!important
    }
}
@media only screen and (max-width:992px){
    .service-box-four .inner-box{
        padding-left:0;
        text-align:center
    }
    .service-box-four .inner-box .indicator{
        left:53.5%
    }
    .service-box-four .icon-box,.service-box-three .icon-box{
        position:relative;
        display:block;
        left:0;
        top:0;
        right:0;
        bottom:0;
        margin:0 auto 30px
    }
}
.fullwidth-section-one{
    position:relative;
    padding:0;
    background:#f8f8f8
}
.fullwidth-section-one .section-title span{
    margin:20px 0;
    display:block
}
.fullwidth-section-one .section-title p{
    margin:0;
    padding:0;
    position:relative
}
.fullwidth-section-one .image-column{
    position:absolute;
    float:left;
    left:0;
    top:0;
    width:50%;
    height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center
}
.fullwidth-section-one .image-column .image{
    position:relative;
    display:none
}
.fullwidth-section-one .image-column .image img{
    position:relative;
    display:block;
    width:100%
}
.fullwidth-section-one .form-column{
    position:relative;
    float:right;
    width:50%;
    padding:50px 15px 60px 80px;
    border-left:5px solid #00c4fc
}
.fullwidth-section-one .form-column .inner{
    position:relative;
    display:block;
    width:100%;
    max-width:740px
}
.reason-item-container{
    margin-top:50px;
    width:68%
}
.fullwidth-section-one .choose_reason{
    position:relative;
    margin-bottom:40px
}
.fullwidth-section-one .choose_reason:before{
    font-family:Flaticon;
    color:#fff;
    font-size:37px;
    width:80px;
    height:80px;
    line-height:80px;
    text-align:center;
    background:#00c4fc;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    position:absolute;
    top:0;
    left:-120px;
    z-index:99
}
.fullwidth-section-one .choose_reason h4{
    line-height:28px
}
.fullwidth-section-one .choose_reason.item1:before{
    content:url(../img/icons/i2.png)
}
.fullwidth-section-one .choose_reason.item2:before{
    content:url(../img/icons/i3.png)
}
.fullwidth-section-one .choose_reason.item3:before{
    content:url(../img/icons/i4.png)
}
@media only screen and (max-width:1023px){
    .fullwidth-section-one .image-column{
        position:relative;
        width:100%;
        height:auto;
        background-image:none!important
    }
}
@media (max-width:991px){
    .fullwidth-section-one .section-title p{
        margin:0 auto
    }
    .fullwidth-section-one .section-title h3{
        text-align:center
    }
    .fullwidth-section-one .section-title span{
        margin:20px auto
    }
    .fullwidth-section-one .form-column{
        width:100%;
        border-left:none;
        float:none;
        padding:100px 15px 60px;
        text-align:center
    }
    .fullwidth-section-one .reason-item-container{
        margin:0 auto;
        width:68%
    }
    .form-column{
        height:100%
    }
    .choose_reason h5{
        margin-top:30px
    }
    .form-column .choose_reason:before{
        left:calc(50% - 40px)
    }
    .choose_reason{
        padding-top:80px
    }
}
.why_choose_us{
    margin-top:0
}
.why_choose_us .section-title span{
    margin:20px 0
}
.why_choose_us .section-title p{
    margin:0;
    padding:0
}
.why_choose_us .left_side,.why_choose_us .right_side{
    float:left;
    width:50%;
    height:570px
}
.why_choose_us .title_holder h3{
    margin-top:-6px
}
.why_choose_us .left_side{
    background:url(http://bitcointrix.bitballoon.com/assets/img/bg/why-bg.jpg) center no-repeat;
    background-size:cover
}
.why_choose_us .right_side{
    background:#f8f8f8;
    position:relative
}
.why_choose_us .right_side .text{
    margin-top:50px;
    width:48%
}
.why_choose_us .right_side:before{
    content:'';
    width:4px;
    height:100%;
    background:#00c4fc;
    position:absolute;
    top:0;
    left:0;
    z-index:9
}
.why_choose_us .right_side .opacity{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:65px 0 0 80px
}
@media (max-width:991px){
    .why_choose_us .section-title p{
        margin:0 auto
    }
    .why_choose_us .section-title h3{
        text-align:center
    }
    .why_choose_us .section-title span{
        margin:20px auto
    }
    .why_choose_us .left_side{
        display:none
    }
    .why_choose_us .right_side{
        width:100%;
        float:none;
        height:100%
    }
    .why_choose_us{
        margin-top:55px
    }
    .why_choose_us .choose_reason h5{
        margin-top:30px
    }
    .why_choose_us .right_side .opacity{
        padding:65px 0 20px 15px;
        text-align:center;
        position:static
    }
    .why_choose_us .right_side .text{
        margin:50px auto 0
    }
    .why_choose_us .right_side .title_holder{
        display:inline-block
    }
    .why_choose_us .right_side .choose_reason:before{
        left:calc(50% - 40px)
    }
    .why_choose_us .choose_reason{
        margin-top:30px;
        padding-top:80px
    }
}
@media (max-width:767px){
    .why_choose_us .right_side .text{
        width:90%
    }
}
@media (min-width:992px) and (max-width:1199px){
    .why_choose_us .choose_reason{
        margin-bottom:30px
    }
    .why_choose_us .right_side .text{
        width:90%
    }
}
.about-image{
    position:relative;
    display:block
}
@media only screen and (min-width:768px) and (max-width:991px){
    .about-image img{
        position:relative;
        top:0
    }
}
@media only screen and (max-width:992px){
    .about-image img{
        position:relative;
        top:0;
        margin-bottom:30px
    }
}
#about .section-title p{
    margin:0;
    padding:0;
    width:100%;
    position:relative
}
#about .section-title span{
    margin:20px 0;
    display:block
}
#about .section-title{
    margin-bottom:20px
}
.single-feature{
    float:left;
    width:100%;
    margin-top:40px
}
.single-feature .single-feature-icon{
    margin-right:15px;
    width:55px
}
.single-feature .single-feature-icon,.single-feature .single-feature-text{
    float:left
}
.single-feature .single-feature-icon .icon{
    width:100%
}
.single-feature .single-feature-text{
    width:75%
}
.single-feature-text h5{
    font-size:20px;
    margin-top:0;
    font-weight:500
}
@media(max-width:1200px){
    .single-feature-text h5{
        margin-top:20px
    }
}
.single-feature-text p{
    margin-bottom:10px
}
.ico-distribution{
    position:relative;
    padding:100px 0 80px;
    background:#171717
}
.ico-distribution .section-title h3,.ico-distribution .section-title p{
    color:#fff
}
.center-values{
    position:absolute;
    top:35%;
    left:40%;
    height:110px;
    width:110px;
    color:#979292;
    background-color:#fff;
    padding:20px 16px;
    border-radius:100px;
    text-align:center;
    box-shadow:0 0 0 20px rgba(0,0,0,.3)
}
.margin-btm{
    color:#a67220;
    margin:5px 0
}
.phx{
    color:#5b5b5b;
    font-size:13px
}
.phx.trix{
    font-size:12px
}
.angle-round{
    color:#fff;
    font-family:inherit;
    font-weight:500;
    line-height:1.2;
    font-size:16px
}
.number{
    color:grey;
    float:right
}
.progress{
    display:-ms-flexbox;
    display:flex;
    font-size:12px;
    border-radius:10px
}
.btn-call,.btn-order{
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:2px
}
.progress-cls{
    background-color:#292929!important;
    height:20px!important;
    margin-bottom:20px;
    width:100%
}
.progress-bar{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    line-height:25px;
    height:20px;
    border-radius:10px;
    justify-content:center;
    color:#fff;
    background-color:#007bff
}
.boucher-order p,.btn-call,.btn-order{
    display:inline-block
}
.background-one{
    width:30%;
    background-color:#2f66d4;
    border-radius:10px
}
.boucher-promo h3{
    color:#fff;
    text-transform:uppercase
}
.boucher-promo p{
    color:#fff;
    margin-bottom:35px
}
.boucher-order p{
    margin:0
}
.boucher-order span{
    color:#fff;
    margin:0 40px
}
.btn-order{
    background-color:#00c4fc;
    border:1px solid #00c4fc;
    color:#fff;
    padding:10px 35px;
    font-weight:600;
    border-radius:30px
}
.btn-order:focus,.btn-order:hover{
    color:#333;
    border-color:#fff;
    background-color:#fff
}
.btn-call{
    background-color:#00c4fc;
    border:1px solid #00c4fc;
    color:#fff;
    padding:10px 17px;
    font-weight:700;
    border-radius:30px
}
.timeline-marker:after,.timeline-marker:before{
    content:"";
    display:block
}
.btn-call:focus,.btn-call:hover{
    color:#333;
    border-color:#fff;
    background-color:#fff
}
.boucher-order a i{
    margin-right:5px
}
@media only screen and (max-width:768px){
    .boucher-order span{
        margin:0 27px
    }
}
@media (max-width:575px){
    .boucher-order span{
        margin:0 20px
    }
    .btn-order{
        margin-bottom:20px
    }
}
.road-map{
    padding:100px 0
}
.example-header{
    background:#3D4351;
    color:#FFF;
    font-weight:300;
    padding:3em 1em;
    text-align:center
}
.example-header h1{
    color:#FFF;
    font-weight:300;
    margin-bottom:20px
}
.example-header p,.timeline-info{
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase
}
.example-header p{
    font-size:12px
}
.container-fluid .row{
    padding:0 0 4em
}
.container-fluid .row:nth-child(even){
    background:#F1F4F5
}
.example-title{
    text-align:center;
    margin-bottom:60px;
    padding:3em 0;
    border-bottom:1px solid #E4EAEC
}
.example-title p{
    margin:0 auto;
    font-size:16px;
    max-width:400px
}
.timeline{
    line-height:1.4em;
    margin:0;
    padding:0;
    width:100%
}
.timeline h1,.timeline h2,.timeline h3,.timeline h4,.timeline h5,.timeline h6{
    line-height:inherit
}
.timeline-item{
    padding-left:40px;
    position:relative
}
.timeline-item:last-child{
    padding-bottom:0
}
.timeline-info{
    font-size:12px;
    margin:0 0 .5em;
    white-space:nowrap
}
.timeline-marker{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:15px
}
.timeline-marker:before{
    background:#00c4fc;
    border:3px solid transparent;
    border-radius:100%;
    height:15px;
    position:absolute;
    top:4px;
    left:0;
    width:15px;
    transition:background .3s ease-in-out,border .3s ease-in-out
}
.timeline-marker:after{
    width:3px;
    background:#CCD5DB;
    position:absolute;
    top:24px;
    bottom:0;
    left:6px
}
.timeline-item:last-child .timeline-marker:after{
    content:none
}
.timeline-item:not(.period):hover .timeline-marker:before{
    background:0 0;
    border:3px solid #00c4fc
}
.timeline-content{
    padding-bottom:40px
}
.timeline-content h3{
    font-size:18px
}
.timeline-content p:last-child{
    margin-bottom:0
}
.period{
    padding:0
}
.period .timeline-info{
    display:none
}
.period .timeline-marker:before{
    background:0 0;
    content:"";
    width:15px;
    height:auto;
    border:none;
    border-radius:0;
    top:0;
    bottom:30px;
    position:absolute;
    border-top:3px solid #CCD5DB;
    border-bottom:3px solid #CCD5DB
}
.period .timeline-marker:after{
    content:"";
    height:32px;
    top:auto
}
.period .timeline-content{
    padding:40px 0 70px
}
.period .timeline-title{
    margin:0
}
@media (min-width:768px){
    .timeline-centered .timeline,.timeline-split .timeline{
        display:table
    }
    .timeline-centered .timeline-item,.timeline-split .timeline-item{
        display:table-row;
        padding:0
    }
    .timeline-centered .period .timeline-info,.timeline-centered .timeline-content,.timeline-centered .timeline-info,.timeline-centered .timeline-marker,.timeline-split .period .timeline-info,.timeline-split .timeline-content,.timeline-split .timeline-info,.timeline-split .timeline-marker{
        display:table-cell;
        vertical-align:top
    }
    .timeline-centered .timeline-marker,.timeline-split .timeline-marker{
        position:relative
    }
    .timeline-centered .timeline-content,.timeline-split .timeline-content{
        padding-left:30px
    }
    .timeline-centered .timeline-info,.timeline-split .timeline-info{
        padding-right:30px
    }
    .timeline-centered .period .timeline-title,.timeline-split .period .timeline-title{
        position:relative;
        left:-45px
    }
}
@media (min-width:992px){
    .timeline-centered,.timeline-centered .timeline-content,.timeline-centered .timeline-info,.timeline-centered .timeline-item,.timeline-centered .timeline-marker{
        display:block;
        margin:0;
        padding:0
    }
    .timeline-centered .timeline-item{
        padding-bottom:40px;
        overflow:hidden
    }
    .timeline-centered .timeline-marker{
        position:absolute;
        left:50%;
        margin-left:-7.5px
    }
    .timeline-centered .timeline-content,.timeline-centered .timeline-info{
        width:50%
    }
    .timeline-centered>.timeline-item:nth-child(odd) .timeline-info{
        float:left;
        text-align:right;
        padding-right:30px
    }
    .timeline-centered>.timeline-item:nth-child(even) .timeline-info,.timeline-centered>.timeline-item:nth-child(odd) .timeline-content{
        float:right;
        text-align:left;
        padding-left:30px
    }
    .timeline-centered>.timeline-item:nth-child(even) .timeline-content{
        float:left;
        text-align:right;
        padding-right:30px
    }
    .timeline-centered>.timeline-item.period .timeline-content{
        float:none;
        padding:0;
        width:100%;
        text-align:center
    }
    .timeline-centered .timeline-item.period{
        padding:50px 0 90px
    }
    .timeline-centered .period .timeline-marker:after{
        height:30px;
        bottom:0;
        top:auto
    }
    .timeline-centered .period .timeline-title{
        left:auto
    }
}
.marker-outline .timeline-marker:before{
    background:0 0;
    border-color:#00c4fc
}
.marker-outline .timeline-item:hover .timeline-marker:before{
    background:#00c4fc
}
.schedule-tab .nav-tabs{
    border:none
}
.schedule-tab .nav-tabs .nav-link.active{
    border:1px solid #00c4fc;
    border-radius:0;
    background-color:#00c4fc;
    color:#fff
}
.schedule-tab .nav-link{
    padding:10px 45px;
    border:1px solid #ddd;
    color:#333;
    border-radius:0
}
.schedule-tab .nav-tabs .nav-link p{
    font-weight:600
}
.schedule-tab .nav-tabs .nav-item{
    margin-right:20px;
    position:relative
}
.schedule-tab .nav-link:focus,.schedule-tab .nav-link:hover{
    border-color:#00c4fc
}
.schedule-tab .nav-tabs .nav-link.active:after{
    content:"";
    position:absolute;
    top:100%;
    left:42%;
    border-top:15px solid #00c4fc;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    -webkit-transition:all .4s ease 0s;
    -moz-transition:all .4s ease 0s;
    -o-transition:all .4s ease 0s;
    transition:all .4s ease 0s
}
.schedule-tab .tab-content{
    margin-top:80px
}
.schedule-single img{
    height:180px;
    width:180px
}
.schedule-single{
    border:1px solid #ddd;
    padding:20px;
    margin-bottom:30px;
    box-shadow:5px 6px 43px #ddd
}
.do-schedule-btn a,.schedule-btn{
    display:inline-block;
    border-radius:20px;
    font-weight:700
}
.schedule-single-info h4{
    letter-spacing:1px;
    margin-top:10px;
    text-transform:capitalize
}
.do-schedule-btn a,.schedule-btn,.video-promo h3{
    text-transform:uppercase
}
.schedule-single-info p{
    margin-bottom:15px
}
.schedule-single-info span{
    margin-right:20px;
    color:#777
}
.schedule-single-info span i{
    padding-right:8px;
    color:#00c4fc
}
.schedule-single-info span a{
    color:#777
}
.schedule-single:hover .schedule-btn{
    background-color:#00c4fc
}
.schedule-btn{
    background-color:#333;
    color:#fff;
    font-size:13px;
    padding:10px 22px;
    margin:60px 0 0 60px
}
.do-schedule-btn a,.schedule-btn:focus,.schedule-btn:hover{
    background-color:#00c4fc;
    color:#fff
}
@media (max-width:575px){
    .schedule-tab .nav-tabs .nav-item{
        margin:0 0 30px 20px;
        position:relative
    }
    .schedule-single-info{
        margin:30px 0
    }
    .schedule-btn{
        margin:0
    }
}
@media (min-width:576px) and (max-width:767px){
    .schedule-tab .nav-link{
        padding:.5rem 1rem
    }
    .schedule-single-info{
        margin:30px 0
    }
    .schedule-btn{
        margin:0
    }
}
@media (min-width:768px) and (max-width:991px){
    .schedule-single-info{
        margin:30px 0
    }
    .schedule-btn{
        margin:0
    }
}
.do-schedule-btn a{
    margin-top:60px;
    padding:14px 22px
}
.do-schedule-btn a:focus,.do-schedule-btn a:hover{
    color:#fff;
    background-color:#333
}
.do-schedule-btn a i{
    padding-right:8px
}
.single-testimonial{
    margin-bottom:25px;
    transition:all .2s
}
@media (max-width:575px){
    .single-testimonial{
        margin:0 30px
    }
}
.single-testimonial:hover .testimonial-box{
    background-color:#fff
}
.single-testimonial:hover .testimonial-box p{
    color:#666
}
.testimonial-box{
    border:1px solid #ddd;
    padding:20px;
    background-color:#00c4fc;
    position:relative;
    -webkit-transition:all .2s;
    transition:all .2s
}
.testimonial-box:after{
    content:"";
    position:absolute;
    top:100%;
    left:33px;
    border-top:15px solid #ddd;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    -webkit-transition:all .4s ease 0s;
    -moz-transition:all .4s ease 0s;
    -o-transition:all .4s ease 0s;
    transition:all .4s ease 0s
}
.testimonial-box p{
    color:#fff;
    -webkit-transition:all .2s;
    transition:all .2s
}
.testimonial-box p i{
    font-size:30px;
    padding-right:8px
}
.testimonial-box-info{
    float:left;
    width:100%;
    margin-top:30px
}
.testimonial-box-info-image{
    margin-right:25px
}
.testimonial-box-info-image,.testimonial-box-info-text{
    float:left
}
.testimonial-box-info-text h4{
    font-size:20px;
    margin:20px 0 0
}
.testimonial-box-info-image img{
    height:80px;
    width:80px!important
}
@media (min-width:768px) and (max-width:991px){
    .testimonial-box-info-image img{
        margin-bottom:10px
    }
}
.owl-theme.testimonial-slider .owl-nav.disabled+.owl-dots{
    margin-top:50px;
    margin-bottom:-25px
}
.owl-theme.testimonial-slider .owl-dots div{
    border:1px solid #777;
    margin:0 5px;
    border-radius:50%
}
.owl-theme.testimonial-slider .owl-dots .owl-dot span{
    width:5px;
    height:5px;
    margin:10px 7px;
    background:#777;
    padding:0 4px
}
.owl-theme.testimonial-slider .owl-dots div.active{
    border-color:#00c4fc
}
.owl-theme.testimonial-slider .owl-dots div.active span{
    background:#00c4fc
}
.testimonial-slider-item:hover{
    cursor:move
}
@media (max-width:575px){
    .single-event-show-item{
        margin:0 30px
    }
}
.single-event-show-item .single-event-show{
    display:block;
    height:270px;
    position:relative;
    overflow:hidden
}
.single-event-show-item .single-event-show .single-event-show-img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-repeat:repeat,repeat;
    background-attachment:scroll,scroll;
    background-position:center center,0 0;
    background-clip:border-box,border-box;
    background-origin:padding-box,padding-box;
    background-size:cover
}
.single-event-show .event-term-list a{
    color:#fff
}
.single-event-show .event-term-list{
    font-weight:700;
    background:#00c4fc;
    color:#fff;
    font-size:11px;
    left:11px;
    letter-spacing:2px;
    position:absolute;
    text-transform:uppercase;
    top:15px;
    z-index:3;
    padding:8px 20px;
    line-height:normal;
    border-radius:100px;
    transition:all .3s ease-in-out
}
.single-event-show:hover .event-term-list{
    background:#fff
}
.single-event-show:hover .event-term-list a{
    color:#333
}
.single-event-show-item .content-entry{
    padding:20px 0;
    position:relative;
    width:450px;
    max-width:100%;
    margin:0 auto;
    -webkit-transition:.3s ease;
    transition:.3s ease;
    text-align:left;
    z-index:5
}
.single-event-show-item .content-entry a h4{
    font-size:20px
}
.single-event-show-item .content-entry .event-start-time{
    font-size:14px;
    color:#333;
    padding:10px 0;
    border-bottom:1px solid #e8e3e3;
    margin:10px 0
}
.single-event-show-item .content-entry .event-start-time i{
    padding-right:4px;
    color:#00c4fc
}
.single-event-show-item .content-entry .event-start-time p span{
    padding-right:15px
}
.single-event-show-item .content-entry a.readmore-link i{
    background-color:#00c4fc;
    color:#00c4fc;
    font-weight:700;
    border-radius:50%;
    padding:20px;
    text-align:center;
    position:absolute;
    top:0;
    visibility:hidden;
    opacity:0;
    left:50%;
    box-shadow:0 3px 8px 0 rgba(236,33,39,.4);
    -webkit-transition:1.3s cubic-bezier(.91,.27,.52,.84);
    transition:1.3s cubic-bezier(.91,.27,.52,.84);
    transform:scale(1);
    -webkit-transform:scale(1);
    margin-left:-20px
}
.single-event-show-item:hover .content-entry a.readmore-link i{
    top:-250px;
    visibility:visible;
    opacity:1;
    background-color:#fff;
    transform:scale(1);
    -webkit-transform:scale(1)
}
.single-event-show-item:hover .content-entry a.readmore-link i:hover{
    background-color:#00c4fc;
    color:#fff
}
.owl-theme.event-slider .owl-nav.disabled+.owl-dots{
    margin-top:30px;
    margin-bottom:-25px
}
.owl-theme.event-slider .owl-dots div{
    border:1px solid #777;
    margin:0 5px;
    border-radius:50%
}
.owl-theme.event-slider .owl-dots .owl-dot span{
    width:5px;
    height:5px;
    margin:10px 7px;
    background:#777;
    padding:0 4px
}
.owl-theme.event-slider .owl-dots div.active{
    border-color:#00c4fc
}
.owl-theme.event-slider .owl-dots div.active span{
    background:#00c4fc
}
.event-slider-item:hover{
    cursor:move
}
.video-promo h3{
    color:#fff;
    margin-bottom:20px
}
.video-promo h4{
    color:#fff;
    text-transform:capitalize;
    margin:0
}
.video-play{
    margin:30px 0
}
.video-promo .btn-order{
    background-color:#fff;
    border:1px solid #fff;
    color:#1f1d2e
}
.video-promo .btn-order:hover{
    background-color:#1f1d2e;
    border:1px solid #1f1d2e;
    color:#00c4fc
}
.video-play a i{
    color:#fff;
    font-size:60px;
    -webkit-transition:all .4s ease 0s;
    -moz-transition:all .4s ease 0s;
    -o-transition:all .4s ease 0s;
    transition:all .4s ease 0s
}
.video-play a i:hover{
    box-shadow:rgba(0,0,0,.45) 0 5px 20px
}
.sponsors-section{
    padding:50px 0;
    background:#121c35
}
.sponsors-slider:hover{
    cursor:move
}
.single-price{
    padding:30px;
    margin-bottom:20px;
    box-shadow:2px 0 15px #ddd;
    border:1px solid #ddd;
    border-top:20px solid #ddd;
    -webkit-border-radius:10%/10% 0;
    -moz-border-radius:10%/10% 0;
    border-radius:10%/10% 0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.single-price:hover{
    border-color:#00c4fc
}
.single-price-header{
    margin:10px 0 30px
}
.single-price-header h4{
    display:inline-block;
    font-size:35px;
    text-transform:capitalize
}
.single-price-header p{
    display:inline-block;
    float:right;
    font-size:30px;
    color:#777
}
@media (min-width:768px) and (max-width:991px){
    .single-price-header h4{
        display:block
    }
    .single-price-header p{
        display:block;
        float:none
    }
    .single-price-header{
        text-align:center
    }
}
.single-con-address,.single-con-address .single-con-address-icon,.single-con-address .single-con-address-text,.speakers-list .figure{
    float:left
}
.single-price-list{
    -webkit-border-radius:10%/10% 0;
    -moz-border-radius:10%/10% 0;
    border-radius:10%/10% 0;
    border:1px solid #ddd;
    padding:10px
}
.single-price-list p:nth-child(2n+1){
    background-color:#f7f7f7
}
.single-price-list p{
    padding:10px
}
.single-price-btn a{
    margin:30px 0 0;
    display:inline-block;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:2px;
    color:#333;
    border:2px solid #333;
    border-radius:20px;
    padding:8px 20px
}
#registration .section-title,.contact .form-group,.faq-tab .nav.nav-tabs{
    margin-bottom:30px
}
.single-price-btn a:focus,.single-price-btn a:hover,.single-price:hover .single-price-btn a{
    background-color:#333;
    color:#fff
}
#registration .section-title h3{
    color:#fff
}
#registration .section-title span{
    display:inline-block;
    background-color:#fff
}
.registration-wrapper{
    background-color:#fff;
    position:relative;
    margin-top:40px;
    border:1px solid #ddd
}
@media (max-width:767px){
    .registration-wrapper{
       /* display:none*/
    }
}
.registration-wrapper .form-title{
    background:#00c4fc;
    padding:30px 30px 40px;
    position:relative
}
.registration-wrapper .form-title:after,.registration-wrapper .form-title:before{
    content:'';
    width:0;
    height:0;
    bottom:-1px;
    position:absolute;
    border-top:50px solid transparent;
    border-bottom:0 solid transparent;
    display:block
}
.registration-wrapper .form-title:before{
    right:0;
    border-right:25vw solid #fff
}
.registration-wrapper .form-title:after{
    left:0;
    border-left:25vw solid #fff
}
.registration-wrapper .form-title h2{
    text-align:center;
    color:#fff;
    font-size:22px;
    text-transform:uppercase
}
.registration-wrapper .form-title h5{
    text-align:center;
    color:#1f1d2e;
    font-size:16px;
    text-transform:uppercase
}
.btn-contact-bg,.btn.regisbtn{
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    cursor:pointer;
    letter-spacing:2px
}
.registration-wrapper form{
    padding:0 30px 5px
}
.registration-wrapper .form-control{
    height:50px;
    background:#f5f5f5;
    border-left:4px solid #00c4fc;
    border-radius:0
}
.btn.regisbtn{
    height:50px;
    background-color:#333;
    width:100%;
    color:#fff
}
.btn.regisbtn:focus,.btn.regisbtn:hover{
    background:#00c4fc
}
#faq{
    padding:100px 0 70px
}
.faq-tab .nav-tabs .nav-link:focus,.faq-tab .nav-tabs .nav-link:hover{
    border-color:#fff
}
.faq-tab .nav-tabs .nav-item.show .nav-link,.faq-tab .nav-tabs .nav-link.active{
    border:none;
    border-left:3px solid #00c4fc
}
.faq-tab .nav-tabs{
    border-bottom:none;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd
}
.faq-tab .nav-tabs>li{
    display:block;
    width:100%
}
.faq-tab .nav-tabs>li>a{
    border-radius:0;
    color:#333;
    font-weight:700;
    position:relative;
    padding:22px 15px;
    text-transform:uppercase
}
.faq-tab .nav-tabs>li>a.active{
    color:#00c4fc;
    font-weight:700
}
.faq-tab .nav-tabs>li>a>i{
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    opacity:0;
    display:block;
    -webkit-transition:all,ease,.3s;
    -moz-transition:all,ease,.3s;
    transition:all,ease,.3s
}
.faq-tab .nav-tabs>li>a.active>i{
    opacity:1;
    right:5%
}
.faq-tab .tab-content{
    float:left;
    width:100%
}
.speakers-list{
    margin-top:30px
}
.speakers-list .figure img{
    cursor:pointer;
    margin-right:40px;
    -webkit-transition:all .4s ease 0s;
    -moz-transition:all .4s ease 0s;
    -o-transition:all .4s ease 0s;
    transition:all .4s ease 0s
}
.figure-img.img-fluid.rounded:hover{
    filter:grayscale(1) opacity(.9);
    -webkit-filter:grayscale(1) opacity(.9)
}
.speakers-list .figure .figure-caption{
    color:#777
}
.faq-tab .list-group{
    margin-top:20px
}
@media (max-width:575px){
    .faq-tab .tab-content{
        padding:10px
    }
    .faq-tab .nav.nav-tabs{
        display:block;
        padding:10px
    }
    .faq-tab .nav-tabs>li>a>i{
        display:none
    }
}
@media (min-width:576px) and (max-width:767px){
    .faq-tab .nav.nav-tabs{
        display:block
    }
    .faq-tab .nav-tabs>li>a>i{
        display:none
    }
}
@media (min-width:768px) and (max-width:991px){
    .faq-tab .nav.nav-tabs{
        display:block
    }
    .faq-tab .nav-tabs>li>a>i{
        display:none
    }
}
#map{
    height:400px;
    border-top:4px solid #00c4fc
}
.contact{
    background-color:#fff;
    padding:40px 40px 30px;
    box-shadow:5px 6px 43px #ddd
}
.contact .form-control{
    height:50px;
    background:#f5f5f5;
    border-left:5px solid #00c4fc;
    border-radius:0
}
.contact textarea.form-control{
    height:auto
}
.btn-contact-bg{
    height:50px;
    margin-top:30px;
    background-color:#333;
    color:#fff;
    -webkit-transition:all .2s;
    transition:all .2s
}
.btn-contact-bg:focus,.btn-contact-bg:hover{
    background:#00c4fc
}
.mb0{
    margin-bottom:0
}
.mt-10{
    margin-top:10px
}
.mb-15{
    margin-bottom:15px!important
}
.mb-20{
    margin-bottom:20px!important
}
.mb-30{
    margin-bottom:30px!important
}
.mt-20{
    margin-top:20px!important
}
.mt-40{
    margin-top:40px!important
}
.contact input,.contact textarea,.registration-wrapper input{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
input:focus,textarea:focus{
    padding:10px 8px 22px;
    font-size:12px;
    color:#333;
    font-weight:700
}
.input_bar{
    position:relative;
    display:block;
    width:100%
}
.input_bar:after,.input_bar:before{
    -webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration:.2s;
    transition-duration:.2s;
    position:absolute;
    bottom:0;
    width:0;
    height:3px;
    content:"";
    background-color:#00c4fc;
    -webkit-transition-property:width,background-color;
    transition-property:width,background-color
}
.input_bar:before{
    left:50%
}
.input_bar:after{
    right:50%
}
.form-control:focus:not([disabled]):not([readonly])~.input_bar:after,.form-control:focus:not([disabled]):not([readonly])~.input_bar:before{
    width:50%
}
.con-address{
    background-color:#1B1B1B
}
.single-con-address{
    width:100%;
    margin:40px 0
}
.single-con-address .single-con-address-icon{
    margin-right:25px;
    margin-bottom:20px
}
.single-con-address .single-con-address-icon i{
    color:#fff;
    font-size:20px;
    padding:20px;
    line-height:60px;
    margin-bottom:20px;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    background-color:#333;
    border-radius:50%
}
.single-con-address .single-con-address-text{
    width:75%
}
.single-con-address:hover .single-con-address-icon i{
    background-color:#00c4fc
}
.single-con-address-text p{
    margin-bottom:10px;
    color:#ddd
}
.success-box{
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    font-family:Roboto,sans-serif;
    background:#00c4fc;
    font-weight:600;
    border:10px double #fff;
    padding:25px
}
.main-footer{
    position:relative;
    background:#1c1c1c
}
.main-footer h3{
    color:#fff;
    margin:0 0 25px;
    font-size:24px;
    font-weight:400
}
.has-line-center:after,.has-line:after{
    content:'';
    display:block;
    width:40px;
    background:#00c4fc;
    height:2px;
    margin:15px auto
}
.main-footer .about-widget .text,.main-footer .newsletter-widget .text{
    margin-bottom:25px;
    line-height:1.9em;
    position:relative
}
.main-footer .widgets-section{
    position:relative;
    padding:100px 0;
    color:#bbb;
    border-bottom:1px solid rgba(255,255,255,.1);
    background:url(../img/elements/map-pattern-footer.png) center 75% no-repeat
}
.main-footer .footer-widget{
    position:relative
}
.main-footer .newsletter-widget input:focus,.main-footer .newsletter-widget select:focus{
    border-color:#00c4fc!important
}
.main-footer .newsletter-widget .text{
    font-size:14px
}
.main-footer .about-widget .social-links{
    position:relative
}
.main-footer .about-widget .social-links li{
    position:relative;
    display:inline-block;
    margin:0 2px
}
.main-footer .about-widget .social-links li a{
    position:relative;
    display:block;
    line-height:38px;
    width:38px;
    height:38px;
    text-align:center;
    font-size:13px;
    background:rgba(255,255,255,.05);
    color:#bbb;
    -webkit-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease
}
.main-footer .about-widget .social-links li a:hover{
    color:#fff
}
.main-footer .about-widget .contact-info{
    margin-bottom:30px
}
.main-footer .contact-info li{
    position:relative;
    display:block;
    margin-bottom:7px;
    line-height:24px
}
.main-footer .contact-info li .icon{
    position:relative;
    font-size:32px;
    margin:0 auto 20px;
    line-height:36px
}
.main-footer .contact-info li:last-child{
    margin-bottom:0
}
.main-footer .footer-bottom{
    position:relative;
    padding:18px 0;
    color:#ccc;
    background:#131313;
    line-height:24px;
    text-align:center
}
.main-footer .newsletter-widget{
    position:relative;
    max-width:300px;
    margin:0 auto
}
.main-footer .newsletter-widget .form-group{
    position:relative;
    margin:0
}
.main-footer .newsletter-widget input[type=email]{
    display:block;
    width:100%;
    line-height:24px;
    padding:10px 40px 10px 25px;
    height:48px;
    outline:0;
    font-size:14px;
    color:#fff;
    border:1px solid rgba(255,255,255,.2);
    background:0 0;
    border-radius:24px;
    -webkit-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease
}
.main-footer .newsletter-widget .send-btn{
    position:absolute;
    right:10px;
    top:0;
    width:50px;
    height:48px;
    border:0;
    line-height:48px;
    text-align:center;
    color:rgba(255,255,255,.5);
    font-size:16px;
    background:0 0;
    cursor:pointer
}
.main-footer .links-widget .list li{
    position:relative;
    margin-bottom:12px
}
.main-footer .links-widget .list li a{
    position:relative;
    display:block;
    line-height:24px;
    padding:0 0 0 25px;
    color:#aaa;
    text-transform:capitalize
}
.demo-img h3,.intro-text h1{
    font-weight:700;
    text-transform:uppercase
}
@media only screen and (max-width:360px){
    .container{
        width:90%
    }
}
.intro-text{
    margin-top:110px;
    margin-bottom:50px
}
.intro-text p{
    color:#333;
    font-size:25px
}
.intro-text img{
    margin:0 auto 40px
}
.intro-text h1{
    color:#333;
    margin:0 0 20px
}
@media only screen and (max-width:480px){
    .container{
        width:90%
    }
    .intro-text h1{
        font-size:30px;
        line-height:40px
    }
}
.demo{
    padding-top:100px;
    padding-bottom: 40px
}
.demo-img{
    margin-bottom:60px;
    border:1px solid #ddd
}
.demo-img img{
    width:100%
}
.demo-img h3{
    font-size:20px;
    margin:24px 0;
    transition:all .4s ease 0s;
    letter-spacing:2px
}
.demo-img:hover{
    -webkit-box-shadow:0 2px 50px rgba(0,0,0,.08);
    box-shadow:0 2px 50px rgba(0,0,0,.2)
}
.demo-img:hover h3{
    color:#00c4fc;
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s
}
/*timeline */
 .timeline-split{
     position: relative;
     width: 100% 
}
 .timeline-split .timeline {
     position: relative;
     padding: 50px;
     overflow: hidden 
}
 .timeline-split .timeline h3{
     font-size: 22px 
}
 .timeline-split .timeline span{
     color: #666;
     display: block;
     margin-bottom: 10px 
}
/*top circle */
 .timeline-split .timeline::before {
     content: "";
     width: 20px;
     height: 20px;
     border-radius: 50%;
     display: block;
     position: absolute;
     top: 0;
     left: 50%;
     background: #00c4fc;
     left: calc(50% - 10px);
}
/*vertival line */
 .timeline-split .timeline::after {
     content: "";
     width: 2px;
     height: 4000px;
     display: block;
     position: absolute;
     top: 10px;
     left: 50%;
     left: calc(50% - 1px);
     background: #00c4fc;
}
/*timeline block */
 .timeline-split .timeline .block {
     width: 50%;
     width: calc(50% - 30px);
     text-align: left;
     position: relative 
}
/*block marker */
 .timeline-split .timeline .block::before {
     content: "";
     width: 10px;
     height: 10px;
     border-radius: 50%;
     position: absolute;
     background: #00c4fc;
     top: 10px;
}
/*left block */
 .timeline-split .timeline .block.block-left {
     text-align: right;
}
 .timeline-split .timeline .block.block-left::before {
     right: -35px;
}
/*right block */
 .timeline-split .timeline .block.block-right {
     text-align: left;
     margin-left: 50%;
     margin-left: calc(50% + 30px);
}
 .timeline-split .timeline .block.block-right::before {
     left: -35px;
}
/*bottom circle */
 .timeline-split .timeline .circle {
     width: 16px;
     height: 16px;
     border-radius: 50%;
     display: block;
     position: absolute;
     bottom: 0;
     background: #00c4fc;
     left: 50%;
     left: calc(50% - 8px);
}
/* -------------------------------- timeline-split Section ------------------------------ */
/*decrease the timeline heading text */
 @media (max-width: 768px) {
     .timeline-split .timeline {
         padding: 50px 20px;
    }
     .timeline-split .timeline h3 {
         font-size: 19px;
    }
}
/*change timeline layout to fit tiny screen size */
 @media (max-width: 767px) {
     .timeline-split .timeline::after {
         left: 9px;
    }
     .timeline-split .timeline::before {
         left: 0;
    }
     .timeline-split .timeline .circle {
         left: 2px;
    }
     .timeline-split .timeline .block {
         width: 100% !important;
         text-align: left;
         padding-left: 20px;
    }
     .timeline-split .timeline .block::before {
         left: -15px;
    }
     .timeline-split .timeline .block.block-left {
         text-align: left;
    }
     .timeline-split .timeline .block.block-right {
         margin-left: 0;
    }
     .timeline-split .timeline .block.block-right::before {
         left: -15px;
    }
     .mt-30{
         margin-top: 30px 
    }
}
/* Add here all your css styles (customizations) */
  .highlight {
    color: #fff;
    font-weight: 600;
    padding: 2px 5px 2px 5px;
    background: #00c4fc;
    border-radius: 25px;
  }
.industry-we-serve {padding: 4px 0;background: #f5f5f5;}
.heading {margin: 20px 0;}
.heading h2 {color: #0686aa;text-transform: uppercase;margin-bottom: 10px;}
.industry-we-serve .cell {margin-bottom: 20px;text-align: center;}
.industry-we-serve .cell .icon {border: 2px solid #0686aa;border-radius: 500px;width: 150px;
height: 150px;line-height: 138px;margin: 10px auto;}
.industry-we-serve .cell:hover .icon {border: 2px solid #e94319;}
.industry-we-serve .cell:hover h3 {color: #e94319;}
.industry-we-serve .cell:hover .icon img {transform: scale(1.1);-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transition: -webkit-transform 0.50s ease 0s;-moz-transition: -moz-transform 0.50s ease 0s;-o-transition: -o-transform 0.50s ease 0s;transition: transform 0.50s ease 0s;}
.videoes {padding: 40px 0 20px 0;background: #0576A9;color: #fff;}
.videoes iframe {border: 7px solid #f5f5f5;margin-bottom: 40px;}