/*
    Template Name    : Electricshop
	Description		 : Responsive Electrical Template
    Version          : 1.0
*/

/*
================================================
/* Table of Content
==================================================

1. Fonts - Roboto and Raleway
2. Common CSS
3. Loader CSS
4. Top Wrapper
5. Header Inner
6. Slider Area
7. CTA Wrapper
8. Our Services
9. About Wrapper
10. Join Wrapper
11. Our Team Wrapper
12. Latest Projects Wrapper
13. Testimonials Wrapper
14. Counters
15. News Wrapper
16. Breadcrumb Wrapper
17. Inner page Wrapper
18. Gallery
19. FAQ Wrapper
20. Error Page
21. Countdown Page
22. Contact Wrapper
23. Footer Wrapper
24. Media Quires 

/*
================================================
1. Fonts - Roboto and Raleway
================================================
*/
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800|Roboto:300,400,600,700');

/*
================================================
2. Common CSS
================================================
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.57143;
	font-weight: 400;
	color: #fff;
	/* color: #2d2e2e; */
	background-color: #000;
}

::-webkit-scrollbar {
	width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #000;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #000;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.fa {
	font-family: FontAwesome !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Newsreader", serif !important;
	/* font-family: 'Raleway', sans-serif; */
	margin-top: 0;
}

a {
	color: #666666;
	transition: all 0.3s ease 0s;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

a,
a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
}

.btn,
.btn * {
	transition: all 0.3s ease 0s;
}

.btn {
	border-width: 2px;
	margin-bottom: 7px;
	margin-top: 7px;
	padding: 8px 22px;
	z-index: 1;
}

.btn:hover {
	color: #2d2e2e;
}

.light-bg {
	background: #f5f5f5;
}

i {
	transition: all 0.4s ease-in-out 0s;
}

.transition3s {
	transition: all 0.3s ease-in-out 0s;
}

ul,
li {
	list-style: outside none none;
}

.themecolor {
	color: #62d9ed;
}

a {
	color: #ffffff;
	/* color: #000000; */
}

a:hover {
	color: #cccccc;
}

.space-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.m-bot-40 {
	margin-bottom: 40px;
}

.m-top-40 {
	margin-top: 40px;
}

.pad-bottom-0 {
	padding-bottom: 0 !important;
}

section {
	/* float: left; */
	width: 100%;
	padding: 80px 0;
}

div.title {
	display: inline-block;
	margin: 0 0 0px;
	text-align: center;
	width: 100%;
	position: relative;
}

div.title h2 {
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	margin: 0;
}

div.title h2::after {
	/* background-color: #fff; */
	border: medium none;
	content: "";
	display: block;
	height: 2px;
	margin: 20px auto 0;
	width: 150px;
}

.title-border-color {
	background: #ffffff none repeat scroll 0 0;
	color: #ffcb37;
	display: inline-block;
	font-size: 30px;
	height: 40px;
	left: auto;
	position: relative;
	right: auto;
	text-align: center;
	top: -20px !important;
	width: 40px;
}

div.title img {
	left: 50%;
	margin-left: -34px;
	padding: 12px 0 0;
	position: absolute;
}

div.title img.title-border-img {
	width: 24px;
	margin-left: 0px;
	left: 20%;
	padding: 9px 0px 0px;
}

#scrollUp {
	background: #000000;
	border-radius: 50%;
	bottom: 100px;
	color: #000;
	display: block;
	font-size: 25px;
	height: 40px;
	line-height: 0;
	position: fixed;
	right: 20px;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
	width: 40px;
	z-index: 1000;
	border-bottom: 3px solid #88743d;
}

#scrollUp:hover {
	background: #000;
	color: #fff;
}

#scrollUp i {
	display: block;
	padding-top: 5px;
}

/* Overlay styles */
.overlay-style-one {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	overflow: hidden;
	transform: rotateX(150deg);
	transition: all 500ms ease;
	background-color: rgba(0, 0, 0, 0.70);
}

.overlay-style-one .box {
	display: table;
	height: 100%;
	width: 100%;
}

.overlay-style-one .box .content {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}


/* Button Effects */
.btn {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	border-radius: 6px;
	padding: 11px 40px 12px;
	font-size: 19px;
	color: #fff;
	font-weight: 500;
}

.btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* background: #000000; */
	background: #000;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.btn:hover,
.btn:focus,
.btn:active {
	color: white;
}

.btn:hover:before,
.btn:focus:before,
.btn:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/*
================================================
3. Loader CSS
================================================
*/
#dvLoading {
	background: url(../images/loader.gif) no-repeat center center #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999999;
}

/*
================================================
4. Top Wrapper
================================================
*/
header {
	width: 100%;
	z-index: 99;
}

header .navbar-default .navbar-nav>li>a.active {
	color: #ccc;
}

.top-wrapper {
	/* background: #000000; */
	color: #fff;
}

.affix .top-wrapper {
	display: none;
}

.affix .header-inner {
	background: #000;
	/* background: #fff; */
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.118);
}

.affix.fadeInDown {
	animation-delay: 0s;
	animation-direction: normal;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-name: fadeInDown !important;
	animation-play-state: running;
	animation-timing-function: ease;
}

.fadeInDown {
	animation-name: none !important;
}

.swingOutX {
	animation-name: none !important;
}

.top-wrapper .guest {
	color: #fff;
	font-size: 15px;
	padding: 10px 0;
}

/*** Top header add ***/
.top-header-add:before {
	/* background: #000000; */
	content: "";
	height: 101%;
	left: -22px;
	position: absolute;
	top: 0;
	transform: skewX(-30deg);
	width: 40px;
}

.top-header-add {
	/* background: #000000; */
	padding: 5px 0;
	width: 100%;
	display: inline-block;
	text-align: center;
	position: relative;
}

.top-header-add:after {
	/* background: #000000; */
	content: "";
	height: 101%;
	right: -22px;
	position: absolute;
	top: 0;
	transform: skewX(-30deg);
	width: 40px;
	z-index: 9;
}

.top-header-add div {
	display: inline-block;
}

.top-header-add div.phone {
	font-size: 22px;
	font-weight: 600;
	color: #ffffff;
	margin-right: 50px;
	position: relative;
}

.phone img {
	width: 17px !important;
	margin-bottom: 5px;
}

.top-header-add div.phone a {
	color: #000000;
}

.top-header-add div.book:before {
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-right: 28px solid #000000;
	border-bottom: 17px solid transparent;
	content: "";
	position: absolute;
	left: -28px;
	top: 0;
}

.top-header-add div.book {
	font-size: 15px;
	font-weight: 600;
	color: #000000;
	background: #000000;
	padding: 5px 20px;
	z-index: 99;
	position: relative;
	text-transform: uppercase;
}

.top-header-add div.book a {
	color: #000000;
}

.top-header-add div.book:after {
	background: #000000;
	content: "";
	height: 100%;
	left: auto;
	position: absolute;
	right: -50%;
	top: 0;
	width: 75%;
	z-index: -1;
}

.top-header-add i {
	font-size: 22px;
	line-height: 20px;
	margin-right: 10px;
	text-align: center;
	font-weight: 700;
}

/*
================================================
5. Header Inner
================================================
*/
/*  Logo */
/*logo*/
.logo img {
	float: left;
	padding-right: 119px;
	width: 450px !important;
}

.logo {
	width: 100%;
}

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

.company-name {
	padding-top: 5px;
	font-weight: 700;
	margin-bottom: 5px;
	color: #fff;
	text-transform: uppercase;
}

.slogan-name {
	color: #fff;
	margin: 0px 0px 0px 0px;
}

/* .sc-content {
    padding: 6px 0px;
} */
.padding-right-0 {
	padding-right: 0px;
}

header .logo {
	float: left;
	/*margin-top: 10px;*/
}

header .navbar {
	background: none;
	box-shadow: none;
	border: none;
	position: relative;
	padding: 0;
	margin: 0;
}

.navbar-nav {
	display: block;
	float: right;
}

header .nav li {
	float: left;
	position: relative;
	margin-right: 5px;
}

header .nav li:last-child {
	margin-right: 0px;
}

header .navbar-default .navbar-nav>li>a {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 53px 10px 24px;
	display: block;
	position: relative;
	text-shadow: none;
	text-align: center;
}

header .nav li ul li a {
	text-align: left;
}

header .nav li:hover a,
header .nav li.active a {
	color: #fff;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background-color: inherit;
	color: #000000;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #ccc;
}

header .nav li a i {
	font-size: 16px;
	color: #000000;
	margin-left: 4px;
}

header .nav li .dropdown {
	background: #fff;
	width: 220px;
	position: absolute;
	left: 0;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
	/*-webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);*/
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0;
}

header .nav li:hover a,
header .nav li.active a,
header .nav li .dropdown li:hover a,
header .nav li .dropdown li .dropdown.submenu li:hover a {
	background: #fff;
	color: #000000;
}

header .nav li:hover .dropdown {
	padding-left: 0px;
	transform: scale(1.0);
	opacity: 1;
	visibility: visible;
}

header .nav li .dropdown li {
	float: none;
	margin: 0;
}

header .nav li .dropdown li a {
	padding: 10px 15px;
	color: #666;
	display: block;
	font-weight: 400;
	background: transparent;
	font-size: 14px;
}

header .nav li .dropdown li i {
	float: right;
}

header .nav li .dropdown li:hover a {
	color: #000000;
}

header .nav li .dropdown.submenu {
	left: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}

header .nav li .dropdown li:hover .dropdown.submenu {
	opacity: 1;
	visibility: visible;
	transform: scale(1.0);
}

header .nav li .dropdown li .dropdown.submenu li a {
	color: #777;
	background: transparent;
}

header .nav li .dropdown li .dropdown.submenu li:hover a {
	color: #fff;
}

.slicknav_menu {
	display: none;
}

/* Header Sticky */
header.sticky .header-menu {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	background: #fff;
	transition: all 0.4s ease;
	animation: fadeInDown 1s both 0.2s;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
}

/*
================================================
6. Slider Area
================================================
*/
.banner-wrapper {
	width: 100%;
	/* float: left; */
	position: relative;
	padding: 0;
}

.close-image {
	width: 12px;
	position: absolute;
	top: 18px;
	right: 16px;
}

/* Slides backgrounds */
#first-slider .main-container {
	padding: 0;
}

#first-slider .carousel-indicators {
	bottom: 15px;
	display: none;
}

#first-slider .carousel-control.right,
#first-slider .carousel-control.left {
	background-image: none;
}

#first-slider .carousel .item {
	min-height: 500px;
	height: 100%;
	width: 100%;
}

/*footer*/
/* footer logo*/
.flogo img {
	float: left;
	width: 350px;
	padding-right: 80px;
}

.flogo .slogan-name {
	font-size: 14px;
	color: #fff;
	margin: 0px 0px 0px 0px;
	text-transform: capitalize;
}

.flogo .company-name {
	font-size: 24px;
	color: #fff;
}

/* .flogo .sc-content {
    padding: 0px 0px;
} */
.guest.copyright-wrapper ul {
	float: left;
}

footer .flogo h4::before {
	background: #151515;
}

img.logo2 {
	padding-left: 10px !important;
}

/*breadcromb sub header*/
.banner-wrapper p {
	padding: 4px 0px 10px !important;
}

.breadcromb-right img {
	width: 120px;
	float: right;
}

/*service page*/
.service-details-tabs img {
	width: 100%;
}

.advantages {
	padding: 40px 40px 30px;
	background: #000;
	/* background: #f8f8f8; */
	/*height: 352px;*/
}

.advantages h3 {
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 15px;
}

.advantages h4 {
	font-weight: 700;
	padding-top: 15px;
}

.advantages i.fa {
	padding-right: 10px;
}

.advantages p {
	margin: 0 0 15px;
}

.advantages p:before {
	content: "\f105";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: 0;
	top: 3px;
}

.advantages p {
	padding-left: 10px;
	position: relative;
}

/*** Our Coverage Area  ***/
.about-text-area img {
	width: 150px !important;
	margin-bottom: 20px;
}

.slider-wrap ul li {
	list-style: none;
	text-align: center;
}

.slider-wrap i.fa {
	font-size: 30px !important;
	color: #2d3333;
}

.sa-left {
	left: 0px;
	position: absolute;
	top: 30%;
}

.sa-right {
	right: 0px;
	position: absolute;
	top: 30%;
}

.slider img {
	width: 130px;
}

.coverage-area {
	background: #ededed;
}

.coverage-area .title-border-color {
	background: #2d2f2c;
}

.cov-area-content {
	padding-top: 20px;
}

.jvectormap-container {
	background: #ededed00 !important;
}

div#world-map {
	margin: auto;
	display: block;
	float: none;
}



@media (min-width: 768px) {
	.banner-inner .item .container {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
	}
}

#first-slider h1 {
	animation-delay: 1s;
}

#first-slider p {
	animation-delay: 2s;
}

#first-slider .btn-hero {
	animation-delay: 3s;
}

#first-slider .carousel-control {
	width: 6%;
	text-shadow: none;
}

#first-slider h1 {
	color: #fff;
	font-size: 50px;
	font-weight: 700;
	line-height: 52px;
	margin: 0 0 10px;
	padding: 0;
}

#first-slider h1 span {
	color: #000000;
}

#first-slider p {
	color: #fff;
	font-size: 19px;
	font-weight: 300px;
}

#first-slider .p a {
	text-decoration: underline;
}

.carousel-fade .banner-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.carousel-fade .banner-inner .item,
.carousel-fade .banner-inner .active.left,
.carousel-fade .banner-inner .active.right {
	opacity: 0;
}

.carousel-fade .banner-inner .active,
.carousel-fade .banner-inner .next.left,
.carousel-fade .banner-inner .prev.right {
	opacity: 1;
}

.carousel-fade .banner-inner .next,
.carousel-fade .banner-inner .prev,
.carousel-fade .banner-inner .active.left,
.carousel-fade .banner-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
	z-index: 2;
}

.carousel-control .fa-angle-right,
.carousel-control .fa-angle-left {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	line-height: 36px;
}

.carousel-control .fa-angle-left {
	left: 20%;
	width: 38px;
	height: 38px;
	margin-top: -15px;
	font-size: 30px;
	color: #fff;
	border: 1px solid #fff;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 53px;
}

.carousel-control .fa-angle-right {
	right: 20%;
	width: 38px;
	height: 38px;
	margin-top: -15px;
	font-size: 30px;
	color: #fff;
	border: 1px solid #fff;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 53px;
}

.carousel-control {
	opacity: 1;
	filter: alpha(opacity=100);
}

.banner-wrapper .btn {
	border: solid 2px #000000;
}

.banner-wrapper .btn-hero:hover {
	/* color: #333; */
	border: solid 2px #000;
	/* border: solid 2px #000000; */
}

/******  Slides backgrounds   *****/
/* #first-slider .slide1, .slide2, .slide3 {
	background-image: url(../images/1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
} */
#first-slider .slide1,
#first-slider .slide2,
#first-slider .slide3,
#first-slider .slide4,
#first-slider .slide5,
#first-slider .slide6,
#first-slider .slide7,
#first-slider .slide8,
#first-slider .slide9,
#first-slider .slide10,
#first-slider .slide11,
#first-slider .slide12 {
	height: 100vh;
	/* or any height you prefer */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#first-slider .slide1 {
	background-image: url(../images/11.jpg);
	/* background-image: url(../images/1.jpg); */
}

#first-slider .slide2 {
	background-image: url(../images/12.jpg);
	/* background-image: url(../images/2.jpg); */
}

#first-slider .slide3 {
	background-image: url(../images/13.jpg);
	/* background-image: url(../images/3.jpg); */
}

#first-slider .slide4 {
	background-image: url(../images/14.jpg);
	/* background-image: url(../images/4.jpg); */
}

#first-slider .slide5 {
	background-image: url(../images/15.jpg);
	/* background-image: url(../images/5.jpg); */
}

#first-slider .slide6 {
	background-image: url(../images/16.jpg);
	/* background-image: url(../images/6.jpg); */
}
#first-slider .slide7 {
	background-image: url(../images/17.jpg);
	/* background-image: url(../images/6.jpg); */
}
#first-slider .slide8 {
	background-image: url(../images/18.jpg);
	/* background-image: url(../images/6.jpg); */
}
#first-slider .slide9 {
	background-image: url(../images/19.jpg);
	/* background-image: url(../images/6.jpg); */
}
#first-slider .slide10 {
	background-image: url(../images/20.jpg);
	/* background-image: url(../images/6.jpg); */
}
#first-slider .slide11 {
	background-image: url(../images/21.jpg);
	/* background-image: url(../images/6.jpg); */
}
#first-slider .slide12 {
	background-image: url(../images/22.jpg);
	/* background-image: url(../images/6.jpg); */
}

.carousel-caption {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	/* Change this color if necessary */
}

/*
================================================
7. CTA Wrapper
================================================
*/
.cta-wrapper {
	/* float:left; */
	width: 100%;
	padding: 25px 0px;
	background: #000000;
}

/*** CTA Text ***/
.cta-text {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 27px;
}

.cta-inner:after {
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0px;
	width: 2px;
	background: #fff;
	/* background:#0088a7; */
}

.cta-inner {
	border-radius: 4px;
	padding: 0px 20px;
	position: relative;
	transition: all 400ms linear 0s;
}

/*** CTA ***/
.cta img {
	float: left;
	width: auto;
	margin: 6px 10px 0 0;
	width: 70px !important;
}

.cta h3 {
	color: #fff;
	font-size: 26px;
	font-family: 'Roboto', sans-serif;
	line-height: 38px;
	margin-bottom: 0px;
}

.cta h3 a {
	font-size: 38px;
	font-weight: 600;
	display: block;
	color: #fff;
}

/*** CTA Button ***/
.cta-inner.cta-btn:after {
	display: none;
}

.cta-btn {
	margin-top: 15px;
}

.cta-btn a {
	font-size: 19px;
	color: #000;
	background: #000;
	padding: 15px 40px;
	display: inline-block;
	border-radius: 30px;
}

.cta-btn a:hover,
.cta-btn a:focus {
	background: #000;
	color: #ffffff;
}

.cta-btn a:hover i {
	color: #000000;
}

.cta-btn a i {
	color: #000000;
	margin: 0 0 0 8px;
	font-size: 20px;
}

/*
================================================
8. Our Services
================================================
*/
.our-services-wrapper {
	padding: 73px 0 20px;
	background: #ededed;
	background: url("../images/services_background_02_07_2025.png") no-repeat;
	/* background: url("../images/service_bg.jpg") no-repeat; */
	background-position: center;
	background-size: cover;
}

.our-services-wrapper .title-border-color {
	background: #f7f7f7;
}

.our-services-wrapper .title {
	margin: 0 0 30px;
}

/*** Single Service ***/
.single-services {
	margin: 0 0 65px;
}

.services-inner {
	background: #000 none repeat scroll 0 0;
	/* background: #ffffff none repeat scroll 0 0; */
	border: 2px solid rgba(0, 0, 0, 0);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
	margin: 0px 10px;
	transition: all 0.3s ease 0s;
	border-radius: 4px;
	position: relative;
	z-index: 1;
}

.verfont{
	font-family: "Newsreader", serif !important;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

/* .services-inner:hover {
    background:#000000;
} */
.services-inner:hover h3,
.services-inner:hover p {
	color: #fff;
}

.services-inner:hover .our-services-icon span:after {
	border-top: 40px solid #fff;
}

.services-inner:hover a {
	background: #1c1c1c;
	color: #fff;
}

.our-services-icon {
	float: left;
	margin-left: -35px;
	margin-right: 25px;
	margin-top: -35px;
}

.our-services-icon span {
	width: 70px;
	height: 70px;
	background: #000000;
	border-radius: 50%;
	line-height: 67px;
	text-align: center;
	display: inline-block;
	position: relative;
}

.our-services-icon span:after {
	border-left: 20px solid rgba(0, 0, 0, 0);
	border-right: 20px solid rgba(0, 0, 0, 0);
	border-top: 40px solid #dfdfdf;
	content: "";
	height: 0;
	left: 46px;
	position: absolute;
	top: 53px;
	transform: rotate(-40deg);
	width: 0;
	z-index: -1;
}

.our-services-icon span img {
	width: auto;
}

.our-services-text {
	overflow: hidden;
	padding: 20px 13px 25px 13px;
}

.our-services-text h3 {
	color: #000000;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 8px;
	position: relative;
	line-height: 22px;
}

.our-services-text p {
	font-size: 15px;
}

.our-services-wrapper a {
	border: 2px solid #1c1c1c;
	color: #000;
	padding: 8px 30px;
	display: inline-block;
	text-transform: uppercase;
	margin: 10px 0;
	background-color: #fff;
}

.our-services-wrapper a:hover {
	background: #1c1c1c;
	color: #fff;
}

/** Service Details **/
.service-details-wrapper {
	padding: 70px 0;
}

.service-details-tabs .nav-tabs {
	margin-top: 0;
}

.service-details-tabs .nav-tabs li {
	width: 19%;
	background: none;
}

.service-details-tabs .nav-tabs li a {
	background: #003769;
	border-radius: 20px;
	color: #fff;
	width: 95%;
	border: none;
}

.service-details-tabs .tab-content {
	border: none;
}

.service-details-tabs .nav-tabs>li.active>a,
.service-details-tabs .nav-tabs>li.active>a:focus,
.service-details-tabs .nav-tabs>li.active>a:hover {
	background: #000000;
	color: #003769;
	border: none;
}

.tabs-content-right {
	float: left;
	width: 100%;
	padding: 30px 0px 0px 0px;
}

.tabs-content-right h3 {
	color: #ffffff;
	/* color: #000000; */
	font-weight: 700;
	font-size: 20px;
	margin: 10px 0 5px;
	padding-bottom: 15px;
}

.tabs-content-right p {
	color: #666;
	margin: 0 0 10px;
}

.tabs-content-right ul {
	margin: 0;
}

.tabs-content-right ul li {
	margin: 0 5px 0 0;
	padding: 0 0 8px 20px;
	background: url(../images/bulb-icon.png) no-repeat left 5px;
	display: block;
	color: #666;
}

/*
================================================
9. About Wrapper
================================================
*/
.about-wrapper {
	padding: 73px 0 50px;
}

.about-wrapper .title span:before {
	display: none;
}

.display-table {
	display: table;
	height: 100%;
	width: 100%;
}

.display-table-cell {
	display: table-cell;
	vertical-align: middle;
}

.width-50 {
	width: 50%;
}

.service-image {
	position: relative;
}

.about-wrapper img {
	height: auto;
	width: 100%;
}

.width-45 {
	width: 45%;
}

.about-text-area {
	padding: 0 50px;
	position: relative;
	z-index: 1;
}

.about-text-area h3:before {
	background: #fff;
	bottom: 0;
	content: "";
	height: 1px;
	position: absolute;
	width: 100px;
}

.about-text-area h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 12px;
	padding-bottom: 15px;
	position: relative;
}

.about-text-area a {
	border: 2px solid #fff;
	background: #000;
	color: #fff;
	display: inline-block;
	margin: 10px 0;
	padding: 8px 30px;
	text-transform: uppercase;
}

.about-text-area a:hover {
	background: #3f3e3e;
	color: #fff;
	border: 2px solid #fff;
}

.border_style {
	position: absolute;
}

.about-wrapper .border_style span::after {
	height: 20px;
	left: 0;
	width: 6px;
}

.about-wrapper span:before,
.border_style span:after {
	background-color: #000000;
	content: "";
	display: block;
	height: 6px;
	position: absolute;
	width: 20px;
}

.border_style span:before {
	top: -6px;
}

.border_style span {
	display: block;
	position: relative;
}

.border_style.top.left {
	left: -6px;
}

.border_style.top {
	top: 0;
}

.border_style.top.right span::before {
	left: -20px;
}

.border_style.top.right:before {
	right: 0;
}

.border_style.top.right {
	right: 0;
}

.border_style.bottom.left {
	left: -6px;
}

.border_style.bottom.left span::after {
	bottom: 0;
}

.border_style.bottom.right:before {
	right: 0;
}

.border_style.bottom.right {
	right: 0;
}

.border_style.bottom {
	bottom: -6px;
}

.border_style.bottom.right span::after {
	bottom: 0;
}

.border_style.bottom.right span::before {
	right: 0;
}

/*** About us Inner Page ***/
.about-wrapper {
	padding: 80px 0 70px;
}

.about-carousel {
	float: left;
	width: 100%;
}

.about-wrapper .owl-dots {
	display: none;
}

.about-wrapper .item img {
	display: block;
	width: 100%;
	height: auto;
}

.about-wrapper .owl-theme .owl-controls {
	margin-top: 0;
}

.about-wrapper .owl-nav div {
	width: 20px;
	height: 21px;
	border-radius: 0;
	opacity: 1;
	font-size: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 10px;
}

.about-wrapper .owl-theme .owl-controls.clickable .owl-buttons div:hover {
	opacity: 0.5;
}

.about-wrapper .owl-nav .owl-prev {
	background: url(../images/logos-left-arrow.jpg) no-repeat left top;
	right: 40px;
}

.about-wrapper .owl-nav i {
	font-size: 0;
}

.about-wrapper .owl-nav .owl-next {
	background: url(../images/logos-right-arrow.jpg) no-repeat left top;
	right: 10px
}

.about-caption {
	float: left;
	width: 100%;
	margin: 20px 0;
}

.about-caption h3 {
	font-weight: 700;
	margin: 0 0 5px;
	color: #62d9ed;
	/* color: #003769; */
}

.about-caption p {
	color: #666;
}

/** Tabs **/
ul.nav.nav-tabs {
	border: none;
}

.nav-tabs li a {
	color: #666666;
}

.nav-tabs li {
	width: 50%;
	text-align: center;
	background: #f1f1f1;
	font-size: 16px;
}

.nav-tabs {
	margin-top: 20px;
}

.tab-content {
	padding: 15px;
	border: 1px solid #ddd;
	border-top: 0;
}

.tab-content h4 {
	margin-bottom: 6px;
	color: #333333;
}

.nav-tabs li a {
	background: #f1f1f1;
	display: inline-block;
	width: 100%;
	padding: 8px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	background: #0F3661;
	color: #fff;
}

/* Faq */
.faq-sub-title {
	padding-bottom: 45px;
}

.faq-area h3 {
	font-weight: 700;
	font-size: 20px;
}

.about-faq-wrapper .panel-group .panel {
	border-radius: 0;
	border: none;
	margin-top: 16px;
}

.about-faq-wrapper .panel-faq .panel-default>.panel-heading {
	display: block;
	padding: 0;
	border-radius: 0;
	font-weight: 700;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	color: #222;
	text-transform: capitalize;
	position: relative;
}

.about-faq-wrapper .panel-faq .panel-default>.panel-heading.active a:hover,
.about-faq-wrapper .panel-faq .panel-default>.panel-heading.active a:focus {
	background-color: #003769;
	color: #fff;
	border: none;
}

.about-faq-wrapper .panel-faq .panel-default>.panel-heading a:hover {
	background-color: #003769;
	border: none;
	color: #fff;
	border-radius: 0px;
}

.about-faq-wrapper .panel-heading:hover:before {
	color: #fff;
}

.about-faq-wrapper .panel-faq .panel-default>.panel-heading.active a {
	background-color: #003769;
	border: none;
	color: #fff;
	border-radius: 0px;
}

div.about-faq-wrapper .panel-faq .panel-body {
	padding: 20px 20px 10px;
	background-color: #fff;
	box-shadow: 6px 6px 7px rgba(39, 49, 67, .13);
	border-radius: 0;
	border: none !important;
}

.about-faq-wrapper .panel-title a:hover,
.about-faq-wrapper .panel-title a:focus {
	color: #fff;
}

.about-faq-wrapper .panel-faq .panel-default>.panel-heading.active::before {
	color: #fff;
	content: "-";
}

.about-faq-wrapper .panel-faq .panel-default>.panel-heading.active h4 {
	color: #fff;
}

.about-faq-wrapper .panel-faq .panel-default>.panel-heading h4 {
	font-size: 16px;
	font-weight: 600;
	line-height: 25px;
}

.about-faq-wrapper .panel-faq .panel-default>.panel-heading h4 a {
	display: block;
	padding: 10px 20px 12px;
	color: #666;
}

.about-faq-wrapper .panel-faq .panel-default>.panel-heading::before {
	content: "+";
	font-size: 24px;
	padding: 0 0 0 20px;
	position: absolute;
	right: 15px;
	top: 5px;
}

.about-faq-wrapper .panel-faq p {
	margin: 0 0 12px;
}

.about-faq-wrapper .widget .btn {
	background-color: #f47629;
}

.about-faq-wrapper .widget .btn:hover {
	background-color: #f47629;
	border-color: #f47629;
	color: #fff;
}

.about-faq-wrapper .panel-group {
	margin: 0;
}

/** About Us Counters **/
.faq-area .counters:before {
	background: none;
}

.faq-area .counters {
	background: none;
	padding: 0;
}

.faq-area .counter-box .number {
	margin: 12px 0 0;
	font-weight: 800;
	font-size: 25px;
}

.faq-area .counter-box p {
	color: #666;
}

.faq-area .counter-box {
	text-align: center;
	margin: 35px 0 0;
}

.faq-area .counter-box i {
	border: 1px solid #000000;
	color: #f2c21a;
	display: inline-block;
	font-size: 22px;
	height: 60px;
	line-height: 60px;
	transition: all 1.4s ease 0s;
	width: 60px;
}

.faq-area .counter-box:hover i {
	background: #000000;
	color: #fff;
}

/*
================================================
10. Join Wrapper
================================================
*/
.join-wrapper:before {
	background: #000000;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.5;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.join-wrapper {
	background: rgba(0, 0, 0, 0) url("../images/18.jpg") no-repeat;
	/* background: rgba(0, 0, 0, 0) url("../images/cta.jpg") no-repeat; */
	float: left;
	padding: 61px 0 65px;
	background-position-y: -250px ;
	position: relative;
	width: 100%;
	z-index: 9;
	background-size: cover;
}

.join-wrapper h3 {
	font-size: 45px;
	color: #fff;
	font-weight: 500;
}

.join-wrapper h3 span {
	font-size: 55px;
	color: #000000;
	font-weight: 800;
}

.join-wrapper a {
	display: inline-block;
	padding: 6px 30px;
	color: #fff;
	font-size: 18px;
	border: 2px solid #000000;
	border-radius: 6px;
	margin: 10px 0 0;
}

.join-wrapper a:hover,
.join-wrapper a:focus {
	border: 2px solid #000;
	background: #000;
	color: #fff;
}

/*
11. Our Team Wrapper
12. Latest Projects Wrapper
13. Testimonials Wrapper
14. Counters
15. News Wrapper
*/
/*
================================================
16. Breadcrumb Wrapper
================================================
*/
.breadcromb-wrapper {
	background-image: url(../images/header_img2.jpg);
	background-size: cover;
	position: relative;
	padding: 20px 0;
	width: 100%;
	background-position: center;
}

.breadcromb-overlay {
	background-image: linear-gradient(-225deg, rgb(53, 53, 53) 0%, rgb(43, 43, 43) 48%, rgba(0, 0, 0, 0.5) 100%) !important;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

.breadcromb-left {
	text-align: left;
	margin: 0 0 27px;
	padding-top: 35px;
}

.breadcromb-left>h3::before {
	background: #000000;
	content: "";
	height: 100%;
	left: -10000%;
	position: absolute;
	top: 0;
	width: 10000%;
}

.breadcromb-left>h3 {
	color: #fff;
	font-size: 30px;
	text-transform: capitalize;
	text-align: left;
	background: #000000;
	padding: 10px 15px;
	display: inline-block;
	position: relative;
	font-weight: 700;
}

.breadcromb-left>h3::after {
	border-right: 54px solid rgba(0, 0, 0, 0);
	border-top: 54px solid #000000;
	content: "";
	height: 0;
	position: absolute;
	right: -54px;
	top: 0;
	width: 0;
}

.breadcromb-text {
	background: #f6f6f6;
	float: left;
	width: 100%;
}

.breadcromb-text ul {
	border-radius: 4px;
	margin: 0;
	padding: 5px 0;
	display: inline-block;
}

.breadcromb-text li {
	color: #000;
	display: inline-block;
	margin: 0 3px;
	text-transform: capitalize;
}

.breadcromb-text li:last-child {
	color: #003769;
}

.breadcromb-text li a {
	color: #000;
}

.breadcromb-text li:first-child a i {
	color: #000;
	margin-right: 5px;
}

/*
================================================
17. Inner page Wrapper
================================================
*/
/* .inner-page-wrapper {
  float: left;
  padding: 80px 0;
  width: 100%;
} */
/*
================================================
18. Gallery
================================================
*/
.gallery-wrapper {
	padding: 60px 0 50px;
}

.gallery-section .gallery-content {
	width: 100%;
	float: left;
}

.gallery-section .gallery-caption {
	list-style-type: none;
	margin: 30px 0 0;
	float: left;
	position: relative;
	overflow: hidden;
}

.gallery-section .gallery-caption:hover img {
	opacity: 1;
}

.gallery-section .gallery-caption .caption {
	cursor: pointer;
	position: absolute;
	opacity: 0;
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	-ms-transition: all .45s ease-in-out;
	transition: all .45s ease-in-out;
}

.gallery-section .gallery-caption:hover .caption {
	opacity: 1;
}

.gallery-section .gallery-caption img {
	margin: 0;
	padding: 0;
	float: left;
	z-index: 4;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.gallery-section .gallery-caption .blur {
	background-color: rgba(0, 0, 0, .65);
	z-index: 5;
	position: absolute;
	padding: 30px;
}

.gallery-section .gallery-caption .caption-text h1 {
	font-size: 18px;
	font-family: "Oswald";
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	text-align: center;
	right: 40px;
	letter-spacing: 1px;
	position: absolute;
	top: 40%;
	left: 20%;
}

.gallery-section .gallery-caption .caption-text {
	z-index: 10;
	color: #fff;
	position: absolute;
	text-align: center;
}

.gallery-section .gallery-caption .caption-text .gallery_caption_text span {
	font-family: Oswald, sans-serif;
	letter-spacing: 5px;
	font-weight: 400;
	position: absolute;
	bottom: 5%;
	right: 10%;
	color: #585745;
	font-size: 11px;
	font-family: "Oswald";
	color: rgb(238, 238, 238);
	text-transform: uppercase;
	line-height: 3.091;
	text-align: right;
	position: absolute;
}

.gallery-section .gallery-caption .caption-text .gallery_caption_icon span.fa-search {
	border-style: solid;
	border-width: 5px;
	border-color: #444;
	opacity: .9;
	width: 69px;
	height: 69px;
	position: absolute;
	top: 43%;
	display: inline-table;
	padding: 20px;
	right: 40%;
	left: auto;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 5px 7px #222;
	-moz-box-shadow: 0 0 5px 7px #222;
	box-shadow: 0 0 5px 7px #222;
	background: #333;
	font-size: 24px;
	color: #fff;
	line-height: 1.083;
	text-align: right;
}

.gallery-section .owl-nav {
	text-align: center;
	float: left;
	width: 100%;
}

.gallery-section .owl-prev {
	width: 50%;
	text-align: right;
	float: left;
}

.gallery-section .owl-next {
	width: 50%;
	text-align: left;
	float: left;
}

.gallery-section .owl-nav .gallery_prev_div {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(225, 225, 225);
	background-color: rgba(225, 225, 225, 0);
	opacity: 0.75;
	width: 100px;
	height: 42px;
	padding: 8px;
	margin-right: 20px;
	text-align: left;
	float: right;
}

.gallery-section .owl-nav .gallery_prev_div .fa {
	margin-left: 5px;
	margin-right: 10px;
}

.gallery-section .owl-nav .gallery_next_div {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(225, 225, 225);
	background-color: rgba(225, 225, 225, 0);
	opacity: 0.75;
	width: 100px;
	height: 42px;
	padding: 8px;
	margin-right: 20px;
	text-align: right;
	float: left;
}

.gallery-section .owl-nav .gallery_next_div .fa {
	margin-right: 5px;
	margin-left: 10px;
}

.gallery-section .owl-stage-outer {
	margin-bottom: 30px;
}

.mfp-title {
	display: none;
}

/*
================================================
19. FAQ Wrapper
================================================
*/
.faq-wrapper {
	padding: 70px 0 70px;
}

.faq-details .panel-heading {
	padding: 0;
	border: none;
	border-radius: 0;
}

.faq-details .panel-group .panel {
	border-radius: 0px;
	margin-bottom: 0;
	border: none;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
}

.faq-details .panel-group .panel+.panel {
	margin-top: 12px;
}

.faq-details h4.check-title {
	color: #666666;
	font-size: 16px;
	margin-bottom: 0;
	text-transform: capitalize;
}

.faq-details h4.check-title a.collapsed {
	color: #666;
	display: block;
	font-weight: 600;
	padding: 10px 10px 10px 40px;
	text-decoration: none;
	background: #fff;
	line-height: 25px;
}

.faq-details h4.check-title a {
	color: #000;
	display: block;
	font-weight: 600;
	padding: 10px 10px 10px 40px;
	text-decoration: none;
	background: #fff;
	line-height: 25px;
}

.faq-details .panel-body {
	padding: 15px 15px 5px 20px;
}

.faq-details .panel-body p {
	color: #666;
}

.faq-details h4.check-title {
	color: #666;
	font-size: 16px;
	margin-bottom: 0px;
	text-transform: capitalize;
}

.faq-details a span.acc-icons {
	position: relative;
}

.faq-details .active a span.acc-icons::before {
	/*color: #000000;*/
	content: "\f077";
	font-family: FontAwesome;
	font-size: 16px;
	left: -26px;
	line-height: 39px;
	position: absolute;
	text-align: center;
	top: -10px;
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

.faq-details .active a.collapsed span.acc-icons::before {
	/*color: #000000;*/
	content: "\f078";
	font-family: FontAwesome;
	font-size: 16px;
	left: -26px;
	line-height: 39px;
	position: absolute;
	text-align: center;
	top: -10px;
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

.faq-details a span.acc-icons::before {
	color: #666;
	content: "\f077";
	font-family: FontAwesome;
	font-size: 16px;
	left: -26px;
	line-height: 39px;
	position: absolute;
	text-align: center;
	top: -10px;
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

.faq-details a.collapsed span.acc-icons::before {
	/*color: #000000;*/
	content: "\f078";
	font-family: FontAwesome;
	font-size: 16px;
	left: -26px;
	line-height: 39px;
	position: absolute;
	text-align: center;
	top: -10px;
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

.faq-details .panel-heading .active a {
	color: #003769;
	background: #f9f9f9;
}

.faq-content {
	background: #f9f9f9;
	padding: 6% 10%;
	border-radius: 5px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

.faq-content .contact-form textarea#message {
	height: 135px;
	border-radius: 0;
	box-shadow: none;
	padding-left: 20px;
}

.faq-page .quote-btn {
	font-weight: 600;
	color: #fff;
	background: #f5af25;
	display: inline-block;
	border: 2px solid #f5af25;
	padding: 10px 20px;
	width: 134px;
	text-transform: uppercase;
	border-radius: 3px;
	transition: 0.4s;
	margin-top: 10px;
}

.faq-page .quote-btn:hover {
	color: #f5af25;
	background: #fff;
	border: 2px solid #f5af25;
	transition: 0.4s;
}

/** FAQ Form **/
.faq-content {
	background: #fff;
	border-radius: 0;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
	padding: 8.4% 10% 8%;
}

.faq-content h4 {
	font-size: 24px;
	line-height: 26px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="number"] {
	border: 1px solid #cccccc;
	border-radius: 0;
	height: 44px;
	padding-left: 20px;
	width: 100%;
	box-shadow: none;
}

.faq-content .quote-btn {
	background: #000000;
	border: 2px solid #000000;
	color: #ffffff;
	display: inline-block;
	font-weight: 600;
	margin-top: 10px;
	padding: 10px 20px;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
	width: 134px;
}

.faq-content .quote-btn:hover,
.faq-content .quote-btn:focus {
	background: #ffffff;
	border: 2px solid #000000;
	color: #000000;
	transition: all 0.4s ease 0s;
}

/*
================================================
20. Error Page
================================================
*/
.error-page {
	background-image: url("../images/error.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	position: relative;
	width: 100%;
}

.error-page .error-part::after {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.error-page .error-part {
	display: table;
	height: 100%;
	text-align: center;
	width: 100%;
}

.error-page .error-part .error-text {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	width: 100%;
	z-index: 1;
}

.error-page .error-part .error-text .error-logo {
	margin-bottom: 20px;
	text-align: center;
}

.error-page .error-part .error-text .error-logo img {
	background: #fff;
	border-radius: 15px;
	padding: 10px 15px;
}

.error-page .error-part .error-text .error-code {
	color: #000000;
	font-size: 100px;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 10px;
	padding: 0;
}

.error-page .error-part .error-text .error-message {
	color: #ffffff;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 20px;
}

.error-page .error-part .error-text a {
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
}

/*
================================================
21. Countdown Page
================================================
*/
.coming-soon-wrapper {
	padding: 76px 0 136px;
}

.coming-soon-wrapper h3 {
	text-align: center;
	color: #003769;
	font-weight: 700;
}

.coming-soon-wrapper .cntdown {
	position: relative;
	display: inline-block;
	padding: 5px 0px;
	margin-top: 20px;
	width: 25%;
	text-align: center;
	margin: 24px -2px;
	border-right: 1px dashed #012F5C;
}

.coming-soon-wrapper .cntdown:last-child {
	border-right: 0px;
}

.coming-soon-wrapper .cntdown span.days,
.coming-soon-wrapper .cntdown span.hour,
.coming-soon-wrapper .cntdown span.minutes,
.coming-soon-wrapper .cntdown span.second {
	font-size: 50px;
	color: #000000;
	display: block;
	font-weight: 700;
	line-height: 45px;
}

.coming-soon-wrapper .cntdown p {
	position: relative;
	font-size: 17px;
	color: #999;
	font-weight: 600;
	text-transform: uppercase;
}

.coming-soon-wrapper form {
	position: relative;
	max-width: 600px;
	margin: 0 auto;
	margin-top: 34px;
}

.coming-soon-wrapper form button {
	position: absolute;
	right: 0;
	top: 0;
	background: #012F5C;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	padding: 15px 20px;
	cursor: pointer;
	transition: .5s ease;
}

.coming-soon-wrapper input[type="text"] {
	position: relative;
	line-height: 32px;
	padding: 10px 50px 10px 20px;
	border: 1px solid #e0e0e0;
	display: block;
	font-size: 14px;
	width: 100%;
	height: 55px;
	border-radius: 3px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

/*
================================================
22. Contact Wrapper
================================================
*/
.contact-wrapper {
	padding: 70px 0 0px;
}

.contact-wrapper .contact-form {
	display: inline-block;
	width: 100%;
	margin: 0 0 54px;
}

.contact-wrapper textarea {
	border: 1px solid #cccccc;
	line-height: 10px;
	margin-bottom: 5px;
	outline: inherit;
	padding: 10px 0 10px 20px;
	width: 100%;
	height: 140px;
}

.contact-wrapper .submit-area {
	text-align: center;
}

.contact-wrapper .btn:before {
	border-radius: 30px;
}

.btn-one {
	background: #fff none repeat scroll 0 0;
	color: #000;
	/* background: #000 none repeat scroll 0 0;
	color: #ffffff; */
	border: 2px solid #000;
	font-size: 16px;
	margin: auto;
	margin-bottom: 20px;
	padding: 8px 30px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	display: block;
	float: none;
}

.faq-quote .btn-one {
	margin-top: 20px;
	float: left;
	margin-bottom: 0px;
}

.btn-one:hover,
.btn-one:focus {
	background: rgba(204, 204, 204, 1)	none repeat scroll 0 0;
	/* border: 2px solid #ccc; */
	color: #000;
}

/** Google Map **/
.google-map {
	float: left;
	margin: 80px 0 0;
	width: 100%;
	position: relative;
}

.google-map iframe {
	border: medium none;
	/*height: 750px;*/
	margin: 0 0 -6px;
	width: 100%;
}

/** Contact Info **/
.contact-info {
	background: #000000;
	border-radius: 10px;
	padding: 50px 80px;
	width: 100%;
}

.contact-info .title {
	margin: 0;
}

.contact-info .title h2 {
	color: #fff;
}

.contact-info .title .border {
	background: #fff;
	height: 1px;
	width: 150px;
	display: inline-block;
}

.contact-info .title h2:after {
	display: none;
}

.contact-box-img {
	width: auto;
	text-align: center;
	margin-top: -6px;
}

.contact-box.border {
	margin-bottom: 10px;
	padding-bottom: 0px;
	position: relative;
	text-align: center;
}

.contact-box img {
	margin: 0 0 10px;
}

.contact-box h3 {
	font-weight: 700;
	margin: 0 0 5px;
	font-size: 20px;
	color: #fff;
}

.contact-box a {
	color: #fff;
}

.contact-box a:hover {
	color: #000;
}

.contact-box p {
	color: #fff;
	line-height: 22px;
}

.contact-info-box {
	padding-top: 30px;
}

/* payment */
.payment {
	margin-top: 15px;
}

.payment-box {
	text-align: center;
	padding-top: 30px;
}

.payment a {
	display: inline-block;
	padding-bottom: 0px;
}

.payment img {
	width: 54px !important;
	height: auto;
	margin-right: 5px;
}

/*
================================================
23. Footer Wrapper
================================================
*/
.footer-wrapper {
	background: #151515;
	/* float:left; */
	padding: 80px 0;
	width: 100%;
	display: flex;
	/* display:inline-block; */
}

.search-wrapper {
	background: #000000;
	padding: 40px 30px;
	width: 100%;
	float: left;
	margin: -80px 0 74px;
	border-radius: 100px;
}

.search-wrapper h3 {
	color: #003769;
	font-size: 30px;
	font-weight: 300;
}

.search-wrapper h3 span {
	font-weight: 700;
	display: block;
	font-size: 40px;
}

/*** Footer Search Form ***/
.footer-search-form {
	float: left;
	padding: 0;
	width: 100%;
}

.footer-search-form .form input.form-control {
	background: #fff;
	border: 1px solid #fff;
	border-radius: 60px 0 0 60px;
	color: #333;
	float: left;
	font-size: 16px;
	margin: 0;
	padding: 23px 0 23px 20px;
	text-align: left;
	width: 69%;
	height: auto;
	box-shadow: none;
}

.footer-search-form .form input.bttn {
	background: #003769;
	border: 1px solid #003769;
	border-radius: 60px;
	color: #ffffff;
	cursor: pointer;
	float: left;
	font-size: 16px;
	margin: 0 0 0 -26px;
	padding: 23px 10px;
	text-align: center;
	width: 30%;
}

footer .flogo {
	color: #ffffff;
	font-size: 40px;
}

.intro .intro-content {
	color: #fff;
	margin-top: 15px;
}

footer h4::before {
	background: #000000;
	bottom: -12px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 50px;
}

footer h4 {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	margin: 0px 0 28px;
	padding-bottom: 5px;
	position: relative;
	text-transform: uppercase;
}

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

footer ul li:before {
	font-family: FontAwesome;
	display: inline-block;
	padding-right: 6px;
	vertical-align: middle;
	content: "\f105";
	/* color:#000000; */
}

footer ul li {
	display: black;
	list-style: none;
	padding: 0 0 10px 0;
	color: #fff;
}

footer ul li a {
	color: #fff;
	font-size: 15px;
}

footer ul li a:hover,
footer ul li a:focus {
	color: #ccc;
	/* color: #000000; */
}

.address li {
	color: #fff;
	margin-bottom: 15px;
	padding: 0;
	position: relative;
	padding-left: 25px;
}

.address li img {
	position: absolute;
	left: 0;
	width: 16px !important;
	top: 3px;
}

.address li span {
	/* color:#000000; */
	font-size: 20px;
	margin: 0 8px 0 0;
	position: absolute;
	margin-left: -26px;
}

footer .address ul li::before {
	display: none;
}

.copyright-wrapper {
	position: relative;
	/* background: #000000; */
	float: left;
	padding: 15px 0;
	width: 100%;
}

.copyright-wrapper p {
	color: #fff;
	margin: 0;
}

/** Social Icons **/
.copyright-wrapper ul {
	margin: 0;
	float: right;
}

.copyright-wrapper ul li {
	color: #ffffff;
	display: inline-block;
	margin: 0;
	padding: 0 0 0 10px;
	transition: all 0.3s ease-in-out 0s;
}

.copyright-wrapper ul li a {
	display: block;
	line-height: 21px;
	padding: 0;
	text-align: center;
	color: #ffffff;
}

.copyright-wrapper ul li a:hover i {
	color: #000000;
}

/** Footer Cta Wrapper **/
.footer-cta-wrapper {
	width: 100%;
	background: #000000;
	border-radius: 50px;
	padding: 30px;
	/* float:left; */
	margin: 20px 0 0;
}

.footer-cta-wrapper img {
	float: left;
	margin: 0 20px 0 0;
}

.footer-cta-wrapper h3 {
	color: #000000;
	font-weight: 700;
	font-size: 22px;
	margin: 0 0 5px;
}

.footer-cta-wrapper p {
	color: #fff;
	margin: 0;
}

.footer-cta-wrapper a {
	background: #000000;
	display: inline-block;
	padding: 10px 25px;
	color: #000;
	font-size: 18px;
	border-radius: 15px;
}

.footer-cta-wrapper a:hover {
	background: #fff;
	color: #000;
}

/*blog-news*/
.blog_section,
.single_page_blog {
	background: #f2f2f2;
}

.blog_section .entry-image img,
.single_page_blog .resp_video img {
	width: 100%;
}

.entry-container {
	background: #FFF;
	position: relative;
}

.entry-content {
	padding: 25px 0px 0px;
}

.post {
	display: block;
	margin-bottom: 30px;
	overflow: hidden;
	background-color: #FFFFFF;
	border-bottom: 1px solid #d3d5d7;
	-webkit-box-shadow: 0 0 5px 0 #e2e3e4;
	-moz-box-shadow: 0 0 5px 0 #e2e3e4;
	box-shadow: 0 0 5px 0 #e2e3e4;
	display: block;
	margin-bottom: 30px;
	overflow: hidden;
	background-color: #FFFFFF;
	background-color: #FFF;
	border-bottom: 1px solid #d3d5d7;
	-webkit-box-shadow: 0 0 5px 0 #e2e3e4;
	-moz-box-shadow: 0 0 5px 0 #e2e3e4;
	box-shadow: 0 0 5px 0 #e2e3e4;
	position: relative;
	padding: 0px;
	margin-bottom: 50px;
}

.post h1 {
	font-size: 30px;
	text-transform: uppercase;
	line-height: 35px;
	font-weight: normal;
	font-family: "Roboto Slab", "Droid Arabic Kufi", Arial, sans-serif;
	margin: 0 25px 20px;
}

.meta {
	margin-left: 25px;
}

.meta div {
	margin-right: 10px;
	float: left;
	margin-bottom: 5px;
	font-size: 14px;
	color: #9ba1a8;
}

.meta .fa {
	margin-right: 5px;
}

.blog_section .clear {
	clear: both;
}

.entry-image img,
.entry-video {
	margin-top: 20px;
}

.entry-content p {
	margin: 15px 25px 20px;
	line-height: 25px;
	font-size: 15px;
	color: #6d7683;
}

.entry-meta {
	background: none repeat scroll 0 0 #FFF;
	border-color: #fff;
	border-style: solid;
	border-width: 1px 0 0;
	position: relative;
	background: #fcfcfc;
	padding: 10px 15px;
	border-top: 1px solid #ecedee;
}

.share-story-container ul {
	margin: 0;
	padding: 0px;
}

.sidebar ul {
	padding-left: 0px;
}

ul.share-story li {
	display: inline-block;
}

.pull-left.share-story-container a {
	color: rgba(0, 0, 0, 0.3);
	font-size: 24px;
	padding: 10px;
}

.pull-left.share-story-container a:hover {
	color: #000000;
}

.read-more {
	display: block;
	float: right;
	text-align: center;
	padding: 10px 20px;
	font-size: 13px;
	margin: 0;
	font-weight: normal;
	background-color: #000000 !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
}

.sidebar .widget {
	background: #fff;
	margin-bottom: 30px;
	background-color: #FFFFFF;
	-moz-border-radius: 1px 1px 1px 1px;
	-webkit-border-radius: 1px 1px 1px 1px;
	border-radius: 1px 1px 1px 1px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
	border-bottom: 1px solid #d3d5d7;
	-webkit-box-shadow: 0 0 5px 0 #e2e3e4;
	-moz-box-shadow: 0 0 5px 0 #e2e3e4;
	box-shadow: 0 0 5px 0 #e2e3e4;
	position: relative;
	padding: 25px;
}

.sidebar h2 {
	line-height: 40px;
	background: #FFFFFF;
	font-size: 20px;
	font-weight: normal;
	padding: 10px 15px 0 0;
	border-bottom: 1px solid #e4e4e4;
	color: #292929;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 2px solid #ecedee;
	margin-bottom: 20px;
	line-height: 20px;
	position: relative;
	color: #2f3c4e;
	font-size: 16px;
	font-weight: bold;
}

.sidebar form#search-form {
	padding: 0px;
}

.sidebar .simplesearch .search-input {
	width: 100%;
	display: inline-block;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	height: 40px;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size: 14px;
	border-radius: 4px;
	vertical-align: middle;
}

.sidebar li {
	line-height: 20px;
	display: block;
	padding: 8px 15px 8px 0px;
}

#blog-pager {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	clear: both;
	overflow: hidden;
}

.pagination {
	width: 100%;
}

.pagenavi {
	text-align: center;
	background-color: #FFFFFF;
	-moz-border-radius: 1px 1px 1px 1px;
	-webkit-border-radius: 1px 1px 1px 1px;
	border-radius: 1px 1px 1px 1px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
	padding: 8px;
}

.pagenavi .current,
.pagenavi a:hover {
	background: #000000;
}

.pagenavi a,
.pagenavi span {
	color: #000;
	border: 1px solid #000;
	text-decoration: none;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.related_posts h4 {
	margin-top: 10px;
}

span#blog-pager-older-link {
	float: right;
}

span#blog-pager-newer-link {
	float: left;
}

/*blog-news end*/

/*css*/
.jvectormap-zoomin,
.jvectormap-zoomout {
	display: none;
}

.slicknav_menu .slicknav_icon-bar {
	margin-top: 1px;
}

.fade-in {
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.8s;
	-moz-animation-duration: 0.8s;
	animation-duration: 0.8s;
}

.faq-quote .notices.success.green {
	margin-bottom: 0px;
	margin-top: 80px;
	padding: 15px 15px 1px;
}

.notices.green {
	padding-top: 10px;
}

span.errors {
	font-size: 12px;
	color: red;
}

.control-group {
	margin-bottom: 15px;
}

.contact-form textarea {
    color: #000;
	border: 1px solid #cccccc;
	padding: 10px 20px;
	width: 100%;
}

/*carasoul*/

section.carasoul {
	background: #f7f7f7;
}

section.carasoul .title-border-color {
	background: #f7f7f7;
}

.customer-logo img {
	width: 135px !important;
	padding: 0 10px;
}

.customer-logo {
	margin: auto;
	display: table;
	float: none;
}

.disclaimer_content {
	display: none;
	background: #000000;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.disclaimer_btn {
	float: right;
	cursor: pointer;
}

.disclaimer_content p {
	font-size: 14px;
	padding: 20px 20px 5px 0px;
	position: relative;
	color: #000;
}

.disclaimer_content i {
	position: absolute;
	top: 10px;
	right: 10px;
}

/* gallery */
.gallery {
	text-align: center
}

.loading {
	position: fixed;
	top: calc(50% + 32px);
	left: calc(50% - 32px)
}

.loading-animation {
	stroke-dasharray: 400;
	stroke-dashoffset: 100;
	animation: loading 1s linear infinite
}

@keyframes loading {
	from {
		stroke-dashoffset: 800
	}

	to {
		stroke-dashoffset: 0
	}
}

.gallery img {
	display: inline-block;
	width: 24% !important;
	padding: 0 5px;
	margin-bottom: 12px;
	cursor: url("data:image/svg+xml;utf8,<svg enable-background='new 0 0 24 24' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='m9.306 18.111c-4.855 0-8.806-3.95-8.806-8.806s3.95-8.805 8.806-8.805 8.806 3.95 8.806 8.806-3.951 8.805-8.806 8.805z' fill='#fff'/><path d='m9.306 1c4.58 0 8.306 3.726 8.306 8.306s-3.726 8.306-8.306 8.306c-4.58-.001-8.306-3.726-8.306-8.306s3.726-8.306 8.306-8.306m0-1c-5.139 0-9.306 4.167-9.306 9.306 0 5.141 4.167 9.306 9.306 9.306 5.141 0 9.306-4.165 9.306-9.306-.001-5.139-4.166-9.306-9.306-9.306z'/><g fill='none' stroke='#000' stroke-miterlimit='10'><path d='m15.751 15.75 7.921 7.923'/><path d='m4.904 9.306h8.804'/><path d='m9.306 13.707v-8.804'/></g></svg>"), zoom-in
}

.gallery p {
	display: none;
	font-size: 14px;
	line-height: 1.4;
	color: #555;
	text-align: center;
	margin-top: -40px;
	margin-bottom: 30px
}

.GDNYTRNBA .gallery {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1
}

.GDNYTRNBA .gallery p {
	display: block;
	text-align: left
}

.GDNYTRNBA .gallery img {
	max-width: 200px
}

@media screen and (max-width:640px) {
	.gallery img {
		display: inline-block;
		width: 100% !important;
		padding: 0 0px;
		margin-bottom: 12
	}
}

@media screen and (min-width:640px) {
	.gallery {
		text-align: center
	}

	.text-narrow {
		max-width: 520px
	}

	body.gallery-detail {
		position: fixed;
		overflow-y: hidden
	}

	img.gallery-detail,
	.gallery-overlay {
		cursor: url("data:image/svg+xml;utf8,<svg enable-background='new 0 0 24 24' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='m9.306 18.111c-4.855 0-8.806-3.95-8.806-8.806s3.95-8.805 8.806-8.805 8.806 3.95 8.806 8.806-3.951 8.805-8.806 8.805z' fill='#fff'/><path d='m9.306 1c4.58 0 8.306 3.726 8.306 8.306s-3.726 8.306-8.306 8.306c-4.58-.001-8.306-3.726-8.306-8.306s3.726-8.306 8.306-8.306m0-1c-5.139 0-9.306 4.167-9.306 9.306 0 5.141 4.167 9.306 9.306 9.306 5.141 0 9.306-4.165 9.306-9.306-.001-5.139-4.166-9.306-9.306-9.306z'/><path d='m15.751 15.75 7.921 7.923' fill='none' stroke='#000' stroke-miterlimit='10'/><path d='m4.904 9.306h8.804' fill='none' stroke='#000' stroke-miterlimit='10'/></svg>"), zoom-out
	}

	.gallery {
		visibility: hidden;
		margin-bottom: 30px
	}

	img.gallery-detail {
		position: fixed;
		top: calc(50% - 15px);
		left: 50%;
		transform: translate(-50%, -50%);
		margin-right: auto;
		margin-left: auto;
		width: auto !important;
		max-width: calc(100% - 100px);
		max-height: calc(100% - 70px);
		margin-bottom: 0;
		z-index: 9999
	}

	img.gallery-detail.swipe-right {
		left: 70%
	}

	p.gallery-detail-info {
		background-color: #fff;
		display: block;
		position: fixed;
		bottom: 0;
		right: 20px;
		left: 20px;
		max-width: calc(100% - 40px);
		margin-bottom: 10px;
		padding-top: 10px;
		z-index: 20
	}

	.gallery-overlay {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #00000087;
		z-index: 10
	}

	body.gallery-detail header {
		opacity: 0.85;
	}

	.gallery-prev,
	.gallery-start {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 30%;
		height: 100%;
		z-index: 30;
		cursor: url("data:image/svg+xml;utf8,<svg enable-background='new 0 0 10.502 23.945' height='23.945' viewBox='0 0 10.502 23.945' width='10.502' xmlns='http://www.w3.org/2000/svg'><path d='m10.116 23.628-9.729-11.907' fill='none' stroke='#000' stroke-miterlimit='10'/><path d='m10.116.316-9.729 11.906' fill='none' stroke='#000' stroke-miterlimit='10'/></svg>"), w-resize
	}

	.gallery-start {
		z-index: 40
	}

	.gallery-next,
	.gallery-end {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: 30%;
		height: 100%;
		z-index: 30;
		cursor: url("data:image/svg+xml;utf8,<svg enable-background='new 0 0 10.502 23.945' height='23.945' viewBox='0 0 10.502 23.945' width='10.502' xmlns='http://www.w3.org/2000/svg'><path d='m .387 23.628 9.729-11.907' fill='none' stroke='#000' stroke-miterlimit='10'/><path d='m .387.316 9.729 11.906' fill='none' stroke='#000' stroke-miterlimit='10'/></svg>"), w-resize
	}

	.gallery-end {
		z-index: 40
	}
}

@media screen and (min-width:640px) and (max-width:1279px) {
	.gallery {
		-webkit-column-gap: 30px;
		-moz-column-gap: 30px;
		column-gap: 30px;
		margin-bottom: 30px
	}

	.gallery-prev {
		background-image: url("data:image/svg+xml;utf8,<svg enable-background='new 0 0 10.502 23.945' height='23.945' viewBox='0 0 10.502 23.945' width='10.502' xmlns='http://www.w3.org/2000/svg'><path d='m10.116 23.628-9.729-11.907' fill='none' stroke='#000' stroke-miterlimit='10'/><path d='m10.116.316-9.729 11.906' fill='none' stroke='#000' stroke-miterlimit='10'/></svg>");
		background-position: 5% 50%;
		background-repeat: no-repeat;
		cursor: auto
	}

	.gallery-next {
		background-image: url("data:image/svg+xml;utf8,<svg enable-background='new 0 0 10.502 23.945' height='23.945' viewBox='0 0 10.502 23.945' width='10.502' xmlns='http://www.w3.org/2000/svg'><path d='m .387 23.628 9.729-11.907' fill='none' stroke='#000' stroke-miterlimit='10'/><path d='m .387.316 9.729 11.906' fill='none' stroke='#000' stroke-miterlimit='10'/></svg>");
		background-position: 95% 50%;
		background-repeat: no-repeat;
		cursor: auto
	}
}

@media screen and (max-width:639px) {
	.loading {
		display: none
	}

	.gallery {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
	}

	.gallery p {
		display: block
	}

	.gallery img {
		margin-bottom: 10px;
	}
}

/* gallery end */
/*
================================================
24. Media Quires 
================================================
*/
@media (min-width: 1700px) {
	#first-slider .carousel .item {
		min-height: 640px;
		height: 100%;
		width: 100%;
	}
}

@media (max-width: 1230px) and (min-width: 1200px) {
	.top-header-add {
		width: 90%;
	}
}

@media (min-width: 1200px) {
	.advantages {
		height: 352px;
	}

	.service-left-img img {
		padding-right: 25px;
	}
}

@media (max-width:1199px) {
	.cta-text {
		font-size: 18px;
	}

	.cta-btn a {
		font-size: 17px;
		padding: 15px 25px;
	}
}

@media (max-width:1200px) and (min-width:768px) {
	.cta-inner.cta {
		padding-left: 0px;
	}

	header .navbar-default .navbar-nav>li>a {
		padding: 30px 9px 28px;
	}

	.cta-btn a {
		padding: 15px 30px;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.cta h3 a {
		font-size: 38px;
	}

	.cta h3 {
		font-size: 24px;
		line-height: 40px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.flogo img {
		width: 60px;
	}

	.flogo .company-name {
		font-size: 22px;
	}

	.flogo .slogan-name {
		font-size: 12px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.cta h3 a {
		font-size: 38px;
	}

	.cta h3 {
		font-size: 24px;
		line-height: 40px;
	}

	.cta-inner.cta {
		padding-left: 0px;
	}
}

@media (min-width:768px) and (max-width: 1199px) {
	.service-left-img img {
		padding-right: 0px;
	}

	.advantages {
		padding: 25px;
	}

	.advantages h4 {
		padding-top: 4px;
		margin-bottom: 0px;
	}
}

@media (min-width: 992px) and (max-width: 1024px) {

	/*** Top Wrapper ***/
	.top-header-add li {
		margin-right: 15px;
	}

	.top-header-add li i {
		height: 25px;
		line-height: 23px;
		margin-right: 5px;
		width: 25px;
	}

	/*** Join Wrapper ***/
	.join-wrapper {
		background-size: cover;
	}

	/*** Latest Projects Wrapper ***/
	.latest-projects-wrapper {
		padding-bottom: 70px;
	}

	.cta-btn a {
		font-size: 19px;
		padding: 15px 20px;
		margin-top: 0;
	}

	/*** Counters Wrapper ***/
	.counters .counter {
		min-height: 135px;
	}

	/** Contact Wrapper **/
	.contact-box-img img {
		width: 100%;
	}

	/*** Footer Search Wrapper ***/
	.search-wrapper h3 {
		font-size: 18px;
		line-height: 25px;
	}

	.search-wrapper h3 span {
		font-size: 25px;
	}

	.footer-search-form .form input.form-control {
		padding: 15px 0 15px 20px;
	}

	.footer-search-form .form input.bttn {
		padding: 15px 10px;
	}

	.footer-cta-wrapper h3 {
		font-size: 20px;
		line-height: 25px;
	}
}

@media (max-width: 992px) {
	.footer-wrapper .col-md-3.col-sm-6 {
		margin-bottom: 30px;
	}

	.banner-wrapper .col-sm-6.col-sm-pull-6.text-left {
		padding: 0px 15px;
	}
}

@media (max-width: 991px) {

	/* .flogo .sc-content {
		padding: 4px 0px;
    } */
	.contact-info {
		padding: 50px 30px;
	}
}

@media (min-width:768px) and (max-width: 992px) {

	/*** CTA Wrapper ***/
	.cta-text {
		font-size: 15px;
		line-height: 22px;
	}

	.cta-inner {
		padding: 0 10px;
	}

	.cta-inner.cta {
		padding: 0;
	}

	.cta img {
		float: left;
		margin: 9px 10px 0 0;
		width: 19%;
	}

	.cta h3 {
		font-size: 20px;
		line-height: 34px;
	}

	.cta h3 a {
		font-size: 29px;
		display: inline-block;
	}

	.cta-btn a {
		padding: 10px 20px;
		font-size: 15px;
		margin-top: 3px;
	}

	/*** Logo ***/
	.company-name {
		padding-top: 0px;
		font-size: 20px;
	}

	.slogan-name {
		font-size: 16px;
	}

	.logo img {
		width: 60px !important;
		padding-right: 5px;
	}

	header .navbar-default .navbar-nav>li>a {
		padding: 18px 6px 17px;
		font-size: 14px;
	}

	.logo {
		width: 290px;
		margin-left: -10px;
	}

	.header-inner .col-lg-8.col-md-8 {
		padding: 0px;
	}

	.top-wrapper .hidden-sm {
		display: none;
	}

	#first-slider h1 {
		font-size: 40px;
		line-height: 42px;
	}

	.footer-cta-wrapper a {
		font-size: 18px;
		padding: 10px 20px;
	}
}

@media (max-width:992px) and (min-width:992px) {
	.cta img {
		width: 15%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	/*** Logo ***/
	.company-name {
		padding-top: 3px;
		font-size: 22px;
	}

	.slogan-name {
		font-size: 16px;
		padding: 8px 0px;
	}

	.logo img {
		width: 170px !important;
		padding-right: 5px;
	}

	/* header .navbar-default .navbar-nav > li > a {
        padding: 23px 7px 21px;
    } */
	.logo {
		width: 290px;
		margin-left: -10px;
	}

	.header-inner .col-lg-8.col-md-8 {
		padding: 0px;
	}

	/*** Top Wrapper ***/
	.top-header-add li {
		margin-right: 15px;
	}

	.top-header-add li i {
		height: 25px;
		line-height: 20px;
		width: 25px;
		margin-right: 5px;
	}

	.navbar-nav {
		float: right;
	}

	header .nav li {
		margin-right: 0px;
	}

	.header-inner .col-lg-9.col-md-9 {
		padding: 0px;
	}

	.navbar-header .collapse {
		display: block;
	}

	.navbar-collapse {
		padding: 0;
		float: none;
	}

	.mainmenu-area ul.nav.navbar-nav li {
		padding: 0 0 0 20px;
	}

	.mainmenu-area ul.nav.navbar-nav li a {
		padding: 19px 0 21px;
	}

	/* .affix .logo {
	  display: none;
	} */
	.affix .navbar-default .navbar-nav>li>a {
		padding: 15px 7px 16px;
	}

	/*** Banner Wrapper ***/
	#first-slider .carousel-control {
		display: none;
	}

	#first-slider .carousel-indicators {
		display: block;
	}

	/*** CTA Wrapper ***/
	.cta-text {
		font-size: 15px;
		line-height: 22px;
	}

	.cta-inner {
		padding: 0 10px;
	}

	.cta-inner.cta {
		padding: 0;
	}

	.cta img {
		float: left;
		margin: 9px 10px 0 0;
		width: 19% !important;
	}

	.cta h3 {
		font-size: 18px;
		line-height: 34px;
	}

	.cta h3 a {
		font-size: 27px;
		display: inline-block;
	}

	.cta-btn a {
		padding: 10px 20px;
		font-size: 15px;
		margin-top: 3px;
	}

	/*** Join Wrapper ***/
	.join-wrapper {
		background-size: cover;
	}

	/*** About us faq Wrapper ***/
	.faq-area {
		margin: 20px 0 0;
	}

	.about-text-area {
		padding: 0 50px;
	}

	/** Contact Wrapper **/
	.contact-box.border {
		margin: 0px 0;
		padding: 0;
		position: relative;
	}

	/*** Footer Search Wrapper ***/
	.search-wrapper h3 {
		font-size: 18px;
	}

	.search-wrapper h3 span {
		font-size: 25px;
	}

	.footer-search-form .form input.form-control {
		padding: 15px 0 15px 20px;
		width: 73%;
	}

	.footer-search-form .form input.bttn {
		padding: 15px 10px;
	}

	.footer-cta-wrapper h3 {
		font-size: 20px;
		line-height: 25px;
	}

	.footer-cta-wrapper img {
		float: left;
		margin: 0 10px 20px 0;
	}

	/***Service page ***/
	.advantages {
		padding: 20px;
	}

	.advantages h3 {
		padding-bottom: 0px;
		font-size: 18px;
	}

	.advantages p {
		font-size: 14px;
		margin-bottom: 8px;
	}

	.advantages h4 {
		font-size: 16px;
	}

	/*css*/
	#hotspotImg .hot-spot {
		position: absolute;
		width: 27px;
		height: 27px;
	}
}

@media (max-width: 767px) {
	.disclaimer_btn {
		float: none;
		margin: auto;
		display: table;
		font-size: 12px;
	}

	.company-name {
		font-size: 24px;
	}

	.logo img {
		width: 70px !important;
	}

	/*blog-news*/
	.post h1.entry-title {
		font-size: 18px;
		margin: 0 15px 10px;
	}

	.related_posts {
		padding-bottom: 20px;
	}

	.single_page_blog .post h1 {
		margin: 0 0px 10px;
	}

	.meta {
		margin: 0px 15px;
	}

	.entry-content p {
		margin: 15px 15px 20px;
	}

	.post h1 {
		margin: 0 0px 0px;
	}

	div.meta1 p {
		margin-top: -20px;
	}

	.sidebar form#search-form {
		padding: 0px 15px;
	}

	/*blog-news end */
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 8px 30px 7px;
		margin: 2px 0px;
	}

	.iso_img {
		max-width: 100% !important;
	}

	/***  ***/
	#hotspotImg img.img-responsive {
		padding: 0px 15px;
	}

	/***** Common Styles ******/
	div.title h2 {
		font-size: 25px;
	}

	.title-border-color {
		top: 25px;
	}

	/***** Header Inner ******/
	header .header-inner {
		padding: 10px 0 0;
	}

	.affix {
		position: inherit;
	}

	.affix.fadeInDown {
		animation-name: none !important;
	}

	.logo {
		width: 82%;
		padding-right: 0px;
	}

	header .logo {
		float: left;
		margin: 0 0 8px;
		padding: 0px 15px;
	}

	.slicknav_btn {
		margin-right: 15px !important;
		margin-bottom: 15px !important;
	}

	.slicknav_btn {
		margin: 0;
		position: relative;
		top: 18px;
		background: #000000;
	}

	.slicknav_menu {
		display: block;
		background: none;
	}

	.slicknav_nav i {
		display: none;
	}

	.header-inner .desktop {
		display: none;
	}

	.slicknav_menu {
		background: transparent;
		padding: 0px;
	}

	.slicknav_nav {
		clear: both;
		color: #fff;
		margin: 0;
		background: #000000;
	}

	.slicknav_btn:hover {
		background: #222;
	}

	.slicknav_nav .slicknav_item a i {
		display: none;
	}

	.slicknav_nav li:hover a {
		background: #fff;
		color: #252525;
	}

	.slicknav_nav li .dropdown li a,
	.slicknav_nav li .dropdown li .dropdown li a {
		background: transparent;
		color: #fff;
	}

	.slicknav_nav li .dropdown li:hover a,
	.slicknav_nav li .dropdown li .dropdown li:hover a {
		background: #fff;
		color: #252525;
	}

	.slicknav_nav .slicknav_arrow {
		float: right;
	}

	/*** Banner Wrapper ***/
	#first-slider .carousel-control {
		display: none;
	}

	#first-slider .carousel-indicators {
		display: block;
	}

	#first-slider .banner-inner .item {
		padding-top: 30px;
		min-height: 400px;
		padding-bottom: 30px;
	}

	#first-slider h1 {
		font-size: 34px;
		line-height: 38px;
		margin-top: 20px;
	}

	#first-slider p {
		font-size: 16px;
	}

	/***breadcromb sub header***/
	.breadcromb-right {
		position: absolute;
		top: -120px;
		right: 0;
	}

	/*** CTA Wrapper ***/
	.cta-inner::after {
		display: none;
	}

	.cta-inner {
		padding: 0;
	}

	.cta-inner.cta {
		padding: 0px 0px 10px;
	}

	.cta {
		padding: 20px 0 10px;
	}

	.cta h3 a {
		font-size: 29px;
	}

	.cta h3 {
		font-size: 20px;
		line-height: 30px;
		margin: 0;
	}

	.cta img {
		width: 50px !important;
	}

	/*** Services Wrapper ***/
	.our-services-text {
		padding: 60px 20px 25px 20px;
		text-align: center;
	}

	.services-inner {
		margin-left: 0px;
	}

	.our-services-wrapper .title-border-color {
		background: #f7f7f7;
	}

	.our-services-icon {
		float: unset;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: -35px;
	}

	.our-services-icon span {
		margin: auto;
		display: block;
		float: none;
	}

	.our-services-icon span:after {
		display: none;
	}

	/*** About Wrapper ***/
	.about-wrapper {
		padding: 73px 0 50px;
	}

	.width-50 {
		width: 100%;
		display: inherit;
	}

	.about-text-area {
		padding: 20px 0;
	}

	/*** Join Wrapper ***/
	.join-wrapper {
		background-size: cover;
	}

	.join-wrapper h3 {
		font-size: 20px;
		line-height: 30px;
	}

	.join-wrapper h3 span {
		font-size: 25px;
	}

	/*** About Us Inner Page ***/
	.about-faq-wrapper .panel-faq .panel-default>.panel-heading::before {
		right: 10px;
	}

	/*** Service Details Page ***/
	.service-details-tabs .nav-tabs li {
		margin: 0 4px 10px 0;
		width: auto;
	}

	.service-details-tabs .nav-tabs li a {
		width: 100%;
		padding: 6px 10px;
	}

	/*** FAQ Page ***/
	.faq-content {
		padding: 8% 5%;
	}

	/*** Coming Soon Wrapper ***/
	.coming-soon-wrapper .cntdown span.days,
	.coming-soon-wrapper .cntdown span.hour,
	.coming-soon-wrapper .cntdown span.minutes,
	.coming-soon-wrapper .cntdown span.second {
		font-size: 40px;
		font-weight: 700;
	}

	.coming-soon-wrapper .cntdown {
		border-right: none;
	}

	.coming-soon-wrapper .cntdown p {
		font-size: 14px;
		font-weight: 500;
	}

	/** Blog Details **/
	.blog-single-area .blog-post::before {
		display: none;
	}

	.blog-single-area .single-blog-post .text-holder {
		padding: 20px;
	}

	.blog-single-area .tag-box .left {
		display: block;
		float: none;
	}

	.blog-single-area .single-blog-post .text-holder .blog-title {
		font-size: 20px;
		line-height: 30px;
	}

	.single-blog-post .text-holder .meta-box .meta-info li {
		line-height: 25px;
	}

	.blog-single-area .sidebar-wrapper {
		margin-top: 80px;
		padding-left: 0;
	}

	.blog-single-area .bottom-content-box .text-box {
		margin-top: 20px;
	}

	.blog-single-area .sidebar-wrapper {
		margin-top: 60px;
		padding-left: 0;
	}

	/** Contact Wrapper **/
	.contact-box.border {
		margin: 0;
		padding: 0;
		position: relative;
	}

	.contact-info {
		padding: 30px;
		text-align: center;
	}

	.contact-box img {
		margin: 30px 0 10px;
	}

	.contact-box .payment img {
		margin: 0px;
		padding-bottom: 4px;
	}

	.payment-box {
		padding-top: 30px;
	}

	/*** Footer Search Wrapper ***/
	.search-wrapper {
		border-radius: 20px;
		padding: 20px 15px;
		margin: -80px 10px 74px;
		width: auto;
	}

	.search-wrapper>div {
		padding: 0;
	}

	.search-wrapper h3 {
		font-size: 26px;
		line-height: 30px;
		margin: 0 0 15px;
	}

	.search-wrapper h3 span {
		font-size: 20px;
		line-height: 25px;
		margin: 10px 0 0;
	}

	.footer-search-form .form input.bttn {
		width: 36%;
	}

	footer h4 {
		margin: 40px 0 28px;
	}

	.footer-cta-wrapper img {
		float: left;
		margin: 0 20px 20px 0;
	}

	.footer-cta-wrapper h3 {
		font-size: 14px;
		line-height: 22px;
	}

	.footer-cta-wrapper a {
		float: none !important;
		margin: 15px 0 0;
	}

	/*** Copy Rights Wrapper ***/
	.copyright-wrapper p {
		text-align: center;
		margin: 0 0 10px;
		font-size: 11px;
	}

	.copyright-wrapper ul {
		float: none;
		text-align: center;
	}

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

	.gallery-caption {
		width: 50%;
	}

	#hotspotImg .hot-spot .tooltip {
		left: 93px;
	}

	.tooltip.tooltip-left {
		margin-left: -45px !important;
	}
}

@media (max-width: 600px) {
	.slider img {
		width: 70px;
	}

	.breadcromb-right {
		display: none;
	}

	.breadcromb-left>h3 {
		font-size: 20px;
		padding: 10px 10px 10px 0px;
	}

	.breadcromb-left>h3::after {
		border-top: 42px solid #000000;
		border-right: 42px solid rgba(0, 0, 0, 0);
		right: -42px;
	}

	.customer-logo img {
		width: 80px !important;
		padding: 0 5px;
	}
}

@media (max-width: 480px) {

	/*blog-news*/
	.pull-left.share-story-container a {
		padding: 10px 5px;
	}

	/*blog-news*/
	.gallery-caption {
		width: 100%;
	}

	#hotspotImg .hot-spot .tooltip {
		width: 210px;
	}

	.advantages {
		padding: 20px;
	}

	.advantages p {
		margin: 0 0 5px;
		font-size: 14px;
	}

	.advantages h3 {
		font-size: 18px;
		padding-bottom: 0px;
	}

	.company-name {
		font-size: 20px;
		padding-top: 5px;
	}

	.slogan-name {
		font-size: 14px;
		padding: 79px 0px 0px 0px;
	}

	.logo img {
		width: 210px !important;
		padding-right: 5px
	}

	.slicknav_btn {
		top: 30px;
	}
}

@media (max-width: 380px) {
	.join-wrapper h3 span {
		display: unset;
	}

	.footer-cta-wrapper img {
		margin: 0 20px 10px 0;
	}

	#hotspotImg .hot-spot .tooltip p:last-child {
		font-size: 13px;
	}

	.slicknav_btn {
		top: 30px;
	}

	.company-name {
		font-size: 18px;
	}

	.slogan-name {
		font-size: 13px;
	}

	.logo img {
		width: 210px !important;
	}

	/* .sc-content {
	    padding: 10px 0px;
	} */
}

@media (max-width: 360px) {

	/*** Footer Search Wrapper ***/
	.footer-search-form .form input.form-control {
		width: 73%;
	}
}





#map {
	width: 100%;
	position: absolute;
	overflow: hidden;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 0;
}

.coverage-area {
	position: relative;
	color: #fff;
}

.coverage-area ul li {
	border: 1px solid #000000;
	padding: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.coverage-area ul li:hover {
	background: rgba(0, 0, 0, 0.4);
}

div#map:before {
	background: #000000;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.8;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 4;
}

section.coverage-area .cov-area-content {
	color: #fff;
}

.coverage-area .title h2 {
	color: #fff;
}

#map button.gm-control-active.gm-fullscreen-control {
	display: none;
}

#map .gmnoprint {
	display: none;
}

@media (max-width: 1040px) {
	.top-header-add {
		width: 90%;
	}
}

@media (max-width: 1040px) and (min-width: 768px) {
	div#world-map {
		width: 340px !important;
		height: 300px !important;
	}

	.coverage-area ul li {
		padding: 10px;
		margin-bottom: 10px;
		text-align: center;
	}
}

@media (max-width: 500px) {
	div#world-map {
		width: 419px !important;
		height: 330px !important;
	}
}

@media (max-width: 768px) {
	.coverage-area ul li {
		padding: 10px;
		margin-bottom: 15px;
	}

	.top-wrapper .hidden-sm {
		display: none;
	}
}

@media (max-width: 480px) {
	div#world-map {
		width: 259px !important;
		height: 270px !important;
	}

	.customer-logo img {
		width: 60px !important;
	}
}

/* For Products Page Filter */

.content-div {
	display: block;
	/* Show all divs by default */
}

.content-div.hidden {
	display: none;
	/* Hide divs when the 'hidden' class is added */
}

.filter:hover {
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	background-color: #000;
	transition: 0.5s;
}

.view-all:hover {
	cursor: pointer;
	color: #919191;
	text-decoration: none;
	transition: 0.5s;
}

.filter {
	margin: 0px !important;
	padding: 0 15px 0px !important;
}