/*------------------------------------------------------------------
[Master Stylesheet]
Project:        ICO TOKEN
Version:        Initial
Last change:    30/4/2018
Primary use:    Bitcoin 
Author:         CreativeLayers 
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
1. Fonts
2. Theme Layout
3. Chosen, a Select Box Enhancer for jQuery and Prototype
4. Header
5. Header Menus
6. Main Featured Area
7. Theme btn
8. Filter Radius
9. Notification List
10. Search
11. Header Account
12. Heading
13. Country Section
14. Simple text Block
15. Popular Listing
16. Slider
17. Arrows
18. Reviews Sec
19. Blog Sec
20. Subscribe Bar
21. Widget
22. Links Widget
23. Custom Tooltip
24. How it works
25. Client Sec
26. Listing Circle
27. Price table
28. Featured Listings
29. Search Wide
30. Explore Box
31. App Download Sec
32. Breadcrumbs
33. Lisitng Search
34. Side Result
35. Sidebar Widgets
36. Style Star Rating Widget
37. All Listing Details
38. Add Listing Sec
39. Add Hours
40. Code
41. Pagination
42. Heading 2
43. Quick Office Contact
44. Coming Soon Sec
45. Gallery Sec
46. Followers Filter
47. Form Profile Update
48. Menu Action
49. Cross Browser Compatibility
-------------------------------------------------------------------*/
/*=============== Fonts - Barlow & Open Sans ===================*/
@import url('https://fonts.googleapis.com/css?family=Barlow:300,400,400i,500,500i,600,600i,700,700i,800,900|Open+Sans:300,300i,400,400i,600,600i,700,700i');
/*=============== General Styling ===================*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License:none (public domain)
*/
/*my css start*/

/*--------kyc page-------*/



/*--------kyc page-------*/

.table-heads i{
           background: #5a4f80;
    color: white;
    padding: 11px;
    border-radius: 5px;
    margin-top: 36px;
}


/*---------buy page--------*/

        .img-box-buy h1 {
            font-size: 54px;
            font-weight: 600;
            margin-top: 8px;
            color: white;
        }

       
           .img-box-buy img {
            width: 306px;
        }

       

        .img-box-buy h3 {
            font-size:22px;
            margin-top: 4px;
              color: white;
        }

          .img-box3 {
            display: flex;
            margin-top: 23px;
            margin-bottom: 20px;
            color: white;
        }

        .tabset-buy-1{
            height:650px !important;
            width:100% !important;
            text-align:center !important;
        }

         .img-box11 img {
            width: 311px;
            float: inline-end;
            margin-top: -83px;
        }

         .img-box10 img {
            width: 266px;
            float: inline-end;
            margin-top:-37px;
        }
         .img-box9 img {
            width: 266px;
            float: inline-end;
            margin-top:-3px;
        }


           .img-box12 img {
            width: 220px;
            margin-right: 8px;
            width: 226px;
            float: inline-end;
            margin-top: -24px;
        }

            .tkenf h4 {
            margin-top: 33px;
            font-size: 22px;
            text-align:left;
        }

              .testimonialp {
            font-size: 18px;
            text-align:left;
        }


/*---------buy page--------*/

/*--------terms&condition page------*/



/*custom css 2*/

/*-----sell page------*/
         .img-box2 img{
          width: 419px;
    margin-top: 45px;
        }

          .img-box2 h1{
              font-size:55px;
              font-weight:600;
              margin-top:55px;
              color:white;
          }

          
            .img-box3 img {
                display: flex;
                width: 64px;
            }

             .img-box3 h6 {
                font-weight: 600;
                margin-top: 24px;
                font-size: 17px;
                margin-left: 5px;
            }

               
            .img-box3 h5 {
                font-size: 35px;
                margin-top: 10px;
                margin-left: 15px;
                color:white;
            }

              .sellform1{
            margin-top:60px;
        }

              .mains-ly h3 {
  
    text-align: left;
 padding-left:unset;
    margin-top: 9px !important;
}

  .row-prices a {
            width:91px ! Important;
            background: #5a4f80 !important;
                margin-right: 14px;

        }

  .row-prices1 a {
            width:91px ! Important;
            background: #5a4f80 !important;
                margin-right: 14px;

        }

     .tabset-buy {
  
    height: 565px !important;
}


      .sellpagehead{
            color:#67514e;
                font-size: 30px;
        }
      
.whytoken2.s2 h3{
    text-align: center;
    margin-top: 17px;
    margin-bottom: 51px;
    font-family: Barlow;
    font-weight: 600;
    font-size:35px;
    color:#67514e;
}


.accordion-item .accordion-item-title {
    position: relative;
    margin: 0;
    display: flex;
    width: 100%;
    font-size: 18px;
    cursor: pointer;
    justify-content: space-between;
    flex-direction: row-reverse;
  padding: 28px 21px ;
    box-sizing: border-box;
    align-items: center;
      color:#664743;
}

.accordion {
    display: flex;
    flex-direction: column;
    font-family: "Sora", sans-serif;
    max-width: 75%;
  
    margin: 50px auto;
    padding: 0 50px;
}
/*-----sell page------*/



/*----------contact page--------*/
.lastbanner-contact {
    margin-bottom: -65px;
    margin-top: 45px;
}
.contactcontent {
    margin-top: 40px;
}

.ltn__contact-address-item-3 {
    -webkit-box-shadow: none;
    box-shadow: 0px 0px 22px -10px;
    border: 2px solid var(--border-color-11);
    padding: 50px 30px 25px;
}
.ltn__contact-address-item {
    padding: 40px 30px 10px;
    text-align: center;
    -webkit-box-shadow: var(--ltn__box-shadow-2);
    box-shadow: 0px 2px 12px 1px;
    margin-bottom: 30px;
}

.contactsection {
    background: #fafafa;
}

.contactbttn {
    background: #5a4f80;
    color: white;
    float: inherit;
    width: 100%;
    border-radius: 26px !important;
}

.input-item-con {
    position: relative;
}

.box-shadow {
    border-radius: 30px;
    background: #f9f9f9;
    height: 316px;
}

.box-shadow-3 {
    border-radius: 30px;
    background: #f9f9f9;
    height: 316px;
}

.ltn__contact-address-item-3 .ltn__contact-address-icon {
    margin-bottom: 35px;
}
    .ltn__contact-address-item-3 .ltn__contact-address-icon img {
        max-width: 80px;
    }

.footer-social1 {
    display: inline-flex;
    margin-top: 21px;
}

    .footer-social1 li a {
        color:#5a4f80;
    }

    .footer-social1 li {
        padding-left: 27px;
    }

        .footer-social1 li a i {
            font-size: 26px;
        }

.box-shadow-cont p {
    color: #a77416;
    font-weight: 600;
    margin-bottom: 2px;
}

.contact-form-box {
    padding: 40px 50px 50px;
    position: relative;
    z-index: 1;
    background: #f9f9f9;
    height: 100%;
    box-shadow: 0px 1px 9px 1px;
    border: none;
}

.box-shadow {
    border-radius: 30px;
}

.getintouchhead {
    text-align: center;
    font-size: 29px;
}

.lastbanner-con {
    margin-bottom: -65px;
    height: 99px;
    border-radius: 26px;
    margin-top: 45px;
}

/*----------contact page--------*/

/*--------privacypolicy page-------*/
   .privacycont b{
            font-size:17px;
        }

          .privacycontul ul li{
              font-size:16px;
          }

          .lastbancont h3{
                  font-size: 37px;
    color: white;
    text-align: center;
    margin-top: -31px;
          }


/*--------privacypolicy page-------*/

 .faqsec > h3{
     margin-bottom: 40px !important;
     margin-top:0px !important;
     color:#5a4f80!Important;
 }
/*custom css 2*/









@media(max-width:768px) {

    .lastbancont h3 {
        margin-top: -76px;
        font-size: 22px;
    }

    .itembtns {
        width: 45.2%;
    }

    .ltn__contact-address-item p {
        font-size: 14px;
    }

    .ltn__contact-address-item {
        margin-bottom: 0px;
    }

    .footer-social1 li {
        padding: 0px 0px 0px 20px;
    }

    .ltn__contact-message-area {
        margin-top: 30px;
    }



    .contactbttn {
        margin-bottom: 24px !important;
    }

    .lastbanner-con {
        margin-bottom: 17px;
    }

    .contact-form-box {
        padding: 35px 10px 0px;
    }

    .img-box2 img {
        width: 100%;
        margin-top: 66px;
    }

    .img-box2 h1 {
        font-size: 30px;
        margin-top: 29px;
    }

    .img-box2 h3 {
        font-size: 18px;
        margin-top: 15px;
    }

    .img-box3 img {
        width: 46px;
        height: 39px;
    }

    .img-box3 h6 {
        margin-top: 9px;
        font-size: 13px;
        margin-left: 0px;
    }

    .img-box3 h5 {
        font-size: 26px;
        margin-top: 6px;
    }

   
    .sellform1 {
        margin-top: 29px;
        padding: 18px 15px !important;
        margin-bottom: 42px;
    }

    .mains-ly h3 {
        margin-top: 4px !important;
    }

    .row-prices a {
   
        font-size: 10px;
        height: 25px;
    }

    .row-prices1 a {
        padding: 10px;
        font-size: 10px;
        height: 25px;
    }

    .tabset-buy {
        height: 532px !important;
    }

    .sec-mainli {
        margin: 101px 12px 20px 13px;
    }

    .sellpagehead {
        font-size: 23px;
    }

    .last-con h5 {
        font-size: 14px !important;
    }

    .whytoken2.s2 h3 {
        font-size: 22px;
    }

    .accordion-item {
        margin-bottom: 6px !important;
        margin: 2px -38px 0px -40px;
        height: 61px;
    }

        .accordion-item .accordion-item-title {
            display: flex;
            width: auto;
            font-size: 13px;
            margin-top: 19px;
            padding: 7px;
        }

    .whytoken2.s2 h3 {
        margin-bottom: 18px;
    }

    .accordion {
      margin-bottom:6px;
        max-width: none;
      
    }

    .img-box-buy img {
    width: 100%;
}

    .img-box-buy h1 {
        font-size: 30px;
    }

    .img-box-buy h3 {
        font-size: 19px;
    }

     .img-box11 img {
         width: 100%;
    margin-top: -124px;

        }

    .img-box12 img {
        width: 100%;
    }
     .img-box10 img {
           width:100%;
        }


     .sellform2 {
    margin-top: 29px;
    padding: 18px 15px !important;
    margin-bottom: 42px;
}

   .blocklys{
       margin-top:25px;
   }

   .cirsle-sec{
           margin-bottom: 49px !important;
    margin-top: 20px !important;
   }

   .indexform{
       margin-top:30px;
   }
}



p{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1.2}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{
    content:'';
    content:none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
html{overflow-x:hidden}

* {
    outline: none!important;
}
.logo a img {
    margin: 4px 0px 0px 0px !important;
}
body{
    color:#555555;
    letter-spacing:0;
    font-family:'Open Sans', sans-serif;;
    overflow-x:hidden;
    position:relative;
    letter-spacing:0.25px;
}
button,a,input[type="submit"], input[type="button"]{
    cursor: pointer;
}
w{outline:none!important}
h1, h2, h3, h4, h5, h6{
    margin-bottom:20px;
    font-family:'Open Sans', serif;
}
h1{font-size:36px}
h2{font-size:32px}
h3{font-size:28px}
h4{font-size:24px}
h5{font-size:20px}
h6{font-size:16px}
p{
    color:#666666;
    font-size:16px;
    margin-bottom:30px;
    line-height:29px;
}
a, a:hover, a:focus {
    color: inherit;
}
a:hover,
a:focus{
    text-decoration:none;
    outline:none;
}
input:hover,input:focus{outline:none}
html.no-scoll {
    overflow: hidden;
}
header {
    z-index: 3;
    position: relative;
    float: left;
    width: 100%;
    padding: 0 280px;
}
/* Theme Layout */
.theme-layout{
    float:left;
    overflow:hidden;
    position:relative;
    width:100%;
}
.theme-layout.boxed{
    background:none repeat scroll 0 0 #FFFFFF;
    float:none;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    z-index:1;
    width:1300px;
    
    -webkit-box-shadow:0 0 6px #747474;
    -moz-box-shadow:0 0 6px #747474;
    -ms-box-shadow:0 0 6px #747474;
    -o-box-shadow:0 0 6px #747474;
    box-shadow:0 0 6px #747474;
}
.block {
    float: left;
    padding: 100px 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
.roadz{
       width: 100%;
    font-size: 30px;
    color: #e90808;
    font-family: Barlow;
    font-weight: 600;
    text-align: center;
    margin-bottom: 25px;
}
.classy a{
    font-size:22px;
    font-weight:600;
}
.timelines li.active-tl:before{
    background: #bc02e0 !important;
    color: #F1F1F1 !important;
}
.timeline li:before{
    border:3px solid rgb(238 159 16) !important;
    width:10px !important;
    height:10px !important;
}

.timely{
    text-align:center;
    clear:both;
    font-size:15px;
}
.paras{
    text-align:center;
    line-height:30px;
}
.timelines1 li{
    width:25% !important;
}
.timelines li.active-tl + li:after {
    background: #bc02e0;
}
.timelines1 li:after {
    background: #5368f8;
}
.timelines1{
    margin-left:0px !important;
        top: -11px
}
    .timelines1 li:before {
        border: 3px solid rgb(84 105 251) !important;
    }
    .timelines li:after{
        top:5px !important;
    }



/*My-Css-Start*/
.menu-items a{
    color:black ;
}
.partes{
    margin-bottom:45px !important;
}
.partnersec > h3{
    margin-bottom:20px !important;
}
.block-sub{
    padding:100px 0px !important;
}
.block-subpage{
    background:white;
}
.dropbtn {
  background-color: none !important;
  color: black;
  padding: 0px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  }
.cust-love span{
    font-size:25px;
    color:#880a0a;
}
.row-prices{
    display:flex;
}
.row-prices a{
   
        box-shadow: 2px 3px gray;
 
 
    border-radius: 11px;
 
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff !important;
    font-weight:700;
}
.innerz{
    background:none !important;
           padding: 120px 0px 50px 0px !important;
}
.innerhead > h3{
    color: #ffffff !important;
        text-shadow: 2px 2px #b1a6a6 !important;
}

.time-kyc li::after{
    z-index:999 !important;
    top:5px !Important;
}
.cols{
    display:flex !important;
}
.second-heads{
    font-size:15px !important;
    width:200px;
        line-height: 22px;
}
.pro-btns{
    margin-left:0px;
    margin-top:5px;
}
.cols input{
   width: 100% !important;
    border: 2px #fece46 solid !important;
    border-radius: 10px;
    background: white !important;
}

.quibuy{
    text-align: left;
    margin-bottom: 5px;
    color: #494545;
}
.line{
    background: #fece46;
    height: 3px;
    width: 84px;
    margin-bottom: 20px;
}
.tabbed-buy{
        width: 100% !important;
    margin: 10px 8px !important;
}
.tab-panels-buy{
    background:#fefefe!important;
}
.breadcrumbs > li  {
    color: #ffffff !important;
}
.clickaccount img{
    float:left;
}
.columns{
        background: #f2f7ff;
    box-shadow: 1px 0px 10px #BAADAB;
    padding: 34px;
}
.fieldform .stb-select-container{
    background:white;
}
.img-topz img{
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
    margin-top: 20px;
}
.main-top h2{
        text-align: center;
    font-size: 17px;
    margin-top: 15px;
}
.clickaccount{
    display:flex;
}
.innerz a{
    color: #ffffff !important;
}
.top-sections{
    width:35%;
}
.row-prices a:hover{
       background: white !important;
    color: #000 !important;
    box-shadow: 2px 2px 7px #968e8e
}
.row-prices1{
    display:flex;
}
.second-heads2{
    font-size: 15px !important;
    margin: 11px 0px 10px 20px;;
 }
.row-prices1 a{
          box-shadow: 2px 3px gray;
    border-radius: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    font-weight: 700;

}
.row-prices1 a:hover{
       background: white !important;
    color: #000 !important;
    box-shadow: 2px 2px 7px #968e8e;
    
}
.dropbtn img{
    border-radius:30px;
    margin-right: 10px;
    position:relative;
    width: 40px;
    height: 40px;
    z-index:-1;
}
.dropbtn span{
     position:relative;
    z-index:-1;
    margin-right:5px;
    font-family:barlow;
}
.btns-user{
    background:none !important;
    padding:0px !important;
    float:left;
}
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content, .dropdown-content2{
    width:200px;
    display: none;
      position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    overflow: auto;
    top: 53px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: -8px;
    z-index: 1;
}
.dropdown-content2{
    top: 90px;
    right: 2rem;
}
.dropdown-content a , .dropdown-content a{
    width:100%;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 12px;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}
.lm{
    margin-top:5px !important;
}
.roadmap-sub{
    margin-bottom:30px !Important;
    text-align:center;
}
.secmainz{
        background: linear-gradient(-45deg,#e32d13,#9e0d0d) !important;
}
.ever-title{
            animation: blinker 2.5s linear infinite;
            font-weight:600 !important;
            color:black !important;
        }
         @keyframes blinker {
  50% {
    opacity: 0;
  }
}
.numpara{
    margin-bottom:0px !Important;
    font-size:14px;
}
.footer-social{
    display:flex;
        margin-bottom: 40px !important;
}
.pulse{
    border:none !important;
}
.pulse::after{
        top: 13px !important;
    left: 15px !important;
}
.last-sec{
    padding:50px 0px 0px 0px !important;
}
.bottom{
    margin-top:0px !Important;
}
.footer-social li{
        margin-right: 10px;
}
.footer-social li a{
    background: #152c53;
    padding: 7px;
    border-radius: 50%;
    color:white !Important;
}
.dateinput{
        border: 1px solid #e1e2f4 !important;
            padding: 16px 20px 16px 30px !important;
}
.secmainz h3{
    color:white !Important;
}
.secmainz h3{
    font-weight:600 !Important;
    font-size:32px !important;
    margin-bottom:20px;
}
.genderinput{
        float: left;
    width: 96%;
    background: no-repeat;
    margin: 0;
    font-family: Open Sans;
    font-size: 13px;
    color: #474747;
        padding: 16px 20px 16px 30px !important;
     border: none !important;
}
.stickytops{
    background:white !important;
}
.stickytops .menusec{
        margin: 5px 0 !important;
        padding:0px 50px;
}
.logo > a img{
        width: 232px !important;
}
.menu-items li{
        padding: 15px 0 !important;
}
.menusec nav > ul > li::before{
    display:none !important;
}
.btnly {
    margin: 16px 0px 0px 0px !important;
    margin-left: 60px !important;
}
header.sticky .logo {
    margin: 0px 0 !important;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50% !important;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.parallax.no-parallax:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/resource/bg-curve-shape-top.png) no-repeat;
    background-position: bottom center;
    width: 100%;
    height: 362px;
}
.cong-head{
    font-weight:600;
    font-size: 20px;
    color: #ba6b64;
}

    .sec1{
    display:flex !important;
    margin-top:85px !important;
}
    .main-headl{
        font-weight:600 !Important;
         line-height:63px !Important;
    }
   
    .list-mainli{
        list-style:auto;
        padding-left:38px;
    }
    .list-mainli li{
        color:white;
        line-height:20px;
        font-size:16px;
    }
    .menu-items-mains a:hover{
        border-bottom:2px black solid !important;
        transition:2s step-end linear;
    }
    .tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}
    .tabimg img{
              position: absolute;
    top: -47px;
    z-index: -1;
    left: 373px;
    transform: rotate(361deg);
    width: 95px;
    }
     .blink {
            animation: blinker 5s linear infinite;
           }
        @keyframes blinker {
            50% {
                opacity: 0;
            }
        }
.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

/*
 Styling
*/
body {
  font: 16px/1.5em "Overpass", "Open Sans", Helvetica, sans-serif;
  color: #333;
  font-weight: 300;
}

.tabset > label {
  position: relative;
  display: inline-block;
      padding: 0px 15px 25px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
  font-size:25px !important;
}

.tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;
  font-size: 25px !important;
}

input:focus-visible + label {
  outline: 2px solid rgba(0,102,204,1);
  border-radius: 3px;
  }

.tabset > label:hover,
.tabset > input:focus + label,
.tabset > input:checked + label {
  color: #06c;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #06c;
}

.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}

.tab-panel {
  padding: 15px 0;
  border-top:2px solid #f4d998;
  background:white;
}

.tabset {
  width: 470px;
  background:white;
  padding: 20px 50px;
  border-radius: 20px;
  box-shadow: 1px 1px 7px #aea7a7;
  text-align:left;
  height:554px;
   background-size: calc(100% - (var(--border-size) * 2)) calc(100% - (var(--border-size) * 2)), cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-animation: bg-spin 5s linear infinite;
    animation: bg-spin 5s linear infinite;
}
  @-webkit-keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}
@keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}
@property --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}
label::before, label::after{
    display:none !important;
}
.main-heads{
            font-size: 22px;
    font-family: 'TheSans';
    font-weight: bold;
    color:#de0f0f;
    text-align: left;
    padding-left: 15px;
    margin-bottom:10px;
 }
.live-secz{
    text-align: left;
    padding-left: 16px;
    margin-top: -2px !important;
        font-size: 10px;
}
.icon-rate{
    float: left;
    padding-left: 15px;
    padding-right: 5px;
    color: #de0f0f;
     margin-top: -4px;
 }
.soft-blinker{
    animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.mains-ly{
    display:flex;
 }

.lft{
    /*margin-left:48px;*/
    margin-bottom:15px;
}
.mains-ly span{
      padding: 7px 0px 0px 46px;
    color: gray;
    font-size: 20px;
}
.tabbed {
  width: 100%;
  margin: 8px auto;
}
.gri{
    display:grid;
}
.fr-btn{
    width:100%;
    height:40px;
}
.tabs {
  clear: both;
  perspective: 600px;
}
.left-label{
    margin-left:18%;
}
.innerhead1 h3{
        float: left;
    width: 100%;
    font-size: 30px;
    color: #171719;
    font-weight: 600;
    font-family: Barlow;
    margin: 0;
}
.pro-btn{
    margin-left:18%;
    margin-top:28px;
    transform: translate(18%, 0px);
}
.imp1{
    margin-right:12px;
}
.col-my{
    display:flex;
}
.col-my input{
       width: 170px !important;
    border: 2px #de0f0f solid !important;
    border-radius: 10px;
    background: none !important;
}
.serly{
    height:165px;
}
.block{
    padding:50px 0px !Important;
}
.testim {
		width: 100%;
		position: absolute;
		top: 50%;
		-webkit-transform: translatey(-50%);
		-moz-transform: translatey(-50%);
		-ms-transform: translatey(-50%);
		-o-transform: translatey(-50%);
		transform: translatey(-50%);
}

.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 40px 20px;
    margin: auto;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #eee;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;    
    -ms-transition: all .3s ease-in-out;    
    -moz-transition: all .3s ease-in-out;    
    -o-transition: all .3s ease-in-out;    
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}

.testim .arrow:before {
		cursor: pointer;
}

.testim .arrow:hover {
    color: #ea830e;
}
    

.testim .arrow.left {
    left: 10px;
}

.testim .arrow.right {
    right: 10px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
		height: 12px;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #eee;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
		position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: #ea830e;
    border-color: #ea830e;
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
    
.testim .cont {
    position: relative;
		overflow: hidden;
}

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
}
    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    

.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div h2 {
    color: #ea830e;
    font-size: 1em;
    margin: 15px 0;
}

.testim .cont div p {
    font-size: 1.15em;
    color: #eee;
    width: 80%;
    margin: auto;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        transform: scale(0);
    }
}

@media all and (max-width: 300px) {
	body {
		font-size: 14px;
	}
}

@media all and (max-width: 500px) {
	.testim .arrow {
		font-size: 1.5em;
	}
	
	.testim .cont div p {
		line-height: 25px;
	}

}
/*.height-testly{
    height:508px;
}*/
.roadmap > p {
 padding-right:50px !important;
}
.roadcontent .slick-slide .roadmap{
    float:right !important;
    width:230px !important;
    margin-top:30px !important;
}
.roadmap > i.cl2, .roadmap > i.cl2:before{
    background-color: #f5ab0e !important;
}
.roadmap > i.cl1, .roadmap > i.cl1:before{
    background-color: #9697a0 !important;
}
.roadmap > h3{
    font-size: 20px !important;
    font-weight: 600 !important;
}
.roadmapsec > h3{
    margin-bottom:30px !important;
}
roadmapsec {
    padding:40px 0px !important;
}
.roadcontent .slick-slide{
    width:750px !important;
}
.rmcontent h5{
    font-size:17px !important;
}
.roadcontent::before{
        top: 162px !important;
}
.blockly{
        float: left;
    position: relative;
    width: 100%;
    z-index: 1;
    padding:75px 0px 75px 0px !important;
}

.aoe-title{
  text-transform: uppercase;
      text-align: center;
    font-weight: 600;
    color: #ffffff;
    font-size:30px;
}

.line2{
        width: 75px;
    height: 5px;
    background-color: #fac30c;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 0px;
}
.exp-line1{
    background-image:linear-gradient(to right, #f1cf0b , white);
 }
/*=================================================== TESTIMONIALS SECTION ==========================================================*/

.testimonials-section{
  padding: 0px 0px 50px 0px;
}

.caro{
    margin:25px 0px !Important;
    padding:0px 30px !Important;
}
/*-------------------------------------------------------- Carousel ----------------------------------------------------------*/
.col-center {
  margin: 0 auto;
  float: none !important;
}
.carousel {
  margin: 50px auto;
  padding: 0 170px;
}
.carousel .item {
  color: #999;
  font-size: 14px;
    text-align: center;
  overflow: hidden;
    min-height: 290px;
}
.carousel .item .img-box {
  width: 90px;
  height: 90px;
  margin: 0 auto;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.carousel .img-box img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}
.carousel .testimonial {
  padding: 20px 0 10px;
    color: #121111;
}

.carousel-inner {
    text-align: center;
}

.carousel-title{
  margin: 10px;
  color:#141313;
}

.carousel-line{
  height: 1px;
  width: 100%;
  background-color: #cecece;
  margin: auto;
}
.designation{
    color:#ef090b !important;
}
.carousel .overview { 
    font-size: 12px;
    margin-bottom: 5px;
}

.carousel .overview b {
  color: #7AA641;
}

.company-name{
    color: #555;
}

.carousel .carousel-control {
  width: 0px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
  background: none;
}
.carousel-control i {
    font-size: 40px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: #ffffff;
}
.carousel .carousel-indicators {
  bottom: -40px;
}
.carousel-indicators li, .carousel-indicators li.active {
  width: 10px;
  height: 10px;
  margin: 1px 3px;
  border-radius: 50%;
}
.carousel-indicators li { 
  background: #999;
  border-color: transparent;
  box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {  
  background: #555;   
  box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}


.carousel-control-prev span{
    position: absolute;
    font-size: 14px;
    top: 29%;
    left: 20px;
    color: #89c4f4;
    text-shadow: none;
    font-weight: bolder;
}

.carousel-control-next span{
    position: absolute;
    font-size: 14px;
    top: 29%;
    right: 20px;
    color: #89c4f4;
    text-shadow: none;
    font-weight: bolder;
}
.crd-bg {
	background: #1e5799;
    color: #FFF !important;
    padding: 12px 10px 2px 10px !important;
}
#ctfb1 a {
color:#FFF;
}
#ctfwrap {
}
#ctf {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding:40px 80px;
	
}

#ctfb1 ul 
{width:100%;
}
#ctfb1 ul li {
	font-size: 18px;
    margin-bottom: 15px;
    background: white;
    box-shadow: 2px 2px 3px white;
    padding:3px;
}

#ctfb1 .section {
	font-weight:600;
	font-size:20px;
	
}

#ctfb1 .section:not(:first-child) {
    margin-top:30px !important;
}
#ctfb1 ul li a:hover  {
	text-decoration:none;

}
a
{
text-decoration: none;
padding: 5px;
-moz-transition: .3s;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
#ctfb1 ul li a
{
	font-weight:500;
text-shadow: none;
    color: #1e5799 !important;
}
#ctfb1 ul li a:hover
{
padding-left: 14px;
text-shadow: 0 0 15px #FFFFFF;
transform: scale(1.05);
}

.style-glow
{
color: #FFFFFF;
font-weight: 700;
font-size: 18px;
}
.style-glow:hover
{
}

.btn-primary,
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background:#000871;
}
.columny{
    display:flex;
}
#fields {
	    background-color: rgba( 200,200,200,.1);
    box-shadow: 1px 1px 5px #7aafea;
    padding: 35px 20px;
}
.timeline{
  counter-reset: test 20;
  position: relative;
}
.top-sec-headings h5{
    border:1px #dbd7d7 solid;
    padding:10px;
}
.top-sec-headings{
    margin-bottom:20px;
}
.timeline li{
  list-style: none;
  float: left;
  width: 33.3333%;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  font-size:10px;
}

ul:nth-child(1){
  color: #4caf50;
}

.timeline li:before{
  content: "";
  width: 20px;
  height: 20px;
  border: 3px solid #e8c551;
  border-radius: 50%;
  display: block;
  text-align: center;
  line-height: 50px;
  margin: 0 auto 10px auto;
  background: #fff;
  color: #000;
  transition: all ease-in-out .3s;
  cursor: pointer;
}

.timeline li:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: grey;
  top: 10px;
  left: -50%;
  z-index: -999;
  transition: all ease-in-out .3s;
}

.timeline li:first-child:after{
  content: none;
}
.timeline li.active-tl{
  color: #555555;
}
.timeline li.active-tl:before{
  background: #e8c551;
  color: #F1F1F1;
}

.timeline li.active-tl + li:after{
  background: #090a09;
}
table th , table td{
    text-align: center;
}

table tr:nth-child(even){
    background-color: #e4e3e3
}

th {
  background: #333;
  color: #fff;
}

.pagination {
  margin: 0;
}

.pagination li:hover{
    cursor: pointer;
}

.header_wrap {
  padding:30px 0;
}
.num_rows {
  width: 20%;
  float:left;
}
.tb_search{
  width: 20%;
  float:right;
}
.pagination-container {
  width: 70%;
  float:left;
}

.rows_count {
  width: 20%;
  float:right;
  text-align:right;
  color: #999;
}
.carousel-bg {
  background-color: none;
  margin-top: 10px;
  margin-bottom: 0px;
}
/* quote */
.quote-image {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto;
  padding-top: 60px;
  width: 80px;
}
/* text-style */
.testimonial-style .testimonial-caption-style {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 24px;
  color: #354052;
  line-height: 30px;
  bottom: 40%;
  text-shadow: none;
  top: 2%;
}
.testimonial-style .testimonial-authors {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 20px;
  color: #354052;
  line-height: 30px;
  margin-top: 40px;
}
/* carousel-height-control */
.testimonial-style .carousel-inner > .item {
  padding-top: auto;
  padding-bottom: auto;
  height: 380px;
}
/* carousel-left-right-control */
.testimonial-style .carousel-control.left {
  background: none;
  box-shadow: none;
  text-shadow: none;
}
.testimonial-style .carousel-control.right {
  background: none;
  box-shadow: none;
  text-shadow: none;
}
.testimonial-style .carousel-control {
  color: #354052;
}
.testimonial-style .carousel-control:hover {
  color: #354052;
  text-decoration: none;
  transition: background-color 1s ease;
}
/* indicators */
.testimonial-style .carousel-indicators .active {
  background-color: #fff;
  width: 14px;
  height: 14px;
  transition: background 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.testimonial-style .carousel-indicators li {
  border: 2px solid #354052;
  background-color: #354052;
}
/* Textimonial CSS Code End */
.carousel-review img{
        width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}
.carousel-review p{
    margin: 15px 0 10px !important;
}
.review-sec h4{
        font-weight: 600  !Important;
    text-align: center  !Important;
    font-size:25px;
}
.caros-cap{
    top:2% !important;
}
.carousel-indicators {
    bottom: 0px !important;
}
.carousel-review h4{
        font-weight: 600;
    color: #14356e;
    margin-top:15px;
}
.carousel-review{
        border: 1px #d518ae solid;
        padding:5px 0px 0px 20px !important;
        margin:0px 0px !important;
}
.temply{
    margin-left:180px;
}
.log-btn{
        background:#dc080a !important;
     font-size: 16px !important;
    color: #ffffff !important;
     border-radius: 20px !important;
    text-transform: uppercase !important;
    margin-left: 120px !important;
}
.log-btn:hover{
    text-decoration:none !important;
}
.pcss3t {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 0;
	text-align: left;
}
.pcss3t > input {
	position: absolute;
	left: -9999px;
}
.pcss3t > label {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	cursor: pointer;
	transition: all 0.1s;
	-o-transition: all 0.1s;	
	-ms-transition: all 0.1s;	
	-moz-transition: all 0.1s;	
	-webkit-transition: all 0.1s;
}
.pcss3t > label i {
	display: block;
	float: left;
	margin: 0px 5px;
	padding: 0;
	border: 0;
	outline: none;
	font-family: FontAwesome;
	font-style: normal;
	font-size: 17px;
}
.pcss3t > input:checked + label {
	cursor: default;
}
.pcss3t > ul {
	list-style: none;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 13px;
}
.pcss3t > ul > li {
	position: absolute;
	width: 100%;
	padding: 30px 40px 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	opacity: 0;
	transition: all 0.5s;
	-o-transition: all 0.5s;	
	-ms-transition: all 0.5s;	
	-moz-transition: all 0.5s;	
	-webkit-transition: all 0.5s;
}
.pcss3t > .tab-content-first:checked ~ ul .tab-content-first,
.pcss3t > .tab-content-2:checked ~ ul .tab-content-2,
.pcss3t > .tab-content-3:checked ~ ul .tab-content-3,
.pcss3t > .tab-content-4:checked ~ ul .tab-content-4,
.pcss3t > .tab-content-5:checked ~ ul .tab-content-5,
.pcss3t > .tab-content-6:checked ~ ul .tab-content-6,
.pcss3t > .tab-content-7:checked ~ ul .tab-content-7,
.pcss3t > .tab-content-8:checked ~ ul .tab-content-8,
.pcss3t > .tab-content-9:checked ~ ul .tab-content-9,
.pcss3t > .tab-content-last:checked ~ ul .tab-content-last {
	z-index: 1;
	top: 0;
	left: 0;
	opacity: 1;
	-webkit-transform: scale(1,1);
	-webkit-transform: rotate(0deg);
}


/*----------------------------------------------------------------------------*/
/*                                 EXTENSIONS                                 */
/*----------------------------------------------------------------------------*/

/**/
/* auto height */
/**/
.pcss3t-height-auto > ul {
	height: auto !important;
}
.pcss3t-height-auto > ul > li {
	position: static;
	display: none;
	height: auto !important;
}
.pcss3t-height-auto > .tab-content-first:checked ~ ul .tab-content-first,
.pcss3t-height-auto > .tab-content-2:checked ~ ul .tab-content-2,
.pcss3t-height-auto > .tab-content-3:checked ~ ul .tab-content-3,
.pcss3t-height-auto > .tab-content-4:checked ~ ul .tab-content-4,
.pcss3t-height-auto > .tab-content-5:checked ~ ul .tab-content-5,
.pcss3t-height-auto > .tab-content-last:checked ~ ul .tab-content-last {
	display: block;
}


/**/
/* grid */
/**/
.pcss3t .grid-row {
	margin-top: 20px;
}
.pcss3t .grid-row:after {
	content: '';
	display: table;
	clear: both;
}
.pcss3t .grid-row:first-child {
	margin-top: 0;
}
.pcss3t .grid-col {
	display: block;
	float: left;
	margin-left: 2%;
}
.pcss3t .grid-col:first-child {
	margin-left: 0;
}
.pcss3t .grid-col .inner {
	padding: 10px 0;
	border-radius: 5px;
	background: #f2f2f2;
	text-align: center;
}
.pcss3t .grid-col-1 {
	width: 15%;
}
.pcss3t .grid-col-2 {
	width: 32%;
}
.pcss3t .grid-col-3 {
	width: 49%;
}
.pcss3t .grid-col-4 {
	width: 66%;
}
.pcss3t .grid-col-5 {
	width: 83%;
}
.pcss3t .grid-col-offset-1 {
	margin-left: 19%;
}
.pcss3t .grid-col-offset-1:first-child  {
	margin-left: 17%;
}
.pcss3t .grid-col-offset-2 {
	margin-left: 36%;	
}
.pcss3t .grid-col-offset-2:first-child {
	margin-left: 34%;
}
.pcss3t .grid-col-offset-3 {
	margin-left: 53%;
}
.pcss3t .grid-col-offset-3:first-child {
	margin-left: 51%;
}
.pcss3t .grid-col-offset-4 {
	margin-left: 70%;
}
.pcss3t .grid-col-offset-4:first-child {
	margin-left: 68%;
}
.pcss3t .grid-col-offset-5:first-child {
	margin-left: 85%;
}


/**/
/* typography */
/**/
.pcss3t .typography {
	color: #666;
}
.pcss3t .typography h1,
.pcss3t .typography h2,
.pcss3t .typography h3,
.pcss3t .typography h4,
.pcss3t .typography h5,
.pcss3t .typography h6 {
	margin: 25px 0 0 0;
	padding: 0;
	font-family: Gabriela, Georgia, serif;
	text-align: left;
	color: #333;
}
.pcss3t .typography h1 {
	font-size: 40px;
	line-height: 60px;
	text-shadow: 3px 3px rgba(0,0,0,0.1);
}
.pcss3t .typography h2 {
	font-size: 32px;
	line-height: 48px;
	text-shadow: 2px 2px rgba(0,0,0,0.1);
}
.pcss3t .typography h3 {
	font-size: 26px;
	line-height: 0px;
	text-shadow: 1px 1px rgba(0,0,0,0.1);
}
.pcss3t .typography h4 {
	font-size: 20px;
	line-height: 30px;
}
.pcss3t .typography h5 {
	font-size: 15px;
	line-height: 23px;
	text-transform: uppercase;
}
.pcss3t .typography h6 {
	font-size: 13px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.pcss3t .typography p {
	margin: 20px 0 0 0;
	padding: 0;
	line-height: 20px;
	text-align: left;
}
.pcss3t .typography ul,
.pcss3t .typography ol {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}
.pcss3t .typography li {
	position: relative;
	margin-top: 5px;
	padding-left: 20px;
}
.pcss3t .typography li ul,
.pcss3t .typography li ol {
	margin-top: 5px;
}
.pcss3t .typography ul li:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 6px;
	height: 4px;
	background: #404040;
}
.pcss3t .typography ol {
	counter-reset: list1;
}
.pcss3t .typography ol > li:before {
	counter-increment:list1;
	content: counter(list1)'.';
	position: absolute;
	top: 0;
	left: 0;
}
.pcss3t .typography a {
	color:#ffffff;
}
.pcss3t .typography a:hover {
	text-decoration: none;
}
.pcss3t .typography .pic {
	padding: 4px;
	border: 1px dotted #ccc;
}
.pcss3t .typography .pic img {
	display: block;
}
.pcss3t .typography .pic-right {
	float: right;
	margin: 0 0 10px 20px;
}
.pcss3t .typography .link {
	text-decoration: underline;
	color: #1889e6;
	cursor: pointer;
}
.pcss3t .typography .link:hover {
	text-decoration: none;
}
.pcss3t .typography h1:first-child,
.pcss3t .typography h2:first-child,
.pcss3t .typography h3:first-child,
.pcss3t .typography h4:first-child,
.pcss3t .typography h5:first-child,
.pcss3t .typography h6:first-child,
.pcss3t .typography p:first-child {
	margin-top: 0;
}
.pcss3t .typography .text-center {
	text-align: center;
}
.pcss3t .typography .text-right {
	text-align: right;
}


/**/
/* steps */
/**/
.pcss3t-steps > label {
	cursor: default;
}


/**/
/* animation effects */
/**/
.pcss3t-effect-scale > ul > li {
	-webkit-transform: scale(0.1,0.1);
}
.pcss3t-effect-rotate  > ul > li {
	-webkit-transform: rotate(180deg);
}
.pcss3t-effect-slide-top > ul > li {
	top: -40px;
}
.pcss3t-effect-slide-right > ul > li {
	left: 80px;
}
.pcss3t-effect-slide-bottom > ul > li {
	top: 40px;
}
.pcss3t-effect-slide-left > ul > li {
	left: -80px;
}



/*----------------------------------------------------------------------------*/
/*                                   LAYOUTS                                  */
/*----------------------------------------------------------------------------*/

/**/
/* top right */
/**/
.pcss3t-layout-top-right {
	text-align: right;
}


/**/
/* top center */
/**/
.pcss3t-layout-top-center {
	text-align: center;
}


/**/
/* top combi */
/**/
.pcss3t > .right {
	float: right;
}



/*----------------------------------------------------------------------------*/
/*                                    ICONS                                   */
/*----------------------------------------------------------------------------*/

/**/
/* icons positions */
/**/
.pcss3t-icons-top > label {
	text-align: center;
}
.pcss3t-icons-top > label i {
	float: none;
	margin: 0 auto -10px;
	padding-top: 17px;
	font-size: 23px;
	line-height: 23px;
	text-align: center;
}
.pcss3t-icons-right > label i {
	float: right;
	margin: 0 -2px 0 8px;
}
.pcss3t-icons-bottom > label {
	text-align: center;
}
.pcss3t-icons-bottom > label i {
	float: none;
	margin: -10px auto 0;
	padding-bottom: 17px;
	font-size: 23px;
	line-height: 23px;
	text-align: center;
}
.pcss3t-icons-only > label i {
	float: none;
	margin: 0 auto;
	font-size: 23px;
}


/**/
/* font awesome */
/**/
@font-face
{
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=3.0.1');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
	url('../fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'),
	url('../fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.icon-glass:before {content: '\f000';}
.icon-music:before {content: '\f001';}
.icon-search:before {content: '\f002';}
.icon-envelope:before {content: '\f003';}
.icon-heart:before {content: '\f004';}
.icon-star:before {content: '\f005';}
.icon-star-empty:before {content: '\f006';}
.icon-user:before {content: '\f007';}
.icon-film:before {content: '\f008';}
.icon-th-large:before {content: '\f009';}
.icon-th:before {content: '\f00a';}
.icon-th-list:before {content: '\f00b';}
.icon-ok:before {content: '\f00c';}
.icon-remove:before {content: '\f00d';}
.icon-zoom-in:before {content: '\f00e';}
.icon-zoom-out:before {content: '\f010';}
.icon-off:before {content: '\f011';}
.icon-signal:before {content: '\f012';}
.icon-cog:before {content: '\f013';}
.icon-trash:before {content: '\f014';}
.icon-home:before {content: '\f015';}
.icon-file:before {content: '\f016';}
.icon-time:before {content: '\f017';}
.icon-road:before {content: '\f018';}
.icon-download-alt:before {content: '\f019';}
.icon-download:before {content: '\f01a';}
.icon-upload:before {content: '\f01b';}
.icon-inbox:before {content: '\f01c';}
.icon-play-circle:before {content: '\f01d';}
.icon-repeat:before {content: '\f01e';}
.icon-refresh:before {content: '\f021';}
.icon-list-alt:before {content: '\f022';}
.icon-lock:before {content: '\f023';}
.icon-flag:before {content: '\f024';}
.icon-headphones:before {content: '\f025';}
.icon-volume-off:before {content: '\f026';}
.icon-volume-down:before {content: '\f027';}
.icon-volume-up:before {content: '\f028';}
.icon-qrcode:before {content: '\f029';}
.icon-barcode:before {content: '\f02a';}
.icon-tag:before {content: '\f02b';}
.icon-tags:before {content: '\f02c';}
.icon-book:before {content: '\f02d';}
.icon-bookmark:before {content: '\f02e';}
.icon-print:before {content: '\f02f';}
.icon-camera:before {content: '\f030';}
.icon-font:before {content: '\f031';}
.icon-bold:before {content: '\f032';}
.icon-italic:before {content: '\f033';}
.icon-text-height:before {content: '\f034';}
.icon-text-width:before {content: '\f035';}
.icon-align-left:before {content: '\f036';}
.icon-align-center:before {content: '\f037';}
.icon-align-right:before {content: '\f038';}
.icon-align-justify:before {content: '\f039';}
.icon-list:before {content: '\f03a';}
.icon-indent-left:before {content: '\f03b';}
.icon-indent-right:before {content: '\f03c';}
.icon-facetime-video:before  {content: '\f03d';}
.icon-picture:before {content: '\f03e';}
.icon-pencil:before {content: '\f040';}
.icon-map-marker:before {content: '\f041';}
.icon-adjust:before {content: '\f042';}
.icon-tint:before {content: '\f043';}
.icon-edit:before {content: '\f044';}
.icon-share:before {content: '\f045';}
.icon-check:before {content: '\f046';}
.icon-move:before {content: '\f047';}
.icon-step-backward:before {content: '\f048';}
.icon-fast-backward:before {content: '\f049';}
.icon-backward:before {content: '\f04a'; position: relative;	left: -2px;}
.icon-play:before {content: '\f04b'; position: relative; left: 1px;}
.icon-pause:before {content: '\f04c';}
.icon-stop:before {content: '\f04d';}
.icon-forward:before {content: '\f04e'; position: relative;	left: 2px;}
.icon-fast-forward:before {content: '\f050';}
.icon-step-forward:before {content: '\f051';}
.icon-eject:before {content: '\f052';}
.icon-chevron-left:before {content: '\f053';}
.icon-chevron-right:before {content: '\f054';}
.icon-plus-sign:before {content: '\f055';}
.icon-minus-sign:before {content: '\f056';}
.icon-remove-sign:before {content: '\f057';}
.icon-ok-sign:before {content: '\f058';}
.icon-question-sign:before {content: '\f059';}
.icon-info-sign:before {content: '\f05a';}
.icon-screenshot:before {content: '\f05b';}
.icon-remove-circle:before {content: '\f05c';}
.icon-ok-circle:before {content: '\f05d';}
.icon-ban-circle:before {content: '\f05e';}
.icon-arrow-left:before {content: '\f060';}
.icon-arrow-right:before {content: '\f061';}
.icon-arrow-up:before {content: '\f062';}
.icon-arrow-down:before {content: '\f063';}
.icon-share-alt:before {content: '\f064';}
.icon-resize-full:before {content: '\f065';}
.icon-resize-small:before {content: '\f066';}
.icon-plus:before {content: '\f067';}
.icon-minus:before {content: '\f068';}
.icon-asterisk:before {content: '\f069';}
.icon-exclamation-sign:before {content: '\f06a';}
.icon-gift:before {content: '\f06b';}
.icon-leaf:before {content: '\f06c';}
.icon-fire:before {content: '\f06d';}
.icon-eye-open:before {content: '\f06e';}
.icon-eye-close:before {content: '\f070';}
.icon-warning-sign:before {content: '\f071';}
.icon-plane:before {content: '\f072';}
.icon-calendar:before {content: '\f073';}
.icon-random:before {content: '\f074';}
.icon-comment:before {content: '\f075';}
.icon-magnet:before {content: '\f076';}
.icon-chevron-up:before {content: '\f077';}
.icon-chevron-down:before {content: '\f078';}
.icon-retweet:before {content: '\f079';}
.icon-shopping-cart:before {content: '\f07a';}
.icon-folder-close:before {content: '\f07b';}
.icon-folder-open:before {content: '\f07c';}
.icon-resize-vertical:before {content: '\f07d';}
.icon-resize-horizontal:before {content: '\f07e';}
.icon-bar-chart:before {content: '\f080';}
.icon-twitter-sign:before {content: '\f081';}
.icon-facebook-sign:before {content: '\f082';}
.icon-camera-retro:before {content: '\f083';}
.icon-key:before {content: '\f084';}
.icon-cogs:before {content: '\f085';}
.icon-comments:before {content: '\f086';}
.icon-thumbs-up:before {content: '\f087';}
.icon-thumbs-down:before {content: '\f088';}
.icon-star-half:before {content: '\f089';}
.icon-heart-empty:before {content: '\f08a';}
.icon-signout:before {content: '\f08b';}
.icon-linkedin-sign:before {content: '\f08c';}
.icon-pushpin:before {content: '\f08d';}
.icon-external-link:before {content: '\f08e';}
.icon-signin:before {content: '\f090';}
.icon-trophy:before {content: '\f091';}
.icon-github-sign:before {content: '\f092';}
.icon-upload-alt:before {content: '\f093';}
.icon-lemon:before {content: '\f094';}
.icon-phone:before {content: '\f095';}
.icon-check-empty:before {content: '\f096';}
.icon-bookmark-empty:before {content: '\f097';}
.icon-phone-sign:before {content: '\f098';}
.icon-twitter:before {content: '\f099';}
.icon-facebook:before {content: '\f09a';}
.icon-github:before {content: '\f09b';}
.icon-unlock:before {content: '\f09c';}
.icon-credit-card:before {content: '\f09d';}
.icon-rss:before {content: '\f09e';}
.icon-hdd:before {content: '\f0a0';}
.icon-bullhorn:before {content: '\f0a1';}
.icon-bell:before {content: '\f0a2';}
.icon-certificate:before {content: '\f0a3';}
.icon-hand-right:before {content: '\f0a4';}
.icon-hand-left:before {content: '\f0a5';}
.icon-hand-up:before {content: '\f0a6';}
.icon-hand-down:before {content: '\f0a7';}
.icon-circle-arrow-left:before {content: '\f0a8';}
.icon-circle-arrow-right:before {content: '\f0a9';}
.icon-circle-arrow-up:before {content: '\f0aa';}
.icon-circle-arrow-down:before {content: '\f0ab';}
.icon-globe:before {content: '\f0ac';}
.icon-wrench:before {content: '\f0ad';}
.icon-tasks:before {content: '\f0ae';}
.icon-filter:before {content: '\f0b0';}
.icon-briefcase:before {content: '\f0b1';}
.icon-fullscreen:before {content: '\f0b2';}
.icon-group:before {content: '\f0c0';}
.icon-link:before {content: '\f0c1';}
.icon-cloud:before {content: '\f0c2';}
.icon-beaker:before {content: '\f0c3';}
.icon-cut:before {content: '\f0c4';}
.icon-copy:before {content: '\f0c5';}
.icon-paper-clip:before {content: '\f0c6';}
.icon-save:before {content: '\f0c7';}
.icon-sign-blank:before {content: '\f0c8';}
.icon-reorder:before {content: '\f0c9';}
.icon-list-ul:before {content: '\f0ca';}
.icon-list-ol:before {content: '\f0cb';}
.icon-strikethrough:before {content: '\f0cc';}
.icon-underline:before {content: '\f0cd';}
.icon-table:before {content: '\f0ce';}
.icon-magic:before {content: '\f0d0';}
.icon-truck:before {content: '\f0d1';}
.icon-pinterest:before {content: '\f0d2';}
.icon-pinterest-sign:before {content: '\f0d3';}
.icon-google-plus-sign:before {content: '\f0d4';}
.icon-google-plus:before {content: '\f0d5';}
.icon-money:before {content: '\f0d6';}
.icon-caret-down:before {content: '\f0d7';}
.icon-caret-up:before {content: '\f0d8';}
.icon-caret-left:before {content: '\f0d9';}
.icon-caret-right:before {content: '\f0da';}
.icon-columns:before {content: '\f0db';}
.icon-sort:before {content: '\f0dc';}
.icon-sort-down:before {content: '\f0dd';}
.icon-sort-up:before {content: '\f0de';}
.icon-envelope-alt:before {content: '\f0e0';}
.icon-linkedin:before {content: '\f0e1';}
.icon-undo:before {content: '\f0e2';}
.icon-legal:before {content: '\f0e3';}
.icon-dashboard:before {content: '\f0e4';}
.icon-comment-alt:before {content: '\f0e5';}
.icon-comments-alt:before {content: '\f0e6';}
.icon-bolt:before {content: '\f0e7';}
.icon-sitemap:before {content: '\f0e8';}
.icon-umbrella:before {content: '\f0e9';}
.icon-paste:before {content: '\f0ea';}
.icon-lightbulb:before {content: '\f0eb';}
.icon-exchange:before {content: '\f0ec';}
.icon-cloud-download:before {content: '\f0ed';}
.icon-cloud-upload:before {content: '\f0ee';}
.icon-user-md:before {content: '\f0f0';}
.icon-stethoscope:before {content: '\f0f1';}
.icon-suitcase:before {content: '\f0f2';}
.icon-bell-alt:before {content: '\f0f3';}
.icon-coffee:before {content: '\f0f4';}
.icon-food:before {content: '\f0f5';}
.icon-file-alt:before {content: '\f0f6';}
.icon-building:before {content: '\f0f7';}
.icon-hospital:before {content: '\f0f8';}
.icon-ambulance:before {content: '\f0f9';}
.icon-medkit:before {content: '\f0fa';}
.icon-fighter-jet:before {content: '\f0fb';}
.icon-beer:before {content: '\f0fc';}
.icon-h-sign:before {content: '\f0fd';}
.icon-plus-sign-alt:before {content: '\f0fe';}
.icon-double-angle-left:before {content: '\f100';}
.icon-double-angle-right:before {content: '\f101';}
.icon-double-angle-up:before {content: '\f102';}
.icon-double-angle-down:before {content: '\f103';}
.icon-angle-left:before {content: '\f104';}
.icon-angle-right:before {content: '\f105';}
.icon-angle-up:before {content: '\f106';}
.icon-angle-down:before {content: '\f107';}
.icon-desktop:before {content: '\f108';}
.icon-laptop:before {content: '\f109';}
.icon-tablet:before {content: '\f10a';}
.icon-mobile-phone:before {content: '\f10b';}
.icon-circle-blank:before {content: '\f10c';}
.icon-quote-left:before {content: '\f10d';}
.icon-quote-right:before {content: '\f10e';}
.icon-spinner:before {content: '\f110';}
.icon-circle:before {content: '\f111';}
.icon-reply:before {content: '\f112';}
.icon-github-alt:before {content: '\f113';}
.icon-folder-close-alt:before {content: '\f114';}
.icon-folder-open-alt:before {content: '\f115';}



/*----------------------------------------------------------------------------*/
/*                               RESPONSIVENESS                               */
/*----------------------------------------------------------------------------*/

/**/
/* pad */
/**/
@media screen and (max-width: 980px) {
	
}


/**/
/* phone */
/**/
@media screen and (max-width: 767px) {
	.pcss3t > label {
		display: block;
	}
	.pcss3t > .right {
		float: none;
	}
}



/*----------------------------------------------------------------------------*/
/*                                   THEMES                                   */
/*----------------------------------------------------------------------------*/

/**/
/* default */
/**/
.pcss3t > label {	
	padding: 0 20px;
	background: #e5e5e5;
	font-size: 13px;
	line-height: 20px;
}
.pcss3t > label:hover {
	background: #f2f2f2;
}
.pcss3t > input:checked + label {
	background: #fff;
}
.pcss3t > ul {
	background: #fff;
	text-align: left;
}
.pcss3t-steps > label:hover {
	background: #e5e5e5;	
}


/**/
/* theme 1 */
/**/
.pcss3t-theme-1 > label {
	  margin: 0 5px 5px 0;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 2px 7px gray;
    color: #808080;
    opacity: 1;
    height: 40px;
    padding: 10px 35px;
}
.pcss3t-theme-1 > label:hover {
	background: #fff;
	opacity: 1;
}
.pcss3t-theme-1 > input:checked + label {
	margin-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	color: #2b82d9;
	opacity: 1;
}
.pcss3t-theme-1 > ul {
	border-radius: 5px;
	    box-shadow: 0px 0px 9px #b4adad
}
.pcss3t-theme-1 > .tab-content-first:checked ~ ul {
	border-top-left-radius: 0;
}
.checksy{
    margin-bottom:20px;
}
.clkac{
    background:#eceff3 !important;
}
@media screen and (max-width: 767px) {
	.pcss3t-theme-1 > label {
		margin-right: 0;
	}
	.pcss3t-theme-1 > input:checked + label {
		margin-bottom: 5px;
		padding-bottom: 0;
		border-radius: 5px;
	}
	.pcss3t-theme-1 > .tab-content-first:checked ~ ul {
		border-top-left-radius: 5px;
	}
}


/**/
/* theme 2 */
/**/
.pcss3t-theme-2 {
	padding: 5px;
	background: rgba(0,0,0,0.2);
}
.pcss3t-theme-2 > label {
	margin-right: 0;
	margin-bottom: 0;
	background: none;
	border-radius: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	color: #fff;
	opacity: 1;
}
.pcss3t-theme-2 > label:hover {
	background: rgba(255,255,255,0.2);
}
.pcss3t-theme-2 > input:checked + label {
	padding-bottom: 0;
	background: #fff;
	background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	color: #822bd9;
}
.pcss3t-theme-2 > ul {
	margin: 0 -5px -5px;
	border-radius: 0;
	box-shadow: none;
}
@media screen and (max-width: 767px) {
	.pcss3t-theme-2 > ul {
		margin-top: 5px;
	}
}


/**/
/* theme 3 */
/**/
.pcss3t-theme-3 {
	background: rgba(0,0,0,0.8);	
}
.pcss3t-theme-3 > label {
	background: none;
	border-right: 1px dotted rgba(255,255,255,0.5);
	text-align: center;
	color: #fff;
	opacity: 0.6;
}
.pcss3t-theme-3 > label:hover {
	background: none;
	color: #d9d92b;
	opacity: 0.8;
}
.pcss3t-theme-3 > input:checked + label {
	background: #d9d92b;
	color: #000;
	opacity: 1;
}
.pcss3t-theme-3 > ul {
	border-top: 4px solid #d9d92b;
	border-bottom: 4px solid #d9d92b;
	border-radius: 0;
	box-shadow: none;
}


/**/
/* theme 4 */
/**/
.pcss3t-theme-4 > label {
	margin: 0 10px 10px 0;
	border-radius: 5px;
	background: #78c5fd;
	background: linear-gradient(to bottom, #78c5fd 0%, #2c8fdd 100%);
	background: -o-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%);
	background: -ms-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%);
	background: -moz-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%);
	background: -webkit-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78c5fd', endColorstr='#2c8fdd', GradientType=0);
	box-shadow: inset 0 1px rgba(255,255,255,0.5), 0 1px rgba(0,0,0,0.5);
	line-height: 39px;
	text-shadow: 0 1px rgba(0,0,0,0.5);
	color: #fff;
}
.pcss3t-theme-4 > label:hover {
	background: #90cffc;
	background: linear-gradient(to bottom, #90cffc 0%, #439bde 100%);
	background: -o-linear-gradient(top, #90cffc 0%, #439bde 100%);
	background: -ms-linear-gradient(top, #90cffc 0%, #439bde 100%);
	background: -moz-linear-gradient(top, #90cffc 0%, #439bde 100%);
	background: -webkit-linear-gradient(top, #90cffc 0%, #439bde 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90cffc', endColorstr='#439bde', GradientType=0);
}
.pcss3t-theme-4 > input:checked + label {
	top: 1px;
	background: #5f9dc9;
	background: linear-gradient(to bottom, #5f9dc9 0%, #2270ab 100%);
	background: -o-linear-gradient(top, #5f9dc9 0%, #2270ab 100%);
	background: -ms-linear-gradient(top, #5f9dc9 0%, #2270ab 100%);
	background: -moz-linear-gradient(top, #5f9dc9 0%, #2270ab 100%);
	background: -webkit-linear-gradient(top, #5f9dc9 0%, #2270ab 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f9dc9', endColorstr='#2270ab', GradientType=0);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), 0 1px rgba(255,255,255,0.5);
	text-shadow: none;
}
.pcss3t-theme-4 > ul {
	border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
@media screen and (max-width: 767px) {
	.pcss3t-theme-4 > label {
		margin-right: 0;
	}
}


/**/
/* theme 5 */
/**/
.pcss3t-theme-5 {
	padding: 15px;
	border-radius: 5px;
	background: #ad6395;
	background: linear-gradient(to right, #ad6395 0%, #a163ad 100%);
	background: -o-linear-gradient(left, #ad6395 0%, #a163ad 100%);
	background: -ms-linear-gradient(left, #ad6395 0%, #a163ad 100%);
	background: -moz-linear-gradient(left, #ad6395 0%, #a163ad 100%);
	background: -webkit-linear-gradient(left, #ad6395 0%, #a163ad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f9dc9', endColorstr='#a163ad', GradientType=1);
}
.pcss3t-theme-5 > label {
	margin-right: 10px;
	margin-bottom: 15px;
	background: none;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	opacity: 1;
}
.pcss3t-theme-5 > label:hover {
	background: rgba(255,255,255,0.15);
}
.pcss3t-theme-5 > input:checked + label {
	background: rgba(255,255,255,0.3);
	color: #000;
}
.pcss3t-theme-5 > input:checked + label:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-top: 10px;
	margin-left: -6px;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
}
.pcss3t-theme-5 > ul {
	margin: 0 -15px -15px;
	border-radius: 0 0 5px 5px;
	box-shadow: none;
}
@media screen and (max-width: 767px) {
	.pcss3t-theme-5 > input:checked + label:after {
		display: none;
	}
}


/*----------------------------------------------------------------------------*/
/*                               CUSTOMIZATION                                */
/*----------------------------------------------------------------------------*/

/**/
/* height */
/**/
.pcss3t > ul,
.pcss3t > ul > li {
	height: 645px;
}
.column-horiz{
    display:flex;
}
.top-sectiony{
    width:20%;
    width: 20%;
    border-right: 1px #cdc3c3 solid;
}
.second-headslse{
    font-size: 15px !important;
    margin: 12px 0px 18px 20px;
}
.clkac span{
            /* float: left; */
    width: 100%;
    font-size: 13px;
    color: #443c62;
    line-height: 35px;
    font-family:auto;
}
.row-sec-2{
    width:50%;
}
.secly2{
    padding:24px 0px 0px 20px;
}
.mqinz{
    float:left;
    margin-right:30px;
}
.thirdly-sec{
    width:30%;
}
.buy-goldbtn{
    float:right !important;
    background:linear-gradient(to right,  rgb(0 67 157) 0%,rgb(20 95 196) 32%,rgb(213 217 234) 100%) !important;
    border: none;
    padding: 17px 46px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-size:16px;
    font-family: barlow;
    border-radius:30px;
}
.tables-main tr:nth-child(even){
    background:none !important;
}
.banner-img-tab img{
    width: 100%;
    margin-bottom: 15px;
    border-radius: 15px;
        box-shadow: 3px 3px 8px #787070;
}
.buy-goldbtnsy{
    float: right !important;
    background-image:linear-gradient(to right, #f00a0c , #dc080a);
    border: none;
    padding: 18px 15px 0px 15px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-size: 14px;
    font-family: barlow;
    border-radius: 30px;
}
.buy-goldbtnsy:hover{
    color:white !Important;
    text-decoration:none !important;
}
.gradient.theme-btn{
        padding: 17px 35px ;
    color: black !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow:1px 1px 6px #7b7171 !important;
}
.theme-btn {
    border: 2px solid #ffffff !important;
    font-size: 16px;
    color: #ced0e6;
    padding: 14px 42px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    letter-spacing: 0px;
    float: left;
    font-family: barlow;
}
.gradient.theme-btn:before{
    background:linear-gradient(to right,  rgb(255 255 255) 0%,rgb(255 255 255) 32%,rgb(255 255 255) 100%) !important;
}
.proceedbtn{
    padding: 12px 40px !important;
}
.proceedbtn:hover{
    color:black !important;
}
.topbanner{
    height:450px;
}
.columnie{
    display:flex;
}
.refer-img{
    margin-top:55px;
}
.refer-img img{
    width:100%;
}
.innerzy{
    text-align:left !important;
    padding-top:165px !important;
}
.innerzy h3{
       font-weight: bolder !Important;
    font-size: 67px !important;
    margin-bottom: 10px !important;
}
.padds-btn{
        padding: 10px 30px !important;
        border-radius:10px !important;
}
.innerzy h4{
        font-size: 30px !important;
    text-shadow: 1px 1px #c1bfba !important;
        margin-bottom: 25px !important;
        color:white;
   }
.secmainz1{
    background:#4d4c48 !important;
}
.head-titles{
    color:white;
    text-align:center;
    margin-bottom:35px;
    text-decoration:underline;
}
.relation-sec img{
    padding:45px 15px;
}
.gri label{
    text-align:left;
}
.last-cals h5{
    text-align: left;
    font-size: 16px;
    margin-bottom: 21px;
    font-weight:600;
}
.last-cals span{
      font-weight: 700;
    color: #08259e;
}
.table-heads{
    margin-bottom:20px;
}
.table-heads label{
    padding-left:0px;
}
    .table-heads input {
        width: 100%;
        padding: 5px;
    }
    
.rupee-sec-head{
    margin-left:5px;
    font-weight:600;
}
.balance-sty{
       text-align: left;
    color: #f69f08;
    font-size: 13px;
    font-weight: 600;
    background: #fbf2fb;
    padding: 10px;
    border-radius: 12px;
    margin-left: 13px;
    border: 1px #881387 dotted;
}
.awesome {
     -webkit-animation:colorchange 20s infinite alternate;
     }

    @-webkit-keyframes colorchange {
      0% {
        
        color: blue;
      }
      
      20% {
        
        color: #8e44ad;
      }
      
     40% {
        
        color: #2980b9;
      }
      
     60% {
        
        color: blue;
      }
      
      80% {
     
        color: #f69f08;
      }
      
      100% {
        
        color: black;
      }
    }
            @keyframes firework {
  0% { transform: translate(var(--x), var(--initialY)); width: var(--initialSize); opacity: 1; }
  50% { width: 0.5vmin; opacity: 1; }
  100% { width: var(--finalSize); opacity: 0; }
}


.firework,
.firework::before,
.firework::after
{
  --initialSize: 0.5vmin;
  --finalSize: 45vmin;
  --particleSize: 0.2vmin;
  --color1: yellow;
  --color2: khaki;
  --color3: white;
  --color4: lime;
  --color5: gold;
  --color6: mediumseagreen;
  --y: -30vmin;
  --x: -50%;
  --initialY: 60vmin;
  content: "";
  animation: firework 3s infinite;
  position: absolute;
  top: 55%;
  left: 15%;
  transform: translate(-50%, var(--y));
  width: var(--initialSize);
  aspect-ratio: 1;
  background: 
    /*
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 0%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 0%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 100%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 100%,
    */
    
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 50% 50%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 50%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 50% 100%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 80% 80%,
    
    /* bottom right */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 80% 90%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 95% 90%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 90% 70%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 60%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 55% 80%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 70% 77%,
    
    /* bottom left */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 22% 90%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 45% 90%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 70%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 10% 60%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 31% 80%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 28% 77%,
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 13% 72%,
    
    /* top left */
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 80% 10%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 95% 14%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 90% 23%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 100% 43%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 85% 27%,
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 77% 37%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 60% 7%,
    
    /* top right */
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 22% 14%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 45% 20%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 34%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 10% 29%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 31% 37%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 28% 7%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 13% 42%
    ;
  background-size: var(--initialSize) var(--initialSize);
  background-repeat: no-repeat;
}

.firework::before {
  --x: -50%;
  --y: -50%;
  --initialY: -50%;
/*   transform: translate(-20vmin, -2vmin) rotate(40deg) scale(1.3) rotateY(40deg); */
  transform: translate(-50%, -50%) rotate(40deg) scale(1.3) rotateY(40deg);
/*   animation: fireworkPseudo 2s infinite; */
}

.firework::after {
  --x: -50%;
  --y: -50%;
  --initialY: -50%;
/*   transform: translate(44vmin, -50%) rotate(170deg) scale(1.15) rotateY(-30deg); */
  transform: translate(-50%, -50%) rotate(170deg) scale(1.15) rotateY(-30deg);
/*   animation: fireworkPseudo 2s infinite; */
}

.firework:nth-child(2) {
  --x: 30vmin;
}

.firework:nth-child(2),
.firework:nth-child(2)::before,
.firework:nth-child(2)::after {
  --color1: gold;
  --color2: gold;
  --color3: gold;
  --color4: gold;
  --color5: gold;
  --color6: gold;
  --finalSize: 40vmin;
  left: 5%;
  top: 30%;
  animation-delay: 1.25s;
  z-index:999;
}

.firework:nth-child(3) {
  --x: -30vmin;
  --y: -50vmin;
}

.firework:nth-child(3),
.firework:nth-child(3)::before,
.firework:nth-child(3)::after {
  --color1: gold;
  --color2: gold;
  --color3: gold;
  --color4: gold;
  --color5: gold;
  --color6: gold;
  --finalSize: 35vmin;
  left: 80%;
  top: 70%;
  animation-delay: 2.4s;
  z-index:999;
}
.firework:nth-child(4),
.firework:nth-child(4)::before,
.firework:nth-child(4)::after {
   --color1: gold;
  --color2: gold;
  --color3: gold;
  --color4: gold;
  --color5: gold;
  --color6: gold;
  --finalSize: 35vmin;
  left: 95%;
  top: 60%;
  animation-delay: 5.4s;
  z-index:999;
}
.firework:nth-child(5) {
  --x: -70vmin;
}

.firework:nth-child(5),
.firework:nth-child(5)::before,
.firework:nth-child(5)::after {
   --color1: gold;
  --color2: gold;
  --color3: gold;
  --color4: gold;
  --color5: gold;
  --color6: gold;
  --finalSize: 40vmin;
  left: 65%;
  top: 30%;
  animation-delay: 4.25s;
  z-index:999;
}
.firework:nth-child(6) {
  --x: -17vmin;
}

.firework:nth-child(6),
.firework:nth-child(6)::before,
.firework:nth-child(6)::after {
  --color1: gold;
  --color2: gold;
  --color3: gold;
  --color4: gold;
  --color5: gold;
  --color6: gold;
  --finalSize: 40vmin;
  left: 35%;
  top: 30%;
  animation-delay: 1.25s;
  z-index:999;
}
.firework:nth-child(7),
.firework:nth-child(7)::before,
.firework:nth-child(7)::after{
    --color1: gold;
  --color2: gold;
  --color3: gold;
  --color4: gold;
  --color5: gold;
  --color6: gold;
 --finalSize: 40vmin;
 left:85%;
  top:30%;
 animation-delay: 6.25s;
 z-index:999;
}
.firework:nth-child(8) {
  --x: -70vmin;
}

.firework:nth-child(8),
.firework:nth-child(8)::before,
.firework:nth-child(8)::after {
  --color1: gold;
  --color2: gold;
  --color3: gold;
  --color4: gold;
  --color5: gold;
  --color6: gold;
  --finalSize: 40vmin;
  left: 20%;
  top: 90%;
  animation-delay: 2.25s;
  z-index:999;
}
.firework:nth-child(9) {
  --x: -70vmin;
}

.firework:nth-child(9),
.firework:nth-child(9)::before,
.firework:nth-child(9)::after {
  --color1: gold;
  --color2: gold;
  --color3: gold;
  --color4: gold;
  --color5: gold;
  --color6: gold;
  --finalSize: 40vmin;
  left: 75%;
  top: 80%;
  animation-delay: 0.25s;
  z-index:999;
}
.firework:nth-child(10) {
  --x: 70vmin;
}

.firework:nth-child(10),
.firework:nth-child(10)::before,
.firework:nth-child(10)::after {
  --color1: gold;
  --color2: gold;
  --color3: gold;
  --color4: gold;
  --color5: gold;
  --color6: gold;
  --finalSize: 40vmin;
  left: 35%;
  top: 85%;
  animation-delay: 0.25s;
  z-index:999;
}
.firework:nth-child(11),
.firework:nth-child(11)::before,
.firework:nth-child(11)::after {
  --color1: gold;
  --color2: gold;
  --color3: gold;
  --color4: gold;
  --color5: gold;
  --color6: gold;
  --finalSize: 40vmin;
  left:33%;
  top: 43%;
  animation-delay: -0.25s;
  z-index:999;
}
.firework:nth-child(12),
.firework:nth-child(12)::before,
.firework:nth-child(12)::after {
  --color1: gold;
  --color2: gold;
  --color3: gold;
  --color4: gold;
  --color5: gold;
  --color6: gold;
  --finalSize: 40vmin;
  left: 68%;
  top: 40%;
  animation-delay: 2.25s;
  z-index:999;
}
.firework:nth-child(12) {
  --x: -70vmin;
}
.firework:nth-child(13),
.firework:nth-child(13)::before,
.firework:nth-child(13)::after {
  --color1: gold;
  --color2: gold;
  --color3: gold;
  --color4: gold;
  --color5: gold;
  --color6: gold;
  --finalSize: 40vmin;
  left: 35%;
  top:37%;
  animation-delay: 3.15s;
  z-index:999;
}
.firework:nth-child(14),
.firework:nth-child(14)::before,
.firework:nth-child(14)::after {
  --color1: gold;
  --color2: gold;
  --color3: gold;
  --color4: gold;
  --color5: gold;
  --color6: gold;
  --finalSize: 40vmin;
  left: 85%;
  top: 17%;
  animation-delay: 1.75s;
  z-index:999;
}

.daily-investment-head img{
    width:100%;
    border-radius:15px 15px 0px 0px;
        box-shadow:1px 1px 3px #b7afaf;
    }
.balance-sty1{
        text-align: left;
    color: #f69f08;
    font-size: 13px;
    font-weight: 600;
    background: #fcfbff;
    padding: 10px;
    border-radius: 12px;
    /* margin-left: 13px; */
    border: 1px #6741d5 dotted;
    display:flex;
    width:290px;
        margin-bottom:7px;
  
}
.awesome1 h5{
    -webkit-animation: colorchange 20s infinite alternate;
    margin:0px 8px;
}
.investment-input{
       border: 1px #a9a9f1 solid !important;
    width: 100% !important;
    float: none !important;
    border-radius: 10px;
    background: #f9fbfd !important;
}
.section2{
    margin-top:15px;
}
.section2 label{
    padding-left:7px !important;
    margin-bottom:10px;
}
.daily-list{
    display:flex;
    margin-top:7px;
}
.daily-list a{
    margin-right: 10px;
    background: #c6080a !important;
    box-shadow: 2px 3px #d2cccc;
    color: white;
    padding: 4px 14px;
    border-radius: 11px;
    width: 20%;
    height: 42px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    font-weight: 700;
}
.last-head h5{
        padding:20px 5px 25px 5px !important;
}
.last-head a{
        background: #c6080a;
    padding: 15px 25px;
    border-radius: 15px;
    color: white !important;
     box-shadow: 2px 2px 1px #7b7777;
}
.last-head a:hover{
    text-decoration:none !Important;
}
.lasta{
    margin-right:0px !important;
}
.investment-head{
        list-style: auto;
    padding-left: 15px;
}
.invest-btn a{
     color: white !important;
    background: #dc080a;
    padding: 20px 35px;
    border-radius: 50px;
}
.invest-btn a:hover{
    text-decoration:none !important;
}
.invest-btn{
    margin-top:45px;
}
.block-invest{
    float:none !Important;
}
.right-invest{
    padding: 5px;
    background: aliceblue;
    box-shadow: 1px 1px 4px #9a9595;
}
.top-right-investo{
       background: #ffffff;
    padding: 10px 8px;
    box-shadow: 0px 0px 4px #cdc6c6;
}
.top-right-investo h4{
        font-weight: 700;
    color: #0d168b;
}
.main-investing h5{
    font-weight:600;
    padding:5px;
    font-size:15px;
        margin-bottom: 18px;
}
.main-investing h6{
       margin-top: 5px !important;
        font-weight: 700;
    color: #9f9999;
    text-align:center;
}
.in-row{
       margin-bottom: 30px;
    width: 100%;
    margin-left: 0px !important;
    border-bottom: 1px #b9b1b1 solid;
}
.in-row i{
    font-size:18px;
}
.rowly{
     width: 100%;
    margin-left: 0px !important;
}
.rowly i{
    font-size:16px;
}
.rowly h6{
      margin-top: 5px !important;
    font-size: 15px;
    font-weight: 700;
    margin-bottom:5px !important;
}
.rowly p{
    font-size:12px !important;
         font-weight: 700 !important;
    color: #9f9999;
}
.balance-btn {
    width: 52px;
    position: fixed;
    bottom: 50%;
    z-index: 999999;
    writing-mode: vertical-rl;
    right: -12px;
    background: #ffffff;
    color: #ee0909;
    border-radius: 9px;
}
.balance-btn h4{
    font-weight:600;
    margin-right:0px;
}
.fixed
{
         position: absolute;
    top: 90px;
    right: -20px;
    width: 233px;
    height: 200px;
    z-index: 999;
}
.button 
{
    display: block;
    border: 0;
    line-height: 3;
    margin-bottom: 15px;
    outline: none;
    text-decoration: none;
    color: #fff;
    width: 215px;
    font-size: 13px;
    border-radius: 20px 0 0 20px;
    font-weight:600;
}
.buttonDiv 
{
padding: 10px;
border-radius: 30px 0 0 30px;
}
.buttonDiv img{
    width:55px;
       filter: drop-shadow(1px 1px 2px #9c9696);
}
.buttonDiv:hover
{
    background: white;
    transition: margin 500ms;
    margin-left: -10px;
}
/* Button Css */
.bg-b-blue
{
    background:#f8f4f4;
     color:red !Important;
    margin-top:80%;
    font-size:13px;
}
.bg-b-blue:hover
{
    background: white;
    color:red !Important;
}
.side-btns2:hover{
     text-decoration:none !Important;
}
.side-btns1:hover{
     text-decoration:none !Important;
}

.bg-b-orange
{
   background: #f8f4f4;
    color:red !Important;
    font-size:13px;
}
    .bg-b-orange:hover {
        background: white;
        color: red !Important;
    }
        .itembtns {
            background: #fff;
    border: 0;
    font-size: 18px;
    width: 49.2%;
    padding: 0.5rem 0;
    font-weight: 500;
        }
          3684nz {
    background: #d20808 !important;
}
          .know-btns{
              margin-top:15px;
          }
        
          .carousel-control.left{
              background-image:none !Important;
          }
          .carousel-control.right{
              background-image:none !Important;
          }
          .investo-heads{
              font-size:37px !important;
          }
          .menusec nav > ul > li > a:hover{
              text-decoration:underline !important;
              color:#e30c0d;
          }
          .star-icons i{
                 color: #ffcc17;
    font-size: 20px;
    margin-top: 5px;
          }
          .star-icons{
              margin-bottom:10px;
          }

   .caros{
    width:100% !Important;
    padding:25px 0px 45px 0px!Important;
        margin: 0px !important;
 }
   .cards-maiz img{
           width: 76px;
    border-radius: 50%;
    margin-top: 2px;
    animation: spin 10s infinite reverse linear;
        border: 4px white solid;
   }
    .overlay{
           position: absolute;
    left: 0;
    top: 0;
    height: 40%;
    width: 100%;
    background-color: #e32c2c;
    border-radius: 25px 25px 0 25px;
    padding:5px 0px;
   }
   .cards-maiz{
       position: relative;
     position: relative;
    height: 87px;
    width: 87px;
    border-top: 2px dashed #ffffff;
    border-right: 2px dashed #ffffff;
    border-left: 2px dashed #ffffff;
    border-bottom: 2px dashed #ffffff;
    padding: 3px;
    animation: spin 10s infinite linear;
    /* background: #FFF; */
    border-radius: 50%;
    margin: 15px auto;
   }
   @keyframes spin {
        100% {
            transform: rotate(1turn);
        }
    }
   .swiper-card{
           border: none !important;
    background: white;
    box-shadow: 1px 1px 6px #b6b2b2 !Important;
    border-radius: 24px 25px 15px 15px !Important;
   }
   .swiper-card h2{
  color: #ffffff;
      background: linear-gradient(to right, #4070f4 0, #4070f4 10%, #4d4d4d 20%);
  background-position: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s infinite linear;
  animation-fill-mode: forwards;
   font-weight: 600;
  font-size: 18px;
  text-decoration: none;
  margin-bottom:0px;
   }
@keyframes shine {
    0% {
        background-position: 0;
    }
    50%{
        background-position: 100px;
    }
    
    100% {
        background-position: 180px;
    }
}
.contentz p{
    margin-bottom:5px !Important;
    font-size:14px;
    line-height:30px;
}
.contentz{
    padding-bottom:10px;
}
.last-con{
    display:flex;
    justify-content:center;
}
.last-con img{
    width:25px;
    height:25px;
    margin:5px 7px 0px 10px;
}
.caross{
        margin: 0px 0px !Important;
    padding: 0px 20px !Important;
}
.last-con h5{
    font-weight:600;
    margin:10px 0px !important;
    color:black;
   
}
.test-secz{
    padding-bottom:10px !Important;
}
.popup-scroll{
    position:fixed;
    left:5px;
    bottom:10px;
    z-index:9999;
    width:20%;
}
.close-btnz{
    opacity:1 !important;
    font-size:30px !important;
    color:#696565 !important;   
    z-index:9999;
}
.popup-without{
       padding: 10px;
    box-shadow: 1px 1px 4px gray;
    background:#fdfdfd;
    border-radius:10px;
 }
.popup-without p{
    color: #0707a4;
}
.popup-without img{
    width:35%;
    float:left;
}
.popup-without h6{
    font-weight:700;
    line-height:20px;
}

.gradient-border:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}


@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



.aoe-titles {
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
   
}
.carol{
    padding:0px;
    margin:20px auto;
}
.lines-ca{
        height: 1px;
    width: 250px;
    background-color: #cecece;
    margin: auto;
}
.titles-ca{
    
    color: #181616 !important;
    font-size: 18px;
    font-weight: 600;
}
.star-iconss{
    margin-bottom:18px;
    color:gold;
}
.testimonialp{
    margin-top:15px !important;
}
.sec-mainli{
    background: #fefefe !important;
    box-shadow: 2px 2px 4px #aea8a8;
    padding: 25px;
    height:440px;
        border: 2px #db3636 solid;
}
.carols i{
    color:#1a1919 !Important;
}
.inset-sec img{
    width:100%;
}
.invest-cont{
    margin-bottom:20px !important;
}
.tkrsec{
    height:auto !important;
    padding:20px !important;
    background-color: #ffffff !important;
    color: #d20808 !important;
    margin-bottom:20px !important;
    box-shadow: 1px 1px 10px #c1bdbd !important;
}
.tkrsec span{
    font-size: 18px !important;
    font-weight: 600 !important;
    text-align:left !important;
    padding:0px !important;
    margin-bottom:10px !Important;
}
.border-trf{
    height: 3px;
    width: 42px;
    background: #f5a70a;
    top: 36px;
    position: absolute;
}
.border-trf:hover{
    width: 70px;
   }
.tkrsec p{
    text-align: left !important;
    font-size: 13px !important;
    line-height: 24px !Important;
    color: black;
}
.tkrsec img{
    filter: drop-shadow(1px 1px 6px #373434);
}
.footer-box a:hover{
    color:black !important;
    text-decoration:none !important;
}
.footer-box a{
    color:black !important;
}
.last-secg{
    padding-top:25px;
}
.tkrsecl{
        height: auto !important;
   padding: 10px 15px 4px 15px!important;
    background-color: #ffffff !important;
    color: #d20808 !important;
    margin-bottom: 20px !important;
    box-shadow: 1px 1px 10px #c1bdbd !important;
    display:flex;
    width:40%;
    float:left;
    margin-top:15px;
    border-radius:10px;
}
.tkrsecl img{
    width: 40px;
    margin-top: -12px;
}
.tkrsecl h3{
   margin-top: 0px;
    font-size: 13px;
    font-weight: 600;
    color: black;
}
.sectionls{
    margin-left: 9px;
    margin-top: 0px;
}
.sectionls h5{
        margin-bottom: 5px;
    font-size: 11px;
    color: black;
}
.sec-2trk{
    margin-left:15px;
}
.lastsec h5{
    color:white;
    clear: both;
    margin-bottom: 0px;
}
.lastsec i{
    color:white;
    font-size:15px;
}
.relation-secz img {
    padding: 45px 10px !important;
}
.tkrseclz{
    padding: 10px 15px 4px 0px!important;
    color: #ffffff !important;
    margin-bottom: 20px !important;
    display: flex;
    width: 100%;
    float: left;
    margin-top: 7px;
 }
.feature-sec{
    width:100%;
}
.tkrseclz i{
        color: #fdc33d;
    font-size: 16px;
        margin-left: -8px;
}
.tkrseclz .sectionls{
           margin-left: 15px;
    margin-top: -21px;
}
.img-sec-ly img{
        width: 25px;
    border-radius: 50%;
    margin-left: -14px;
}
.img-sec-ly{
           margin-top: -20px;
    margin-left: 30px;
}
.back-last{
   background: white;
    border-radius: 10px;
    height: 36px;
    padding: 1px 8px 0px 8px;
    box-shadow: 1px 1px 5px white;
    margin-top: -5px;
}
.back-last h5{
    color:black;
}
.back-last span{
       color: #dc080a;
    font-weight:600;
}
.title-bar-footer{
      font-weight: 600;
    margin-bottom: 36px;
    margin-top: 38px;
     color: #2e2a2a;
}
.back-banner{
        background-size: cover !important;
    height: 400px;
    width: 100%;
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin-top:15px;
}
.menusec nav > ul > li img{
    width:30px;
    margin-top:-5px;
 }
.buy-secz{
        color: #e50a0a !important;
    font-weight: 600;
}
.customers-sely{
        text-align: center;
    margin-bottom: 10px;
    font-size: 35px;
    margin-top: 0px;
    color: #e32c2c;
    font-weight: 700;
}
.slider--prof{
    margin:10px auto;
    color:#e32c2c;
}
.sec-rows img{
        filter: drop-shadow(2px 2px 4px #cbc7c7);
}
.iconw3 i{
    line-height: 37px;
    color: #f1b722;
    font-size: 30px;
    padding-left: 20px;
    padding-right: 10px;
}
.iconw3 h4{
    color:#d20808;
}
.icons-change img{
    filter: drop-shadow(2px 2px 4px #6b6666);
    width:90px;
    height:90px;
}
.icons-change{
        height: 230px;
    transition: 0.5s ease-in-out;
}
.ser p span{
    color:#ef1f1f;
}
.icons-change p{
        font-size: 17px !important;
    font-weight: 700;
    margin-top: 15px !important;
    color: #68686b !important;
}
.icons-change:hover{
    transform:scale(1.1);
}
.und-line{
        background: #d20808;
    width: 100px;
    position: absolute;
    height: 1px;
    left: 48px;
    bottom: 4px;
}
.icons-change{
            border: 1px #b4a8a8 dashed;
    padding: 27px 20px 35px 20px !IMPORTANT;
}
.left-sec-fir{
    padding-top:40px;
}
.blocksm {
    padding-top:5px !important;
}
.progress-container {
     width: 100%;
    height: 6px;
    background: #cbc6c6;
    position: fixed;
    top: 80px;
 }
.left-sec-fir h3{
    margin-bottom:15px !important;
}
.left-sec-fir p{
    margin-bottom:25px !important;
}
.progress-bar {
  height: 8px;
  background: linear-gradient(-45deg,#f1d927,#e10f0f) !important;
  width: 0%;
}
header{
    padding:0px !important;
}
.roads-heads{
    width: 100%;
    font-size: 35px;
    color: #e90808;
    font-family: Montserrat, sans-serif;
    letter-spacing: 0px;
    font-weight: 600;
    text-align:center;
}
.price-img{
  
    height:450px;
}
.lines-mainly{
      margin-bottom:30px;
}
.ten-img img{
    width:400px !important;
}
.top-sliderz{
    padding:0px !important;
    margin:0px !important;
}
.left-icon span{
    top:50% !important;
}
.right-icon span{
    top:50% !important;
}
.first-heading{
    font-size:18px !important;
    margin-top:5px;
}
.review-bg{
        background: white;
    padding: 20px;
    border-radius: 10px;
    height:350px;
}
.head-ch{
    color:black;
}
.img-sec-ly-cust{
            margin-top: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin:17px 0px 14px 0px;
}
.img-sec-ly-cust img{
        width: 30px;
    border-radius: 50%;
}
.trst-h h5{
        color: white;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.invest-btny a{
        color: #c6080a !important;
    background: #ffffff;
    padding: 20px 35px;
    border-radius: 50px;
    box-shadow: 3px 3px 6px #555151;
}
.investment-headl{
    margin-bottom:45px;
    line-height:25px;
}
.investment-headl li{
        color: white;
    font-size: 18px;
    margin-bottom: 0px;
}
.investo-headsy{
    color:white !Important;
        margin-bottom: 5px;
        font-size:42px !important;
        line-height:60px;
}

.icons-changes img{
    width:100%;
}
.icons-changes {
    margin-bottom:30px;
}
.i1o{
    margin-top:30px !important;
}
.bottom-lo{
    margin-top:-140px;
}
.left-pad{
    padding:70px 30px !important;
}
.li-line{
        width: 34px;
    height: 2px;
    background: white;
    margin-left: 30px;
    margin-bottom: 15px;
}
.li-lines{
        width: 55px;
    height: 2px;
    background: white;
    margin-left: 30px;
    margin-bottom: 15px;
}
.refer-sec{
        padding: 10px 20px;
    text-align: center;
    border-radius: 14px;
    background:white;
    margin-bottom:20px;
    height:170px;
}

.refer-sec img{
    width:115px;
}

.refer-sec p{
        color: black;
    font-weight: 600;
    font-size:18px !important;
    margin-top:0px;
}
.refero {
    margin-top: 25px;
}
.referos{
    margin-top:-165px !important;
}
.li-linen{
        width: 40px;
    height: 2px;
    background: white;
    margin-left:0px;
    margin-bottom: 15px;
}
.blocklys{
        float: left;
    position: relative;
    width: 100%;
    z-index: 1;
    padding: 40px 0px 20px 0px!important;
}
.para-invest{
    font-size:25px !important;
    line-height:38px !important;
    color:white !Important;
}
            .main-sec ul {
             display: grid;
            grid-template-columns: repeat(var(--columns),1fr);
            background-size: calc(200%/(var(--columns)));
             height:600px;
             background-image: url("/*data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 600 1040' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath d='M0 0l300 173.205v346.41L0 346.41V0z' fill='url(%23_Linear1)'/%3E%3Cpath d='M300 519.615L600 692.82v346.411L300 866.025v-346.41z' fill='url(%23_Linear2)'/%3E%3Cpath d='M600 0L300 173.205v346.41L600 346.41V0z' fill='url(%23_Linear3)'/%3E%3Cpath d='M300 519.615L0 692.82v346.411l300-173.206v-346.41z' fill='url(%23_Linear4)'/%3E%3Cdefs%3E%3ClinearGradient id='_Linear1' x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='rotate(-30 646.41 173.205) scale(346.41)'%3E%3Cstop offset='0' stop-color='%23b7ccc3'/%3E%3Cstop offset='1' stop-color='%23cde2d9'/%3E%3C/linearGradient%3E%3ClinearGradient id='_Linear2' x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='rotate(-30 1766.025 -126.796) scale(346.41)'%3E%3Cstop offset='0' stop-color='%23b7ccc3'/%3E%3Cstop offset='1' stop-color='%23cde2d9'/%3E%3C/linearGradient%3E%3ClinearGradient id='_Linear3' x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='rotate(-150 346.41 92.82) scale(346.41)'%3E%3Cstop offset='0' stop-color='%23e8dad1'/%3E%3Cstop offset='1' stop-color='%23fff0e7'/%3E%3C/linearGradient%3E%3ClinearGradient id='_Linear4' x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='rotate(-150 266.025 392.82) scale(346.41)'%3E%3Cstop offset='0' stop-color='%23e8dad1'/%3E%3Cstop offset='1' stop-color='%23fff0e7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E*/");
        }

        .main-sec ul li {
            grid-column-end: span 2;
            position: relative;
            padding-bottom: 86.66%;
        }

        .main-sec ul li:nth-child(2n-1) {
            grid-column-start: 2;
        }

        .main-sec ul li:before {
            content: "";
    position: absolute;
    right: 0;
    width:95%;
    height: 100%;
    background-image: url(../images/resource/logo-back.png);
    background-position: 90% 25%;
    opacity: .8;
    transform: skewy(30deg);
    background-size: 40%;
    background-repeat: no-repeat;
    }
        .adi:before{
            background-image: none !important;
        }
        .main-sec adidas:before {
            background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/881020/adidas.png);
        }

        .main-sec tiger:before {
            background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/881020/tiger.png);
        }

        .main-sec div {
            position: absolute;
            width: 50%;
            font-size: calc(15vw/var(--columns));
            transform: skewy(-30deg);
            margin-top: 14%;
            padding: 3%;
        }

        .main-sec p {
            font-size: 1em;
        }

        .main-sec h2 {
                  font-size: 20px;
    font-weight: 600;
    line-height: 25px;
        }
        .s-last img{
            width:85% !important;
        }
           .awesome {
      position: absolute;
      -webkit-animation:colorchange 20s infinite alternate;
       }

    @-webkit-keyframes colorchange {
      0% {
        
        color: blue;
      }
      
      10% {
        
        color: #8e44ad;
      }
      
      20% {
        
        color: #1abc9c;
      }
      
      30% {
        
        color:  #34495e;
      }
      
      40% {
        
        color: blue;
      }
      
      50% {
        
        color: #34495e;
      }
      
      60% {
        
        color: blue;
      }
      
      70% {
        
        color: #2980b9;
      }
      80% {
     
        color: #f1c40f;
      }
      
      90% {
     
        color: #2980b9;
      }
      
      100% {
        
        color: darkgreen;
      }
    }
        .main-sec img {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: 70%;
            bottom: -20%;
            filter: drop-shadow(0 50px 20px rgba(0, 0, 0, 0.20));
            transition-property: bottom, filter, -webkit-filter;
            transition-duration: .3s;
        }

        .main-sec img:hover {
            bottom: 0;
            -webkit-filter: drop-shadow(0 80px 40px rgba(0, 0, 0, 0.20));
            filter: drop-shadow(0 80px 30px rgba(0, 0, 0, 0.20));
        }
        @media(min-width:768px) and (max-width:1024px){
            .overlay{
                height:27%;
            }
            .cards-maiz{
                width:60px;
                height:60px;
            } 
            .cards-maiz img{
                width:50px;
                margin-top:0px;
            }
            .swiper-card{
                min-height:85%;
            }
            .swiper-card h2 {
                font-size:15px;
            }
             .swiper-card  h5{
                 font-size:12px;
             }
              .contentz p{
                  font-size:11px;
              }
              .last-con img{
                  width:20px;
                  height:20px;
              }
              
             .last-con h5 {
    font-weight: 600;
    margin: 7px 0px !important;
    color: black;
    font-size: 12px !important;
    text-align:left;
}
        }
        @media(min-width:1025px) and (max-width:1220px){
            .swiper-card{
                min-height:92%;
            }
            .overlay{
                height:33%;
            }
        }
         @media(min-width:1221px) and (max-width:1274px){
              .swiper-card{
                min-height:95%;
            }
               .overlay{
                height:33%;
            }
         }
        @media (min-width:600px) {
            :root {
                --columns: 5;
            }

            .main-sec ul li:nth-child(2n-1) {
                grid-column-start: auto;
            }

            .main-sec ul li:nth-child(4n-3) {
                grid-column-start: 2;
            }
        }

        @media (min-width:900px) {
            :root {
                --columns: 7;
            }

            .main-sec ul li:nth-child(4n-3) {
                grid-column-start: auto;
            }

            .main-sec ul li:nth-child(6n-5) {
                grid-column-start: 2;
            }
        }

        @media (min-width:1200px) {
            :root {
                --columns: 9;
            }

            .main-sec ul li:nth-child(6n-5) {
                grid-column-start: auto;
            }

            .main-sec ul li:nth-child(8n-7) {
                grid-column-start: 2;
            }
        }

        @media (min-width:1500px) {
            :root {
                --columns: 11;
                
            }

            .main-sec ul li:nth-child(8n-7) {
                grid-column-start: auto;
            }

            .main-sec ul li:nth-child(10n-9) {
                grid-column-start: 2;
            }
        }

        @media (min-width:1800px) {
            :root {
                --columns: 13;
            }

            .main-sec ul li:nth-child(10n-9) {
                grid-column-start: auto;
            }

            .main-sec ul li:nth-child(12n-11) {
                grid-column-start: 2;
            }
        }

        @media (min-width:2100px) {
            :root {
                --columns: 15;
            }

            .main-sec ul li:nth-child(12n-11) {
                grid-column-start: auto;
            }

            .main-sec ul li:nth-child(14n-13) {
                grid-column-start: 2;
            }
        }
.gold {
  font-size: 5vw;
  text-transform: uppercase;
  line-height:1;
  text-align: center;
  background: linear-gradient(90deg, rgba(186,148,62,1) 0%, rgba(236,172,32,1) 20%, rgba(186,148,62,1) 39%, rgba(249,244,180,1) 50%, rgba(186,148,62,1) 60%, rgba(236,172,32,1) 80%, rgba(186,148,62,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;	
  animation: shine 3s infinite;
  background-size: 200%;
  background-position: left;

}
@keyframes shine {
  to{background-position: right}
 
}

 .ani-img{
    position: absolute;
    z-index: -99999;
    width: 58px !important;
    bottom: 10px;
    left: 0px;
    opacity: 0;
    transform:rotate(0deg);
 }
 .refer-sec:hover .ani{
     top:94px !important;
 }
 .refer-sec:hover .anis{
     top:-71px !important;
 }
  .refer-sec:hover .ani-img{
        left: 15px;
         top: 119px;
         z-index:9999;
         opacity:.6;
         transition: all 0.3s ease-in;
    }
  .patra{
      background-size:100% !important;
  }
  .left-bottom{
          float: left;
    width: 100%;
    text-align: center;
    margin:20px 0px;
    padding:35px;
    border-radius:15px;
  }
  .left-bottom h3{
         color: white;
    text-align: left;
    line-height: 35px;
    margin-top: 5px;
    font-weight: 600;
    font-size: 23px;
  }
    .left-bottom h4{
          color: #f5de62;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 1px 1px #7c7878;
    }
    .left-bottom span{
        font-size:20px;
        color:white;
    }
    .mainzl{
        margin-top:70px;
    }
    .journey-sec{
        border-radius:30px;
    }
 .count-up p{
     color:white;
     font-size:22px;
 }
 .counts p::after{
     content:"%";
 }
  .blocklsw{
       float: left;
    position: relative;
    width: 100%;
    z-index: 1;
    padding:65px 0px 75px 0px !important;
  }
  .invest-head{
      font-size:22px !important;
      margin-top:10px !Important;
  }
  .rated-sec h5{
      font-size:17px !Important;
  }
  .right-line{
      border-right:1px white solid;
  }
  .countl p:before{
      content:"₹";
      margin-right:5px;
      font-size:15px;
  }
  .countl p:after{
      content:"Crores";
      margin-left:5px;
  }
          .site-heading h2 {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.site-heading h2 span {
  color: #00a01d;
}

.site-heading h4 {
  display: inline-block;
  padding-bottom: 20px;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
}

.site-heading h4::before {
  background: #00a01d none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  width: 50px;
}

.site-heading {
  margin-bottom: 60px;
  overflow: hidden;
  margin-top: -5px;
}

.carousel-shadow .owl-stage-outer {
  margin: -15px -15px 0;
  padding: 15px;
}

.we-offer-area .our-offer-carousel .owl-dots .owl-dot span {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid;
  height: 15px;
  margin: 0 5px;
  width: 15px;
}

.we-offer-area .our-offer-carousel .owl-dots .owl-dot.active span {
  background: #00a01d none repeat scroll 0 0;
  border-color: #00a01d;
}

.we-offer-area .item {
  background: #ffffff none repeat scroll 0 0;
  border-left: 2px solid #00a01d;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #a39f9f;
  overflow: hidden;
  padding: 30px;
  position: relative;
  z-index: 1;
}

.we-offer-area.text-center .item {
  background: #f6f3f3 none repeat scroll 0 0;
  border: medium none;
  padding:50px 30px 20px 30px;
  min-height:100%;
}

.we-offer-area.text-center .item:hover{
    background:#ffffff;
}
.we-offer-area.item-border-less .item {
  border: medium none;
}

.we-offer-area .our-offer-items.less-carousel .equal-height {
  margin-top: 63px;
}
.top-icon-sec{
           position: absolute;
    z-index: 99999;
    top: -39px;
    transform: translate(-50%,0%);
    width: 100px;
}
.we-offer-area.item-border-less .item .number {
  font-family: "Poppins",sans-serif;
  font-size: 50px;
  font-weight: 900;
  opacity: 0.1;
  position: absolute;
  right: 30px;
  top: 30px;
}

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item,
.we-offer-area.center-active .single-item:nth-child(2n) .item {
  background: #00a01d none repeat scroll 0 0;
}

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item i,
.our-offer-carousel.center-active .owl-item:nth-child(2n) .item h4,
.our-offer-carousel.center-active .owl-item:nth-child(2n) .item p,
.we-offer-area.center-active .single-item:nth-child(2n) .item i,
.we-offer-area.center-active .single-item:nth-child(2n) .item h4,
.we-offer-area.center-active .single-item:nth-child(2n) .item p {
  color: #ffffff;
}

.we-offer-area .item i {
  color: #00a01d;
  display: inline-block;
  font-size: 60px;
  margin-bottom: 20px;
}

.we-offer-area .item h4 {
      font-weight: 600;
    text-transform: capitalize;
    color: #d41012;
    font-size: 25px;
       text-shadow: 1px 1px #f3efef;
       margin:20px 0px;
}

.we-offer-area .item p {
  margin: 0;
  color: black;
}

.we-offer-area .item i,
.we-offer-area .item h4,
.we-offer-area .item p {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}


.we-offer-area.text-center .item:hover i::after {
  border-color: #ffffff !important;
}

.we-offer-area.text-center .item:hover i {
  background-color: #ffffff !important;
  color: #00a01d !important;
}
.items-ig img{
    width:100%;
        filter: drop-shadow(2px 4px 6px #b9b3b3);
}
.we-offer-area.text-left .item i {
  background: #00a01d none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 60px;
  height: 100px;
  line-height: 100px;
  margin-bottom: 30px;
  position: relative;
  width: 100px;
  z-index: 1;
  text-align: center;
}

.we-offer-area.text-left .item i::after {
  border: 2px solid #00a01d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 120px;
  left: -10px;
  position: absolute;
  top: -10px;
  width: 120px;
}
.paralys{
    background-position:center !important;
}

.main {
  margin: 0px auto;
  width: 550px;
  height: 550px;
  position: relative;
}
.big-circle {
  height: 100%;
  width: 100%;
  position: relative;
 
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  animation: Rotate 20s linear infinite;
  -webkit-animation: Rotate 20s linear infinite;
}
.icon-block {
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    -webkit-background-image: linear-gradient(180deg, #4967e6 0%, #627bf4 100%);
    box-shadow: 0 2px 4px 0 #3e5ada;
    -webkit-box-shadow: 0 2px 4px 0 #dc080
}
.icon-block img {
  margin: 0px auto;
  width: 83%;
  animation: Rotate-reverse 20s linear infinite;
  -webkit-animation: Rotate-reverse 20s linear infinite;
}
.icon-block:first-child {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.icon-block:nth-child(2) {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
}
.icon-block:nth-child(3) {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
}
.icon-block:nth-child(4) {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
/* circle content */
.circle {
  animation: circle-rotate 20s linear infinite;
  -webkit-animation: circle-rotate 20s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  width: 75%;
  height: 75%;
 
  border-radius: 50%;
}
.circle .icon-block img {
  animation: img-rotate 20s linear infinite;
  -webkit-animation: img-rotate 20s linear infinite;
}
/* center logo */
.center-logo {
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.center-logo img {
     max-width: 235px;
    border-radius: 50%;
}

/* keyframe animation */

@keyframes Rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes Rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes Rotate-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes Rotate-reverse {
  from {
    -webkit-transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes circle-rotate {
  from {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(405deg);
  }
}

@-webkit-keyframes circle-rotate {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(405deg);
  }
}

@keyframes img-rotate {
  from {
    transform: rotate(-45deg);
  }
  to {
    transform: rotate(-405deg);
  }
}

@-webkit-keyframes img-rotate {
  from {
    -webkit-transform: rotate(-45deg);
  }
  to {
    -webkit-transform: rotate(-405deg);
  }
}


@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.waves {
      position: absolute;
    width: 130px;
    height: 130px;
    background: white;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 100%;
    right: -8px;
    bottom: -18px;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
}
        
.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.wave-2 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.wave-3 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.left-sec-img{
        position: absolute;
    z-index: -1;
    width: 100%;
    top:20px;
    filter:drop-shadow(2px 4px 6px #a29d9d);
}
.head-section h3{
        float: left;
    width: 100%;
    font-size: 52px;
    line-height: 66px;
    color: #000000;
    font-family: Barlow;
    letter-spacing: -1px;
   margin-top:90px;
    font-weight:600 !important;
}
.head-section p{
        margin-bottom: 45px;
    margin-top:25px !important;
}
.invest-btnya a{
         color: #ffffff !important;
    background: #ebb457;
    padding: 24px 30px;
    border-radius: 50px;
    box-shadow: 3px 3px 6px #555151;
    font-size: 18px;
}
.invest-btnya a:hover{
    text-decoration:none !Important;
}
.animate-character{
    background-image:linear-gradient(
    -225deg,
    #000000 0%,
    #efa728 29%,
    #e9bb5b 67%,
    #f1a926 100%
 );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
}
@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

.head-section{
    padding:40px 0px;
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles i{
       position: absolute;
    display: block;
    list-style: none;
    color: #dc080a;
    z-index: 99999999;
    font-size: 1rem;
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles img{
    left: 25%;
    font-size:30px;
    animation-delay: 0s;
}


.circles i:nth-child(2){
    left: 10%;
    font-size:0.9rem;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles i:nth-child(3){
    left: 70%;
    font-size:20px;
    animation-delay: 4s;
}

.circles i:nth-child(4){
    left: 40%;
    font-size:1.3rem;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles i:nth-child(5){
    left: 65%;
    font-size:25px;
    animation-delay: 0s;
}

.circles i:nth-child(6){
    left: 75%;
    font-size:1.7rem;
    animation-delay: 3s;
}

.circles i:nth-child(7){
    left: 35%;
    font-size:1.9rem;
    animation-delay: 7s;
}

.circles i:nth-child(8){
    left: 50%;
    font-size:2px;
    animation-delay: 15s;
    animation-duration: 14s;
}

.circles i:nth-child(9){
    left: 20%;
    font-size:0.6rem;
    animation-delay: 2s;
    animation-duration: 27s;
}

.circles i:nth-child(10){
    left: 85%;
    font-size:1.4rem;
    animation-delay: 0s;
    animation-duration: 11s;
}
.circles i:nth-child(11){
    left: 25%;
    font-size:0.6rem;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles i:nth-child(12){
    left: 15%;
    font-size:1.4rem;
    animation-delay: 0s;
    animation-duration: 11s;
}
.luxur-house{
    width:162px !Important;
}
.lux-car{
    width: 172px !Important;
     height: 110px;
}
.travel-wrd{
        width: 125px !Important;
}
@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}
.boxes-2{
        width: 90px;
    height: 90px;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 50%;
}
.l-aut{
    top:25% !important;
}
.r-aut{
    top:25% !important;
}
.bot-padding{
    height:370px;
}
.innerzz .carousel-item.active, .innerzz .carousel-item-next, .innerzz .carousel-item-prev{
    display:block !important;
}
.tab-front{
    border-top:1px solid #cfcaca !important;
}
.sell-btn{
        float: right !important;
    background-image: linear-gradient(to right, #f00a0c , #dc080a);
    border: none;
        padding: 9px 15px 10px 15px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-size: 14px;
    font-family: barlow;
    border-radius: 30px;
}
 .mainzinputs {
            background: #fff;
            margin-bottom: 1rem;
            margin-right: 1.5rem;
            color: #808080;
            padding: 10px 20px 10px 20px !important;
            font-size: 2rem !important;
            cursor: pointer;
            font-weight: bold;
            border-radius: 5px;
        }

            .mainzinputs:hover {
                color: blue;
                text-decoration: none;
            }
            .cir-areas .circles i {
   color: #ffe75b;
   }
            .parasa h3{
                    font-size: 49px !important;
    line-height: 72px !important;
    margin-top: 55px !important;
            }
            .parasa p{
                    margin-bottom: 25px;
    line-height: 40px;
            }
            .uni-text{
                background-image: linear-gradient( -225deg, #ffffff 0%, #ffe75b 29%, #ffffff 67%, #ffe75b 100% ) !important;
      }
            .list-icons{
                width:55px;
                margin-right:4px;
            }
            .ver-line{
                    background: #c6080a;
    width: 1px;
    height: 45px;
    margin-left: 22px;
            }
            .mainl-rowl{
                background:linear-gradient(-45deg,#ffe75b,#ffffff);
                padding: 35px 10px;
                border-radius:10px;
                box-shadow: 1px 1px 7px #f6f1f1;
            }
            .mainl-rowl h4{
                color:#eb090b;
                line-height:37px;
                    font-size: 14px;
                    font-weight:600;
            }

            .circles img{
       position: absolute;
    display: block;
    list-style: none;
    color: #dc080a;
    z-index: 99999999;
    font-size: 1rem;
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}
            .circles img{
     width:25px;
     opacity:0.6;
}


.circles img:nth-child(1){
    left: 10%;
    font-size:0.9rem;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles img:nth-child(3){
    left: 70%;
    font-size:20px;
    animation-delay: 4s;
}

.circles img:nth-child(4){
    left: 40%;
    font-size:1.3rem;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles img:nth-child(5){
    left: 65%;
    font-size:25px;
    animation-delay: 0s;
}

.circles img:nth-child(6){
    left: 75%;
    font-size:1.7rem;
    animation-delay: 3s;
}

.circlesimg:nth-child(7){
    left: 35%;
    font-size:1.9rem;
    animation-delay: 7s;
}

.circles img:nth-child(8){
    left: 50%;
    font-size:2px;
    animation-delay: 15s;
    animation-duration: 14s;
}

.circles img:nth-child(9){
    left: 20%;
    font-size:0.6rem;
    animation-delay: 2s;
    animation-duration: 27s;
}

.circles img:nth-child(10){
    left: 85%;
    font-size:1.4rem;
    animation-delay: 0s;
    animation-duration: 11s;
}
.circles img:nth-child(11){
    left: 25%;
    font-size:0.6rem;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles img:nth-child(12){
    left: 15%;
    font-size:1.4rem;
    animation-delay: 0s;
    animation-duration: 11s;
}
 #confetti{
            width: 100%;
    height: 100vh;
     }

 .mainl-rowl {
    background: linear-gradient(-45deg,#ffffff,#ede9e9) !Important;
    }
 .unis-text {
    background-image: linear-gradient( -225deg, #ffffff 0%, #a2a094 29%, #ffffff 67%, #f0eae3 100% ) !important;
}
 .congrats-btn{
         background: #c6080a !important;
    padding: 20px 40px;
    border-radius: 43px;
    color: white;
 }
 .congrats-btn:hover{
     color:white !important;
     text-decoration:none !important;
 }
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
 background: #000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.drops-btn {
    display:inline-flexbox !Important;
    width:300px !Important;
}
.top-bg-header th{
    background:none !important;
}
.top-bg-header{
    background:#8d8585 !important;
}
.innerzy{    
    background: none !important;
    padding: 166px 0px 100px 0px !important;

}

.top-sec-bar{
    margin-top:70px;
}
  .reedem-banner{
    top:85px !important;
    }
  .blockst{
          float: left;
    padding: 50px 20px;
    position: relative;
    width: 100%;
    z-index: 1;
  }
@media(max-width:450px){
    .popup-without img{
        width:40% !important;
    }
    .tkrsecl{
        width:47%;
        margin-top:10px;
        margin-bottom:5px !Important;
        padding:5px !Important;
    }
    .invest-head{
        font-size:18px !important;
    }
    .tkrsecl h3{
        font-size:11px;
    }
    .tkrsecl img {
    width: 30px;
    margin-top: -12px;
    margin-right: 3px;
    margin-left: 5px;
}
    .dail-head p{
        font-size:9px !important;
    }
    .daily-list a {
    padding: 7px;
    height:auto;
    }
    .daily-list{
        margin-top:0px;
    }
    .last-head a{
            padding: 10px 15px;
    }
}
@media(max-width:386px){
    .tkrseclz{
        padding:2px !Important;
   }
    .rated-sec h5 {
    font-size:11px !important;
    }
    .tkrseclz i {
    font-size: 8px;
    margin-left: -9px;
}
    .tkrseclz .sectionls {
            margin-left: 12px;
    margin-top: -25px;
    margin-right: 7px;
    width: 42px;
}
    .back-last h5{
        font-size:10px;
    }
    .back-last {
    background: white;
    border-radius: 10px;
    height: 100%;
    padding: 0px 5px;
    box-shadow: 1px 1px 5px white;
     margin-top: 0px; 
}
    .otp-text{
        font-size:11px !Important;
    }
    .img-sec-ly {
     margin-left: 10px;
     margin-right:5px;
}
    .img-sec-ly img {
       width: 18px;
    margin-left: -16px;
}
    .mains-ly h3 {
        margin-right:42% !important;
    }
      .left-sec-img {
    position: absolute;
    z-index: -1;
    width: 1200px;
    height:365px;
    top: 0px;
    filter: drop-shadow(2px 4px 6px #a29d9d);
}
      .parasa h3 {
    font-size: 25px !important;
    line-height: 35px !important;
    margin-top:40px !important;
    margin-bottom:0px;
}
      .parasa p {
    line-height: 32px;
    margin: 5px 0px!important;
    font-size: 15px !important;
}
      .mainl-rowl {
    padding: 17px 10px;
        }
     
     .list-icons {
    width: 60px;
    margin-right: 10px;
}
     .mainl-rowl h4 {
    line-height: 0px;
    font-size: 11px;
    font-weight: 600;
}
  
     .list-rowsz{
             margin-bottom: 5px;
     }
     
}
@media(min-width:369px) and (max-width:643px) {
    .left-sec-img {
        position: absolute;
        z-index: -1;
        width: 1200px;
        height: 290px;
        top: 20px;
        filter: drop-shadow(2px 4px 6px #a29d9d);
    }

    .head-section h3 {
        font-size: 25px !important;
        line-height: 35px !Important;
    }
   
}
@media(min-width:557px) and (max-width:643px){
    .head-section h3{
        margin-top:50px !Important;
    }
}
@media(min-width:644px) and (max-width:768px){
    .left-sec-img {
    position: absolute;
    z-index: -1;
    width: 1600px;
    height: 260px;
    top: 20px;
    filter: drop-shadow(2px 4px 6px #a29d9d);
}
}
@media(min-width:769px) and (max-width:991px){
    .left-sec-img {
    position: absolute;
    z-index: -1;
    width: 1800px;
    top: 20px;
    height: 420px;
    filter: drop-shadow(2px 4px 6px #a29d9d);
}
    .head-section h3{
        margin-top:0px !Important;
    }
}

@media(min-width:402px)and (max-width:586px){
    .tkrsecl{
        width:45%;
    }
}
@media(min-width:421px) and (max-width:545px){
    .popup-without img{
        width:30%;
    }
}
@media(min-width:546px) and (max-width:768px){
    .popup-without img{
        width:25%;
    }
}
@media(max-width:520px){
    .sec1 {
    margin-top: 50px!important;
}
    .main-headl {
    line-height: 30px !Important;
    margin-bottom:0px;
}
    .reedem-banner {
    top: 76px !important;
}
    .innerzy {
    background: none !important;
    padding: 0px 0px 85px 0px !important;
}
}
@media(min-width:521px) and (max-width:768px){
    .sec1{
        margin-top:65px !important;
    }
    .tabset{
        padding:10px 20px 50px 20px !important;
    }
}
@media(min-width:768px) and (max-width:1024px){
    .fsec {
    padding: 0 30px;
}
}
@media(min-width:387px)and (max-width:420px) {
    .rated-sec h5 {
        font-size: 13px !Important;
        width: 65px;
    }

    .tkrseclz .sectionls {
        margin-top: -23px;
        width: 110px;
        margin-left: 8px;
    }

    .img-sec-ly {
        margin-top: -20px;
        width: 61px;
        margin-left: 15px;
    }

        .img-sec-ly img {
            width: 19px;
            border-radius: 50%;
            margin-left: -16px;
        }

    .back-last {
        width: 160px;
        margin-top: 0px;
        height: 100%;
    }

        .back-last h5 {
            font-size: 11px;
        }
    .tkrseclz i {
    font-size:14px;
    }
     .parasa h3 {
    font-size: 28px !important;
     margin-top: 40px !important;
}
    .head-section p {
    margin-bottom: 10px;
    margin-top: 25px !important;
    line-height: 28px;
    font-size: 14px !important;
}
}
@media(min-width:387px) and (max-width:410px) {
    .mainl-rowl h4 {
    font-size: 15px;
  }
}

@media(min-width:421px) and (max-width:520px){
    .parasa h3{
        margin-top:0px !important;
            font-size: 23px !important;
    line-height: 28px !Important;
    }
    .parasa p {
    margin-bottom: 19px;
    line-height: 30px;
    font-size: 15px !IMPORTANT;
}
    .mainl-rowl h4 {
    font-size: 10px;
    }
    .list-icons {
    width: 43px;
    margin-right: 3px;
}
}
@media(min-width:421px)and (max-width:468px){
    .rated-sec h5 {
    font-size: 14px !Important;
}
    .tkrseclz .sectionls {
    margin-left: 0px;
    width:100px;
    margin-right:5px;
 }
    .rated-sec{
        width:85px;
    }
    .img-sec-ly{
        margin-left:0px;
        width:45px;
    }
        .img-sec-ly img {
        width:20px;
        }
        .back-last h5{
            font-size:11px;
        }
}
@media(min-width:320px) and (max-width:590px){
    .tabimg img {
    top: -30px !important;
    left: 65% !important;
}
}
    @media(min-width:591px) and (max-width:768px){
        .tabimg img {
    top: -27px !important;
    left: 70% !important;
}
}
    @media(max-width:1200px){
        header.sticky .open-minimal-menu{
            box-shadow:none !important;
        }
        .apps-btns{
            display:block !important;
        }
        .btnlyss{
            margin:10px 0px 0px 130px !important;
           }
        .itlyu{
            overflow:hidden;
        }
        .itlyu a{
            width: 100%;
    color: black;
    padding: 12px 16px !Important;
    text-decoration: none;
    display: block;
    font-size: 12px !Important;
        }
        .open-minimal-menu {
    background: #cd0c0c !important;
        right: 5px !Important;
    }
        #hamburger-two span{
            background:#ffffff !important;
        }
        #hamburger-two span:nth-of-type(2):before{
            background:#ffffff !important;
        }
        .menu-items li{
            padding:7px 0px !Important;
        }
    }
    @media(max-width:630px){
     .col-my {
    display: block;
}
    
      .row-prices {
    display: flex; 
}
      .row-prices1 {
    display: flex;
}
      
        .relation-secz img {
        padding: 0px !important;
        margin-bottom:10px;
    }

}
@media(max-width:520px){
     .progress-container{
         top:70px;
     }
}
@media(min-width:521px) and (max-width:1204px){
     .progress-container{
         top:87px;
     }
}

@media(max-width:384px){
    .popup-without p{
         margin-left:40% !Important;
       }
}
@media(min-width:577px) and (max-width:768px){
    .parsa{
        height:500px !important;
    }
}
@media (min-width:369px) and (max-width:576px){
    .parsa{
        height:790px !important;
    }
}
@media(max-width:368px){
    .parsa{
        height:800px !important;
    }
    .head_prc{
        font-size:12px !important;
    }
    .prcSell{
        font-size:12px !important;
    }
    .buy-goldbtnsy {
        padding: 16px 15px 0px 15px;
        font-size: 11px;
        margin-left:5px !important;
    }
}

@media(max-width:410px){
    .mainsz img{
        width:60px !important;
        height:45px !Important;
    }
    .mainsz h5{
               font-size: 12px !important;
    margin-top: 5px !important;
    }
    .mainsz span{
            font-size: 11px !important;
    }
    .sec-right{
        font-size: 11px !important;
       }
    .mainzinputs{
    margin-right: 5px !important;
     padding: 5px !important;
    font-size: 10px !important;
    }
}
@media(min-width:411px) and (max-width:520px){
    .mainzinputs{
          margin-right: 7px !important;
    padding: 8px !important;
    font-size: 14px !important;
    }
}
@media(min-width:521px) and (max-width:655px){
    .mainzinputs{
            margin-right: 12px !important;
    padding: 10px !important;
    font-size: 17px !important;
    }
}
@media(max-width:768px) {
    .menu-items a {
        color: black !Important;
    }
   .blockst{
          float: left;
    padding: 25px 20px;
    }
   .colys{
       padding:10px 0px!Important;
   }
     .parasa{
           margin-bottom:0px !important;
      }
     .congrats-img img{
         width:70%;
     }
     .backimg{
         height:100% !Important;
     }
    .ver-line {
        display: none;
    }
     .next-pad{
         padding:0px 13px !important;
     }
    .stickytops .menusec {
        padding: 0px 20px;
    }
    .back-res{
        background-image: url('../images/resource/topbanner-res.jpg') !important;
    }
    .columny{
        display:block;
    }
    .fsec {
    padding: 0px !important;
}
   .dail-head p{
       margin-bottom:0px !Important;
   }
   .balance-sty1{
       padding:7px;
       width:100%;
    }
    .popup-without h6 {
        font-size: 10px;
        line-height: 18px !Important;
     }
    .dail-head h3{
        margin-top:5px;
    }
    .investment-input{
        padding:7px !Important;
    }
    .sec1 {
        display: block !important;
    }

    .finacle {
        float: none !important;
    }

    .icons-social {
        margin-top: 10px !important;
    }

  

        .tabset label {
            text-align: left;
            padding: 0 0 0 5px !important;
        }

    .col-my input {
           width: 100% !important;
    margin-bottom: 8px !important;
    padding: 6px !important;
    border-radius: 8px !important;
    }

    .main-heads {
        font-size: 20px;
        padding-left: 0px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    

    .mains-ly span {
        padding: 0px !important;
    }

    .pro-btn {
        margin-left: 0% !important;
        margin-top: 20px;
        padding-bottom: 10px;
    }

    .blockly {
        padding: 25px 0px 25px 0px !important;
    }

    .classy a {
        font-size: 14px;
    }

    .top-sec-headings h5 {
        padding: 5px;
    }

    .paras {
        line-height: 28px;
        font-size: 15px;
    }

    .temply {
        margin-left: 0px !important;
    }

        .temply li {
            width: 50%;
        }
     .carousel {
        margin: 20px auto;
        padding: 0 0px;
    }

    .caro {
        margin:5px 0px !important;
            padding: 0px !important;
    }

    .height-test {
        height: 700px;
    }

    .carousel .testimonial {
        padding: 5px;
        color: #181717;
        text-align: justify;
    }

    .carousel-control i {
        font-size: 20px;
        top: 100px;
    }

    .price-img {
      
        height: 320px;
    }
    .review-bg{
        height:auto;
    }
    .cl1{
        width:100% !important;
        padding:0px 5px !important;
    }
    .left-bottom h3 {
    text-align: center;
    line-height: 10px;
    margin-top: 10px;
    font-size: 15px;
}
    .right-line{
        border:none;
    }
    .colys .column{
        margin-bottom:0px !important;
    }
    .vedios {
        width: 100%;
        height: 100%;
    }
    .top-sections {
    width: 100%;
    margin-bottom:15px;
}
    .clickaccount img {
     width: 60px;
}
    .second-heads2 {
    font-size: 14px !important;
    margin: 10px 0px 10px 20px;
    line-height: 20px;
}
    .logo > a img {
        width: 210px !important;
    }

    .list-benefits li {
        text-align: justify;
        font-size: 12px;
    }

    .menu-items a {
        padding: 0px 20px;
    }

    .menusec nav > ul > li > a {
        padding: 5px 20px !important;
    }
    .img-topz img {
     margin-top: 10px;
}
    .fieldform{
        margin-top:10px !important;
    }
    .log-btn {
        margin-left: 16px !important;
        padding: 5px 25px !important;
    }

    .modcon, .modalOTP {
        width: 100% !important;
    }

    .container, .block .container {
        padding: 0 10px !important;
    }

    .num_rows {
        width: 100%;
        float: none;
    }

    .tb_search {
        width: 100%;
        margin-top: 10px;
    }

    .clickaccount {
        display: block;
        padding: 0px 5px !important;
    }

    .top-sectiony {
        width: 100%;
    }

    .thirdly-sec {
        width: 100%;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .buy-goldbtn {
        padding: 11px 23px;
        float: none !important;
    }

    .pcss3t .typography h3 {
        line-height: 16px;
    }

    .row-sec-2 {
        width: 100%;
        display: flex;
    }

    .mqinz {
        margin-right: 25px;
    }

    .secly2 {
        padding: 20px 0px 0px 13px;
    }

    .top-headingly {
        line-height: 0px !important;
        padding-top: 22px !important;
    }

    .pcss3t > ul > li {
        padding: 10px 10px 15px;
    }

    .banner-img-tab img {
        height: 100px;
    }

    .pcss3t > ul, .pcss3t > ul > li {
        height: 870px;
    }

    .rows_count {
        width: 100%;
    }

    .block {
        padding: 20px 0px 0px 0px !Important;
    }

    .popup-scroll {
        width:65%;
    }

    .icon-rate {
        padding-left: 0px;
    }

   
    .relation-secz {
        text-align: left;
    }
    .left-sec-fir{
        padding-top:0px;
    }
    .first-heading{
    font-size: 14px !important;
    margin-top: 5px;
    text-align: justify;
     }
    .left-sec-fir p{
        margin-bottom:10px !Important;
    }
    .sersec{
        margin-top:0px !important;
        padding:20px !important;
    }
    .sec-rows img{
        width:100%;
    }
    .investo-headsy{
        line-height:35px;
        font-size:25px !important;
        margin-top:0px !Important;
        margin-bottom:0px;
    }
    .left-pad{
        padding:0px !important;
    }
    .blocklys {
        padding:10px 0px 30px 0px !important;
    }
    .para-invest {
   font-size: 13px !important;
    line-height: 22px !important;
    text-align: justify;
}
    .refero{
        margin-top:0px;
    }
    .refer-sec {
    margin-bottom: 10px;
    height: 100% !important;
    padding:5px 15px !important;
}
    .referos{
        margin-top:0px !important;
    }
    .refer-sec img {
    width:92px;
    height:70px !Important;
    }
    .luxur-house{
        width:122px !important;
    }
    .lux-car{
            width: 140px !Important;
    height: 80px !important;
    }
    .travel-wrd{
        width: 92px !Important;
}
    .refer-sec p{
        margin-bottom:0px !important;
        font-size:15px !important;
    }
    .roads-heads{
        margin-top:0px;
        margin-bottom:0px;
        font-size:23px;
    }
    .left-right-img{
        width:100%;
    }
    .lines-mainly {
    margin-bottom: 15px;
}
    .aoe-title{
        font-size:20px;
        line-height:30px;
    }
    .left-bottom{
        padding:5px;
        margin:0;
    }
    .left-bottom h4 {
    font-size: 18px;
    font-weight: 500;
    margin:5px 0px;
}
    .count-up p {
    font-size: 18px;
    margin-bottom: 2px;
}
    .l-aut{
    left:-30px !important;
}
    .r-aut{
    right:-30px !important;
}
    .height-testly{
        height:auto !important;
    }
    .head-section h3 {
    float: left;
    width: 100%;
    font-size: 27px;
    line-height: 45px;
    color: #000000;
    font-family: Barlow;
    letter-spacing: -1px;
    margin-top:37px; 
    font-weight: 600 !important;
}
    .headly-ui{
    padding-top: 0px !important;
    margin-bottom: 62px;
    padding-bottom: 0px;
    }
    .invest-btnya a {
    padding: 18px 18px;
    font-size: 15px;
    box-shadow:1px 1px 6px #555151;
}
    .head-section p {
    margin-bottom: 30px;
    margin-top: 25px !important;
}
    .bg-b-blue {
    margin-top: 80%;
    font-size: 10px;
}
    .bg-b-orange {
    font-size: 10px;
}
    .buttonDiv img {
    width: 15px;
  }
    .buttonDiv {
    padding: 5px;
 }
    .fixed {
    position: absolute;
    top: 75px;
    right: -118px;
    width: 233px;
    height: 196px;
    z-index: 999;
}
    .button{
            display: block;
    border: 0;
    line-height: 2;
    margin-bottom:2px;
    outline: none;
    text-decoration: none;
    color: #fff;
    width: 440px;
    font-size: 13px;
    border-radius: 20px 0 0 20px;
    font-weight: 600;
    }
    .innerhead > h3{
        font-size:20px !Important;
    }
    .innerz {
    padding: 91px 0px 20px 0px !important;
}
    .tabbed-buy{
        margin:10px 0px !important;
    }
    .bar-icons{
        top:0px !important;
    }
    .tokenfesec.s2 .tkenf{
        height:auto !important;
        padding:10px 0px !important;
    }
    .tkenf span{
        font-size:12px !important;
    }
    .whytoken.s2 {
    text-align: right;
    margin-top: 0px !Important;
}
    .whytoken.s2 p{
        padding-left:0px !Important;
        line-height: 20px !Important;
        font-size: 12px !Important;
        margin-bottom:0px !Important;
    }
    .whytoken > h3{
        margin-top:10px;
    }
    .mainsz h3{
        margin-right:0px !Important;
    }
   .widthmain{
       width:95% !important;
   }
    }
@media(min-width:320px) and (max-width:391px){
    .mainzl{
        margin-top:55px !important;
    }
}
@media(max-width:992px){
    .top-right-investo{
        margin-top:15px;
            padding: 5px 8px;
    }
     .right-imgi img{
         width:100%;
             padding-bottom: 20px;
     }
}
@media(min-width:392px) and (max-width:520px){
    .mainzl{
        margin-top:35px !important;
    }
}
@media(min-width:521px) and (max-width:651px){
    .mainzl{
        margin-top:90px !important;
    }
}
@media(min-width:652px) and (max-width:757px){
    .mainzl{
        margin-top:50px !important;
    }
}
@media(min-width:769px) and (max-width:1100px) {
    .left-bottom {
        margin: 15px 0px !important;
        padding: 0px !important;
    }
    .left-bottom h3{
        line-height:26px;
        font-size:13px;
    }
    .left-bottom h4{
        font-size:14px;
    }
    .backimg {
    left: 0px !important;
     width: 100% !Important;
    opacity: 0.6;
    height:100% !Important;
}
 }
@media(min-width:320px) and (max-width:630px) {
    .pro-btn {
        margin-left: 20% !important;
        margin-top: 10px;
        transform: translate(18%, 0px);
    }
    .text-left{
        margin:5px 0px !important;
    }
}
@media(min-width:768px) and (max-width:1024px){
    .boxes-2{
        width: 60px !important;
    height: 60px !important;
     padding: 3px !important;
    }
    .carousel .img-box img {
    width: 50px !important;
    height: 50px !important;
    }
    .carousel-title{
        font-size:11px;
    }
       .left-bottom h4{
        font-size:14px;
    }
    .designation{
        font-size:11px;
    }
    .star-icons i{
        font-size:12px !important;
    }
    .review-bg{
        padding:10px;
        min-height:300px;
    }
    .carousel .testimonial{
        font-size: 12px;
    line-height: 19px;
    text-align: center;
}
    .top-sections {
    width: 100%;
}
    .fonty h4{
        font-size:11px !important;
    }
    }
@media(min-width:1025px) and (max-width:1300px){
    .boxes-2{
        width: 60px !important;
    height: 60px !important;
     padding: 3px !important;
    }
    .carousel .img-box img {
    width: 50px !important;
    height: 50px !important;
    }
    .carousel-title{
        font-size:12px;
    }
       .left-bottom h4{
        font-size:15px;
    }
    .designation{
        font-size:14px;
    }
    .star-icons i{
        font-size:12px !important;
    }
    .review-bg{
        padding:10px;
        min-height:300px;
    }
    .carousel .testimonial{
     font-size: 16px;
    line-height: 28px;
    text-align: center;
}
    
    }
@media(min-width:1025px) and (max-width:1064px){
    .tkrseclz .sectionls {
    margin-left: 13px;
    margin-top: -21px;
}
    .img-sec-ly img {
    width: 22px;
    border-radius: 50%;
    margin-left: -14px;
}
    .tkrseclz i {
    color: #fdc33d;
    font-size: 11px;
    margin-left: -8px;
}
}
@media(min-width:992px) and (max-width:1109px){
    .icons-change {
    min-height: 280px;
 }
}
@media(min-width:769px) and (max-width:1024px){
    .fsec{
        padding:0px!Important;
    }
    .main-headl{
        margin-top:5px ! important;
        font-size:40px !important;
        line-height: 50px !Important;
    }
    .invest-head {
    font-size: 16px !important;
    margin-top: 5px !Important;
}
    .tkrsecl img {
    width: 20px;
    margin-top: -12px;
}
    .tkrsecl h3 {
    margin-top: 0px;
    font-size: 11px;
    font-weight: 600;
    color: black;
}
    .sec-2trk {
    margin-left: 10px;
}
    .sectionls h5 {
    margin-bottom: 5px;
    font-size: 10px;
}
    .tkrsecl{
     padding: 2px 8px 4px 4px!important;
    margin-bottom: 0px !important;
    width: 47% !important;
    margin-top: 10px;
    }
    .tkrseclz{
        display:grid !important;
        margin-bottom:0px !important;
    }
    .tkrseclz .sectionls {
    margin-left: 8px;
    margin-top: -26px;
}
    .img-sec-ly {
    margin-top: -20px;
    margin-left: 13px;
    margin-bottom:10px;
}
    .img-sec-ly img {
    width: 25px;
    margin-left: -10px;
}
}
@media(max-width:1200px){
    .menusec nav{
        background:#ffffff !important;
        z-index:9999;
     }
     .menusec nav > ul > li > a{
        color:black !Important;
    }
     .menusec nav > ul{
         margin-top:0px !important;
     }
     .back-res{
        background-size:cover !important;
    }
     
       .thir-sec{
           margin-top:20px;
       }
       .sell-btn{
               padding: 6px 10px 6px 10px;
       }
       .log-btn{
           background: #f4f2f2 !important;
    font-size: 16px !important;
    color: #ffffff !important;
    border-radius: 9px !important;
    text-transform: uppercase !important;
    box-shadow: 1px 1px 3px gray !important;
}
        .right-imgi img{
         width:100%;
             padding-bottom: 20px;
                 margin-top: 30px;
     }
        .parasa h3 {
    font-size: 31px !important;
    line-height: 42px !important;
    margin-top: 31px !important;
    margin-bottom:10px;
 }
        .parasa p {
    margin-bottom: 15px;
    line-height: 22px;
    font-size: 12px !important;
}
        .mainl-rowl{
            padding:15px 10px;
        }
}
@media(min-width:521px) and (max-width:590px){
    .parasa h3{
        margin-top:60px !important;
    }
    .parasa p{
            margin-bottom: 12px;
    margin-top: 20px !important;
    }
    .mainl-rowl h4 {
    font-size: 12px;
 }
    
}
@media(min-width:591px) and (max-width:768px){
        .parasa h3 {
    line-height: 42px !important;
    margin-top: 60px !important;
   }
    }
@media (max-width: 767px) {
		.carousel-inner .carousel-item > div {
			display: none;
		}
		.carousel-inner .carousel-item > div:first-child {
			display: block;
		}
	}

	.carousel-inner .carousel-item.active,
	.carousel-inner .carousel-item-next,
	.carousel-inner .carousel-item-prev {
		display: flex;
	}

	/* medium and up screens */
	@media (min-width: 768px) {

		.carousel-inner .carousel-item-end.active,
		.carousel-inner .carousel-item-next {
			transform: translateX(25%);
		}

		.carousel-inner .carousel-item-start.active, 
		.carousel-inner .carousel-item-prev {
			transform: translateX(-25%);
		}
	}

	.carousel-inner .carousel-item-end,
	.carousel-inner .carousel-item-start { 
		transform: translateX(0);
	}
    @media(max-width:386px){
        .main {
    margin: 0px auto;
    width:300px;
    height: 300px;
 }
        .center-logo img {
    max-width: 100%;
    border-radius: 50%;
}
        .icon-block{
            width:50px;
            height:50px;
        }
        .waves{
              width:65px;
            height:65px;
        }
        .second-heads2 {
    font-size: 12px !important;
   }
    }
    @media(min-width:386px) and (max-width:420px){
         .main {
    margin: 0px auto;
    width:350px;
    height: 350px;
 }
        .center-logo img {
    max-width: 100%;
    border-radius: 50%;
}
        .icon-block{
            width:65px;
            height:65px;
        }
        .waves{
              width:60px;
            height:60px;
        }
    }
     @media(min-width:421px) and (max-width:490px){
         .main {
    margin: 0px auto;
    width:360px;
    height: 360px;
 }
        .center-logo img {
    max-width: 100%;
    border-radius: 50%;
}
        .icon-block{
            width:65px;
            height:65px;
        }
        .waves{
              width:70px;
            height:70px;
        }
    }
      @media(min-width:491px) and (max-width:540px){
         .main {
    margin: 0px auto;
    width:470px;
    height: 470px;
 }
        .center-logo img {
    max-width: 100%;
    border-radius: 50%;
}
        .icon-block{
            width:70px;
            height:70px;
        }
        .waves{
              width:70px;
            height:70px;
        }
    }
       @media(min-width:541px) and (max-width:690px){
         .main {
    margin: 0px auto;
    width:490px;
    height: 490px;
 }
        .center-logo img {
    max-width: 100%;
    border-radius: 50%;
}
        .icon-block{
            width:60px;
            height:60px;
        }
        .waves{
              width:60px;
            height:60px;
        }
    }
         @media(min-width:691px) and (max-width:768px){
         .main {
    margin: 0px auto;
    width:500px;
    height: 500px;
 }
        .center-logo img {
    max-width: 100%;
    border-radius: 50%;
}
        .icon-block{
            width:50px;
            height:50px;
        }
        .waves{
              width:50px;
            height:50px;
        }
    }
       @media(min-width:769px) and (max-width:991px){
 .main{
     margin-top:60px;
 }
 .investo-headsy {
    margin-bottom: 5px;
    font-size: 29px !important;
    line-height: 22px;
    margin-top: 0px;
}
 .left-pad {
    padding: 10px !important;
}
 .para-invest {
    font-size: 16px !important;
    line-height: 22px !important;
    margin-top: 5px;
}
 .refer-sec{
     height:100%;
 }
 .refer-sec img {
    width: 100px;
}
 
element.style {
}
.refer-sec img {
    width: 100px;
}
.luxur-house {
    width: 140px !Important;
}
.lux-car {
    width: 161px !Important;
    height: 101px;
}
.travel-wrd {
    width: 100px !Important;
}
.set-pad{
       padding: 10px 0px 60px 0px!important;
}
.refero {
    margin-top: 20px;
}
.roads-heads{
    margin-top:0px !important;
}
.price-img {
 
    height: 450px;
}
.left-right-img{
    width:100%;
}
       }
@media(min-width:993px) and (max-width:1059px) {
    .mainl-rowl h4 {
        font-size: 14px;
    }
    .ver-line{
        display:none;
    }
}
        @media(min-width:1060px) and (max-width:1126px){
            .mainl-rowl h4 {
        font-size: 15px;
    }
 .ver-line{
        display:none;
    }
   }
          @media(max-width:1200px){
            .logoly .logs-btn{
                     color: white !important;
    border-radius: 59px!important;
    padding: 10px 25px !important;
    }
        }
          @media(min-width:993px) and (max-width:1350px){
              .price-img {
 
    height: 450px;
}
              .left-right-img{
                  width:100%;
              }
          }
          @media(min-width:521px) and (max-width:768px){
              .innerz {
    padding: 120px 0px 35px 0px !important;
}
          }
/*My-Css-End*/
section{
    position:relative;
    width:100%;
}
.double-gap-top {
    padding-top: 150px;
}
.double-gap-bottom {
    padding-bottom: 150px;
}
.less-top {
    padding-top: 40px;
}
.less-bottom {
    padding-bottom: 70px;
}
.row.no-gape{
  margin: 0 !important;
}
.row.no-gape > div{
  padding: 0 !important;
}
.container.fluid{ max-width: 100%; width: 100%; }
.block .container{padding:0}
.container{padding:0}
.block.remove-top{padding-top:0}
.block.no-padding{padding-top:0; padding-bottom:0; }
.block.dark{background:#111111}
.gray{background:#f2f7ff;}
.block.remove-bottom{padding-bottom:0}
.parallax,.fixed-bg{
    
    height:100%;
    width:100%;
    margin:0;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
}
.layer.color::before {
    opacity: 0.8;
}
.fixed-bg{
    background-attachment:fixed !important;
    background-size:cover!important;
}
.parallax.no-parallax {
    background-attachment: scroll !important;
    background-position: inherit !important;
}
.layer:before{
    content:"";
    height:100%;
    opacity:0.95;
    z-index:0;
    position:absolute;
    left:0;
    top:0;
    width:100%;
}
.whitish:before{
    background-color:#ffffff;
    opacity:0.90;
}
.blackish:before{
    background-color:#000000;
    opacity:0.7;
}
ul {
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 0;
}
ul li{
    color:#1e1e1e;
    margin-bottom: 15px;
    position: relative;
}
iframe{
    width:100%;
    border:0;
}
i{font-style:italic}
w{/*! float:left; *//*! height:auto */}
:-webkit-input-placeholder{opacity:1}
:-moz-placeholder{opacity:1}
:-ms-input-placeholder{opacity:1}
input[type="text"],
input[type="password"],
input[type="email"], textarea {
    background: #e4e4e4 none repeat scroll 0 0;
    border: medium none;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 20px;
    padding: 19px 28px;
    width: 100%;
}
textarea{
    max-width:100%;
    min-height:200px;
    padding: 19px 28px;
}
strong{font-weight:800}
button{
    float:right;
    font-size:18px;
    padding:8px 30px;
    color:#FFF;
    
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    background:black;
    border:0;
    letter-spacing:1px;
}
/* Icons */
/* Arrows */
.slick-dotted .slick-dots {
    float: left;
    margin: 0;
    text-align: center;
    width: 100%;
}
.slick-dots li {
    width: 14px;
    height: 14px;
    background: none;
    border: 2px solid #ffffff;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 3px;
        margin-top: 0px;
    margin-top: 20px;
    float: none;
    display: inline-block;
}
.slick-dots li button {
    width: 10px;
    height: 10px;
    background-color: #ced0e6;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-top: 2px;
    opacity: 1;
    padding: 0;
    color: transparent;
    float: left;
}
.slick-dots li.slick-active button {
    opacity: 1;
    background: #8b8fc4;
}
.slick-prev, .slick-next {
    background: none;
    border: none;
    
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 40px;
    line-height: 0;
    margin-top: 0;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 100px;
    margin: 0 40px;
    z-index: 11;
    text-align: center;
    margin-top: -40px;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25; }
.slick-prev::before, .slick-next::before {color: #333333; font-family: "fontawesome"; font-size: 30px; left: 0; line-height: 1; opacity: 0.75; position: absolute; top: 9px; width: 100%;}
.slick-prev {left: -25px; }
[dir='rtl'] .slick-prev {right: -25px; left: auto; }
.slick-prev::before {content: "\f104"; }
[dir='rtl'] .slick-prev:before {content: '\f104’'; } 
.slick-next {right: -25px; } 
[dir='rtl'] .slick-next {right: auto; left: -25px; }
.slick-next:before {content: '\f105'; }
[dir='rtl'] .slick-next:before {content: '\f105'; }
.slick-slider
{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus {outline: none; }
.slick-list.dragging {cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after {display: table; content: ''; }
.slick-track:after {clear: both; }
.slick-loading .slick-track {visibility: hidden; }
.slick-slide {display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide {float: right; }
.slick-slide img {display: block; }
.slick-slide.slick-loading img {display: none; }
.slick-slide.dragging img {pointer-events: none; }
.slick-initialized .slick-slide {display: block; }
.slick-loading .slick-slide {visibility: hidden; }
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }
/* Page Loading */
.page-loading {
    background-color: #ffffff;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2147483647;
}
.page-loading > img {
    left: 50%;
    position: absolute;
    top: 50%;
    
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.page-loading > span {
    color: #b3b3b3;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    letter-spacing: 0;
    margin-top: 30px;
    text-decoration: underline;
}
/* Basic styles */
input[type="checkbox"],
input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
  margin: 0;
}
label {
  position: relative;
  display: inline-block;
  padding: 0 0 0 23px;
  height: 1.5em;
  line-height: 1.5;
  cursor: pointer;
}
label::before,
label::after {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 14px !important;
  height: 14px !important;
}
label::before {
  content: " ";
  
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  background: #e9eaf7;
  border-radius: 3px;
}
/* Checkbox */
input[type="checkbox"] + label::after {
  content: "\2714";
  color: #ffffff;
  line-height: 14px;
  text-align: center;
  font-size: 10px;
}
/* Radio */
input[type="radio"] + label::before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
input[type=radio] + label::after {
  content: " ";
  top: 7px;
  left: 4px;
  width: 6px !important;
  height: 6px !important;
  background: #fff;
  border: 3px solid #32328e;
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
/* :checked */
input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before {
  background: #32328e;
  border-color: #32328e;
}
input[type="checkbox"] + label::after,
input[type=radio] + label::after {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
input[type="checkbox"]:checked + label::after,
input[type=radio]:checked + label::after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* Transition */
label::before,
label::after {
  -webkit-transition: .25s all ease;
  -moz-transition: .25s all ease;
  -ms-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}


/* Header */
.sticktop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index:999999;
}
.menusec {
    float: left;
    width: 100%;
    margin: 30px 0;
}
.logo {
    float: left;
}
.menusec nav {
    float: right;
}
.menusec nav > ul {
    float: left;
    margin: 0;
}
.menusec nav > ul > li {
    float: left;
    margin: 0;
    padding: 24px 0;
    position: relative;
}
.menusec nav > ul > li > a {
    float: left;
    color: #000000;
    font-family:unset;
    font-size: 14px;
    padding: 10px 25px;
}
.apps-btns {
    float: right;
    margin: 14px 0;
    margin-left: 18px;
}
.apps-btns > a {
    float: left;
    font-family: Barlow;
    font-size: 16px;
    color: #ffffff;
    background: #817e96;
    padding: 9px 26px;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;

    text-transform: uppercase;
    padding-bottom: 10px;
    margin-left: 20px;
    
    -webkit-box-shadow: 0px 0px 60px rgba(68,60,98,0.3);
    -moz-box-shadow: 0px 0px 60px rgba(68,60,98,0.3);
    -ms-box-shadow: 0px 0px 60px rgba(68,60,98,0.3);
    -o-box-shadow: 0px 0px 60px rgba(68,60,98,0.3);
    box-shadow: 0px 0px 60px rgba(68,60,98,0.3);

}
.apps-btns > a.tryapp {
    background: #5363c8;
    margin-left: 17px;
}


/* Featured Sec */
.fsec {
    float: left;
    width: 100%;
    display: table;
    padding: 0 280px;
    margin-top: 185px;
}
.fimg {
    float: right;
    width: 650px;
}
.fimg img {
    max-width: 100%;
}
.finfos {
    display: table-cell;
    vertical-align: middle;
    padding-right: 110px;
}
.finfos > h3 {
    float: left;
    width: 100%;
    font-size: 55px;
    line-height: 72px;
    color: #ffffff;
    font-family: Barlow;
    letter-spacing: -1px;
    font-weight: normal;
}
.finfos > h3 strong {
    font-weight: 600;
}
.finfos > p {
    float: left;
    width: 100%;
    font-family: Barlow;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    padding-left: 20px;
    border-left: 2px solid #ffffff;
    padding-right: 180px;
    letter-spacing: 0px;
}
.btns {
    float: left;
    width: 100%;
    margin: 0;
}
.btns > li {
    float: left;
    margin: 0;
    margin-right: 25px;
}
.theme-btn {
    border: 2px solid #ffffff;
    font-size: 16px;
    color: #ced0e6;
    padding: 14px 42px;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

    letter-spacing: 0px;
    float: left;
    font-family: barlow;
}
.gradient.theme-btn{
    border: none;
    padding: 17px 46px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.theme-btn.blank:hover {
    background: #ffffff;
}
.gradient.theme-btn:hover{
            color:black !important;
            text-decoration:none !Important;
        }
.gradient.theme-btn:before{
    background: rgb(250,57,102);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzAyZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(250,57,102,1) 0%, rgba(250,57,102,1) 32%, rgba(188,2,224,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(250,57,102,1)), color-stop(32%,rgba(250,57,102,1)), color-stop(100%,rgba(188,2,224,1)));
    background: -webkit-linear-gradient(left,  rgba(250,57,102,1) 0%,rgba(250,57,102,1) 32%,rgba(188,2,224,1) 100%);
    background: -o-linear-gradient(left,  rgba(250,57,102,1) 0%,rgba(250,57,102,1) 32%,rgba(188,2,224,1) 100%);
    background: -ms-linear-gradient(left,  rgba(250,57,102,1) 0%,rgba(250,57,102,1) 32%,rgba(188,2,224,1) 100%);
    background: linear-gradient(to right,  rgba(250,57,102,1) 0%,rgba(250,57,102,1) 32%,rgba(188,2,224,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa3966', endColorstr='#bc02e0',GradientType=1 );
    
    position: absolute;
    content: "";

    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);

}

.gradient.theme-btn:hover::before {
    -webkit-transform: scale(1.5) translate(25px);
    -moz-transform: scale(1.5) translate(25px);
    -ms-transform: scale(1.5) translate(25px);
    -o-transform: scale(1.5) translate(25px);
    transform: scale(1.5) translate(25px);

    background-position: right center;

}
.social {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.social a {
    float: left;
    font-size: 21px;
    color: #ffffff;
    margin-right: 28px;
    position: relative;
}
.clsec {
    float: left;
    width: 100%;
    padding: 0 280px;
}
.cl {
    float: left;
    width: 20%;
    text-align: center;
    margin-top: 50px;
}

body.lines {
    background-image: url('../images/lines.png');
    background-repeat: repeat;
    margin: 0;
}
body div .expadding {
    padding: 0 280px !important;
}
.why-info {
    float: left;
    width: 100%;
    padding-right: 0px;
}
.why-info > h3 {
    float: left;
    width: 100%;
    font-size: 40px;
    color:#e90808;
    font-family: Montserrat, sans-serif;
    letter-spacing: 0px;
    font-weight: 600;
}
.why-info > p {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #443c62;
    line-height: 28px;
}
.fancybtn {
    float: left;
    width: 100%;
    margin-top: 40px;
}
.fancybtn > strong {
    font-size: 20px;
    color: #556bff;
    font-family: Barlow;
    font-weight: 500;
}
5577 {
    font-size: 15px;
    color: #f90150;
    font-style: normal;
    margin-top: 3px;
    display: block;
}
.pulse {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;

  cursor: pointer;
  position:relative;
  width: 48px;
  height: 48px;
  border: 2px solid #f90150;
  float: left;
  text-align: center;
  line-height: 48px;
  margin-right: 20px;
  background: #ffffff;
  z-index: 1;
}

.pulse:after {
  content:"";
  display:block;
  width: 35px;
  height: 35px;
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;

  border: 2px solid #f90150;
  position:absolute;
  top:4px;
  left:5px;
  animation: pulse 2s cubic-bezier(0,.76,.2,1.16) 0s infinite;
  opacity: 0.1;
  z-index: -6;
  background: #ffffff;
}

@keyframes pulse {
  0% {
      opacity: 1;
      
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);

  }
  80% {
      opacity: 0;
      
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -ms-transform: scale(2);
      -o-transform: scale(2);
      transform: scale(2);

  }
  100% {
      opacity: 0;
      
      -webkit-transform: scale(3);
      -moz-transform: scale(3);
      -ms-transform: scale(3);
      -o-transform: scale(3);
      transform: scale(3);

  }
}
.sersec {
    float: left;
    width: 100%;
    padding-left: 100px;
}
.ser {
    float: left;
    width: 100%;
    text-align: center;
    background: #ffffff;
    
    -webkit-box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 50px rgba(0,0,0,0.1);

    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    margin-bottom: 30px;
    padding: 24px 40px;
}
.ser p {
    font-size: 15px;
    line-height: 30px;
    color: #443c62;
    margin: 0;
    margin-top: 5px;
}

.tc1{background-color: #ffffff;}
.tc2{background-color: #ffffff;}
.tc3{background-color: #ffffff;}
.tc4{background-color: #ffffff;}
.tc5{background-color: #ffffff;}
.tc6{background-color: #ffffff;}
.tokenfesec {
    float: left;
    width: 100%;
}
.tokenfesec > .row {
    margin: 0 -25px;
}
.tokenfesec > .row > div {
    padding: 0 30px;
}
.tkenf {
    float: left;
    width: 100%;
    text-align: center;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    height: 220px;
    color: #ffffff;
    padding-top: 47px;
}
.tkenf span {
        float: left;
    width: 100%;
    font-size: 16px;
    padding: 0 25px;
    color: #191817;
}
.whytoken {
    float: left;
    width: 100%;
    text-align: center;
}
.whytoken > h3 {
       float: left;
    width: 100%;
    font-size: 35px;
    color: #ffffff;
    font-family: Barlow;
    font-weight: 600;
}
.whytoken > p {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    padding: 0 280px;
    letter-spacing: 0px;
    margin-bottom: 60px;
}
.countsec {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
.countsec > h3 {
    float: left;
    width: 100%;
    font-size: 30px;
    color: #556bff;
    font-family: Barlow;
    font-weight: 500;
}
.countsec > p {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #443c62;
    line-height: 30px;
    padding: 0 390px;
    letter-spacing: 0px;
    margin-bottom: 60px;
}
.countdown-soon {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
}
.countdown-soon > li >  span{
    float: none;
    display: inline-block;
    margin: 0;
    width: 110px;
    height: 110px;
    text-align: center;
    
        background: rgb(250,57,102);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzAyZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(250,57,102,1) 0%, rgba(250,57,102,1) 32%, rgba(188,2,224,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(250,57,102,1)), color-stop(32%,rgba(250,57,102,1)), color-stop(100%,rgba(188,2,224,1)));
    background: -webkit-linear-gradient(left,  rgba(250,57,102,1) 0%,rgba(250,57,102,1) 32%,rgba(188,2,224,1) 100%);
    background: -o-linear-gradient(left,  rgba(250,57,102,1) 0%,rgba(250,57,102,1) 32%,rgba(188,2,224,1) 100%);
    background: -ms-linear-gradient(left,  rgba(250,57,102,1) 0%,rgba(250,57,102,1) 32%,rgba(188,2,224,1) 100%);
    background: linear-gradient(to right,  rgba(250,57,102,1) 0%,rgba(250,57,102,1) 32%,rgba(188,2,224,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fa3966', endColorstr='#bc02e0',GradientType=1 );
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    position: relative;
    z-index: 0;
    font-size: 40px;
    color: #556bff;
    font-weight: bold;
    line-height: 107px;
}
.countdown-soon > li > span::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 106px;
    height: 106px;
    content: "";
    background: #ffffff;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    left: 50%;
    top: 50%;
    
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);

    z-index: -1;
}
.countdown-soon > li {
    float: none;
    display: inline-block;
    width: 110px;
    margin: 0 15px;
}
.countsec .btns li {
    float: none;
    display: inline-block;
    margin: 0;
    margin-top: 20px;
}
.countsec .social {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
.countsec .social a {
    float: none;
    display: inline-block;
    margin: 0 10px;
    font-size: 21px;
    color: #8488c0;
}
.someblock {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
}
.someblock > li {
    display: inline-block;
    position: relative;
    text-align: left;
    width: 280px;
    margin: 0;
    position: relative;
    padding-left: 40px;
    margin: 20px 0;
}
.someblock > li::before {
    position: absolute;
    left: 0;
    top: 9px;
    width: 25px;
    height: 1px;
    background: #ced0e6;
    content: "";
}
.someblock > li span, .someblock > li p {
    font-size: 16px;
    color: #443c62;
    font-family: barlow;
    margin: 0;
}
.distisec {
    float: left;
    width: 100%;
    text-align: center;
}
.distisec > h3 {
    float: left;
    width: 100%;
    font-size: 30px;
    color: #556bff;
    font-family: Barlow;
    font-weight: 500;
}
.chartsec {
    width: 385px;
    margin-top: 50px;
    position: relative;
    display: inline-block;
}
.chart-img {
    float: left;
    width: 100%;
    width: 385px;
    height: 385px;
    background-image: url('../images/ring.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.charttip.one {
    top: 24px;
    left: -202px;
}
.charttip.one span {
    color: #76dfef;
}
.charttip.one:before {
    background: #76dfef;
}
.charttip.two {
    top: 155px;
    left: -265px;
}
.charttip.two span {
    color: #1485ec;
}
.charttip.two:before {
    background: #1485ec;
}
.charttip.three {
    top: 315px;
    left: -195px;
}
.charttip.three span {
    color: #009abc;
}
.charttip.three:before {
    background: #009abc;
}
.charttip.four {
    left: auto;
    right: -270px;
    top: 164px;
}
.charttip.four span {
    color: #31318e;
}
.charttip.four:before {
    background: #31318e;
}
.charttip.five {
    left: auto;
    right: -185px;
    top: 325px;
}
.charttip.five span {
    color: #0f62b0;
}
.charttip.five:before {
    background: #0f62b0;
}
.charttip {
    position: absolute;
    left: 0;
    top: 0;
    padding-right: 120px;
    width: 280px;
    text-align: right;
}
.charttip > span {
    float: left;
    width: 100%;
    font-size: 30px;
    font-weight: bold;
}
.charttip > p {
    float: left;
    width: 100%;
    margin: 0;
    color: #443c62;
    line-height: 24px;
}
.charttip::before {
    position: absolute;
    right: 0;
    top: 23px;
    width: 101px;
    height: 1px;
    content: "";
}
.charttip.flip {
    text-align: left;
    padding-left: 120px;
    padding-right: 0;
}
.charttip.flip::before {
    right: auto;
    left: 0;
}
.chartproceed {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 80px;
    display: table;
}
.chartproceed > div {
    display: table-cell;
    vertical-align: top;
    text-align: center;
}
.chartproceed > div.chartsinfo {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 400px;
}
.chartsinfo > span {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #443c62;
    position: relative;
    margin: 23px 0;
}
.chartsinfo > span > i {
    float: left;
    width: 16px;
    height: 16px;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    margin: 2px 0;
        margin-right: 0px;
    margin-right: 20px;
}
.chartsinfo > span > i.clr1{background-color: #fd6742;}
.chartsinfo > span > i.clr2{background-color: #ffc856;}
.chartsinfo > span > i.clr3{background-color: #90d661;}
.chartsinfo > span > i.clr4{background-color: #47cbff;}
.chartsinfo > span > i.clr5{background-color: #4a77f6;}
.chartsinfo > span > i.clr6{background-color: #1c4aa1;}
.roadmapsec {
    float: left;
    width: 100%;
}
.roadmapsec > h3 {
    float: left;
    width: 100%;
    font-size: 30px;
    color: #556bff;
    font-family: Barlow;
    font-weight: 500;
    text-align: center;
    margin-bottom: 120px;
}
.roadnavsec {
    float: none;
    display: inline-block;
    width: 425px;
    position: relative;
    left: 50%;
    
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    
        background: rgb(250,57,102);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzAyZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(250,57,102,1) 0%, rgba(250,57,102,1) 32%, rgba(188,2,224,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(250,57,102,1)), color-stop(32%,rgba(250,57,102,1)), color-stop(100%,rgba(188,2,224,1)));
    background: -webkit-linear-gradient(left,  rgba(250,57,102,1) 0%,rgba(250,57,102,1) 32%,rgba(188,2,224,1) 100%);
    background: -o-linear-gradient(left,  rgba(250,57,102,1) 0%,rgba(250,57,102,1) 32%,rgba(188,2,224,1) 100%);
    background: -ms-linear-gradient(left,  rgba(250,57,102,1) 0%,rgba(250,57,102,1) 32%,rgba(188,2,224,1) 100%);
    background: linear-gradient(to right,  rgba(250,57,102,1) 0%,rgba(250,57,102,1) 32%,rgba(188,2,224,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa3966', endColorstr='#bc02e0',GradientType=1 );
}
.roadnav {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 30px;
}
.roadnav > li {
    float: none;
    display: inline-block;
}
.roadnav li {
    margin: 0;
}
.roadnav li span {
    float: left;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-family: barlow;
    padding: 23px 0;
    cursor: pointer;
    position: relative;
    z-index: 0;
}
.roadnav li.slick-slide.slick-current.slick-active.slick-center span::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    content: "";
    background: #ffffff;
    height: 100%;
    
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);

    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    z-index: -1;
}
.roadnav li.slick-slide.slick-current.slick-active.slick-center span{
    color: #1d1d76;
}
.roadcontent {
    float: left;
    width: 100%;
    margin: 0;
    padding-top: 30px;
    position: relative;
}
.roadcontent::before {
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    height: 2px;
    width: 100%;
    background: #dfe2ff;
    content: "";
}
.roadcontent .slick-slide {
    text-align: center;
}
.roadcontent .slick-slide .roadmap {
    float: none;
    display: inline-block;
    padding-top: 110px;
    position: relative;
    text-align: left;
    width: 210px;
}
.roadcontent .slick-slide .roadmap {
    float: none;
    display: inline-block;
    padding-top: 110px;
    position: relative;
    text-align: left;
    width: 210px;
    float: left;
    margin-top: 51px;
}
.roadmap::before {
    position: absolute;
    left: 0;
    top: 39px;
    width: 1px;
    height: 50px;
    content: "";
    background: #e4e5f4;
}
.roadmap > i {
    position: absolute;
    left: -13px;
    top: -13px;
    width: 26px;
    height: 26px;
    background: #666666;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}
.roadmap > i::before {

    position: absolute;
    left: 50%;
    top: 50%;
    width: 42px;
    height: 42px;
    content: "";
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    z-index: -1;
    
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

    opacity: 0.1;

}
.rmcontent {

    float: none;
    display: inline-block;
    position: relative;
    z-index: 1;

    padding-left: 230px;
}
.roadmap > h3 {

    float: left;
    width: 100%;
    font-size: 15px;
    color: #556bff;
    margin: 0;

    font-weight: normal;
}
.roadmap > p {

    float: left;
    width: 100%;
    font-size: 15px;
    color: #443c62;
    line-height: 28px;
    margin: 0;
        margin-top: 0px;
    margin-top: 8px;
    padding-right: 70px;

}
.roadmap > i.cl1,
.roadmap > i.cl1:before{background-color: #556bff;}
.roadmap > i.cl2,
.roadmap > i.cl2:before{background-color: #32328e;}
.roadmap > i.cl3,
.roadmap > i.cl3:before{background-color: #555ba8;}
.roadmap > i.cl4,
.roadmap > i.cl4:before{background-color: #8488c0;}
.roadmap > i.cl5,
.roadmap > i.cl5:before{background-color: #ced0e6;}
body div .expadding.noright {
    padding-right: 0 !important;
}
.countdown-soon > li > p {
    float: left;
    width: 100%;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 20px;
    color: #443c62;
}
.teaminfos {
    float: left;
    width: 340px;
    margin-top: 60px;
}
.teaminfos > h3 {
    float: left;
    width: 100%;
    color: #ffffff;
    font-family: Barlow;
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 30px;
}
.teaminfos > p {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #ffffff;
    line-height: 30px;
    margin: 0;
}
.teamline::before {
    position: absolute;
    display:none;
    left: 0;
    top: 441px;
    width: 100%;
    height: 1px;
    background: #1f2570;
    content: "";
}
.teamlist {
    float: left;
    width: 100%;
    margin-left: 140px;
    margin-top: 60px;
    margin-bottom: 60px;
}
.teamcarousel {
    float: left;
    width: 100%;
    margin: 0;
}
.teamcarousel li {
    padding: 0 14px;
    margin: 0;
}
.team {
    float: left;
    width: 100%;
    background: #282e7e;
    position: relative;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

}
.team img {
    float: left;
    width: 100%;
    
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;

}
.team > h3 {
    float: left;
    width: 100%;
    font-family: Barlow;
    color: #ffffff;
    font-size: 20px;
    margin: 0;
        margin-top: 0px;
    margin-top: 30px;
    padding-left: 30px;
    font-weight: normal;
}
.team > span {
    float: left;
    width: 100%;
    color: #8488c0;
    font-size: 16px;
    padding-left: 30px;
    margin-top: 8px;
    margin-bottom: 30px;
}

.team > .social {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 18px;
    position: absolute;
    bottom: 116px;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 10px;
    text-align: center;
    background: rgba(33, 31, 95, 0.6);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.team > .social a {
    color: #c1c9ff;
    float: none !important;
    font-size: 15px !important;
    margin-right: 10px !important;
}

.team:hover .social {
  opacity: 1;
  filter: alpha(opacity=100);
}

.teamcarousel button {
    position: absolute;
    left: -660px;
    top: 294px;
}
.teamcarousel button {
    position: absolute;
    left: -553px;
    top: 271px;
    width: 36px;
    height: 20px;
    background-image: url('../images/arrows.png');
    background-repeat: no-repeat;
    margin: 0;
    content: "";
}
.teamcarousel button.slick-next {
    background-position: 0px -20px;
    left: -498px;
}
.teamcarousel button::before {
    display: none;
}

.faqsec {
    float: left;
    width: 100%;
    text-align: center;
}
.faqsec > h3 {
    float: left;
    width: 100%;
    font-size: 30px;
    color: #556bff;
    font-family: Barlow;
    font-weight: 500;
    text-align: center;
    margin-bottom: 120px;
}
#toggle-widget {
    text-align: left;
    float: left;
    width: 100%;
}
#toggle-widget > h2 {
    float: left;
    width: 100%;
    position: relative;
    height: 60px;
    background: #f3f3f3;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    color: #443c62;
    font-family: Barlow;
    font-size: 18px;
    padding: 18px 40px;
    cursor: pointer;
    margin-bottom: 13px;
    font-weight: normal;
    margin-top: 0;
}
#toggle-widget > h2::before {
    position: absolute;
    content: "";
    background-image: url('../images/faq.png');
    width: 16px;
    height: 23px;
    background-repeat: no-repeat;
    right: 30px;
    top: 17px;
    
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);

}
#toggle-widget > h2.active::before {
    
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);

}
#toggle-widget .content {
    float: left;
    width: 100%;
}
#toggle-widget .content p {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #443c62;
    padding-left: 37px;
    padding-right: 90px;
    margin-bottom: 27px;
    margin-top: 18px;
}
#toggle-widget > h2.active {
    background: #ffffff;
    
    -webkit-box-shadow: 0px 0px 40px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 40px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 0px 40px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 0px 40px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 40px rgba(0,0,0,0.1);

}
.contactsec {
    float: left;
    width: 100%;
    display: table;
}
.contactsec > h3 {
    float: left;
    width: 100%;
    font-size: 30px;
    color: #556bff;
    font-family: Barlow;
    font-weight: 500;
    text-align: center;
    margin-bottom: 60px;
}
.contactlists {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}
.contactlists > span {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.contactlists > span > strong {

    width: 100px;
    height: 100px;
    background: #ffffff;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    padding: 22px 0;

    text-align: center;
    float: left;
    margin-right: 41px;
    
    -webkit-box-shadow: 0px 0px 50px rgb(148,128,224,0.1);
    -moz-box-shadow: 0px 0px 50px rgb(148,128,224,0.1);
    -ms-box-shadow: 0px 0px 50px rgb(148,128,224,0.1);
    -o-box-shadow: 0px 0px 50px rgb(148,128,224,0.1);
    box-shadow: 0px 0px 50px rgb(148,128,224,0.1);

}
.consec {

    display: table;
    float: left;
    width: 100%;

}
.contactlists > span i {
    display: block;
    margin: 0;
    line-height: 30px;
    font-size: 15px;
    color: #443c62;
    font-style: normal;
    margin: 19px 0;
}
.contactformsec {
    float: left;
    width: 670px;
    background: #ffffff;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    padding: 40px;
    
    -webkit-box-shadow: 0px 0px 50px rgb(148,128,224,0.1);
    -moz-box-shadow: 0px 0px 50px rgb(148,128,224,0.1);
    -ms-box-shadow: 0px 0px 50px rgb(148,128,224,0.1);
    -o-box-shadow: 0px 0px 50px rgb(148,128,224,0.1);
    box-shadow: 0px 0px 50px rgb(148,128,224,0.1);

}
.contactformsec > form {
    float: left;
    width: 100%;
}
.contactformsec > form > input, .contactformsec > form > textarea {
    float: left;
    width: 100%;
    background: #f2f7ff;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    font-family: Open Sans;
    font-size: 15px;
    color: #443c62;
}
.contactformsec > form .theme-btn {
    float: left;
    width: 100%;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    font-size: 15px;
    font-family: Open Sans;
    padding: 18px 0;
    background: none;
    position: relative;
    z-index: 0;
}
.contactlists .social a {
    font-size: 16px;
    color: #ced0e6;
}
.bt {
     border-top:1px #ecdbdb solid;
}
.list-benefits li{
        color: #ffffff !important;
    margin-top: 38px;
}
.pulse{
             margin-right:30px !important;
         }
         .fancybtn > strong{
             color:black !important;
         }
         .fancybtn i {
     color: #dd080a ;
   }
          .blink-soft {
  animation: blinker 3s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.bottomline {
    float: left;
    width: 100%;
    text-align: center;
    background: #ffffff;
    font-size: 15px;
    color: #443c62;
 padding: 12px 5px 8px 0px;
      
    margin-top: 90px;
    border-top:1px #ecdbdb solid;
}
.apps-btns > a:hover {
    background: #ffffff;
    color: #5363c8;
}
.animute {
    position: relative;
}
.social a:hover {
    color: #93a3ef;
}
.clsec:hover .cl {
    opacity: 0.3;
}
.clsec:hover .cl:hover {
    opacity: 1;
}
.floating{
    float: left;
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;

}

@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 15px);}
    to {-webkit-transform: translate(0, -0px);    }    
}
    
@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 15px);}
    to {-moz-transform: translate(0, -0px);}    
}
.floating2{
    float: left;
    -webkit-animation-name: Floatingxs;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floatings;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;

}

@-webkit-keyframes Floatingxs{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 15px);}
    to {-webkit-transform: translate(0, -0px);    }    
}
    
@-moz-keyframes Floatings{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 15px);}
    to {-moz-transform: translate(0, -0px);}    
}
.someblock > li:hover:before{
    background: #F93867;
}
.roadmap:hover::before {
    height: 10px;
    background: #F93867;
    top: 80px;
}
.roadmap:hover i::before {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);

    opacity: 0;
}
.contactlists > span:hover > div {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);

}
.bg1 {
    background-image: url('../images/p4.png');
    height: 100%;
    width: 100%;
}
.vx {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
.sticktop.light nav ul > li a {
    color: #32328e;
}
body .g1{
    background: rgb(129,126,150);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxN2U5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzgxN2U5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NDg1YWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(129,126,150,1) 0%, rgba(129,126,150,1) 44%, rgba(132,133,174,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(129,126,150,1)), color-stop(44%,rgba(129,126,150,1)), color-stop(100%,rgba(132,133,174,1)));
    background: -webkit-linear-gradient(left,  rgba(129,126,150,1) 0%,rgba(129,126,150,1) 44%,rgba(132,133,174,1) 100%);
    background: -o-linear-gradient(left,  rgba(129,126,150,1) 0%,rgba(129,126,150,1) 44%,rgba(132,133,174,1) 100%);
    background: -ms-linear-gradient(left,  rgba(129,126,150,1) 0%,rgba(129,126,150,1) 44%,rgba(132,133,174,1) 100%);
    background: linear-gradient(to right,  rgba(129,126,150,1) 0%,rgba(129,126,150,1) 44%,rgba(132,133,174,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#817e96', endColorstr='#8485ae',GradientType=1 );

}
body .g2{
    background: rgb(83,99,200);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzNjNjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzUzNjNjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTY4ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(83,99,200,1) 0%, rgba(83,99,200,1) 44%, rgba(85,104,231,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(83,99,200,1)), color-stop(44%,rgba(83,99,200,1)), color-stop(100%,rgba(85,104,231,1)));
    background: -webkit-linear-gradient(left,  rgba(83,99,200,1) 0%,rgba(83,99,200,1) 44%,rgba(85,104,231,1) 100%);
    background: -o-linear-gradient(left,  rgba(83,99,200,1) 0%,rgba(83,99,200,1) 44%,rgba(85,104,231,1) 100%);
    background: -ms-linear-gradient(left,  rgba(83,99,200,1) 0%,rgba(83,99,200,1) 44%,rgba(85,104,231,1) 100%);
    background: linear-gradient(to right,  rgba(83,99,200,1) 0%,rgba(83,99,200,1) 44%,rgba(85,104,231,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5363c8', endColorstr='#5568e7',GradientType=1 );

}
header.light .apps-btns > a {
    
    -webkit-box-shadow: 0px 0px 30px rgba(68,60,98,0.16);
    -moz-box-shadow: 0px 0px 30px rgba(68,60,98,0.16);
    -ms-box-shadow: 0px 0px 30px rgba(68,60,98,0.16);
    -o-box-shadow: 0px 0px 30px rgba(68,60,98,0.16);
    box-shadow: 0px 0px 30px rgba(68,60,98,0.16);

}
.fsec.s2 h3 {
    color: #443c62;
}
.fsec.s2 p {
    color: #8488c0;
    border-left-color: #d4d8ff;
}
.fsec.s2 .theme-btn.blank {
    color: #8488c0;
    border-color: #8488c0;
}
.fsec.s2 .social a {
    color: #ced0e6;
}
.whytoken.s2 {
    text-align: right;
    margin-top: 50px;
}
.whytoken.s2 p {
    padding: 0;
        padding-left: 0px;
    padding-left: 130px;
    margin-bottom: 40px;
}
.tokenfesec.s2 .tkenf {
    height: 130px;
    padding: 16px 0;
    margin-bottom: 45px;
}
.tkenf.martop1 {
    margin-top: 30px;
}
.tkenf.martop2 {
    margin-top: 70px;
}
.last-bot{
    margin-top:50px !Important;
}
.scrollup {
    position: absolute;
    right: -30px;
    bottom: 110px;
    padding-left: 100px;
    
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);

}
.scrollup::before {
    position: absolute;
    left: 0;
    bottom: 7px;
    width: 86px;
    height: 1px;
    content: "";
    background: #bc02e0;
}
.scrollup a {
    float: left;
    font-size: 15px;
    color: #bc02e0;
    font-family: barlow;
}

.scrolldown {
    position: absolute;
    right: -10px;
    bottom: 160px;
    padding-left: 100px;
    
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);

}
.scrolldown::before {
    position: absolute;
    left: 0;
    bottom: 7px;
    width: 86px;
    height: 1px;
    content: "";
    background: #ffffff;
}
.scrolldown a {
    float: left;
    font-size: 15px;
    color: #ffffff;
    font-family: barlow;
}
header.s3 {
    padding: 0 100px;
}
.menusec .social {
    float: left;
    width: auto;
    margin: 23px 0;
    margin-left: 100px;
}
.menusec .social a {
    font-size: 16px;
    padding: 3px 0;
}
.block.split::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background: #556bff;
    content: "";
    opacity: 0.45;
}
.fsec.s3 {
    padding: 0 100px;
        padding-right: 100px;
    padding-right: 210px;
    margin-top: 130px;
    margin-bottom: 40px;
}
.gradient.g3.theme-btn{
    background: rgb(243,1,70);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzMDE0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2YzMDE0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTAxNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(243,1,70,1) 0%, rgba(243,1,70,1) 44%, rgba(249,1,80,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(243,1,70,1)), color-stop(44%,rgba(243,1,70,1)), color-stop(100%,rgba(249,1,80,1)));
    background: -webkit-linear-gradient(left,  rgba(243,1,70,1) 0%,rgba(243,1,70,1) 44%,rgba(249,1,80,1) 100%);
    background: -o-linear-gradient(left,  rgba(243,1,70,1) 0%,rgba(243,1,70,1) 44%,rgba(249,1,80,1) 100%);
    background: -ms-linear-gradient(left,  rgba(243,1,70,1) 0%,rgba(243,1,70,1) 44%,rgba(249,1,80,1) 100%);
    background: linear-gradient(to right,  rgba(243,1,70,1) 0%,rgba(243,1,70,1) 44%,rgba(249,1,80,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f30146', endColorstr='#f90150',GradientType=1 );

}

.fsec.s4 .finfos .theme-btn {
    padding: 17px 46px;
}
.fsec.s4 .finfos .theme-btn.blank {
    border-color: #8488c0;
}
.fsec.s3 .theme-btn.blank {
    border-color: #8488c0;
}
.fsec.s3 .fimg {
    margin-top: 70px;
}
.fsec.s3 .finfos > h3 {
    margin-top: 20px;
}
.sersec.s2 {
    padding-left: 20px;
    margin-top: 30px;
}
.why-info.s2 {
    margin-top: 20px;
}
.tkenf.rounded {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    width: 160px;
    height: 160px;
    padding: 0px 0;
}
.tokenfesec.lowgape {
    padding-right: 50px;
    margin-top: 60px;
}
.tokenfesec.s2 .tkenf.martop1 {
    margin-bottom:15px;
}
.tokenfesec.s2 .tkenf.martop2 {
    margin-bottom: -4px;
    margin-top: 70px;
}
.tokenfesec.s2 .tkenf.rounded {
    margin-bottom: 40px;
}
.tokenfesec.s2 .tkenf.rounded.martop1 {
    margin-bottom: 4px;
}
.tokenfesec.s2 .tkenf.rounded.martop2 {
    margin-bottom: -28px;
}
.couns2 {
    float: left;
    width: 100%;
}
.couns2 .countdown-soon li {
    float: none;
    width: auto;
    display: inline-block;
    height: auto;
    margin-top: 39px;
    margin-left: 5px;
    margin-right: 5px;
}
.couns2 .countdown-soon li > span {
    background: none;
    width: auto;
    height: auto;
}
.couns2 .countdown-soon li > span {
    background: none;
    width: auto;
    height: auto;
    line-height: 0px;
}
.couns2 .countdown-soon li > span::before {
    display: none;
}
.couns2 .countdown-soon li > p {
    margin-top: 12px;
}
.couns2 .theme-btn {
    color: #ffffff;
    padding: 16px 50px;
}
.partnersec {
    float: left;
    width: 100%;
    text-align: center;
}
.partnersec > h3 {
    float: left;
    width: 100%;
    font-size: 30px;
    color: #e90808;
    font-family: Barlow;
    font-weight: 500;
    text-align: center;
    margin-bottom: 40px;
    margin-top:30px;
}
.partnersec .clsec {
    padding: 0;
}
.faqsec.s2 #toggle-widget h2.active {
    background: #c9d1f9;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}
.faqsec.s2 #toggle-widget > h2 {
    background: #ffffff;
}

.lines.ophalf::after {
    opacity: 0.5;
}
.split.flip::before {
    left: auto;
    right: 0;
    width: 60%;
}
.consec.s2 .contactlists > span > strong {
    background: none;
    width: auto;
    height: auto;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    float: left;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 10px 0;
        padding-top: 10px;
    padding-top: 0;
}
.consec.s2 .contactlists > span > i {
    float: left;
    width: 100%;
    margin: 0;
    color: #ffffff;
}
.consec.s2 .contactlists .social {
    margin: 0;
}
.consec.s2 .contactlists {
    padding-top: 100px;
}
.consec.s2 .contactformsec {
    background: none;
    padding: 0;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}
.consec.s2 .contactformsec > h3 {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 30px;
    font-family: Barlow;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 68px;
}
.consec.s2 .contactformsec > form input, .consec.s2 .contactformsec > form textarea {
    background: none;
    color: #ffffff;
    font-size: 15px;
    padding: 0;
        padding-bottom: 0px;
    border-bottom: 2px solid #ffffff;
    
    -webkit-border-radius: 0 0;
    -moz-border-radius: 0 0;
    -ms-border-radius: 0 0;
    -o-border-radius: 0 0;
    border-radius: 0 0;

    padding-bottom: 20px;
    margin-bottom: 40px;
}
.consec.s2 .contactformsec > form textarea {
    margin-top: 20px;
    min-height: 220px;
    margin-bottom: 60px;
}
input::-moz-placeholder,
textarea::-moz-placeholder{
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{
  opacity: 1;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
  opacity: 1;
}
.bottomline.s2 {
    background: none;
}
.bottomline.s2 span {
    color: #ffffff;
}
.split.flip.sliptop::before {
    bottom: 71px;
    top: auto;
}
.split.flip.sliptop {
    overflow: hidden;
}
.sticktop.s3.mleft nav {
    float: left;
    margin-left: 100px;
}
body.color {
    background: #322f89;
    margin: 0;
}
.fsec.s4 {
    float: left;
    width: 100%;
    padding: 0;
}
.fsec.s4 .finfos > p {
    padding: 0;
    border: none;
    margin-bottom: 38px;
}
.fcount .countdown-soon > li {
    float: none;
    width: 70px;
    margin: 0 5px;
}
.fcount .countdown-soon > li > span::before {
    display: none;
}
.fcount .countdown-soon > li > span {
    float: left;
    width: 70px;
    height: 70px;
    background: #ffffff;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    font-size: 30px;
    font-family: Barlow;
    font-weight: 500;
    color: #293488;
    line-height: 70px;
    padding: 0;
}
.fcount .countdown-soon > li > p {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #7f88e1;
    font-family: barlow;
    text-transform: capitalize;
    margin: 0;
        margin-top: 0px;
    margin-top: 6px;
}
.fsec.s4 .finfos {
    padding: 0;
}
.prosec {
    float: left;
    width: 100%;
    padding: 0 13px;
    margin-top: 21px;
}
.prosec > span {
    font-size: 16px;
    color: #7f88e1;
    font-family: Barlow;
}
.prosec > p {
    font-size: 16px;
    color: #7f88e1;
    font-family: Barlow;
    margin: 0;
}
.progresssec {
    float: left;
    width: 100%;
    background: #192265;
    height: 15px;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

    margin-top: 11px;
    margin-bottom: 4px;
}
.rpogressbar {
    float: left;
    height: 15px;
    background: #ffc935;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

}
.fcount .btns {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.fcount .btns li {
    float: none;
    display: inline-block;
    margin: 0;
}
.fcount .social {
    float: left;
    width: 100%;
    margin-top: 37px;
    text-align: center;
}
.fcount .social a {
    float: none;
    display: inline-block;
    font-size: 18px;
    color: #8488c0;
    margin: 0 10px;
}
.fsec.s4 .finfos > h3 {
    margin-top: -40px;
}
.fcount {
    float: left;
    width: 350px;
    margin-right: 80px;
    margin-top: 45px;
}
.fsec.s4 .finfos .theme-btn.blank {
    padding: 16px 42px;
}
.why-info.s2.color p {
    color: #c1c9ff;
}
.why-info.s2.color h3 {
    color: #ffffff;
}
.why-info.s2.color .fancybtn i {
    color: #c1c9ff;
}
.why-info.s2.color .fancybtn strong {
    color: #ffffff;
}
.why-info.s2.color .fancybtn span{
    background: none;
    border-color: #ffffff;
}
.why-info.s2.color .fancybtn span:after {
    border-color: #ffffff;
}
.sersec.color .ser {
    background: none;
    border: 2px solid #494a9b;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}
.sersec.color .ser p {
    color: #aeb5f0;
}
.whytoken.color > h3 {
    color: #ffffff;
}
.whytoken.color > p {
    color: #c1c9ff;
    padding: 0 170px;
}
.whytoken.color .tkenf {
    height: 155px;
    padding: 17px 0;
}
.countsec.color > h3 {
    color: #ffffff;
}
.countsec.color > p {
    color: #c1c9ff;
}
.countsec.color .countdown-soon li span {
    color: #ffffff;
}
.countsec.color .countdown-soon li p {
    color: #ffffff;
}
.countsec.color .someblock li span, .countsec.color .someblock li p {
    color: #c1c9ff;
}
.distisec.color > h3 {
    color: #ffffff;
}
.distisec.color .chart-img {
    background-image: url('../images/ring2.png');
}
.distisec.color .charttip span {
    color: #47cbff;
    font-family: Barlow;
}
.distisec.color .charttip p {
    color: #c1c9ff;
}
.distisec.color .charttip::before {
    background: #47cbff;
}
.distisec.color .chartsinfo span {
    color: #c1c9ff;
}
.roadmapsec.color > h3 {
    color: #ffffff;
    margin-bottom: 90px;
}
.roadmapsec.color .roadnavsec {
    background: #1d1d76;
}
.roadmapsec.color .roadcontent::before {
    background: #4d4dad;
}
.roadmapsec.color .roadmap > i {
    background: #ffc430;
}
.roadmapsec.color .roadmap > i::before {
    background: #c1c9ff;
}
.roadmapsec.color .roadmap::before {
    background: #e4e5f4;
}
.roadmapsec.color .roadmap > h3 {
    color: #ffffff;
}
.roadmapsec.color .roadmap > p {
    color: #c1c9ff;
}
.teamlist.color .team {
    background: #1e246c;
}

.faqsec.color > h3 {
    color: #ffffff;
    margin-bottom: 80px;
}
.faqsec.color #toggle-widget h2 {
    background: #28276f;
    color: #ffffff;
}
.faqsec.color #toggle-widget h2.active {
    background: #ffffff;
    color: #32328e;
}
.faqsec.color #toggle-widget .content p {
    color: #c1c9ff;
}
.contactsec.color > h3 {
    color: #ffffff;
}
.contactsec.color .contactlists {
    padding: 0;
}
.contactsec.color .contactformsec {
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}
.contactsec.color .consec.s2 .contactformsec input, .contactsec.color .consec.s2 .contactformsec textarea {
    color: #c1c9ff !important;
    border-color: #5d5da2;
}
.bottomline.s2.color {
    border-top: 1px solid #58589d;
}
.bottomline.s2.color span {
    color: #c1c9ff;
}
header.flat {
    padding: 0;
}
.fsec.slice {
    padding: 0;
    margin-top: 180px;
}
.fcount.s2 {
    background: #293488;
    padding: 33px 20px;
    width: 380px;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

}
.fcount.s2 {

    float: left;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-family: Barlow;
    font-weight: 500;
    margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-bottom: 25px;
    font-size: 25px;
    margin-top: 6px;

    width: 400px;
}
.costb {
    float: left;
    width: 100%;
    margin: 0;
        margin-top: 0px;
    margin-top: 30px;
    padding: 0 12px;
}
.costb > li {
    float: left;
    width: 50%;
    text-align: left;
}
.costb > li > h3 {
    float: left;
    width: 100%;
    font-family: Barlow;
    color: #ffffff;
    font-size: 25px;
    font-weight: normal;
    margin: 0;
        margin-bottom: 0px;
    margin-bottom: 5px;
}
.costb > li > span {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #7f88e1;
}
.costb > li:last-child {
    text-align: right;
}
.fsec.slice .finfos > h3 {
    margin-top: -50px;
}
.clsec.s2 {
    padding: 0;
}
.sliceup {
    float: left;
    width: 100%;
    margin-top: 70px;
}
.block.sliceimg {
    padding-bottom: 320px;
}
.tokenfesec.s2.gapless {
    padding-left: 0;
}
.tokenfesec.s2.gapless .row > div {
    padding: 0 14px;
}
.nomargin {
    margin: 0;
}
.countdown-soon.sflat {
    float: none;
    display: inline-block;
    width: auto;
    background: #293488;
    
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px;

    padding: 36px 0px;
    padding-bottom: 41px;
    margin-bottom: 40px;
}
.countdown-soon.sflat > li {
    margin: 0 20px;
}
.countdown-soon.sflat > li > span::before {
    display: none;
}
.countdown-soon.sflat > li > span {
    background: none;
    width: auto;
    height: auto;
    line-height: normal;
    color: #ffffff;
}
.countdown-soon.sflat > li > p {
    color: #556bff;
    margin: 0;
}
.faqsec.s3 #toggle-widget h2 {
    background: #e8eafa;
}
.block.sliceimg2 {
    padding-top: 1040px;
    margin-top: -570px;
}
.sliceimg2 .consec.s2 .contactformsec > form input, .sliceimg2 .consec.s2 .contactformsec > form textarea {
    border-bottom: 1px solid #8b92d9;
}
.sliceimg2 .contactformsec > form .theme-btn {
    background: #293488 !important;
    border-color: #293488;
}

.sliceimg2 .contactformsec > form .theme-btn:hover {
    background: #ffc935 !important;
    border-color: #ffc935;
    color: #293488;
}

.sliceimg2 .bottomline{
    background: #293488 !important;
}
.countsec.slice > p {
    padding: 0 290px;
}

.open-minimal-menu {
    float: left;
    margin: 0;
    position: relative;
    margin: 30px 0;
    width: 37px;
    display: none;
}
/* Hamburger two */
#hamburger-two {
  
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
#hamburger-two:before {
  content: '';
  display: block;
  position: absolute;
  height: 80px;
  width: 80px;
  background: transparent;
  top: -23px;
  left: -5px;
  
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
#hamburger-two span {
  display: block;
  width: 70%;
  height: 3px;
  left: 15%;
  background: #8b8b8b;
  position: absolute;
}
#hamburger-two span:nth-of-type(1) {
  top: 0px;
  left: auto;
  right: 15%;
}
#hamburger-two span:nth-of-type(2) {
    top: 9px;
}
#hamburger-two span:nth-of-type(2):before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #8b8b8b;
  width: 100%;
  height: 100%;
}
#hamburger-two span:nth-of-type(3) {
  top: 18px;
  left: 15%;
}
#hamburger-two.active span:nth-of-type(1), #hamburger-two.active span:nth-of-type(3) {
  width: 0%;
}
#hamburger-two.active span:nth-of-type(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#hamburger-two.active span:nth-of-type(2):before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#hamburger-two {
    float: left;
    width: 100%;
    cursor: pointer;
    
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    margin-left: -8px;
    margin-top: 5px;
}
header.sticky {
    background: #ffffff;
    position: fixed;
    
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.05);
    -ms-box-shadow: 0px 0px 30px rgba(0,0,0,0.05);
    -o-box-shadow: 0px 0px 30px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.05);

}
header.sticky .logo img {
    width: 180px;
}
.logo > a {
    float: left;
    position: relative;
}
.logo > a img {
    float: left;
    width: 280px;
}
header.sticky .menusec {
    margin: 10px 0;
}
header.sticky .logo {
    margin: 13px 0;
}
header.sticky.light {
    background: #fff;
}
.simple.theme-btn {
    background: #c794d8;
    border-color: #c794d8;
    color: #ffffff;
}
.theme-btn.blank.simple2 {
    border-color: #f6ba01;
    color: #f6ba01;
}
.theme-btn.blank.simple2:hover {
    border-color: #ffffff;
    color: #333333;
}
.simple.theme-btn:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #333333;
}
.s2.bottomline .scrollup::before {
    background: #ffffff;
}
.s2.bottomline .scrollup a {
    color: #ffffff;
}
.bottomline.s2 .scrollup {
    bottom: 142px;
}
.g4.gradient.theme-btn:before{
    background: rgb(249,186,41);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5YmEyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2ZmYzQzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmM0MzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(249,186,41,1) 0%, rgba(255,196,48,1) 44%, rgba(255,196,48,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,186,41,1)), color-stop(44%,rgba(255,196,48,1)), color-stop(100%,rgba(255,196,48,1)));
    background: -webkit-linear-gradient(left,  rgba(249,186,41,1) 0%,rgba(255,196,48,1) 44%,rgba(255,196,48,1) 100%);
    background: -o-linear-gradient(left,  rgba(249,186,41,1) 0%,rgba(255,196,48,1) 44%,rgba(255,196,48,1) 100%);
    background: -ms-linear-gradient(left,  rgba(249,186,41,1) 0%,rgba(255,196,48,1) 44%,rgba(255,196,48,1) 100%);
    background: linear-gradient(to right,  rgba(249,186,41,1) 0%,rgba(255,196,48,1) 44%,rgba(255,196,48,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ba29', endColorstr='#ffc430',GradientType=1 );
}
.gradient.g4.theme-btn {
    color: #232323;
}
.fsec.s4 .finfos .theme-btn.blank:hover {
    border-color: #ffffff;
}
.fsec.s3 .theme-btn.blank:hover {
    border-color: #ffffff;
}
.whytoken.s2.lowgape p {
    padding-left: 50px;
}
.roadmapsec.lshort .roadcontent::before {
}
.roadmapsec.lshort {
    position: relative;
}
.roadmapsec.lshort .rmcontent {
    padding-left: 100px;
}
.block.gray.glight {
    background: #f9faff;
}
.gradient.g5.theme-btn:before {
    background: rgb(243,1,63);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzMDEzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iI2Y5MDE0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTAxNDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(243,1,63,1) 0%, rgba(249,1,72,1) 57%, rgba(249,1,72,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(243,1,63,1)), color-stop(57%,rgba(249,1,72,1)), color-stop(100%,rgba(249,1,72,1)));
    background: -webkit-linear-gradient(left,  rgba(243,1,63,1) 0%,rgba(249,1,72,1) 57%,rgba(249,1,72,1) 100%);
    background: -o-linear-gradient(left,  rgba(243,1,63,1) 0%,rgba(249,1,72,1) 57%,rgba(249,1,72,1) 100%);
    background: -ms-linear-gradient(left,  rgba(243,1,63,1) 0%,rgba(249,1,72,1) 57%,rgba(249,1,72,1) 100%);
    background: linear-gradient(to right,  rgba(243,1,63,1) 0%,rgba(249,1,72,1) 57%,rgba(249,1,72,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3013f', endColorstr='#f90148',GradientType=1 );

}
.fsec.s2 .theme-btn.blank:hover {
    background-color: #8488c0;
    border-color: #8488c0;
    color: #ffffff;
}
.menusec nav > ul > li::before {
    position: absolute;
    left: 0;
    top: 34px;
    width: 0px;
    height: 1px;
    background: #fa3966;
    content: "";
}
.menusec nav > ul > li:hover::before {
    width: 100%;
}
.menusec nav > ul > li.active::before {
    width: 100%;
}
.contactformsec > form .loader {
    background: #ffffff;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;

    float: right;
    margin-top: -38px;
    position: relative;
    margin-right: 20px;
}
nav > ul > li.menu-item-has-children ul {
    background: #212169 none repeat scroll 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    left: -170px;
    list-style: outside none none;
    margin: 0;
    padding: 25px 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 230px;
    opacity: 0;
    transition: all 0.4s ease 0s;
}
.menusec nav li.menu-item-has-children:hover > ul {
    opacity: 1;
    visibility: visible;
    
}
nav > ul > li.menu-item-has-children ul > li {
    float: left;
    width: 100%;
    padding: 8px 30px;
    margin: 0;
}
nav > ul > li.menu-item-has-children ul > li a {
    float: left;
    width: 100%;
    color: #ffffff !important;
    font-family: Barlow;
    font-size: 14px;
}
nav > ul > li.menu-item-has-children ul::before {
    background: #212169 none repeat scroll 0 0;
    content: "";
    height: 20px;
    right: 15px;
    position: absolute;
    top: -6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;


}
nav > ul > li.menu-item-has-children ul > li:hover > a {
    color: #ffc935 !important;
    padding-left: 5px;
}
header.sticktop.sticky nav ul > li a {
    color: #32328e;
}
.logo > a .showc {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
}
header.sticky .logo img.hidec {
    opacity: 0;
    visibility: hidden;
}
header.sticky .logo img.showc {
    opacity: 1;
    visibility: visible;
}
header.sticktop.sticky nav ul > li.menu-item-has-children ul li a {
    color: #ffffff;
}
section#six {
    position: relative;
    z-index: 2;
}
header.bg::before {
    background-image: url('../images/bg.jpg');
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
}
header.sticky.bg::before {
    opacity: 0;
}
header.sticky.nav-up {
    top: -220px;
}
header.sticky.nav-down {
    top: 0px;
}
.menu-item-has-children.notactive.active::before {
    display: none;
}
.innerhead {
    float: left;
    width: 100%;
    text-align: center;
    background: #f9faff;
    padding: 40px 0;
}
.innerhead > h3 {
    float: left;
    width: 100%;
    font-size: 30px;
    color: #8488c0;
    font-weight: 500;
    font-family: Barlow;
    margin: 0;
}
.breadcrumbs {
    float: left;
    width: 100%;
    margin: 0;
        margin-top: 0px;
    margin-top: 10px;
}
.breadcrumbs > li {
    float: none;
    display: inline-block;
    margin: 0;
    padding: 0 14px;
    font-size: 13px;
    font-family: Open Sans;
    position: relative;
}
.breadcrumbs > li a{
    color: #8488c0;
}
.breadcrumbs > li::before {
    position: absolute;
    right: -6px;
    top: 1px;
    content: ">";
    font-family: Open Sans;
}
.breadcrumbs > li:last-child:before{
    display: none;
}
.absec {
    float: right;
    text-align: center;
    position: relative;
}
.why-info.about {
    margin: 0;
}
.why-info.about h3 {
    margin-top: 0;
}
.absec img {
    float: right;
    
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.1);

}
.absec::before {
    position: absolute;
    left: -50px;
    bottom: -50px;
    width: 247px;
    height: 155px;
    background-image: url(../images/dots.png);
    background-size: cover;
    content: "";
    z-index: -1;
}
.whyussec {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: -50px;
}
.t {
    float: left;
    width: 100%;
    margin: 0;
        margin-bottom: 0px;
    font-size: 30px;
    font-family: Barlow;
    color: #556bff;
    font-weight: 500;
    margin-bottom: 80px;
    text-align: center;
}
.ybox {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.ybox img {
    float: none;
    display: inline-block;
}
.ybox h3 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    font-size: 22px;
    color: #8488c0;
    font-weight: normal;
    margin-top: 22px;
    font-family: Barlow;
    margin-bottom: 25px;
}
.ybox p {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #443c62;
    font-family: Barlow;
    margin: 0;
}
.t.white {
    color: #ffffff;
}
.teamsec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.teamsec .team {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.footer {
    float: left;
    width: 100%;
    text-align: center;
}
.footer .social {
    float: none;
    display: inline-block;
    width: auto;
}
.footer .social a {
    font-size: 16px;
    margin: 0 14px;
    color: #ffffff;
}
.footer > ul {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 60px;
}
.footer > ul > li {
    float: none;
    display: inline-block;
    margin: 0;
}
.footer > ul > li a {
    float: left;
    font-size: 15px;
    color: #ffffff;
    padding: 0 20px;
}
.bottomline.color {
    background: #1f2975;
    margin-top: 80px;
}
.bottomline.color .scrollup::before {
    background: #ffffff;
}
.bottomline.color .scrollup a {
    color: #ffffff;
}
.servicesec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.service {
    float: left;
    width: 100%;
    margin-top: 30px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    overflow: hidden;
}
.service > img {
    float: left;
    width: 100%;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

}
.service > h3 {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #443c62;
    font-weight: normal;
    text-align: center;
    margin: 22px 0;
}

.service > h3 a {
   
    color: #443c62;
    
}


.service:hover img {
    
    -webkit-border-radius: 0 0;
    -moz-border-radius: 0 0;
    -ms-border-radius: 0 0;
    -o-border-radius: 0 0;
    border-radius: 0 0;

}
.service:hover {
    background: #fcbf2d;
}
.loadmore {
    float: left;
    width: 100%;
    margin-top: 70px;
    text-align: center;
}
.loadmore a {
    float: none;
    display: inline-block;
    background: #ced0e6;
    font-size: 15px;
    color: #443c62;
    padding: 15px 35px;
    
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    -ms-border-radius: 33px;
    -o-border-radius: 33px;
    border-radius: 33px;

}
.loadmore a img {
    float: left;
    margin: 6px 0;
    margin-right: 13px;
}
.bottomline.color span {
    color: #bdc2eb;
}
.terms {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.terms > h3 {
    float: left;
    width: 100%;
    margin-top: 0;
    font-size: 25px;
    font-family: Barlow;
    font-weight: 500;
    color: #556bff;
}
.terms p {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #443c62;
    line-height: 24px;
    letter-spacing: 0px;
    margin-bottom: 20px;
}

/* Plans Sec */
.plans-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.pricetable {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    background: #ecedf9;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    padding: 10px;
}
.pricetable-head {
    float: left;
    width: 100%;
    background: #ffffff;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;


    padding: 35px 0;
}
.pricetable-head h3 {
    float: left;
    width: 100%;
    font-family: Barlow;
    font-size: 25px;
    color: #556bff;
    margin: 0;
    font-weight: normal;
}
.pricetable-head h2 {
    float: left;
    width: 100%;
    font-family: Barlow;
    font-size: 60px;
    font-weight: 500;
    margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-top: 17px;
    line-height: 50px;
    margin-bottom: 13px;
    color: #ced0e6;
}
.pricetable-head h2 i {
    font-style: normal;
    font-size: 18px;
    line-height: 0px;
    position: relative;
    bottom: 3px;
}
.pricetable-head span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #443c62;
    margin-top: 6px;
    padding: 0 70px;
    line-height: 24px;
}
.pricetable ul {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 30px;
}
.pricetable ul li {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #443c62;
    line-height: 35px;
}
.pricetable > a {
    float: none;
    display: inline-block;
    font-family: Open Sans;
    font-size: 16px;
    color: #ffffff;
    padding: 15px 55px;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

    margin-bottom: 40px;
    margin-top: 20px;
}
.pricetable.active > a {
    background: #ffffff;
}
.pricetable.active ul li {
    color: #ffffff;
}
.pricetable.active {
    background: #32328e;
}
.pricetable.active h2 {
    color: #32328e;
}
.pricetable > a.theme-btn {
    padding: 15px 100px;
    font-family: Barlow;
    font-size: 17px;
}
.servciesinfos {
    float: left;
    width: 100%;
}
.sd-carousel {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 50px;
}
.sd-carousel .slick-list li.slick-slide {
    margin: 0;
}
.sd-carousel li img {
    float: left;
    width: 100%;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

}
.servciesinfos > h3 {
    float: left;
    width: 100%;
    font-family: Barlow;
    font-size: 30px;
    font-weight: 500;
    color: #556bff;
}
.servciesinfos > p {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #443c62;
}
.schart {
    float: left;
    width: 100%;
    margin-top: 40px;
    display: table;
}
.schart-img {
    display: table-cell;
    vertical-align: middle;
    width: 255px;
}
.schart-img img {
    float: left;
    width: 100%;
}
.schartinfo {
    display: table-cell;
    vertical-align: middle;
    padding-left: 80px;
}
.schartinfo > span {
    float: left;
    width: 100%;
    margin: 8px 0;
    font-size: 15px;
    color: #443c62;
}
.schartinfo > span i {
    float: left;
    width: 14px;
    height: 14px;
    margin-top: 3px;
    margin-right: 15px;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}
.schartinfo > span i.scolor1{
    background-color: #465766;
}
.schartinfo > span i.scolor2{
    background-color: #3ec5f3;
}
.schartinfo > span i.scolor3{
    background-color: #ff615f;
}
.slist {
    float: left;
    width: 100%;
    margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-top: 80px;
    margin-bottom: 30px;
}
.slist > li {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 15px;
    color: #443c62;
    border-left: 2px solid #8488c0;
    padding-left: 22px;
    margin: 10px 0;
    line-height: 28px;
}
.gsec {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.gimg {
    float: left;
    width: 100%;
}
.gchartinfo {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.gchartinfo span {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #443c62;
    margin-bottom: 16px;
}
.gchartinfo span i {
    float: left;
    width: 14px;
    height: 14px;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    margin: 3px 0;
        margin-right: 0px;
    margin-right: 15px;
}
.gchartinfo > span i.scolor1{
    background-color: #7da2f5;
}
.gchartinfo > span i.scolor2{
    background-color: #91e3a0;
}
.rmenu {
    float: left;
    width: 100%;
    background: #32328e;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    padding: 29px 15px;
}
.rmenu a {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #ced0e6;
    padding: 6px 0;
        padding-left: 0px;
    margin: 7px 0;
    padding-left: 25px;
    border-left: 2px solid transparent;
}
.rmenu a:hover {
    border-color: #fff;
    color: #fff;
}
.cpbtn {
    float: left;
    width: 100%;
    margin: 30px 0;
    margin-top: 50px;
}
.cpbtn a {
    float: left;
    position: relative;
    background: #ffc330;
    width: 100%;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    padding-left: 85px;
    color: #443c62;
    font-size: 14px;
    line-height: 57px;
}
.cpbtn a img {
    float: left;
    margin-left: -50px;
    margin-top: -20px;
    margin-bottom: 19px;
}
.gquote {
    float: left;
    width: 100%;
    background: #433850;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    padding: 60px 35px;
}
.gquote p {
    float: left;
    width: 100%;
    font-size: 20px;
    font-family: barlow;
    color: #ffffff;
}
.gquote a {
    float: left;
    color: #ffc430;
    font-size: 17px;
    font-family: Barlow;
    padding-bottom: 2px;
    border-bottom: 1px solid #ffc430;
}
.blogpost {
    float: left;
    width: 100%;
    margin-bottom: 60px;
}
.blogpost > h2 {
    float: left;
    width: 100%;
    font-family: Barlow;
    font-size: 25px;
    color: #556bff;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 14px;
}
.metas {
    float: left;
    width: 100%;
    margin: 0;
}
.metas li {
    float: left;
    margin: 0;
        margin-right: 0px;
    font-size: 13px;
    color: #8488c0;
    margin-right: 34px;
}
.blogthumb {
    float: left;
    width: 100%;
    margin: 25px 0;
}
.blogthumb a {
    float: left;
    width: 100%;
}
.blogthumb a img {
    float: left;
    width: 100%;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

}
.blogpost > p {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #443c62;
    margin-bottom: 20px;
}
.blogrmore {
    float: left;
    background: #fcc82a;
    font-size: 16px;
    font-family: Barlow;
    color: #333333;
    padding: 17px 60px;
    
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

    margin-top: 8px;
}
.paginationc {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    margin-top: 60px;
}
.paginationc li {
    float: none;
    display: inline-block;
    margin: 0 2px;
}
.paginationc li a {
    float: left;
    width: 50px;
    height: 50px;
    border: 2px solid #ced0e6;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    line-height: 46px;
    font-size: 15px;
    color: #443c62;
}
.paginationc li:first-child a, .paginationc li:last-child a {
    background: #ced0e6;
    width: auto;
    padding: 0 33px;
    
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

}
.search {
    float: left;
    width: 100%;
    background: #e7e9f2;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    margin-bottom: 30px;
}
.search form {
    float: left;
    width: 100%;
    position: relative;
}
.search form input {

    float: left;
    width: 100%;
    background: none;
    font-size: 14px;
    color: #443c62;
    letter-spacing: 0px;
    font-family: Open Sans;
    padding: 15px 30px;

    margin: 0;
}
.search form button {

    position: absolute;
    right: 20px;
    top: 12px;
    background: none;
    color: #b2b7ce;
    padding: 0;

}
.rmenusec {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.rmenusec > h3 {
    float: left;
    width: 100%;
    font-family: barlow;
    font-size: 25px;
    font-weight: 500;
    color: #443c62;
    margin-top: 0;
}
.rpostsec {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.rpostsec > h3 {
    float: left;
    width: 100%;
    font-family: barlow;
    font-size: 25px;
    font-weight: 500;
    color: #443c62;
    margin-top: 0;
}
.recentposts {
    float: left;
    width: 100%;
    position: relative;
    display: table;
    margin-bottom: 25px;
}
.rpostthumb {
    display: table-cell;
    vertical-align: top;
    width: 81px;
}
.rpostthumb a {
    float: left;
    width: 100%;
}
.rpostthumb a img {
    float: left;
    width: 100%;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

}
.rpostinfo {
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
}
.rpostinfo h4 {
    float: left;
    width: 100%;
    margin: 0;
        margin-bottom: 0px;
    font-size: 15px;
    color: #443c62;
    font-weight: normal;
    margin-bottom: 6px;
    line-height: 21px;
}
.rpostinfo span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #8488c0;
    margin-top: 3px;
}
.qlinks {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.recentposts:last-child {
    margin: 0;
}
.qlinks > h3 {
    float: left;
    width: 100%;
    font-family: barlow;
    font-size: 25px;
    font-weight: 500;
    color: #443c62;
    margin-top: 0;
}
.qlinks > ul {
    float: left;
    width: 100%;
    margin: 0;
}
.qlinks > ul li {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
    border-left: 2px solid transparent;
}
.qlinks > ul li a {
    float: left;
    width: 100%;
    padding: 18px 20px;
}
.qlinks > ul li:hover{
    border-left-color: #fcc82a;
}
.qlinks > ul li:last-child{
    border-bottom: transparent;
}
.blogpost.grid .blogthumb {
    margin-top: 0;
    position: relative;
    margin-bottom: 21px;
}
.bdate {
    position: absolute;
    left: 20px;
    top: 20px;
    background: #ffffff;
    width: 78px;
    height: 78px;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    font-size: 30px;
    color: #8488c0;
    text-align: center;
    padding: 10px 0;
}
.bdate i {
    font-size: 13px;
    font-style: normal;
    float: left;
    width: 100%;
}
.blogpost.grid > h2 {
    margin-top: 13px;
}
.blogpost.grid {
    margin-bottom: 30px;
}
.blogpost > h3 {
    float: left;
    width: 100%;
    font-size: 25px;
    color: #556bff;
    font-family: Barlow;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 30px;
}
p.pull-left {
    float: left  !important;
}
p.pull-right {
    float: right !important;
    text-align: right;
}
.single-post .fcount {
    margin-right: 30px;
}
.single-post .blogpost > p {
    float: none;
    display: block;
}
.single-post .slist {
    margin-top: 20px;
}
.tags-share {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    margin-top: 10px;
}
.tagspost {
    float: left;
    width: 50%;
}
.tagspost a {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #443c62;
    border: 2px solid #E8E8E8;
    margin-right: 8px;
    padding: 5px 16px;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;

}
.tags-share .social {
    float: right;
    width: 50%;
    margin: 6px 0;
}
.tags-share .social a {
    float: right;
    font-size: 16px;
}
.commentsec {
    float: left;
    width: 100%;
}
.commentsec > h3 {
    float: left;
    width: 100%;
    font-size: 25px;
    color: #556bff;
    font-family: Barlow;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 30px;
}
.commentsarea {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.commentsarea > li {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.comment {
    float: left;
    width: 100%;
    display: table;
}
.cavatar {
    display: table-cell;
    vertical-align: top;
    width: 90px;
}
.cavatar img {
    float: left;
    width: 100%;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}
.commentinfo {
    display: table-cell;
    vertical-align: top;
    padding-left: 40px;
}
.commentinfo > h3 {
    float: left;
    width: 100%;
    font-size: 15px;
    font-family: Open Sans;
    font-weight: 500;
    color: #555ba8;
    margin: 0;
}
.commentinfo span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #8488c0;
    margin-top: 7px;
}
.commentinfo p {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #443c62;
    line-height: 26px;
    margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-top: 10px;
    margin-bottom: 16px;
}
.commentinfo > a {
    float: left;
    font-size: 13px;
    color: #8488c0;
    line-height: 20px;
}
.commentinfo > a img {
    float: left;
    margin: 3px 0;
    margin-right: 8px;
}
.leavecomment {
    float: left;
    width: 100%;
    padding-right: 250px;
}
.leavecomment > h3 {
    float: left;
    width: 100%;
    font-size: 25px;
    color: #556bff;
    font-family: Barlow;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 30px;
}
.leavecomment form {
    float: left;
    width: 100%;
}
.leavecomment form input, .leavecomment form textarea {
    float: left;
    width: 100%;
    background: #ffffff;
    font-size: 15px;
    color: #443c62;
    border: 2px solid #e1e2f4;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    font-family: Open Sans;
    padding: 17px 30px;
}
.leavecomment form input[type="submit"] {
    background: #f9ba29;
    border: none;
}
.stb-select-container {
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   -ms-border-radius:10px;
   -o-border-radius:10px;
   border-radius:10px;

   width:200px;
   display:inline-block;
   outline:none;
   
   -webkit-box-shadow:none;
   -moz-box-shadow:none;
   -ms-box-shadow:none;
   -o-box-shadow:none;
   box-shadow:none;

   border:none;
   border:2px solid #e1e2f4;
   padding:13px 22px;
   outline:none;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   position:relative;
   text-align:left;
   cursor:pointer;
   float: right;
   font-family: Barlow;
}
.stb-select-container ul {
   list-style-type: none;
   margin:0;
   padding:0;
}
.stb-select-container select {
   display:none;
}
.stb-select-container .stb-select {
  
  
   left: -2px;
   top:50px;
   padding:8px 21px;
 
   z-index: 10;
   max-height:200px;
   width: 200px;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-bottom-left-radius: 4px;
   border-bottom-left-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
   -moz-border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
   
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   border-radius: 10px;

   padding: 20px 20px;
   padding-bottom: 7px;
}
.stb-select-container span {
   opacity:0.54;
   font-size: 13px;
   font-family: Open Sans;
   color: #443c62;
   opacity: 1;
}
.stb-select-container::after {
   opacity:0.54;
   content:"v";
   position:absolute;
   right:8px;
   -ms-transform: scaleY(0.5);
   -webkit-transform: scaleY(0.5);
   -o-transform: scaleY(0.5);
   -moz-transform: scaleY(0.5);
   transform: scaleY(0.5);
}
.stb-select-container .stb-select li {
   opacity:0.54;
}
.stb-select-container .stb-select li:first-of-type {
   opacity:0.34;
}
.stb-select-container .stb-select li + li{
   margin-top:8px;
}
.filterbar {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.filterbar > span {
    float: left;
    font-size: 13px;
    color: #443c62;
    line-height: 47px;
}
.filterbar span img {
    float: left;
    margin: 18px 0;
    margin-right: 17px;
}
.cdropdown {
    float: right;
    position: relative;
}
.product {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.productthumb {
    float: left;
    width: 100%;
    border: 3px solid transparent;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    overflow: hidden;
    position: relative;
    background: #ffffff;
}
.productthumb img {
    float: left;
    width: 100%;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

}
.productthumb a {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-family: Barlow;
    font-size: 20px;
    color: #443c62;
    opacity: 0;
    
    font-weight: 500;
}
.productthumb a img {
    width: auto;
    float: none;
    
    -webkit-border-radius: 0 0;
    -moz-border-radius: 0 0;
    -ms-border-radius: 0 0;
    -o-border-radius: 0 0;
    border-radius: 0 0;

    position: relative;
    top: 11px;
    margin-right: 10px;
}
.productthumb:hover img {
    opacity: 0.1;
}
.productthumb:hover {
    border-color: #ffc935;
}
.productthumb:hover a {
    opacity: 1;
    margin-top: -30px;
}
.productthumb:hover a img {
    opacity: 1;
}
.productinfo {
    float: left;
    width: 80%;
    margin-top: 15px;
}
.productinfo h3 {
    float: left;
    width: 100%;
    margin-top: 9px;
    font-size: 17px;
    font-family: Barlow;
    font-weight: 500;
    color: #443c62;
    margin-bottom: 0;
}
.productprice {
    float: left;
    width: 20%;
    padding-top: 23px;
    text-align: right;
}
.productprice span {
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: 20px;
    font-family: Barlow;
    color: #556bff;
}
.cartbtn {
    position: fixed;
    top: 220px;
    z-index: 9;
    right: 40px;
    width: 54px;
    height: 54px;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    padding: 0;
    
    background: rgb(250,57,102);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzAyZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(250,57,102,1) 0%, rgba(250,57,102,1) 32%, rgba(188,2,224,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(250,57,102,1)), color-stop(32%,rgba(250,57,102,1)), color-stop(100%,rgba(188,2,224,1)));
    background: -webkit-linear-gradient(left,  rgba(250,57,102,1) 0%,rgba(250,57,102,1) 32%,rgba(188,2,224,1) 100%);
    background: -o-linear-gradient(left,  rgba(250,57,102,1) 0%,rgba(250,57,102,1) 32%,rgba(188,2,224,1) 100%);
    background: -ms-linear-gradient(left,  rgba(250,57,102,1) 0%,rgba(250,57,102,1) 32%,rgba(188,2,224,1) 100%);
    background: linear-gradient(to right,  rgba(250,57,102,1) 0%,rgba(250,57,102,1) 32%,rgba(188,2,224,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa3966', endColorstr='#bc02e0',GradientType=1 );
}
.cartbtn strong {
    position: absolute;
    right: -4px;
    top: -5px;
    width: 20px;
    height: 20px;
    background: #000000;
    color: #ffffff;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    text-align: center;
    line-height: 20px;
    font-size: 11px;
    font-family: Barlow;
    font-weight: 500;
}
.cartbtn img {
    line-height: 54px;
    text-align: center;
    float: none;
    padding: 13px 15px;
}
.tab {
    float: left;
    width: 100%;
    display: table;
}
.tabs {
    display: table-cell;
    width: 110px;
    vertical-align: top;
    float: left;
}
.tabs > li {
    float: left;
    width: 100%;
    margin: 0;
}
.tabs > li a {
    float: left;
    width: 100%;
}
.tabs > li a img {
    float: left;
    width: 100%;
    border: 3px solid transparent;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

}
.tabs > li.current a img {
    border-color: #ffc935;
}
.tabs_item:first-child {
    display: block;
}
.tabs_item {
    display: none;
}
.tab_content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}
.tabs_item {
    display: none;
    float: left;
    width: 100%;
}
.pbigimg {
    float: left;
    width: 100%;
}
.pbigimg img {
    float: left;
    width: 100%;
}
.sproduct-info {
    float: left;
    width: 100%;
}
.sproduct-info > h3 {
    float: left;
    width: 100%;
    font-size: 25px;
    color: #556bff;
    font-family: Barlow;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 25px;
}
.sproduct-info > span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #8488c0;
    line-height: 26px;
}
.sproduct-info > span img {
    float: left;
    margin: 4px 0;
        margin-right: 0px;
    margin-right: 12px;
}
.sproduct-info > p {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #443c62;
    letter-spacing: 0px;
    line-height: 24px;
    margin-top: 17px;
}
.extrainput {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 33px;
}
.extrainput > span {
    float: left;
    font-family: Barlow;
    font-size: 25px;
    color: #556bff;
    font-weight: 500;
    margin-right: 50px;
    line-height: 49px;
}
.quantity {
    float: left;
    width: 80px;
    height: 50px;
    border: 2px solid #e1e2f4;
    position: relative;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

}
.quantity > span {
    float: left;
    width: 100%;
}
.quantity > span input[type="text"] {
    background: none;
    margin: 0;
    padding: 0;
    font-family: Barlow;
    font-size: 14px;
    color: #8d8d8d;
    padding: 12px 17px;
    font-weight: 500;
}
.quantity > span input[type="button"] {
    position: absolute;
    right: 0;
    top: -2px;
    background: none;
    border: none;
    font-family: Barlow;
    font-size: 27px;
    font-weight: normal;
    color: #e1e2f4;
}
.quantity > span input.userincr-btn-dec {
    top: 13px;
    right: 1px;
}
.extrainput .theme-btn {
    float: left;
    margin-left: 20px;
    padding: 15px 60px;
}
.extrainput .theme-btn img {
    float: left;
    width: 19px;
    margin-right: 11px;
}
.extratips {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #443c62;
    line-height: 24px;
}
.revdes-tabs {
    float: left;
    width: 100%;
}
.revdes-tabs > ul {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
}
.revdes-tabs > ul > li {
    float: none;
    display: inline-block;
    margin: 0 16px;
}
.revdes-tabs > ul > li.active a {
    color: #556bff;
}
.revtab-content {
    float: left;
    width: 100%;
    background: #f9faff;
    margin-top: 30px;
    padding-top: 70px;
    padding-bottom: 120px;
}
.revtab-content .leavecomment input, .revtab-content .leavecomment textarea {
    background: none;
}
.revtab-content .commentsec > h3 {
    margin-bottom: 50px;
}
.cartseclist {
    float: left;
    width: 100%;
    border: 2px solid #e1e2f4;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    padding: 0px 20px;
    background: #ffffff;
}
.cartlist {
    float: left;
    width: 100%;
    display: table;
    border-bottom: 1px solid #e1e2f4;
    padding: 10px 0;
}
.delcart {
    display: table-cell;
    vertical-align: middle;
    font-style: normal;
    color: #68cde6;
    cursor: pointer;
    font-family: Barlow;
    font-size: 21px;
    padding-right: 10px;
    padding-left: 20px;
}
.cartthumb {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
}
.cartthumb img {
    float: left;
    width: 100%;
}
.cartlist h3 {
    display: table-cell;
    vertical-align: middle;
    font-family: Open Sans;
    font-size: 13px;
    color: #443c62;
    font-weight: normal;
    margin: 0;
    padding-left: 30px;
}
.cartlistinfo {
    display: table-cell;
    vertical-align: middle;
}
.cartlistinfo > span {
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
    color: #8488c0;
}
.cartlistinfo .quantity {
    float: none;
    display: table-cell;
    vertical-align: middle;
}
.cartlistinfo > span {
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
    color: #8488c0;
    padding-right: 28px;
    padding-left: 28px;
}
.cartlistinfo > span:last-of-type {
    padding-right: 0;
}
.cartlist:last-child {
    border: none;
}
.cartextras {
    float: left;
    width: 100%;
    padding: 30px 0;
    background: #ffffff;
    margin-top: -22px;
}
.cartextras > form {
    float: left;
}
.cartextras > form input {
    float: left;
    margin: 0;
    background: #ffffff;
    width: 200px;
    height: 50px;
    border: 2px solid #e1e2f4;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

}
.cartextras > form button {
    float: left;
    font-size: 13px;
    font-family: Open Sans;
    background: #555ba8;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    padding: 16px 40px;
    margin-left: 13px;
}
.cartextras > a {
    float: right;
    font-family: Open Sans;
    font-size: 13px;
    background: #ffc935;
    color: #434444;
    padding: 17px 45px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

}
.carttotal {
    float: left;
    width: 100%;
    background: #32328e;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    padding: 40px;
}
.carttotal > h3 {
    float: left;
    width: 100%;
    font-family: Barlow;
    font-size: 25px;
    color: #ffffff;
    font-weight: 500;
    margin: 0;
    margin-bottom: 20px;
}
.carttotal > span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #ffffff;
    margin: 15px 0;
}
.carttotal > span i {
    font-style: normal;
    float: right;
}
.carttotal a.theme-btn {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.checkoutsec {
    float: left;
    width: 100%;
}
.clickaccount {
    float: left;
    width: 100%;
    border: 2px dashed #ced0e6;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    padding: 16px 20px;
    background: #ffffff;
}

.clickaccount a {
    color: #505cc6;
}
.checkoutsec > form {
    float: left;
    width: 100%;
    padding-top: 25px;
}
.checkoutsec > form > h3 {
    float: left;
    width: 100%;
    cursor: pointer;
    font-family: Barlow;
    font-size: 22px;
    font-weight: 500;
    color: #556bff;
    margin: 0;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8ecec;
}
.checkoutsec > form > h3::before {
    position: absolute;
    right: 0;
    top: 11px;
    width: 15px;
    height: 2px;
    content: "";
    background: #333333;
}
.checkoutform {
    float: left;
    width: 100%;
}
.fieldform {
    float: left;
    width: 100%;
    margin-top: 20px;
    position: relative;
}
.fieldform > span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #443c62;
}
.fieldform > input, .fieldform > textarea {
    float: left;
    width: 100%;
    margin: 0;
    background: #ffffff;
    border: 2px solid #e1e2f4;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    font-family: Open Sans;
    font-size: 13px;
    color: #8c8c8c;
    padding: 14px 30px;
    margin-top: 12px;
}
.fieldform .stb-select-container {
    float: left;
    width: 100%;
    margin-top: 12px;
}
.c-label {
    float: left;
    width: 100%;
    margin: 20px 0;
    font-size: 13px;
    color: #443c62;
}
.shipingtotal {
    float: left;
    width: 100%;
    background: #32328e;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    padding: 40px;
}
.shipingtotal > h3 {
    float: left;
    width: 100%;
    font-family: Barlow;
    font-size: 25px;
    color: #ffffff;
    font-weight: 500;
    margin: 0;
}
.shipingtotal > ul {
    float: left;
    width: 100%;
    margin: 0;
        margin-top: 0px;
    margin-top: 20px;
}
.shipingtotal > ul > li {
    float: left;
    width: 50%;
    margin: 0;
}
.shipingtotal li h6 {
    float: left;
    width: 100%;
    margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 16px;
    margin-top: 16px;
}
.shipingtotal li span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #ffffff;
    font-family: Open Sans;
    margin-bottom: 18px;
    margin-top: 9px;
}
.shipingtotal > ul li:last-child {
    text-align: right;
}
.shipingtotal li h3 {
    float: left;
    width: 100%;
    font-family: Barlow;
    font-size: 25px;
    font-weight: bold;
    color: #ffffff;
    margin-top: 11px;
}
.choseoption {
    float: right;
}
.cinput {
    float: left;
    width: 100%;
}
.cinput label {
    font-family: Open Sans;
    font-size: 13px;
    color: #ffffff;
    margin-top: 9px;
}
.cinput input[type="radio"]:checked + label::before{
    background: #ffffff;
}
.cinput label::before{
    background: #ffffff;
}
.shipingtotal ul li > i {
    float: left;
    width: 100%;
    font-style: normal;
    color: #ffffff;
    font-family: Open Sans;
    font-size: 13px;
    text-decoration: underline;
    margin-top: 9px;
}
.choosepaymentopt {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.choosepaymentopt .cinput label {
    font-family: Barlow;
    font-size: 16px;
    line-height: 18px;
}
.choosepaymentopt .cinput {
    margin: 3px 0;
}
.choosepaymentopt .choseoption > p {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 13px;
    font-family: Open Sans;
    color: #ffffff;
    line-height: 20px;
    margin: 4px 0;
        margin-bottom: 4px;
    padding-right: 30px;
    margin-bottom: 10px;
}
.terms-label {
    float: left;
    width: 100%;
    margin-top: 20px;
    font-family: Open Sans;
    font-size: 13px;
    color: #ffffff;
}
.terms-label label::before {
    background: #ffffff;
}
.terms-label input[type="checkbox"]:checked + label::before{
    background: #ffffff;
}
.terms-label input[type="checkbox"] + label::after {
    color: #32328e;

}
.shipingtotal .theme-btn {
    float: left;
    width: 100%;
    text-align: center;
}
.orderconfirmed {
    float: left;
    width: 100%;
    text-align: center;
    border: 2px dashed #d8dcdc;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    padding: 20px 0;
}
.orderconfirmed img {
    float: none;
    display: inline-block;
}
.orderconfirmed > span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #443c62;
    margin-top: 9px;
}
.orderinfo {
    float: left;
    width: 100%;
    margin: 40px 0;
    text-align: center;
}
.orderinfo li {
    float: none;
    display: inline-block;
    margin: 0;
    width: 160px;
    text-align: left;
    font-size: 13px;
    color: #8d8d8d;
}
.orderinfo li span {
    float: left;
    width: 100%;
    color: #111111;
    margin-top: 8px;
}
.shipingtotal.order-details {
    padding: 70px 90px;
}
.billingaddress {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.billingaddress h3 {
    float: left;
    width: 100%;
    font-size: 25px;
    color: #556bff;
    font-weight: 500;
    font-family: barlow;
}
.billingaddress span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #443c62;
    margin-bottom: 13px;
}


/* Account Popup Area */
.account-popup-area {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(20,31,114,0.6);
    opacity: 1;
    z-index: 99;
    overflow-Y: scroll;
    display: none;
}
.account-popup {
    position: relative;
    float: left;
    width: 460px;
    background: #ffffff;
    z-index: 1;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    left: 50%;
    margin-left: -230px;
    text-align: center;
}
.account-popup > h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    color: #222222;
    font-weight: bold;
    margin: 0;
        margin-bottom: 0px;
    margin-bottom: 12px;
    line-height: 10px;
}
.account-popup > span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 14px;
    color: #443c62;
    line-height: 24px;
}
.select-user {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.select-user > span {
    float: none;
    display: inline-block;
    font-family: Open Sans;
    font-size: 14px;
    color: #202020;
    border: 2px solid;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    padding: 9px 29px;
    margin: 0 5px;
        margin-top: 0px;
    margin-top: 5px;
    cursor: pointer;
}
.account-popup > form {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.account-popup > form .cfield {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 19px;
    border: 2px solid #e1e2f4;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

}
.account-popup > form .cfield input {
    float: left;
    width: 100%;
    background: no-repeat;
    margin: 0;
    font-family: Open Sans;
    font-size: 13px;
    color: #474747;
    padding: 16px 30px;
}
.account-popup > form .cfield i {
    position: absolute;
    right: 0;
    top: 18px;
    right: 23px;
    font-size: 16px;
    color: #fc4a84;
}
.remember-label {
    float: left;
    margin: 0;
    font-family: Open Sans;
    font-size: 14px;
    color: #443c62;
}
.account-popup > form > a {
    float: right;
    font-family: Open Sans;
    font-size: 14px;
    text-decoration: underline;
    line-height: 30px;
    color: #6c7fff;
}
.account-popup > form button {
    float: left;
    width: 100%;
    height: 60px;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin-top: 20px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

}
.extra-login {
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    position: relative;
}
.extra-login::before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    height: 1px;
    background: #d8dcdc;
    content: "";
}
.extra-login > span {
    width: auto;
    float: none;
    display: inline-block;
    background: #ffffff;
    padding: 1px 20px;
    z-index: 1;
    position: relative;
    font-family: Open Sans;
    font-size: 14px;
    color: #443c62;
    text-transform: capitalize;
}
.login-social {
    float: left;
    width: 100%;
    margin-top: 15px;
}
.login-social a {
    float: none;
    display: inline-block;
    width: 50px;
    height: 40px;
    border: 2px solid;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    line-height: 36px;
    font-size: 16px;
    margin: 0 5px;
        margin-top: 0px;
    margin-top: 6px;
}
.login-social a.fb-login {
    color: #3b5998;
    border-color: #3b5998;
}
.login-social a.tw-login {
    color: #1da1f2;
    border-color: #1da1f2;
}
.account-popup .close-popup {
    position: absolute;
    top: -20px;
    width: 50px;
    height: 50px;
    float: none;
    margin: 0;
    right: -20px;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    font-size: 20px;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    cursor: pointer;
}
.account-popup-area.static {
    position: static;
    float: left;
    width: 100%;
    display: block !important;
    overflow: auto;
    background: no-repeat;
    z-index: 1;
}
.t.s2 {
    font-size: 22px;
    margin-bottom: 50px;
}
.contactformsec.simple {
    background: none;
    padding: 0;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    width: 100%;
}
.contactformsec.simple input, .contactformsec.simple textarea {
    background: none;
    border: 2px solid #e1e2f4;
    margin-bottom: 40px;
}
.contactformsec.simple button {
    float: left;
    width: auto;
    padding: 17px 40px;
}
.ourofficesec {
    float: left;
    width: 100%;
}
.ourofficesec > h3 {
    float: left;
    width: 100%;
    font-size: 22px;
    font-family: Barlow;
    margin: 0;
        margin-bottom: 0px;
    color: #556bff;
    font-weight: 500;
    margin-bottom: 20px;
}
.ourofficesec > p {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #443c62;
}
.ourofficesec .contactlists span > strong {
    background: none;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    width: auto;
    margin-right: 30px;
    padding: 0;
}
.ourofficesec .contactlists span  i{
    margin: 0;
}
.ourofficesec .contactlists span {
    margin: 5px 0;
}
.contact-map {
    float: left;
    width: 100%;
}
.contact-map #map_div {
    float: left;
    width: 100%;
    height: 340px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    margin-bottom: 30px;
}
.theme-btn.flat {
    background: #555ba8;
    color: #ffffff;
    border: none;
    padding: 17px 46px;
    margin-right: 13px;
}
nav > ul > li.menu-item-has-children ul ul {
    position: absolute;
    right: 100%;
    left: auto;
    background: #1b1b56;
    opacity: 0;
    visibility: hidden;
    
    -webkit-border-radius: 10px 0px 10px 10px;
    -moz-border-radius: 10px 0px 10px 10px;
    -ms-border-radius: 10px 0px 10px 10px;
    -o-border-radius: 10px 0px 10px 10px;
    border-radius: 10px 0px 10px 10px;

    top: 5px;
}
nav > ul > li.menu-item-has-children ul ul::before {
    display: none;
}
nav > ul > li.menu-item-has-children .menu-item-has-children > a:before{
    position: absolute;
    left: 7px;
    top: 17px;
    width: 13px;
    height: 1px;
    content: "";
    background: #ffffff;
    opacity: 0.3;
}
.blogrmore:hover {
    background: #32328e;
    color: #fff;
}
.metas li a:hover {
    color: #333;
}
.blogthumb:hover img {
    opacity: 0.9;
}
.recentposts:hover .rpostinfo > h4 a, .recentposts:hover .rpostinfo > h4 {
    color: #000000;
}
.paginationc li:hover > a {
    background: #f8c529;
    border-color: #f8c529;
}
.tagspost a:hover {
    background: #666666;
    border-color: #666666;
    color: #ffffff;
}
.leavecomment form input[type="submit"]:hover {
    background: #32328e;
    color: #fff;
}
.revdes-tabs > ul > li a.active {
    color: #556bff;
}
.fieldform .stb-select-container .stb-select {
    width: 100%;
    left: 0;
}




.mobilap{display: none;}

.ctext p{color:#443c62; font-size: 15px;}



/* Cross Browser Compatibility */
.apps-btns > a,
.theme-btn,
.menusec nav > ul > li::before,
.theme-btn.gradient,
.gradient.theme-btn:before,
.social a span,
.social a,
.clsec,
.clsec *,
.someblock > li:before,
.roadmap *,
.roadmap *:before,
.roadmap:before,
#toggle-widget > h2,
#toggle-widget > h2:before,
.consec *,
.open-minimal-menu,
.open-minimal-menu *,
.open-minimal-menu *:before,
.open-minimal-menu *:after,
.menusec nav,
header,
header *,
nav > ul > li.menu-item-has-children ul::before,
header.bg::before,
.service,
.service *,
.rmenu a,
.qlinks > ul li,
.product,
.product *,
.blogrmore,
.metas *,
.blogthumb,
.blogthumb *,
.recentposts,
.recentposts *,
.paginationc,
.paginationc *,
.tagspost a,
.leavecomment form input[type="submit"]
{
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}



.homefrm::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.homefrm::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.homefrm:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.homefrm:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}





::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #443c62;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #443c62;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #443c62;
}
:-moz-placeholder { /* Firefox 18- */
  color: #443c62;
}