.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}


/*====================================*/
/*-------------PRELOADER--------------*/
/*====================================*/

#prelaoder {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #cc4300;
  z-index: 1000;
}

.sk-wave {
  font-size: 10px;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}
.sk-wave .sk-rect {
  background-color: #fff;
  height: 40px;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
  animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

.sk-wave .sk-rect1 {
  -webkit-animation-delay: -1.2s;
  animation-delay: -1.2s;
}

.sk-wave .sk-rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-wave .sk-rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-wave .sk-rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-wave .sk-rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }

  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }

  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

/*.spinner{text-align:center;font-size:10px}
.spinner,.spinner-inner{position:absolute;top:0;bottom:0;right:0;left:0;border:9px solid #fff;border-color:transparent #fff;margin:auto}

.spinner{width:85px;height:85px;-webkit-animation:spin 2.2s linear 0s infinite normal;-moz-animation:spin 2.2s linear 0s infinite normal;animation:spin 2.2s linear 0s infinite normal}

.spinner-inner{width:40px;height:40px;-webkit-animation:spinback 1.2s linear 0s infinite normal;-moz-animation:spinback 1.2s linear 0s infinite normal;animation:spinback 1.2s linear 0s infinite normal}@-webkit-keyframes spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes spinback{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(-360deg)}}@-moz-keyframes spinback{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(-360deg)}}@keyframes spinback{from{transform:rotate(0)}to{transform:rotate(-360deg)}}*/

/*========================================*/
/*==================HEADER================*/
/*========================================*/
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: #fff;
}

.fixed-header .navbar {
  min-height: 106px;
}

.fixed-header .logo .img-responsive {
  max-width: 80%;
}

.fixed-header .nav.navbar-nav.navbar-right > li {
  background: rgb(0, 102, 204) none repeat scroll 0 0;
  border-right: 1px solid rgb(255, 255, 255);
}

.fixed-header .nav.navbar-nav.navbar-right a {
  color: rgb(255, 255, 255);
  font-family: raleway;
  font-size: 12px;
  font-weight: normal;
  padding: 22px 45px;
  text-transform: uppercase;
}

.fixed-header .nav.navbar-nav.navbar-right {
  margin-top: 10px;
}

.header-top {
  background: #666666 none repeat scroll 0 0;
}

.contact-info {
  margin-top: 14px;
}

.social-info {
  margin-top: 8px;
}

.contact-info .list-inline a span {
  color: #fff;
  font-family: raleway;
  font-size: 14px;
  font-weight: 400;
  padding-left: 5px;
}

.fa.fa-envelope {
  color: #fff;
  font-size: 10px;
}

.fa.fa-phone {
  color: #fff;
  font-size: 12px;
}

.logo {
  padding: 15px 0;
}


/*========================================*/
/*==================NAVBAR================*/
/*========================================*/
.navbar {
  border: 1px solid transparent;
  margin-bottom: 0;
  min-height: 115px;
  position: relative;
}

.nav.navbar-nav.navbar-right {
  /* margin-top: 20px; */
  margin-top: 1px;
  margin-bottom: 1px;
}

.navbar-header {
  margin-top: 10px;
}

.navbar-default {
  background-image: none;
  background-repeat: repeat-x;
  border-radius: 4px;
  box-shadow: none;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
}

.nav.navbar-nav.navbar-right > li {
  border-right: 1px solid #fff;
}

.nav.navbar-nav.navbar-right a {
  color: #fff;
  font-size: 14px;
  padding: 32px 45px;
  text-transform: uppercase;
  font-family: raleway;
  font-weight: normal;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  background-color: rgba(0, 0, 0, 0);
  color: rgb(255, 255, 255);
}

.clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-header::after, .modal-footer::after {
  clear: left;
}

.nav.navbar-nav.navbar-right > li {
  background: #cc4300 none repeat scroll 0 0;
  border-right: 1px solid #fff;
}

.navbar .img-responsive.center-block {
  padding: 5px;
}

.nav.navbar-nav.navbar-right > li:hover {
  background: #666666 none repeat scroll 0 0;
}

.carousel-indicators .active {
  background-color: #0099ff;
  height: 12px;
  margin: 0;
  width: 12px;
}



/*========================================*/
/*==================SECTION================*/
/*========================================*/
.aim-bg {
  background: #cc4300;
}

.aim.text-center > h1 {
  color: #fff;
  font-family: raleway;
  font-size: 36px;
  font-weight: 100;
  margin: 35px;
}

.about {
  background: #efefef none repeat scroll 0 0;
}

.about-head span {
  border: 1px solid #666666;
  color: #cc4300;
  padding: 8px 25px;
  text-transform: uppercase;
  font-family: raleway;
}

.about-head {
  margin: 50px 0;
  text-align: center;
}

.about p {
  color: #666666;
  font-family: raleway;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 35px;
  padding: 0 55px 10px;
  text-align: justify;
}

.service-head span {
  border: 1px solid #666666;
  color: #cc4300;
  padding: 8px 25px;
  text-transform: uppercase;
  font-family: raleway;
}

.service-head {
  margin: 50px 0;
  text-align: center;
}

.client-head span {
  border: 1px solid #666666;
  color: #cc4300;
  padding: 8px 25px;
  text-transform: uppercase;
  font-family: raleway;
}

.client-head {
  margin: 50px 0;
  text-align: center;
}

.service .container > h1 {
  color: #3399cc;
  font-size: 36px;
  font-family: raleway;
  font-weight: 100;
}

.circle-text {
  margin: 0 10px;
}

.circle {
  position: relative;
  display: block;
  margin: 2em 0;
  background-color: transparent;
  color: #FFF;
  text-align: center;
}

.circle:hover {
  transform: scale(1.2);
}

.circle:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #666666;
  content: "";
}

.circle-blue {
  position: relative;
  display: block;
  margin: 2em 0;
  background-color: transparent;
  color: #FFF;
  text-align: center;
}

.circle-blue:hover {
  transform: scale(1.2);
}

.circle-blue:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #cc4300;
  content: "";
}

.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content {
  display: table-cell;
  font-family: raleway;
  font-size: 14px;
  font-weight: 400;
  padding: 1em;
  vertical-align: middle;
}
/* .circle__content a {
    text-decoration: none;
    color: #ffffff;
} */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

  .circle__content a {
      text-decoration: none;
      color: #000;
  }

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

  .circle__content a {
      text-decoration: none;
      color: #ffffff;
  }

} 

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
    overflow: auto;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
    
}
div#logos {
    padding: 0 0 50px;
}
.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}


.footer-top {
  background: rgba(0, 0, 0, 0) url("img/banner/footer-bg-3.png") no-repeat scroll 0 0 / 100% 100%;
}

footer .footer-top .heading {
  background: #cc4300 none repeat scroll 0 0;
  margin: 25px 180px 0 25px;
  padding: 10px 0;
}

.contant {
  margin: 50px 0;
}

.col-lg-4.col-md-4.col-sm-4.col-xs-12.no-padding.one .facebook {
  background: url(img/icons/footer-facebook.png) no-repeat scroll 0 12px/8px auto;
  padding-left: 25px;
}

.col-lg-4.col-md-4.col-sm-4.col-xs-12.no-padding.one .twitter {
  background: url(img/icons/footer-twiter.png) no-repeat scroll 0 12px/16px auto;
  padding-left: 25px;
}

.col-lg-4.col-md-4.col-sm-4.col-xs-12.no-padding.one .google {
  background: url(img/icons/footer-google.png) no-repeat scroll 0 12px/16px auto;
  padding-left: 25px;
}

.col-lg-4.col-md-4.col-sm-4.col-xs-12.no-padding.one .linkedin {
  background: url(img/icons/footer-linkedin.png) no-repeat scroll 0 11px/13px auto;
  padding-left: 25px;
}

.col-lg-4.col-md-4.col-sm-4.col-xs-12.no-padding.three .h {
  background: url(img/icons/nav-home.png) no-repeat scroll 0 12px/16px auto;
  padding-left: 25px;
}

.col-lg-4.col-md-4.col-sm-4.col-xs-12.no-padding.three .a {
  background: url(img/icons/nav-user.png) no-repeat scroll 0 10px/14px auto;
  padding-left: 25px;
}

.col-lg-4.col-md-4.col-sm-4.col-xs-12.no-padding.three .s {
  background: url(img/icons/nav-setting.png) no-repeat scroll 0 12px/14px auto;
  padding-left: 25px;
}

.col-lg-4.col-md-4.col-sm-4.col-xs-12.no-padding.three .c {
  background: url(img/icons/nav-usergroup.png) no-repeat scroll 0 12px/20px auto;
  padding-left: 25px;
}

.col-lg-4.col-md-4.col-sm-4.col-xs-12.no-padding.three .con {
  background: url(img/icons/nav-contactus.png) no-repeat scroll 0 11px/15px auto;
  padding-left: 25px;
}

.footer-top li a {
  color: #fff;
  font-family: ralyway;
  font-size: 14px;
  text-decoration: none;
  text-transform: none;
}

footer .footer-top .heading > h2 {
  color: #fff;
  font-family: "raleway";
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding-left: 10px;
  text-transform: capitalize;
}

footer .footer-top .heading-two {
  background: #009ea5;
  padding: 10px 0;
}

footer .footer-top .heading-two > h2 {
  color: #fff;
  font-family: "raleway";
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin: 0!important;
  text-transform: capitalize;
}

footer .footer-top ul {
  color: #fff;
  margin: 25px 0 25px 30px;
}

footer .footer-top li {
  font-family: "";
  font-size: 14px;
  font-weight: normal;
  padding: 8px 11px;
}

footer .footer-top .list-unstyled > li.one {
  background: url(img/icons/footer-l.png) no-repeat scroll 0 14px/10px auto;
  padding-left: 25px;
}

footer .footer-top .list-unstyled > li.two {
  background: url(img/icons/footer-c.png) no-repeat scroll 0 11px/12px auto;
  padding-left: 25px;
}

footer .footer-top .list-unstyled > li.three {
  background: url(img/icons/footer-f.png) no-repeat scroll 0 14px/14px auto;
  padding-left: 25px;
}

footer .footer-top .list-unstyled > li.four {
  background: url(img/icons/footer-m.png) no-repeat scroll 0 14px/14px auto;
  padding-left: 25px;
}

footer .footer-bottom {
  margin: 10px 0 0;
}

footer .footer-bottom .copy h4 {
  color: #5c5c5c;
  font-family: "raleway";
  font-size: 12px;
  font-weight: normal;
  margin: 8px 0 0;
}

footer .footer-top .heading > h2 {
  color: rgb(255, 255, 255);
  font-family: "raleway";
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}

.container.ser-info {
  padding: 50px;
}

.service-para p{
    color: #666666;
  font-family: raleway;
  font-size: 16px;
  font-weight: 400;
  text-align: justify;
  line-height: 1.6;
}
.service-para {
    width: 90%;
    margin: 0 auto;
    padding-top: 30px;
}
.service-para.line {
    border-top: 1px solid;
}
div.bottom {
    padding: 50px 0;
}
.service-text-one > li {
  padding: 10px;
}

.service-text-two > li {
  padding: 10px;
}

.container.careers-text > h2 {
  font-family: raleway;
  font-size: 36px;
  font-weight: 100;
  margin: 100px 0;
}

.contact-address .one {
  background: rgba(0, 0, 0, 0) url("img/icons/contact-l.png") no-repeat scroll 0 8px / 14px auto;
  font-family: raleway;
  font-size: 14px;
  padding-left: 25px;
  padding-bottom: 15px;
}

.contact-address .two {
  background: url(img/icons/contact-c.png) no-repeat scroll 0 8px / 14px auto;
  padding-left: 25px;
  font-size: 14px;
  font-family: raleway;
  padding-bottom: 15px;
}

.contact-address .three {
  background: url(img/icons/contact-f.png) no-repeat scroll 0 8px / 14px auto;
  padding-left: 25px;
  font-size: 14px;
  font-family: raleway;
  padding-bottom: 15px;
}

.contact-address .four {
  background: url(img/icons/contact-m.png) no-repeat scroll 0 8px / 14px auto;
  padding-left: 25px;
  font-size: 14px;
  font-family: raleway;
  padding-bottom: 15px;
}

.contact-middle-text > h2 {
  color: #666666;
  font-family: raleway;
  font-size: 28px;
  font-weight: 700;
}

.contact-middle-text {
  margin: 20px 0;
}

.contact-text h3 {
  color: #666666;
  font-family: raleway;
  font-size: 30px;
  font-weight: 100;
}

.leave-msg {
  border: 1px solid #666666;
  height: auto;
  margin: 50px 0;
  width: auto;
}

.text-contact {
  margin-top: 50px;
}

.contact-form.text-center > h4 {
  background: rgb(0, 102, 204) none repeat scroll 0 0;
  color: rgb(255, 255, 255);
  font-family: raleway;
  font-size:24px;
  margin: 15px 0;
  padding: 12px;
  text-transform: capitalize;
}
.contact-form.text-center > .btn-1 {
  background: rgb(0, 102, 204) none repeat scroll 0 0;
  border-radius: 0;
  color: rgb(255, 255, 255);
  font-family: raleway;
  font-size: 24px;
  margin: 15px 0;
  width: 100%;
  text-transform:capitalize;
}

.req > h4 {
  color: rgb(85, 85, 85);
  font-family: raleway;
  font-size: 11px;
}

.circle__content:hover {
  border-bottom: 0 none;
  transform: scale(1.2);
  z-index: 1;
}

.service-text li {
  color: rgb(102, 102, 102);
  font-family: raleway;
  font-size: 14px;
  text-transform: capitalize;
}

@media (max-width: 1024px) {
	
  .nav.navbar-nav.navbar-right a {
    padding: 30px 35px;
  }

  .fixed-header .nav.navbar-nav.navbar-right a {
    padding: 22px 42px;
  }

  footer .footer-top .heading {
    margin: 25px 140px 0 25px;
  }
}

@media (max-width: 980px) {
  .logo .img-responsive {
    max-width: 70%;
  }

  .fixed-header .logo .img-responsive {
    max-width: 70%;
  }

  .nav.navbar-nav.navbar-right a {
    padding: 16px 16px;
  }

  .fixed-header .nav.navbar-nav.navbar-right a {
    padding: 15px 21px;
  }

  .navbar {
    min-height: 103px;
  }

  .fixed-header .navbar {
    min-height: 92px;
  }

  footer .footer-top .heading {
    margin: 25px 80px 0 25px;
  }

  .social-info {
    margin-top: 16px;
  }

  .circle__content {
    font-size: 10px;
  }
}

@media (max-width: 767px) {
      .circle-blue {
        /*padding: 20px 5em;*/
      }
      .circle {
        /*padding: 20px 5em;*/
      }
      .header-top {
        text-align: center;
      }

      .social-info {
        text-align: center;
      }

      .logo .img-responsive {
        max-width: 50%;
      }

      .fixed-header .logo .img-responsive {
        max-width: 50%;
      }

      .navbar-toggle {
        margin-top: 30px;
      }

      .aim.text-center > h1 {
        font-size: 18px;
      }

      .about-head span {
        font-size: 20px;
      }

      .about p {
        padding: 0;
      }

      .service .container > h1 {
        font-size: 21px;
      }

      .service-head span {
        font-size: 20px;
      }

      .circle__content {
        font-size: 16px;
      }

      footer .footer-bottom .copy h4 {
        font-size: 10px;
      }

      .navbar-collapse.collapse.in {
        width: 100%;
      }

      .nav.navbar-nav.navbar-right {
        text-align: center;
      }

      .navbar-collapse.collapse.in {
        max-width: 100%;
      }

      .container.careers-text > h2 {
        font-size: 21px;
      }

      .navbar-toggle {
        background-color: rgb(0, 102, 204);
      }

      .navbar-default .navbar-toggle .icon-bar {
        background-color: rgb(255, 255, 255);
      }

      .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: rgb(0, 102, 204);
      }

      .carousel-indicators {
        display: none;
      }
      
      .footer-top {
        background: rgb(0, 102, 170) none repeat scroll 0 0;
      }
      .service-para p {
          padding: 0;
      }
      div.bottom {
          padding: 0;
      }
}

@media (max-width: 640px) {
  .logo .img-responsive {
    max-width: 25%;
  }

  .fixed-header .logo .img-responsive {
    max-width: 25%;
  }

  footer .footer-top .heading {
    margin: 25px 420px 0 25px;
  }

  footer .footer-bottom {
    text-align: center;
  }

  .text-right {
    text-align: center;
    margin-top: 10px;
  }

  
}

@media (max-width: 480px) {
  .logo .img-responsive {
    max-width: 35%;
  }

  .fixed-header .logo .img-responsive {
    max-width: 35%;
  }

  footer .footer-top .heading {
    margin: 25px 280px 0 25px;
  }

  .text-right {
    text-align: center;
    margin-top: 10px;
  }

  
}

@media (max-width: 360px) {
    .circle-blue {
    padding: 20px 1em;
}
    .circle {
    padding: 20px 1em;
}
  .logo .img-responsive {
    max-width: 43%;
  }

  .fixed-header .logo .img-responsive {
    max-width: 43%;
  }

  footer .footer-top .heading {
    margin: 25px 170px 0 25px;
  }

  
}

@media (max-width: 320px) {
  footer .footer-top .heading {
    margin: 25px 120px 0 25px;
  }

  .fixed-header .nav.navbar-nav.navbar-right a {
    padding: 12px ;
  }
}