/* *
 * Stylesheet:  style.css
 * Theme:       Phactorize | Factory & Industrial HTML5 Template
 * Version:     1.0
 * Author:     	Theme Earth

 * 
 */
/* Table of contents
=========================
1.Preloader
2.Scrollup
3.Header Section
4.Menu  Section
5.Slider Section
6.Section Title
7.Service Section
8.Message Section
9.Why Us Box Section
10.Latest Project Section
11.Faq Section
12.Testimonial Section
13.Blog Section
14.Sidebar Section
15.Patner Section 
16.Call To Action Section
17.Why Like Section
18.Page Heading Section
19.Service Sidebar
20.Service Details
21.Project Page
22.Project Details
23.Contact Page
24.Home 2 
25.Count Up Section 
Footer Section 
===========================*/

/*------------------*/
/*Theme default CSS
/*------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

html,
body {
	height: 100%;
	font-size: 16px;
	color: #282828;
	font-family: 'Rubik', sans-serif;
	vertical-align: baseline;
	line-height: 26px;
	background: #fff;
	font-weight: 400;
}

a:focus {
	outline: 0px solid;
}

img {
	max-width: 100%;
	height: auto;
}

p {
	margin: 0 0 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 20px;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	color: #033C7C;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

a {
	transition: all 0.5s ease-out;
	text-decoration: none;
	color: #033C7C
}

a:active,
a:hover {
	outline: 0 none;
	color: #033C7C;
	text-decoration: none
}

ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

::-moz-selection {
	background: #0090cb;
	text-shadow: none;
	color: #fff
}

::selection {
	background: #0090cb;
	text-shadow: none;
	color: #fff
}

textarea:focus,
input:focus {
	outline: none;
}

.slider-overlay {
	background-color: rgba(15, 25, 52, 0.65);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 1
}

.images-overlay {
	background-color: rgba(15, 25, 52, 0.80);
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;

}

.pt-100 {
	padding-top: 100px
}

.pb-100 {
	padding-bottom: 100px
}

.pb-70 {
	padding-bottom: 70px
}

.bg-color {
	background: #fbfbfb
}

.no-padding-left {
	padding-left: 0px
}

.no-padding-right {
	padding-right: 0px
}

.bg-gray {
	background: #f0f0f0
}

/*
1.Preloader
============================*/
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 9999999;
	right: 0;
	bottom: 0;
}

#preloader-status {
	height: 210px;
	width: 210px;
	background: url(../img/preloader.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
	position: absolute;
	left: 50%;
	top: 50%;
}

/*
2.Scrollup
==============*/
#scrollUp {
	background: #454647 none repeat scroll 0 0;
	border-radius: 100%;
	bottom: 5px;
	color: #fff;
	font-size: 16px;
	height: 40px;
	right: 20px;
	text-align: center;
	text-decoration: none;
	width: 40px;
}

#scrollUp:hover {
	opacity: 1;
	color: #fff !important;
	background: #c9c00;
}

#scrollUp i {
	display: block;
	font-weight: bold;
	padding-top: 11px;
}

/*
3.Header Section
==================*/
.header-area {
	position: relative;
}

.header-area::after {
	position: absolute;
	width: 36px;
	height: 100%;
	background: #454647;
	right: 0;
	content: "";
	top: 0
}

.header-top-one {
	background: #033C7C;
	overflow: hidden;
}

.header-left {
	padding: 10px 0;
}

.header-left ul {
	display: inline-block;
}

.header-left li {
	padding-right: 40px;
	position: relative;
	display: inline-block;
	color: #fff;
	position: relative;
}

.header-left li::before {
	content: "";
	height: 14px;
	width: 1px;
	background: #033C7C;
	position: absolute;
	right: 20px;
	top: 6px;
}

.header-left li:last-child:before {
	display: none;
}

.header-left li:last-child {
	padding-right: 0
}

.header-left li i {
	color: #fffff;
	margin-right: 6px;
}

.header-right-div {
	text-align: right;
	position: relative;
	z-index: 1;
	padding: 10px 0;
}

.header-right-div::before {
	background: #454647 none repeat scroll 0 0;
	content: " ";
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform: skewX(-48deg);
	width: 2000px;
	z-index: -1;
}

.soical-profile ul,
.soical-profile li {
	display: inline-block;
	padding: 0px 10px 0px 0px;
}

.soical-profile li a i {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	display: inline-block;
	color: #fff;
}

.soical-profile li a i:hover {
	background: #033C7C;
	color: #fff;
}

/*Header Top*/
.header-top {
	padding: 14px 0;
}

.contact-intro {
	text-align: right;
}

.info-intro {
	display: inline-block;
}

.info-text h5 {
	font-size: 16px;
	margin-bottom: 0;
	text-align: left;
	text-transform: capitalize;
}

.info-icon {
	display: inline-block;
	float: left;
}

.info-text {
	padding-left: 40px;
}

.info-text a,
.info-text span {
	font-size: 14px;
	color: #8d8d8d;
	text-transform: capitalize;
}

.social-profile {
	text-align: right;
}

.follow-title {
	display: inline-block;
	color: #033C7C;
	font-weight: 600;
}

.social-profile li {
	display: inline-block;
	position: relative;
}

.social-profile li a {
	display: inline-block;
	color: #777777;
	text-transform: capitalize;
	font-weight: 600;
	margin-left: 5px;
}

.social-profile ul {
	display: inline-block;
	margin-left: 10px;
}

/*
4.Menu  Section
=================*/
.social-title {
	display: inline-block;
	color: #322f2f;
	font-weight: 500;
}

.menu-center {
	text-align: right;
}

.menu {
	display: inline-block;
	position: relative;
	float: center;
}

.main-menu {
	display: inline-block;
	text-align: left;
	margin-right: 40px;
}

.nav-menu-area {
	padding-left: 0px;
	text-align: right;
}

.main-menu ul {
	margin: 0;
	padding: 0;
	position: relative;
}

.main-menu ul li {
	display: inline-block;
	padding: 0;
	position: relative;
}

.main-menu ul li.active>a {
	color: #454647;
}

.main-menu ul li.active a:hover {
	color: #454647;
}

.main-menu ul li.active {
	position: relative
}

.main-menu ul li a {
	display: block;
	font-size: 16px;
	padding: 26px 14px;
	text-decoration: none;
	text-transform: capitalize;
	transition: all 0.4s ease 0s;
	position: relative;
	font-weight: 600;
}

.main-menu ul li ul:hover .main-menu ul li a {
	background: #fafafa;
	color: #454647;
}

.main-menu ul li a:hover {
	transition: all 0.4s 0s ease;
	color: #454647
}

.main-menu ul ul {
	background: #033C7C none repeat scroll 0 0;
	opacity: 0;
	position: absolute;
	text-align: left;
	top: 140px;
	transition: all 0.4s ease 0s;
	visibility: hidden;
	z-index: 99999;
	transition: all 0.3s ease 0s;
}

.main-menu ul ul li {
	float: none;
	width: 240px;
}

.main-menu ul ul li ul {
	visibility: hidden !important;
}

.main-menu ul ul li i {
	float: right;
}

.main-menu ul ul li:hover ul {
	visibility: visible !important;
	top: -1px;
	transition: all 0.3s ease 0s;
	opacity: 1;
}

.main-menu ul ul li a {
	line-height: 120%;
	padding: 10px 20px;
	color: #ddd;
	border-bottom: 1px solid #193044;
}

.main-menu ul ul li:last-child a {
	border-bottom: 0px;
}

.main-menu ul ul li a:hover {
	color: #fff !important;
	background: #454647;
}

.main-menu ul ul ul {
	left: 100%;
	transition: all 0.3s ease 0s;
	opacity: 0;
}

.main-menu ul li:hover ul {
	visibility: visible;
	transition: all 0.4s ease 0s;
	opacity: 1;
	top: 77px;
}

.main-menu ul li a i {
	margin-left: 6px;
}

.search-bar-icon {
	display: inline-block;
	padding: 26px 0px;
	position: absolute;
	right: 0;
	top: 0;
}

.site-search span {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 100%;
	cursor: pointer;
	transition: all 0.4s ease 0s;
	background: #454647;
}

.site-search.open span i.fa-search::before {
	content: "\f00d" !important;
}

.site-search i {
	color: #fff;
}

.search-forum>form {
	display: inline-flex;
	background: #fff;
	padding: 18px 20px;
	border-top: 2px solid #454647;
}

.search-forum input[type="text"] {
	padding: 10px;
	border: 1px solid #ddd;
}

.search-forum input[type="submit"] {
	padding: 10px;
	background: #22253a;
	color: #fff;
}

.search-forum {
	left: -240px;
	position: absolute;
	top: 76px;
	transition: all 0.4s ease 0s;
	z-index: 2;
}

.search-forum.dropdown-menu {
	padding: 0;
	border: 0px;
}

.animation {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes slideUpIn {
	0% {

		-webkit-transform: translateY(40px);
	}

	100% {

		-webkit-transform: translateY(0);
	}

	0% {
		-webkit-transform: translateY(40px);
	}
}

@keyframes slideUpIn {
	0% {
		transform: translateY(40px);
	}

	100% {
		transform: translateY(0);
	}

	0% {
		transform: translateY(40px);
	}
}

.slideUpIn {
	-webkit-animation-name: slideUpIn;
	animation-name: slideUpIn;
}

.hd-sec.sticky_menu {
	left: 0;
	right: 0;
	top: 0;
	position: fixed;
	z-index: 9999;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
	background: #fff;
}

.download-button-area {
	text-align: right;
	padding-left: 0px;
}

.download-button {
	position: relative;
	z-index: 2;
	padding: 12px 0;
	display: inline-block;
	text-align: right;
}

.download-button a {
	padding: 9px 26px;
	display: inline-block;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 16px;
	margin-top: 4px;
	background: #454647;
	width: 100%;
	text-align: center;
	color: #fff;
	border-radius: 10px;
}

.download-button a:hover {
	background: #033C7C;
	color: #fff;
	border-color: #033C7C;
}

.cart-button {
	display: inline-block;
	background-image: url('../img/icon/shoping-bag.png');
	background-repeat: no-repeat;
	padding: 26px 0;
	background-position: center;
	position: absolute;
	right: -30px;
	top: 0;
	z-index: 9;
}

.cart-product {
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 100%;
	font-size: 12px;
	text-align: center;
	position: relative;
	top: -16px;
	font-weight: 600;
	right: -12px;
	background: #454647;
}

.phone-layout-logo {
	display: none;
}

/*
5.Slider Section
======================*/
.all-slide .owl-item {
	height: 650px;
}

.all-slide .single-slide {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
}

.slider-wrapper {
	width: 1170px;
	padding: 15px 15px;
	margin: 0px auto;
	height: 100%;
}

.slider-text {
	left: 0;
	position: relative;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	text-align: center;

}

.slider-caption {
	width: 767px;
	margin: 0px auto;
	text-align: left;
}

.slider-caption span.subtitle {
	color: #ffffff;
	font-size: 24px;
	text-transform: capitalize;
}

.slider-text ul {
	margin-top: 20px;
}

.slider-text h1 {
	color: #fff;
	font-size: 52px;
	text-transform: capitalize;
	line-height: 74px;
	margin-bottom: 10px;
	font-weight: 800;
}

.slider-text h1>span {
	color: #454647;
}

.slider-text p {
	color: #fff;
}

.slider-text li {
	display: inline-block;
}

.slider-text li a {
	background: #454647;
	color: #fff;
	display: inline-block;
	padding: 10px 26px;
	text-transform: capitalize;
	margin-right: 14px;
	position: relative;
	z-index: 5;
	font-weight: 600;
	position: related;
	transition: all 0.4s ease 0s;
	border: 1px solid #454647;
	border-radius: 10px;
}

.slider-text li a:hover {
	background: transparent;
	transition: all 0.4s ease 0s;
	border-color: #454647;
}

.slider-text li:last-child a {
	background: transparent;
	color: #fff;
	border-color: #fff;
}

.slider-text li:last-child a:hover {
	background: transparent;
	transition: all 0.4s ease 0s;
	border: 1px solid #fff;
}

.all-slide .owl-controls {
	position: absolute;
	top: 45%;
	width: 100%;
	z-index: 99;
	transform: translateY(-50%);
	opacity: 0;
	transition: all 0.4s ease 0s;
}

.all-slide .owl-controls .owl-buttons div {
	background: none;
	opacity: 1.00;
}

.all-slide .owl-controls .owl-prev {
	left: 20px;
	position: absolute;
	transition: all 0.4s ease 0s;
}

.all-slide:hover .owl-prev {
	transition: all 0.4s ease 0s;
}

.all-slide .owl-controls .owl-next {
	right: 20px;
	position: absolute;
	transition: all 0.4s ease 0s;
}

.all-slide:hover .owl-controls {
	opacity: 1;
	transition: all 0.4s ease 0s;
}

.all-slide:hover .owl-next {
	transition: all 0.4s ease 0s;
}

.all-slide .owl-controls .owl-prev i,
.all-slide .owl-controls .owl-next i {
	background: #454647;
	color: #fff;
	font-size: 30px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	transition: all 0.5s ease-out 0s;
	width: 60px;
	font-weight: normal;
	border-radius: 100%;
}

.all-slide .owl-controls .owl-next i:hover {
	transition: all 0.5s ease-out 0s;
	background: #454647;
	color: #fff;
	border-color: #454647;
}

.all-slide .owl-controls .owl-prev i:hover {
	transition: all 0.5s ease-out 0s;
	background: #454647;
	color: #fff;
	border-color: #454647;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}


/*
6.Section Title
=================*/
.sec-title {
	text-align: center;
	margin: 0 250px 50px 250px;
}

.sec-title h1 {
	font-size: 36px;
	text-transform: capitalize;
	color: #033C7C;
	font-weight: bold;
}

.sec-title p {
	margin-bottom: 0;
	font-size: 22px;
	margin-top: 20px;
	line-height: 30px;
}

.border-bottom {
	width: 50px;
	height: 4px;
	background: #454647;
	margin: 0px auto;
}

/*
7.Service Section
=================*/
.service-sec {
	background-color: #033C7C;
	background-image: url("../img/service_bg.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
	margin-top: 0px;
}

.service-sec-overlay {
	background-color: rgba(15, 25, 52, 0.90);
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.sec-title.white-color h1 {
	color: #fff;
}

.sec-title.white-color p {
	color: #ddd;
}

.single-service-inner {
	margin-bottom: 50px;
	transition: all 0.4s ease 0s;
	background: #c7c0c0;
	text-align: center;
	border-bottom: 3px solid #fff;

}

.single-service-inner:hover {
	border-color: #454647;
	transition: all 0.4s ease 0s;

}

.service-title-inner {
	padding: 30px 0;
}

.service-icon {
	width: 55px;
	height: 55px;
	background: #454647;
	text-align: center;
	line-height: 55px;
	border-radius: 100%;
}

.service-title h2 {
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 5px;
	font-weight: 600;
}

.service-title span {
	color: #454647;
	text-transform: capitalize;
}

.service-thumb::before {
	position: absolute;
	content: "";
	/* background-color: rgba(252, 85, 8, 0.85); */
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	transition: all 0.4s ease 0s;
}

.single-service-inner:hover .service-thumb::before {
	width: 100%;
	transition: all 0.4s ease 0s;
}

.single-service-inner:hover .readmore-button {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s ease 0s;
}

.readmore-button {
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	z-index: 4;
	visibility: hidden;
	opacity: 0;
}

.readmore-button a {
	background: #fff;
	color: #454647;
	display: inline-block;
	padding: 10px 26px;
	text-transform: capitalize;
	margin: 0px 10px;
	position: relative;
	z-index: 5;
	font-weight: 600;
	position: related;
	transition: all 0.4s ease 0s;
	border-radius: 10px;
}

.readmore-button a::before {
	content: "\f178";
	font-family: fontawesome;
	float: right;
	top: 0px;
	position: relative;
	color: #454647;
	padding-left: 10px;
	transition: all 0.4s ease 0s;
	margin-left: 10px;
}

/*
8.Message Section
==========================*/
.message-sec {
	background: #011e40 none repeat scroll 0 0;
	padding: 115px 0;
	background-image: url(../img/call-to-action.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
	overflow: hidden;
	top: 50px;
}

.message-overlay {
	background-color: rgba(15, 25, 52, 0.90);
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.message-desc {
	margin: 0px 132px;
	text-align: center;
}

.message-title {
	color: #fff;
	text-transform: capitalize;
	font-size: 35px;
	font-weight: 600;
	line-height: 50px;
}

.message-subtitle {
	font-size: 20px;
	color: #fff;
	margin-bottom: 0;
	font-weight: normal;
	margin: 0px 160px;
	display: inline-block;
	line-height: 30px;
}

.message-subtitle span {
	color: #454647;
	font-weight: 600;
}

/*
9.Why Us Box Section
==========================*/
.why-us-box h1 {
	font-size: 34px;
	color: #033C7C;
	text-transform: capitalize;
	font-weight: 800;
	line-height: 49px;
}

.why-us-box-item {
	margin: 10px 0;
}

.why-us-box-icon i {
	color: #454647;
	;
	font-size: 24px;
}

.why-us-box-text {
	text-transform: capitalize;
}

.why-us-item-img {
	margin-bottom: 30px;
}

.why-us-item-desc h2 {
	font-size: 22px;
	text-transform: capitalize;
}

.why-us-readmore {
	padding: 9px 26px;
	border: 1px solid #454647;
	background: #454647;
	color: #fff;
	border-radius: 10px;
}

.why-us-item:hover .why-us-readmore {
	background: transparent;
	color: #454647
}

.why-us-box {
	margin-bottom: 30px;
}

.why-us-item {
	margin-bottom: 30px;
}

.why-us-subtitle,
.faq-subtitle {
	font-weight: bold;
	color: #454647;
	text-transform: capitalize;
}

/*
10.Latest Project Section
==========================*/
.latest-project-sec {
	background: #011e40 none repeat scroll 0 0;
	padding-top: 100px;
	position: relative;
	overflow: hidden;
	padding-bottom: 130px;
	background-image: url("../img/service_bg.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
}

.latest-project-overlay {
	background-color: rgba(15, 25, 52, 0.90);
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.latest-project-shape {
	width: 34px;
	height: 100%;
	background: #fff;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	margin: 0px auto;
	transform: skew(53deg);
}

.latest-project-sec .sec-title h1 {
	color: #fff;
}

.all-project {
	padding-bottom: 30px;
}

.single-project-item {
	display: inline-block;
}

.single-project {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.single-project-item:hover .project-overlay {
	bottom: 0px;
	transition: all 0.4s ease 0s;
}

.single-project-item.slick-center .project-overlay {
	bottom: 0px;
	transition: all 0.4s ease 0s;
}

.project-overlay {
	position: absolute;
	bottom: -100%;
	height: 100%;
	width: 100%;
	background-color: rgba(252, 85, 8, 0.85);
	transition: all 0.4s ease 0s;
}

.project-overlay::before {
	position: absolute;
	content: "";
	width: 85%;
	height: 85%;
	border: 1px solid #fff;
	left: 0;
	right: 0;
	margin: 0px auto;
	transform: translateY(-50%);
	top: 50%;
}

.project-desc {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0px auto;
	text-align: center;
	width: 100%;
}

.project-desc h2 a {
	color: #fff;
	font-weight: 600;
	font-size: 22px;
	text-transform: capitalize;
}

.project-desc span {
	color: #282828;
	text-transform: capitalize;
}

.slick-prev.pull-left.slick-arrow {
	border: 1px solid #033C7C;
	color: #033C7C;
	width: 40px;
	height: 40px;
	font-size: 28px;
}

.slick-prev.pull-left.slick-arrow {
	position: absolute;
	bottom: -50px;
	right: 50%;
	margin-right: 10px;
}

.slick-next.pull-right.slick-arrow {
	position: absolute;
	bottom: -50px;
	left: 50%;
	margin-left: 10px;
}

.slick-prev.pull-left.slick-arrow:hover,
.slick-next.pull-right.slick-arrow:hover {
	border-color: #454647;
	background: #454647;
}

.slick-prev.pull-left.slick-arrow,
.slick-next.pull-right.slick-arrow {
	border: 1px solid #033C7C;
	color: #033C7C;
	width: 40px;
	height: 40px;
	font-size: 28px;
	border-radius: 100%;
}

/*
11.Faq Section
==================*/
.faq-sec {
	margin-bottom: 30px;
}

.faq-title {
	font-size: 36px;
	text-transform: capitalize;
	font-weight: bold;
	margin-bottom: 40px;
	line-height: 52px;
}

.faq-sec .panel-title {
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 600px;
}

.faq-sec .panel-content {
	padding: 20px 20px 20px 20px;
}

.faq-img {
	display: inline-block;
	width: 100%;
}

.faq-img img {
	width: 100%;
}

.faq-sec .panel-heading {
	margin-bottom: 0px;
	padding: 12px 20px;
	background: #fafafa;
}

.faq-sec .panel {
	border: none;
	-webkit-box-shadow: 0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
	margin-bottom: 15px;

}

.faq-sec .panel-heading a {
	color: #033C7C;
	display: inline-block;
	font-size: 18px;
	width: 100%;
	font-weight: 600;
}

.faq-sec .panel-title a:before {
	float: right !important;
	font-family: FontAwesome;
	content: "\f068";
	color: #033C7C;
	font-weight: normal
}

.faq-sec .panel-title a.collapsed:before {
	float: right !important;
	content: "\f067";
	color: #033C7C;
	font-weight: normal
}

.faq-sec .panel-title>a:hover,
.faq-sec .panel-title>a:active,
.faq-sec .panel-title>a:focus {
	text-decoration: none;
	color: #033C7C;
}

.faq-single {
	margin-bottom: 20px;
}

.faq-single .icon {
	width: 60px;
	height: 60px;
	margin-right: 10px;
	background: #fab909;
	text-align: center;
	line-height: 60px;
	color: #011e40;
}

.faq-single .media-body h2 {
	font-size: 20px;
	margin-bottom: 10px;
	text-transform: capitalize;
}

/*Video Inner CSS*/
.company-video-intro {
	margin-bottom: 30px;
}

.vedio-inner {
	position: relative;
	margin-bottom: 40px;
	overflow: hidden;
}

.vedio-overly {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(15, 38, 58, 0.80);
}

.vedio-overly::before {
	position: absolute;
	content: "";
	width: 85%;
	height: 85%;
	border: 1px solid #454647;
	left: 0;
	right: 0;
	margin: 0px auto;
	transform: translateY(-50%);
	top: 50%;
}

.vedio-button {
	text-align: center;
	transform: translateY(-50%);
	top: 50%;
	position: relative;
}

.vedio-inner img {
	width: 100%;
}

.vedio-button {
	position: relative;
	width: 60px;
	height: 60px;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	border-radius: 50%;
	background-color: transparent;
	background-image: url('../img/icon/play_button.png');
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	margin: 0px auto;
}

.vedio-button a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.vedio-button:hover {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	animation: none;
}

@-webkit-keyframes pulse {
	to {
		box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
	}
}

@-moz-keyframes pulse {
	to {
		box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
	}
}

@-ms-keyframes pulse {
	to {
		box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
	}
}

@keyframes pulse {
	to {
		box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
	}
}

.company-video-intro h2 {
	font-size: 22px;
	font-weight: 800;
	line-height: 32px;
}

.call-us {
	font-size: 24px;
	color: #033C7C;
	font-weight: bold;
	text-transform: capitalize;
}

.call-us span {
	color: #454647;
}

/*
12.Testimonial Section
=========================*/
.testimonial-sec {
	background: #033C7C none repeat scroll 0 0;
	padding: 115px 0;
	background-image: url(../img/testimonial-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.testimonial-shape {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 9;
	transform: skew(37deg);
	left: 0;
	border-left: 10px solid #454647;
	border-right: 10px solid #454647;
}

.testimonial-overlay {
	background-color: rgba(15, 25, 52, 0.90);
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.all-testimonial.owl-carousel .owl-item img {
	border-radius: 100%;
}

.all-testimonial .owl-controls {
	bottom: -10px;
	position: absolute;
	text-align: center;
	width: 100%;
}

.all-testimonial .owl-controls .owl-buttons div {
	background: none;
	opacity: 1
}

.client-thumb {
	border-radius: 100%;
	height: 100px;
	margin-right: 50px;
	width: 100px;
}

.sngl-client {
	border: 1px solid #fafafa;
	margin-bottom: 30px;
	text-align: center;
	margin: 5px;
}

.all-testimonial {
	text-align: center;
	padding-bottom: 20px;
	z-index: 9;
}

.single-testimonial {
	display: inline-flex;
	padding: 10px 0px;
	margin: 0px auto;
	position: relative;
	text-align: center;
}

.client-comment p {
	margin-bottom: 0px;
	color: #fff;
	font-size: 18px;
	font-style: italic;
}

.all-testimonial.owl-carousel .owl-item .client-signature img {
	margin-bottom: 20px;
	width: auto;
	height: auto
}

.client-comment h2 {
	font-size: 22px;
	margin-bottom: 10px;
	text-transform: capitalize;
	font-weight: bold;
	color: #fff;
}

.client-comment h3 {
	color: #454647;
	text-transform: capitalize;
	font-size: 16px;
	margin-bottom: 16px;
	display: inline-block;
	font-weight: 600;
}

.client-thumb {
	margin: 0px auto;
	text-align: center;
	margin-bottom: 30px;
	position: relative;
}

.client-comment {
	margin: 0px auto;
}

.client-comment>ul {
	padding-bottom: 15px;
}

.client-comment li {
	display: inline-block;
}

.client-comment li a {
	border: 2px solid #2a4d75;
	border-radius: 100%;
	color: #2a4d75;
	display: inline-block;
	height: 30px;
	line-height: 26px;
	width: 30px;
	margin: 0px 5px;
}

.client-comment li a:hover {
	background: #2a4d75;
	transition: all 0.4s ease-in-out 0s;
	color: #fff
}

.client-sec .owl-controls {
	display: none;
}

.all-testimonial.owl-carousel.owl-theme .owl-dot {
	display: inline-block;
	height: 3px;
	margin: 0 5px;
	width: 10px;
	position: relative;
	background: #fff;
}

.all-testimonial.owl-carousel.owl-theme .owl-dot.active span {
	background: #454647 none repeat scroll 0 0;
	width: 15px;
	height: 3px;
	display: inline-block;
	position: absolute;
	left: 0;
}

/*
13.Blog Section
==================*/
.blog-sec {
	background: #fafafa;
}

.blog-page-sec .single-post {
	border-bottom: 0;
}

.single-post-thumb img {
	width: 100%;
}

.blog-sec .col-md-6.col-sm-6:nth-child(2n+1) {
	clear: both;
}

.single-post {
	display: inline-block;
	margin-bottom: 30px;
	width: 100%;
}

.single-blog.inner .single-post {
	margin-bottom: 10px;
}

.blog-detail-page .single-post-text {
	padding: 0;
	margin-top: 25px;
}

.single-blog.inner .single-post img {
	margin-bottom: 25px;
}

.single-blog.inner {
	margin-bottom: 40px;
}

.single-post-thumb {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

.post-meta {
	display: inline-block;
	width: 70px;
	transition: all 0.5s ease-out;
}

.single-post:hover .post-month {
	margin-left: 0px;
	transition: all 0.5s ease-out;
}

.post-meta span {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 22px;
	padding: 4px 0;
	color: #fff;
}

.post-meta span:first-child {
	padding: 10px 0;
}

.post-date {
	background: #033C7C;
	color: #fff;
}

.post-month {
	background: #454647;
	color: #033C7C;
	text-transform: capitalize;
	margin-left: 70px;
	transition: all 0.5s ease-out;

}

.post-meta-info {
	margin-bottom: 20px;
}

.post-meta-info h2 {
	margin-bottom: 5px;
}

.post-meta-info h2 a {
	text-transform: capitalize;
	font-size: 22px;
}

.post-meta-data ul li {
	display: inline-block;
	margin-right: 10px;
}

.post-meta-data ul li:last-child {
	margin-right: 0px;
}

.post-meta-data li a {
	text-transform: capitalize;
	font-size: 16px;
	font-weight: normal;
}

.post-meta-data li a i {
	margin-right: 10px;
	color: #454647
}

.single-post:hover .single-post-thumb img,
.single-service-inner:hover .service-thumb img {
	transform: scale(1.2);
	transition: all 0.4s ease 0s;
}

.single-post-thumb img,
.gallery-item img,
.service-thumb img {
	transform: scale(1);
	transition: all 0.4s ease 0s;
}

.service-thumb img {
	width: 100%;
	height: auto;
	aspect-ratio: 12 / 7;
	object-fit: cover;
}

.service-thumb {
	overflow: hidden;
	position: relative;

}

.service-thumb-shape {
	position: absolute;
	content: "";
	background: #c7c0c0;
	width: 110px;
	height: 21px;
	right: -23px;
	bottom: 0;
	transform: skew(-45deg);
	transition: all 0.4s ease 0s;
	z-index: 99;
}

.service-thumb-shape-left {
	position: absolute;
	content: "";
	background: #c7c0c0;
	width: 110px;
	height: 21px;
	left: -23px;
	bottom: 0;
	transform: skew(45deg);
	transition: all 0.4s ease 0s;
	z-index: 99;
}

.single-post:hover a.blog-readmore {
	color: #454647;
}

.single-post-thumb-overlay {
	position: absolute;
	left: 0px;
	top: 0;
}

.post-tags {
	display: inline-block;
	float: right;
}

.blog-title h2 {
	color: #0f0f0f;
	font-size: 24px;
	font-weight: 900;
	line-height: 30px;
}

.single-post-text a {
	color: #033C7C;
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
	width: 100%;
	line-height: 30px;
	text-transform: capitalize;
}

.single-post:hover .single-post-text h2 a {
	color: #454647;
}

a.blog-readmore {
	color: #898989;
	text-transform: capitalize;
	font-size: 15px;
	position: relative;
	display: inline;
}

.post-share {
	display: inline-block;
	width: 100%;
	border-top: 1px solid #d6d7d9;
	border-bottom: 1px solid #d6d7d9;
	padding: 10px 0;
}

.tag-title,
.social-title {
	float: left;
	display: inline-block;
	color: #323232;
	font-size: 18px;
	text-transform: capitalize;
	margin-right: 10px;
	font-weight: 600
}

.share-link {
	float: right;
}

.post-tag,
.post-tag ul,
.share-link,
.share-link ul,
.share-link li {
	display: inline-block;
}

.post-tag li {
	display: inline-block;
}

.share-link li a {
	color: #898989;
	margin-left: 10px;
}

.post-tag li a {
	color: #898989;
	text-transform: capitalize;
}

.share-button {
	border-top: 1px solid #cccccc;
	padding-top: 40px;
	margin-top: 20px;
}

.share-button li {
	display: inline-block;
	margin-right: 10px;
}

.share-button li a {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	padding: 4px 20px;
	color: #fff;
}

.twitter-share-button {
	background: #55adec;
}

.facebook-share-button {
	background: #3b5998;
}

.googleplus-share-button {
	background: #dd4b39;
}

/*
14.Sidebar Section
=====================*/
.search-field,
.widget-archive,
.widget-two {
	padding: 40px;
	background: #fafafa;
	margin-bottom: 30px;
}

.sidebar h1 {
	display: inline-block;
	font-size: 24px;
	margin-bottom: 20px;
	text-transform: capitalize;
	width: 100%;
	color: #323232;
	position: relative;
	padding-bottom: 10px;
	font-weight: bold;
	position: relative;
}

.sidebar h1::before {
	position: absolute;
	content: "";
	height: 2px;
	width: 50px;
	background: #454647;
	bottom: 0;
}

.search-field {
	margin-bottom: 40px;
}

.search-field form {
	display: inline-block;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.search-field input[type="text"] {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #f0f0f0;
	padding: 10px 35px 10px 10px;
	width: 100%;
}

.search-field button {
	color: #fff;
	padding: 12px 26px;
	position: absolute;
	right: 0;
	background: #454647;
	top: -1px;
}

.blog-sec .inner:nth-child(2n+1) {
	clear: both;
}

.abt_dec>p {
	margin-top: 20px;
}

.sidebar ul li a {
	font-size: 16px;
	font-weight: normal;
	text-transform: capitalize;
	transition: all 0.4s ease-in-out 0s;
}

.sidebar ul li a:hover {
	transition: all 0.4s ease-in-out 0s;
	color: #454647
}

.widget-two {
	margin: 40px 0;
}

.widget-archive,
.widget-two,
.widget-tag {
	display: inline-block;
	width: 100%;
}

.widget-archive li {
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 10px 0px;
	color: #323232;
	margin-bottom: 5px;
	border-bottom: 1px solid #d9d9d9;
}

.widget-archive li:last-child {
	border-bottom: none;
}

.widget-cat li:last-child {
	border-bottom: none;
}

.widget-archive li a {
	color: #555555;
	display: inline-block;
	width: 100%;
	padding-left: 20px;
}

.widget-archive li a span {
	float: right;
}

.widget-cat li {
	position: relative
}

.widget-cat li {
	padding: 10px 0;
	border-bottom: 1px solid #ececec;
}

.widget-cat li a span {
	float: right;
}

.widget-tag li a:hover {
	transition: all 0.4s ease-in-out 0s;
	color: #454647 !important
}

.relative-post h3 {
	font-size: 15px;
	margin-bottom: 10px;
	line-height: 22px;
}

.single_r_dec li {
	display: inline-block;
	margin-right: 10px;
}

.single_r_dec li a {
	font-weight: 600;
	text-transform: capitalize;
	color: #808080;
}

.single_r_dec li a i {
	color: #454647;
	margin-right: 5px
}

.relative-post {
	display: inline-block;
	padding: 12px 0;
	width: 100%;
}

.relative-post-thumb {
	float: left;
	margin-right: 12px;
	width: 110px;
}

.single_r_dec h3 a {
	color: #323232;
	font-weight: 600;
}

.single_r_dec a:hover {
	transition: all 0.4s ease-in-out 0s;
	color: #454647
}

.all_r_pst .media {
	margin-top: 0;
}

.widget-tag a {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	color: #898989;
	font-weight: 600;
}

.widget-tag li a:hover {
	background: #454647;
	border-color: #454647;
	color: #323232 !important;
}

.widget-archive li::before {
	content: "\f101";
	font-family: fontawesome;
	left: 0px;
	top: 10px;
	position: absolute;
	color: #555555;
	padding-right: 10px;
	transition: all 0.4s ease-in-out 0s;
}

.sidebar ul li:hover:before {
	color: #454647;
	transition: all 0.4s ease-in-out 0s;
}

.author_dec h3 {
	margin: 0;
	color: #323232;
	font-size: 14px;
	margin-bottom: 11px;
}

.author_info {
	border-bottom: 1px solid #e3e3e3;
	display: inline-block;
	padding: 22px 0;
	margin-bottom: 30px;
}

.author_info>img {
	float: left;
	margin-right: 35px;
	height: 80px;
}

.social_link {
	margin: 0;
	padding: 0;
	float: right;
	display: inline-flex;
}

.social_link li {
	list-style: none;
}

.social_link li a i {
	color: #363636;
	float: left;
	padding: 6px;
}

/*
15.Patner Section 
======================*/
.all-patner-sec {
	padding: 100px 0;
}

.all-patner.owl-carousel.owl-theme .owl-item {
	padding: 0 40px;
}

.single-patner {
	height: 100px;
	padding: 20px;
}

.all-patner.owl-carousel.owl-theme img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

/*
16.Call To Action Section
============================*/
.call-to-action-sec {
	background-color: #454647;
	padding: 40px 0px;
	position: relative;
}

.call-to-action-text {
	text-align: left;
}

.call-to-action-text {
	color: #454647;
}

.call-to-action-text p {
	margin-bottom: 0;
}

.call-to-action-text h2 {
	color: #033C7C;
	font-size: 32px;
	font-weight: normal;
	margin-bottom: 0;
	font-style: italic;
	line-height: 40px;
}

.call-to-action-text a.btn {
	background: #033C7C none repeat scroll 0 0;
	color: #fff;
	float: right;
	font-weight: bold;
	padding: 14px 36px;
	text-transform: capitalize;
	margin-top: 10px;
	position: relative;
}

.call-to-action-text a.btn:hover {
	background: #fff;
	transition: all 0.4s ease-in-out 0s;
	color: #011e40;
}

/*
17.Why Like Section
========================*/
.why-like-item h2 {
	text-transform: capitalize;
	color: #033C7C;
	font-size: 22px;
}

.why-like-sec {
	background: #fcfcfc;
	padding: 70px 0;
}

.why-like-sec .sec-title {
	text-align: left;
	margin: 0 0px 50px 0px;
}

.why-like-sec .border-bottom {
	margin: 0;
}

/*
18.Page Heading Section
==========================*/
.pagehding-sec {
	background-image: url("../other-data/real-images/banner-slider-common.png");
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 120px;
	padding-top: 120px;
	position: relative;
	background-size: cover;
}

.page-hd-overlay {
	background-color: rgba(15, 25, 52, 0.80);
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
}

.page-heading h1 {
	font-size: 40px;
	text-align: center;
	text-transform: capitalize;
	font-weight: bold;
	color: #fff;
}

.breadcrumb-list {
	text-align: center;
}

.breadcrumb-list li {
	display: inline-block;
	position: relative;
	padding: 0px 14px;
}

.breadcrumb-list li:first-child {
	padding-left: 0px;
}

.breadcrumb-list li a {
	font-weight: 600;
	text-transform: capitalize;
	color: #fff;
}

.breadcrumb-list li:last-child a {
	color: #fff;
}

.breadcrumb-list li::before {
	content: "/";
	position: absolute;
	right: -4px;
	font-size: 16px;
	font-weight: 600;
	top: 0px;
	color: #fff;
}

.breadcrumb-list li:last-child::before {
	display: none
}

.breadcrumb-list li:last-child::before {
	display: none;
}

/*
19.Service Sidebar
============================*/
.service-cat li {
	display: inline-block;
	width: 100%;
}

.service-cat li a {
	display: inline-block;
	border-left: 7px solid #454647;
	background: #033C7C;
	padding: 20px;
	text-transform: capitalize;
	font-size: 22px;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	color: #fff;
}

.service-cat li a:hover {
	background: #454647;
	color: #fff;
	border-left: 7px solid #033C7C;
}

.service-cat li a::before {
	width: 20px;
	height: 20px;
	background: #fff;
	content: "";
	position: absolute;
	right: -15px;
	transform: rotate(44deg);
	top: 0;
}

.service-cat li:hover a::before {
	width: 20px;
	height: 20px;
	background: #fff;
	content: "";
	position: absolute;
	right: -15px;
	transform: rotate(44deg);
}

.brochures {
	margin-top: 60px;
	margin-bottom: 60px;
}

.brochures li {
	display: inline-block;
	width: 100%;
	padding: 14px 20px;
	position: relative;
	background: #033C7C;
	margin-bottom: 5px;
}

.brochures li a {
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	text-transform: capitalize;
}

.brochures li:hover {
	background: #454647
}

.brochures li:hover a {
	color: #033C7C
}

.brochures li:hover i {
	color: #033C7C
}

.brochures li:last-child {
	background: #454647;
}

.brochures li:last-child a {
	color: #fff
}

.brochures li a span {
	float: right;
	color: #fff;
}

.testimonial-sec.service-testimonial {
	background: #033C7C none repeat scroll 0 0;
	padding: 34px 0;
	background-image: url(../img/service-testimonial-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

/*Testimonial Version 1*/
.testimonial-v1-sec {
	background: #fff none repeat scroll 0 0;
	padding: 110px 0;
	background-image: url(../img/testimonial-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

.testimonial-v1-sec .sec-title h1 {
	color: #fff;
}

.single-testimonial-v1 {
	padding: 45px 45px 30px 45px;
	position: relative;
	margin-bottom: 30px;
	background: #fff;
	margin: 5px;
	position: relative;
	z-index: 2;
	overflow: hidden;
	border-bottom: 3px solid #fff;
	transition: all 0.4s ease 0s;
}

.single-testimonial-v1:hover {
	border-bottom: 3px solid #454647;
	transition: all 0.4s ease 0s;
}

.single-testimonial-v1::before {
	position: absolute;
	content: "";
	background: #454647;
	height: 92px;
	width: 92px;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 0.4s ease 0s;
}

.single-testimonial-v1:hover:before {
	height: 100%;
	left: 0;
	width: 3px;
	transition: all 0.4s ease 0s;
}

.testimonial-v1-img {
	display: inline-block;
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	margin-right: 14px;
	margin-top: -8px;
}

.single-testimonial-v1 .details span {
	text-transform: capitalize;
}

.single-testimonial-v1 .testimonial-v1-img img {
	border-radius: 100%;
}

.single-testimonial-v1 .details h2 {
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: capitalize;
	font-size: 18px;
}

.single-testimonial-v1 .details {
	margin-bottom: 20px;
}

.single-testimonial-v1 .rating i {
	color: #454647;
}

.testimonial-v1-all.owl-carousel.owl-theme .owl-dots {
	text-align: center;
	margin-top: 50px;
}

.testimonial-v1-all.owl-carousel.owl-theme .owl-dot {
	display: inline-block;
	height: 4px;
	margin: 0 5px;
	width: 9px;
	position: relative;
	background: #454647;
	transition: all 0.4s ease 0s;
}

.testimonial-v1-all.owl-carousel.owl-theme .owl-dot.active {
	width: 35px;
	transition: all 0.4s ease 0s;
}

/*
20.Service Details
============================*/
.service-details {
	margin-bottom: 40px;
}

.service-details-text h2 {
	font-size: 24px;
	text-transform: capitalize;
}

.service-details-thumb {
	margin-bottom: 30px;
}

.service-tab {
	margin-bottom: 40px;
}

.service-tab li {
	display: inline-block;
	margin-right: 10px;
	transition: all 0.4s ease 0s;
}

.service-tab li a:hover {
	background: #033C7C none repeat scroll 0 0;
	transition: all 0.4s ease 0s;
	color: #fff;
}

.service-tab li.active a {
	background: #454647;
	color: #fff
}

.service-tab li.active a::before {
	content: "";
	width: 10px;
	height: 10px;
	background: #fff;
	position: absolute;
	bottom: -6px;
	text-align: center;
	margin: 0px auto;
	left: 0;
	right: 0;
	transform: rotate(46deg);
}

.service-tab li.active a:hover {
	color: #fff
}

.service-tab li a {
	color: #3db9ef;
	width: 150px;
	display: inline-block;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #033C7C;
	text-transform: capitalize;
	background: #eff1f2;
	position: relative;
}

.service-tab li:hover a::before {
	content: "";
	width: 10px;
	height: 10px;
	background: #fff;
	position: absolute;
	bottom: -6px;
	text-align: center;
	margin: 0px auto;
	left: 0;
	right: 0;
	transform: rotate(46deg);
}

/*
21.Project Page
============================*/
.project-page-sec .sec-title {
	text-align: center;
	margin: 0 200px 50px 200px;
}

.single-project-inner {
	margin-bottom: 40px;
}

.project-thumb {
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}

.single-project-inner:hover .project-thumb-overlay {
	left: 0px;
	transition: all 0.4s ease 0s;
}

.project-thumb-overlay {
	position: absolute;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(15, 25, 52, 0.90);
	transition: all 0.4s ease 0s;
	left: -100%;
}

.project-thumb-overlay::before {
	position: absolute;
	content: "";
	width: 85%;
	height: 85%;
	border: 1px solid #454647;
	left: 0;
	right: 0;
	margin: 0px auto;
	transform: translateY(-50%);
	top: 50%;
}

.project-icon a i {
	color: #454647;
	font-size: 32px;
}

.project-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0px auto;
	text-align: center;
	width: 100%;
}

.project-inner-desc h2 {
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 600;
	line-height: 25px;
	text-align: center;
}

.project-inner-desc h2 {
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 600;
}

.single-project-inner:hover .project-inner-desc h2 a {
	color: #454647
}

/*
22.Project Details
========================*/
.project-details-img {
	margin-bottom: 30px;
}

.project-details-desc h2 {
	font-size: 24px;
	text-transform: capitalize;
}

.project-details-list {
	background: #f4f4f4;
	padding: 40px 0;
}

.project-list-box {
	position: relative;
}

.project-list-box::before {
	content: "";
	background: #e1e1e1;
	height: 70px;
	width: 2px;
	position: absolute;
	right: 0;
	top: -10px;
}

.project-list-box:last-child.project-list-box::before {
	display: none;
}

.project-details-list-single {
	text-align: center;
}

.project-details-list-text {
	text-align: left;
	display: inline-block;
}

.project-details-list-text h2 {
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 10px;
	color: #033C7C;
	font-weight: 600;
}

.project-details-list-text span,
.project-details-list-text span a {
	color: #454647;
	;
	font-weight: 600;
}

.project-details-list-text span a:hover {
	color: #454647;
}

.project-details-column-text {
	margin-top: 40px;
}

.project-details-column-text h2 {
	font-size: 22px;
	text-transform: capitalize;
}

/*commentar css*/
.commentar-sec img {
	float: left;
	margin-right: 20px;
	width: 100px;
	border-radius: 100%;
	height: 100px;
}

.comment-author {
	margin-bottom: 10px;
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 600;
	color: #033C7C;
}

.comment-author-designation {
	font-size: 14px;
	color: #858484;
}

.comment-time {
	font-size: 16px;
	font-weight: normal;
	display: inline-block;
	width: 100%;
	margin-top: 25px;
}

.commentar-sec .media.mt-3 {
	margin-top: 40px;
}

.single-post .contact-field h2 {
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 40px;
	text-transform: capitalize;
	font-weight: bold;
	color: #033C7C;
}

.commentar-sec h2 {
	margin-top: 50px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 50px;
	font-size: 20px;
}

.replay-button {
	display: inline-block;
	width: 100%;
}

.replay-button a {
	color: #033C7C;
	font-weight: 600;
	text-transform: capitalize;
}

.replay-button a:hover {
	color: #454647;
}

.commentar-sec .media-body p a {
	color: #7e7e7f;
	font-weight: 600;
	font-size: 15px;
}

.commentar-sec.author ul li {
	display: inline-block;
	margin-right: 20px;
}

.commentar-sec.author {
	position: relative;
}

.commentar-sec.author ul li a i {
	color: #cbc8c8
}

.commentar-sec.author ul li a i:hover {
	transition: all 0.4s ease 0s;
	color: #29ace4
}

.commentar-sec.author .media-body {
	padding-left: 100px;
}

.commentar-sec.author .media {
	background: #fafafa none repeat scroll 0 0;
	border-radius: 30px;
	padding: 30px 0;
	margin-left: 20px;
}

.author-thumb {
	border-radius: 100%;
	float: left;
	height: 100px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 70px;
	width: 100px;
}

.author-thumb img {
	height: 100%;
	width: 100%;
}

.pagination.custom-pagination {
	width: 100%;
	margin: 0px;
}

.pagination.custom-pagination li {
	display: inline-block;
}

.pagination.custom-pagination li.active a {
	background: #454647 none repeat scroll 0 0;
	color: #fff;
	border-color: #d89f01;

}

.pagination.custom-pagination li a {
	color: #033C7C;
	font-size: 16px;
	font-weight: 600;
	height: 36px;
	line-height: 22px;
	margin: 0;
	width: 36px;
	border: none;
	border-radius: 0%;
	text-align: center;
	border: 1px solid #d9d9d9;
}

.pagination.custom-pagination li:first-child a,
.pagination.custom-pagination li:last-child a {
	background: #454647;
	border-color: #454647;
	color: #fff;
}

.pagination.custom-pagination li a:hover {
	background: #454647;
	color: #fff;
	border-color: #454647;
}

.code-text {
	padding: 10px 40px;
	position: relative;
	margin-bottom: 10px;
	color: #777777;
	font-weight: 600;
	margin-top: 30px;
	margin-bottom: 20px;
}

.code-text::before {
	content: "\f10d";
	color: #777777;
	position: absolute;
	top: 0;
	left: 0;
	font-family: fontawesome;
	font-size: 28px;
}

.contact-field {
	margin-top: 40px;
	border-top: 1px solid #f2f2f2;
	padding-top: 40px;
}

.blog-details-page .single-post {
	border: 0px;
}

#commentform input[type="text"] {
	padding: 10px;
	width: 100%;
	font-size: 16px;
	border: 1px solid #cccccc;
	color: #777;
	font-weight: normal;
}

#commentform textarea {
	resize: vertical;
	width: 100%;
	font-size: 16px;
	border: 1px solid #cccccc;
	padding: 10px;
	color: #777;
}

#commentform input#submit {
	background: #033C7C none repeat scroll 0 0;
	border: 1px solid #033C7C;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	padding: 10px 40px;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	width: 224px;
}

.comment-reply-title {
	color: #033C7C;
	font-size: 22px;
	text-transform: capitalize;
}

/*
23.Contact Page
============================*/
.contact-info-icon {
	float: left;
	width: 75px;
	height: 75px;
	text-align: center;
	line-height: 75px;
	margin-right: 10px;
}

.contact-page-sec .contact-field h2 {
	/* color: #282828; */
	text-transform: capitalize;
	font-size: 22px;
}

.contact-field .col-md-6.col-sm-6.col-xs-12,
.contact-field .col-md-4.col-sm-4.col-xs-12 {
	padding-left: 0;
}

.contact-field.contact-form input {
	margin-bottom: 5px;
}

.contact-field.contact-form textarea {
	height: 110px;
}

.contact-field.contact-form input[type="submit"] {
	background: #005690;
	width: 150px;
	border-color: #005690;
}

.contact-info-text span {
	color: #555555;
	font-size: 16px;
	display: inline-block;
	width: 100%;
	font-weight: 600;
}

.faq-sec .sec-title h1:before {
	display: none;
}

.faq-sec .contact-field input,
.faq-sec .contact-field select,
.faq-sec .single-input-field textarea {
	border: 1px solid #fff;
}

.contact-field input {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	padding: 10px;
	width: 100%;
	color: #999999;
}

.contact-field select {
	width: 100%;
	border: 1px solid #ddd;
	padding: 12px 20px;
	text-transform: capitalize;
	color: #999999;
}

.select-arrow select {
	-moz-appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	padding-left: 5px;
}

.contact-field .select-arrow::before {
	top: 12px;
	color: #999999;
}

.select-arrow::before {
	color: #323B49;
	content: "\f0d7";
	font-family: fontawesome;
	position: absolute;
	right: 30px;
	top: 12px;
	cursor: pointer;
}

.contact-field .message-input {
	display: inline-block;
	width: 100%;
	padding-left: 0;
}

.single-input-field textarea {
	border: 1px solid #ddd;
	width: 100%;
	height: 120px;
	padding: 10px;
	margin-top: 10px;
}

.single-input-fieldsbtn input[type="submit"] {
	background: #033C7C none repeat scroll 0 0;
	border: 1px solid #033C7C;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: 10px 30px;
	text-transform: capitalize;
	width: 170px;
	margin-top: 30px;
	font-size: 16px;
}

.single-input-fieldsbtn {
	display: inline-block;
	width: 100%;
}

.single-input-fieldsbtn input[type="submit"]:hover {
	background: #454647;
	transition: all 0.4s ease-in-out 0s;
	border-color: #454647;
	color: #fff
}

.contact-field {
	display: inline-block;
	width: 100%
}

.single-input-field h4 {
	color: #464646;
	text-transform: capitalize;
	font-size: 14px;
}

.contact-page-form {
	display: inline-block;
	width: 100%;
	margin-top: 30px;
}

.contact-field .single-input-field input[type="text"]::-webkit-input-placeholder {
	color: #999999;
	opacity: 1
}

.contact-field .single-input-field input[type="email"]::-webkit-input-placeholder {
	color: #999999;
	opacity: 1
}

.contact-field .single-input-field textarea::-webkit-input-placeholder {
	color: #999999;
	opacity: 1
}

.contact-field .single-input-field option::-webkit-input-placeholder {
	color: #999999;
	opacity: 1
}

.contact-field .single-input-field input[type="text"]::-moz-placeholder {
	color: #999999;
	opacity: 1
}

.contact-field .single-input-field input[type="email"]::-moz-placeholder {
	color: #999999;
	opacity: 1
}

.contact-field .single-input-field textarea::-moz-placeholder {
	color: #999999;
	opacity: 1
}

.contact-field .single-input-field option::-moz-placeholder {
	color: #999999;
	opacity: 1
}

.map-sec iframe {
	width: 100%;
	height: 550px
}

.address-info-icon {
	margin-bottom: 20px;
}

.contact-page-sec .contact-field {
	margin-top: 0;
	border-top: 0;
	padding-top: 40px;
	margin-bottom: 40px;
}

.social-profile-office {
	margin-top: 40px;
}

.social-profile-office li {
	display: inline-block;
}

.social-profile-offic li {
	display: inline-block;
}

.social-profile-office li a i {
	color: #9e9e9e;
	font-size: 16px;
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	transition: all 0.4s ease 0s;
	background: #f4f4f4;
}

.social-profile-office li a i:hover {
	background: #033C7C;
	color: #fff;
}

.contact-info {
	display: inline-block;
	width: 100%;
	background: #f6f7f7;
	padding: 20px 0;
	margin-bottom: 40px
}

.contact-info-text {
	display: inline-block;
	width: 100%;
	padding: 0px 20px;
}

.contact-info-text i {
	color: #005689;
	font-size: 26px;
	margin-bottom: 10px;
}

/*
24.Home 2 
============================*/
.home-v2 .header-top {
	background: #033C7C;
}

.home-v2 .follow-title,
.home-v2 .social-profile li a {
	color: #fff;
}

.home-v2 .social-profile {
	text-align: left;
	margin-top: 10px;
}

.home-v2 .info-text span {
	color: #fff;
	display: inline-block;
	width: 100%;
	text-align: left;
}

.home-v2 .info-text {
	margin-top: -5px;
}

.language {
	margin-right: 20px;
	color: #fff;
	text-transform: capitalize;
}

.language {
	margin-right: 20px;
}

.language span {
	margin-left: 10px;
}

.account-login li a {
	color: #ffffff;
	text-transform: capitalize;
}

.language-account {
	text-align: right;
	margin-top: 10px;
}

.language,
.account-login {
	display: inline-block;
}

.home-v2 .hd-sec {
	background: #fff;
}

.home-v2 .main-menu ul li a {
	color: #033C7C;
}

.logo {
	padding-top: 4px;
}

.home-v2 .cart-button {
	background-image: url('../img/icon/shoping-bag2.png');
}

.home-v2 .cart-product {
	color: #222222;
}

.home-v2 .main-menu ul ul li a {
	color: #ddd;
}

.home-v2 .slider-caption {
	width: 700px;
	margin: 0px auto;
	text-align: left;
}

.home-v2 .slider-caption ul {
	text-align: left;
}

.home-v2 .slider-text li:last-child a {
	background: #fff;
	color: #033C7C;
	border-color: #fff;
}

.home-v2 .why-like-sec {
	background: #fff;
}

.home-v2 .message-sec {
	background: #fff none repeat scroll 0 0;
	background-image: none;
}

.home-v2 .message-title {
	color: #033C7C;
}

.home-v2 .message-subtitle {
	color: #282828;
}

.home-v2 .call-to-message-sec {
	background: #011e40 none repeat scroll 0 0;
	padding: 100px 0;
	background-image: url(../img/call-to-action.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
}

.home-v2 .call-message-text h2 {
	color: #fff;
	font-size: 30px;
	text-transform: capitalize;
	font-style: normal;
	margin-bottom: 20px;
}

.home-v2 .call-message-button a.btn {
	background: #454647 none repeat scroll 0 0;
	color: #fff;
	float: right;
	font-weight: bold;
	padding: 14px 36px;
	text-transform: capitalize;
	margin-top: 10px;
	position: relative;
	border-radius: 0px;
}

.home-v2 .project-page-sec {
	background: #f4f4f4;
}

.home-v2 .call-message-text {
	color: #454647;
}

.home-v1 footer.footer {
	background-image: url(../img/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

.home-v1 .footer-overlay {
	background-color: rgba(15, 25, 52, 0.94);
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.home-v2 .footer-sec p,
.home-v2 .footer-sec .footer-widget-menu li a,
.home-v2 .footer-widget-menu li::before {
	color: #8a959f;
}

.why-us-img {
	text-align: right;
}

.footer-contact-info {
	margin-top: 40px;
}

.footer-contact-info-icon {
	display: inline-block;
	float: left;
	width: 30px;
}

.footer-contact-info-text {
	padding-left: 50px;
}

.footer-contact-info-text span {
	color: #fff;
	display: inline-block;
	width: 100%;
}

/*
25.Count Up Section 
============================*/
.count-up-sec {
	padding: 76px 0;
}

.count-up-inner {
	text-align: center;
}

.countup-icon {
	display: inline-block;
	height: 70px;
	margin-bottom: 16px;
	text-align: center;
	width: 70px;
}

.countup-text {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.count-up-icon {
	display: inline-block;
	margin-bottom: 4px;
	width: 70px;
	height: 68px;
	border-radius: 100px;
}

.count-up-inner h2 {
	color: #033C7C;
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.count-up-inner h4 {
	color: #ff864e;
	font-size: 20px;
	margin-bottom: 0;
	text-transform: capitalize;
	font-weight: bold;
}

/*
Footer Section 
======================*/
footer.footer {
	background: #033C7C none repeat scroll 0 0;
	position: relative;
}

.footer-shape {
	position: absolute;
	content: "";
	/* background: #454647; */
	height: 100%;
	width: 20px;
	top: 0;
	z-index: 9
}

.footer-sec {
	padding-top: 100px;
	position: relative;
	padding-bottom: 50px;
}

.footer-sec h2 {
	color: #ffffff;
	margin-bottom: 50px;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	font-size: 20px;
}

.footer-sec h2::before {
	content: "";
	position: absolute;
	height: 2px;
	width: 50px;
	background: #454647;
	bottom: -10px;
}

.footer-logo {
	margin-bottom: 25px;
	display: inline-block;
	width: 100%;
	margin-top: -4px;
}

.footer-sec p {
	color: #ffffff;
	width: 80%;
	text-align: justify;
}

.footer-wedget-one img {
	margin-top: -13px;
}

.footer-wedget-one i:hover {
	background: #454647;
	color: #fff;
	border-color: #454647;
	transition: all 0.4s ease-in-out 0s;
}

.footer-wedget-one ul {
	margin-top: 30px;
}

.footer-wedget-one form {
	background: #525459 none repeat scroll 0 0;
	margin-top: 35px;
	position: relative
}

.footer-wedget-one input[type="email"] {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
	color: #292929;
	padding: 10px 58px 10px 10px;
	text-transform: capitalize;
	width: 100%;
}

.footer-wedget-one button {
	background: #454647 none repeat scroll 0 0;
	color: #fff;
	padding: 11px 20px;
	position: absolute;
	right: 0;
	top: 0
}

.footer-wedget-one button i {
	border: none;
	margin-right: 0;
	color: #fff;
}

.footer-recent-inner {
	margin-bottom: 30px;
}

.footer-recent-inner:last-child {
	margin-bottom: 0
}

.footer-recent-inner span i {
	color: #454647;
	margin-right: 10px;
}

.footer-recent-inner h2 {
	margin-bottom: 10px;
	padding-bottom: 0
}

.footer-recent-inner h2 a {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
}

.footer-recent-inner span {
	color: #f4f4f4;
	font-weight: 600;
	font-size: 14px;
	text-transform: capitalize;
}

.footer-recent-inner span:last-child {
	padding-left: 15px
}

.footer-recent-inner span i {
	color: #454647;
	margin-right: 10px;
}

.footer-wedget-three li i {
	display: inline-block;
	margin-right: 10px;
}

.ft-menu ul {
	padding: 0px 20px;
}

.ft-menu h2 {
	display: inline-block;
	text-align: left;
}

.footer-wedget-three li {
	color: #ccc;
	font-size: 14px;
	padding: 10px
}

.footer-wedget-two li {
	display: inline-block;
}

.footer-wedget-two li a {
	border: 1px solid #0f4376;
	color: #fff;
	display: inline-block;
	margin: 8px 8px 8px 0;
	padding: 8px 10px;
	text-transform: capitalize;
	transition: all 0.4s ease-in-out 0s;
	background: transparent;
	color: #f4f4f4;
}

.footer-wedget-two li a:hover {
	transition: all 0.4s ease-in-out 0s;
	background: #454647;
	color: #fff;
	border-color: #454647
}

.footer-wedget-two li a i {
	margin-right: 10px;
}

.footer-widget-menu li::before {
	content: "\f054";
	font-family: fontawesome;
	left: 0px;
	top: -2px;
	position: relative;
	color: #fff;
	padding-right: 10px;
	font-size: 10px;
}

.footer-widget-menu li:hover:before {
	color: #454647;
}

.footer-widget-menu li {
	position: relative
}

.footer-widget-menu li a {
	color: #fff;
	text-transform: capitalize;
	padding-bottom: 10px;
	display: inline-block;
}

.footer-widget-menu li a:hover {
	color: #454647 !important;
	transition: all 0.4s ease 0s;
}

.footer-wedget-four .inner-text {
	color: #c0bcbc;
}

.footer-wedget-four .icon i {
	color: #454647;
	font-size: 18px;
}

.footer-social li {
	display: inline-block;
}

.footer-social li a {
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #dfe0e2;
	background: #1b3144;
	border-radius: 100%;
	text-align: center;
	line-height: 40px;
	margin-right: 10px;
}

.footer-social li:first-child a {
	background: #454647
}

.footer-social li a:hover {
	background: #454647;
}

.footer-contact-form input[type="text"],
.footer-contact-form input[type="email"],
.footer-contact-form textarea {
	width: 100%;
	background: #1b3144;
	padding: 16px;
	margin-bottom: 10px;
	width: 10;
	color: #fff;
}

.footer-contact-form input[type="submit"] {
	background: #454647;
	padding: 12px;
	width: 100%;
	color: #fff;
	text-transform: capitalize;
	font-weight: 600;
}

.footer-bottom-sec {
	padding: 30px 0;
	border-top: 1px solid #3f5161;
	position: relative;
}

.copy-right span {
	color: #ffffff;
}

.copy-right a {
	color: #fff;
	font-weight: 700;
}

.site-developer {
	text-align: right;
}

.site-developer span {
	color: #ffffff;
}

.site-developer span a {
	color: #454647;
}

/*
Team Section 
======================*/
.single-team-inner {
	text-align: center;
	display: inline-block;
	margin: 0px auto;
}

.single-team {
	margin: 0px auto;
	text-align: center;
	display: inline-block;
	margin-bottom: 35px;
	position: relative;
}

.single-team-img {
	width: 350px;
	height: 350px;
	border-radius: 100%;
	border: 5px solid #454647;
	overflow: hidden;
	position: relative;
}

.team-overlay {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}

.team-overlay-text {
	position: absolute;
	bottom: -100%;
	width: 100%;
	padding-top: 50px;
	background-color: rgba(252, 85, 8, 0.85);
	text-align: center;
	padding-bottom: 60px;
	transition: all 0.4s ease 0s;
}

.single-team:hover .team-overlay-text {
	transition: all 0.4s ease 0s;
	bottom: 0;
}

.team-overlay-text h2 {
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 800;
	margin-bottom: 10px;
}

.team-overlay-text span {
	color: #033C7C;
}

.all-team-button {
	text-align: center;
}

.team-tab li {
	display: inline-block;
}

.team-tab li.active .team-tab-icon {
	background: #033C7C;
	color: #fff;
	transition: all 0.4s ease 0s;
}

.team-tab li.active .team-tab-title {
	color: #fff;
	transition: all 0.4s ease 0s;
	background: #454647;
	border-color: #454647
}

.team-tab-title {
	display: inline-block;
	width: 100%;
	color: #fff;
	transition: all 0.4s ease 0s;
	font-weight: 600;
	padding: 8px 32px;
	border: 1px solid #033C7C;
	background: #033C7C;
}

.team-tab {
	position: relative;
	text-align: center;
	margin-bottom: 70px;
	display: inline-block;
	width: 100%;
}

.shorttitle {
	display: none;
}

.all-team-button a {
	padding: 10px 36px;
	display: inline-block;
	background: #454647;
	font-weight: 600;
	color: #fff;
}

.plus-icon {
	position: absolute;
	top: 0;
	right: 22%;
	width: 40px;
	height: 40px;
	background: #454647;
	border-radius: 100%;
	z-index: 99;


}

.plus-icon i {
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	text-align: center;
	margin: 0px auto;
}

.single-team:hover .plus-icon i.fa-plus {
	display: none;
}

/*
  24.Why Choose Us Section 
  ======================*/
.why-choose-us-sec {
	position: relative;
}

.why-choose-v1-title {
	margin-bottom: 60px;
}

.why-us-subtitle {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 800;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
	border-bottom: 1px dashed;
}

.why-choose-v1-title h1 {
	font-size: 36px;
	font-weight: 800;
	line-height: 52px;
	margin-bottom: 4px;
}

.why-choose-v1-title h2 {
	font-size: 36px;
	color: #454647;
}

.why-choose-v1-title h2 {
	font-weight: 300;
}

.why-choose-v1-title p {
	font-weight: 500;
	font-size: 16px;
}

.feature-service-v3-title {
	text-align: center;
}

.feature-service-v3-title p {
	font-weight: 600;
	font-size: 16px;
}

.why-choose-v1-single {
	margin: 20px 0;
	color: #2d3663;
}

.why-choose-v1-single .icon {
	width: 60px;
	height: 60px;
	margin-right: 10px;
	text-align: center;
	line-height: 60px;
	font-size: 28px;
	border-radius: 100%;
	position: relative;
}

.why-choose-v1-single .media {
	overflow: visible;
}


.why-choose-v1-single .media-left {
	position: relative;
}

.why-choose-v1-single .media-body h2 {
	margin-bottom: 10px;
	text-transform: capitalize;
	font-weight: 800;
}

.why-us-area {
	position: absolute;
	bottom: 0;
	right: 0;
}

.why-us-img {
	text-align: center;
}

.vr-sec {
	padding: 80px 0;
}

.vr-sec.vr-grey {
	background: #fafafa;
}

.vr-eq {
	display: flex;
	flex-wrap: wrap;
}

.vr-eq:before,
.vr-eq:after {
	display: none;
}

.vr-eq>[class*="col-"] {
	display: flex;
	margin-bottom: 30px;
}

.vr-card {
	background: #fff;
	border: 1px solid #eee;
	border-top: 4px solid #454647;
	border-radius: 10px;
	padding: 34px 28px;
	width: 100%;
	box-shadow: 0 6px 24px rgba(3, 60, 124, .07);
	transition: transform .3s ease, box-shadow .3s ease;
}

.vr-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 30px rgba(3, 60, 124, .14);
}

.vr-card .vr-ico {
	width: 62px;
	height: 62px;
	line-height: 62px;
	text-align: center;
	border-radius: 50%;
	background: #033C7C;
	color: #fff;
	font-size: 26px;
	margin-bottom: 20px;
}

.vr-card h3 {
	color: #033C7C;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 12px;
}

.vr-card p {
	color: #454647;
	line-height: 26px;
	margin: 0;
}

.vr-stats {
	background: #033C7C;
	padding: 55px 0;
}

.vr-stat {
	text-align: center;
	color: #fff;
	padding: 15px 10px;
}

.vr-stat strong {
	display: block;
	font-size: 42px;
	font-weight: 700;
	line-height: 50px;
	color: #fff;
}

.vr-stat span {
	display: block;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #cfdcec;
	margin-top: 4px;
}

.vr-tags {
	text-align: center;
	margin-top: 10px;
}

.vr-tags a,
.vr-tags span {
	display: inline-block;
	margin: 5px;
	padding: 9px 18px;
	border: 1px solid #033C7C;
	border-radius: 30px;
	color: #033C7C;
	font-weight: 500;
	font-size: 14px;
	text-transform: capitalize;
	background: #fff;
}

.vr-tags .vr-top {
	background: #033C7C;
	color: #fff;
}

.vr-tags a:hover {
	background: #fc5508;
	border-color: #fc5508;
	color: #fff;
}

.vr-step {
	text-align: center;
	padding: 10px 15px;
}

.vr-step .vr-num {
	width: 64px;
	height: 64px;
	line-height: 64px;
	border-radius: 50%;
	background: #454647;
	color: #fff;
	font-size: 26px;
	font-weight: 700;
	margin: 0 auto 16px;
}

.vr-step h3 {
	color: #033C7C;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 8px;
}

.vr-step p {
	color: #454647;
	margin: 0;
}

.vr-glance {
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	overflow: hidden;
}

.vr-glance .vr-g-row {
	display: flex;
	padding: 14px 22px;
	border-bottom: 1px solid #eee;
}

.vr-glance .vr-g-row:last-child {
	border-bottom: 0;
}

.vr-glance .vr-g-row:nth-child(odd) {
	background: #fafafa;
}

.vr-glance b {
	flex: 0 0 190px;
	color: #033C7C;
	font-weight: 600;
}

.vr-glance span,
.vr-glance a {
	color: #454647;
	word-break: break-word;
}

.vr-glance a:hover {
	color: #fc5508;
}

.vr-cta {
	background: #454647;
	padding: 55px 0;
	text-align: center;
}

.vr-cta h2 {
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 10px;
}

.vr-cta p {
	color: #e3e3e3;
	margin-bottom: 26px;
	font-size: 17px;
}

.vr-cta a {
	display: inline-block;
	margin: 6px;
	padding: 12px 30px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 16px;
}

.vr-cta a.vr-b1 {
	background: #033C7C;
	color: #fff;
}

.vr-cta a.vr-b2 {
	background: #fff;
	color: #033C7C;
}

.vr-cta a:hover {
	background: #033C7C;
	color: #fff;
}

@media only screen and (max-width:991px) {
	.vr-sec {
		padding: 60px 0;
	}

	.vr-stat strong {
		font-size: 34px;
	}
}

@media only screen and (max-width:767px) {
	.vr-sec {
		padding: 45px 0;
	}

	.vr-eq {
		display: block;
	}

	.vr-eq>[class*="col-"] {
		display: block;
		margin-bottom: 20px;
	}

	.vr-stat {
		padding: 12px 5px;
	}

	.vr-stat strong {
		font-size: 28px;
		line-height: 36px;
	}

	.vr-stat span {
		font-size: 12px;
	}

	.vr-glance .vr-g-row {
		display: block;
		padding: 12px 16px;
	}

	.vr-glance b {
		display: block;
		margin-bottom: 2px;
	}

	.vr-cta h2 {
		font-size: 24px;
	}

	.vr-tags a,
	.vr-tags span {
		font-size: 13px;
		padding: 7px 14px;
	}
}

.vr-sec {
	padding: 80px 0;
}

.vr-sec.vr-grey {
	background: #fafafa;
}

.vr-eq {
	display: flex;
	flex-wrap: wrap;
}

.vr-eq:before,
.vr-eq:after {
	display: none;
}

.vr-eq>[class*="col-"] {
	display: flex;
	margin-bottom: 30px;
}

.vr-lead {
	max-width: 760px;
	margin: 0 auto 40px;
	text-align: center;
	color: #454647;
	line-height: 28px;
	font-size: 16px;
}

.vr-card {
	background: #fff;
	border: 1px solid #eee;
	border-top: 4px solid #454647;
	border-radius: 10px;
	padding: 32px 26px;
	width: 100%;
	box-shadow: 0 6px 24px rgba(3, 60, 124, .07);
	transition: transform .3s ease, box-shadow .3s ease;
}

.vr-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 30px rgba(3, 60, 124, .14);
}

.vr-card .vr-ico {
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	background: #033C7C;
	color: #fff;
	font-size: 24px;
	margin-bottom: 18px;
}

.vr-card h3 {
	color: #033C7C;
	font-size: 21px;
	font-weight: 600;
	margin-bottom: 10px;
}

.vr-card p {
	color: #454647;
	line-height: 25px;
	margin: 0;
}

/* product gallery */
.vr-pgrid {
	display: flex;
	flex-wrap: wrap;
}

.vr-pgrid:before,
.vr-pgrid:after {
	display: none;
}

.vr-pgrid>[class*="col-"] {
	margin-bottom: 30px;
	display: flex;
}

.vr-pcard {
	position: relative;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	display: flex;
	flex-direction: column;
	transition: transform .3s ease, box-shadow .3s ease;
}

.vr-pcard:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 28px rgba(3, 60, 124, .15);
}

.vr-pimg {
	background: #f4f6f9;
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.vr-pimg img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.vr-pbody {
	padding: 16px 14px 18px;
	text-align: center;
	margin-top: auto;
}

.vr-pbody h3 {
	color: #033C7C;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	margin: 0 0 10px;
	text-transform: capitalize;
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vr-pbody a {
	display: inline-block;
	padding: 7px 20px;
	border: 1px solid #033C7C;
	border-radius: 30px;
	color: #033C7C;
	font-size: 13px;
	font-weight: 600;
}

.vr-pbody a:hover {
	background: #033C7C;
	color: #fff;
}

.vr-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #033C7C;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .5px;
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: 30px;
	z-index: 2;
}

.vr-more {
	text-align: center;
	margin-top: 5px;
	color: #454647;
}

.vr-more b {
	color: #033C7C;
}

/* promise strip */
.vr-promise {
	background: #033C7C;
	padding: 55px 0;
}

.vr-promise h2 {
	color: #fff;
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 35px;
}

.vr-pro {
	text-align: center;
	color: #fff;
	padding: 10px 12px;
}

.vr-pro i {
	display: block;
	font-size: 34px;
	color: #fff;
	margin-bottom: 12px;
}

.vr-pro strong {
	display: block;
	font-size: 17px;
	font-weight: 600;
	color: #fff;
}

/* steps */
.vr-step {
	text-align: center;
	padding: 10px 15px;
}

.vr-step .vr-num {
	width: 64px;
	height: 64px;
	line-height: 64px;
	border-radius: 50%;
	background: #454647;
	color: #fff;
	font-size: 26px;
	font-weight: 700;
	margin: 0 auto 16px;
}

.vr-step h3 {
	color: #033C7C;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 8px;
}

.vr-step p {
	color: #454647;
	margin: 0;
}

/* CTA */
.vr-cta {
	background: #454647;
	padding: 55px 0;
	text-align: center;
}

.vr-cta h2 {
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 10px;
}

.vr-cta p {
	color: #e3e3e3;
	margin-bottom: 26px;
	font-size: 17px;
}

.vr-cta a {
	display: inline-block;
	margin: 6px;
	padding: 12px 30px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 16px;
}

.vr-cta a.vr-b1 {
	background: #033C7C;
	color: #fff;
}

.vr-cta a.vr-b2 {
	background: #fff;
	color: #033C7C;
}

.vr-cta a:hover {
	background: #033C7C;
	color: #fff;
}

@media only screen and (max-width:991px) {
	.vr-sec {
		padding: 60px 0;
	}

	.vr-promise h2 {
		font-size: 26px;
	}
}

@media only screen and (max-width:767px) {
	.vr-sec {
		padding: 45px 0;
	}

	.vr-eq {
		display: block;
	}

	.vr-eq>[class*="col-"] {
		display: block;
		margin-bottom: 20px;
	}

	.vr-pbody h3 {
		font-size: 14px;
		min-height: 40px;
	}

	.vr-pbody {
		padding: 12px 8px 14px;
	}

	.vr-badge {
		font-size: 10px;
		padding: 3px 8px;
	}

	.vr-pro i {
		font-size: 28px;
	}

	.vr-pro strong {
		font-size: 15px;
	}

	.vr-promise h2,
	.vr-cta h2 {
		font-size: 23px;
	}
}

@media only screen and (max-width:420px) {
	.vr-pgrid>[class*="col-xs-6"] {
		padding-left: 8px;
		padding-right: 8px;
	}
}

.pr-sec {
	padding: 80px 0;
}

.pr-sec.pr-grey {
	background: #f6f8fb;
}

.pr-intro p {
	color: #454647;
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 16px;
}

.pr-intro h2 {
	color: #033C7C;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 18px;
}

.pr-intro .pr-tag {
	display: inline-block;
	color: #454647;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	margin-bottom: 8px;
}

.pr-facts {
	background: #033C7C;
	border-radius: 12px;
	padding: 30px 28px;
	color: #fff;
}

.pr-facts h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 18px;
	padding-bottom: 12px;
	border-bottom: 2px solid #fff;
	display: inline-block;
}

.pr-facts ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pr-facts li {
	padding: 11px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .15);
	display: flex;
	align-items: flex-start;
	color: #e8eef6;
}

.pr-facts li:last-child {
	border-bottom: 0;
}

.pr-facts li i {
	color: #fff;
	margin: 5px 12px 0 0;
}

.pr-facts li b {
	color: #fff;
	font-weight: 600;
}

/* filter bar */
.pr-filter {
	text-align: center;
	margin: 0 0 35px;
}

.pr-filter button {
	background: #fff;
	border: 1px solid #033C7C;
	color: #033C7C;
	font-weight: 600;
	font-size: 15px;
	padding: 9px 24px;
	margin: 4px;
	border-radius: 30px;
	cursor: pointer;
	transition: all .25s ease;
}

.pr-filter button:hover,
.pr-filter button.pr-on {
	background: #033C7C;
	color: #fff;
}

/* grid */
.pr-grid {
	display: flex;
	flex-wrap: wrap;
}

.pr-grid:before,
.pr-grid:after {
	display: none;
}

.pr-grid>[class*="col-"] {
	display: flex;
	margin-bottom: 30px;
}

.pr-grid>.pr-hide {
	display: none;
}

.pr-card {
	width: 100%;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #e5e9f0;
	border-bottom: 4px solid #e5e9f0;
	display: flex;
	flex-direction: column;
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.pr-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 14px 32px rgba(3, 60, 124, .16);
	border-bottom-color: #fc5508;
}

.pr-img {
	position: relative;
	background: #eef2f7;
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px;
}

.pr-img img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
	transition: transform .4s ease;
}

.pr-card:hover .pr-img img {
	transform: scale(1.07);
}

.pr-no {
	position: absolute;
	top: 10px;
	left: 12px;
	font-size: 13px;
	font-weight: 700;
	color: #033C7C;
	opacity: .55;
}

.pr-top {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #033C7C;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .5px;
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: 30px;
}

.pr-info {
	padding: 16px 16px 20px;
	text-align: center;
	margin-top: auto;
}

.pr-cat {
	display: block;
	color: #454647;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.pr-info h3 {
	color: #033C7C;
	font-size: 17px;
	font-weight: 600;
	line-height: 24px;
	margin: 0 0 14px;
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
}

.pr-info a {
	display: block;
	background: #033C7C;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	padding: 10px 12px;
	border-radius: 8px;
	transition: background .25s ease;
}

.pr-info a:hover {
	background: #fc5508;
	color: #fff;
}

/* more products (no photo yet) */
.pr-more {
	text-align: center;
	margin-top: 10px;
}

.pr-more h3 {
	color: #033C7C;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 14px;
}

.pr-more a {
	display: inline-block;
	margin: 5px;
	padding: 9px 20px;
	border: 1px dashed #033C7C;
	border-radius: 30px;
	color: #033C7C;
	font-weight: 500;
	font-size: 14px;
	background: #fff;
}

.pr-more a:hover {
	background: #033C7C;
	color: #fff;
	border-style: solid;
}

/* CTA */
.pr-cta {
	background: #454647;
	padding: 55px 0;
	text-align: center;
}

.pr-cta h2 {
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 10px;
}

.pr-cta p {
	color: #e3e3e3;
	margin-bottom: 26px;
	font-size: 17px;
}

.pr-cta a {
	display: inline-block;
	margin: 6px;
	padding: 12px 30px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 16px;
}

.pr-cta a.pr-b1 {
	background: #fff;
	color: #033C7C;
}

.pr-cta a.pr-b2 {
	background: #fff;
	color: #033C7C;
}

.pr-cta a:hover {
	background: #033C7C;
	color: #fff;
}

@media only screen and (max-width:991px) {
	.pr-sec {
		padding: 60px 0;
	}

	.pr-intro h2 {
		font-size: 26px;
		line-height: 34px;
	}

	.pr-facts {
		margin-top: 30px;
	}
}

@media only screen and (max-width:767px) {
	.pr-sec {
		padding: 45px 0;
	}

	.pr-intro h2 {
		font-size: 23px;
		line-height: 31px;
	}

	.pr-intro p {
		font-size: 15px;
		line-height: 26px;
	}

	.pr-filter button {
		font-size: 13px;
		padding: 7px 16px;
	}

	.pr-grid>[class*="col-"] {
		padding-left: 8px;
		padding-right: 8px;
		margin-bottom: 16px;
	}

	.pr-info {
		padding: 12px 8px 14px;
	}

	.pr-info h3 {
		font-size: 14px;
		line-height: 20px;
		min-height: 40px;
		margin-bottom: 10px;
	}

	.pr-info a {
		font-size: 12px;
		padding: 8px 6px;
	}

	.pr-cat {
		font-size: 10px;
	}

	.pr-top {
		font-size: 9px;
		padding: 3px 7px;
	}

	.pr-cta h2 {
		font-size: 23px;
	}
}

/* ===== Fasteners We Supply: 4 cards per row (only the .vr-fgrid row on service.php) ===== */
.vr-fgrid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.vr-fgrid:before,
.vr-fgrid:after {
	display: none;
}

.vr-fgrid>[class*="col-"] {
	display: flex;
}

.vr-fgrid .single-service-inner {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
}

.vr-fgrid .service-thumb {
	background: #eef2f7;
}

.vr-fgrid .service-thumb img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
	padding: 14px;
	mix-blend-mode: multiply;
}

.vr-fgrid .service-thumb-shape,
.vr-fgrid .service-thumb-shape-left {
	display: none;
}

.vr-fgrid .service-title-inner {
	padding: 18px 10px 20px;
	margin-top: auto;
}

.vr-fgrid .service-title h2 {
	font-size: 17px;
	line-height: 24px;
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 6px;
}

.vr-fgrid .service-title span {
	font-size: 13px;
	color: #033C7C;
	font-weight: 600;
	letter-spacing: .5px;
	text-transform: uppercase;
}

@media only screen and (max-width:767px) {
	.vr-fgrid>[class*="col-"] {
		padding-left: 8px;
		padding-right: 8px;
	}

	.vr-fgrid .single-service-inner {
		margin-bottom: 16px;
	}

	.vr-fgrid .service-thumb img {
		padding: 8px;
	}

	.vr-fgrid .service-title-inner {
		padding: 12px 6px 14px;
	}

	.vr-fgrid .service-title h2 {
		font-size: 14px;
		line-height: 20px;
		min-height: 40px;
	}

	.vr-fgrid .service-title span {
		font-size: 11px;
	}

	.vr-fgrid .readmore-button a {
		padding: 7px 12px;
		font-size: 12px;
	}
}

/* Product page: Browse Our Fasteners grid (only crop + gap fix) */
.vr-pgrid {
	display: flex;
	flex-wrap: wrap
}

.vr-pgrid:before,
.vr-pgrid:after {
	display: none
}

.vr-pgrid>[class*="col-"] {
	display: flex
}

.vr-pgrid .single-service-inner {
	width: 100%;
	display: flex;
	flex-direction: column
}

.vr-pgrid .service-title-inner {
	margin-top: auto;
	background-color: #c7c0c0;
}

.vr-pgrid .service-thumb img {
	aspect-ratio: 1/1;
	object-fit: contain;
	padding: 14px;
	background: #fff
}

/* Footer: Useful Link column ko beech me laana (sirf desktop) */
@media only screen and (min-width:992px) {
	.footer-sec .row {
		display: flex;
		justify-content: space-between
	}

	.footer-sec .row:before,
	.footer-sec .row:after {
		display: none
	}

	.footer-sec .row>[class*="col-"]:nth-child(1),
	.footer-sec .row>[class*="col-"]:nth-child(3) {
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
		width: 33.3333%
	}

	.footer-sec .row>[class*="col-"]:nth-child(2) {
		flex: 0 0 auto;
		width: auto;
		margin-right: 6%
	}
}

/* The End */