/* body{font-family: 'Roboto', sans-serif;} */
/* .tl-common-gap{padding:5% 0; margin-top: 10px; background#eaeaea;} */




/**** --------------------------------------------------------------
					feature-block-s4  Start
-------------------------------------------------------------- ****/

.tl-feature-block-s4 h3 { font-size: 18px;font-weight: 500;}
.tl-feature-block-s4 h5 {font-size: 13px;line-height: 18px;}
.tl-feature-block-s4 { text-align: center;}
.tl-we-do-icon i {color: #00bcd4; font-size:3em;}

 .tl-feature-block-s4, .tl-feature-block-s4 i {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	margin-bottom: 2%;
	padding: 2% 3%;
}
.tl-feature-block-s4:hover {
	background: rgba(0,188,212,0.5);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transform: scale(1.1);
}
 .tl-feature-block-s4:hover i {
	-webkit-transform: scale(0.5) rotateZ(-5deg);
	-moz-transform: scale(0.5) rotateZ(-5deg);
	-ms-transform: scale(0.5) rotateZ(-5deg);
	transform: scale(0.5) rotateZ(-5deg);
}
 .tl-feature-block-s4:hover i {
	background: rgba(0,188,212,0.5);
	color: #FFF;
}
.tl-feature-block-s4:hover h3, .tl-feature-block-s4:hover h5 {
	color: #FFF;
}
.feature-btn-s4 > a { margin-top: 1em; padding: 0.7em 1em;}
/**** --------------------------------------------------------------
					feature-block-s3  Start
-------------------------------------------------------------- ****/
.transition, .feature-blocks-btn-s3 .btn, .tl-feature-block-s2 i, .service-nopad, .service-nopad-btop, .tl-feature-block-s2 .btn, .tl-feature-block-s1 i, .tl-feature-block-s1 .btn   {-webkit-transition: all 500ms ease 0s; 
  -moz-transition: all 500ms ease 0s; 
  -ms-transition: all 500ms ease 0s; 
  transition: all 500ms ease 0s; }
  
  
.tl-feature-block-s3 { margin-bottom: 20px;}
.tl-feature-block-s3 i {background: #ffffff none repeat scroll 0 0;border: 3px solid #ffffff;
  -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
    -ms-border-radius: 100%;
		border-radius: 100%;
  -webkit-box-shadow: 0 0 0 5px #f2f2f2 inset !important;
	-moz-box-shadow: 0 0 0 5px #f2f2f2 inset !important;
		-ms-box-shadow: 0 0 0 5px #f2f2f2 inset !important;
			box-shadow: 0 0 0 5px #f2f2f2 inset !important;
  color: #00bcd4; float: left; font-size: 40px; height: 100px; line-height: 100px; margin: 0 25px 3px 0; text-align: center; 
  -webkit-transition: all 500ms ease 0s; 
  -moz-transition: all 500ms ease 0s; 
  -ms-transition: all 500ms ease 0s; 
  transition: all 500ms ease 0s; 
  width: 100px;
}
.tl-feature-block-s3 .feature-text-s3 { padding-left: 134px;}
.tl-feature-block-s3 h2 {color: #333;font-size: 18px; font-weight: 700; margin-top: 10px;}
.tl-feature-block-s3  .tl-feature-title-s3 { color: #333; display: block; font-size: 18px; font-weight: 700; text-decoration: none;}
.tl-feature-block-s3:hover i {background: #00BCD4;color: #fff;
	-webkit-box-shadow: inset 0 0 0 5px #00BCD4;
	 -moz-box-shadow: inset 0 0 0 5px #00BCD4;
	  -ms-box-shadow: inset 0 0 0 5px #00BCD4;
		box-shadow: inset 0 0 0 5px #00BCD4;
	border: 3px solid #00BCD4;
}
.feature-blocks-btn-s3 .btn { border: medium none transparent; border-radius: 0; }
.feature-blocks-btn-s3 > a { display: inline-block; margin-top: 20px; vertical-align: top; margin-top: 1em; padding: 0.7em 1em;}
.feature-blocks-btn-s3 .btn:hover {background: #000 none repeat scroll 0 0; }

@media only screen and (min-width: 768px) and (max-width:980px){
	.tl-feature-block-s3 i {float: inherit;}
	.tl-feature-block-s3 .feature-text-s3 {padding-left: 0;}
	.tl-feature-block-s3 {text-align: center;}
	
}
/**** --------------------------------------------------------------
					feature-block-s3  End
-------------------------------------------------------------- ****/
/**** --------------------------------------------------------------
					feature-block-s2  Start
-------------------------------------------------------------- ****/

.tl-feature-block-s2{text-align: center;}
.tl-feature-block-s2 i { border: 1px solid #e0e0e0; color: #00bcd4; font-size: 2.5em; height: 70px; line-height: 70px; padding: 0 10px; width: 70px;}
.tl-feature-block-s2 h3 { font-size: 16px; font-weight: 700;}
.tl-feature-block-s2 .btn { background: rgba(18, 170, 235, 0) none repeat scroll 0 0; border: 1px solid #d2d5d7; color: #7e7c7c; display: inline-block; margin: 10px 0; padding: 4px 10px;}
/* .service-nopad, .service-nopad-btop {border-right: 1px solid #e7e7e7; padding: 3%;}
.tl-no-border {border-right: medium none transparent!important;}
.service-nopad-btop {border-top: 1px solid #e7e7e7;} */
.tl-feature-block-s2 .btn:hover {background: #030303 none repeat scroll 0 0; border: 1px solid #0b0a0a; color: #fff; text-decoration: none;}
.service-nopad:hover, .service-nopad-btop:hover {background: #00BCD4 none repeat scroll 0 0;}
.service-nopad-btop:hover i, .service-nopad:hover i {
	background: #04687E none repeat scroll 0 0;
	border: 1px solid #05f8f8;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;

}
.service-nopad:hover i, .service-nopad:hover h3, .service-nopad:hover p, .service-nopad:hover .btn, .service-nopad-btop:hover i, .service-nopad-btop:hover h3, .service-nopad-btop:hover p, .service-nopad-btop:hover .btn  {color: #FFF;}
.tl-feature-block-s2 .btn:hover {background: #030303 none repeat scroll 0 0;border: 1px solid #0b0a0a;color: #fff;text-decoration: none;}
.feature-btn-s2 > a { margin-top: 1em; padding: 0.7em 1em;}
/**** --------------------------------------------------------------
					feature-block-s2  End
-------------------------------------------------------------- ****/
/**** --------------------------------------------------------------
					feature-block-s1  Start
-------------------------------------------------------------- ****/
.tl-feature-block-s1 {
  margin-left: -15px;
  margin-right: -15px;
  padding: 0 15px;
  text-align: center;
}
.tl-feature-block-s1 i {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  color: #00bcd4;
  font-size:2.5em;
  height: 70px;
  line-height: 70px;
  margin: 2%;
  transition: all 0.3s ease-in-out 0s;
  width: 70px;
}
.tl-feature-block-s1 h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3%;
}
.tl-feature-block-s1:hover i {
	background: #00bcd4;
	color: #fff;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
	-ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
	font-size: 3.5em;
}
.tl-feature-block-s1 .btn {border-radius: 0;}
.tl-feature-block-s1 .btn:hover {background:#00bcd4; color: #FFF; border: solid 1px #00bcd4;} 
.feature-btn-s1 > a { margin-top: 1em; padding: 0.7em 1em;}
/**** --------------------------------------------------------------
					feature-block-s1  End
-------------------------------------------------------------- ****/
/**** --------------------------------Call to action------------------------------ *****/
.tl-call-2action-1 {
 /*  background: rgba(0, 0, 0, 0) linear-gradient(135deg, #00bcd4 65%, #16aabc 65%) repeat scroll 0 0; */
  color: #ffffff;
  padding: 20px 0;
  text-align: center;
}
.tl-call-2action-1 h3 { font-size: 18px;
	font-weight: 500;
	line-height: 18px;
}
.tl-call-2action-1 a {
  /* background: #000 none repeat scroll 0 0;
  border: 1px solid #000;
  color: #fff;
  */
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  margin-left: 50px;
  margin-top: 10px;
  padding: 8px 16px;
}
.tl-call-2action-1.dark-1 .btn { color: #fff !important;}
/* .tl-call-2action-1.dark-1 .btn:hover {
background: #00bcd4 none repeat scroll 0 0;
border: 1px solid #00bcd4;
} */
.tl-call-2action-1.dark-1 .btn:hover {
  background: #00bcd4 none repeat scroll 0 0;
  border: 1px solid #000;
  color: #000 !important;
}
.tl-business-solutions-light.dark strong { color: #fff;}
/** call 2 action style-1 **/

.tl-business-solutions-light h2 { font-weight: 500;}
.tl-business-solutions-light p {color: #333;}
.tl-business-solutions-light strong {color: #00bcd4;}
.tl-business-solutions-light strong.white { color: #fff;}
.tl-business-solutions-light { text-align: center;}