/* ========================================================================== */
/* ========================================================================== */
							/* [Table of contents] */
/* ========================================================================== */
/* ========================================================================== */

/*	
	+ Global
		- Padding/Margin
		
	+ Fonts Settings
		- Poppins : font-family: 'Poppins', sans-serif;
		- Lato : font-family: 'Lato', sans-serif;

	+ Header

	+ Footer
	
	+ Page Header
	
	+ Section Header
	
	+ Pagination
	
	+ Responsive
		- min-width: 1200
		- min-width: 992
		- min-width: 768
		- max-width: 1200
		- min-width: 992 to max-width: 1199
		- max-width: 991
		- min-width: 768 to max-width: 991
		- max-width: 767
		- max-width: 639
		- max-width: 479
*/

/* ## Global */

body {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #000;
	overflow-x: hidden;
}
img {
    max-width: 100%;
	height: auto;
}
a {
    outline: 0 !important;
}
h1,h2,h3,h4,h5,h6,a,p {
	word-wrap: break-word;
}

/* + Fonts Settings */


/* - Padding/Margin */
.no-padding { 
	padding: 0; 
}
.no-left-padding{ 
	padding-left: 0; 
}
.no-right-padding { 
	padding-right: 0; 
}
.no-top-padding { 
	padding-top: 0; 
}
.no-bottom-padding { 
	padding-bottom: 0; 
}
.no-margin { 
	margin: 0; 
}
.no-left-margin { 
	margin-left: 0; 
}
.no-right-margin { 
	margin-right: 0; 
}
.no-top-margin { 
	padding-top: 0; 
}
.no-bottom-margin { 
	margin-bottom: 0; 
}

/* - OW pull-left/pull-right */
.ow-pull-left  { 
	float: left; 
}
.ow-pull-right { 
	float: right; 
}

/* -- Section Padding */
.section-padding {
	padding-top: 50px;
	padding-bottom: 50px;

}
.pt-10{padding-top:10px;}
.padding-10 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.padding-20 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.padding-30 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.padding-40 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.padding-50 {
	padding-top: 25px;
	padding-bottom: 25px;
}
.padding-60 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.padding-70 {
	padding-top: 35px;
	padding-bottom: 35px;
}
.padding-80 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.padding-90 {
	padding-top: 45px;
	padding-bottom: 45px;
}
.padding-100 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.main-container {
	width: 1920px;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	min-height: 1500px;
}

/* + Header */
.top-contact {
	list-style: none;
	display: inline;
	padding-right: 20px;
}
.top-contact a {
	color: #d7d7d7;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}
.top-header {
	background-color: #fff;
}
.top-header .container {
	position: relative;
}
.top-header .social-block ul {
	margin: 3px 0 0 0;
	/* float: right; */
}
.top-header .social-block ul li {
	display: inline-block;
	margin-right: 5px;
}
.top-header .social-block ul li:last-child {
	margin-right: 0;
}
.top-header .social-block ul li a {
	font-size: 10px;
	color: #fff;
	padding: 6px;
	transition: all 0.5s ease 0s;
	text-align: center;
	background: #515151;
}

.topicon {
	width: 15px;
}
.social-topicon:hover {
	border-radius: 50%;
	color: #00afef;
}
.top-header .social-block ul li a:hover {
	color: #fff;
	background: #efc101;
}
.top-header .logo-block > a {
	display: inline-block;
}
.top-header .login-n-switch {
	text-align: center;
	margin-top: 22px;
}
.top-header .login-n-switch > a,
.top-header .login-n-switch > div {
	display: inline-block;
	margin-left: 29px;
	vertical-align: middle;
	line-height: 46px;
}
.top-header .login-n-switch > a {
	color: #ff0000;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.16px;
	text-transform: uppercase;
	text-decoration: none;
}
.top-header .login-n-switch > a > span {
	text-transform: lowercase;
	color: #292b2c;
}
.top-header .login-n-switch > div > a {
	font-size: 26px;
	color: #292b2c;
	text-decoration: none;
	display:;
}
.top-header .login-n-switch > div.search > a {
	font-size: 22px;	
}
	.menu-switch a {
    display: none!important;
}
/* - Header Section 2 */
.header-section2 .top-header {
	background-color: #191919;
}
.header-section2 .top-header .cloud-text h4 {
	color: #fff;
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
	margin-top: 0;
	letter-spacing: 0.16px;
	vertical-align: middle;
	position: relative;
	padding-left: 60px;
	padding-right: 21px;
	text-transform: uppercase;
	border-right: 1px solid #00afef;
	margin-right: 20px;
}
.header-section2 .top-header .cloud-text h4 i {
	color: #00afef;
	font-size: 35px;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 25px;
}
.header-section2 .top-header .cloud-text h4 span {
	display: block;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.6px;
	text-transform: capitalize;
}
.header-section2 .top-header .cloud-text p {
	color: #00afef;
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	vertical-align: middle;
	margin-bottom: 0;
}
.header-section2 .top-header .social-block {
	margin-bottom: 4px;
	margin-top: 4px;
	text-align: right;
}
.header-section2 .top-header .social-block ul {
	margin: 0;
	display: inline-block;
}
.header-section2 .top-header .social-block ul li a {
	color: #fff;
	font-size: 16px;
}
.header-section2 .top-header .social-block ul li a:hover {
	color: #00afef;
}
.header-section2 .top-header .social-block > a {
	color: #00afef;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.16px;
	margin-left: 30px;
}
.midlde-header {
	padding: 20px 0;
}
.middle-colom {
	float: right;
}

.middle-icon {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #000;
	text-align: center;
	margin-top: 14px;
	line-height: 40px;
	font-size: 30px;
	padding-top: 9px;
	line-height: 50px;
	transition: 0.5s;
}
.midlde-header .middle-colom:hover .middle-icon {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #f2c301;
	text-align: center;
	margin-top: 14px;
	line-height: 50px;
	font-size: 30px;
	color: #f2c301;
}
.middle-colom ul {
	padding: 16px 0 0 60px;
	list-style: none;
}
.middle-colom ul li {
	font-weight: 600;
	color: #fbca00;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	line-height: 13px;
	padding-top: 5px;
}
.middle-colom span {
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	color: #777;
	font-weight: 500;
	text-transform: none;
}

/* - Search */
.search-box {
	background-color: #303030;
	padding: 15px;
	position: absolute;
	right: 15px;
	top: 100%;
	max-width: 100%;
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform-origin: 0 0 0;
	transition: all 0.4s ease-in-out 0s;
	z-index: 102;
}
.search-box.active {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	visibility: visible;
}
.search-box form {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
}
.search-box form input {
	background-color: transparent;
	box-shadow: none;
	border: none;
	border-radius: 0;
	color: #ccc;
	font-size: 16px;
	font-style: italic;
	height: auto;
}
.search-box form input:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	outline: none;
	border-color: #fff;
}
.search-box span {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}
.search-box span i {
	font-size: 15px;
	color: #f97b25;
	float: right;
	margin: 5px;
}

/* - SlidePanel */
#slidepanel { 
	display: block; 
}

#closeit,
#toggle,
#slideit {
	display: none;
}

/* + Section Header */
.section-header {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-bottom: 71px;
	position: relative;
	padding-top: 20px;
}

.section-header h6 {
	color: #333333;
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.18px;
	margin-top: 0;
}
.section-header h3 {
	color: #333333;
	font-family: 'Poppins', sans-serif;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 0.3px;
	margin-top: 0;
	text-transform: uppercase;
}

.section-header2 {
	margin-bottom: 30px;
	text-align: left;
}
.section-header2::before {
	left: 0;
	right: auto;
}
.section-header2 h3 {
	font-weight: 600;
}
.section-header2 h6 {
	text-transform: none;
	font-weight: 500;
}
.section-header3 {
	padding-top: 15px;
}
.section-header3 h3 {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 0;
}
.section-header3 h6 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 5px;
}

/* + Page Header */
.page-banner {
	background-image: url("images/page-banner.html");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 160px 0;
	text-align: center;
	position: relative;
	min-height: 388px;
	vertical-align: center;
	margin-bottom: 100px;
}
.page-banner::before {
	background-color: rgba(0,0,0,0.7);
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.page-banner .container {
	position: relative;
	vertical-align: center;
}
.page-banner .container > h3 {
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 34px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.36px;
	margin-top: 0;
	vertical-align: center;
}
.page-banner .breadcrumb {
	background-color: transparent;
	margin-bottom: 0;
	padding: 0;
	vertical-align: center;
}
.page-banner .breadcrumb > li  {
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.48px;
}
.page-banner .breadcrumb > li a {
	color: #fff;
	text-decoration: none;
}
.page-banner .breadcrumb > li + li::before {
	content: ">";
	font-family: 'Poppins', sans-serif;
	color: #fff;
}
.page-banner.contact-banner {
	background-image: url("images/contact-banner.html");
}

/* + Pagination */
.ow-pagination {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-bottom: 80px;
	margin-top: 21px;
}
.ow-pagination .pager {
	border: 3px solid #00afef;
	display: inline-block;
	margin-bottom: 0;
	margin-top: 0;
	width: auto;
	padding: 9px 25px;
}
.ow-pagination .pager li {
	margin: 0 5px;
	display: inline-block;
	vertical-align: middle;
}
.ow-pagination .pager li a {
	background-color: transparent;
	border: none;
	border-radius: 0;
	color: #000000;
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	letter-spacing: 0.54px;
	position: relative;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}
.ow-pagination .pager li a i {
	vertical-align: middle;
	margin-left: 10px;
}
.ow-pagination .pager li a:hover,
.ow-pagination .pager li a:hover {
	color: #00afef;
}
.ow-pagination2 {
	margin-top: 0;
}
.ow-pagination2 .pager {
	border: 2px solid #000000;
}

/* ========================================================================== */
/* ========================================================================== */
							/* [ + Responsive ] */
/* ========================================================================== */
/* ========================================================================== */




/* -- max-width: 991 */
@media (max-width: 991px) {
	/* + Header */
	.top-header {
		border-bottom: 1px solid rgba(68,68,68,0.3);
	}
	.top-header .logo-block,
	.top-header .login-n-switch > div.menu-switch	{
		display: none;
	}
	.top-header .login-n-switch > a, 
	.top-header .login-n-switch > div {
		margin-left: 25px;
	}
	.top-header .social-block ul,
	.top-header .login-n-switch {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.top-header .login-n-switch > a, 
	.top-header .login-n-switch > div {
		line-height: 21px;
	}
	
	/* - SlidePanel */
	#slidepanel { 
		display: none;
	}
	#slideit,
	#toggle {
		display: block;
		position: relative;
		z-index: 1;
	}
	#loginpanel {
		position: absolute;
		right: 90px;
		text-align: center;
		top: 12px;
	}	
	#slideit,
	#closeit {
		position: relative;
		color: #333;
		font-size: 24px;
		right: -35px;
		top: 14px;
	}
	#slideit:hover,
	#closeit:hover {
		color: #ffb215;
	}
	.mobile-hide {
		display: none;
	}
	
	/* + Page Header */
	.page-banner { 
		min-height: 155px;
		padding: 44px 0;
	}
}

/* -- min-width: 768 to max-width: 991 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.site-main .content-left {
		padding-right: 15px;
	}
	.site-main .content-right {
		padding-left: 15px;
	}
}

/* -- max-width: 767 */
@media (max-width: 767px) {	
	/* - Header Section 2 */
	.header-section2 .top-header .cloud-text,
	.header-section2 .top-header .social-block {
		text-align: center;
	}
	.header-section2 .top-header .cloud-text h4 {
		text-align: left;
	}
	.header-section2 .top-header .social-block { 
		margin-top: 15px;
	}
	/* - Search */
	.search-box {
		left: 15px;
	}

}

/* --  max-width: 639 */
@media (max-width: 639px) {
	/* + Header */
	.top-header .social-block,
	.top-header .login-n-switch {
		width: 100%;
	}
	.top-header .social-block, 
	.top-header .login-n-switch {
		text-align: center;
	}	
	
}

/* --  max-width: 479 */
@media (max-width: 479px) {
	/* - Header Section 2 */
	.header-section2 .top-header .social-block ul li {
		margin-right: 5px;
	}
	.header-section2 .top-header .social-block > a {
		margin-left: 15px;
	}
	
	/* - Ow Pagination */
	.ow-pagination .pager li {
		
	}
	
}

/* --------- about us section ----------*/
#about-company {
	background: #ffffff;
	padding: 80px 0 0 0;
}
.about-heading-title {
	margin-bottom: 35px;
}
.v-center {
	-moz-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-pack: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.about-heading-title h1 {
	font-family: "Poppins", sans-serif;
	margin-bottom: 4px;
	color: #01273a;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 28px;
	text-align: center;
}
.about-heading-title h1 {
	font-family: "Poppins", sans-serif;
	margin: 0px;
	color: #012f5d;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 28px;
}
.about-heading-title h1 span {
	color: #00afef;
}
.about-heading-title h1 span {
	color: #fbca00;
}
.bt_heading_3 .line_1 {
	background-color: #6d6d6d;
	height: 1px;
	vertical-align: middle;
	width: 65px;
	text-align: center;
	float: left;
	margin-left: 41%;
	margin-top: 4px;
	margin-right: 12px;
}
.bt_heading_3 .icon {
	color: #00afef;
	display: block;
	font-size: 7px;
	line-height: 5px;
	margin: 0 3px;
	vertical-align: middle;
	/* text-align: center; */
}
.bt_heading_3 .line_2 {
	background-color: #6d6d6d;
	height: 1px;
	vertical-align: middle;
	width: 60px;
	float: right;
	margin-right: 45%;
	margin-top: -4px;
}
p.inner-secon-tl {
	font-family: "Poppins", sans-serif;
	color: #696969;
	font-size: 14px;
	line-height: 27px;
	font-weight: 400;
	letter-spacing: 0.3px;
}
/*******************************  service block **************************************/
/* ---------  service icon ifact --------*/

.hi-icon {
	color:#ffffff;
	display: block;
	position: relative;
	text-align: center;
	z-index: 1
}
.hi-icon::after {
	border-radius: 50%;
	box-sizing: content-box;
	content: "";
	height: 100%;
	pointer-events: none;
	position: absolute;
	width: 100%
}
.categorie_item:hover .hi-icon-effect-8 .hi-icon {
	background: #fff;
	color: #00afef;
	cursor: pointer
}
.hi-icon-effect-8 .hi-icon::after {
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	left: 0;
	opacity: 0;
	padding: 0;
	top: 0;
	transform: scale(0.9);
	z-index: -1
}
.no-touch .hi-icon-effect-8 .hi-icon:hover {
	background: rgba(255,255,255,0.05) none repeat scroll 0 0;
	color: #fff;
	transform: scale(0.93)
}
.categorie_item:hover .hi-icon-effect-8 .hi-icon::after {
	animation: 1.3s ease-out 75ms normal none 1 running sonarEffect
}
@keyframes sonarEffect {
 0% {
opacity:.3
}
 40% {
box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #9a9a9a, 0 0 0 7px rgba(255,255,255,0.1);
opacity:.5
}
 100% {
box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #9a9a9a, 0 0 0 7px rgba(255,255,255,0.1);
opacity:0;
transform:scale(1.5)
}
 0% {
opacity:.3
}
 40% {
box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #9a9a9a, 0 0 0 7px rgba(255,255,255,0.1);
opacity:.5
}
 100% {
box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #9a9a9a, 0 0 0 7px rgba(255,255,255,0.1);
opacity:0;
transform:scale(1.5)
}
}
/*--------- service block -----------*/
#featured-service-block {
	background: #f2f2f2;
	padding: 50px 0 30px 0;
}
.service-item-fearured {
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 1px 14px 2px rgba(0, 0, 0, 0.05);
	padding: 30px 24px 20px;
	margin-bottom: 30px;
	border: 5px solid rgba(0, 0, 0, 0.02);
	border-radius: 6px;
}
.service-item-fearured:hover {
	background: #012f5d;
	border:5px solid rgba(0, 0, 0, 0.02);
	box-shadow: 0 3px 14px 3px rgba(0, 0, 0, 0.3);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: ease-out 1.0s;
	-moz-transition: ease-out 1.0s;
	-o-transition: ease-out 1.0s;
	transition: ease-out 1.0s;
	transition: all 1.0s ease-in-out 0;
}
.svt-spec-service-icon {
	margin-bottom: 25px;
}
.svt-spec-service-icon i {
	background: #00afef;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 40px;
	height: 90px;
	line-height: 92px;
	margin: 0 auto;
	text-align: center;
	width: 90px;
}
.service-item-fearured h3 {
	font-family: "Poppins", sans-serif;
	color: #fbca00;
	font-size: 21px;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
}
.service-item-fearured p {
	font-family: "Poppins", sans-serif;
	color: #012f5d;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	height: 122px;
}
.service-item-fearured:hover h3, .service-item-fearured:hover p {
	color: #ffffff;
}
.service-item-fearured:hover .hi-icon-effect-8 .hi-icon::after {
	animation: 1.3s ease-out 75ms normal none 2 running sonarEffect
}
/*--------------------------------------------------------------
#3.1	work-process
--------------------------------------------------------------*/
.work-process {
	background: #fff;
}

.work-process .section-title {
  position: relative;
}



.work-process .work-process-content {
	overflow: hidden;
	padding-top: 26px;
}

.work-process .work-process-content .tab-list {
	width: 100%;
	float: left;
	display: flex;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	margin-bottom: 21px;
}
.tab-left {
	border: 1px solid #d4d4d4;
	margin-top: 10px;
	background:#f2f2f2;
}

.section-title {
}


.section-title .sub-title {
	font-size: 18px;
	font-weight: 900;
	color: #012f5d;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 4px;
}



.section-title h2 {
	font-size: 40px;
	color: #272e33;
	padding-bottom: 0.5em;
	margin: 0 0 14px;
	position: relative;
	font-family: 'Poppins', sans-serif;
}





.section-title h2:after {
  content: "";
  background-color: #00afef;
  width: 45px;
  height: 6px;
  position: absolute;
  left: 0;
  bottom: 0;
  box-shadow: 0 2px 5px 0 #dedede;
}



.section-title p {
	margin: 0;
	font-size: 18px;
	color: #666666;
	font-family: 'Poppins', sans-serif;
}




.work-process .work-process-content .tab-content {
	width: 100%;
	float: right;
	padding-left: 10px;
	height: 335px;
}





.work-process .tab-list a {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	font-family: 'Poppins', sans-serif;
}





.work-process .tab-list .active a,
.work-process .tab-list a:hover {
  background-color: #fbca00;
}



.work-process .tab-content .tab-pane {
  overflow: hidden;
}

.work-process .tab-content .tab-pane .img-holder {
  width: 32%;
  float: left;
}



.work-process .tab-content .tab-pane .work-details {
  width: 64%;
  float: left;
}
.work-details p {
	font-family: "Poppins", sans-serif;
	color: #696969;
	font-size: 15px;
	font-weight: 400;
	text-align: justify;
}

.work-process .work-details h3 {
  font-size: 27px;
  font-size: 1.6875rem;
  margin: 0 0 0.57em;
  text-transform: capitalize;
}

.work-process .work-details h3 .fi:before {
  font-size: 30px;
  font-size: 1.875rem;
  color: #00afef;
  font-weight: normal;
}
/*=========/=========/=========/=========/=========/=========/=========
		            images zooming
	=========/=========/=========/=========/=========/=========/=========*/
  .tab-content img {
    -webkit-animation-name: opacity;
            animation-name: opacity;
    -webkit-animation-duration: .3s;
            animation-duration: .3s; }

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }


/*=========/=========/=========/=========/=========/=========/=========
		            TOP FOUR SERVICES
	=========/=========/=========/=========/=========/=========/=========*/
	
.heading{
color: #0a89db;
font-weight: 500;
font-family:"Poppins", sans-serif; text-align:center;}
.service-text {
	color: #008b43;
	font-size: 15px;
	padding-bottom: 0px;
	font-weight: 500;
	text-align: center;
}
.line-title {
	height: 5px;
	background-color: #0088cf;
	margin: 0 auto;
	width: 150px;
	line-height: 20px !important;
}
.title-arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 8px 0 8px;
	border-color: #0088ce transparent transparent transparent;
	margin: 0 auto;
}

.four-colom {
	padding: 50px 0 10px;
	background: #f2f2f2;
}
.services-grid {
	text-align:center;
}
.four-colom-services-text {
	padding: 10px 14px 9px;
	/* border: 2px solid #ddd; */
	position: relative;
	background: #fff;
	box-shadow: 0px 1px 19px -7px rgba(158, 153, 158, 1);
	height: 300px;
	margin-bottom: 30px;
}
.four-colom-services-text p {
	font-size: 15px;
	color: #000;
	font-weight: 600;
	padding: 0 20px;
}
.four-colom-services-text::before {
 content: '';
 width: 0%;
 border: 2px solid #FEFEFE;
 height: 100%;
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 -webkit-transition: .5s all;
 -moz-transition: .5s all;
 -o-transition: .5s all;
 -ms-transition: .5s all;
 transition: .5s all;
 box-shadow: 0px 1px 19px -7px rgba(158, 153, 158, 1);
}
.four-colom-services-img {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
	line-height: 65px;
	padding: 6px;
}
.four-colom-services-img i.fa {
	color: #0089cf;
	font-size: 70px;
	padding: .4em 0 0 0;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
	line-height: 35px;
}
.agileits-services-info h4 {
	color: #00afef;
	font-size: 21px;
	font-weight: 500;
	font-family: "Poppins", sans-serif;
	padding: 10px 0;
}
.services-grid:hover .four-colom-services-img {
	background: #0089cf;
}
.services-grid:hover .four-colom-services-img i.fa {
	color: #fff;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}
.services-grid:hover .four-colom-services-text::before {
 width: 100%;
 -webkit-transform: scale(1.1, 1.1);
 -ms-transform: scale(1.1, 1.1);
 -o-transform: scale(1.1, 1.1);
 -moz-transform: scale(1.1, 1.1);
 transform: scale(1.1, 1.1);
}
.services {
	padding: 5em 0;
}
.services-grid {
	margin-top: 15px;
}



/*** 

====================================================================
				Services Section
====================================================================

***/
.recharge-heading {
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	color: #056436;
	padding: 20px 0 30px;
}
.serice-setion {
	padding: 50px 0;
	background: #f2f2f2;
}
.service-box {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	perspective: 1000px;
	-webkit-perspective: 1000px;
}
.service-img {
	padding-top: 50px;
}
.service-icon {
	width: 100%;
	height: 400px;
	padding: 20px;
	text-align: center;
	transition: all .5s ease;
}
        .service-content{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            opacity: 0;
            width: 100%;
            height: 270px;
            padding: 20px;
            text-align: center;
            transition: all .5s ease;
            background-color: #e3e3e3;
            backface-visibility:hidden;
            transform-style: preserve-3d;
            -webkit-transform: translateY(110px) rotateX(-90deg);
            -moz-transform: translateY(110px) rotateX(-90deg);
            -ms-transform: translateY(110px) rotateX(-90deg);
            -o-transform: translateY(110px) rotateX(-90deg);
            transform: translateY(110px) rotateX(-90deg);
        }

  .service-box .service-icon .front-content {
	position: relative;
	top: 120px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

        .service-box .service-icon .front-content i {
            font-size: 28px;
            color: #fff;
            font-weight: normal;
        }

.service-box .service-icon .front-content h3 {
	font-size: 21px;
	color: #05a1da;
	text-align: center;
	margin-bottom: 18px;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
}   
.service-box .service-content h3 {
	font-size: 21px;
	color: #00afef;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
}
.tittle-p {
	color: #333;
	font-weight: 500;
	font-size: 17px;
	padding: 0 5px;
}
.read-title {
	font-weight: 600;
	color: #545454;
}
.service-box .service-content p {
	color: #333;
	font-weight: 500;
	font-size: 17px;
	padding: 0 5px;
}
.yellow {
	background-color: #f2f2f2;
}

        .service-box:hover .service-icon{
            opacity: 0;
            -webkit-transform: translateY(-110px) rotateX(90deg);
            -moz-transform: translateY(-110px) rotateX(90deg);
            -ms-transform: translateY(-110px) rotateX(90deg);
            -o-transform: translateY(-110px) rotateX(90deg);
            transform: translateY(-110px) rotateX(90deg);
        }
.service-box:hover .service-content {
	opacity: 1;
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
	height: 336px;
}
.claint-section {
	background: #f2f2f2;
	padding: 50px 0;
}
.user-blog {
    width: 48px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	font-size: 40px;
	margin-top: -4px;
	margin-left: 8px;
	position: absolute;
}
.claint-icon1 {
	color: #00afef;
}
		.claint-icon2{
		color: #fcb414;}
		.claint-icon3{
		color: #067e8d;}
		.claint-icon4{
		color: #949612;}
.counter{
    color: #00afef;
    font-family: "Poppins", sans-serif;
    text-align: center;
}
.counter svg{
    transition: all 1.5s ease 0s;
}
.counter:hover svg{
    transform: rotate(360deg);
}
.counter svg polygon {
	stroke: none;
	fill: #00afef;
}
.counter .counter-content {
	height: 145px;
	width: 145px;
	padding: 30px 5px;
	border-radius: 50%;
	box-shadow: 1px 5px 1px rgba(0, 0, 0, 0.4),3px 0 10px rgba(0,0,0,0.5);
	transform: translateX(-51%);
	position: absolute;
	left: 51%;
	top: 30px;
	z-index: 1;
}
.counter .counter-content::before {
	content: '';
	height: 92%;
	width: 92%;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(0,0,0,0.2) inset;
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	transition: all 0.3s ease 0s;
}
.counter .counter-value {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 5px;
	display: block;
	margin-left: 29px;
}
.counter h3 {
	color: #5c5c5c;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0 15px;
	margin: 0;
}
.counter.yellow polygon{ fill: url(#counter-bg2); }
.counter.yellow .counter-content{background: linear-gradient(to right,#FCB414,#E48A1A);}
.counter.yellow .counter-value{ color: #FCB414; }


.counter.blue polygon{ fill: url(#counter-bg3); }
.counter.blue .counter-content{background: linear-gradient(to right,#5DD3F8,#088597);}
.counter.blue .counter-value {color: #067C8D;}


.counter.green polygon{ fill: url(#counter-bg4); }
.counter.green .counter-content{background: linear-gradient(to right,#C5D03A,#88891E);}
.counter.green .counter-value{ color: #949612; }










/*======================================
22. FOOTER 
======================================*/

/*-------------------------------------
	1. footer fixed on bottom css
-------------------------------------*/
/*1.1 footer fixed with fullscreen view*/
.footer-fixed .site-footer { 
	position:fixed;
	width:100%;
	bottom:0;
}
.footer-fixed .page-content { 
	position:relative;
	z-index:1;
	background-color:#fff;
}



/*1.2 footer fixed with boxed view*/
.footer-fixed.boxed .site-footer { 
	margin:0 -600px;
	left:50%;
	max-width:1200px;
}
.footer-fixed.boxed .wt-footer-callout-wrap {
	overflow:hidden;
}

/*1.3 Constrot strip line*/
.constrot-strip {
	height: 3px;
	background-color: #fbca00;
	margin-bottom: 30px;
}

.site-footer .widget > .widget-title {
	text-transform:uppercase;
}

.site-footer p, .site-footer li {
	font-size: 13px;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	color: #fff;
	text-align: justify;
	padding-top: 10px;
}
.contact-detail a{color:#fff !important;}

.site-footer { 
	background-position:center;
	background-size:cover;
}



.site-footer .widget ul{
	list-style:none;
	margin-top:5px;
}

.footer-top { 
	padding:50px 0;
}

.widget-title {
	margin: 0 0 25px;
}
.widget-title, .widget-title-two, .widget-title-three {
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 30px;
}
.footer-li-icon {
	display: initial !important;
}
.footer-icon a {
	border: 1px solid #4a4c4c;
	padding: 5px 10px;
	color: #fff;
}

.widget-title::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 18px;
	height: 3px;
	margin: 0 0 0;
	width: 70px;
	margin: 10px 0;
	background-color: #fbca00;
}
.widget-title::before {
	content: "";
	position: absolute;
	bottom: -14px;
	left: 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 3px solid #2d3239;
	margin-bottom: 10px;
}

.p-tb20 {
	padding-bottom: 20px;
	padding-top: 20px;
}
.bdr-1 {
	border-width: 1px;
}

.input-group-addon, .input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
	display: table-cell;
}
.site-button, .site-button-secondry {
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	/* line-height: 1.42857; */
}
.site-button {
	background-color: #fbca00;
}
.site-button, .site-button-secondry {
	color: #fff;
	padding: 7px 14px;
	display: inline-block;
	font-size: 14px;
	outline: none;
	cursor: pointer;
	outline: none;
	border-width: 0;
	border-style: solid;
	border-color: transparent;
	/* line-height: 1.42857; */
	text-decoration: none !important;
}
.form-control {
	height: 37px !important;
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}



.icon-xld, .icon-xl, .icon-lg, .icon-md, .icon-sm, .icon-xs {
	text-align: center;
}







.p-lr10 {
	padding-left: 10px;
	padding-right: 10px;
}
.p-tb15 {
	padding-bottom: 15px;
	padding-top: 15px;
}
.bdr-gray-dark {
	border-color: #333333;
}
.bdr-1, .bdr-2, .bdr-3, .bdr-4, .bdr-5 {
	border-style: solid;
}
.bdr-1 {
	border-width: 1px;
}
.wt-icon-box-wraper {
	position: relative;
}
.contact-icon {
	float: left;
	margin-right: 30px;
	margin-left: 16px;
	color: #fff;
}
.contact-detail {
	padding: 0 !important;
	margin: 0;
}
.icon-content {
	overflow: hidden;
}


.contact-tittle {
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 0;
}
.socail-footer-icon {
	text-align: center;
	font-size: 45px;
	padding-top: 16px;
}



.footer-bottom {
	padding: 0px 0px 18px 0px;
	color: #787878;
	font-size: 13px;
}
.footer-bottom-left {
	display: ruby-text-container;
	font-size: 15px;
}
.footer-bottom .copyrights-text { 
	color:#787878; 
}
.footer-bottom .copyrights-nav { 
	list-style:none;
	display:inline-block;
}
.footer-bottom .copyrights-nav li { 
	display:inline-block;
	margin-left:8px;
	margin-right:8px;
}
.footer-bottom .copyrights-nav li:first-child { 
	margin-left:0;
}
.footer-bottom .copyrights-nav li:last-child { 
	margin-right:0;
}
.footer-bottom .copyrights-nav li:last-child:after { 
	display:none;
}
.footer-bottom .copyrights-nav li:after { 
	content:"/";
	position:relative;
	right:-8px;
}
.footer-bottom .copyrights-nav li a{ 
	color:#787878; 
}
.footer-bottom .copyrights-nav li a:hover,
.footer-bottom .copyrights-nav li a:active,
.footer-bottom .copyrights-nav li a:focus,
.footer-bottom .copyrights-nav li.active a{ 
	color:#FFBC13; 
}

/*-------------------------------------
	2. Footer dark version css
-------------------------------------*/
.footer-dark .footer-top  {
	 background-color:#1a1f27;	
}
.footer-dark .footer-bottom { 
	background-color:#10151e;  
}
.footer-dark .footer-top h1, 
.footer-dark .footer-top h2,
.footer-dark .footer-top h3, 
.footer-dark .footer-top h4, 
.footer-dark .footer-top h5, 
.footer-dark .footer-top h6,
.footer-dark .footer-top h1 a, 
.footer-dark .footer-top h2 a,
.footer-dark .footer-top h3 a, 
.footer-dark .footer-top h4 a, 
.footer-dark .footer-top h5 a, 
.footer-dark .footer-top h6 a { 
	color: #fff;
}
.fooler-link {
	color: #fff;
	transition: 0.5s;
}
.fooler-link:hover {
	color: #00afef;
	padding-left: 10px;
}
.footer-dark .footer-top .widget-title::before {
	 border-color:#fff;	
}


.footer-dark .footer-top p a{ 
	color: #3396d1;
}
.footer-dark .footer-top .widget_newsletter .form-control { 
	background-color:#12171f;
	border-color:#2d2d2d;
}

.footer-light .footer-top  {
	 background-color:#eee;	
}
.footer-light .footer-bottom { 
	background-color:#ddd;  
}

/*-------------------------------------
	3. Footer light version css
-------------------------------------*/





/*-------------------------------------
	4. widget li in footer
-------------------------------------*/
footer .widget_categories ul li, footer .widget_archive ul li, footer .widget_meta ul li, footer .widget_pages ul li, footer .widget_recent_comments ul li, footer .widget_nav_menu li, footer .widget_recent_entries ul li, footer .widget_services ul li {
	border-bottom: 1px dashed rgba(255, 255, 255, 0.8);
}


footer .widget_categories ul li:last-child,
footer .widget_archive ul li:last-child,
footer .widget_meta ul li:last-child,
footer .widget_pages ul li:last-child,
footer .widget_recent_comments ul li,
footer .widget_nav_menu li:last-child,
footer .widget_recent_entries ul li:last-child,
footer .widget_services ul li:last-child {
	border-bottom:none;
}
.copyright-company-tittle {
	color: #b0b0b0;
}
.copyright-company-tittle:hover {
	color: #fff;
}

/*-------------------------------------
	5. widget Getintuch
-------------------------------------*/
footer .widget_getintuch i {
	background-color:rgba(0,0,0,0.2);
	border:1px solid rgba(0,0,0,0.30);
}


.footer-bottom ul { 
	margin:0;
}
.wt-footer-bot-left,
.wt-footer-bot-right,
.wt-footer-bot-center {
	padding-left:15px;
	padding-right:15px;
}
.wt-footer-bot-left {
	float:left;
}
.wt-footer-bot-right {
	float:right;
}
.wt-footer-bot-center {
	float:right;
}



.technial_expert_list1 .headding {
    border-left: 2px solid #f93;
    padding-left: 10px;
}
.technial_expert_list1 h2 {
    margin-bottom: 0;
}
.technial_expert_list1 h3 {
	color: #f93;
	font-family: "Poppins", sans-serif;
	font-size: 35px;
	margin-bottom: 0;
	font-weight: 500;
}
.technial_expert_list1 .headding .sub_title {
	color: #fbca00;
	font-family: "Poppins", sans-serif;
	font-size: 17px;
	font-weight: 600;
}



.technial_expert_list .headding {
    border-left: 2px solid #f93;
    padding-left: 10px;
}
.technial_expert_list h2 {
    margin-bottom: 0;
}
.technial_expert_list h3 {
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 35px;
	margin-bottom: 0;
	font-weight: 500;
}
.technial_expert_list .headding .sub_title {
	color: #fbca00;
	font-family: "Poppins", sans-serif;
	font-size: 17px;
	font-weight: 600;
}

.php_serivces_bg {
	background: url(images/servic3es_bg.jpg) left top/cover no-repeat rgba(0, 0, 0, 0);
	padding: 40px 0;
	background-attachment: fixed;
	width: 100%;
	background-position: center;
}
.service-left {
	display: inline-table;
	background: #00afef;
	/* height: 100%; */
	min-height: 610px;
	border-radius: 16px;
}
.change_color {
    padding: 25px 0 30px;
}
.services_wrapper h2 {
    color: #fff;
}
.services_provider_wrapper {
	border: 1px solid #fff;
	float: left;
	border-radius: 16px;
	margin: 12px 0;
	min-height: 98px;
	width: 100%;
}
.services_provider_wrapper .img {
    float: left;
    margin-left: 5px;
    margin-top: 10px;
}
.services_provider_wrapper .cotnent {
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 17px;
	margin-left: 89px;
	margin-top: 26px;
	font-weight: 500;
}
.services_provider_wrapper:hover {
    background: #f7a13e;
}
.tab_content_wrapper {
	background: #fff;
	border-radius: 16px;
	display: none;
	min-height: 610px;
	text-align: center;
}
#myCarouselstack .nav a small, .first-class {
    display: block;
}
.tab_content_wrapper p {
	font-size: 15px;
	padding: 0 25px;
	text-align: justify;
	font-family: "Poppins", sans-serif;
	color: #696969;
}
.tab_content_wrapper h3 {
	color: #00b4ff;
	font-size: 27px;
	padding: 0 0 10px;
	text-align: center;
	font-family: "Poppins", sans-serif;
}
.infogrphic_imgage_tab {
	padding: 15px 0 0px;
	text-align: center;
}	
.infogrphic_imgage_tab img {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 10px;
}
.php-services-full .active {
    background: #e9bc04;
}

.orange:{#f93};

/* Our Skills */
.progress-wrap{position:relative;}.progress .color1,.progress .color1 .bar-width{background:#2d7da4;}.progress .color2,.progress .color2 .bar-width{background:#6aa42f;}.progress .color3,.progress .color3 .bar-width{background:#ffcc33;}.progress .color4,.progress .color4 .bar-width{background:#db3615;}.progress,.progress-bar{height:15px;line-height:15px;background:#e6e6e6;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0;overflow:visible;text-align:right;}.progress{margin-top: 10px;position:relative;}.progress .bar-width{position:absolute;width:40px;height:20px;line-height:20px;text-align:center;font-size:12px;font-weight:700;top:-30px;border-radius:2px;margin-left:-30px;}.progress span{position:relative;}.progress span:before{content:" ";position:absolute;width:auto;height:auto;border-width:8px 5px;border-style:solid;bottom:-15px;right:8px;}.progress .color1 span:before{border-color:#2d7da4 transparent transparent transparent;}.progress .color2 span:before{border-color:#6aa42f transparent transparent transparent;}.progress .color3 span:before{border-color:#ffcc33 transparent transparent transparent;}.progress .color4 span:before{border-color:#db3615 transparent transparent transparent;}

.team {
    background: #f5f5f5 url(../images/team-bg.jpg) center top no-repeat;
    background-size: cover;
    padding: 30px 0px 0px 0px;
}










@media only screen and (max-width: 479px) {
	


.services_provider_wrapper .cotnent {
    color: #fff;
    font-family: "Poppins", sans-serif;
   
    margin-left: 10px;
    margin-top: 10px;
    font-weight: 500;
	}
	.services_provider_wrapper .img {
    float: left;
    margin-left: 5px;
    margin-top: 10px;
    /* display: none; */
}


}