/* Contact Section */
#footer-section {
	padding: 0px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#032731+0,032e3a+20,032e3a+100,032731+100 */
	background: url(../images/contact-b.jpg);
	background-size: cover;
	background-attachment: fixed;
	color: #fff;


}

.footer-section-fields
{
	background:rgba(0,0,0,0.9);
	min-height:200px;
	color:#ddd;
		padding-top:30px;
	}
	
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
	outline-offset: none;
}
/* Footer */
#footer {
	background: #006699;
	padding: 15px 0 10px 0;
	color: #fff;
	text-align: center;
	font-family:Arial,sans-serif;
}
#footer p {
	margin-top: 10px;
	font-family:Arial,sans-serif;
}


.shadowdrop2 { position:absolute; background-image:url("../images/footer-border.jpg");
 background-repeat:no-repeat; background-position:bottom center;
 height:5px; width:100%;  z-index:40; }
 
.footer_cl1{
	
    padding-bottom: 20px;
    padding-top: 10px;
	padding-left:20px;	
	min-height:189px;
	}
.footer_cl1 h3{
	
 text-transform:uppercase;
color:#fff;
font-size:16px;
text-align:left;
   letter-spacing: 1px;
	}
	

	
	.footer_cl1 li{
	
 list-style:none;
 line-height:32px;

	}

	
	.footer_cl1 h1{
font-size:14px;	
font-weight:bold;
	color:#05f9ff;	
	font-family:Arial, tahoma, sans-serif;	
	height:30px;
	
	}
	

	.icon_phone {
	font-size: 12px;
	line-height: 24px;
	color:#fff;
	margin-top:5px;
	font-family:Arial,sans-serif;
	direction:ltr;
	text-align:left;
	
}
	.icon_phone .fa{
	padding-right:15px;
	font-size: 18px;
}


.icon_mail {
font-size: 14px;
	line-height: 24px;
	color:#fff;
	margin-top:5px;
	font-family:Arial,sans-serif;
	direction:ltr;
	text-align:left;
}
.icon_mail .fa{
		padding-right:10px;
		font-size: 16px;
	}

.icon_mail a{
		text-align: center;
	color: #fff;
	font-size:12px; font-family:Arial, Helvetica, sans-serif;

	
}

.icon_mail a:hover {
	
	color: #a8a8a8;
	text-decoration:none;
}

.icon_location {
font-size: 11px;
	line-height: 24px;
	color:#fff;
	margin-top:5px;
	font-family:Arial,sans-serif;
	direction:ltr;
	text-align:left;
}
.icon_location .fa{
		padding-right:18px;
		font-size: 18px;
			}



/*subscribe*/

.subscribe {

padding-bottom:20px;

	}
	

.subscribe  h2{

text-transform:inherit;
color:#fff;
padding-bottom:10px;
font-size:11px;
text-align:left;
   letter-spacing: 1px;
	}



.subscribe  p{

font-size:11px;
color:#717171;
padding-right:30%;
	}


.subscribe  button
{
	border-radius:0px;
	border:0px;	
	
	}
	
	
/*subscribe*/

/*Testimonials
------------------------------------*/
/*Testimonials*/
.testimonials {


  margin-top:20px;

}

.testimonials .testimonial-info {
  color: #009fac;
  font-size: 16px;
  padding: 0 15px;
  margin-top: 18px;
}

.testimonials .testimonial-info span {
  top: 3px;
  position: relative;
}

.testimonials .testimonial-info em {
  color: #fff;
  display: block;
  font-size: 13px;
}

.testimonials .testimonial-info img {
  width: 60px;
  float: left;
  height: 60px;
  padding: 2px;
  margin-right: 15px;
  border: solid 1px #ccc;
}

.testimonials .testimonial-author {
  overflow: hidden;
  color:#fff;
  font-size:11px;
     letter-spacing: .6px;
}

.testimonials .carousel-arrow {
  top: -65px;
  position: relative;
}

.testimonials .carousel-arrow i {
  color: #fff;
  padding: 2px;
  min-width: 25px;
  font-size: 20px;
  text-align: center; 
  background: #c02886;
    cursor: pointer;
}

.testimonials .carousel-arrow i:hover {
  color: #fff;
  background: #3c225f;
}

.testimonials .carousel-control {
  opacity: 1;
  width: 100%;
  text-align: right;
  text-shadow: none;
  position: absolute;
  filter: Alpha(opacity = 100); /*For IE*/
}

.testimonials .carousel-control.left {
  right: 27px;
  left: auto;
}
.testimonials .carousel-control.right {
  right: 0px;
}

/*Testimonials v1*/
.testimonials.testimonials-v1 .item p {
  position: relative;
}

.testimonials.testimonials-v1 .item p:after,
.testimonials.testimonials-v1 .item p:before {
  left: 80px;
  bottom: -20px;
}

.testimonials.testimonials-v1 .item p:after {
  border-top: 22px solid; 
  border-left: 0 solid transparent;
  border-right: 22px solid transparent;
}

/*Testimonials v2*/
.testimonials.testimonials-v2 .testimonial-info {
  padding: 0 20px;
}

.testimonials.testimonials-v2 p {
  padding-bottom: 15px;
}

.testimonials.testimonials-v2 .carousel-arrow {
  top: -55px; 
}

.testimonials.testimonials-v2 .item p:after,
.testimonials.testimonials-v2 .item p:before {
  left: 8%;
  bottom: 45px;
}

.testimonials.testimonials-v2 .item p:after {
  border-top: 20px solid; 
  border-left: 25px solid transparent;
  border-right: 0px solid transparent;
}

/*General Testimonials v1/v2*/
.testimonials.testimonials-v1 p,
.testimonials.testimonials-v2 p {
  padding: 15px;
  font-size: 12px;
  font-style: italic; 
  line-height:20px;

  background-color:#ac2c81;
  color:#fff;
}

.testimonials.testimonials-v1 .item p:after,
.testimonials.testimonials-v2 .item p:after {
  width: 0; 
  height: 0;
  content: " ";
  display: block; 
  position: absolute; 
  border-top-color: #ac2c81;
  border-left-style: inset; /*FF fixes*/
  border-right-style: inset; /*FF fixes*/ 
}

/*Testimonials Backgrounds*/
.testimonials-bg-dark .item p,
.testimonials-bg-default .item p {
  color: #fff;
  font-weight: 200;
}

.testimonials-bg-dark .carousel-arrow i,
.testimonials-bg-default .carousel-arrow i {
  color: #fff;
}

/*Testimonials Default*/
.testimonials-bg-default .item p {
  background: #009fac;
}

.testimonials.testimonials-bg-default .item p:after,
.testimonials.testimonials-bg-default .item p:after {
  border-top-color: #009fac;
}

.testimonials-bg-default .carousel-arrow i {
  background: #009fac;
}

.testimonials.testimonials-bg-default .carousel-arrow i:hover {
  background: #5fb611;
}

/*Testimonials Dark*/
.testimonials-bg-dark .item p {
  background: #555;
}

.testimonials.testimonials-bg-dark .item p:after,
.testimonials.testimonials-bg-dark .item p:after {
  border-top-color: #555;
}

.testimonials-bg-dark .carousel-arrow i {
  color: #fff;
  background: #555;
}

.testimonials.testimonials-bg-dark .carousel-arrow i:hover {
  background: #333;
}

.testimonials.testimonials-bg-dark .testimonial-info {
  color: #555;
}


/* Services Section */
#services-section {

	color: #272727;
	padding-bottom:30px;
	padding-top:60px;
	
}

#services-section h2 {
	color: #000;
	text-transform: uppercase;
	font-family:Arial,sans-serif;
	font-size:24px;
	font-weight:normal;
}

.services-panel{


	background-color:#f9f9f9;
}



.services-section-p {
	color: #272727;
	font-family:Arial,sans-serif;
}
.services-section-p2 {
	color: #272727;
	font-family:Arial,sans-serif;
	line-height:24px;
	padding-bottom:10px;
}
.services-section-p3 {
	color: #272727;
	font-family:Arial,sans-serif;
	line-height:24px;
	padding-bottom:30px;
	text-align:left;
}

#services-section h3 {
	color: #272727;
	text-transform: none;
	font-family:Arial,sans-serif;
	text-align:left;
	font-size:14px;
	    letter-spacing:normal;
		text-align:center;
	
}

#services-section h4 {
	color: #272727;
	line-height:18px;
	font-size:14px;
	font-family:Arial,sans-serif;
		font-weight:bold;
}
.space {
	margin-top: 40px;
}
#services-section i.fa {
	
	background: #fff;
	
	color: #fff;
	transition: all 0.5s;

}
#services-section .service:hover>i.fa {
	background: #f1f1f1;
}

.services-block{
	
	  border-right: dashed 1px #000;
	  margin-top:20px;

	
	}
	
	.services-block2{
	
	  margin-top:20px;
	
	}
	
.folio-info h4{
	color: #fff;
	font-size:14px;
	}
	
	.folio-info h5{
	color: #fff;
	font-size:10px;
	line-height:24px;
	
	}
.clients-img{
	border-right: solid 1px #EDEDED;

	margin-bottom:20px;

	}
.breadcom-h2{
	text-align:left;
	font-size:32px;
	font-weight:bold;
	text-transform: uppercase;
	   letter-spacing: 1.5px;
	color:#dedede;

	 font-weight:bold;
	}
	
h2.hero-heading2 {
    font-size: 72px;
    letter-spacing: 5px;
	color:#000;
	text-align:center;
	 text-transform: uppercase;
	 font-weight:bold;
}

h6.hero-heading6 {
    font-size: 28px;
    letter-spacing: 5px;
	color:#000;
	text-align:center;
		 font-weight:bold;
 text-transform: uppercase;

}

h4.hero-heading {
    font-size: 32px;
    letter-spacing: 5px;
	color:#fff;
	text-align:center;
}

.projects-title{
	
	         position: absolute;
   
   bottom:0;
	
     font-family:Arial,sans-serif;
        font-size: 1.875rem;
    text-align: left;
     text-transform: capitalize;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    z-index: 100;
	padding:5px;
	padding-bottom:20px;
	padding-left:20px;

}
.image-mask {
   background: #000;
    width: 100%;
    position: absolute;
    height: 100%;
    opacity: 0.2;
    z-index: 98;
}






		.whatapp-f{
	position:fixed;
	width:50px;
	height:50px;
	bottom:10%;
	right:92px;
	background-color:#fff;
	color:#000;
	border-radius:50px;
	text-align:center;
  font-size:28px;
	padding-top:12px;
  z-index:100;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.whatapp-f a{ color:#000;}



.more-cleints{
	
	margin-top:30px;
	margin-bottom:30px;
	text-decoration:center;
	
}




/* folio-color-3 */

.folio-color-3 .overlay {
    height: 101%;
    width: 101%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 2;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-in-out;
    overflow: hidden;

	
}

.folio-color-3:hover .overlay {
    opacity: 1;
	
}

.folio-color-3 .overlay-content {
    opacity: 0;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-in-out;
	
}

.folio-color-3:hover .overlay-content {
    opacity: 1;

   
	      background-color: rgba(165, 165, 165, 0.9);
  
}

.folio-color-3:hover .overlay-content p {
	color: #777
}
/* folio-color-3 */




@media (max-width: 991px) {
    .menu-light.menu-transparent {
          background-color: rgba(80, 80, 80, 0.8) !important;
    }
}


.More-pro{
	
	color:#454545;
	font-size:32px;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	
}


.header h5 {
    font-size: 32px;
    letter-spacing: 1.5px;
	color:#454545;
}



.project-title {
 	padding-top:5px;
	text-align:left;
}

.project-title h1{
   color:#000;
   font-size:12px;
   line-height: 16px;
       text-transform: none;
	margin-top: 5px;
    margin-bottom: 5px;
	letter-spacing:0.5px;
	font-family: Arial, Helvetica, sans-serif;
}

.project-title p{
   color:#000;
   font-size:12px;
   line-height: 16px;
       text-transform: none;
    margin-bottom: 5px;
	letter-spacing:0.5px;
	font-family: Arial, Helvetica, sans-serif;
}
.project-title a{
     color:#000;
}

.project-title a:hover{
     color:#777;
}