body{font-family:'Montserrat', sans-serif;}
h1{font-family:'Montserrat', sans-serif;font-weight:900 ;}
h3{font-family:'Montserrat', sans-serif;font-weight:600 ;font-size:25px}
p, ul, li, a{font-family:'Montserrat', sans-serif !important;font-weight:300 ;}
p{line-height:1.4}
body {
    color: #000 !important;}
    a{color:#da1700}
    a:hover{color:#bb1918;text-decoration: none}
.footer{ text-align: justify;}
.vmore span.arrow:after {content: url(../img/right-arrow.svg);    
    position: absolute;
    top: 47px;
    right: 50px;}
.vmore {box-shadow: 7px 7px 0px 0px rgba(0,0,0,0.2);
font-size: 1rem;
background: #fff;
padding: 25px; width:75%;
position: absolute;top:6px;line-height: 25px; font-weight: 500;right:0;}
.vmore:hover {text-decoration: underline;}
.vmore img{display: block}
.vmore span{font-size: 2rem;display: block;line-height: 2rem}
.visit ul{margin-bottom: 10%}
section.banner-header{/*background-image:url('../img/banner.jpg');*/    background-color: #f1f1f2;background-size:cover;background-position: 100%; }
.office-cor ul li{list-style: none}
.fp-section.last-section.active.fp-completely{display:none}
.mrfive{box-shadow: 0px -5px 12px 0px #c5c3c3}
.parent-middle{display:table;height: 100vh}
.child-middle{display: table-cell;vertical-align: middle}
/*canvas{z-index:-1}*/
/*.count-particles{z-index:10}*/
.content-page {padding: 0;}

.pare-mid{z-index: 9}
div#stats{display: none}
.banner-text img{height:56px}
.para-div {margin: 0 15px;}
svg#fb {width: 15px;fill: #fff;} svg#fb:hover{fill:#000;}
svg#twitter {width: 15px;fill: #fff;} svg#twitter:hover {fill: #000;}
svg#youtube {width: 15px;fill: #fff;} svg#youtube:hover {fill: #000;}
 .h32 h3:before{content:'$'}
 .h33 h3:after{content:'+'}
 ul.follow li {display: inline-block;margin-left: 15px}
 ul.follow{margin-top:10px;}
ul.follow li a:hover .fa {
    color: #dc3544;}

/*menu*/
.cd-half-block img{width:30%;margin-bottom: 30px;}
.cd-primary-nav:hover .main-menu-hvr a:not(:hover){
       
  color:#dc3545;
 }
 .sb-nav_dropdown_list:hover li a:not(:hover){
  color: #dc3544 !important;
 }

ul.submenu li {margin: 0 !important;}
.menu li{margin:0 !important;}
  .menu li a {display: block; color:#da1700;}
  .menu li a:hover{text-decoration: underline;color:#fff;}
    ul li ul.submenu {display: none;padding:0;}
    ul li:hover ul.submenu {display: block;}
   ul li :hover .submenu li {display: block;}
  ul.submenu li a {font-size: 20px !important;font-weight: 500 !important;padding: 0 5% !important;}
   
    .cd-contact-info {color:#fff;}
  .banner-t{padding:0 5%;}
   
    

/*menu*/
ul.inner-list li{list-style: none;}
ul.inner-list li:before{content:url('../img/tick.svg');padding-right: 10px}
ul.inner-list{padding-left: 0}



/*particle*/
 .count-particles{background:transparent;width:100%;margin-left:0;}
 .big-screen{display:block} .small-screen{display:none;}

/*particles*/
@media (min-width: 1200px){}
.container {
    max-width: 100%;
    padding:0;
}}

/*text*/


:root {
  --animation-delay: 2s;
  --duration: 500ms;
  --iterations: 4;
}
/* ••·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•· */


.reveal-text,
.reveal-text::after {
          animation-delay: 0.5s;         
          animation-iteration-count: 1;          
          animation-duration: 1.5s;          
          animation-fill-mode: both;
          animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}



.reveal-text {
  position: relative;
  font-size: 6rem;
  line-height:0.8;
  animation-name: clip-text;
  color: #000;
  white-space: nowrap;
 
  
}

.reveal-text::after {
    content: "";
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    pointer-events: none;
    -webkit-animation-name: text-revealer;
            animation-name: text-revealer;
  }


@-webkit-keyframes clip-text {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}


@keyframes clip-text {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}


@-webkit-keyframes text-revealer {
  
  0%, 50% {
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
  }
  
  60%, 100% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;   
  }

  
  60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}


@keyframes text-revealer {
  
  0%, 50% {
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
  }
  
  60%, 100% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;   
  }

  
  60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

/*text-be
:root {
  --animation-delay: 1;
  --duration: 3000ms;
  --iterations: 1;
}
/* ••·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•· */


.reveal-textc,
.reveal-textc::after {
          animation-delay: 2s;         
          animation-iteration-count: 1;         
          animation-duration: 1s;          
          animation-fill-mode: both;
          animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}



.reveal-textc {
  position: relative;
   font-size: 5rem;
  line-height:1;
  -webkit-animation-name: clip-textc;
          animation-name: clip-textc;
  color: #000;
  white-space: nowrap;
  width:41%;

 
  
}
.with{width:46%;}
.withx{width:56%;}

.reveal-textc::after {
    content: "";
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000 ;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    pointer-events: none;
    -webkit-animation-name: text-revealerc;
            animation-name: text-revealerc;
  }


@-webkit-keyframes clip-textc {
  from {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  to {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
}


@keyframes clip-textc {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100%  0 0);
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}


@-webkit-keyframes text-revealerc {
  
  0%, 50% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  
  60%, 100% {
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;   
  }

  
  60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}


@keyframes text-revealerc {
  
  0%, 50% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  
  60%, 100% {
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;   
  }

  
  60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
   
}

/*text*/

*text*/


:root {
  --animation-delay: 1.8;
  --duration: 1800ms;
  --iterations: 1;
}
/* ••·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•· */

.reveal-textx,
.reveal-textx::after {
          animation-delay: 2.5s;         
          animation-iteration-count: 1;          
          animation-duration: 1.2s;          
          animation-fill-mode: both;
          animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}



.reveal-textx {
  position: relative;
  font-size: 6rem;
  line-height:0.8;
  -webkit-animation-name: clip-textx;
          animation-name: clip-textx;
  color: #FFF;
  white-space: nowrap;
 
  
}

.reveal-textx::after {
    content: "";
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    pointer-events: none;
    -webkit-animation-name: text-revealerx;
            animation-name: text-revealerx;
  }


@-webkit-keyframes clip-textx {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}


@keyframes clip-textx {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}


@-webkit-keyframes text-revealerx {
  
  0%, 50% {
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
  }
  
  60%, 100% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;   
  }

  
  60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}


@keyframes text-revealerx {
  
  0%, 50% {
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
  }
  
  60%, 100% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;   
  }

  
  60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

/*menu*/
.cd-contact-info li h2{margin-bottom:0;}
.cd-nav-trigger {
    position: fixed;
    z-index: 999;
    right: 3%;
    top: 20px;
    height: 55px;
    width: 54px;
    background-color: rgb(0, 0, 0);
    opacity: 0.3;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    transition: transform 0.5s ease 0s;
}
.cd-nav-trigger .cd-nav-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    width: 28px;
    height: 2px;
    background-color: rgb(255, 255, 255);
}
.cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: inherit;
    transform: translateZ(0px);
    backface-visibility: hidden;
    transition: transform 0.5s ease 0s, width 0.5s ease 0s, top 0.3s ease 0s;
}
.cd-nav-trigger .cd-nav-icon::before {
    transform-origin: right top;
    transform: translateY(-6px);
}
.cd-nav-trigger .cd-nav-icon::after {
    transform-origin: right bottom;
    transform: translateY(6px);
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
  top: 2px;
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
  top: -2px;
}
.cd-nav-trigger svg {
  /* position: absolute; */
  top: 0;
  left: 0;
}
.cd-nav-trigger circle {
    transition: stroke-dashoffset 0.4s ease 0s;
}
.navigation-is-open .cd-nav-trigger {
    transform: rotate(180deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after, .navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
    width: 50%;
    transition: transform 0.5s ease 0s, width 0.5s ease 0s;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
    transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
    transform: rotate(-45deg);
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
  top: 0;
}
.navigation-is-open .cd-nav-trigger circle {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.4s ease 0.3s;
}
@media only screen and (min-width: 1170px) {
  .cd-nav-trigger {
    top: 40px;
    
  }
}

.cd-nav {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #2d2d2d;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.7s;
  -moz-transition: visibility 0s 0.7s;
  transition: visibility 0s 0.7s;
}
.cd-nav .cd-navigation-wrapper {
    height: 100%;
    overflow-y: auto;
    backface-visibility: hidden;
    transform: translateX(-50%);
    padding: 40px 5% 40px calc(5% + 80px);
    transition: transform 0.7s cubic-bezier(0.86, 0.01, 0.77, 0.78) 0s;
}
.navigation-is-open .cd-nav {
    visibility: visible;
    transition: visibility 0s ease 0s;
}
.navigation-is-open .cd-nav .cd-navigation-wrapper {
    transform: translateX(0px);
    transition: transform 0.5s cubic-bezier(0.82, 0.01, 0.77, 0.78) 0s;
}
.cd-nav h2 {
  position: relative;
  margin-bottom: 1.7em;
  font-size: 1.3rem;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
}
.cd-nav h2::after {
  /* bottom separation line */
  content: '';
  position: absolute;
  right: 0;
  bottom: -10px;
  height: 1px;
  width: 110px;
  background-color: #fff;
}
.cd-nav .cd-primary-nav {
  margin-top: 60px;
}
.cd-nav .cd-primary-nav li {
  margin: 1.6em 0;
}
.team-menu li{
  margin: 1.6em 0 !important;
}
.cd-nav .cd-primary-nav a {
  font-family: "Montserrat", serif;
  font-size: 2.4rem;
  color: rgba(255, 255, 255, 0.3);
  display: inline-block;
}

.cd-nav .cd-primary-nav a:active {
  color: #FFF;
}

.cd-nav .cd-primary-nav a.selected {
  color: #ffffff;
}
.no-touch .cd-nav .cd-primary-nav a:hover {
  color: #ffffff;
}
.cd-nav .cd-contact-info {
  margin-top: 80px;
}
.cd-nav .cd-contact-info li {
  margin-bottom: 1.5em;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.3);
}
.cd-nav .cd-contact-info a {
  color: #ffffff;
}
.cd-nav .cd-contact-info span {
  display: block;
}
.cd-nav .cd-contact-info li, .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info span {
  font-size: 1.6rem;
}
@media only screen and (min-width: 1170px) {
  .cd-nav .cd-navigation-wrapper {
    padding: 62px 15%;
  }
  .cd-nav .cd-navigation-wrapper::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-nav .cd-half-block {
    width: 50%;
    float: left;
  }
  .cd-nav .cd-primary-nav {
    margin-top: 0;
  }
  .cd-nav h2 {
    font-size: 0.9rem;
    margin-bottom: 5.6em;
  }
  .cd-nav .cd-primary-nav li {
    margin: 2em -40px;
    list-style: none;
  }
  .cd-nav .cd-primary-nav a {
    font-size: 2.5rem;
    font-weight: 400;
  }
  .cd-nav .cd-contact-info {
    margin-top: 120px;
    text-align: right;
  }
  .cd-nav .cd-contact-info li {
    margin-bottom: 2.4em;
  }
  .cd-nav .cd-contact-info li, .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info span {
    font-size: 0.9rem;
    list-style: none;
    color: #FFF !important;
    font-weight:400;
  }
}

.no-js main {
  height: auto;
  overflow: visible;
}

.no-js .cd-nav {
  position: static;
  visibility: visible;
}
.no-js .cd-nav .cd-navigation-wrapper {
  height: auto;
  overflow: visible;
  padding: 100px 5%;
}


/*menu*/

/*utilities*/
.belbooks, .incrypts, .solutions{padding:0 5%;}
.exchange, .academy, .ico, .b18, .belcerts{background:url('../img/back-img.svg');background-repeat:no-repeat;
background-size: cover;width:100vw;background-position:center;padding:0 5%;}
.space{margin-bottom:30px;}
.entities h2{margin:30px 0 !important}
.entities img {margin-bottom: 20px;}
.menu-contact p {margin-bottom: 0;}
.enti-topic{padding:0 3%;}
/*text-belineh{line-height: 0.9 !important;}
.white-banner h2{line-height: 0.9 !important;}

/*two color section*/
 .red-banner{background-color: #E01400;color:#fff;}
 .mid-content p{padding:20px 0;}
 .whitebtn{border-color:#fff;color:#fff;margin:7px 0px 7px 7px;padding: 8px 12px;
    border: 1px solid #000;}
 .whitebtn:hover{background-color: #fff;color:#da1700;border:1px solid #fff;}

/*two color section*/
/*two color section*/
 .red-banner{background-color: #E01400;color:#fff;padding:10% 5%;}
 .red-banner h2 span{color:#000;}
 .red-banner h2, .white-banner h2{font-weight:800;}
 .mid-content p{padding:10px 0;}
 .whitebtn{border-color:#000;color:#000;font-weight:500;}
 .whitebtn:hover{background-color: #000;color:#fff;border: 1px solid #fff}
 .white-banner{background-color:#fff; background: url(../img/satoshi.svg);
    background-repeat: no-repeat;padding:10% 5%;}
 .blackbtn{border-color:#000;color:#000;margin:7px 20px 7px 0;padding: 8px 12px;
    border: 1px solid #000;}
 .blackbtn:hover{background-color: #000;color:#fff;border: 1px solid #000}
 .number-count{height:100% !important;}
 .market{height:100% !important;}
 .ceopraveen{height:100% !important;}
 
/*timeline*/
.t-line h2{line-height:0.9 !important;}
.t-line h2 span{color:#da1700;}
.t-line .content span{color:#da1700;}
.t-line .content{width:50%;}
.belh2 h2{font-size:3.75em;font-weight:900;}
.timeline h3{margin-top:3em !important;}

/*two color section*/
/*picture*/
.pic-sect{background-color:#242d3c;color:#fff;}
.overlap-text .mid-content p span{color:#da1700;font-weight:700;}
.redbtn{border-color:#da1700;color:#fff;margin:7px 20px 7px 0;padding: 8px 47px;
    border: 1px solid #da1700;}
 .redbtn:hover{background-color: #da1700;color: #fff;border: 1px solid #da1700;}
 .overlap-text { position: relative;right: 10%;margin:auto;}
 .mid-content img {width: 20px;display: inline-block;margin-right: 15px;}
 
 .line h4{font-size: 35px; font-weight: 300;line-height:1;}
 .line h2{margin-bottom:0 !important;line-height: 0.9 !important;font-size: 70px}
/*picture*/
/*box-red*/
 .red-box{background-color:#da1700;color:#fff;}
/*box-red*/
.border-tr{padding:5%}
.border-tl{padding:5%;}
.vertical{width: 40%;margin: auto;transform: rotate(90deg);left: -16%;position: relative;border-top:1px dashed rgba(22,32,99,0.3)}
.horiz{width:52%;margin:0 50px;border-top: 1px dashed rgba(22,32,99,0.3);}
.over-text{right:12%;position:absolute;}
.red-box h3 {font-size: 65px;margin-bottom:0;line-height:0.9}
.red-box h5 {
    color: #000;font-size:25px;margin-bottom:0;
    font-weight: 800;}
.over-text h2 {
    font-weight: 900;line-height: 0.8 !important; color: #000 !important;margin-top: .5em !important;font-size: 80px !important;}
    .redtext{color:#d91f00;}
.entities h2{font-weight:900;}
.entities {
    background: #fff;}
.entities img {
    width: 70%;}
/*address*/
.address h2{ 
    color:#000;
    font-size: 3.75em;
    line-height: 1.15;
    margin: 0 !important;
    font-weight:800}
    .address p{color:#000;}
    .address h5{font-weight: 600;color: #da1700;}
    .address img{width:20px; display: inline-block; margin-right:10px;}
p.con-text {font-size: 40px;line-height:1;}
.contact-map img{width:100%; margin:auto;}
.map-pic{height:100% !important;}
/*map*/
.pin-india {
    position: absolute;
    margin-top: -287px;
    right: 418px;}
.pin-bharain {
    position: absolute;
    margin-top: -300px;
    right: 495px;}
.pin-singapore{
    position: absolute;
    margin-top: -187px;
    right: 365px;}
.pin-malaysia{
    position: absolute;
    margin-top: -203px;
    right: 365px;}
.pin-kenya{
    position: absolute;
    margin-top: -240px;
    right: 542px;}
.pin-nigeria{
    position: absolute;
    margin-top: -270px;
    right: 627px;}
.pin-tanzania{
    position: absolute;
    margin-top: -220px;
    right: 542px;}
.pin-dot
{
  
  height: 13px;
  width: 13px;
  background: #ef453d;
  border-radius: 50%;
  animation: shadow-pulse 1s infinite;
}  
@keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(239, 69, 61, 0.42);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}


/*form*/

.contact-form .form-group .form-control{
  padding:0.7rem 0;border-radius:0;background-color:transparent;border:transparent;border-bottom:1px solid #eee;}
  .contact-form .form-group{margin:1rem;}
 .send{background-color:#da1700;color:#fff;}
 .send:hover{background-color:#e23d3c;color:#fff;}
 .contact{background-color:#fff}
 .form-control:focus{border-color:transparent !important; box-shadow:none!important}
  iframe {
        width: 60vw !important;
        height: 62vh !important;
        border: 0; }
  .row.textcanvas {
        position: absolute;
        z-index: 9;
        left: 38%;}

/*news*/
.child-middle-row h2{font-weight: 900;font-size:3.75em;color:#fff;}
.news{height:100vh;}
.news-img{object-fit: cover;height: 219px;}


.hvrbox {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: 219px;
  transition: height .3s cubic-bezier(.455,.03,.515,.955);

}

.hvrbox img {
  max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
  display: block;
}
.hvrbox-text a{font-size:25px;}
.hvrbox-text a:hover{text-decoration: underline;}
.hvrbox .hvrbox-layer_top {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #000;
  padding: 15px;
  -moz-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
  opacity: 1;
}
.hvrbox .hvrbox-text {
  text-align: center;
  font-size: 18px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text_mobile {
  font-size: 15px;
  border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
  border-top: 1px solid rgba(179, 179, 179, 0.7);
  margin-top: 5px;
  padding-top: 2px;
  display: none;
}
.hvrbox.active .hvrbox-text_mobile {
  display: block;}
  .child-middle-row{display:table-cell;vertical-align: middle;}
  .parent-middle-row{display:table;height:100vh;}
  .newshover{background-color:#fff}
/*news*/

 /*inner pages*/


 .logo img{margin:30px;width:14%;position:fixed;z-index:3;opacity:1}
 .pages-b{height:100vh;}
 ul.menudrop { padding-left: 0;}
 .bel-logo img{width:25%; }
 .banner-page h1{font-size: 6rem;line-height: 0.8;color:#fff;}
 ul.icons li img{width:20px;}
 ul.icons li{display:inline-block;margin:9px 25px;}
 .over-logo{background-color:#fff;padding: 26px 0 0;}
  ul.icons {padding: 0; margin:0;}
 .over-logo img{width:50%;}
 hr.under-line{border-top:1px solid #da1700;width: 80%;margin: 5% auto;}
 .grey-col{background-color: #f5f5f5}
 .overlap-top {position: relative;margin-top: -8%;}
 .footer{color:#fff;}
 .box-r h3{ margin:0;font-size: 50px;color: #da1700;}
 .box-r p{margin:0;}
 .withbe{width:77%;}
 .withcr{width:72%;}
 .withex{width: 100%}
 .withbt{width:22% !important;}

 /*inner pages*/
.certs{width:77%;}
.book{width:73%;}
.aca{width:78%;}
.inc{width:76% !important;}
.newsi{width:50%}
.belr{width:67%}
.co{width:29%}
.withexc{width:96% !important;}
.with18{width:37%;}
.map-point{display: block} .map-point-small{display:none}



 /*responsive*/
@media only screen and (max-width: 1024px){
  .vmore span.arrow:after{right: 35px;}
  .vmore{width:90%;}
  .para-div {padding: 0 !important;margin: 0;}
  #particles-js {height: 400px !important;}
  .withbt {width: 24% !important;}
   .cd-nav h2::after{left:0;} 
   ul.follow{padding-left: 0;}
   .banner-header .row{padding:0 5% !important;}
   .cont{padding-bottom: 0 !important}
   
   .cd-nav .cd-primary-nav{padding-left: 0 !important}
   .cd-nav .cd-contact-info{padding-left: 0 !important}
   ul.follow li {margin-left: 0;margin-right: 15px;}
   .app{width: 82% !important;}
 }

 @media only screen and (min-width:769px) and (max-width: 1024px){
  .container-fluid.tab-screen {padding: 0 2% !important;}
 .parent-middle{height:80vh;}
 .widthbt{font-size:65px}
 .with{width:83%;}
 .t-line{height: 80vh !important}
.withx{width:100%;}
.cry{width:75%;}

.overlap-text{right:7%;}
main p{font-size:1.2rem;}
.line h4 {font-size: 1.5rem;}
iframe {width: 77vw !important;height: 55vh !important;}
.textcanvas{position: relative !important;left:0  !important;}
 .withbe{width:73%;font-size: 65px}
 .withcr{width:63%;font-size: 65px}
 .withex{width:85%;font-size: 65px}
 .overlap-top {margin-top: -7%;}
 .ceo{margin:auto;padding-right:0 !important;}
 .parent-middle-row{height:85vh} .vx {width: 30%;}
 .white-banner{background-position:80% 100%}
 .red-white .hh{height:unset}.icon-enti{padding:0 5%;}
 .vertical{left:-5%;} .enti-topic{padding:0 5%;}
 .horiz {width: 80%;} .b8{padding:0;}
 .vw {width: 16%;margin-right: 30px;} .three-enti{padding:0 5%;}
 .b18{padding:5%;height:63vh;} .news-img{height:256px;} .hvrbox{height:256px;}
 .map-animation{height:100% !important;} .ul.icons li{margin: 9px 10px;}
 .with18{width:38%;padding-top:1%;} ul.icons li{margin: 9px 19px;} .box-r h3{font-size: 40px}
 .belr {width: 70%!important;font-size: 65px;}
 .sect-uti {margin-top: 0 !important;} .b18 .row{margin:auto;} .bt18-enti{padding:0;}
 .pin-india{margin-top:-202px;right:308px;} .hvrbox-text{width:90%;}
 .pin-bharain{margin-top:-220px;right:368px;}
 .pin-singapore{margin-top:-133px;right:277px;}
 .pin-malaysia{margin-top:-150px;right:275px;}
 .pin-nigeria{margin-top:-195px;right:460px;}
 .pin-tanzania{margin-top:-160px;right:403px;}
 .pin-kenya{margin-top:-176px;right:402px;}
 .excha {
    width: 94% !important;
    font-size: 65px;}
}
@media only screen and (max-width: 1024px){
  .sb-nav_dropdown{left: 60% !important;top: 33% !important;}
}
@media only screen and (max-width:768px){
    /*menu styles*/
  .cd-contact-info{padding:0 !important;}
  ul.follow li:first-child {margin-left: 0;}
  li.main-menu-hvr {margin: 1rem 0 !important;}
  .cd-nav .cd-contact-info {margin-top: 40px !important;}
  .cd-nav .cd-primary-nav {margin-top: 0!important;}
  .sb-nav_dropdown{top:180px !important;}
  .first-submenu{position: absolute; top: -36px;}
  .second-submenu{position: absolute; top: -3px; left:40px;}
  li.sb-nav_dropdown_item {margin: 12px 0 12px!important;line-height: 0;}
  .sb-nav_item.-dropdown:hover::after {
    transform: translateX(0) scaleX(0.5)!important;
    position: relative;
    top: 7px;}
    .cd-nav .cd-primary-nav a{font-size: 14px !important;}
  ul.follow li:first-child {margin-left: 0;}
  .company-group{display: none}
  .mobile-team-layout{display:block;}
  .cd-nav .cd-navigation-wrapper {
    padding: 40px 5% 40px calc(5% + 0px)!important;
  }
ul.cd-primary-nav{
    list-style: none!important;
    padding-left: 0!important;
  }
  #particles-js{height:245% !important;}
}

.sb-nav_dropdown_link{
    display: block;
    color: #ffffff!important;
    text-decoration: none;
    padding: 0.625rem 0;
    font-size: 18px!important;
    letter-spacing: -0.63px;
    cursor: pointer!important;
}
  .withbt{font-size:5rem !important}
  .footer{padding:0 !important;}
  .container-fluid.tab-screen {padding: 0 2% !important;}
   .banner-header .row{padding:3% 5% 3%;} .parent-middle{margin:auto;} .excha{font-size: 5rem!important}
  .map-point{display: none} .map-point-small{display:block}
  .with18{width:43% !important;padding-top:1%;} .belr{width: 69% !important;} .co {width:33%!important; font-size: 5rem}
  .box-r h3{font-size:30px;} .box-r{margin-bottom:15px;}
  ul.icons li{margin: 9px 10px;}
  .reveal-text{font-size: 5rem;width:73%;}
  .cry{font-size: 3rem;width:68%;}
  .reveal-textx{font-size: 3rem;width:93%;}
  .t-line{height:60vh !important;}
  .white-banner{background: none}
  .ceo img{width:60%;}
  .ceo{padding-bottom: 0 !important}
  iframe{height:40vh !important;width:70vw !important;}
  .vertical{left:-1%;width:50%;}
  .horiz {width: 82%;}
  .form-group{margin:5% 0 !important;}
  .input-div{margin:0; padding:0;}
  .parent-middle-row{height:60vh;}
  .address {margin-bottom: 20px;} .b18{padding:5%;}
 
  .pm{height: unset;} .enti-topic{padding:0 6%;}
   .withbe{width:73%;} .icon-enti{padding:0 6%;} .b8, .icon-enti-sec{padding:0 5%;}
    .withcr{width:65%;} .vw {width: 40%;margin-right: 30px;}
 .withex{width: 85%} .number-count{margin-top:0rem !important;}
 .overlap-text{padding-top:0 !important; right:0 !important;}
 .line .mid-content {padding: 0 !important;}
 .textcanvas{position:relative !important;left:0 !important;}
 .vx {width: 40%;margin-right: 30px;} .hvrbox{height:342px;} .news-img{height:342px;}
 .child-middle-row{padding:0 !important;} .c-row{padding:0 !important;}
 .map-animation .row{padding:5% 0 !important;} .map-animation {height:100%!important;}
 .parent-middle{display:unset;height: unset;} .child-middle{display: unset;vertical-align:unset;}
 .no-mid{display:unset;height: unset;margin-top:0 !important;padding: 0;} .child-middle img{padding:0;}
}
@media only screen and (max-width:600px){

  .belr {width: 72% !important} .withbe {width: 75% !important;}
  .address h2{font-size: 2em} .withbt {width: 22% !important;font-size: 3rem;}
  .map-point{display: none} .map-point-small{display:block}
  .child-middle-row h2{font-size: 2.7em}
  .timeline .timeline-time {display: block !important;} 
  .timeline .previous, .timeline .next {bottom: 140px !important;}
  .line h2{font-size: 40px}
  .excha {width: 100%;font-size: 3rem;}
  .pare-mid{margin-top:20%;}
  .with{width:69%;}
  #particles-js{height:40vh} .top-lap .row{margin:0 !important;}
  .withx{width: 87%;} ul.icons li{margin:9px 18px;}
 
  .banner-header{padding:0 !important;}
  .timeline h2{left:22px !important}
  .t-line .content {width: 100%;}
  .ceo img { width: 100%;margin:15px 0;}
  .ceo{padding:0 0 10px 0!important;margin: auto; }
  .overlap-text {padding: 0 5%!important;right: 0;}
  .red-white .hh {height: unset;}
  .line h4{font-size: 20px}
  .textcanvas {position: relative !important;left: 0 !important;}
  iframe { width:86vw !important;height: 70vh !important;position: relative;}
  .vertical, .horiz{width:0;}
  ul.menu li a{font-size:14px !important; padding:6px 5% !important;}
  .cd-header{height:70px!important}  
    .cd-primary-nav{padding:100px 0;}
    .logo-b img {width: 45%;}
   .pare-mid{height:60vh}
    .child-mid{vertical-align:middle}
    .t-line{height: 100vh !important;}
    section.market {height: 100% !important;}
    .white-banner .mid-content .blackbtn {padding: 5px;}
    .overlap-text .line .mid-content {padding: 0 !important;}
    .ceopraveen{height:100% !important;}
    .pic-sect .hh {height: unset !important;}
    .pic-sect .line {padding-bottom: 3rem;}
    .btnred {padding: 8px 7px !important;}
    .number-count{margin:10px !important;}
    .red-section{margin:0 !important;} .hvrbox .hvrbox-text{width:100%;} .input-div{padding:0;}
    .enti-topic h2{font-size: 1.7em !important} .news {height: unset;} .con-tact{margin:5% 0;}
    .icon-enti{padding:0 3%;} .child-middle-row {padding:5px !important;} .form-group.row {margin: 0 0 10px;}
    .belh2{padding-bottom:10%} .icon-enti-sec{padding:5%;} .hvrbox-text a {font-size: 15px;} .con-text{font-size:17px !important}
    .exchange, .academy, .ico, .b18, .belcerts, .solutions{padding:5%;background-position: center;} .getin{padding:5% 5px !important;}
    .map-animation .row{padding:0!important;margin-top: 5%;} .contact-map .c-row{padding:0 !important;} .contact-map img {width: 100%;}
    .exchange-first, .btbel, .academy-bel, .inc-news, .bel-block, .enti-sect, .books, .certs-bel, .news-last, .map-animation, .contacts{height:100% !important;padding-bottom: 5px;} 
    .exchange .hh, .btbel .hh, .academy .hh, .incrypts .hh, .ico .hh, .enti-sect .hh, .belbooks .hh, .belcerts .hh, .news-last .hh{height:unset}
    .big-screen{display:none} .small-screen{display:block;}
    .footer .row {padding: 5% 0 !important;} .footer{padding:5% !important;}
    .pin-dot {
    height: 3px;
    width: 3px;
    background: #ef453d;
    border-radius: 50%;
    animation: shadow-pulse 1s infinite;}
    .pin-india{margin-top:-83px;right:118px;}
    .pin-bharain{margin-top:-89px;right:143px;}
    .pin-singapore{margin-top:-55px;right:104px;}
    .pin-malaysia{margin-top: -60px;right: 103px;}
    .pin-kenya{margin-top: -72px;right: 156px;}
    .pin-nigeria{margin-top: -80px;right: 179px;}
    .pin-tanzania{margin-top: -66px;right: 156px;}
}

@media only screen and (min-width:1400px) and (max-width:1450px){
  .red-white .hh{height:100vh !important;}
  .aca {width: 74%;}
  
}

@media only screen and (min-width:1366px) and (max-width:1600px){

  .red-banner{padding:2% 5%;} 
  .white-banner{padding: 2% 5%;margin-top: 15px;}
  .ceo img{width:70%;float:right;}
  .overlap-text{right:8%;}
  .vw{width: 218px;margin-right: 13px;}
  .hvrbox .hvrbox-text{width:70%;top:40%;}
  
  ul.menu li a{padding:5px 5%}
  .timeline .timeline-events li.active {padding-left: 80px;}
  h2.lineh{margin-top:15px !important}
  .vw p {width: 220px;}
  .vx {width: 300px;}
  .vx p{width:220px;}
  .bt18-enti img{width:75%; padding:3% 0;}
  .vx img{width:40%;}
  .icon-enti{margin-bottom:2%;padding:0 3%;}
  .icon-enti-sec{margin-bottom:1%;padding:0 5%;}
  .three-enti{padding:0;} 
  .b8{padding:0 5%;}
  .b8 h2{margin:15px 0;}
  .hvrbox{height:230px;}
  .news-img{height:230px;}
  ul.icons li{margin:9px 17px;}
  .over-logo img {width: 50%;}
  .b18 .row{height: 65vh}
  .mrfive{margin-left:5.5rem !important;margin-right:5.5rem !important;}
  }

  @media only screen and (min-width: 1400px) and (max-width: 1500px){
    
    #particles-js{height: 585px !important}
    .white-banner{background-size:cover}
    iframe{height:48vh !important;}
    .belr {width: 66% !important;}
    .b18{height:70vh;} .bt18-enti{padding:5% 0;} .bt18-enti img{width:100%;}
    .hvrbox{height:300px;}.news-img{height:305px;}
    .with {width: 43%;}
    .withx {width: 53%;}
    .withbe {width: 70%;}
    .inc {width: 73% !important;}
    .pin-nigeria{margin-top:-288px;right:665px;}
    .pin-tanzania{margin-top:-237px;right:575px;}
    .pin-kenya{margin-top:-255px;right:575px;}
    .pin-malaysia{margin-top: -217px;right: 382px;}
    .pin-singapore{margin-top: -198px;right: 385px;}
    .pin-bharain{margin-top: -323px;right: 526px;}
    .app{width: 70% !important;}
    .over-logo{ padding: 20px 0 0;}
  }

@media only screen and (min-width:1920px){
  .vmore{width:65%;}
  .vmore span.arrow:after{ right: 80px;}
  .para-div {margin: 0 26px !important}
  .app{width: 52% !important;}
 #particles-js {height: 760px !important;}
  .pm img {width: 80%;}
  iframe{height:50vh !important}
  .pages-b {height: 85vh;}
  .overlap-top {margin-top: -6%;}
  .grey-col h3{margin-top:12px;}
 .horiz {width: 47%;margin: 0 58px;}
 .vertical {width: 33%;left:-22%;}
 .hvrbox{height: 334px;}
 .news-img{height:334px;}
 .vw{width:310px;}
 .ceo img{width: 70%;float: right;}
 .overlap-text{right:8%;}
 .red-section{margin-top:11%;}
 .enti-sect{height:100% !important;}
  .solutions, .academy, .incrypts, .ico, .belbooks, .belcerts{padding:0 5%;}
  .red-banner, .white-banner{padding: 10% 5%;}
  .mrfive{margin-left:6rem !important;margin-right:6rem !important;}
  .vw p {width: 225px;}
  .vx img{width:50%;}
  .vx p{width:220px;}
  .icon-enti{margin-bottom:2%;padding:0 3%;}
  .bt18-enti img{width:100%;padding:4% 0;}
  .b8{padding:0;margin:0;} .b18 .row{height:unset;}
  .three-enti{padding:0 4%;}
  .icon-enti-sec{padding:0 2%;}
  .with{width: 33%;} .bt18-enti{padding:0;}
  .cry{width:29%;}
  .withx {width: 40%;} .b18 {height: 70vh;}
  .white-banner{background-size:contain;}
  .pin-nigeria{ margin-top: -22%;right: 50%;}
  .pin-india{ margin-top: -23%; right: 33%;}
  .pin-bharain {margin-top: -447px;right: 714px;}
  .pin-tanzania{margin-top:-327px;right:43%;}
  .pin-kenya{margin-top: -348px;right: 43%;}
  .pin-singapore{margin-top:-286px;right:29%;}
  .pin-malaysia{margin-top:-310px;right:515px;}
}

@media only screen and (min-width: 1280px) and (max-width: 1300px){
 .para-div {padding: 0 !important;margin: 0;}
  .withbe {width: 79%;}
  .aca {width: 84%;}
  .inc {width: 82% !important;}
  .app{width: 79% !important;}
  .belr {width: 75% !important;}
  .withbt {width: 23% !important;}
  .newsi {width: 51%;}
}

@media only screen and (min-width: 1600px) and (max-width: 1700px){
      .vmore{width:70%;}
     .vmore span.arrow:after{right:60px;}
    .withbe {width: 63%;}
    .aca {width: 67%;}
    #particles-js{height: 690px !important}
    .inc {width: 65% !important;}
    .app{width: 63% !important;}
    .belr {width: 60% !important;}
}

@media only screen and (min-width: 1170px){
.cd-nav .cd-primary-nav .sb-nav_dropdown li {
    margin: 0.5rem 0 !important;
    list-style: none;}}

   .sb-nav_dropdown_item:nth-child(1) {
    animation: fade-from-left .1s ease-in-out;
    
}
.sb-nav_dropdown_item:nth-child(2) {
    animation: fade-from-left .2s ease-in-out;
    
}
.sb-nav_dropdown_item:nth-child(3) {
    animation: fade-from-left .3s ease-in-out;
    
}
.sb-nav_dropdown_item:nth-child(4) {
    animation: fade-from-left .4s ease-in-out;
    
}
.sb-nav_dropdown_item:nth-child(5) {
    animation: fade-from-left .5s ease-in-out;
    
}
.sb-nav_dropdown_item:nth-child(6) {
    animation: fade-from-left .6s ease-in-out;
    
}
@-webkit-keyframes fade-from-left {
0% {
opacity: 0;
-webkit-transform:translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform:translateX(0);
}
}

.sb-nav_dropdown {
    transition: visibility 0s 0.6s;
    display: none;
}
.sb-nav_item:hover .team-drop{left: 87% !important;}
.sb-nav_item:hover .sb-nav_dropdown {
    display: block;
    position: absolute;
    left: 80%;
    top: 75%;
    opacity: 1;
    transform: translateX(0) scaleX(1);
    transition-delay: 0.1s;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}
.sb-nav_item.-dropdown:hover::after {
    transform: translateX(0) scaleX(0.6);
    transition-delay: 0.1s;
}

/*.sb-nav_item.-dropdown::after {
    min-width: 8rem;
}*/
.sb-nav_item.-dropdown::after {
    content: "";
    display: inline-block;
    height: 1px;
    min-width: 8rem;
    background-color: #dc3545;
    flex-grow: 1;
    margin: 0.8rem 1.1875rem 0.4rem;
    transform: translateX(-0.625rem) scaleX(0);
    transform-origin: center left;
    z-index: 9999;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}
.sb-nav_dropdown_list {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}
 
@media (min-width: 700px){
  .main-menu-hvr{
    transition:all 0.3s ease-in-out 0s;
  }
.main-menu-hvr:hover {
    transform: translateX(1.9125rem);
    transition: all 0.3s ease-in-out;
}
.main-menu-hvr:hover a{
    color: #fff!important;
    transition: all 0.3s ease-in-out;

}
/*.cd-primary-nav li:not(:hover){
    color: green!important;
}*/
.sb-nav_dropdown_link:hover {
    transform: translateX(0.9125rem);
}}

@media (min-width: 992px){
.sb-nav_dropdown_list {
    margin-top: -1.9375rem;
}
}

