body {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.bg-tpmnu-clr {
    background: #0c0b1e;
}

.top-menu ul {
    margin: 0;
}

    .top-menu ul li {
        display: inline-block;
        padding: 13px 0px;
        margin-right: 11px;
    }

        .top-menu ul li a {
          
            text-decoration: none;
            color: #ececec;
        }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        background-color: transparent;
}
.banner {
    background: url(/img/top-banner.jpg);
    background-position:center;
    background-size: cover;
    min-height: 800px;
    position: relative;
  
}
.banner1 {
    background: url(/img/breadcrumb-bg.jpg) center center no-repeat;
    background-size: cover;
    min-height: 352px;
    position: relative;
        z-index: 2;
}
.banner-flex {
      display: flex;
    align-items: center;
    justify-content: center;
       margin-top: 100px;
    margin-bottom: 100px;
}
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.main-menu {
    width: 100%;
    border: 1px solid #cccccc5e;
    z-index:9;
}

    .main-menu .navbar-inverse {
        background-color: transparent;
        border-color: transparent;
        margin-top: 5px;
    }

    .main-menu .navbar-brand {
        padding: 0px 15px;
        padding-left: 0;
    }

    .main-menu .navbar-inverse .navbar-nav > li > a {
        color: #fff;
            text-transform: capitalize;
    }

.pad-0 {
    padding: 0;
}
.banner-content h4 {
    text-align:center;
   color: #fbfbfb;
    text-transform: capitalize;
    font-size: 36px;
    font-weight: 400;
}
.banner-content h1 {
    text-align:center;
       color: #fbfbfb;
    text-transform: capitalize;
    font-size: 52px;
}
.banner-content span {
    font-weight: bold;
    color: #87c352;
}
.lg-form span {
   display: inline-block;
    float: left;
    line-height: 60px;
    background: #fff;
    color: #181824;
    padding: 0 6px;
    flex: 0.3;
    text-align: center;
}
.lg-form .form-search {
    margin: 0 !important;
    border-radius: 0;
    border: none;
    border-left: 1px solid #181824;
    flex: 1;
    height: 60px;
    background-position: 400px center;
    background-position: 95% center;
}
.lg-form .form-group {
    display:flex;
}
.lg-form {
    margin-top: 50px;
}
.submit-btn {
    width: 100%;
    padding: 13px;
    border-radius: 5px;
    border: 0;
    background: #87c352;
    color: #fff;
    outline:0;
}
.rechrge-prcess {
      background: url(/img/recherge-process.jpg);
    background-position:center;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9%;
    -webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.3);
    padding: 0;
}
.select-box {
    text-align: center;
    padding: 70px 0px;
    border-right: 2px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    z-index: 99;
    position: relative;

}
    .select-box i {
        font-size:34px;
    }
    .select-box h4 {
        text-transform: capitalize;
        color: #fff;
        font-size: 21px;
        font-weight: 500;
    }
.rechrge-prcess::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #18181e;
    opacity: 0.4;
    z-index: 0;
}
.no-flex-mbvew {
    display:flex;
    align-items:center;
    justify-content:center;
        margin-bottom: 200px;
}
.rechrge-prcess .select-box:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    z-index: -1;
    opacity: 0;
    background: #87c352;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform: skew(50deg);
    -ms-transform: skew(50deg);
    transform: skew(50deg);
}
.rechrge-prcess .select-box:hover:after {
    opacity: .58;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    height: 100%;
}
.bg-clr-wt {
    background:#fff;
  
}
.icon-flex {
    display:flex;
    align-items:center;
}
.icon-flex img {
    height:40px;
}
.why-choose h2{
    color: #151415;
    font-size: 36px;
    font-weight: 500;
}
.why-choose p {
    color: #5c5c5c;
    font-size: 16px;
    line-height: 26px;
}
.choose-reason h3 {
    color: #202020;
    font-size: 21px;
    text-transform: capitalize;
}
.choose-reason p {
    line-height: 26px;
    color: #5c5c5c;
    font-size: 15px;
}
.icon-flex div:last-child {
    margin-left: 20px;
}
.shape-1 {
    position: absolute;
    right: 100%;
    margin-right: -38px;
    -webkit-animation: shape-1 3s infinite;
    animation: shape-1 3s infinite;
}
 .shape-2 {
    position: absolute;
    right: 0;
    top: 40px;
    -webkit-animation: shape-2 5s infinite;
    animation: shape-2 5s infinite;
}
 @-webkit-keyframes shape-1 {
  0% {
    top: -112px; }
  50% {
    top: -120px; }
  100% {
    top: -112px; } }
@keyframes shape-1 {
  0% {
    top: -112px; }
  50% {
    top: -120px; }
  100% {
    top: -112px; } }

@-webkit-keyframes shape-2 {
  0% {
    right: 0; }
  50% {
    right: 15px; }
  100% {
    right: 0; } }

@keyframes shape-2 {
  0% {
    right: 0; }
  50% {
    right: 15px; }
  100% {
    right: 0; } }
.choose-me h2{
    color: #151415;
    font-size: 36px;
    text-transform: capitalize;
    font-weight: 600;
    padding-bottom: 18px;
}
.choose-me {
    margin-bottom: 50px;
}
.choose-me p
{font-size: 16px;
    line-height: 26px;
    color: #5c5c5c;
    }
.mg-tp-btm-70 {
    margin-top:70px;
   
}
.card {
    margin-top:30px;
}

.desired-product .card-view {
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    padding: 40px 80px;
    background: url(/img/sim.png) left center no-repeat;
    background-size: auto 60%;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.desired-product .card-view.card-hover, .desired-product .card-view:hover {
    padding: 60px 80px;
    margin-top: -20px;
}
.desired-product .card-view h3 {
    font-weight: 600;
    font-size: 21px;
    color: #151415;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.desired-product .card-view span {
    display: block;
}
.desired-product .card-view  span.subtitle {
    font-size: 16px;
    color:#3d5169;
}
.desired-product .card-view span.price, .desired-product .card-view:hover span.price {
    color: #87c352;
}
.desired-product .card-view span.price {
    font-size: 30px;
    font-weight: 700;
    color: #202020;
    margin: 17px 0 15px;
}
.desired-product .card-view ul li {
    font-size: 16px;
    color: #5c5c5c;
    line-height: 1.8;
}
.desired-product .card-view a {
    display: inline-block;
    width: 160px;
    height: 50px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    line-height: 48px;
    text-align: center;
    color: #202020;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 23px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    text-decoration:none;
}

.desired-product .card-hover a, .desired-product .card-view:hover a {
    background:#87c352;
    border-color:#87c352;
    color: #fff;
}
.desired-product {
    margin-top: 50px;
    margin-bottom: 50px;
}
.our-future {
    margin-bottom:50px;
}
.our-future .single-feature .part-icon img {
    height: 100%;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.our-future .single-feature .part-icon {
    height: 60px;
    margin-bottom: 24px;
}
.our-future .single-feature .part-text h3 {
    font-size: 21px;
    font-weight: 500;
    color: #202020;
    margin-bottom: 18px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.card-view .list-unstyled {
    height: 180px;
}
.our-future .single-feature .part-text p {
    height:250px;
    font-size: 16px;
    line-height: 26px;
    color: #202020;
    margin: 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.our-future .single-feature {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 40px 30px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    position: relative;
    z-index: 2;
}
.no-space>.col, .no-space>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.brdr-btm-none .single-feature{
  border-bottom:none;
}
.our-future .single-feature:before {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    background: #202020;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.our-future .single-feature:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: #202020;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.our-future .single-feature:hover:after, .our-future .single-feature:hover:before {
    width: 50%;
    height: 100%;
}
.our-future .single-feature:hover .part-text p {
    color: #ececec;
}
.static {
   background: url(/img/statics-bg.png) 50% 100% no-repeat;
    background-color: #202020;
    padding: 100px 0;
}
.static .single-static {
    text-align: center;
    width: 100%;
}
.static .single-static .inner-content {
    display: inline-block;
    background: #202020;
    padding: 0 20px;
}
.static .single-static .inner-content span {
    display: block;
}
.static .single-static .inner-content span.count {
    font-weight: 700;
    color: #87c352;
    text-transform: uppercase;
    font-size: 30px;
}
.static .single-static .inner-content span.title {
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
}
.pad-tp-static {
   padding-top:132px;
}
.pad-btm-static {
   padding-bottom:132px;
}
.dwn-flex {
    display:flex; 
    justify-content:flex-end; 
}
.download .part-text {
     width: 41%;height: 490px;
}
.play-button {
        position: absolute;
    z-index: 100000;
    top: 45%;
    left: 12%;
}
.play-button a{
     display: flex;
    justify-content: center;
    width: 80px;
    align-items: center;
    height: 80px;
    font-size: 25px;
    line-height: 63px;
    text-align: center;
    color: #ff1f70;
    background: #fff;
    border-radius: 50%;
    border: 10px solid rgba(255, 31, 112, 0.5);
}

.download-option {
 margin-top: 40px;
    margin-bottom: 40px;
}
.download {
    margin-top: 40px;
    margin-bottom: 40px;   
     position: relative;
    width: 85%;
}
.download .download-img {
    margin-right: 30px;
    position: absolute;
    height: 100%;
    right: 50%;
    width: 64%;
    background: url(/img/video.jpg) center center no-repeat;
    background-size: 100%;
}
.download .download-img .overlapping {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    mix-blend-mode: multiply;
}
.download .download-img img {
    mix-blend-mode: screen;
    background-color: #fff;
    height: 100%;
    width: 100%;
    max-width: none;
}
.download .part-text h3 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 500;
    margin-bottom: 23px;
    margin-top: -10px;
}
.download .part-text p {
    color: #5c5c5c;
    font-size: 16px;
    line-height: 26px;
}
.download .part-text ul li {
    display: inline-block;
}
.download .part-text ul li a {
    display: inline-block;
    margin-right: 26px;
}
.download .part-text h3 span {
    color: #87c352;
}
.footer {
    background: #202020;
    padding: 100px 0;
}
.footer .about-area a.logo {
    display: inline-block;
    margin-bottom: 24px;
}
.footer .about-area p {
    font-size: 16px;
    line-height: 26px;
    color: #ececec;
    margin-bottom: 24px;
}.footer .about-area ul.social li {
    display: inline-block;
}
 .footer .about-area ul.social li a.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(236, 236, 236, 0.5);
    color: #ececec;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
    font-size: 12px;
    margin-right: 6px;
    text-decoration:none;
}
 .footer .useful-link h3 {
    font-size: 21px;
    color: #fff;
    margin-bottom: 19px;
    font-weight: 500;
}
 .footer .useful-link ul li a {
    display: inline-block;
    color: #ececec;
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 10px;
    text-decoration:none;
}
 .copyright {
    background: #202020;
    border-top: 1px solid #4d4d4d;
}
.copyright-area {
    text-align:center;
}
.copyright .copyright-area p {
    margin: 0;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    padding: 27px 0;
}
.copyright .copyright-area p a {
    display: inline-block;
     color: #87c352;
     text-decoration:none;
}
.breadcrumb-content h2 {
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fbfbfb;
}
.breadcrumb-content ul li {
    display: inline-block;
    position: relative;
    color: #fbfbfb;
    margin-right: 6px;
}
.breadcrumb-content ul li a {
    display: inline-block;
    color: #87c352;
        text-decoration: none;
}
.breadcrumb-content {
        margin-left: 15px;
}
.sub-header h3{
    font-size: 36px;
    font-weight: 500;
    color: #151415;
    text-transform: capitalize;
   
}
.space-master-page {
    margin-top: 20px;
    margin-bottom: 20px;
}
    .space-master-page .part-text p {
        font-size: 16px;
    line-height: 26px;
    color: #202020;
    }
    .banner1:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #282828;
    opacity: .75;
    z-index: -1;
}
.cn-flex {
    display:flex;
}
    .cn-flex div {
        flex:1;
    }
    .cn-flex div .text_box , .text_box1 ,.txt-box ,.boxstyle{
        border-radius: 0px;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
        width: 100%;
        height: 45px;
        border: none;
        padding: 0 30px;
        text-transform: capitalize;
    }
    .cn-flex > div:last-child {
    margin-left: 10px;
}
.cn-flex1 .text_box1 {
   height:inherit;  
     padding-top: 30px;
}
.addrs-flex {
    display:flex;
    align-items:center;
}
    .addrs-flex div {
        flex:1;
        text-align: center;
    }
.contact-us {
    margin-bottom:20px;
}
.contact-us h2{
    margin-top:0;
}
.mg-btm-40 {
  
    margin-bottom:40px;
}
.mg-tp-40 {
    margin-top:40px;
}
.add li {
        line-height: 30px;
}
.fr-spce {
    margin-top:20px;
    margin-bottom:20px;
}
.box {
   -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
    border-radius: 4px;
    padding: 17px;
}
.box h1{
       margin-top: 0;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
}
    .box span {
        display:block;
        margin-bottom:-3px;
    }
.regs span {
     display:inline-block;
         margin-bottom: 5px;
             margin-top: 5px;
}
.regs .ritshd {
    text-align:center;
}
.sub-header h1 {
    margin-top: 0;
        margin-bottom: 20px;
}
@media screen and (max-width: 968px) and (min-width: 0px) {
    .top-menu ul {
        text-align: center;
    }

        .top-menu ul li a {
            border: 1px solid #ccc;
            padding: 3px 6px;
                margin-right: 1px;
        }

    .mb-pad-0 {
        padding: 0;
    }

    .main-menu .navbar-header {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #fff;
        border: 1px solid #fff;
    }
    .lg-form span {
            flex: 0.5;
    }
    .banner-content h1 {
            font-size: 36px;
    }
    .banner-content h4 {
            font-size: 23px;
    }
    .navbar-nav {
    background: #4b4b4a;
}
    .rechrge-prcess {
            position: inherit;
    }
    .select-box {
        border-right: none;
        border-bottom: 1px solid #fff;
    }
    .no-flex-mbvew {
        display: block;
        margin-bottom: 40px;
    }
    .banner-flex {
        margin-top: 100px;
    margin-bottom: 100px;
    }
    .card-view {
        margin-bottom:30px;
    }
    .card {
     margin-top: 0px;
}
    .desired-product .card-view.card-hover {
        margin-top:0;
            padding: 10px 20px 10px 50px;
    }
    .desired-product .card-view {
            padding: 10px 20px 10px 50px;
    }
    .mg-tp-btm-70 {
        margin-top: 30px;
    margin-bottom: 30px;
    }
    .desired-product {
    margin-top: 0px;
    margin-bottom: 0px;
}
    .choose-me h2 {
            font-size: 28px;
    }
    .choose-me p {
            font-size: 14px;
    }
    .our-future .single-feature {
        border:1px solid #ccc;
    }
    .static {
        background:#202020;
    }
    .pad-tp-static {
   padding-top:30px;
   padding-bottom:30px;
}
.pad-btm-static {
    padding-top:30px;
   padding-bottom:30px;
}
    .static .single-static .inner-content span.count {
            font-size: 43px;
    }
    .static .single-static .inner-content span.title {
            font-size: 26px;
    }
    .download .download-img , .play-button{
        display:none;
    }
    .download .part-text {
    width: 100%;
    height: auto;
}
    .dwn-flex {
    display: block;
    justify-content: center;
}
    .download .part-text h3 {
            font-size: 25px;
    }
    .download {
        width:100%;
    }
        .download .part-text p {
            text-align: justify;
        }
        .addrs-flex {
    display: block;
   
}
}