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

  Template Name: Pixal - Corporate Template CSS
  Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1.    Default CSS
    2.    Section Title
		  2.1 Section Title One
		  2.2 Section Title Two
		  2.3 Section Title Three
	3.    Hero Section
		  3.1 Hero Section One
		  3.2 Hero Section Two
		  3.3 Hero Section Three
	4.    Service Section
		  4.1 Service Section One
		  4.2 Service Section Two
		  4.3 Service Section Three
		  4.4 Service Section Four
		  4.5 Service Section Five
	5.    About Section
		  5.1 About Section One
		  5.2 About Section Two
		  5.3 About Section Three
		  5.4 About Section Four
	6.    Skill Section
	7.    Process Section
	8.    Portfolio Section
		  8.1 Portfolio Section One
		  8.2 Portfolio Section Two
		  8.3 Portfolio Details Section
	9.    Funfact Section
		  9.1 Funfact Section One
		  9.2 Funfact Section Two
	10.   Testimonial Section
		  10.1 Testimonial Section One
		  10.2 Testimonial Section Two
	11.   Feature Project Section
	12.   Mission Section
	13.   CTA Section
	14.   Pricing Section
	15.   Blog Section
		  15.1 Blog Section One
		  15.2 Blog Section Two
		  15.3 Blog Comment
		  15.4 Blog Sidebar
	16.   Team Section
		  16.1 Team Section One
		  16.2 Team Section Two
	17.   Client Section
	18.   Contact Section
		  18.1 Contact Section One
		  18.2 Contact Page
	19.   Footer Section
		  19.1 Footer Section One
		  19.2 Footer Section Two
		  19.3 Footer Section Three
	20.   Responsive CSS
	
-----------------------------------------------------------------------------------*/



/*-- 
    4.3 Service Section Three
----------------------------------*/
.contact_container{
	max-width:1170px;
	margin: 0 auto;
}

.co-service-section-3 {
 /* -webkit-box-shadow: 0 10px 24px rgba(19, 194, 254, 0.1);
  box-shadow: 0 10px 24px rgba(19, 194, 254, 0.1);*/
}

/*-- Single Service --*/
.co-single-service-3 {
  float: left;
  height: 387px;
  padding: 115px 30px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 31.3%;
/*  background-image: -webkit-gradient(linear, left top, left bottom, from(#0674ec), to(#06005a));
  background-image: -o-linear-gradient(top, #0674ec 0%, #06005a 100%);
  background-image: linear-gradient(to bottom, #0674ec 0%, #06005a 100%);*/	
  background:url(../images/bbg.png) no-repeat left bottom;
  background-size: cover; 
  margin: 1%;

}

.co-single-service-3 ul li{
	color: #003486;
	font-size: 18px;
	font-weight: 900;
}

.co-single-service-3 ul li:nth-child(2){
	font-size: 	14px;
}

.co-single-service-3 ul li:nth-child(3){
	font-size: 	16px;
}


.co-single-service-3 ul li a{
	color:#808080;
}

.co-single-service-3 ul li a:hover{
	color:#808080;
}


.co-single-service-3 + .co-single-service-3 {
  border-left: 1px solid #52ceff;
}
.co-single-service-3:hover {
/*background-image: -webkit-gradient(linear, left top, left bottom, from(#04bffe), to(#4481eb));
  background-image: -o-linear-gradient(top, #04bffe 0%, #4481eb 100%);
  background-image: linear-gradient(to bottom, #04bffe 0%, #4481eb 100%);*/
  background: #fff;	
  padding: 60px 30px;
  text-decoration: none;	
}
.co-single-service-3 .bg-0 {
    /* background-color: #EA0027; */
	background-image: linear-gradient(to right top, #52ceff, #00a5eb, #007cd3, #0052b4, #22248d);
    border: 3px solid #003486;
}
/*-- Service Icon --*/
.co-single-service-3 .icon {
 /* background-color: #ffffff;*/
  border-radius: 50%;
/*
  -webkit-box-shadow: 0 0 30px rgba(66, 66, 66, 0.1);
  box-shadow: 0 0 30px rgba(66, 66, 66, 0.1);
*/
  color: #fff;
  display: inline-block;
  height: 120px;
  margin-bottom: 34px;
  width: 150px;
/*  border: 5px solid #fff;*/
}
.co-single-service-3:hover .icon {
/*  -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.4);*/
/*  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.4);*/
}
.co-single-service-3 .icon i {
  display: block;
  font-size: 45px;
  line-height: 80px;
}

/*-- Service Content --*/
.co-single-service-3 .content {
  height: 32px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.co-single-service-3:hover .content {
  height: 142px;
}
.co-single-service-3 .content h3 {
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  margin: 0;
  color: #fff;
  font-weight: 600;	
}
.co-single-service-3:hover .content h3 {
  color: #4D4D4D;
  font-weight: 600;
}
.co-single-service-3 .content p {
  color: #fff;
  line-height: 29px;
  margin: 27px 0 0;
}

/* Tablet Layout */
@media (min-width: 768px) and (max-width: 991px) {
.co-single-service-3 {width:80% !important ; margin: 15px auto !important; float: none !important;}
}

@media (max-width: 767px) {
.co-single-service-3 {width:80% !important ; margin: 15px auto !important; float: none !important;}	
}