@charset "utf-8";
/* CSS Document */

/******************************
[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
4. Banner
5. About Us
6. Footer
7. Find Talent Model
******************************/

/*********************************
1. Fonts
*********************************/

/*********************************
2. Body and some general stuff
*********************************/
body {font-family: 'Century Gothic', sans-serif; color: #686470; font-size: 16px; line-height: 28px; overflow-x: hidden;}
.hide{display: none;}
ul{margin: 0; padding: 0;}
.mainContainer{width: 100%;}
.container {width: 90%; max-width: 1600px;}
h1{font-size:60px;}
h2{font-size:42px;}
h3{font-size:36px; font-weight:400;}
h4{font-size:30px;}
h5{font-size:24px;}
h6{font-size:18px;}
a{color: #646464;}
a:hover{color: #f7c20a; text-decoration: none;}
 a:focus{outline:0; }
 img{max-width: 100%;}
.clr-white{color: #fff;}
.clr-blue{color: #1f365c;}
.btmTotop{position: absolute; right: 5%; bottom: 10px; }
.btmTotop i{color:#1f365c; font-size:42px; }
.btmTotop i.white{color:#fff; }


/*********************************
2. Header
*********************************/
header[role=header]{width: 100%; padding: 20px 0px; }
header[role=header] img{max-width: 100%;}
header[role=header] h3{color: #1f365c;}
.Head-topStrip{width: 100%; background:#1f365c; padding:8px 0px;}
.Head-topStrip a{color:#fff;}
.Head-topStrip .social-wrap{width: 100%; display: flex; color:#fff; }
.Head-topStrip .social-wrap > span{font-weight:500;}
.Head-topStrip .social-wrap > ul{color:#fff;}
.Head-topStrip .social-wrap > ul > li{display: inline-block; margin-left:10px; }
.Head-topStrip .social-wrap > ul > li i{font-size: 18px;}

/*********************************
2. Rits Features
*********************************/
.features-wrap{background: #00bcd4; padding: 40px 0px;}

.process-wrapp {
   display: flex;
  justify-content:space-between;
}
.process-wrapp, .process-wrapp li,
.process-wrapp li > .pro-step {
   position: relative;
   z-index: 1;
}
.process-wrapp li {
   text-align: center;
   padding: 70px  15px 0 15px;
   display: table-cell;
   width: 25%;
}
.process-wrapp li:hover {
   cursor: pointer;
}
.process-wrapp li  .pro-step {
   display: inline-block;
   height: 90px;
   width: 90px;
   line-height: 90px;
   border: 1px solid #fff;
   font-size: 28px;
   font-weight: 600;
   color: #fff;
   text-align: center;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   margin-bottom: 20px;
}
.process-wrapp li  .feature-text{color: #fff; font-size: 18px; font-weight: bold;}
/*.process-wrapp li p:first-child {
   font-size: 15px;
}
.process-wrapp li p:last-child {
   font-size: 13px;
}*/
.process-wrapp li:hover  .pro-step {
   -webkit-box-shadow: 0 0 25px 50px #fff inset;
   box-shadow: 0 0 25px 50px #fff inset;
   color: #00bcd4;
}
.process-wrapp li::before, .process-wrapp li::after {
    content: "";
    height: 1px;
    top: 115px;
    background: rgba(255,255,255, .5);
    position: absolute;
    width: 50%;
    z-index: -1;
    margin: 0 -45px;
}
.process-wrapp li:first-child::before,
.process-wrapp li:last-child::after {
   opacity: 0;
   visibility: hidden;
}
.process-wrapp li::before {
   left: 0;
}
.process-wrapp li::after {
   right: 0;
}
.my-process{
   margin: auto;
}
/*process with box */
.process-number {
   background: #fff;
   padding: 0 1rem 2.5rem 1rem;
   position: relative;
   text-align: center;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}
.process-number,
.process-number .pro-step {
   -webkit-transition: all .5s linear;
   -o-transition: all .5s linear;
   transition: all .5s linear;
}
.process-number:hover {
   -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
   box-shadow: 0 0 20px rgba(0, 0, 0, .15);
   cursor: pointer;
}
.process-number .pro-step {
  font-weight: bold;
  font-size: 1.75rem;
  font-family: 'Open Sans', sans-serif;
  margin-right: 5px;
  color: #fff;
  line-height: 1;
  background: #00bcd4;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  margin-top: -50px;
}
.process-number .pro-step::after {
  content: "";
  height: 5px;
  width: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  background: #fff;
  margin-left: 3px;
}
.process-number.even .pro-step{
   background: #643094;
}

/*Process icoin inside*/
.process-number.iconic {
   padding: 2.5rem 1rem;
}
.process-number.iconic > span {
  height: 90px;
  width: 90px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  line-height: 90px;
  display: inline-block;
  text-align: center;
  font-size: 48px;
  background: #00bcd4;
  color: #fff;
}
.process-number.iconic:hover > span {
   -webkit-box-shadow: 0 0 20px 45px #643094 inset;
   box-shadow: 0 0 20px 45px #643094 inset;
}


@media screen and (max-width: 992px) {
   .process-wrapp {
      text-align: center;
   }
   .process-wrapp li {
      display: inline-block;
      max-width: 300px;
   }
   .process-wrapp li:first-child::before,
   .process-wrapp li:last-child::after {
      opacity: 1;
      visibility: visible;
   }
}

/*********************************
4. Shining Star
*********************************/
.shineStar-wrap{width: 100%; background: #f5f5f5; padding: 40px 0px; position: relative;}
.title-head{width: 100%; text-align: center; padding-bottom: 50px;}
.title-head h3{color:#1f365c; text-transform: uppercase; position: relative;}
.title-head h3::after {position: absolute; left: 50%; bottom: -15px; width: 200px; height: 5px; background-color: #ffb536; content: ""; transform: translate(-50%,0);}

.carousel-wrapper {
  /*width: 1000px;
  margin: auto;*/
  position: relative;
  text-align: center;
  font-family: sans-serif;
  padding-top: 50px;
}
.carousel-wrapper .owl-theme .owl-nav [class*="owl-"]{background: #ffb536;}
.carousel-wrapper .owl-carousel .owl-item img{display: block; width: auto; margin: auto; }
.owl-carousel .owl-nav {
  overflow: hidden;
  height: 0px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #5110e9;
}

.owl-carousel .item {
  text-align: center;
  background: #ffffff;
  padding-top: 40px;
}
.owl-carousel .item .title-strip{background:#1f365c ; padding: 15px 0px; margin-top: 40px;}
.owl-carousel .item .title-strip h6{color: #fff; text-transform: uppercase; font-weight: bold; margin-bottom: 0px;}
.owl-carousel .item .title-strip span{color: #fff;  font-weight: bold; font-size: 14px;}
.owl-carousel .nav-button {
  height: 50px;
  width: 25px;
  cursor: pointer;
  position: absolute;
  top: 110px !important;
}
.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.25;
}
.owl-carousel .owl-prev {
  left: -35px;
}
.owl-carousel .owl-next {
  right: -35px;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #ffffff;
  font-size: 39px;
  background: #000000;
  border-radius: 3px;
}
.owl-carousel .prev-carousel:hover {
  background-position: 0px -53px;
}
.owl-carousel .next-carousel:hover {
  background-position: -24px -53px;
}

/*********************************
5. Know Your Colleague 
*********************************/
.know-Colleague-wrap{width: 100%; padding: 40px 0px; background: #f5f5f5; position: relative;}
.know-Colleague-wrap .owl-carousel .item{}
.know-Colleague-wrap .carousel-wrapper{padding-top: 0px;}

/*********************************
5. Make a Promise 
*********************************/
.promise-wrap{width: 100%; padding: 40px 0px; position: relative;}

/*********************************
5. 10k Promise
*********************************/
.promise-wrap.challenge .owl-carousel .item{background: #f5f5f5;}
.promise-wrap.challenge .owl-carousel .owl-dots{display: none;}
.promise-wrap.challenge .carousel-wrapper{width: 100%; margin: auto; padding-top: 20px;}
.promise-wrap.challenge .owl-carousel .item{padding: 0px;}
.promise-wrap.challenge .owl-carousel .item .title-heading{background:#f5f5f5 ; padding: 20px 0px 40px;}
.promise-wrap.challenge .owl-carousel .item .title-heading p{color: #1f365c;  font-weight: bold; font-size: 16px; text-transform: uppercase; margin-bottom: 0px; line-height: 20px;}
.promise-wrap.challenge .owl-carousel .item .title-heading span{color: #1f365c;  font-weight: bold; font-size: 16px;}

/*********************************
5. Footer
*********************************/
footer .Head-topStrip{padding: 15px 0px;}

/*********************************
5. Open Mic
*********************************/
.open-mic-wrap{width: 100%; padding: 100px 0px; background: url(../images/open-mic.jpg) no-repeat; margin-bottom: 40px; position: relative; background-size: cover; background-repeat: no-repeat;}
.open-mic-wrap h3, .open-mic-wrap p{color: #fff;}
.open-mic-wrap .title-head{padding-bottom: 30px;}
.open-mic-wrap a{color: #fff;}
.open-mic-wrap a:hover{color: #f7c20a;}




.shining-stars .close:focus {outline: 1px dotted #fff !important}
.shining-stars .modal-title {color: #fff}
.shining-stars .modal-header {background:#1f365c; color: #fff !important; border-top-left-radius: 0; border-top-right-radius: 0;}
.shining-stars .fa-times {color: #fff;}

.shining-stars.img .modal-body{padding: 0px;}
.shining-stars.img button{position: absolute; background: #fff; opacity: 1; width: 40px; height: 40px; border-radius: 50%; right: -20px;
top: -20px;}
.shining-stars.img button i{color: #666;}

.video-js .vjs-big-play-button{left: 50% !important; top: 50%!important; transform: translate(-50%,-50%)!important;}

.promise-wrap.challenge.meeting .carousel-wrapper{width: 40%; float: left; margin: 0; padding-top: 8px; margin-right: 20px; margin-bottom: 
   0px;}
.promise-wrap.challenge.meeting .carousel-wrapper  .owl-theme .owl-nav{margin: 0px;}
.promise-wrap.challenge.meeting .carousel-wrapper  .owl-theme .owl-nav .owl-prev .owl-prev{left: 0; background: #4b176d;}
.promise-wrap.challenge.meeting .carousel-wrapper  .owl-theme .owl-nav .owl-next .owl-next{right: 0; background: #4b176d;}
.promise-wrap.challenge.meeting .carousel-wrapper  .owl-theme .owl-nav .owl-prev.disabled, .promise-wrap.challenge.meeting .carousel-wrapper  .owl-theme .owl-nav .owl-next.disabled{pointer-events: none; opacity: 0.5;}
.promise-wrap.challenge.meeting .owl-carousel .nav-button{top: 45% !important; transform: translate(0,-55%);}
.promise-wrap.challenge.video .owl-carousel .item .title-heading{padding: 20px 0px 20px;}
.promise-wrap.challenge.video .owl-carousel .nav-button{top: 80px !important;}
.virtualImg{width:35%; margin-right: 20px; margin-bottom: 20px; float: left; margin-top: 7px;}