body{
	margin: 0;
	padding: 0;
	font-family: century gothic;
	font-size:18px;
}
li{
	list-style: none;
}
a:hover, a:visited, a{
	text-decoration: none;
}
h1, h2{
	text-transform: uppercase;
	font-weight: bold;
}
.heading4:after {
       content: ' ';
    position: sticky;
    display: block;
    width: 69px;
    margin: 0 2%;
    border: 1.5px solid #f78f1d;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    left: 50%;
    transform: translateX(-50%);
     
}
.heading4{
   position: relative;
   text-align: center;
   color: #1797c0;
   font-size: 28px;
   line-height: 1.5em;
   padding-top: 15px;
}
  .headingStyle{

	padding-bottom:30px; 
	/* padding-top: 59px;  */
	color: #1797c0; 
	text-align: center; 
	font-size: 40px
}
 h5 {
	  margin: 30px 0;
	  font: 700 2em/1.4 'century gothic', sans-serif, serif;
	  color: #1797c0;
  }
h5 {
	display: grid;
	width: 100%;
	align-items: center;
	text-align: center;
	grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
	grid-gap: 20px;
}

h5:before,
h5:after {
	content: '';
	border-top: 2px solid;
}
/*header area*/
.top-header{
	background: #fff !important;
	position: fixed;
	width: 100%;
	z-index: 99999;
}
.header-backup{
	width: 20px;
	height: 119px;
	background: transparent;
	margin:auto;
}
.top-header img.logo{
	margin-bottom: 15px;
	margin-top: 0;
	transition:all .5s ease 0s;
  -webkit-transition:all .5s ease 0s;
  -moz-transition:all .5s ease 0s;
  -o-transition:all .5s ease 0s;
  -ms-transition:all .5s ease 0s;
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
  margin-bottom: 0;
  margin-top: 8px;
  transition:all .5s ease 0s;
  -webkit-transition:all .5s ease 0s;
  -moz-transition:all .5s ease 0s;
  -o-transition:all .5s ease 0s;
  -ms-transition:all .5s ease 0s;
}
.nav-bar{
	margin-top: 27px;
}
.navbar-toggle span{
	color: #fff;
}
ul.nav{
	margin: 0;
	padding: 0;
}
.navbar-default .navbar-nav>li>a {
 	font-size: 18px;
	color: #0c075b;
	text-transform: uppercase;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
	padding: 14px 15px;
	/* font-weight: bold; */
	font-weight: 300;
}
.navbar-default .navbar-nav>li>a:hover{
	color: #42b3e5;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
}
li a.active{
	color: #42b3e5 !important;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
  margin-top: 4px;
}



/*slider area*/
.slider-row{
	margin: 0;
	padding: 0;
}
.slider-wrapper{
	margin: 0;
	padding: 0 !important;
	background: #000 !important;
}
.carousel-caption h1{
	font-size: 157px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0;
}
.carousel-caption p{
	font-size: 40px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 0;
}
.carousel-caption button{
	width: 240px;
	height: 60px;
	/* background: #3a9ecb; */
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	border:0;
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-moz-transition:all .5s ease 0s;
	-o-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
}
.carousel-caption button:hover{
	background: #2a2a2a;
}
.carousel-control{
	width: 5%;
}
.carousel-inner{
	background: -webkit-linear-gradient(left, #fff , #fff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #fff, #fff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #fff, #fff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to left, #fff , #fff); /* Standard syntax */
}
.item{
	position: relative;
}
.carousel-caption {
	position: absolute;
	text-align: left;
	left: 12%;
    line-height: 1;
    top: 50%;
    margin-top: -100px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  font-size: 18px;
  padding: 5px;
  background: #fff;
  border-radius: 50%;
  color: transparent;
  margin-left: 0;
  margin-top: 50px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  font-size: 18px;
  padding: 5px;
  background: #fff;
  border-radius: 50%;
  color: transparent;
  margin-right: 0;
  margin-top: 50px;
}

/*about area*/
.about h2{
	font-size: 90px;
	color: #42b3e5;
	margin-top: 50px;
}
.about h4{
	font-size: 24px;
	color: #737373;
	margin-bottom: 45px;
}
.about-img img{
	width: 100%;
}
.single-about-detail{
	position: relative;
}
.pentagon-text h1{
	font-size: 60px;
	color: #383838;
	margin-top: 0;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
	position: absolute;
	  left: 15%;
	  width: 50px;
	  top: -6%;
}
.pentagon-text {
  width: 70px;
  height: 52px;
  background: #fff;
  position: relative;
   top: -30px;
  left: 43%;
}
.pentagon-text:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 34px solid transparent;
  border-right: 35px solid transparent;
  border-bottom: 15px solid #fff;
}
.pentagon-text:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 0;
  height: 0px;
  border-left: 36px solid transparent;
  border-right: 34px solid transparent;
  border-top: 15px solid #fff;
}
.about-details{
	background: #2a2a2a;
	border-top: 2px solid #fff;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}
.about-details h3{
	font-size: 36px;
	color: #fff;
	margin-top: 0;
}
.about-details p{
	font-size: 13px;
	color: #fff;
	font-family: 'century gothic ', sans-serif;
	padding: 0 25px;
	padding-bottom: 30px;
}
.single-about-detail:hover .about-details{
	background: #3a9dca;
}
.single-about-detail:hover .pentagon-text h1{
	color: #3a9dca;
}


/*service area*/
.service{
	background: url(../img/pattern.jpg);
	background-repeat: repeat-y;
	margin-top: 40px;
}
.service h2{
	font-size: 90px;
	color: #fff;
	margin-top: 70px;
	margin-bottom: 0;
}
.service h4{
	font-size: 24px;
	color: #fff;
	margin-top: 0;
	margin-bottom: 70px;
	display: block;
}
.single-service{
	text-align:center;
}
.single-service-img {
  width: 205px;
  height: 125px;
  padding-left:30px;
  position: relative;
}
.service-img {
  width: 205px;
  height: 125px;
  background: #3a9ecb;
  position: relative;
}
.single-service h3{
	margin-top: 10px;
	color: #fff;
	padding-bottom: 50px;
	position:relative;
}
.service-img img{
	position: absolute;
}


/*team section*/
.team{
	padding-bottom: 60px;
}
.team h2{
	font-size: 90px;
	color: #42b3e5;
	margin-top: 50px;
	margin-bottom: 0;
}
.team h4{
	font-size: 24px;
	color: #737373;
	margin-top: 0;
	margin-bottom: 45px;
}
.single-member{
	margin: 0;
	padding: 0;
}
.person img{
	width: 100%;
}
.person-detail{
	padding:10px;
	background: #3a9cc8;
	position: relative;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}
.arrow-top{
	position: absolute;
	width: 20px;
	height: 20px;
	background: #3ba0cc;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	bottom: -10px;
  	left: 46%;
  	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}
.arrow-bottom{
	position: absolute;
	width: 20px;
	height: 20px;
	background: #3ba0cc;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	top: -9px;
  	left: 46%;
  	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}
.person-detail h3{
	font-size: 30px;
	color: #fff;
}
.person-detail p{
	font-size: 13px;
	color: #fff;
	font-family: 'century gothic', sans-serif;
}
.single-member:hover .person-detail{
	background: #2a2a2a;
}
.single-member:hover .arrow-top{
	background: #2a2a2a;
}
.single-member:hover .arrow-bottom{
	background: #2a2a2a;
}
/*service section*/
.our-service-card{
	border: 1px none;
	padding: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	text-align: center;
	margin: 5px;
}
.our-service-card img{
	width:100%;
}
.our-service-card h4{
	color: #1797c0;
	font-size: 2.0em;

}
.our-service-card p{

	font-size: 24px;
	color: #807f7f;
}

/*contact section*/
.contact-caption{
	background: #3a9dca;
}
.contact-heading h2{
	color: #fff;
	font-size: 90px;
}
.contact-info{
	padding-left: 40px;
}
.contact-info h3{
	padding-left: 0;
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #13849c;
	padding-bottom: 12px;
	margin-bottom: 0;
}
.contact-form h3{
	padding-left: 0;
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #13849c;
	padding-bottom: 12px;
	margin-bottom: 0;
}
.contact-info ul{
	margin: 0;
	padding: 0;
}
.contact-info ul li{
	font-family: 'century gothic', sans-serif;
	font-size: 14px;
	color: #fff;
}
.contact-info i.fa{
	font-size: 16px;
  	padding-right: 12px;
  	width: 25px;
  	height: 38px;
}
.contact-info ul li span{
	font-weight: bold;
}
.contact-form input{
	width: 100%;
	height: 40px;
	background: #fff;
	font-size: 13px;
	color: #084a5c;
	font-family: 'century gothic', sans-serif;
	padding: 12px;
	border:0;
	margin-bottom: 12px;
}
.contact-form textarea{
	font-family: 'century gothic', sans-serif;
	padding:12px;
	width: 100%;
	height: 140px;
	border:0;
	margin-bottom: 12px;
}
.info-detail{
	border-top: 1px solid #53cde5;
	padding-top: 15px;
}
.form{
	border-top: 1px solid #53cde5;
	padding-top: 15px;
	text-align: right;
}
/* .contact-form input.submit-btn{
	width: 180px;
	height: 50px;
	float: right;
	font-size: 24px;
	color: #fff;
	background: url(../img/btn-bg.jpg);
	background-repeat: no-repeat;
	padding: 0;
	font-family: 'BenchNine', sans-serif;
	font-weight: bold;
	
} */
.contact-form{
	padding-right: 0px;
}

/*gmap*/
#map{
	height: 830px;
}
.map{
	position: relative;
	overflow: hidden;
}
.contact{
	position: absolute;
	width: 100%;
	height: 830px;
	margin-top: 0px;
	left: 0;
	margin-top: -830px;
	background: rgba(0, 0, 0, 0.51);
}
.contact-caption{
	margin-top: 120px;
}

/*footer*/
.footer-para{
	margin: 0;
	padding: 0;
}
.footer p{
	font-size: 12px;
	color: #000;
	font-family: 'century gothic', sans-serif;
	font-weight: 300;
	margin: 0;
	padding: 25px 0;

}
.footer a i.fa{
	font-size: 24px;
	color: #b1b1b1;
	padding: 22px 10px;
}
.footer a i.fa:hover{
	color: #42b3e5;
}

.carousel-inner{
	position: relative;
}



/*======================css for carousel=========================*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  	z-index: 2;
    opacity: 1;
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* just for demo purpose */
    html,
    body,
    .carousel,
    .carousel-inner,
    .carousel-inner .item {
	  height: 100%;
	  /* width: fit-content; */
    }


/******************************
responsive area
********************************/

/* lg */
@media (min-width: 1199px) and (max-width: 2000px) {
	.hero-text {
		text-align: center;
		position: absolute;
		top: 35%;
		left: 50%;
		transform: translate(-50%, -19%);
		font-weight: bold;
		color: #fff;
	}
	.hero-text p{
		text-align: center;
		position: absolute;
		top: 400%;
		left: 50%;
		transform: translate(-50%, 225%);
		font-weight: bold;
		color: #fff;
	}
	.navbar-default .navbar-nav>li>a {
	  font-size: 16px;
	  padding: 10px 8px;
	}
	.carousel-caption h3 {
  		font-size: 30px;
  	}
  	.carousel-caption p {
  		font-size: 20px;
  	}
  	.carousel-caption a {
		width: 10px;
		/* height: 23px; */
		font-size:15px;
		/* background-color: #81d4fa; 
		border: 1px solid #81d4fa;  */
		margin: 3% 1% 0;
		  border-radius: 100px;
		 padding-top: 8px; 
		 box-shadow: none; 
		 padding-bottom: 8px; 
		 width: 218.14px
	}
	h2 {
  		font-size: 70px !important;
	  }
	h3 {
		font-size: 18px !important;
	}
  	h4 {
  		font-size: 18px !important;
  	}
  	#map{
		height: 1050px;
	}
	.contact{
		margin-top:-1050px;
		height: 1050px;
	}
	.contact-caption {
	 margin-top: 110px;
	}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-default .navbar-nav>li>a {
	  font-size: 18px;
	  padding: 14px 12px;
	}
	.carousel-caption h3 {
  		font-size: 32px;
  	}
  	.carousel-caption p {
  		font-size: 40px;
  	}
  	.carousel-caption a {
		width: 10px;
		height: 32px;
		font-size:15px;
		/* background-color: #81d4fa; 
		border: 1px solid #81d4fa;  */
		margin: 3% 1% 0;
		  border-radius: 100px;
		 padding-top: 8px; 
		 box-shadow: none; 
		 padding-bottom: 8px; 
		 width: 218.14px
	}
	h2 {
  		font-size: 75px !important;
  	}
  	h4 {
  		font-size: 22px !important;
  	}
  	.person-detail h3 {
  		font-size: 26px;
  	}
  	.person-detail p {
  		font-size: 12px;
  	}

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-default .navbar-nav>li>a {
	  font-size: 16px;
	  padding: 10px 8px;
	}
	.carousel-caption h3 {
  		font-size: 30px;
  	}
  	.carousel-caption p {
  		font-size: 20px;
  	}
  	.carousel-caption a {
		width: 10px;
		/* height: 23px; */
		font-size:15px;
		/* background-color: #81d4fa; 
		border: 1px solid #81d4fa;  */
		margin: 3% 1% 0;
		  border-radius: 100px;
		 padding-top: 8px; 
		 box-shadow: none; 
		 padding-bottom: 8px; 
		 width: 218.14px
	}
	h2 {
  		font-size: 70px !important;
	  }
	h3 {
		font-size: 18px !important;
	}
  	h4 {
  		font-size: 18px !important;
  	}
  	#map{
		height: 1050px;
	}
	.contact{
		margin-top:-1050px;
		height: 1050px;
	}
	.contact-caption {
	 margin-top: 110px;
	}
}

/* xs */
@media (min-width: 480px) and (max-width: 767px) {
	.header-logo img{
	  margin-top: 20px;
	}
	.navbar-default .navbar-nav>li>a {
	  font-size: 20px;
	}
	.carousel-caption {
	    margin-top: -110px;
	}
	.carousel-caption h3 {
  		font-size: 20px;
  	}
  	.carousel-caption p {
  		font-size: 25px;
  	}
  	.carousel-caption a {
		width: 10px;
		/* height: 20px; */
		font-size:15px;
		/* background-color: #81d4fa; 
		border: 1px solid #81d4fa;  */
		margin: 3% 1% 0;
		  border-radius: 100px;
		 padding-top: 8px; 
		 box-shadow: none; 
		 padding-bottom: 8px; 
		 width: 218.14pxpx;
	}
	#map{
		height: 1120px;
	}
	.contact{
		height: 1120px;
		margin-top: -1120px;
	}
	h2 {
	  font-size: 70px !important;
	}
	h4{
  		font-size: 21px !important;
  	}
	.contact-info ul {
	  margin-left: 4px;
	}
	.contact-info i.fa {
	  width: 25px;
	}
	.contact-caption {
	  margin-top: 140px;
	}
}

/* XS Portrait */
@media (max-width: 479px) {
	.hero-text h1{
		text-align: center;
		position: absolute;
		top: 135%;
		left: 50%;
		transform: translate(-50%, -70%);
		font-weight: bold;
		color: #fff;
	}
	.hero-text p{
		text-align: center;
		position: absolute;
		top: 400%;
		left: 50%;
		transform: translate(-50%, 225%);
		font-weight: bold;
		color: #fff;
	}
	.top-header img.logo {
	  margin: 20px 10px;
	}
	.header-logo{
		margin-top: 20px !important;
	}
	.navbar-default .navbar-toggle {
		 border-color: #fff;
		 margin-top: -7px;
		 right: 10%;
	}
	.navbar-default .navbar-nav>li>a {
	  font-size: 16px;
	  text-align: left;
	}
	.header-backup{
		  height: 80px;
	}
	.carousel-caption {
	    margin-top: -39px;
	}
	.carousel-caption h3 {
			font-size: 9px;
			line-height: 0.1px;
  	}
  	.carousel-caption p {
  		font-size: 13px;
  	}
	.carousel-caption a {
		width: 10px;
		height: 19px;
		font-size: 7px;
		margin: -18% 79% 0;
		border-radius: 100px;
		padding-top: 3px;
		box-shadow: none;
		padding-bottom: 4px;
		width: 50.14px;
		padding-left: 6px;
		padding-right: -1px;
		/* text-align: -webkit-center; */
		text-align: ceenter;
	}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	  margin-top: 30px;
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	  margin-top: 30px;
	}
	.about h2 {
	  font-size: 50px;
	  color: #42b3e5;
	  margin-top: 30px;
	}
	.service h2 {
	  font-size: 50px;
	  margin-top: 40px;
	}
	.team h2 {
	  font-size: 50px;
	  margin-top: 40px;
	}
	h4 {
	  font-size: 18px !important;
	}
	.contact-caption{
		margin-top: 38%;
	}
	#map{
		height: 950px;
	}
	.contact{
		height: 950px;
		margin-top: -950px;
	}
	.contact-heading h2 {
	  font-size: 50px;
	  text-align: left;
	  margin-left: 15px;
	}
	.contact-info h3 {
	  margin-left: 8px;
	  font-size: 25px;
	  padding-bottom: 8px;
	}
	.info-detail {
	  margin-left: 8px;
	}
	.contact-info ul li {
	  font-size: 10px;
	}
	.contact-info i.fa {
	  font-size: 13px;
	  width: 20px;
	  height: 18px;
	}
	.contact-info, .contact-form{
		padding: 10px;
	}
	.contact-form h3 {
	  font-size: 25px;
	  padding-bottom: 8px;
	  margin-bottom: 0;
	  margin-right: 0px;
	}
	.footer a i.fa {
	  font-size: 18px;
	  padding: 25px 7px;
	}
	.footer p {
  		font-size: 10px;
  	}
}
/* CSS footer new*/

 

.site-footer

{

 
    background-color: steelblue;
    padding: -1px 0 31px;
	font-size: 19px;
    line-height: 18px;
    color: #f78f1d;

}

.site-footer hr

{

  border-top-color:#0c075b;

  opacity:0.5

}

.site-footer hr.small

{

  margin:20px 0

}

.site-footer h6

{

  color:#f78f1d;

  font-size:16px;

  text-transform:uppercase;

  margin-top:5px;

  letter-spacing:2px;
  font-weight: bold;
  padding-top: 17px;

}

.site-footer a

{

  color:#fff;

}

.site-footer a:hover

{

  color:#3366cc;

  text-decoration:none;

}

.footer-links

{

  padding-left:0;

  list-style:none

}

.footer-links li

{

  display:table-row-group;

}

.footer-links a

{

  color:#0c075b

}

.footer-links a:active,.footer-links a:focus,.footer-links a:hover

{

  color:#fff;

  text-decoration:none;

}

.footer-links.inline li

{

  display:inline-block

}

.site-footer .social-icons

{

  text-align:right

}

.site-footer .social-icons a

{

  width:40px;

  height:40px;

  line-height:40px;

  margin-left:6px;

  margin-right:0;

  border-radius:100%;

  background-color:#fff

}

.copyright-text

{

  margin:0

}

@media (max-width:991px)

{

  .site-footer [class^=col-]

  {

    margin-bottom:30px

  }

}

@media (max-width:767px)

{

  .site-footer

  {

    padding-bottom:0

  }

  .site-footer .copyright-text,.site-footer .social-icons

  {

    text-align:center

  }

}

.social-icons

{

  padding-left:0;

  margin-bottom:0;

  list-style:none

}

.social-icons li

{

  display:inline-block;

  margin-bottom:4px

}

.social-icons li.title

{

  margin-right:15px;

  text-transform:uppercase;

  color:#96a2b2;

  font-weight:700;

  font-size:13px

}

.social-icons a{

  background-color:#eceeef;

  color:#818a91;

  font-size:16px;

  display:inline-block;

  line-height:44px;

  width:44px;

  height:44px;

  text-align:center;

  margin-right:8px;

  border-radius:100%;

  -webkit-transition:all .2s linear;

  -o-transition:all .2s linear;

  transition:all .2s linear

}

.social-icons a:active,.social-icons a:focus,.social-icons a:hover

{

  color:#fff;

  background-color:#29aafe

}

.social-icons.size-sm a

{

  line-height:34px;

  height:34px;

  width:34px;

  font-size:14px

}

.social-icons a.facebook:hover

{

  background-color:#3b5998

}

.social-icons a.twitter:hover

{

  background-color:#00aced

}

.social-icons a.linkedin:hover

{

  background-color:#007bb6

}

.social-icons a.instagram:hover

{

  background-color:#ea864c

}

@media (max-width:767px)

{

  .social-icons li.title

  {

    display:block;

    margin-right:0;

    font-weight:600

  }


  .contact-form-status {

    padding: 15px 30px;


}
}/*--------------------------------

   19. CONTACT AREA

--------------------------------*/

#contact {

    padding: 25px 0 65px;

}

/* 19.1. CONTACT FORM */

.contact-form {

    text-align: center;

}

.contact-form-status .alert {

    padding: 15px 30px;

    border-radius: 50px;

}

.contact-form label {

	font-weight: 400;
	color: steelblue;

}

.form-group {

    position: relative;

}

.form-control {

    margin-bottom: 30px;

    border: none;

    box-shadow: none;

    border-radius: 0;

    background-color: transparent;

    border-bottom: 1px solid #e9e9e9;

    height: auto;

    padding: 8px 0;

    font-size: 17px;

}

.contact-form .highlight {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 2px;

    background-color: #e67512;

    -webkit-transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;

    transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;

}

.contact-form input:focus + .highlight,
.contact-form textarea:focus + .highlight,
.contact-form input.error + .highlight,
.contact-form textarea.error + .highlight {

    width: 100%;

}

.contact-form input.valid + .highlight,
.contact-form textarea.valid + .highlight {

    background-color: #5cb85c;

}

.contact-form .btn--default {

    min-width: 100px;

    color: #303030;

    background-color: transparent;

    border-color: #303030;

}
/* Create three unequal columns that floats next to each other for contact us*/
.column {
	float: left;
	padding: 10px;
	/*height: 300px;  Should be removed. Only for demonstration */
  }
  
 
  
  /* Clear floats after the columns */
  .row:after {
	content: "";
	display: table;
	clear: both;
  }
  .form-status {

    padding: 15px 30px;


}

/*--------------------------------

   19. CONTACT AREA

--------------------------------*/

#contact {

    padding: 32px 0 65px;

}

/* 19.1. CONTACT FORM */

.contact-form {

    text-align: left;

}

.contact-form-status .alert {

    padding: 15px 30px;

    border-radius: 50px;

}

.contact-form label {

    font-weight: 400;

}

.contact-form .form-group {

    position: relative;

}

.contact-form .form-control {

    margin-bottom: 30px;

    border: none;

    box-shadow: none;

    border-radius: 0;

    background-color: transparent;

    border-bottom: 1px solid #e9e9e9;

    height: auto;

    padding: 8px 0;

    font-size: 17px;

}

.contact-form textarea.form-control {

    min-height: 0px;

    resize: none;

}

.contact-form .highlight {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 2px;

    background-color: fff;

    -webkit-transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;

    transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;

}

.contact-form input:focus + .highlight,
.contact-form textarea:focus + .highlight,
.contact-form input.error + .highlight,
.contact-form textarea.error + .highlight {

    width: 100%;

}

.contact-form input.valid + .highlight,
.contact-form textarea.valid + .highlight {

    background-color: #5cb85c;

}

.contact-form .btn--default {

    min-width: 100px;

    color: #303030;

    background-color: transparent;

    border-color: #303030;

}

/* new slider */

.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
  
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 100%;
  height: 100%
}
/* End carousel */


/* Column container for aboutus (row)*/
.newsfeed {  
	display: -ms-flexbox; /* IE10 */
	display: flex;
	-ms-flex-wrap: wrap; /* IE10 */
	/* flex-wrap: wrap; */
  }
  
  /* Create two unequal columns that sits next to each other */
  /* Sidebar/left column */
  .side {
	-ms-flex: 30%; /* IE10 */
	flex: 30%;
	background-color:aliceblue;
	padding: 20px;
	padding-top: 64px;
	margin-right: 1px;
  }
  
  /* Main column */
  .main {   
	-ms-flex: 70%; /* IE10 */
	flex: 70%;
	background-color: white;
	padding: 20px;
  }
  
  /* Fake image, just for this example */
  .img {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px;
	width: 150px;
  }
  /* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 700px) {
	.newsfeed {   
	  flex-direction: column;
	}
  }
  
  /* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
  @media screen and (max-width: 400px) {
	.navbar a {
	  float: none;
	  width: 100%;
	}
  }
/* side links new*/

 

.side-links

{

 
   
    padding: -1px 0 31px;
	font-size: 17px;
    
    color: #f78f1d;

}

.side-links hr

{

 

  opacity:0.5

}

.side-links hr.small

{

  margin:20px 0

}

.side-links h6

{

  color:#f78f1d;

  font-size:16px;

  text-transform:uppercase;

  margin-top:5px;

  letter-spacing:2px;
  font-weight: bold;
  padding-top: 17px;

}

.side-links a

{

  color:#fff;

}

.side-links a:hover

{

  color:#3366cc;

  text-decoration:none;

}

.side-links

{

  padding-left:0;

  list-style:none

}

.side-links li

{

  display:table-row-group;

}

.side-links a

{

  color:#0c075b

}

.side-links a:active,.footer-links a:focus,.footer-links a:hover

{

  color:#fff;

  text-decoration:none;

}

.side-links.inline li

{

  display:inline-block

}

.side-links .social-icons

{

  text-align:right

}

.side-links .social-icons a

{

  width:40px;

  height:40px;

  line-height:40px;

  margin-left:6px;

  margin-right:0;

  border-radius:100%;

  background-color:#fff

}



  .newsfeed-card{
	border: 1px none;
	padding: 0px;
	/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
	text-align: center;
	margin: 5px;
}

/* 14.15. POST COMMENTS TITLE */

.post--comments-title h3,
.post--comment-form-title h3 {

    position: relative;

    margin: -5px 0 30px;

    padding-bottom: 12px;

    color: #303030;

    font-size: 24px;

    line-height: 32px;

    font-weight: 700;

}

.post--comments-title h3:before,
.post--comment-form-title h3:before {

    content: " ";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 40px;

    height: 2px;

    background-color: #e67512;

}

/* 14.16. POST COMMENTS */

.post--comments ul {

    margin: 0;

    padding: 0;

    list-style: none;

}

.post--comments ul ul {

    padding-left: 30px;

}

.post--comment {

    margin-bottom: 30px;

    padding-bottom: 30px;

    border-bottom: 1px solid #e9e9e9;

}

.post--comment-img {

    display: table-cell;

    vertical-align: middle;

}

.post--comment-meta {

    padding-left: 15px;

    display: table-cell;

    vertical-align: middle;

    font-family: 'SEGOEUIL';

    font-weight: 300;

}

.post--comment-meta a {

    color: #737373;

    font-weight: 400;

    -webkit-transition: color 0.25s ease;

    transition: color 0.25s ease;

}

.post--comment-meta a:hover,
.post--comment-meta a:focus {

    color: #e67512;

}

.post--comment-body {

    padding: 15px 0;

}

.post--comment-footer .btn--default {

    padding: 8px 20px;

    color: #303030;

    background-color: transparent;

    border-color: #303030;

    font-size: 14px;

    line-height: 22px;

}

/* 14.17. POST COMMENT FORM */

.post--comment-form-title {

    margin-top: -31px;

    padding-top: 30px;

    border-top: 1px solid #e9e9e9;

}

.post--comment-form-group .form-control {

    margin-bottom: 30px;

    padding: 0;

    border-width: 0 0 1px;

    border-color: #e9e9e9;

    border-radius: 0;

    box-shadow: none;

    resize: none;

    outline: 0;

}

.post--comment-form-group .input--text {

    position: relative;

}

.post--comment-form-group .input--text .highlight {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0;

    height: 2px;

    background-color: #e67512;

    -webkit-transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;

    transition: width 0.55s ease-in-out, background-color 0.25s ease-in-out;

}

.post--comment-form-group input:focus + .highlight,
.post--comment-form-group textarea:focus + .highlight,
.post--comment-form-group input.error + .highlight,
.post--comment-form-group textarea.error + .highlight {

    width: 100%;

}

.post--comment-form-group input.valid + .highlight,
.post--comment-form-group textarea.valid + .highlight {

    background-color: #5cb85c;

}

.post--comment-form-group .btn--default {

    color: #303030;

    background-color: transparent;

    border-color: #303030;

}
/* Banner Images */
/* =========================================== */
/* About page */
.hero-image1 {
	background-image:url("../img/banner8.jpg");
	height: 390px;
	width:100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
  }
  
  .hero-text {
	text-align: center;
	position: absolute;
	top: 38%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: bold;
	color: #fff;
  }
  
  .hero-text button {
	border: none;
	outline: 0;
	display: inline-block;
	padding: 2px 25px;
	color: white;
	background-color: #81d4fa;
	text-align: center;
	cursor: pointer;
  }
  
  .hero-text button:hover {
	background-color: whitesmoke;
	color: #81d4fa;
  }
  /* services page */
  .hero-image2 {
	background-image:url("../img/banner5.jpg");
	height: 390px;
	width:100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
  }
  
  
/* contact us page */
.hero-image3 {
	background-image:url("../img/picThree.jpg");
	height: 390px;
	width:100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
  }
  
  .boxed {
	color: green;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    border: thin solid aliceblue;
    text-align: center;
  }
  .boxed:before{
	border: thin solid white;  
  }
  .boxed:after{
	color: green;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
	border: thin solid green;  
  }
  .homebackgroung-text{
   
    color: white;
    font-size: 14pt;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
    width: fit-content;
    text-align: left;
    padding-right: 15px;
    padding-left: 15px;
}
.homebackgroung-captions{
  
    color: white;
    font-size: 35pt;
    font-weight: bold;
    padding-top: 13px;
    padding-bottom: 20px;
    width: fit-content;
    text-align: left;
    padding-right: 15px;
    padding-left: 15px;
}
.blue-button{
    
    color: white;
    font-size: 5pt;
    font-weight: bold;
    padding-top: 13px;
    padding-bottom: 20px;
    width: fit-content;
    text-align: left;
    
   
}
.home2bgimage {
    width:100%;
    height:350px;
    background: url('./img/banners/test.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    background-attachment: fixed;
  
  }