/* NORMAL 400 SEMI BOLD 600 BOLD 700 LIGHT 300 base color #ef5142*/
*{outline:none;}
body{font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:400; color:#444;}
h1{font-size:20px;}
h2{font-size:20px;}
h3{font-size:17px;}
p{font-size:14px; color:#444;}
ul li a{font-size:14px; color:#444;}
.btn.btn-primary{position:relative; overflow:hidden;}
.btn.btn-primary::after {background: #ffffff none repeat scroll 0 0;content: "";height: 155px;left: -75px;opacity: 0.2;position: absolute;top: -50px;transform: rotate(35deg);transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1) 0s;width: 75px;z-index: 0;}
.btn.btn-primary:hover::after {left: 120%;transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.btn.btn-primary{background:#007aff; border-radius:80px; border:1px solid #fff; color:#fff; font-size:14px; padding:5px 30px;}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-15px);}
} 
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
} 
/*
 * Adding the animation to our element
*/
.bounce {
    -webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name:   bounce;
    animation-name: bounce;
}
.form-control:focus{box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(214, 78, 52, 0.6);border-color:#d64e34;}
/*--------------- HEader --------------------*/
.top-head {margin: 0 auto;width: 100%; z-index:10; position:fixed;  box-shadow:0 1px 5px #000;}
.top-head .navbar{background:#fff; border:none; margin-bottom:0;}
.top-head .navbar .navbar-toggle{background:none; border:1px solid #007aff; color:#007aff;}
.top-head .navbar-brand > img{width:180px;padding: 15px 0px;}
.top-head .navbar .navbar-toggle span{background:#007aff;}
.top-head .nav li,.top-head .navbar-brand{font-size:14px;padding: 0px 0px !important;height: 68px;}
.top-head .nav li a,.top-head .navbar-brand{color:#fff; padding: 27px 15px;}
.top-head .nav li a:hover,.top-head .nav li a:focus{color:#fff; }
.top-head.headfix {position: fixed;background: #fff; box-shadow:0 1px 5px #000; }
.navbar-default .navbar-nav>.active>a{    color: #fff;
    background: #007aff;
}
.top-head.headfix li a{
  color: #007aff;
}
.headfix .navbar-right li a {
    color: #007aff;
}
.inner ul.nav.navbar-nav.navbar-right li a {
    color: #007aff;
}
.inner .navbar-right li.active a{
  color: #fff !important;
}
.inner ul.nav.navbar-nav.navbar-right li a:hover{
  background:#007aff;
  color: #fff;
}
header.top-head.headfix a.navbar-brand.blue_logo {
    display: block !important;
}
header.top-head.headfix a.navbar-brand.white_logo {
    display: none;
}
a.navbar-brand.blue_logo {
    display: none;
}
.inner a.navbar-brand.white_logo {
    display: none;
}
.inner a.navbar-brand.blue_logo {
    display: block;
}
/*--
------------- Banner COnt ---------------*/
.main-content{width:100%;float:left;padding-top:50px;}
.bannerwrapper{position:relative;}
.main-content .bannerpage{position:relative; background:url('../img/new-banner.png') no-repeat;background-position:50% 50%; background-size:cover;}
.main-content .bannerpage:before{background:rgba(0,0,0,0.66); position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;  content: ""; }
.main-content .bannerpage .bannercont {margin: auto;position: relative; top: 0; left: 0;right: 0; bottom:0; height:35%; padding:100px 0; }
.main-content .bannerpage .bannercont h1{color:#fff; font-weight:700; margin-bottom:5px;}
.main-content .bannerpage .bannercont h1 span{border-left:1px solid #fff; border-right:1px solid #fff; padding:0 5px; margin:0 5px; color:#007aff;}
.main-content .bannerpage .bannercont p{color:#fff; width:70%; margin:0 auto; margin-bottom:15px; }
.bannerwrapper .arrow{position:absolute; bottom:20px;transition:all 6s ease 0s; left:0; right:0; margin:0 auto; width:100%; text-align:center; animation:2s ease 0s normal none infinite running bounce;}
.bannerwrapper .arrow img{width:30px;}
/*-------------- Who are we BLOCK ------------*/
.weblock{padding:20px 0;}
.weblock h2{color:#007aff; margin-bottom:30px; font-weight:700;}
/*-------------- why are we diff ------------*/
.whydiff{padding:40px 0; background:url('../img/banner2.jpg') no-repeat; background-position:50% 50%; background-size:cover; color:#fff; position:relative;}
.whydiff h2{color:#007aff; margin-bottom:30px; font-weight:700;}
.whydiff p{color:#fff;}
/*-------------- why are we diff ------------*/
.service h3{color:#007aff; font-weight:600;}
.weblock a:hover {text-decoration:none;}
.weblock .service{margin-bottom:35px;}
.weblock .service .btn.btn-primary{border-color:#444; box-shadow:0 1px 5px #444;}
/*--------------- footer ------------------*/

.associations.slider.slick-initialized.slick-slider.slick-dotted img{
 padding: 20px;
}
.associated-partners {
    width: 100%;
    float: left;
    height: 100%;
    padding: 60px 0px;
    color: #007aff;
    font-weight: 700;
    /* background: #eee; */
}

/*Certification_from*/
/*------------------------*/
  .certification_from{
      width: 100%;
      float: left;
      height: 100%;
      padding: 60px 0px;
      color: #007aff;
      font-weight: 700;
      background:#eee;
    }
    .slickSllider {
        width: 600px;
        margin: 0px auto;
    }
    .item{
      text-align: center;
      line-height: 500px;
    }
   .slider {
        width: 95%;
        margin: 26px auto;
    }
    .slick-slide {
      margin: 0px 30px;
    }
    .slick-slide img {
      width: 100%;
    }
    .slick-prev:before,
    .slick-next:before {
      color: black;
    }
    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .8;
    }
    .slick-active {
      opacity: 1;
      transform:scaleX(1.2);
    }
    .slick-current {
      opacity: 1;
    }



/*Client slider*/
/*--------------------------------*/
section.client_slider {
    margin-bottom: 20px;
    width: 100%;
    float: left;
     padding: 60px 0px;
 /* background: #eee;*/
}
.client_slider h2,.certification_from h2{
    color: #007aff;
    margin: 39px auto;
    font-weight: 700;
}


/*footer*/
footer{width:100%;float:left;background:#007aff; padding:8px 0;}
footer p{color:#fff; margin-bottom:0; font-size:12px; float:none; text-align:center;}
.bounce {animation: 2s ease 0s normal none infinite running bounce;}
.quickquote{display:none;}
.quotecont h3{color:#fff; padding:0; margin:0; padding-bottom:20px; font-weight:600;}
.quickquote a{color:#fff; }
.quickquote a:hover{text-decoration:none;}
.quickquote a img{width:20px; margin-right:20px;}
.quote{position:fixed; width:100%; bottom:-800px;  transition:600ms;}
.quote.active{bottom:40px; transition:600ms;}
.quotecont{background:rgba(0,0,0,0.6); padding:20px;}
/*---------------------- Inner pages --------------------------*/
.inner .top-head {position: relative;background: #fff; box-shadow:0 1px 5px #000; margin:0;}
.inner .top-head.headfix {position: fixed;}
.inner .main-content{padding-top:0;}
.inner h3{font-weight:600;}
.sidebar li{display:block;  border-radius:5px; margin-bottom:15px; padding:5px 10px;}
.sidebar li span{font-size: 14px; vertical-align: baseline; margin-right: 10px;}
.sidebar li:hover{background:#007aff;}
.sidebar li:hover a{color:#fff;}
/*---------------------- Accordion ----------------------------*/
.panel-group .panel{border-radius:0;    border-top: 0; border-left: 0;  border-right: 0;}
.panel-default>.panel-heading{background:#fff; }
.panel-default>.panel-heading .glyphicon{font-size:14px; margin-right:10px; color:#007aff;}
/*---------------------- media queries -------------------------*/
/*.top-head .nav li a*/
@media(min-width:768px)
{
	h1{font-size:36px;}
	h2{font-size:30px;}
	h3{font-size:23px;}
	p{font-size:18px;}
	ul li a{font-size:18px;}
	/*--------------- HEader --------------------*/
	.top-head {position: absolute; margin-bottom:20px;  box-shadow:none;}
	.top-head .navbar{background:none; border:none;}
	.top-head .nav li,.top-head .navbar-brand{font-size:20px;}
	.top-head .nav li a{position:relative;padding: 23px 15px;}
	.top-head .nav li a::after ,.top-head .nav li a:focus::after{content: '';display: block;width: 0;height: 2px; background: #007aff; transition: width .3s; position:relative; bottom:-10px;}
	.top-head .nav li a:hover::after,.top-head .nav li a:focus::after {width: 100%;}
	.top-head.headfix .nav li a:hover{background:#007aff; color:#fff; transition:300ms;}
	.top-head.headfix .nav li a::after{background:none;}
	.inner .top-head .nav li a:hover{background:#007aff; color:#fff; transition:300ms;}
	.inner .top-head .nav li a::after{background:none;}
	/*--------------- Banner COnt ---------------*/
	.main-content{padding-top:0;}
	.bannerwrapper .arrow{bottom:80px;}
	.bannerwrapper .arrow img{width:50px;}
	.main-content .bannerpage .bannercont {padding:250px 0; }
	.main-content .bannerpage .bannercont h1 span{padding:0 20px; margin:0 20px; margin-bottom:15px;}
	.main-content .bannerpage .bannercont h1 span{border-left:3px solid #fff; border-right:3px solid #fff; }
	.btn.btn-primary{font-size:20px;}
	.main-content .bannerpage .bannercont p{ margin-bottom:30px; }
	/*-------------- Who are we BLOCK ------------*/
	.weblock{padding:50px 0; margin-bottom:40px;}
	/*-------------- why are we diff ------------*/
	.whydiff{padding:50px 0;}
	/*-------------- why are we diff ------------*/
	.service h3{color:#007aff;}
	.service p{height:120px; overflow:hidden;}
	.weblock a:hover {text-decoration:none;}
	.weblock .service{margin-bottom:80px;}
	.sermiddle{border-left:1px solid #ccc; border-right:1px solid #ccc;}
	/*--------------- footer ------------------*/
	footer{z-index:10;}
	footer p{color:#fff; margin-bottom:0; font-size:16px; float:left;}
	footer.footfix{position:fixed; bottom:0; width:100%;}
	.quickquote{display:inline-block;}
	.quickquote {background: #444444 none repeat scroll 0 0;float: right;margin: -8px 0;padding:8px 20px;}
	.cnt-block{border-right:1px solid #ccc;}
}

@media(max-width:767px){
   .navbar-header button.navbar-toggle.collapsed {
    margin: 18px;
  }
  a.navbar-brand img {
      padding: 15px 20px !important;
  }
  a.navbar-brand.blue_logo{
    display: block !important;
  }
   a.navbar-brand.white_logo{
    display: none;
  }
  .top-head .nav li a{
    color: #007aff;
  }
}

/* CSS for Career Page */
hr.divider {
  max-width: 6.25rem;
  border-width: .2rem;
  border-color: #007aff;
}
.masthead{
  text-align: center;
  padding: 1rem 0;
}

/*Job Positions */

section#faqs {
  background: #fdfdfd;
  padding: 60px 0;
}
.section-title {
  text-align: center;
  margin-bottom: 50px;
}
.section-title h2 {
  margin: 0 0 10px;
  color: #007aff;
  font-weight: 700;
}

.separator {
  background-color: #ccc;
  border: 1px solid #ccc;
  display: block;
  height: 5px;
  margin: 0 auto;
  position: relative;
  width: 60px;
}
.separator::after {
  background: #007aff;
  content: "";
  height: 5px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 30px;
}
.card{
  border:none;
  background:#fff;
  -webkit-box-shadow:0 0 15px rgba(0,0,0,0.1);
  -ms-box-shadow:0 0 15px rgba(0,0,0,0.1);
  -moz-box-shadow:0 0 15px rgba(0,0,0,0.1);
  box-shadow:0 0 15px rgba(0,0,0,0.1);
  border-radius:5px!important;
  overflow:hidden;
}
.card + .card{
  margin-top:30px;
}
.card-header{
  padding:0px;
  background:#007aff;
  border:none;
}
.card-header h4{
  color: #fff;
  text-align: center;
  margin:0;
  padding:25px 45px 25px 25px;
  cursor:pointer;
  position:relative;
      font-size: 20px;
}
.card-header h4.collapsed::after{
  width:20px;
  height:22px;
  position:absolute;
  top:50%;
  right:24px;
  content:"\002b";
  font-family: FontAwesome;
  font-size:22px;
  line-height:22px;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  transform:translateY(-50%);
}
.card-header h4::after{
  width:20px;
  height:22px;
  position:absolute;
  top:50%;
  right:24px;
  content:"\2212";
  font-family: FontAwesome;
  font-size:22px;
  line-height:22px;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  transform:translateY(-50%);
}
.card-body{
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  padding: 2.25rem;
}
.card-body p:last-child{
  margin:0;
}
.li{font-size:14px;padding: 5px 10px;font-weight: 400;}

.h6-color{color:#007aff!important;margin-left: 25px;font-size: 2rem;font-weight: 600;font-family: 'Open Sans', sans-serif;}
@media(max-width:480px){.h6-color{font-size: 17px;}}
.float_right{float: right;margin: 15px 0px;background: #007aff;color: #fff; padding: 6px 10px;border: 1px solid #007aff;}
.float_right:hover{color: #fff;background: #007bffe1;}
/* end of Career page*/