@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
body{font-family: 'Roboto', sans-serif; height: 100%;}
html {height: 100%;}
p{font-size: 15px;line-height: 22px;}



/*common css*/
.text-danger{color: red;}
.custom_btn{background:#019ef0;color:#fff;text-transform: uppercase;font-size: 15px;font-weight: 500;border: 0;}
.custom_btn:hover{background: #0787ca;}
.custom_btn:focus{background: #0787ca;}
.custom_btn:active:focus{background: #0787ca;}

.section_pad{padding-top: 50px;padding-bottom: 50px;}
.alt_background{background: #f2f2f2;}
.section_tittle{text-transform: uppercase;margin-top: 0px;margin-bottom: 25px;font-size: 30px;}
.section_tittle:after{content: ""; display: block; height: 3px; width: 80px; background: #019ef0; margin-top: 8px;}

.delay{ animation-delay: 0.5s;}
.delay-1{ animation-delay: 1s;}
.delay-2{ animation-delay: 2s;}

#call_action{
    background-image: url('./img/company.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  text-align: center;
  color: white;
}
#call_action h4{font-size: 20px;line-height: 26px;color: #fff;font-weight: 300;margin-bottom: 30px;}
#call_action h1{font-weight: 700;text-transform: uppercase;margin-bottom: 35px;font-size: 30px;}
.student h3{font-weight: 400;}
.student{padding-top: 20px;}
.student h4 a{color: #019ef0;font-weight: 500;}
.footer p a{color: #019ef0;}

/*navbar css*/


.navbar-custom .navbar-toggle {
  background-color: #019ef0;
  border-color: #019ef0;
  text-transform: uppercase;
  color: white;
  font-size: 12px;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #019ef0;
}
.navbar-custom .nav li a {font-size: 15px; color: #333; font-weight: 500; }
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {color: #019ef0; outline: none; }
.navbar-custom .navbar-nav > .active > a {border-radius: 0; color: #019ef0;background: none; }
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {color: #019ef0; background: none;}

/*footer css */
.footer p{color: #fff;font-weight: 300;margin-bottom: 3px;}
.footer{background: #000;padding: 15px 0 5px;}



/*About page css*/

.about_banner {
  background-image: url('./img/about.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  text-align: center;
  color: white;
}
#intro-text{background:#019ef0;padding-bottom: 10px;}
#intro-text h3{font-size: 26px;color: #fff;font-weight: 300;}
#intro-text h3 span{font-weight: 700;}
#about p{margin-bottom: 0px;}
.retainer h2, .retainer p{text-align: right;}
.retainer h2, .contingency h2, .rpo h2{margin-top: 10px;}
.point_list{margin-top: 20px;}
.point_list ol li{padding-bottom: 15px;}

.rounded-list span:before {
    content:"";
    position: absolute;
    left: -30px;
    top: 15%;
    background: #000;
    height: 16px;
    width: 16px;
    font-weight: 700;
    border-radius: 50%;
    }
.rounded-list span {position: relative; display: block; }
.rounded-list{list-style: none;font-size: 17px;color: #019ef0;font-weight: 500;padding-left: 30px;}
.rounded-list-right span:before {
    content:"";
    position: absolute;
    right: -30px;
    top: 21%;
    background: #000;
    height: 16px;
    width: 16px;
    font-weight: 700;
    border-radius: 50%;
    }
.rounded-list-right span {position: relative; display: block; }
.rounded-list-right{list-style: none;font-size: 17px;color: #019ef0;font-weight: 500;padding-left: 0px;text-align: right;padding-right: 30px;}

/*home page css*/

.carousel, .item, .active {height: 100%; }
.carousel-inner {height: 100%; }
 .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: top center;
}
#home_slider .carousel-caption{text-align: left;left: 8%;right: auto;top: 30%;bottom: auto;}
#home_slider .carousel-caption h1{font-size: 40px;color:#019ef0;text-shadow:none;font-weight: 300;line-height: 50px; }
#home_slider .carousel-caption h1 span{font-weight: 700;}
#home_slider .carousel-caption p{text-shadow:none;color: #333;}
#home_slider .carousel-control.left, #home_slider .carousel-control.right{background-image: none;}
#home_slider .carousel-control{width: 5%;}


/*work page css */

#work_banner{
      background-image: url('./img/work_banner.jpg');
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
}
 .work-text h1 span{font-weight: 700;}
.work-text h1{font-size: 38px;font-weight: 300;color:#019ef0;line-height: 50px;}
.high_ava{background-image: url('./img/high_ava.jpg');}
.analytics{background-image: url('./img/analytics.jpg');}
.market{background-image: url('./img/market.jpg');}
.fandb{background-image: url('./img/fandb.jpg');}

.cad{background-image: url('./img/cad.jpg');}
.iot{background-image: url('./img/iot.jpg');}
.media_cat{background-image: url('./img/media.jpg');}
.travel{background-image: url('./img/travel.jpg');}
.image_container {
     
      background-position: center center;
      background-repeat: no-repeat;
      position: relative;
      display: block;
  
      border: 3px solid #019ef0;
      margin: 0 auto;
}




.role_box{background: #f4f4f4;position: relative;padding: 15px 0px;text-align: center;}
.role_box h4{margin-bottom: 0px;margin-top: 0px;}
.tag{position: absolute; width: 8px; background: #019ef0; height: 100%; margin-top: -15px;}

/*contact page css*/

#contact_banner{
      background-image: url('./img/contact.jpg');
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
}
.contact-text h1{font-size: 38px;color:#019ef0;line-height: 50px;}
#contact-introtext h3{font-weight: 300;margin-top: 0px;margin-bottom: 0px;font-size: 22px; line-height: 30px;}
.contact_form h4{color: #019ef0;font-size: 20px;margin: 0px;}
.candidate_form h4{color: #019ef0;font-size: 20px;margin-bottom: ;margin-top: 15px;}
.candidate_form h2{margin: 0px;}
.form_padding{padding-top: 50px;}
.candidate_form .form-control{background-color:transparent; }
.help-block ul {padding-left: 12px;list-style: none;}
/*responsive css*/

@media (min-width: 768px){



  /*logo*/
  .affix .affix_top_logo{display: none;}
  .affix-top .affix_logo{display: none;}

  /*navbar*/
   .navbar-custom {
    background-color: transparent;
    padding: 15px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
    border: none;
  }
    .navbar-custom.affix {
    background-color: #fff;
    padding: 5px 0;
    box-shadow: -1px 3px 19px 1px rgba(82,81,82,.3);
  }

  /*contact*/
  .form_spacing{margin-bottom: 25px;}
    .contact-text{padding: 240px 0px 200px;}

  /*about css */
  .banner-text{padding: 250px 0px;}
  .banner-text h1{font-size: 38px;font-weight: 300;}
  .banner-text h1 span{font-weight: 700;}
  .banner-text h1{background: rgba(0, 0, 0, 0.58);padding: 25px 0px;margin: 0px;}

  /*home page css*/

   #home_slider .carousel-control .icon-next{background: #019ef0;height: 35px;}
   #home_slider .carousel-control .icon-prev{background: #019ef0;height: 35px;}


/*   work page css */

  .work-text{padding: 240px 0px 200px;}

  .work-text h1{padding: 0 30px;}
  .image_container{margin-top: 75px;}
  .role_padding{padding-top: 60px;padding-bottom: 60px;}
  .image_container {width: 177px; height: 177px;    overflow: hidden; }
}


@media (max-width: 767px){
    .role_mob_padding{padding-top: 20px;padding-bottom: 20px;}
    .role_box h4{font-size: 16px;}
    .navbar-custom {background-color: #fff; border-color: #019ef0; }
    .work-text{padding: 140px 0px 100px;}
    .contact-text{padding: 140px 0px 100px;}
    #about h5 span{display: block}
    .mobile_pad{padding-bottom: 15px;}
    .image_container {width: 140px; height: 140px;margin-bottom:30px; }
    #home_slider .carousel-caption h1{font-size: 36px;line-height: 45px;}
    #home_slider .carousel-caption{top:20%;}
    .banner-text{padding: 120px 0px;}
    .hover_container h3{font-size: 20px;}
}

@media (min-width: 991px){
  

  .hover_container h3 {
      margin-top: 0px;
      color: #ffffff;
      text-align: center;
      display: table-cell;
      vertical-align: middle;
}

.image_container:hover .hover_container {
  margin-top: 0px;
  text-align: center;
  height: 200px;
  -webkit-transition: margin-top, 0.5s linear;
  -moz-transition: margin-top, 0.5s linear;
  -ms-transition: margin-top, 0.5s linear;
  -o-transition: margin-top, 0.5 linear;
  transition: margin-top, 0.5s linear;
}   

.hover_container {
      height: 0;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-transition: margin-top, 0.8s linear;
      -moz-transition: margin-top, 0.8s linear;
      -ms-transition: margin-top, 0.8s linear;
      -o-transition: margin-top, 0.8s linear;
      transition: margin-top, 0.8s linear;
      margin-top: 177px;
      display: table;
      width: 100%;

} 

}

@media (max-width: 991px){
    .hover_container h3{
      text-align: center;
      color: #019ef0;
      margin-top: 50%;

    }
}

@media (max-width: 480px){

}