/* ============================
Theme Name: Quantum Cleaning
Version: 1.2
Description: Quantum Cleaning
Author: Nisha
First Update: 01/02/2021
License: GNU General Public License v2 or later
============================*/

/* ============================
Variables
============================*/
:root {
	--primary-font    : 'Avenir Next', sans-serif;
	--brand-color-1   : #05C997;
	--brand-color-2   : #05C997;
	--brand-color-dark: #05C997;
	--color           : #000000
}

/* ============================
Reset style
============================*/
html {
	scroll-behavior: smooth;
}
body {
	font-family: var(--primary-font);
	font-size: 16px;
	font-weight: 400;
	color: var(--color);
}
button,
a { display: inline-block; }
a,
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}
button,
button:hover,
button:focus {
	outline: none;
}
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
p { 
	font-size: 17px;
	font-weight: 400;
	line-height: 1.8; 
}
ul li {
	font-size: 18px;
	line-height: 1.7;
}
img { max-width: 100%; }

/* ============================
Bootstrap / User Reset
============================*/
.btn:focus,
button:focus { box-shadow: none; }
.form-control { height: auto; }
.form-control:focus { box-shadow: none; }
.ul-unstyle {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* ============================
# Elements
============================*/
.btn-brand {
	font-size: 18px;
	font-weight: 700;
	color: #000000;
	/*position: relative;*/
	text-transform: uppercase;
	padding: 9px 40px 10px 40px;
	border: 0;

	/*transition: all .30s ease-in-out;
	z-index: 10;*/
	background: #DEDEDE 0% 0% no-repeat padding-box;
border-radius: 32px;
opacity: 1;
}

.btn-brand:hover {
	color: #FFFFFF;
	/*padding: 9px 40px 10px 50px;*/
}
.btn-brand:hover:before {
	width: 100%;
	height: 100%;
}
.footrlogo a{
	width: 60%;
}
.brand a {
    width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    .brand-carousel {
 
    border-bottom: 5px solid #FAFAFA; 
}
}
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
 .brand-carousel {
 
    border-bottom: 5px solid #FAFAFA; 
}
 }
@-moz-document url-prefix() {
 .brand a {
    
    width: 300px;
   
}
}
.btn-brand:hover:after { /*left: 25px;*/ }
.form-group-line { margin-bottom: 20px;     padding-left: 0;}
.form-group-line .form-control {
    font-size: 14px;
    font-weight: 400;
    color: var(--color);
    border: 0;
    /* border-bottom: 1px solid #767676; */
    padding: 7px 13px 8px 24px;
    border-radius: 0;
    background: #FAFAFA 0% 0% no-repeat padding-box;
    border: 1px solid #EDEDED;
    border-radius: 22px;
    opacity: 1;
}
.form-group-line.white-line .form-control {
	color: #FFFFFF;
	background: transparent;
	border-bottom: 1px solid #FFFFFF;
}
select {
    background: #FAFAFA 0% 0% no-repeat padding-box;
    border: 1px solid #EDEDED;
    border-radius: 22px;
    opacity: 1;
    width: 100%;
    padding: 6px 10px;
}


.form-group-line .form-control::-webkit-input-placeholder { color: var(--color); }
.form-group-line .form-control::-moz-placeholder { color: var(--color); }
.form-group-line .form-control:-ms-input-placeholder { color: var(--color); }
.form-group-line .form-control:-moz-placeholder { color: var(--color); }
.form-group-line.white-line .form-control::-webkit-input-placeholder { color: #FFFFFF; }
.form-group-line.white-line .form-control::-moz-placeholder { color: #FFFFFF; }
.form-group-line.white-line .form-control:-ms-input-placeholder { color: #FFFFFF; }
.form-group-line.white-line .form-control:-moz-placeholder { color: #FFFFFF; }
.main-title {
	font-size: 42px;
	font-weight: 300;
	color: #1D2946;
	margin-bottom: 52px;
	line-height: 1.4;
}
.panel-content p { margin-bottom: 22px; }

@media (max-width: 1199px) {
	.main-title { font-size: 38px; }
}
@media (max-width: 991px) {
	.main-title { font-size: 34px; }
}
@media (max-width: 767px) {
	.btn-brand { font-size: 16px; }
	.form-group-line .form-control { font-size: 16px; }
	.main-title {
		font-size: 30px;
		margin-bottom: 28px;
	}
	p {
		font-size: 16px;
		line-height: 1.7;
	}
	ul li {
		font-size: 16px;
		line-height: 1.6;
	}
	.panel-content p { margin-bottom: 18px; }
}


/* ============================
# Header
============================*/
body.overflow-none { overflow: hidden; }
.site-header * { transition: all .30s ease-in-out; }
.site-header {
	/*background: rgba(255, 255, 255, 0.6);
	border-bottom: 5px solid var(--brand-color-light);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	transition: all .30s ease-in-out;
	z-index: 100;*/

    position: relative;
    z-index: 100;
    transition: all .30s ease-in-out;

}
.brand { padding: 20px 0; }
.brand a { display: block; }
.brand img { width: 100%; }
.phonehed {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-left: auto;
    position: relative;
    padding-right: 1em;
}
.nav-panel {
	display: flex;
	align-items: center;
	justify-content: end;
	/*margin-left: auto;*/
	position: relative;
	transition: all .30 ease-in-out;
}
.nav-panel ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.nav-panel ul li { padding-right: 40px; }
.nav-panel ul li a {
	font-size: 18px;
	font-weight: 300;
	color: var(--color);
	display: inline-flex;
	align-items: center;
}
.nav-panel ul li a:hover { text-decoration: underline;}
.nav-panel ul li a img {
	height: 15px;
	margin-right: 20px;
}
.nav-panel.active { z-index: 1000; }
.nav-panel.active ul li a { color: #FFFFFF; }
.nav-panel.active ul li a img { filter: brightness(0) invert(1); }
.btn-toggle {
	display: inline-flex;
	width: 58px;
	height: 58px;
	border-radius: 100%;
	padding: 0;
	background: var(--brand-color-light);
	position: relative;
	transition: all .30s ease-in-out;
}
.btn-toggle .line {
	height: 2px;
	width: 28px;
	background: #05C997;
	position: absolute;
	left: 50%;
	margin-left: -14px;
	transition: all .30s ease-in-out;
}
.btn-toggle .line:nth-child(1) { top: 16px; }
.btn-toggle .line:nth-child(2) {
	top: 50%;
	margin-top: -1px;
}
.btn-toggle .line:nth-child(3) { bottom: 16px; }
.btn-toggle.active { background: var(--brand-color); }
.btn-toggle.active .line:nth-child(1) {
	transform: rotate(45deg);
	top: 26px;
	background: #fff;
}
.btn-toggle.active .line:nth-child(2) { opacity: 0; }
.btn-toggle.active .line:nth-child(3) {
	transform: rotate(-45deg);
	bottom: 28px;
	background: #fff;
}

/* ====== Header Scrolled ======*/
.site-header.scrolled {
	background: #FFFFFF;
	border-bottom-width: 2px;
}
.site-header.scrolled {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    border-bottom: 1px solid #05C997;
}
.site-header.scrolled .brand { padding: 10px 0; }
.site-header.scrolled .brand img { /*width: 190px;*/ }
.site-header.scrolled .nav-panel ul li a { font-size: 16px; }
.site-header.scrolled .btn-toggle {
	width: 48px;
	height: 48px;
}
.site-header.scrolled .btn-toggle .line {
	width: 22px;
	margin-left: -11px;
}
.site-header.scrolled .btn-toggle.active .line:nth-child(1) { top: 23px; }
.site-header.scrolled .btn-toggle.active .line:nth-child(3) { bottom: 21px; }


/* Full Page Navigation */
.full-nav {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-wrap: nowrap;
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	transform: translateX(100%);
	opacity: 0;
	transition: all .40s ease-in-out;
}
.full-nav.active {
	transform: translateX(0);
	opacity: 1;
}
.nav-light,
.nav-dark {
	display: flex;
	align-items: center;
	width: 50%;
	flex: 0 0 50%;
	height: 100vh;
}
.nav-light { background: #fff; }
.nav-dark { background: #05C997; }
.nav-light-panel,
.nav-dark-panel {
	display: flex;
	flex-direction: column;
	padding: 50px 40px;
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
}
button.btn.btn-toggle:hover {
    background: transparent;
}
.nav-light-panel {/* height: 100%;*/ }
.brand-xl { margin-bottom: 0px;         padding: 8em 5em 0; }
.brand-xl img { /*width: 270px;*/ }
.brand-note { margin-bottom: 80px;        padding: 2em 5em 0;}
.brand-note p { font-size: 20px; }
.brand-note .btn-group { margin-top: 30px; }
.brand-note .btn-group .btn { margin-right: 5px; }
.download-panel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.download-panel ul li { margin-bottom: 30px; }
.download-panel ul li:last-child { margin-bottom: 0; }
.download-panel ul li a {
	font-size: 20px;
	font-weight: 300;
	color: var(--color);
	background: url('../img/icon-pdf.svg') no-repeat left center;
	padding-left: 45px;
}
.download-panel ul li a:hover { text-decoration: underline; }
.brand-social { margin-top: auto; }
.brand-social a {
	font-size: 24px;
	color: var(--color);
	display: inline-block;
	padding: 2px 2px;
	margin-right: 20px;
}
.search-form {
	position: relative;
	margin-bottom: 60px;
}
.search-form .form-control { font-style: italic; }
.search-form .btn {
	font-size: 20px;
	color: #FFFFFF;
	position: absolute;
	right: 0;
	top: 12px;
	padding: 0;
}
.menubar { width: 100%; }
.menubar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu {
	position: relative;
	width: 50%;
	z-index: 10;
}
.menu li { text-align: left;}
.menu li a {
	font-family: var(--heading-font);
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	padding-bottom: 6px;
	line-height: 1;
}
.menu > li { margin-bottom: 30px; }
.menu > li:last-child { margin-bottom: 0; }
.menu > li > a { font-size: 30px; }
.menu li .sub-menu {
	width: 100%;
	position: absolute;
	top: 0;
	left: 100%;
	height: 100%;
	display: none;
}
.menu li .sub-menu li {
	margin-bottom: 20px;
	text-align: right;
}
.menu li .sub-menu li:last-child { margin-bottom: 0; }
.menu li .sub-menu li a { font-size: 26px; }
.menu li .sub-menu li a:hover { text-decoration: underline; }
.menu > li:hover > a { text-decoration: underline; }
.menu li:hover .sub-menu { display: block; }


@media (max-width: 1439px) {
	.brand-xl { margin-bottom: 40px; }
	.brand-xl img { /*width: 180px;*/ }
	.brand-note { margin-bottom: 50px; }
	.brand-note p { font-size: 16px; }
	.download-panel ul li { margin-bottom: 22px; }
	.download-panel ul li a { font-size: 16px; }
	.menu > li { margin-bottom: 40px; }
	.menu > li > a { font-size: 32px; }
	.menu li .sub-menu li a { font-size: 22px; }
}
@media (max-width: 1279px) {
	.nav-panel ul li { padding-right: 30px; }
	.nav-panel ul li a { font-size: 16px; }
	.nav-panel ul li a img { margin-right: 12px; }

	.nav-light {
		width: 45%;
		flex: 0 0 45%;
	}
	.nav-dark {
		width: 55%;
		flex: 0 0 55%;
	}
	.nav-light-panel, 
	.nav-dark-panel { padding: 30px 30px; }
	.brand-xl { margin-bottom: 25px; }
	.brand-note { margin-bottom: 35px;}
	.brand-note .btn-group {
		flex-direction: column;
		flex-wrap: wrap;
		margin-top: 20px;
		width: 100%;
	}
	.brand-note .btn-group .btn { margin: 5px 0 0 0; }
	.download-panel ul li { margin-bottom: 16px;}
}
@media (max-width: 991px) {
	.brand { padding: 14px 0; }
/*	.brand img { width: 185px; }*/
	.nav-panel ul { display: none; }
	.btn-toggle {
		width: 48px;
		height: 48px;
	}
	.btn-toggle .line {
		width: 22px;
		margin-left: -11px;
	}
	.btn-toggle.active .line:nth-child(1) { top: 23px; }
	.btn-toggle.active .line:nth-child(3) { bottom: 21px; }
	
	.nav-light { display: none; }
	.nav-dark {
		width: 100%;
		flex: 0 0 100%;
	}
}
@media (max-width: 767px) {
	.nav-dark-panel { max-width: 480px; }
	.menu { width: 100%; }
	.menu li { text-align: center; }
	.menu > li { margin-bottom: 22px; }
	.menu > li > a { font-size: 22px; }
	.menu li .sub-menu {
		position: relative;
		left: 0;
		padding-top: 18px;
	}
	.menu li .sub-menu li {
		margin-bottom: 14px;
		text-align: center;
	}
	.menu li:hover .sub-menu { display: none; }
	.menu li .sub-menu.active { display: block; }
}
/*.row.no-gutters {
  margin-right: 0;
  margin-left: 0;

  & > [class^="col-"],
  & > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
  }*/
/*Home page*/


section.home-section-slider {
    /*height: calc(100vh - 80px);*/
    /*margin-top: 80px;*/
    position: relative;
}

.main-carousel .owl-dots {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100% - 144px);
    width: 16px;
    position: absolute;
    right: 40px;
    top: 144px;
    z-index: 10000;
}
.main-carousel .owl-nav { display: none; }
.main-carousel .owl-dots {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: calc(100% - 144px);
	width: 16px;
	position: absolute;
	right: 40px;
	top: 0px;
	z-index: 10000;
}
.main-carousel .owl-dots .owl-dot {
	width: 9px;
	height: 9px;
	border-radius: 100%;
	margin: 50px 0;
	background: #FFFFFF;
	transition: all .30s ease-in-out;
}
.main-carousel .owl-dots .owl-dot.active {
	/*width: 16px;
	height: 16px;
	border: 1px solid #fff;*/
	position: relative;
	background: #fff;
}
.main-carousel .owl-dots .owl-dot.active:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    border: 1px solid #fff;
    border-radius: 50%;
    left: -3px;
    right: 0px;
    top: -3px;
}
.main-carousel:after {
    content: '';
    width: 1px;
       height: 50%;
    position: absolute;
    top: 125px;
    right: 47px;
    background: rgba(255,255,255,0.3);
}
.main-carousel .overlay {
	position: absolute;
	width: 100%;
	top: 25%;
	left: 0;
	z-index: 100;
}
.main-carousel .overlay .title {
	font-size: 45px;
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom: 16px;
	text-transform: uppercase;
	text-align: left;
}
.main-carousel .overlay .title span{
	font-weight: 100;
	   display: block;
}
.main-carousel .overlay p{
	font-size: 18px;
    color: #fff;
    font-weight: 200;
    margin-bottom: 30px;
}
.btn-3 {
  border: none;
}
.btn-3::before,
.btn-3::after {
  content: ' ';
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 15%;
  border: 1px solid #0CCF7B;
  border-right: none;
  z-index: -1;
}
.btn-3::after {
  left: auto;
  right: 0;
  border-right: 1px solid #0CCF7B;
  border-left: none;
}
.btn-3:hover {
  color: #231f20;
}
.btn-3:hover::before,
.btn-3:hover::after {
  border-color: #0CCF7B;
  width: 50%;
}
.btn-item {
  display: inline-block;
  text-align: center;
  width: 15%;
  margin: 1em 2.3%;
  vertical-align: top;
}

.btn {
  position: relative;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  color: #0CCF7B;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.85rem;
  letter-spacing: 0.1em;
  padding: .6em 1em;
  background: transparent; 
  text-transform: uppercase;
      font-weight: 700;
}
.btn:hover{
	background: #0CCF7B;
	color: #fff;
}
a.headerphone {
    background: #05C997;
    color: #fff !important;
    padding: 7px 10px;
    font-size: 16px !important;
        text-decoration: none;
    outline: none;
}
section.aboutSection {
    padding: 6em 0 10em;
}
section.aboutSection .abtcontent h2 span {
    display: block;
    font-weight: 500;
}
section.aboutSection .abtcontent p{
	font-size: 17px;
	line-height: 30px;
}
section.aboutSection .abtcontent {
    padding: 0em 2em 1em;
}
section.aboutSection .abtcontent h2 {
    margin-bottom: 25px;
}
section.aboutSection .abtcontent ul{
	    padding-left: 0;
}
section.aboutSection .abtcontent ul li{
	position: relative;
	list-style: none;
    padding-left: 29px;
    line-height: 40px;

}
section.aboutSection .abtcontent ul li:after{
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	background: url(../img/Capture.png) no-repeat;
	left: 0;
	top: 7px;
}
section.whoweare {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    padding: 4em 0;
}
.maintitle {
    text-align: center;
    padding-bottom: 4em;
}
.maintitle h5 {
	font-size: 26px;
	color: #05C997;
	}
.maintitle h2 span{
	font-weight: 500;
}
.whoweare .maintitle {
    text-align: center;
    padding-bottom: 4em;
}
.whoweare .maintitle h5 {
	font-size: 24px;
	color: #05C997;
	}
	.maintitle h2 {
    font-size: 36px;
}
	.maintitle h1 {
    font-size: 36px;
}
.whoweare .maintitle h1 span{
	font-weight: 500;
}
.whoweare .maintitle h2 span{
	font-weight: 500;
}
.container .title {
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 10px;
}

.content {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay {
  opacity: 1;
}

.content-image {
  width: 100%;
}

.content-details {
  position: absolute;
  
  padding-left: 2em;
  padding-right: 2em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details {
  top: 60%;
  left: 50%;
  opacity: 1;
}

.content-details h3 {
  color: #fff;
  font-weight: 500;
      font-size: 25px;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p {
  color: #fff;
  font-size: 0.8em;
      text-align: left;
}

.fadeIn-bottom {
  top: 80%;
}
section.testimonialsetion {
    padding: 8em 0 3em;
    background: url(../img/testimonialbg.png)no-repeat;
        background-size: cover;

   

}
div#testimonialCarousel {
   /* padding-left: 12em;*/
        padding-bottom: 1em;
}
section.testimonialsetion .maintitle h2 {
    color: #fff;
}
section.testimonialsetion  blockquote.blockquote.blockquote-alt {
    background: #fff;
    padding: 40px 30px 80px;
    margin-bottom: 4.5em;
        min-height: 726px;
}
section.testimonialsetion img.starrate {
    width: 16% !important;
    margin: 0 auto;
}
section.testimonialsetion .profileimg {
    /*position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;*/
    margin: 0 auto;
    width: 20%;
}

.detailstestimonial {
    /*position: absolute;
    bottom: -10px;*/
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
}
p.nametesti {
    color: #0CCF7B;
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
}
p.place {
    color: #000;
}
/*.testimonial-carousel .owl-dots {
	line-height: 0;
	text-align: center;
	margin-top: 80px;
}*/
.testimonial-carousel .owl-dots {
    line-height: 0;
    text-align: center;
    margin-top: 80px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.testimonial-carousel button.owl-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #F0F0F0;
	margin: 0 10px;
}
.testimonial-carousel button.owl-dot.active:before {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    border: 1px solid #fff;
    border-radius: 50%;
    left: -3px;
    right: 0px;
    top: -3px;
}
.testimonial-carousel button.owl-dot.active { 
    background: #fff;
    position: relative; }
.testimonial-carousel .owl-nav {
    width: 35%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.testimonial-carousel  button.owl-next {
    float: right;
}
section.whySection {
    padding: 8em 0;
}
.whycontent h5 {
    font-size: 24px;
    color: #05C997;
}
.whycontent h2 {
    margin-bottom: 1em;
    padding-top: 5px;
}
.whycontent h2 span {
    font-weight: 500;
}
.whycontent ul{
	padding-left: 0;
	padding-top: 1.2em;
}
.whycontent ul li{
	list-style: none;
	position: relative;
	padding-left: 2em;
}
.whycontent ul li h6{
	color: #05C997;
}
.whycontent ul li:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	background: url(../img/Capture.png);
	width: 20px;
	height: 20px;
	}
/* End Home page*/
/*Footer*/
footer#footer {
    background: #232323;
    padding: 4em 0 0;
    color: #fff;
}
.bottom-footer{
	background: #1A1A1A;
	    padding: 1em 0;
}
p.spec-text {
    margin-bottom: 0;
    text-align: right;
    padding-top: 15px;
}
footer#footer .container .title {
    color: #fff;
   text-align: left;
    margin-bottom: 10px;
}
footer#footer  .footer-panel ul {
	padding-left: 0;
}
footer#footer  .footer-panel ul li {
    list-style: none;
    position: relative;
    padding-left: 1em;
}
footer#footer  .footer-panel ul li a {
	color: #fff;
	}
footer#footer  .footer-panel ul li:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background: #0CCF7B;
	left: 0;
    top: 12px;
    border-radius: 50%;

	}
	.footer-panel.footermiddle{
		position: relative;
		    padding-left: 2em;
	}
	.footer-panel.footermiddle:after {
    content: "";
    background: url(../img/footerbg.png);
      width: 19px;
    background-size: contain;
    height: 310px;
    position: absolute;
    top: -50px;
    left: -80px;
}
	.footer-panel.footermiddle:before {
    content: "";
    background: url(../img/footerbg.png);
      width: 19px;
    background-size: contain;
    height: 310px;
    position: absolute;
    top: -50px;
    right: 70px;
}
	#footer .footer-panel ul.footer-social li{
		list-style: none;
		padding-left: 0;
	}

	ul.footer-social li:before {
    display: none;
}
ul.footer-social span {
    padding-left: 15px;
}
ul.footer-social .fa {
    color: #05C997;
}
.f-loaction {
    padding-bottom: 1em;
}
.f-loaction:before{
	content: "";
    background: url(../img/location.svg)no-repeat;
    width: 100%;
    height: 26%;
    position: absolute;
    left: 30px;
    top: 45px;

}
.f-phone{
	padding-bottom: 1em;
}
span.footer-content a {
    color: #fff;
    padding-left: 10px;
}
span.footer-address {
    position: relative;
    left: 30px;
    text-align: left;
}
.brand-carousel {
	padding: 10px 0;
	/*border-bottom: 5px solid #FAFAFA;*/
}
.brand-carousel .owl-item img {
	width: auto;
	margin: 0 auto;
}
.brand-carousel .owl-stage {
	display: flex;
	align-items: center;
}
/*.brand-carousel .owl-nav { display: none; }*/
.brand-carousel .owl-dots {
	line-height: 0;
	text-align: center;
	margin-top: 30px;
	display: none;
}
.brand-carousel .owl-dots button.owl-dot {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #F0F0F0;
	margin: 0 10px;
}
.brand-carousel .owl-dots button.owl-dot.active { background: var(--brand-secondary-color); }

.footrlogo img {
    width: 60%;
}
.main-footer {
    margin-bottom: 4em;
}
.footrlogo {
    padding: 1em 0;
}
section.home-section-brand div#brandCarouselhome {
    background: #fff;
  padding: 1em 4em;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 75%);
/*     -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); */
	  -moz-box-shadow: 0px 0px 10px 0px #ccc;
/*     box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 36%); */
	box-shadow: 0px 0px 10px 0px #535353;
}

section.home-section-brand {
    position: relative;
    top: -55px;
}
section.home-section-brand .owl-nav {
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0 25px;
}
section.home-section-brand  button.owl-next {
    position: absolute;
    right: 20px;
}
span.designation {
    font-weight: 600;
    margin-bottom: 1em;
    display: block;
}
/*About page*/
section.section-banner.section-cs-banner {
    background-image: url(../img/aboutbanner.png);
    background-color: var(--brand-color-dark);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    position: relative;
    z-index: 10;
}
.page-overlay {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    padding: 60px 0 45px 0;
    text-align: center;
}
.breadcrumb {
    background: transparent;
    margin-bottom: 0;
    padding: 0;
        justify-content: center;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #fff;
    content: "/";
}
.breadcrumb-item.active {
    color: #fff;
}

ol.breadcrumb li a {
    color: #fff;
}
.page-banner-title {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 46px;
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
}
.page-banner-title:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: #fff;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
section.section-heading {
    padding: 5em 0;
    text-align: center;
}
.profile-border {
    position: relative;
    padding: 50px 0;
    margin-bottom: 6em;
}
.profile-border:before {
    position: absolute;
    content: "";
    width: 75%;
    height: 100%;
    border: 15px solid #DAEDE8;
    border-radius: 5px;
    right: 0;
    top: 0;
}
.meet-details {
    padding: 0 4em;
}
.profile-bordergry{
	position: relative;
    padding: 50px 0;
    margin-bottom: 6em;
}
.profile-bordergry:before {
    position: absolute;
    content: "";
    width: 75%;
    height: 100%;
    border: 15px solid #E1E1E1;
    border-radius: 5px;
    left: 0;
    top: 0;
}

section.section-contact{
	    background: url(../img/contact-us.jpg);
    background-size: cover;
    height: 500px;
}
.contact-content-panel {
    position: relative;
}
.contact-call-badge {
    position: absolute;
    width: 585px;
    height: 300px;
    right: 0;
/*     background: #0000009c; */
	background:rgba(0,0,0,0.611764705882353);
    top: 7em;
    padding: 3.5em;
}
.badge-content img {
    width: 12%;
}
a.contactphone {
    color: #fff;
    font-weight: 600;
    font-size: 37px;
}
.badge-content h5 {
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.badge-content h5 span {
    font-weight: 400;
}
a.contactphone {
    color: #fff;
    font-weight: 700;
    font-size: 35px;
    padding-left: 20px;
    vertical-align: middle;
}
.brand-carousel .owl-item img {
    /*width: 50%;*/
    /*margin: 0 auto;*/
}

/*Service page*/

.servicebg{
	background: #F2F2F2 0% 0% no-repeat padding-box;
	padding-bottom: 2em;
}
section.section-banner.section-service-banner{
	    background-image: url(../img/service-banner.png);
    background-color: var(--brand-color-dark);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    position: relative;
    z-index: 10;
    /*    margin-bottom: 5em;*/
}
section.section-projectdetails {
    padding: 5em 0;
}
.meet-details .btn-3::before, .btn-3::after {
    z-index: inherit;
}
.modal-content .btn-3::before, .btn-3::after{
	z-index: inherit;
}
span.btnpce {
    padding-left: 25px;
}
.btnblk {
    padding: 1em 0 0;
}
h4.servicetitle {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 25px;
}
section.inner-section-brand .owl-nav {
    display: none;
}
section.section-details {
    /*padding: 5em 0 0;*/
}
.highlights-text {
    color: #05C997;
}
.content-service h4 {
    padding-bottom: 12px;
}
.content-service p {
    padding-bottom: 1em;
}
/*section.section-content {
    padding: 1em 0 6em;
}*/
section.section-content {
    padding: 1em 0 4em;
}
section.section-content .text-center.mb-5.mb-sm-0.pt-sm-5.mt-4 {
    padding-top: 0rem!important;
    padding-bottom: .5em;
}
.abtcontent p.buttontext {
    margin-top: 3em;
}
.service-img img {
    width: 100%;
}

.project-imgservice img {
    width: 100%;
}
/*project page*/
section.section-projectdetails {
    padding: 3em 0 2em;
}
.img-area {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.single-img{
 /* padding:0 20px 20px;*/
  position: relative;
  cursor: pointer;
	
}
.project-bottom{
	position: absolute;
/*     background: #0000005e; */
	background:rgba(0,0,0,0.3686274509803922);
    width: 100%;
    height: 100%;
    top: 0;
    color: #fff;
}
.single-img img {
    width: 100%;
}
.text-title {
    position: absolute;
    bottom: 0;
    padding: 20px;
    width: 100%;
}
.text-title h4 {
    font-size: 18px;
    font-weight: 300;
}
.text-title h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.text-title h4:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -15px;
    width: 35px;
    height: 1px;
    background: #05C997;
}
.text-title h4:before {
    position: absolute;
    content: "";
    left: 40px;
    bottom: -15px;
    width: 60%;
    height: 1px;
    background: #ffffff;
}
.text-title h4 {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 1.8em;
    position: relative;
        text-transform: uppercase;
}
.single-img:hover .project-bottom {
    background: #0000009c;
}
.section-projectblk img:hover{
  opacity: .5;
  transition: .9s;
}
section.section-banner.section-project-banner{
 background-image: url(../img/project-banner.png);
    background-color: var(--brand-color-dark);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    position: relative;
    z-index: 10;	
}
section.section-projectblk {
    margin-bottom: 5em;
}
section.section-banner.section-contact-banner {
    background-image: url(../img/contact-banner.png);
    background-color: var(--brand-color-dark);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    position: relative;
    z-index: 10;
}
/*Contact page*/
section.section-contactinformation {
    padding: 3em 0;
}
.contactaddress {
    background: url(../img/locationcontact.svg)no-repeat;
   /* background-size: 6%;*/
  background-position: left 65px;
    padding: 3em 1em 3em 5.5em;
}
.phonenumber {
    background: url(../img/phonecontact.svg)no-repeat;
    background-position: left 65px;
    
    padding: 4em 0.5em 3em 5.5em;
}
.phonenumber p {
    margin-bottom: 0;
}
.phonenumber p a {
    color: #3B3B3B;
}
.emailaddrss {
    background: url(../img/emailcontact.svg)no-repeat;
    background-position: left 65px;
   
    padding: 3em 3.5em 3em 5.5em;
}
.emailaddrss p {
    margin-bottom: 0;
}
.emailaddrss a {
    color: #3B3B3B;
}
section.section-contactform {
	background: #0ECB9B;
	padding: 5em 0;
}
section.section-contactform .maintitle {
    text-align: left;
    padding-bottom: 0;
}
section.section-contactform .maintitle h2 {
    color: #fff;
}
.contact-shortdesc {
    color: #fff;
    margin-bottom: 3em;
}
section.section-contactform  .form-control {
    height: auto;
    border-radius: 5px;
    background: #2FD1A7;
    border: 0;
    padding: 12px 10px;
    color: #fff;
}
section.section-contactform ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
section.section-contactform ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
section.section-contactform :-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
section.section-contactform :-moz-placeholder { /* Firefox 18- */
color: #fff;
}
section.section-contactform .btn-4 {
  border: none;
}
.btn-4::before,
.btn-4::after {
  content: ' ';
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 20%;
  border: 1px solid #fff;
  border-right: none;
  z-index: inherit;
}
.btn-4::after {
  left: auto;
  right: 0;
  border-right: 1px solid #fff;
  border-left: none;
}
.btn-4:hover {
  color: #231f20;
}
.btn-4:hover::before,
.btn-4:hover::after {
  border-color: #fff;
  width: 50%;
}


section.section-contactform .btn {
  position: relative;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.85rem;
  letter-spacing: 0.1em;
  padding: .6em 1.5em;
  background: transparent; 
  text-transform: uppercase;
      font-weight: 700;
}
section.section-contactform .btn:hover{
	background: #fff;
	color: #000;
}
section.section-contactform .form-group.form-group-button {
    text-align: right;
}
section.section-heading.aboutsection-1 {
    background: url(../img/bg-01.png)no-repeat;
    background-size: cover;
}
section.section-meet-blocks {
    padding: 3em 0;
}
.serviceCarousel{
	position: relative;
}
.serviceCarousel .owl-nav {
    width: 100%;
    position: absolute;
    top: 47%;
	 transform: translateY(-50%);
    left: 0;
}
.serviceCarousel.owl-carousel.owl-loaded.owl-drag button.owl-prev {
    /*background: #00000080;*/
    padding: 10px;
        left: -50px;
        padding: 10px;
   
    float: left;
    position: absolute;
}
.serviceCarousel.owl-carousel.owl-loaded.owl-drag button.owl-next {
   /* background: #00000080;*/
    padding: 10px;
    position: absolute;
        position: absolute;
    right: -50px;

}
section.inner-section-brand {
    border-top: 2px solid #f3f3f3;
}
section.section-banner.section-service-banner:before {
    position: absolute;
    z-index: 2;
    background-color: #00000014 !important;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
form.wpcf7-form.init .btn-4::before {
    border: 1px solid #fff;
    border-right: none;
}
form.wpcf7-form.init .btn-4::after {
    border: 1px solid #fff;
       border-left: none;
}

section.section-projectdetails .maintitle {
    /*text-align: left;
    padding-bottom: 1em;*/
    text-align: center;
    padding-bottom: 4em;
}
.gallery-img{
  width: calc(33% - 6px);
  overflow:hidden;
  height: fit-content;
  margin:3px;
  padding: 0;
  display:block;
  position:relative;
  float:left;
}
.gallery-img img{
  width: 100%;
  transition-duration: .3s;
  max-width: 100%;
  display:block;
  overflow:hidden;
  cursor:pointer;
}

.gallery-img:hover img{
  transform: scale(1.2);
  transition-duration: .3s;
  filter: grayscale(50%);
  opacity: .7;
}
.gallery-img:hover span{
  color:white;
  display: block;
  transition-duration: .3s;
}
section.section-content.Blocksection {
   /* padding: 5em 0;*/
}

.testimonial-carousel .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{
	display: block ;
}
.testimonial-carousel .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: block !important;
}
.wpforms-submit{
position: relative !important;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.85rem;
    letter-spacing: 0.1em;
    padding: .6em 1.5em;
    background: transparent;
    text-transform: uppercase;
    font-weight: 700;
}
.wpforms-submit ::before {
    border: 1px solid #fff;
    border-right: none;
}
.wpforms-submit ::after {
    border: 1px solid #fff;
       border-left: none;
}
.wpforms-submit-container {
    text-align: right;
}
button#wpforms-submit-426{
	position: relative !important;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.85rem;
    letter-spacing: 0.1em;
    padding: .6em 1.5em;
    background: transparent;
    text-transform: uppercase;
    font-weight: 700;
    border: 0 !important;
}
button#wpforms-submit-426::before {
    content: ' ';
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 15%;
    border: 1px solid #fff;
    border-right: none;
}
button#wpforms-submit-426::after {
    content: ' ';
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 15%;
    border: 1px solid #fff;
    border-right: none;
    left: auto;
    right: 0;
    border-right: 1px solid #fff;
    border-left: none;
}
button#wpforms-submit-426:hover {
    background: #fff;
    color: #000;
}
@media only screen and (max-width: 900px) {
    .container {
       /* width: calc(50% - 6px);*/
    }
}
@media only screen and (max-width: 400px) {
    .container {
        width: 100%;
    }
}

section.gallery {
    padding: 2em 0;
}
.gallery-img:hover {
    background: #000;
}
footer#footer .footer-panel ul li a:hover {
    color: #05C997;
    transition: .1s;
    -webkit-transition: .1s;
    -moz-transition: .1s;
}
ul.footer-social .fa:hover {
    color: #05C997;
}
a.btn.btn-3.contactdek {
   visibility: visible;
}
footer#footer .footer-panel ul li a{
	font-size: 16px;
}
.blockquote-contnent {
    min-height: 490px;
    text-align: center;
}
h2.page-banner-title span {
    display: block;
    font-size: 23px;
}
body.page-template.page-template-page-projects.page-template-page-projects-php h2.page-banner-title span {
    display: none!important;

}


div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea{
	 border: 0 !important;
	 background: #2FD1A7 !important;
        border-radius: 5px !important;
    padding: 10px 10px !important;
}
input#wpforms-426-field_3 {
    padding-left: 50px !important;
}
input#wpforms-426-field_3{
	  padding-left: 50px !important;
}

body.services-template-default.single.single-services section.section-banner.section-service-banner {
    margin-bottom: 4em;
}
section.section-content {
    padding: 1em 0 4em;
}
#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 11%;
    right: 25%;
}
#exitButton:hover {
  opacity: 0.7;
}
#gallery {
  padding-top: 40px;
}

div.wpforms-container-full .wpforms-form label.wpforms-error {
    display: block;
    color: yellow !important;
    }
    div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea{
    	color: #fff!important;
    }
    label.wpforms-field-label-inline {
    color: #fff;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected a, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button {
    color: #05c997!important;
    border: 1px solid #f1f1f1;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
	section.home-section-brand {
    position: relative;
    top: 0;
}
.menu > li {
    margin-bottom: 40px;
    text-align: center;
}
.menu {
    position: relative;
    width: 100%;
}
#exitButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    position: absolute;
    top: 20%;
    right: 10%;
}
section.section-banner.section-service-banner {
    height: 240px;
}
.brand img {
    width: 185px;
}
.serviceCarousel.owl-carousel.owl-loaded.owl-drag button.owl-next{

        background: #fff;
    right: 0;
}
.content{
	text-align: center;
}
.content-details p{
	text-align: center;
	    padding: 20px;
	    font-size: 17px;
}
.serviceCarousel.owl-carousel.owl-loaded.owl-drag button.owl-prev{
background: #fff;
left: 0	
}
	p {
	font-size: 18px;
	}
	.footer-panel {
	text-align: center;
	}
	footer#footer .container .title {
		text-align: center;
	}
	footer#footer .footer-panel ul li:before{
		display: none;
	}
footer#footer .container .title {
    position: relative;
    padding-bottom: 10px;
}
.f-loaction:before {
    left: 0;
    top: 15px;
    right: 0;
    margin: 0 auto;
    width: 20px;
    height: 50px;
}
.f-loaction {
    padding-bottom: 1em;
    text-align: center;
    position: relative;
    padding-top: 20px;
}
span.footer-address {
    position: inherit;
    left: 0;
    text-align: center;
    padding-top: 2em;
    display: block;
    font-size: 18px;
}
.f-phone span.footer-content {
    display: block;
        padding-top: 10px;
        font-size: 18px;
}
.f-email span.footer-content {
    display: block;
    padding-top: 10px;
    font-size: 18px;
}
.main-footer {
    margin-bottom: 1em;
}
footer#footer .container .title {
    text-align: center;
    position: relative;
    padding-bottom: 10px;

}
footer#footer .container .title:after {
    position: absolute;
    content: "";
    width: 25%;
    height: 1px;
    background: #05C997;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
footer#footer .footer-panel ul li {
    list-style: none;
    position: relative;
    padding-left: 0;
}
body.services-template-default.single.single-services section.section-banner.section-service-banner {
    margin-bottom: 1em;
}
.blockquote-contnent {
    min-height: initial;
    text-align: center;
}
section.testimonialsetion blockquote.blockquote.blockquote-alt{
	min-height: initial;
}
section.testimonialsetion blockquote.blockquote.blockquote-alt {
    background: #fff;
    padding: 40px 30px 40px;
    margin-bottom: 0;
}
a.btn.btn-3.contactdek {
    display: none;
}
section.section-details .maintitle {
    text-align: center;
    padding-bottom: 1em;
}
section.section-content.Blocksection {
    padding: 2em 0 0;
}
a.h-tel.d-inline-block.d-lg-none {
    padding-right: 1em;
}
section.section-details {
    padding: 2em 0 0em;
}
section.section-banner.section-service-banner{
	    height: 155px;
}
a.headerphone {
    display: none;
}
.fa-phone:before {
    content: "\f095";
    color: #05C997;
}
.btnblk {
    padding: 1em 0 0;
    text-align: center;
}
span.btnpce {
    display: block;
    width: 100%;
    /*margin-top: 2em;*/
    text-align: center;
    width: 100%;
    padding-left: 0;
}
section.home-section-brand .owl-nav{
	display: none;
}
.main-carousel .overlay {
    position: absolute;
    width: 100%;
    top: 10%;
    left: 0;
    z-index: 100;
}
.main-carousel .overlay .title {
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 16px;
    text-transform: uppercase;
    text-align: left;
}
.main-carousel .overlay p {
    font-size: 10px;
    color: #fff;
    font-weight: 200;
    line-height: inherit;
}
.btn{
	font-size: 13px;
	/*width: 100%;*/
}
.whoweare .maintitle{
	    padding-bottom: 2em;

}
.main-carousel .owl-dots {
    display: none;
}
.main-carousel:after{
	display: none;
}
section.aboutSection .abtcontent {
    padding: 1em;
}
section.aboutSection {
    padding: 3em 0;
}
section.whoweare {
    
    padding: 1.5em 0em;
}
.testimonial-carousel .owl-nav{
	display: none;
}
section.whySection {
    padding: 3em 0;
}
.footer-panel {
    margin-bottom: 2em;
    padding: 0 1em;
}
p.spec-text {
    margin-bottom: 0;
    text-align: center;
    padding-top: 15px;
}
.footrlogo{
	text-align: center;
}
.profile-border{
	padding:0;
	margin-bottom: 1em;
}
.profile-border:before{
	display: none;
}
.meet-details {
    padding: 1.5em 1em 1em;
}
.profile-bordergry:before{
	display: none;
}
.profile-bordergry {
    position: relative;
    padding: 1em 0;
    margin-bottom: 1em;
}
body.page-template.page-template-page-services.page-template-page-services-php .profile-bordergry {
    margin-bottom: 0;
	}
#gallery {
    padding-top: 10px !important;
}
.content-service p {
    padding-bottom: 0;
}
a.contactphone {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    padding-left: 20px;
    vertical-align: middle;
}
.badge-content h5 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
body.page-template.page-template-page-services.page-template-page-services-php section.section-contact{
margin-top: 0;
}
section.section-contact {
       margin-top: 2em;
    background-size: cover;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
}
.maintitle h2 {
    font-size: 30px;
}
.contact-call-badge {
    position: absolute;
    width: 100%;
    height: 200px;
    right: 0;
    background: #0000009c;
    top: 4em;
    padding: 1.5em;
    text-align: center;
}
section.section-heading .maintitle {
    text-align: center;
    padding-bottom: 0;
}
section.section-heading {
    padding: 2em 0 0;
    text-align: center;
}
.content-service {
    padding: 2em 0 0;
}
section.section-content {
    padding: 1em 0 0;
}
section.section-projectdetails {
    padding: 2.5em 1em 1em;
}
section.section-meet-blocks .maintitle h2 {
    font-size: 30px;
}
section.section-meet-blocks .maintitle {
    text-align: center;
    padding-bottom: 2em;
}
section.section-projectdetails .maintitle {
    text-align: center;
    padding-bottom: 1em;
        padding-top: 1em;
}
section.section-projectblk {
    margin-bottom: 2em;
}
h2.page-banner-title{
	font-size: 25px;
}
.contactaddress {   
   /* padding: 2em 0.5em 0em 5.5em;*/
       padding: 5em 0.5em 0em 0;
    text-align: center;
        background-position: center 0em;
          margin-bottom: 2em;
}
.emailaddrss {   
    /*padding: 3em 0.5em 3em 5.5em;*/
    padding: 5em 0.5em 0em 0;
    background-position: center 0em;
    text-align: center;
    margin-bottom: 1em;
}
.phonenumber {   
    /*padding: 2em 0.5em 1em 5.5em;*/
    padding: 5em 0.5em 0em 0;
    background-position: center 0em;
    text-align: center;
    margin-bottom: 1em;
}
div#wpforms-426-field_1-container {
    width: 100%;
}
div#wpforms-426-field_2-container {
    width: 100%;
    margin-left: 0 !important;
}
div#wpforms-426-field_3-container {
    width: 100%;
    margin-left: 0 !important;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
    height: 170px;
}
.wpforms-submit-container {
    text-align: center;
}
section.section-contactform {    
    padding: 2em 0;
}
.footer-panel.footermiddle {
    position: relative;
    padding-left: inherit;
}
.footer-panel.footermiddle:before{
	display: none;
}
.footer-panel.footermiddle:after{
	display: none;
}
.f-loaction:before {  
    left: 12px;
}
div#testimonialCarousel {
    padding-left: 0;
    padding-bottom: 1em;
}
section.testimonialsetion {
    padding: 2em 1em;
}
.h2, h2 {
    font-size: 1.5rem;
}
section.testimonialsetion blockquote.blockquote.blockquote-alt {
    background: #fff;
    padding: 40px 25px 80px 35px;
    margin-bottom: 2em;
}
section.section-meet-blocks .btnblk a {
    width: inherit;
    margin-bottom: 10px;
    display: inline-block;
}
section.section-meet-blocks span.btnpce {
    display: inline-block;
    width: inherit;
    margin-left: 10px;
}
.contactaddress{
	    background-size: 15%;
}
.phonenumber{
	background-size: 15%;
}
.emailaddrss{
	background-size: 15%;
}
section.whoweare .maintitle h2 {
    font-size: 30px;
}
section.testimonialsetion .maintitle {
    text-align: center;
    padding-bottom: 2.5em;
    padding-top: 1em;
}
section.testimonialsetion  .maintitle h2 {
    font-size: 26px;
}
section.home-section-brand div#brandCarouselhome{
	box-shadow: none;
	    padding: 1em 1em;
}
p.buttontext {
    text-align: center;
}
.service-img img {
    width: 100%;
}
.service-img {
    margin-bottom: 1em;
}
.single-img img {
    width: 100%;
}
.single-img a {
    width: 100%;
}
.project-imgservice img {
    width: 100%;
}
p.buttontext {
    margin-top: 2em;
    margin-bottom: 0;
}
.phonehed {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-left: auto;
    position: relative;
    padding-right: 5px;
}
.brand {
    padding: 14px 4px;
}
.phonehed {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-left: auto;
    position: relative;
    padding-right: 5px;
}
.site-header * {
    transition: all .30s ease-in-out;
   /* padding: 0;*/
}
.brand {
    padding-left: 6px;
    padding-top: 8px;
}
.site-header.scrolled .brand {
    padding: 10px 5px;
}
.main-carousel .overlay .title {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 12px;
    text-transform: uppercase;
    text-align: left;
}
section.section-banner.section-service-banner{
	    height: 155px;
}
.page-banner-title {
    font-size: 22px;
}
.site-page.servicebg .maintitle {
    text-align: center;
    padding-bottom: 1em;
}
body.page-template.page-template-page-services.page-template-page-services-php .maintitle {
    text-align: center;
    padding-bottom: 1em;
}
h4.servicetitle{
	font-weight: 600;
    font-size: 24px;
}
.servicebg{
	padding-bottom: 0;
}
section.section-meet-blocks {
    padding: 3em 0 0;
}
.footrlogo img {
    width: 60%;
}
.footrlogo a {
    width: 85%;
}
}
/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
.main-carousel .overlay .title {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 12px;
    text-transform: uppercase;
    text-align: left;
}
	body.page-template.page-template-page-services.page-template-page-services-php section.section-contact{
		margin-top: 0;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.content {
    position: relative;
    width: 100%;
    max-width: 100%;
}
.contactaddress{
	    padding: 4em 1em 3em 5.5em;
}
.phonenumber {
	padding: 4.2em 0.5em 3em 5.5em;
}
.menu > li {
    margin-bottom: 40px;
    text-align: center;
}
.menu {
    position: relative;
    width: 100%;
}
.text-title h4 {
    font-size: 19px;
    font-weight: 300;
    margin-bottom: 1.8em;
    position: relative;
    text-transform: uppercase;
}
.text-title h3 {
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
}
.text-title {
    position: absolute;
    bottom: 20px;
    padding: 20px;
    width: 100%;
}
section.section-projectdetails {
    padding: 4em 0 1em;
}
#gallery {
	padding-top: 0;
	padding-bottom: 3em;
	margin-bottom: 2.5em;
}
section.section-content {
    padding: 3em 0;
}
.content-service {
    padding: 2em 0 0;
}
.footrlogo a {
    width: 100%;
}
.footrlogo img {
    width: 75%;
}
#exitButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    position: absolute;
    top: 30%;
    right: 20%;
}
span.btnpce {
    padding-left: 25px !important;
}
body.page-template.page-template-page-services.page-template-page-services-php .profile-bordergry {
    margin-bottom: 0;
	}
	body.page-template.page-template-page-services.page-template-page-services-php section.section-contact{
		margin-top: 0;
	}
section.section-heading {
    padding: 3em 0 1em;
    text-align: center;
}
section.section-heading.aboutsection-1 {
    padding: 4em 0 2em;
}
section.section-meet-blocks {
    padding: 3em 0;
   
}
section.section-meet-blocks .maintitle {
    text-align: center;
    padding-bottom: 10px;
}
.meet-details {
    padding: 0 2em;
}
.profile-border {
    margin-bottom: 0;
}
section.section-banner.section-service-banner {
    height: 300px;
}
.page-overlay {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    bottom: 50px;
    text-align: center;
}
section.section-meet-blocks .profile-bordergry {
    position: relative;
    padding: 0 0;
}
.contact-call-badge {
    position: absolute;
    width: 585px;
    height: 300px;
    right: 0;
    background: #0000009c;
    top: 7em;
    left: 0;
    margin: 0 auto;
}
section.home-section-brand {
    position: relative;
   /* top: 0;*/
}
a.btn.btn-3.contactdek {
    /*display: none;*/
}
a.btn.btn-3.d-inline-block.d-lg-none {
    display: none !important;
    visibility: hidden;
}
section.home-section-slider {
    height: auto !important;
    position: relative;
    overflow: hidden;
}
.main-carousel .overlay .title {
    font-size: 35px;
}
section.whoweare{
    padding: 4em 0;
}
#exitButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    position: absolute;
    top: 30%;
    right: 20%;
}
p {
    font-size: 18px;
    }
.row.no-gutters.serviceCarousel.owl-carousel.owl-loaded.owl-drag button.owl-next {
    position: absolute;
    right: -45px;
}
.row.no-gutters.serviceCarousel.owl-carousel.owl-loaded.owl-drag button.owl-prev {
    float: left;
    position: absolute;
    left: -45px;
}
.imgwhy {
    text-align: center;
}
div#testimonialCarousel {
    padding-left: 0;
        padding: 1em;
    }
    .footer-panel.footermiddle:before{
    	display: none;
    }
    .footer-panel.footermiddle:after{
    	display: none;
    }
    .f-loaction:before {   
    left: 0;
    top: 60px;
}
span.footer-content a {
    color: #fff;
    padding-left: 6px;
}
.footer-panel.footermiddle {
    position: relative;
    padding-left: 0;
}
.footer-panel {
    padding: 1em 0;
}
.footrlogo {
    padding: 1em 0;
    text-align: left;
}
p.spec-text {
    text-align: center;
}
.profile-bordergry:before{
	display: none;
}
.profile-border:before{
	display: none;
}
.profile-border{
	margin-bottom: 0;
}
.profile-img {
    margin-bottom: 2em;
}
.profile-img img {
    width: 100%;
}
.profile-bordergry{
	margin-bottom: 0;
}
.service-img img {
    width: 100%;
}
.service-img {
    margin-bottom: 1em;
}
.single-img img {
    width: 100%;
}
.single-img a {
    width: 100%;
}
.project-imgservice img {
    width: 100%;
}
div#testimonialCarousel {
    padding-left: 0;
    padding: 1em 3em;
}
a.h-tel.d-inline-block.d-lg-none {
    display: none !important;
}
.page-banner-title {
    font-size: 28px;
}
span.btnpce {
    padding-left: 25px !important;
}
}

@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	section.whySection {
	padding: 4em 0;
	}
	p {
	font-size: 18px;
	}
.footrlogo a {
    width: 80%;
}
.footrlogo img {
    width: 75%;
}
body.page-template.page-template-page-services.page-template-page-services-php .profile-border {
    position: relative;
    padding: 50px 0 80px;
    }
	.servicebg{
	padding-bottom: 6em !important;
	}
	#gallery {
    padding: 20px 30px 90px 30px;
}
.brand img { width: 100% }
.main-carousel .overlay p{
	/*margin-bottom: 50px;*/
}
.footrlogo {
    padding: 1em 0;
    text-align: left;
}
.page-banner-title {
    font-size: 28px;
}
}


@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
section.home-section-slider {
    height: auto !important;
}
.footrlogo {
    padding: 1em 0;
    text-align: left;
}
.brand img { width: 100%; }
	#gallery {
    padding: 20px 30px 90px 30px!important;
}
.brand img { width: 100% }
}
/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

body.page-template.page-template-page-services.page-template-page-services-php .profile-border {
    position: relative;
    padding: 50px 0 80px;
    }
  	.servicebg{
	padding-bottom: 8em !important;
	}
		#gallery {
    padding: 20px 30px 90px 30px!important;
}
.brand img { width: 100% }
section.section-content {
    padding: 2em 0 6em;
}
section.section-content.Blocksection {
    padding-bottom: 0;
}
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/*a.headerphone {
    display: none;
}*/
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
a.headerphone {
    display: none;
}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
a.headerphone {
    display: none;
}
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
a.headerphone {
    display: none;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
a.headerphone {
    display: none;
}
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
a.headerphone {
    display: none;
}
}




@media screen and (min-width: 991px) {
  #gallery {
    padding: 60px 30px 60px 30px;
  }
}

.img-wrapper {
  position: relative;
  margin-top: 30px;
}
.img-wrapper img {
  width: 100%;
}

.img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
      cursor: pointer;
}
.img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 5%;
}
@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  #overlay img {
    width: 50%;
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
   cursor: pointer;
}
#nextButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #nextButton {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
   cursor: pointer;
}
#prevButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #prevButton {
    font-size: 3em;
  }
}


@media screen and (min-width: 768px) {
  #exitButton {
    font-size: 3em;
  }
}