/*   
 * Template Name: devAid - Responsive Website Template for developers
 * Version: 1.0
 * Author: Xiaoying Riley at 3rd Wave Media
 * Website: http://themes.3rdwavemedia.com/
 * Twitter: @3rdwave_themes
*/
/* Default */
/* ======= Base ======= */
body {
 font-family: 'Roboto', sans-serif;
  color: #000;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #060606;
}
a {
  color: #17baef;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
a:hover {
  text-decoration: underline;
  color: #0e98c5;
}
.btn,
a.btn {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  font-family: 'Montserrat', arial, sans-serif;
  padding: 8px 16px;
  font-weight: bold;
}
.btn .fa,
a.btn .fa {
  margin-right: 5px;
}
.btn:focus,
a.btn:focus {
  color: #fff;
}
a.btn-cta-primary,
.btn-cta-primary {
  background: #074f66;
  border: 1px solid #074f66;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
a.btn-cta-primary:hover,
.btn-cta-primary:hover {
  background: #053c4e;
  border: 1px solid #053c4e;
  color: #fff;
}
a.btn-cta-secondary,
.btn-cta-secondary {
  background: #eebf3f;
  border: 1px solid #eebf3f;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
a.btn-cta-secondary:hover,
.btn-cta-secondary:hover {
  background: #ecb728;
  border: 1px solid #ecb728;
  color: #fff;
}
.text-highlight {
  color: #074f66;
}
.offset-header {
  /*padding-top: 90px;*/
}
pre code {
  font-size: 16px;
}
/* ======= Header ======= */
.header {
  background: #FFFFFF;
  color: #fff;
  width: 100%;
}
.header.navbar-fixed-top {
  background: #fff;
  z-index: 9999;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.header.navbar-fixed-top .logo a {
  color: #17baef;
}
.header.navbar-fixed-top .main-nav .nav .nav-item a {
  color: #666666;
}
.header .logo {
  margin: 0;
  font-size: 26px;
  padding-top: 10px;
}
.header .logo a {
  color: #fff;
}
.header .logo a:hover {
  text-decoration: none;
}
.header .main-nav button {
  background: #023D93;
  color: #fff !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.header .main-nav button:focus {
  outline: none;
}
.header .main-nav button .icon-bar {
  background-color: #fff;
}
.header .main-nav .navbar-collapse {
  padding: 0;
}
.header .main-nav .nav .nav-item {
  font-weight: normal;
  font-family: 'Montserrat', sans-serif;
  border-right: 1px solid #6B6767;
}
.header .main-nav .nav .nav-item.active a {
  color: #C92323;
  background: none;
}
.header .main-nav .nav .nav-item a {
  color: #000000;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  font-size: 14px;
  padding: 0 10px;
  text-transform: uppercase;
}
.header .main-nav .nav .nav-item a:hover {
  color: #884087;
  background: none;
}
.header .main-nav .nav .nav-item a:focus {
  outline: none;
  background: none;
}
.header .main-nav .nav .nav-item a:active {
  outline: none;
  background: none;
}
.header .main-nav .nav .nav-item.active {
  color: #17baef;
}
.header .main-nav .nav .nav-item.last {
  margin-right: 0;
  border:0px;
}
/* ======= Promo Section ======= */
.promo {
  background: #17baef;
  color: #fff;
  padding-top: 150px;
}
.promo .title {
  font-size: 98px;
  color: #074f66;
  margin-top: 0;
}
.promo .title .highlight {
  color: #eebf3f;
}
.promo .intro {
  font-size: 28px;
  max-width: 680px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.promo .btns .btn {
  margin-right: 15px;
  font-size: 18px;
  padding: 8px 30px;
}
.promo .meta {
  margin-top: 120px;
  margin-bottom: 30px;
  color: #0a7396;
}
.promo .meta li {
  margin-right: 15px;
}
.promo .meta a {
  color: #0a7396;
}
.promo .meta a:hover {
  color: #074f66;
}
.promo .social-media {
  background: #0c86ae;
  padding: 10px 0;
  margin: 0 auto;
}
.promo .social-media li {
  margin-top: 15px;
}
.promo .social-media li.facebook-like {
  margin-top: 0;
  position: relative;
  top: -5px;
}
/* ======= About Section ======= */
.about {
  padding: 50px 0;
  background: #ffffff;
}
.about h1 {
  font-weight:400;
      font-size: 30px;
    margin-top: 0;
}
.about p{
   color:#000;
}
.about .title {
  color: #074f66;
  margin-top: 0;
  margin-bottom: 60px;
}
.about .intro {
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 60px;
}
.about .item {
  position: relative;
  margin-bottom: 30px;
}
.about .item .icon-holder {
  position: absolute;
  left: 30px;
  top: -5px;
}
.about .item .icon-holder .fa {
  font-size: 34px;
  color: #831F27;
}
.about .item .content {
  padding-left: 60px;
}
.about .item .content .sub-title {
  margin-top: 0;
  color: #831F27;
  font-size: 18px;
}
.about  .content p{
	font-size:14px;
}
/* ======= Features Section ======= */
.features {
  padding: 30px 0;
  background: #FFFFFF;
  color: #fff;
}
/*.features h2:after{
    content: "_____";
    position: absolute;
    top: 32px;
    left: 45%;
}*/
.features .title {
  color: #074f66;
  margin-top: 0;
  margin-bottom: 30px;
}
.features a {
  color: #074f66;
}
.features a:hover {
  color: #042a36;
}
.features .feature-list li {
  margin-bottom: 10px;
  color: #074f66;
}
.features .feature-list li .fa {
  margin-right: 5px;
  color: #fff;
}
/* ======= Docs Section ======= */
.docs {
  padding: 80px 0;
  background: #f5f5f5;
}
.docs .title {
  color: #074f66;
  margin-top: 0;
  margin-bottom: 30px;
}
.docs .docs-inner {
  max-width: 800px;
  background: #fff;
  padding: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 auto;
}
.docs .block {
  margin-bottom: 60px;
}
.docs .code-block {
  margin: 30px inherit;
}
.docs .code-block pre[class*="language-"] {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* ======= License Section ======= */
.license {
  padding: 80px 0;
  background: #f5f5f5;
}
.license .title {
  margin-top: 0;
  margin-bottom: 60px;
  color: #074f66;
}
.license .license-inner {
  max-width: 800px;
  background: #fff;
  padding: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 auto;
}
.license .info {
  max-width: 760px;
  margin: 0 auto;
}
.license .cta-container {
  max-width: 540px;
  margin: 0 auto;
  margin-top: 60px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.license .cta-container .speech-bubble {
  background: #d6f3fc;
  color: #074f66;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.license .cta-container .speech-bubble:after {
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #d6f3fc;
}
.license .cta-container .icon-holder {
  margin-bottom: 15px;
}
.license .cta-container .icon-holder .fa {
  font-size: 56px;
}
.license .cta-container .intro {
  margin-bottom: 30px;
}
/* ======= Contact Section ======= */
.contact {
  padding: 80px 0;
  background: #17baef;
  color: #fff;
}
.contact .contact-inner {
  max-width: 760px;
  margin: 0 auto;
}
.contact .title {
  color: #074f66;
  margin-top: 0;
  margin-bottom: 30px;
}
.contact .intro {
  margin-bottom: 60px;
}
.contact a {
  color: #074f66;
}
.contact a:hover {
  color: #042a36;
}
.contact .author-message {
  position: relative;
  margin-bottom: 60px;
}
.contact .author-message .profile {
  position: absolute;
  left: 30px;
  top: 15px;
  width: 100px;
  height: 100px;
}
.contact .author-message .profile img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.contact .author-message .speech-bubble {
  margin-left: 155px;
  background: #10b2e7;
  color: #074f66;
  padding: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
}
.contact .author-message .speech-bubble .sub-title {
  color: #074f66;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 30px;
}
.contact .author-message .speech-bubble a {
  color: #fff;
}
.contact .author-message .speech-bubble:after {
  position: absolute;
  left: -10px;
  top: 60px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #10b2e7;
}
.contact .author-message .speech-bubble .source {
  margin-top: 30px;
}
.contact .author-message .speech-bubble .source a {
  color: #074f66;
}
.contact .author-message .speech-bubble .source .title {
  color: #0c86ae;
}
.contact .info .sub-title {
  color: #0e98c5;
  margin-bottom: 30px;
  margin-top: 0;
}
.contact .social-icons {
  list-style: none;
  padding: 10px 0;
  margin-bottom: 0;
  display: inline-block;
  margin: 0 auto;
}
.contact .social-icons li {
  float: left;
}
.contact .social-icons li.last {
  margin-right: 0;
}
.contact .social-icons a {
  display: inline-block;
  background: #0c86ae;
  width: 48px;
  height: 48px;
  text-align: center;
  padding-top: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-right: 8px;
  float: left;
}
.contact .social-icons a:hover {
  background: #e6ad14;
}
.contact .social-icons a .fa {
  color: #fff;
}
.contact .social-icons a .fa:before {
  font-size: 26px;
  text-align: center;
  padding: 0;
}
/* ======= Footer ======= */
.footer {
  padding: 15px 0;
  color: #fff;
}
.footer .copyright {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.footer .fa-heart {
  color: #fb866a;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
  .header .main-nav button {
    margin-right: 0;
  }
  .header .main-nav .navbar-collapse {
    padding-left: 15px;
    padding-right: 15px;
  }
  .promo .btns .btn {
    margin-right: 0;
    clear: both;
    display: block;
    margin-bottom: 30px;
  }
  .promo .title {
    font-size: 66px;
  }
  .promo .meta {
    margin-top: 60px;
  }
  .promo .meta li {
    float: none;
    display: block;
    margin-bottom: 5px;
  }
  .contact .author-message {
    text-align: center;
  }
  .contact .author-message .profile {
    position: static;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .contact .author-message .speech-bubble {
    margin-left: 0;
  }
  .contact .author-message .speech-bubble:after {
    display: none;
  }
  .contact .social-icons a {
    width: 36px;
    height: 36px;
    padding-top: 7px;
    margin-right: 2px;
  }
  .contact .social-icons a .fa:before {
    font-size: 18px;
  }
}
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */


.panel-group .panel-heading + .panel-collapse > .panel-body {
  border: 1px solid #ddd;
}
.panel-group,
.panel-group .panel,
.panel-group .panel-heading,
.panel-group .panel-heading a,
.panel-group .panel-title,
.panel-group .panel-title a,
.panel-group .panel-body,
.panel-group .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-radius: 2px;
  border: 0;
}
.panel-group .panel-heading {
  padding: 0;
}
.panel-group .panel-heading a {
  display: block;
  background: #C92323;
  color: #ffffff;
  padding: 15px;
  text-decoration: none;
  position: relative;
  text-transform: uppercase
}
.panel-group .panel-heading a.collapsed {
  background: #D5DFED;
  color: inherit;
}
.panel-group .panel-heading a:after {
  content: '-';
  position: absolute;
  right: 20px;
  top:5px;
  font-size:30px;
}
.panel-group .panel-heading a.collapsed:after {
  content: '+';
}
.panel-group .panel-collapse {
  margin-top: 5px !important;
}
.panel-group .panel-body {
  background: #ffffff;
  padding: 15px;
}
.panel-group .panel {
  background-color: transparent;
}
.panel-group .panel-body p:last-child,
.panel-group .panel-body ul:last-child,
.panel-group .panel-body ol:last-child {
  margin
}
.panel-body{
	    color: #000;
}
.testi{
	background-image:url('../images/client.png');
	background-size:cover;
	background-position:center bottom;
}
.marquee-slider p{
	color:#831F27;
}
.footer{
	background:#000000;
	color:#fff;
}
.footer a{
	color:#fff;
}
.footer h5{
	color:#B9B9B9;
}
.footer p{
	text-align:justify;
	font-size:14px;
}
.sitemap a{
	color:#FFF;
	font-size:14px;
}

.testimonials p{
	color:#000;
	text-align:justify;
}
.testimonials .row{
	padding-top:40px;
}
@media (max-width:992px){
	.container{
		width:100%;
	}
}
@media (max-width:874px){
	.header .main-nav .nav .nav-item a{
		/*padding: 15px 7px;*/
	}
}
.top-header-left{
	margin-top: 4px;
}
.top-header-left span{
	float:left;
}
.top-header-right i{
    color: #fff;
}
.top-header-right{
	text-align:right;
}
.top-header{
	background-color: #023d93;
	padding:5px;
}
.service-box{
	background:#fff;
	text-align:center;
	padding:10px 10px;;
}
.service-box img{
	margin:0 auto;
}
.service-box p{
	color:#fff;
}
.our-services-back{
		padding:40px 0;
		background-image:url('../images/services.jpg');
		background-size:cover;
		background-position:top center;
		padding-bottom:60px;]
}

.our-services-back h2{
	color:#fff;
}
.page-title{
	background:#2B354F;text-align:center;
}
.page-title a{
	color:#FFFFFF;
}
.profile-item p{
	color:#000;
	text-align:justify;
}
.profile-item h6{
	color:#E8C722;
}
.nav>li>a:hover, .nav>li>a:focus{
	    text-decoration: none;
    background-color: #fff;
	color:#000;
}
.nav>li>a{
	color:#000;
	font-weight: normal;
   font-family: 'Roboto', sans-serif;
	font-size:14px;
}
.buss-box{
	background:#fff;
	padding:15px;
}
.buss-box{
	text-align:center;
	min-height:500px;
}
.buss-box p{
	text-align:justify;
	color:#000;
	font-size:14px;
}
.client-item{
	
}
.client-item .client-item-logo{
	background:#fff;
}
.client-item .client-item-title{
	text-align:center;
	background:#E8C722;
	min-height:60px;
}
.contact-us-back{
	background-image:url('../images/top-header/contact-us.jpg');
	background-size: cover;
	background-position:center center;
}
.about-us-back{
	background-image:url('../images/top-header/about-us.jpg');
	background-size: cover;
	background-position:center center;
}
.our-team-back{
	background-image:url('../images/top-header/our-team.jpg');
	background-size: cover;
	background-position:center center;
}
.client-back{
	background-image:url('../images/top-header/client.jpg');
	background-size: cover;
	background-position:center center;
}
.dropdown .active{
	color:#E8C722;
}
.left-arrow{
	position: absolute;
    z-index: 9999;
    top: 0;
    height: 100%;
}
.services-boxes{
	margin:0 auto;
	float:none;
	width:80%;
}
.top-bar-box span{
	float:left;
}
.top-bar-box span:nth-child(2) span{
	font-size:12px;
	clear: both;
	margin-left: 7px;
	color:#fff;
	font-weight:700;
}
.top-banner{
	min-height:500px;
	background-image:url(../images/slider.jpg);
	background-size:cover;
	background-position:center center;
}
.topContact{
	padding:15px;
}
.topContact a{
	color:#000;
}
.topContact i{
	font-size:18px;
}
.topTitle{
	margin-top:200px;
	bottom:0;
	color:#fff;
	font-size:42px;
	font-weight:300;
}
.topTitle b{
	font-weight:700;
}
.navbar{
	min-height:0px;
    margin-bottom:0px;
    border:0px;
}
.navbar-default{
	background-color: #000000;
}
.myMenu{
	    background: #000;
}
.navbar-collapse{
	padding:0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	color: #FFF;
    background-color: #EB1D27;
}
.navbar-default .navbar-nav>li>a{
	color:#fff;
	    font-size: 16px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	color:#fff;
}
.nav>li>a{
	padding: 10px 30px;
}
.myBoxes{
	padding:50px 0;
}
.myBoxInner{
	padding:15px;
	color:#fff;
	border-radius:5px;
	text-align: center;
}
.myBoxInner h4{
	color:#fff;
	text-align:center;
}
.myBoxInner p{
	color:#fff;
	text-align:center;
	padding:15px 0;
}
.myBoxInner a{
	color:#fff;
	text-align:center;
	text-decoration: underline;
	font-size:14px;
}
.myBoxOuter{

}
.about-us{
	padding:20px 0;
	text-align:center;
	background-image:url(../images/abt.jpg);
	background-size:cover;
	background-position:center center;
}
.about-us h2{
	color:#fff;
}
.about-us p{
	color:#E6E4E4;
	text-align:justify;
}
.our-work{
	text-align:center;
	padding:30px 0;
}
.myWorkInTitle h4{
	text-align:center;
}
.myWorkInImg{
	padding:0;
}
.title-bottom{
	float:none;
	margin:0 auto;
}
@media (max-width:1205px){
	.nav>li>a{
		padding: 10px 20px;
	}
}
@media (max-width:1005px){
	.nav>li>a{
		padding: 10px 10px;
	}
}
@media (max-width:825px){
	.nav>li>a{
		padding: 10px 5px;
		font-size:15px!important;
	}
}
@media (max-width:768px){
	.navbar-nav{
		margin:0!important;
	}
	.myBoxOuter{
		margin-bottom:10px;
	}
	.site-logo{
		margin:0 auto;
		    margin-top: 20px;
	}
	.topContact{
		text-align:center;
	}
	.topTitle{
		font-size:30px;
		text-align:center;
	}
	.topTitle{
		margin-top: 70px!important;
	}
	.top-banner{
		min-height: 350px!important;
	}
}
.navbar-default .navbar-brand{
	color:#fff;
}
.myheader a{
	color:#000;
}
.page-banner{
	height:150px;
	background:#e2e2e2;
}
.contact-us{
	background-image:url(../images/top-banners/contact.jpg);
	background-size:cover;
	background-position:center center;
}
.about-us-banner{
	background-image:url(../images/top-banners/abt.jpg);
	background-size:cover;
	background-position:center center;
}
.what-we-do{
	background-image:url(../images/top-banners/do.jpg);
	background-size:cover;
	background-position:center center;
}
.what-drives-us{
	background-image:url(../images/top-banners/drive.jpg);
	background-size:cover;
	background-position:center center;
}
.tab-content{
	    border-bottom: 1px solid #e2e2e2;
    padding: 15px;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	border-radius:0;
	 color: #FFF;
		    background-color: #EB1D27;
}
.nav-tabs>li>a{
	border-radius:0;
	border:1px solid #e2e2e2;
}
.whatToDoCaption h5{
	text-align:center;
}
.whatToDoContainer .col-sm-4{
	padding-top:25px;
}
.myWorkIn{
	margin-top:20px;
}