.btn{
    font-weight:500;
    font-size:16px;
    padding:12px 24px
}
.btn.focus,.btn:focus{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.btn-sm{
    font-size:15px;
    padding:6px 12px
}
.btn-primary{
    background-color:#ff7e00;
    border-color:#ff7e00
}
.btn-outline-primary{
    border-color:#ff7e00;
    color:#ff7e00
}
.btn-outline-primary:hover,.btn-primary:hover{
    background-color:#e67507;
    border-color:#e67507
}
.btn-link{
    color:#677286;
    font-weight:500
}
.btn-link:hover{
    color:#ff7e00
}
.icon-element{
    font-size:30px;
    color:#050f19;
    width:70px;
    height:70px;
    line-height:70px;
    text-align:center;
    display:inline-block;
    position:relative;
    z-index:1;
    background-color:#fff;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    -webkit-box-shadow:0 1px 10px rgba(82,85,90,.1);
    -moz-box-shadow:0 1px 10px rgba(82,85,90,.1);
    box-shadow:0 1px 10px rgba(82,85,90,.1)
}
a.icon-element:hover{
    color:#ff7e00
}
.icon-element-lg{
    width:110px;
    height:110px;
    line-height:110px;
    font-size:40px
}
.icon-element-md{
    width:60px;
    height:60px;
    line-height:60px;
    font-size:25px
}
.icon-element-sm{
    width:35px;
    height:35px;
    line-height:35px;
    font-size:15px
}
*{
    padding:0;
    margin:0;
    box-sizing:border-box
}
ul{
    padding:0;
    margin:0;
    list-style-type:none
}
a:focus,a:hover{
    text-decoration:none
}
button:focus,input:focus{
    outline:0
}
h1,h2,h3,h4,h5,h6{
    color:#050f19
}
h1,h2,h3,h4,h5,h6,p{
    margin:0
}
body{
    font-family:Inter,sans-serif;
    font-size:16px;
    line-height:26px;
    color:#677286;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-weight:500
}
.top-0{
    top:0!important
}
.right-0{
    right:0!important
}
.bottom-0{
    bottom:0!important
}
.left-0{
    left:0!important
}
.font-size-70{
    font-size:70px!important
}
.font-size-65{
    font-size:65px!important
}
.font-size-60{
    font-size:60px!important
}
.font-size-55{
    font-size:55px!important
}
.font-size-50{
    font-size:50px!important
}
.font-size-45{
    font-size:45px!important
}
.font-size-40{
    font-size:40px!important
}
.font-size-35{
    font-size:35px!important
}
.font-size-30{
    font-size:30px!important
}
.font-size-28{
    font-size:28px!important
}
.font-size-27{
    font-size:27px!important
}
.font-size-26{
    font-size:26px!important
}
.font-size-25{
    font-size:25px!important
}
.font-size-24{
    font-size:24px!important
}
.font-size-23{
    font-size:23px!important
}
.font-size-22{
    font-size:22px!important
}
.font-size-21{
    font-size:21px!important
}
.font-size-20{
    font-size:20px!important
}
.font-size-19{
    font-size:19px!important
}
.font-size-18{
    font-size:18px!important
}
.font-size-17{
    font-size:17px!important
}
.font-size-16{
    font-size:16px!important
}
.font-size-15{
    font-size:15px!important
}
.font-size-14{
    font-size:14px!important
}
.font-size-13{
    font-size:13px!important
}
.font-size-12{
    font-size:12px!important
}
.font-size-11{
    font-size:11px!important
}
.font-weight-regular{
    font-weight:400!important
}
.font-weight-medium{
    font-weight:500!important
}
.font-weight-semi-bold{
    font-weight:600!important
}
.line-height-70{
    line-height:70px!important
}
.line-height-65{
    line-height:65px!important
}
.line-height-60{
    line-height:60px!important
}
.line-height-58{
    line-height:58px!important
}
.line-height-57{
    line-height:57px!important
}
.line-height-56{
    line-height:56px!important
}
.line-height-55{
    line-height:55px!important
}
.line-height-52{
    line-height:52px!important
}
.line-height-50{
    line-height:50px!important
}
.line-height-48{
    line-height:48px!important
}
.line-height-46{
    line-height:46px!important
}
.line-height-45{
    line-height:45px!important
}
.line-height-40{
    line-height:40px!important
}
.line-height-35{
    line-height:35px!important
}
.line-height-33{
    line-height:33px!important
}
.line-height-30{
    line-height:30px!important
}
.line-height-28{
    line-height:28px!important
}
.line-height-27{
    line-height:27px!important
}
.line-height-26{
    line-height:26px!important
}
.line-height-25{
    line-height:25px!important
}
.line-height-24{
    line-height:24px!important
}
.line-height-22{
    line-height:22px!important
}
.line-height-20{
    line-height:20px!important
}
.line-height-18{
    line-height:18px!important
}
.section-padding{
    padding-top:120px;
    padding-bottom:120px
}
.section--padding{
    padding-top:120px;
    padding-bottom:90px
}
.padding-top-10px{
    padding-top:10px!important
}
.padding-top-15px{
    padding-top:15px!important
}
.padding-top-20px{
    padding-top:20px!important
}
.padding-top-25px{
    padding-top:25px!important
}
.padding-top-30px{
    padding-top:30px!important
}
.padding-top-35px{
    padding-top:35px!important
}
.padding-top-40px{
    padding-top:40px!important
}
.padding-top-45px{
    padding-top:45px!important
}
.padding-top-50px{
    padding-top:50px!important
}
.padding-top-55px{
    padding-top:55px!important
}
.padding-top-60px{
    padding-top:60px!important
}
.padding-top-65px{
    padding-top:65px!important
}
.padding-top-70px{
    padding-top:70px!important
}
.padding-top-75px{
    padding-top:75px!important
}
.padding-top-80px{
    padding-top:80px!important
}
.padding-top-85px{
    padding-top:85px!important
}
.padding-top-90px{
    padding-top:90px!important
}
.padding-top-95px{
    padding-top:95px!important
}
.padding-top-100px{
    padding-top:100px!important
}
.padding-top-110px{
    padding-top:110px!important
}
.padding-top-115px{
    padding-top:115px!important
}
.padding-top-120px{
    padding-top:120px!important
}
.padding-top-130px{
    padding-top:130px!important
}
.padding-top-140px{
    padding-top:140px!important
}
.padding-top-150px{
    padding-top:150px!important
}
.padding-top-160px{
    padding-top:160px!important
}
.padding-top-170px{
    padding-top:170px!important
}
.padding-top-180px{
    padding-top:180px!important
}
.padding-top-190px{
    padding-top:190px!important
}
.padding-top-200px{
    padding-top:200px!important
}
.padding-top-210px{
    padding-top:210px!important
}
.padding-top-220px{
    padding-top:220px!important
}
.padding-top-240px{
    padding-top:240px!important
}
.padding-top-250px{
    padding-top:250px!important
}
.padding-bottom-10px{
    padding-bottom:10px!important
}
.padding-bottom-15px{
    padding-bottom:15px!important
}
.padding-bottom-20px{
    padding-bottom:20px!important
}
.padding-bottom-25px{
    padding-bottom:25px!important
}
.padding-bottom-30px{
    padding-bottom:30px!important
}
.padding-bottom-35px{
    padding-bottom:35px!important
}
.padding-bottom-40px{
    padding-bottom:40px!important
}
.padding-bottom-45px{
    padding-bottom:45px!important
}
.padding-bottom-50px{
    padding-bottom:50px!important
}
.padding-bottom-55px{
    padding-bottom:55px!important
}
.padding-bottom-60px{
    padding-bottom:60px!important
}
.padding-bottom-65px{
    padding-bottom:65px!important
}
.padding-bottom-70px{
    padding-bottom:70px!important
}
.padding-bottom-75px{
    padding-bottom:75px!important
}
.padding-bottom-80px{
    padding-bottom:80px!important
}
.padding-bottom-85px{
    padding-bottom:85px!important
}
.padding-bottom-90px{
    padding-bottom:90px!important
}
.padding-bottom-95px{
    padding-bottom:95px!important
}
.padding-bottom-100px{
    padding-bottom:100px!important
}
.padding-bottom-110px{
    padding-bottom:110px!important
}
.padding-bottom-115px{
    padding-bottom:115px!important
}
.padding-bottom-120px{
    padding-bottom:120px!important
}
.padding-bottom-130px{
    padding-bottom:130px!important
}
.padding-bottom-140px{
    padding-bottom:140px!important
}
.padding-bottom-150px{
    padding-bottom:150px!important
}
.padding-bottom-160px{
    padding-bottom:160px!important
}
.padding-bottom-170px{
    padding-bottom:170px!important
}
.padding-bottom-180px{
    padding-bottom:180px!important
}
.padding-bottom-190px{
    padding-bottom:190px!important
}
.padding-bottom-200px{
    padding-bottom:200px!important
}
.padding-bottom-210px{
    padding-bottom:210px!important
}
.padding-bottom-220px{
    padding-bottom:220px!important
}
.padding-bottom-240px{
    padding-bottom:240px!important
}
.padding-bottom-250px{
    padding-bottom:250px!important
}
.text-black{
    color:#050f19!important
}
.text-gray{
    color:#677286!important
}
.text-color{
    color:#ff7e00!important
}
.bg-slim-white{
    background-color:rgba(255,255,255,.02)
}
.bg-gray{
    background-color:#f8f9fa!important
}
.bg-1{
    background-color:#15b2ec!important
}
.bg-2{
    background-color:#f5a416!important
}
.bg-3{
    background-color:#00c99c!important
}
.bg-4{
    background-color:#f12699!important
}
.bg-5{
    background-color:#4e3a9d!important
}
.bg-gradient{
    background:#000!important;
    background:-webkit-linear-gradient(to right,#434343,#000)!important;
    background:linear-gradient(to right,#434343,#000)!important
}
.bg-gradient-2{
    background:#73c8a9!important;
    background:-webkit-linear-gradient(to right,#373b44,#73c8a9)!important;
    background:linear-gradient(to right,#373b44,#73c8a9)!important
}
.bg-gradient-3{
    background:#f96!important;
    background:-webkit-linear-gradient(to right,#ff5e62,#f96)!important;
    background:linear-gradient(to right,#ff5e62,#f96)!important
}
.badge-md{
    padding:5px 10px;
    font-size:13px
}
.badge-primary{
    background-color:#ff7e00
}
.border-gray{
    border-color:rgba(128,137,150,.1)!important
}
.border-top-gray{
    border-top-color:rgba(128,137,150,.1)!important
}
.border-right-gray{
    border-right-color:rgba(128,137,150,.1)!important
}
.border-bottom-gray{
    border-bottom-color:rgba(128,137,150,.1)!important
}
.border-left-gray{
    border-left-color:rgba(128,137,150,.1)!important
}
.container{
    max-width:1200px
}
@media (min-width:576px){
    .container{
        max-width:540px
    }
}
@media (min-width:768px){
    .container{
        max-width:720px
    }
}
@media (min-width:992px){
    .container{
        max-width:960px
    }
}
@media (min-width:1200px){
    .container{
        max-width:1200px
    }
}
@keyframes loader-ripple{
    0%{
        top:28px;
        left:28px;
        width:0;
        height:0;
        opacity:1
    }
    100%{
        top:-1px;
        left:-1px;
        width:58px;
        height:58px;
        opacity:0
    }
}
@-webkit-keyframes shape-move{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0)
    }
    50%{
        -webkit-transform:translateY(-45px) translateX(-55px);
        transform:translateY(-45px) translateX(-55px)
    }
    100%{
        -webkit-transform:translateY(-85px) translateX(-85px);
        transform:translateY(-85px) translateX(-85px)
    }
}
@keyframes shape-move{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0)
    }
    50%{
        -webkit-transform:translateY(-45px) translateX(-55px);
        transform:translateY(-45px) translateX(-55px)
    }
    100%{
        -webkit-transform:translateY(-85px) translateX(-85px);
        transform:translateY(-85px) translateX(-85px)
    }
}
@-webkit-keyframes square-rotate{
    0%{
        transform:rotate(0) scale(1) translateX(0);
        transform-origin:center bottom
    }
    20%{
        transform:rotate(-60deg) scale(.6) translateX(-20px)
    }
    70%{
        transform:rotate(-75deg) scale(.7) translateX(-40px)
    }
    100%{
        transform:rotate(-90deg) scale(1) translateX(-20px)
    }
}
@keyframes square-rotate{
    0%{
        transform:rotate(0) scale(1) translateX(0);
        transform-origin:center bottom
    }
    20%{
        transform:rotate(-60deg) scale(.6) translateX(-20px)
    }
    70%{
        transform:rotate(-75deg) scale(.7) translateX(-40px)
    }
    100%{
        transform:rotate(-90deg) scale(1) translateX(-20px)
    }
}
@-webkit-keyframes square-shape-move{
    0%{
        transform:rotate(0)
    }
    20%{
        transform:rotate(35deg);
        transform-origin:center center
    }
    50%{
        transform:rotate(50deg);
        transform-origin:right top
    }
    80%{
        transform:rotate(65deg);
        transform-origin:bottom right
    }
    90%{
        transform:rotate(90deg);
        transform-origin:left top
    }
    100%{
        transform:rotate(0);
        transform-origin:center center
    }
}
@keyframes bubble-move{
    0%{
        transform:rotate(0)
    }
    20%{
        transform:rotate(35deg);
        transform-origin:center center
    }
    50%{
        transform:rotate(50deg);
        transform-origin:right top
    }
    80%{
        transform:rotate(65deg);
        transform-origin:bottom right
    }
    90%{
        transform:rotate(90deg);
        transform-origin:left top
    }
    100%{
        transform:rotate(0);
        transform-origin:center center
    }
}
@keyframes drop{
    0%{
        transform:translateY(25px)
    }
    30%{
        transform:translateY(-10px) scale(.1)
    }
    30.001%{
        transform:translateY(25px) scale(1)
    }
    70%{
        transform:translateY(25px)
    }
    100%{
        transform:translateY(-10px) scale(.1)
    }
}
@keyframes wave{
    to{
        transform:translateX(-100%)
    }
}
.avatar-sm{
    width:55px;
    height:55px
}
.counter-item{
    text-align:center;
    margin-bottom:30px
}
.counter-item .counter-number{
    font-size:40px;
    font-weight:700
}
.counter-item .counter-title{
    font-size:18px
}
.counter-item:hover .icon-element{
    -webkit-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -o-transform:translateY(-3px);
    transform:translateY(-3px)
}
.full-screen-container{
    position:relative;
    overflow-x:hidden;
    width:100%;
    height:100%
}
.full-screen-inner-container{
    width:100%;
    height:100vh;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    font-family:'IBM Plex Mono',monospace;
    color:#fff
}
.coming-soon-bg,.countdown-wrap{
    width:50%
}
.countdown-wrap{
    background-color:#050f19;
    padding:15px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .countdown-wrap{
        width:100%
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .countdown-wrap{
        width:100%
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .countdown-wrap{
        width:100%
    }
}
.coming-soon-bg{
    background-image:url(../images/coming-soon-bg.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
@media only screen and (min-width:768px) and (max-width:991px){
    .coming-soon-bg{
        display:none
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .coming-soon-bg{
        display:none
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .coming-soon-bg{
        display:none
    }
}
.info-box svg path{
    fill:#ff7e00
}
.dashed-shape{
    position:absolute;
    top:0;
    right:-65px;
    width:140px;
    opacity:.1
}
@media only screen and (min-width:768px) and (max-width:991px){
    .dashed-shape{
        display:none
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .dashed-shape{
        display:none
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .dashed-shape{
        display:none
    }
}
.dashed-shape img{
    width:100%
}
.single-team-img-container{
    position:relative;
    z-index:1
}
.single-team-img-container img{
    width:100%;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px
}
.single-team-img-container:after{
    position:absolute;
    content:'';
    background-image:url(../images/dots.png);
    background-size:cover;
    background-position:center;
    left:-41px;
    bottom:-50px;
    z-index:-1;
    height:85%;
    width:85%;
    opacity:.1
}
@media only screen and (min-width:768px) and (max-width:991px){
    .single-team-img-container:after{
        bottom:-40px
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .single-team-img-container:after{
        display:none
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .single-team-img-container:after{
        display:none
    }
}
.mining-content-wrap{
    position:relative;
    z-index:1
}
.half-shape{
    position:relative
}
.half-shape::after{
    content:'';
    display:block;
    position:absolute;
    width:10000px;
    height:100vh;
    left:0;
    top:-50%;
    background-color:#fff;
    z-index:-1;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%)
}
.form--control{
    height:50px;
    line-height:inherit;
    font-size:15px;
    color:#050f19;
    border:0;
    background-color:#f8f9fa;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    padding-left:20px;
    padding-right:20px
}
.form--control:focus{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    background-color:#eee
}
.form--control::placeholder{
    color:rgba(128,137,150,.8)
}
.form--control:-ms-input-placeholder{
    color:rgba(128,137,150,.8)
}
.form--control::-ms-input-placeholder{
    color:rgba(128,137,150,.8)
}
.custom-control-label{
    font-size:15px
}
.input-icon{
    position:absolute;
    top:18px;
    left:20px
}
.alert-message{
    display:none
}
.custom-control-input:checked~.custom-control-label:before{
    background-color:#ff7e00;
    border-color:#ff7e00
}
.custom-control-input:focus:not(:checked)~.custom-control-label:before{
    border-color:#ff7e00
}
.custom-control-input:focus~.custom-control-label:before{
    -webkit-box-shadow:0 0 0 .2rem rgba(255,126,0,.25);
    -moz-box-shadow:0 0 0 .2rem rgba(255,126,0,.25);
    box-shadow:0 0 0 .2rem rgba(255,126,0,.25)
}
.toggle-password{
    display:inline-flex;
    align-items:center
}
.toggle-password:focus{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.toggle-password:hover{
    color:#ff7e00
}
.toggle-password .eye-off{
    display:none
}
.toggle-password.active .eye-off{
    display:block
}
.toggle-password.active .eye-on{
    display:none
}
#map{
    width:100%
}
.qtyWrap{
    background-color:#fff;
    -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 5px 0 rgba(0,0,0,.1);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px
}
.qtyBtn{
    line-height:1;
    padding:8px 10px;
    font-size:16px;
    color:#050f19;
    text-align:center;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    cursor:pointer
}
.qtyBtn:hover{
    color:#ff7e00
}
.qtyDec{
    border-right:1px solid rgba(127,136,151,.1)
}
.qtyInc{
    border-left:1px solid rgba(127,136,151,.1)
}
.qtyInput{
    width:40px;
    border:0;
    text-align:center;
    color:#050f19;
    pointer-events:none;
    font-size:16px
}
.header-area{
    position:absolute;
    top:0;
    width:100%;
    z-index:1010
}
.header-area-unfixed{
    position:relative;
    top:auto
}
.fixed-top{
    background-color:#fff;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
    -webkit-box-shadow:0 0 40px rgba(82,85,90,.1);
    -moz-box-shadow:0 0 40px rgba(82,85,90,.1);
    box-shadow:0 0 40px rgba(82,85,90,.1)
}
.fixed-top .sticky-logo-show{
    display:inline-block
}
.fixed-top .sticky-logo-hide{
    display:none
}
.fixed-top .main-menu-wrapper{
    padding-right:0;
    padding-left:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    background-color:transparent
}
.fixed-top .main-nav-white>ul>li>a{
    color:#050f19
}
@media only screen and (min-width:768px) and (max-width:991px){
    .fixed-top .main-nav-white>ul>li>a{
        color:#fff
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .fixed-top .main-nav-white>ul>li>a{
        color:#fff
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .fixed-top .main-nav-white>ul>li>a{
        color:#fff
    }
}
.fixed-top .main-nav-white>ul>li>a:hover{
    color:#ff7e00
}
.fixed-top .navbar-toolbar .list-items-white li a{
    color:#050f19
}
.fixed-top .navbar-toolbar .list-items-white li a:hover{
    color:#ff7e00
}
.fixed-top .hamburger-white .line{
    background-color:#050f19
}
@media only screen and (min-width:768px) and (max-width:991px){
    .main-logo{
        text-align:center;
        display:block;
        margin-bottom:12px
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .main-logo{
        text-align:center;
        display:block;
        margin-bottom:12px
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .main-logo{
        text-align:center;
        display:block;
        margin-bottom:12px
    }
}
.sticky-logo-show{
    display:none
}
@media only screen and (min-width:768px) and (max-width:991px){
    .header-top-info{
        text-align:center
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .header-top-info{
        text-align:center
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .header-top-info{
        text-align:center
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .header-top-info.text-right{
        text-align:center!important
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .header-top-info.text-right{
        text-align:center!important
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .header-top-info.text-right{
        text-align:center!important
    }
}
.main-menu-wrapper{
    background-color:#fff;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    padding:20px;
    position:relative
}
@media only screen and (min-width:768px) and (max-width:991px){
    .main-menu-wrapper{
        padding-top:20px;
        padding-bottom:20px
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .main-menu-wrapper{
        padding-top:20px;
        padding-bottom:20px
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .main-menu-wrapper{
        padding-top:20px;
        padding-bottom:20px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .main-navbar{
        width:100%;
        flex-direction:column
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .main-navbar{
        width:100%;
        flex-direction:column
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .main-navbar{
        width:100%;
        flex-direction:column
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .main-nav{
        display:none;
        width:100%;
        order:1;
        margin-top:20px;
        max-height:300px;
        overflow-y:auto
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .main-nav{
        display:none;
        width:100%;
        order:1;
        margin-top:20px;
        max-height:300px;
        overflow-y:auto
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .main-nav{
        display:none;
        width:100%;
        order:1;
        margin-top:20px;
        max-height:300px;
        overflow-y:auto
    }
}
.main-nav>ul>li{
    display:inline-block;
    padding-right:25px;
    position:relative
}
.main-nav>ul>li.has-mega-menu{
    position:static
}
@media only screen and (min-width:768px) and (max-width:991px){
    .main-nav>ul>li{
        display:block;
        padding-right:0
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .main-nav>ul>li{
        display:block;
        padding-right:0
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .main-nav>ul>li{
        display:block;
        padding-right:0
    }
}
.main-nav>ul>li>a{
    color:#050f19;
    font-size:15px;
    display:block;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    padding-bottom:13px;
    margin-bottom:-13px;
    font-weight:500
}
@media only screen and (min-width:768px) and (max-width:991px){
    .main-nav>ul>li>a{
        margin-bottom:0;
        display:flex;
        align-items:center;
        justify-content:space-between
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .main-nav>ul>li>a{
        margin-bottom:0;
        display:flex;
        align-items:center;
        justify-content:space-between
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .main-nav>ul>li>a{
        margin-bottom:0;
        display:flex;
        align-items:center;
        justify-content:space-between
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .main-nav>ul>li>a>.fa-angle-down{
        display:none
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .main-nav>ul>li>a>.fa-angle-down{
        display:none
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .main-nav>ul>li>a>.fa-angle-down{
        display:none
    }
}
.main-nav>ul>li>a:hover{
    color:#ff7e00
}
.main-nav>ul>li .drop-menu{
    position:absolute;
    left:0;
    top:50px;
    opacity:0;
    visibility:hidden
}
@media only screen and (min-width:768px) and (max-width:991px){
    .main-nav>ul>li .drop-menu{
        opacity:1;
        position:inherit;
        left:auto;
        top:auto;
        visibility:visible;
        display:none;
        width:auto;
        margin-bottom:14px
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .main-nav>ul>li .drop-menu{
        opacity:1;
        position:inherit;
        left:auto;
        top:auto;
        visibility:visible;
        display:none;
        width:auto;
        margin-bottom:14px
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .main-nav>ul>li .drop-menu{
        opacity:1;
        position:inherit;
        left:auto;
        top:auto;
        visibility:visible;
        display:none;
        width:auto;
        margin-bottom:14px
    }
}
.main-nav>ul>li .mega-menu{
    width:100%
}
.main-nav>ul>li:last-child{
    padding-right:0
}
.main-nav-white>ul>li>a{
    color:#fff
}
@media only screen and (min-width:768px) and (max-width:991px){
    .main-nav-2{
        background-color:#050f19;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        padding:10px 20px
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .main-nav-2{
        background-color:#050f19;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        padding:10px 20px
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .main-nav-2{
        background-color:#050f19;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        padding:10px 20px
    }
}
.main-nav-2 .drop-menu-toggle{
    background-color:rgba(255,255,255,.1)
}
.main-nav-2 .drop-menu-toggle.active,.main-nav-2 .drop-menu-toggle:hover{
    background-color:#fff;
    color:#050f19
}
@media (min-width:992px){
    .main-nav ul li:hover .drop-menu{
        top:45px;
        opacity:1;
        visibility:visible
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .navbar-toolbar{
        -ms-flex-pack:justify;
        justify-content:space-between;
        width:100%;
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .navbar-toolbar{
        -ms-flex-pack:justify;
        justify-content:space-between;
        width:100%;
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .navbar-toolbar{
        -ms-flex-pack:justify;
        justify-content:space-between;
        width:100%;
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
}
.shopping-cart-icon{
    font-size:15px;
    color:#050f19;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.shopping-cart-icon:hover{
    color:#ff7e00
}
.navbar-tool-search{
    padding-left:20px;
    position:static
}
.navbar-tool-search .dropdown-toggle{
    font-size:15px;
    color:#050f19;
    padding:0;
    width:20px;
    text-align:center
}
.navbar-tool-search .dropdown-toggle::after{
    display:none
}
.navbar-tool-search .dropdown-toggle[aria-expanded=true]{
    color:#ff7e00
}
.navbar-tool-search .dropdown-toggle[aria-expanded=true] .fa-search::before{
    content:"\f00d"
}
.navbar-tool-search .dropdown-menu{
    min-width:100%;
    margin-top:20px
}
.drop-menu{
    background-color:#fff;
    padding-top:12px;
    padding-bottom:12px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    width:200px;
    z-index:1;
    -webkit-box-shadow:0 0 40px rgba(82,85,90,.1);
    -moz-box-shadow:0 0 40px rgba(82,85,90,.1);
    box-shadow:0 0 40px rgba(82,85,90,.1);
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
@media only screen and (min-width:768px) and (max-width:991px){
    .drop-menu{
        -webkit-transition:all 0s;
        -moz-transition:all 0s;
        -ms-transition:all 0s;
        -o-transition:all 0s;
        transition:all 0s
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .drop-menu{
        -webkit-transition:all 0s;
        -moz-transition:all 0s;
        -ms-transition:all 0s;
        -o-transition:all 0s;
        transition:all 0s
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .drop-menu{
        -webkit-transition:all 0s;
        -moz-transition:all 0s;
        -ms-transition:all 0s;
        -o-transition:all 0s;
        transition:all 0s
    }
}
.drop-menu li{
    display:block;
    font-size:14px
}
.drop-menu li a{
    color:#677286;
    display:block;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    text-transform:capitalize;
    padding:3px 25px;
    position:relative
}
.drop-menu li a:hover{
    color:#ff7e00;
    padding-left:35px
}
.drop-menu li a:hover:after{
    width:10px
}
.drop-menu li a:after{
    position:absolute;
    content:'';
    top:50%;
    left:20px;
    width:0;
    height:2px;
    background-color:#ff7e00;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.mega-menu .mega-menu-item:not(:last-child){
    border-right:1px solid rgba(128,137,150,.1)
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mega-menu .mega-menu-item:not(:last-child){
        border-right:0
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .mega-menu .mega-menu-item:not(:last-child){
        border-right:0
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .mega-menu .mega-menu-item:not(:last-child){
        border-right:0
    }
}
.drop-menu-toggle{
    display:none;
    background-color:rgba(128,137,150,.1);
    padding:2px 8px;
    line-height:24px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
@media only screen and (min-width:768px) and (max-width:991px){
    .drop-menu-toggle{
        display:block
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .drop-menu-toggle{
        display:block
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .drop-menu-toggle{
        display:block
    }
}
.drop-menu-toggle.active,.drop-menu-toggle:hover{
    background-color:#050f19;
    color:#fff
}
.drop-menu-toggle.active i::before{
    content:"\f106"
}
.bread-bg{
    background-image:url(../images/breadcrumb-bg.jpg);
    background-size:cover;
    background-position:center
}
.breadcrumb-area{
    padding-top:150px;
    padding-bottom:115px;
    position:relative
}
@media only screen and (min-width:768px) and (max-width:991px){
    .breadcrumb-area{
        padding-bottom:80px
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .breadcrumb-area{
        padding-bottom:80px
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .breadcrumb-area{
        padding-bottom:50px
    }
}
.breadcrumb{
    background-color:transparent;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    margin:0;
    padding:0
}
.breadcrumb-item a{
    color:#fff;
    -webkit-transition:all .1s;
    -moz-transition:all .1s;
    -ms-transition:all .1s;
    -o-transition:all .1s;
    transition:all .1s
}
.breadcrumb-item a:hover{
    color:#ff7e00;
    text-decoration:underline
}
.breadcrumb-item+.breadcrumb-item:before{
    content:"\f105";
    font-family:"Font Awesome 5 Pro";
    vertical-align:middle;
    color:#fff
}
.breadcrumb-item.active{
    color:rgba(255,255,255,.7)
}
.card{
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    -webkit-box-shadow:0 1px 10px rgba(82,85,90,.1);
    -moz-box-shadow:0 1px 10px rgba(82,85,90,.1);
    box-shadow:0 1px 10px rgba(82,85,90,.1);
    border:0;
    margin-bottom:30px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.card-body{
    padding:30px
}
.card-title{
    font-size:20px;
    font-weight:600
}
.card-title a{
    color:#050f19;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.card-title a:hover{
    color:#ff7e00
}
.card-number-icon{
    font-size:40px;
    position:absolute;
    top:30px;
    right:20px;
    color:#050f19;
    opacity:.1
}
.card-img-top{
    border-top-left-radius:8px;
    border-top-right-radius:8px
}
.card-bg-on-hover{
    position:relative
}
.card-bg-on-hover .card-body{
    position:relative;
    z-index:1
}
.card-bg-on-hover:after,.card-bg-on-hover:before{
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
    opacity:0;
    visibility:hidden
}
.card-bg-on-hover:before{
    background-color:rgba(30,22,107,.8)
}
.card-bg-on-hover:after{
    background-image:url(../images/blog-img2.jpg);
    background-position:center;
    background-size:cover;
    z-index:-1
}
.card-bg-on-hover:hover .card-text,.card-bg-on-hover:hover .card-title,.card-bg-on-hover:hover .card-title a{
    color:#fff
}
.card-bg-on-hover:hover:after,.card-bg-on-hover:hover:before{
    opacity:1;
    visibility:visible
}
.media-title a{
    color:#050f19;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.media-title a:hover{
    color:#ff7e00
}
@media only screen and (min-width:480px) and (max-width:767px){
    .competitor-content{
        overflow-y:auto
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .competitor-content{
        overflow-y:auto
    }
}
.competitor-card{
    width:290px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .competitor-card{
        width:190px
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .competitor-card{
        width:190px
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .competitor-card{
        width:190px
    }
}
.competitor-img{
    height:100px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .competitor-img{
        height:65px
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .competitor-img{
        height:65px
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .competitor-img{
        height:65px
    }
}
.competitor-item{
    height:52px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .competitor-item{
        height:65px;
        font-size:14px
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .competitor-item{
        height:65px;
        font-size:14px
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .competitor-item{
        height:65px;
        font-size:14px
    }
}
.countdown-item{
    position:relative
}
.countdown-item span{
    display:block;
    color:#fff
}
.countdown-item .count-text{
    text-transform:uppercase;
    color:rgba(255,255,255,.8);
    font-size:15px;
    margin-top:15px
}
@media only screen and (min-width:320px) and (max-width:479px){
    .countdown-item .count-text{
        font-size:14px;
        margin-top:5px
    }
}
.countdown-item #days,.countdown-item #hours,.countdown-item #minutes,.countdown-item #seconds{
    font-size:40px;
    font-weight:700
}
@media only screen and (min-width:320px) and (max-width:479px){
    .countdown-item #days,.countdown-item #hours,.countdown-item #minutes,.countdown-item #seconds{
        font-size:30px
    }
}
.countdown-item:not(:last-child){
    margin-right:60px
}
@media only screen and (min-width:320px) and (max-width:479px){
    .countdown-item:not(:last-child){
        margin-right:20px
    }
}
.countdown-item:not(:last-child)::before{
    position:absolute;
    content:":";
    top:0;
    right:-38px;
    color:#fff;
    font-weight:700;
    font-size:40px
}
@media only screen and (min-width:320px) and (max-width:479px){
    .countdown-item:not(:last-child)::before{
        display:none
    }
}
.pagination .page-item.active .page-link{
    background-color:#ff7e00
}
.pagination .page-item.active .page-link:hover{
    color:#fff
}
.pagination .page-item:first-child .page-link{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px
}
.pagination .page-item:last-child .page-link{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px
}
.pagination .page-link{
    margin-left:3px;
    border:0;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    color:#677286
}
.pagination .page-link:hover{
    color:#050f19
}
.posts-nav li a{
    position:relative;
    display:inline-block;
    color:#050f19;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.posts-nav li a span{
    display:block;
    color:#677286;
    font-size:15px;
    margin-bottom:1px;
    font-weight:400
}
.posts-nav li a:after{
    font-family:"Font Awesome 5 Pro";
    font-size:22px;
    position:absolute;
    top:50%;
    -webkit-transform:translate3d(0,-50%,0);
    -moz-transform:translate3d(0,-50%,0);
    -ms-transform:translate3d(0,-50%,0);
    -o-transform:translate3d(0,-50%,0);
    transform:translate3d(0,-50%,0);
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.posts-nav li a:hover{
    color:#ff7e00
}
.posts-nav li.prev-post a{
    padding-left:30px
}
.posts-nav li.prev-post a:after{
    left:0;
    content:"\f104"
}
.posts-nav li.prev-post a:hover:after{
    -webkit-transform:translate3d(-5px,-50%,0);
    -moz-transform:translate3d(-5px,-50%,0);
    -ms-transform:translate3d(-5px,-50%,0);
    -o-transform:translate3d(-5px,-50%,0);
    transform:translate3d(-5px,-50%,0)
}
.posts-nav li.next-post a{
    padding-right:30px
}
.posts-nav li.next-post a:after{
    right:0;
    content:"\f105"
}
.posts-nav li.next-post a:hover:after{
    -webkit-transform:translate3d(5px,-50%,0);
    -moz-transform:translate3d(5px,-50%,0);
    -ms-transform:translate3d(5px,-50%,0);
    -o-transform:translate3d(5px,-50%,0);
    transform:translate3d(5px,-50%,0)
}
.nav-pills .nav-item:not(:last-child){
    margin-right:15px
}
.nav-pills .nav-link{
    background-color:#fff;
    color:#677286;
    -webkit-box-shadow:0 1px 10px rgba(82,85,90,.1);
    -moz-box-shadow:0 1px 10px rgba(82,85,90,.1);
    box-shadow:0 1px 10px rgba(82,85,90,.1);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px
}
.nav-pills .nav-link:hover:not(.active){
    color:#050f19
}
.nav-pills .nav-link.active{
    background-color:#ff7e00;
    border:#ff7e00
}
.generic-table .table{
    color:#050f19;
    margin-bottom:0
}
.generic-table .table thead tr{
    background-color:rgba(128,137,150,.05)
}
.generic-table .table thead th{
    border-top:0;
    border-bottom:0;
    font-weight:500;
    font-size:15px;
    opacity:.8
}
.generic-table .table td,.generic-table .table th{
    vertical-align:middle;
    border-top-color:rgba(128,137,150,.1);
    font-size:14px;
    padding-left:20px;
    padding-right:20px;
    font-weight:500
}
.generic-table .table tbody tr:hover{
    background-color:rgba(128,137,150,.05)
}
.generic-table .numeral.red{
    color:#ff2e2e
}
.generic-table .numeral.green{
    color:#39ba5e
}
.generic--table .table tbody tr:hover{
    background-color:transparent
}
.generic-table-negative{
    margin-top:-200px;
    position:relative;
    z-index:1
}
.coin-market-chart{
    fill:none;
    width:120px
}
.coin-market-chart path{
    stroke-width:1.5;
    stroke:rgba(128,127,150,.3)
}
.crypto-name-wrap img{
    width:33px
}
.loader-container{
    width:100%;
    height:100%;
    position:fixed;
    background-color:#fff;
    top:0;
    left:0;
    z-index:9999
}
.loader-ripple{
    position:relative;
    width:64px;
    height:64px;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.loader-ripple div{
    position:absolute;
    border:4px solid #ff7e00;
    opacity:1;
    border-radius:50%;
    animation:loader-ripple 1s cubic-bezier(0,.2,.8,1) infinite
}
.loader-ripple div:nth-child(2){
    animation-delay:-.5s
}
.cursor-pointer{
    cursor:pointer
}
.fancy-radius{
    -webkit-border-radius:30% 70% 70% 30%/30% 30% 70% 70%!important;
    -moz-border-radius:30% 70% 70% 30%/30% 30% 70% 70%!important;
    border-radius:30% 70% 70% 30%/30% 30% 70% 70%!important
}
.hover-y{
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.hover-y:hover{
    -webkit-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -o-transform:translateY(-3px);
    transform:translateY(-3px)
}
.hamburger{
    cursor:pointer;
    display:none
}
@media only screen and (min-width:768px) and (max-width:991px){
    .hamburger{
        display:block
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .hamburger{
        display:block
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .hamburger{
        display:block
    }
}
.hamburger .line{
    width:30px;
    height:3px;
    background-color:#050f19;
    display:block;
    margin:5px auto;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.hamburger.is-active .line:nth-child(1){
    -webkit-transform:translateY(11px) rotate(45deg);
    -moz-transform:translateY(11px) rotate(45deg);
    -ms-transform:translateY(11px) rotate(45deg);
    -o-transform:translateY(11px) rotate(45deg);
    transform:translateY(11px) rotate(45deg)
}
.hamburger.is-active .line:nth-child(2){
    opacity:0
}
.hamburger.is-active .line:nth-child(3){
    -webkit-transform:translateY(-5px) rotate(-45deg);
    -moz-transform:translateY(-5px) rotate(-45deg);
    -ms-transform:translateY(-5px) rotate(-45deg);
    -o-transform:translateY(-5px) rotate(-45deg);
    transform:translateY(-5px) rotate(-45deg)
}
.hamburger-white .line{
    background-color:#fff
}
.section-shape{
    width:17px;
    height:17px;
    display:block;
    border-top:3px solid #ff7e00;
    border-left:3px solid #ff7e00;
    position:relative
}
.section-shape:before{
    position:absolute;
    content:'';
    top:3px;
    left:3px;
    width:5px;
    height:5px;
    background-color:#ff7e00
}
.title-shape{
    height:1px;
    border-bottom:1px solid rgba(128,137,150,.1)
}
.title-shape span{
    display:block;
    width:45px;
    height:1px;
    background-color:#ff7e00
}
.underline-shape{
    position:relative
}
.underline-shape::before{
    position:absolute;
    content:"";
    bottom:7px;
    left:0;
    background-color:#ff7e00;
    opacity:.1;
    width:100%;
    height:8px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.sec-title{
    font-size:45px;
    font-weight:700;
    color:#050f19
}
@media only screen and (min-width:320px) and (max-width:479px){
    .sec-title{
        font-size:30px
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .sec-title.font-size-50,.sec-title.font-size-55{
        font-size:30px!important
    }
}
.sec-desc{
    font-size:18px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .sec-desc br,.sec-title br{
        display:none
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .sec-desc br,.sec-title br{
        display:none
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .sec-desc br,.sec-title br{
        display:none
    }
}
.sec-year-time{
    font-weight:700;
    font-size:50px;
    position:relative
}
.sec-year-time:before{
    position:absolute;
    content:'';
    top:-27px;
    left:-11px;
    width:65px;
    height:45px;
    border:2px dashed rgba(103,114,134,.2);
    z-index:-1
}
.list-items li{
    margin-bottom:5px
}
.list-items li a{
    color:#677286;
    display:inline-block;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.list-items li a:hover{
    color:#ff7e00
}
.list-items li .icon{
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    background-color:#eee;
    margin-right:8px
}
.list-items-white li{
    color:#fff
}
.list-items-white li a{
    color:#fff
}
.list-items-white li a:hover{
    color:rgba(255,255,255,.8)
}
.list-items-hover li a:hover{
    padding-left:5px
}
.list-items-bullet li:before{
    content:"\2022";
    color:#050f19;
    display:inline-block;
    width:16px
}
.blockquote{
    border-left:5px solid #eee;
    padding:10px 20px
}
.blockquote p{
    font-size:18px
}
.ring-shape{
    width:25px;
    height:25px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    display:inline-block;
    border:2px solid rgba(103,114,134,.1)
}
.ring-shape-white{
    border-color:rgba(255,255,255,.1)
}
.ring-shape-1{
    top:4%;
    left:4%
}
.ring-shape-2{
    top:2px;
    left:30%
}
.ring-shape-3{
    bottom:5%;
    left:10%
}
.ring-shape-4{
    top:5%;
    right:15%
}
.ring-shape-5{
    bottom:10%;
    right:8%
}
.ring-shape-6{
    bottom:40%;
    left:25%
}
.ring-shape-7{
    top:40%;
    right:25%
}
.ring-shape-8{
    bottom:18%;
    right:35%
}
.circle-shape{
    width:100px;
    height:100px;
    border:3px solid rgba(128,137,150,.1);
    background-color:#fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.circle-shape-2{
    top:-20px;
    right:90px
}
.circle-shape-3{
    bottom:-20px;
    left:2%
}
.circle-shape-4{
    top:20px;
    left:20%
}
.circle-shape-5{
    bottom:40px;
    right:10%
}
.circle-shape-3,.circle-shape-5{
    width:50px;
    height:50px
}
.triangle-shape{
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border-left:30px solid transparent;
    border-right:30px solid transparent;
    border-bottom:40px solid #15b2ec;
    opacity:.1
}
.triangle-shape-1{
    top:15%;
    left:4%
}
.triangle-shape-2{
    background-color:#f5a416;
    border:none;
    top:45%;
    left:25%;
    width:60px;
    height:60px
}
.triangle-shape-3{
    bottom:30px;
    left:7%;
    border-bottom-color:#00c99c
}
.triangle-shape-4{
    top:25%;
    right:10%;
    border-bottom-color:#f12699
}
.random-img{
    width:80px;
    height:80px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    position:absolute;
    -webkit-box-shadow:0 10px 30px rgba(255,126,0,.1);
    -moz-box-shadow:0 10px 30px rgba(255,126,0,.1);
    box-shadow:0 10px 30px rgba(255,126,0,.1);
    border:3px solid #fff
}
@media only screen and (min-width:768px) and (max-width:991px){
    .random-img{
        display:none
    }
}
@media only screen and (min-width:480px) and (max-width:767px){
    .random-img{
        display:none
    }
}
@media only screen and (min-width:320px) and (max-width:479px){
    .random-img{
        display:none
    }
}
.random-img:nth-child(1){
    top:10%;
    left:20px
}
.random-img:nth-child(2){
    top:32%;
    left:15%
}
.random-img:nth-child(3){
    top:60%;
    left:6%
}
.random-img:nth-child(4){
    bottom:8%;
    left:15%;
    width:70px;
    height:70px
}
.random-img:nth-child(5){
    top:20%;
    right:7%
}
.random-img:nth-child(6){
    top:53%;
    right:20%
}
.random-img:nth-child(7){
    bottom:20%;
    right:4%
}
.img-bg{
    background-image:url(../images/blog-img10.jpg);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#050f19;
    opacity:.9
}
.hover-y:hover{
    -webkit-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -o-transform:translateY(-3px);
    transform:translateY(-3px)
}
.select-picker.show .dropdown-toggle{
    background-color:#eee;
    border-color:#eee
}
.select-picker .dropdown-toggle{
    font-size:15px;
    color:#050f19
}
.select-picker .dropdown-toggle .filter-option-inner-inner{
    text-overflow:ellipsis;
    white-space:nowrap
}
.select-picker .dropdown-toggle:hover{
    background-color:#eee;
    border-color:#eee
}
.select-picker .dropdown-toggle:focus{
    background-color:#eee;
    border-color:#eee;
    outline:0!important;
    -webkit-box-shadow:none!important;
    -moz-box-shadow:none!important;
    box-shadow:none!important
}
.select-picker-sm .btn{
    padding:8px 16px
}
.dropdown-menu{
    padding:15px;
    border:0;
    -webkit-box-shadow:0 1px 10px rgba(82,85,90,.1);
    -moz-box-shadow:0 1px 10px rgba(82,85,90,.1);
    box-shadow:0 1px 10px rgba(82,85,90,.1);
    margin-top:6px
}
.bs-searchbox{
    padding:0 0 5px 0
}
.bs-searchbox input{
    border-color:rgba(128,137,150,.2)
}
.bs-searchbox input:focus{
    outline:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    border-color:rgba(128,137,150,.4)
}
.dropdown-item{
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    padding:5px 15px;
    white-space:normal
}
.dropdown-item:not([href]){
    color:#677286
}
.dropdown-item.active,.dropdown-item:active{
    background-color:#ff7e00;
    color:#fff
}
.dropdown-item.active:hover,.dropdown-item:active:hover{
    color:#fff
}
.social-icons a{
    color:#050f19;
    display:inline-block;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    margin-right:15px
}
.social-icons a:hover{
    color:#ff7e00
}
.owl-theme .owl-dots .owl-dot span{
    width:14px;
    height:14px;
    border:3px solid #ddd;
    background:0 0;
    margin-right:5px;
    margin-left:5px
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background:#fff;
    border-color:#ff7e00
}
.service-carousel .owl-item{
    padding:15px
}
#scroll-to-top{
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:9999;
    width:35px;
    height:35px;
    text-align:center;
    line-height:35px;
    background-color:#fff;
    color:#677286;
    -webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
    -moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
    box-shadow:0 1px 10px rgba(0,0,0,.1);
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    font-size:18px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0)
}
#scroll-to-top:hover{
    background-color:#ff7e00;
    color:#fff
}
#scroll-to-top.is-active{
    opacity:1;
    visibility:visible;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.blog-svg-shape{
    fill:#fff;
    stroke:none;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:256px;
    pointer-events:none
}
.generic-video-img-wrap{
    position:relative
}
.generic-video-img-wrap .generic-video__img{
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    width:100%;
    -webkit-box-shadow:0 0 40px rgba(82,85,90,.1);
    -moz-box-shadow:0 0 40px rgba(82,85,90,.1);
    box-shadow:0 0 40px rgba(82,85,90,.1)
}
.generic-video-img-wrap .play-btn{
    position:absolute;
    bottom:30px;
    right:30px
}
.hero-bg{
    background-image:url(../images/banner-bg.jpg)
}
.hero-area{
    position:relative;
    padding-top:270px;
    padding-bottom:180px;
    background-size:cover;
    background-position:center
}
.hero-area-3{
    padding-top:170px;
    padding-bottom:290px
}
.hero-shape{
    position:relative
}
.hero-shape:before{
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url(../images/dots2.png);
    background-size:cover;
    background-position:center;
    opacity:.3
}
.hero-svg{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    stroke:none;
    fill:#fafafa;
    z-index:-1;
    -webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg);
    pointer-events:none
}
.hero--svg{
    height:120px;
    fill:#fff;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    z-index:1
}
.img-box{
    position:relative
}
.img-box .img__item{
    width:100%;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.img-box .img__item-2{
    bottom:30px;
    left:-50px;
    width:200px;
    height:200px;
    border:10px solid #fff;
    z-index:1;
    position:absolute
}
.img-box .play-btn{
    position:absolute;
    bottom:30px;
    right:30px;
    font-size:25px
}
.overflow-text{
    position:absolute;
    top:0;
    left:35px;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg);
    transform-origin:left;
    color:rgba(103,114,134,.3);
    font-size:45px;
    margin-top:190px;
    line-height:45px;
    letter-spacing:5px;
    text-transform:uppercase
}
.client-testimonial .owl-stage-outer{
    padding-top:30px
}
.testimonial-card .testimonial__img{
    width:120px;
    height:120px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    -webkit-box-shadow:0 0 40px rgba(82,85,90,.1);
    -moz-box-shadow:0 0 40px rgba(82,85,90,.1);
    box-shadow:0 0 40px rgba(82,85,90,.1);
    background-color:#fff
}
.testimonial-card .testimonial__img .testimonial__img-circle{
    position:absolute;
    width:8px;
    height:8px;
    top:21px;
    right:17px;
    background-color:#050f19;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    opacity:.1
}
.testimonial-card .testimonial__img img{
    width:95px;
    height:95px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.testimonial-card .testimonial__img:after{
    position:absolute;
    content:"";
    top:3px;
    right:-3px;
    width:16px;
    height:16px;
    background-color:#050f19;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    opacity:.2
}
.testimonial-card .testimonial__img:before{
    position:absolute;
    content:"";
    top:-25px;
    right:-32px;
    width:32px;
    height:32px;
    background-color:#050f19;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    opacity:.3
}
.testimonial-card .testimonial__desc{
    font-size:20px;
    color:#677286;
    line-height:36px;
    margin-top:25px;
    margin-bottom:25px
}
.testimonial-card .testimonial__title{
    font-size:20px;
    margin-bottom:10px;
    color:#050f19
}
.testimonial-card .testimonial__meta{
    font-size:15px;
    text-transform:capitalize;
    color:#677286;
    background-color:rgba(103,114,134,.07);
    display:inline-block;
    padding:4px 20px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    margin-bottom:30px
}
.timeline-wrap{
    position:relative;
    z-index:1
}
.timeline-wrap:after{
    position:absolute;
    content:'';
    left:50%;
    top:0;
    width:4px;
    height:100%;
    background-color:#050f19;
    opacity:.1;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:-1;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}
@media only screen and (min-width:320px) and (max-width:479px){
    .timeline-wrap:after{
        display:none
    }
}
.timeline{
    display:-webkit-flex;
    display:-ms-flex;
    display:flex
}
@media only screen and (min-width:320px) and (max-width:479px){
    .timeline{
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.timeline:not(:last-child){
    padding-bottom:40px
}
@media only screen and (min-width:320px) and (max-width:479px){
    .timeline:not(:last-child){
        padding-bottom:20px
    }
}
.timeline:nth-child(2n+2){
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
@media only screen and (min-width:320px) and (max-width:479px){
    .timeline:nth-child(2n+2){
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.timeline:nth-child(2n+2) .timeline-prev{
    text-align:left;
    padding-right:0;
    padding-left:42px
}
@media only screen and (min-width:320px) and (max-width:479px){
    .timeline:nth-child(2n+2) .timeline-prev{
        padding-left:0
    }
}
.timeline:nth-child(2n+2) .timeline-prev:before{
    right:auto;
    left:-10px
}
.timeline:nth-child(2n+2) .timeline-next{
    margin-left:0;
    margin-right:auto;
    text-align:right
}
@media only screen and (min-width:320px) and (max-width:479px){
    .timeline:nth-child(2n+2) .timeline-next{
        text-align:left
    }
}
.timeline:nth-child(2n+2) .timeline-next:before{
    left:auto;
    right:-12px;
    border-right:transparent;
    border-left:12px solid #fff
}
@media only screen and (min-width:320px) and (max-width:479px){
    .timeline:nth-child(2n+2) .timeline-next:before{
        left:20px;
        right:auto;
        border-right:12px solid transparent;
        border-left-color:transparent
    }
}
.timeline-prev{
    width:50%;
    text-align:right;
    position:relative;
    padding-right:42px;
    padding-top:27px
}
@media only screen and (min-width:320px) and (max-width:479px){
    .timeline-prev{
        width:100%;
        padding-right:0;
        padding-top:0;
        padding-bottom:25px
    }
}
.timeline-prev:before{
    position:absolute;
    content:"";
    height:20px;
    width:20px;
    border:3px solid #fff;
    background-color:#ff7e00;
    right:-10px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
@media only screen and (min-width:320px) and (max-width:479px){
    .timeline-prev:before{
        display:none
    }
}
.timeline-next{
    position:relative;
    width:46%;
    margin-left:auto
}
@media only screen and (min-width:320px) and (max-width:479px){
    .timeline-next{
        width:100%;
        margin-left:0;
        text-align:right
    }
}
.timeline-next:before{
    position:absolute;
    top:26px;
    left:-12px;
    content:'';
    width:0;
    height:0;
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    border-right:12px solid #fff
}
@media only screen and (min-width:320px) and (max-width:479px){
    .timeline-next:before{
        top:-12px;
        left:auto;
        right:20px;
        border-top:transparent;
        border-right-color:transparent;
        border-left:12px solid transparent;
        border-bottom-color:#fff
    }
}
.accordion .card{
    margin-bottom:15px
}
.accordion .card-header{
    background-color:transparent;
    padding:0;
    border-bottom-color:rgba(128,137,150,.1)
}
.accordion .btn{
    width:100%;
    text-align:left;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:17px
}
.accordion .btn[aria-expanded=true]{
    color:#ff7e00
}
.accordion .btn[aria-expanded=true] i:before{
    content:"\f068"
}
.accordion .card-body{
    padding:1.25rem
}
.comments li{
    border-bottom:1px solid rgba(128,137,150,.1);
    padding-bottom:25px;
    margin-bottom:25px
}
.comments li:last-child{
    border-bottom-width:0;
    margin-bottom:0;
    padding-bottom:0
}
.comments ul{
    margin-top:25px;
    margin-left:72px;
    padding-top:25px;
    border-top:1px solid rgba(128,137,150,.1)
}
.copy-desc{
    font-size:14px
}
.copy-desc a{
    color:#050f19;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.copy-desc a:hover{
    color:#ff7e00
}