/* CSS Document */



@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap");



html,

body {

	width: 100%;



	overflow-x: hidden;



	font:

		400 16px/24px "Titillium Web",

		sans-serif;

}



body {

	background: #fff;



	margin: 0px;



	padding: 0px;



	color: #555;

}



body.showNav {

	height: 100%;



	overflow: hidden;

}



* {

	-webkit-font-smoothing: antialiased;



	-moz-osx-font-smoothing: grayscale;



	margin: 0;



	padding: 0;

}



h1,

h2,

h3,

h4,

h5,

p,

span {

	margin: 0;



	padding: 0;

}



h1,

h2,

h3,

h4,

h5,

.h1,

.h2,

.h3,

.h4,

.h5 {

	color: #000;



	margin: 0;

}



.text-reverse {

	color: #fff;

}



h1 {

	font:

		700 62px/74px "Titillium Web",

		sans-serif;



	display: block;

}



h2 {

	font:

		700 48px/62px "Titillium Web",

		sans-serif;



	display: block;

}



h3 {

	font:

		700 36px/42px "Titillium Web",

		sans-serif;



	display: block;

}



h4 {

	font:

		700 24px/30px "Titillium Web",

		sans-serif;



	display: block;

}



h5 {

	font:

		400 20px/28px "Titillium Web",

		sans-serif;



	display: block;

}



h6 {

	font:

		400 16px/28px "Titillium Web",

		sans-serif;



	display: block;

}



.secondaryTxt {

	padding: 0 15%;

}



a {

	text-decoration: underline;



	color: #d83030;

}



a:hover,

a:focus {

	color: #d83030;



	text-decoration: none;

}



.noEff,

.noEff:hover,

.noEff:focus {

	text-decoration: none;

}



.trans_eff {

	transition: all linear 0.3s;



	-webkit-transition: all linear 0.3s;



	-moz-transition: all linear 0.3s;



	-ms-transition: all linear 0.3s;

}



.weight-900 {

	font-weight: 900;

}



.weight-800 {

	font-weight: 800;

}



.weight-700 {

	font-weight: 700;

}



.weight-600 {

	font-weight: 600;

}



.weight-500 {

	font-weight: 500;

}



.weight-400 {

	font-weight: 400;

}



.weight-300 {

	font-weight: 300;

}



.weight-200 {

	font-weight: 200;

}



.weight-100 {

	font-weight: 100;

}



.bg-white {

	background: #ffffff;

}



.bg-primary {

	background: #032e42;

}



.bg-secondary {

	background: #edf67d;

}



.bg-treasury {

	background: #f85b59;

}



.color-bodyText {

	color: rgba(19, 23, 71, 0.8);

}



.h1 .small,

.h1 small,

.h2 .small,

.h2 small,

.h3 .small,

.h3 small,

h1 .small,

h1 small,

h2 .small,

h2 small,

h3 .small,

h3 small {

	font-size: 50%;

}



.mt0 {

	margin-top: 0 !important;

}



.mt10 {

	margin-top: 10px;

}



.mt15 {

	margin-top: 15px;

}



.mt20 {

	margin-top: 20px;

}



.mt25 {

	margin-top: 25px;

}



.mt30 {

	margin-top: 30px;

}



.mt40 {

	margin-top: 40px;

}



.mt50 {

	margin-top: 50px;

}



.mb5 {

	margin-bottom: 5px;

}



.mb10 {

	margin-bottom: 10px;

}



.mb15 {

	margin-bottom: 15px;

}



.mb20 {

	margin-bottom: 20px;

}



.mtb5 {

	margin-bottom: 25px;

}



.mb30 {

	margin-bottom: 30px;

}



.mb50 {

	margin-bottom: 50px;

}



.ml10 {

	margin-left: 10px;

}



.ml15 {

	margin-left: 15px;

}



.pl50 {

	padding-left: 50px;

}



.pl100 {

	padding-left: 100px;

}



.red {

	color: #fe4a49;

}



.deskHidden {

	display: none !important;

}



.mobHidden {

	display: block !important;

}



#back-top {

	position: fixed;



	bottom: 30px;



	right: 20px;



	z-index: 3;



	display: block;

}



#back-top .btn-danger {

	display: inline-block;



	background: #d83030 !important;



	overflow: hidden;



	padding: 7px 0;



	border-radius: 10px;



	line-height: inherit !important;



	color: #fff;



	width: 50px;



	height: 50px;



	box-shadow: 0 0 20px 0 rgba(112, 130, 148, 0.2);



	border: 0;



	font-size: 30px;



	transition: all linear 0.3s;



	cursor: pointer;

}



#back-top .btn-default:hover {

	background: #32b0eb;

}



.btn-warning {

	font:

		600 17px/42px "Titillium Web",

		sans-serif;



	color: #fff;



	height: 44px;



	padding: 0 25px;



	display: inline-block;



	overflow: hidden;



	text-decoration: none;



	background: #fb9628 !important;



	border-radius: 0;



	border: 0 !important;



	box-shadow: 0px 10px 0 -5px rgb(251 150 40 / 40%);



	outline: none !important;

}



.btn-warning:hover,

.btn-warning:focus {

	background: #fb9628 !important;



	box-shadow: 0px 10px 0 -5px rgb(251 150 40 / 40%);

}



.btn-warning:active {

	box-shadow: none;



	transform: translateY(4px);

}



.btn-success {

	font:

		600 17px/42px "Titillium Web",

		sans-serif;



	color: #fff;



	height: 44px;



	padding: 0 25px;



	display: inline-block;



	overflow: hidden;



	text-decoration: none;



	background: #86b045 !important;



	border-radius: 0;



	border: 0 !important;



	box-shadow: 0px 10px 0 -5px rgb(134 176 69 / 40%);



	outline: none !important;

}



.btn-success:hover,

.btn-success:focus {

	background: #86b045 !important;



	box-shadow: 0px 10px 0 -5px rgb(134 176 69 / 40%);

}



.btn-success:active {

	box-shadow: none;



	transform: translateY(4px);

}



.form-control {

	height: 54px;



	padding: 15px 15px;



	font-size: 17px;



	color: #000;



	background: rgba(255, 255, 255, 0.3);



	border-radius: 0;



	border: 1px solid #ddd;



	font-family: "Titillium Web", sans-serif;



	box-shadow: none;

}



.form-control:focus {

	border: 1px solid #ddd;



	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);



	background: rgba(255, 255, 255, 1);

}



.formCon2 .selectServices {

	margin: 0;



	background: #fff;



	border: 1px solid #ddd;



	padding: 10px 12px;



	overflow: hidden;



	border-radius: 10px;

}



.formCon2 .selectServices li {

	list-style: none;



	width: 48%;



	float: left;



	font-size: 13px;



	line-height: 16px;



	color: #000;



	margin: 5px 1%;

}



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

	.formCon2 .selectServices li {

		list-style: none;



		width: 100%;



		float: left;



		font-size: 13px;



		line-height: 16px;



		color: #000;



		margin: 5px 0;

	}

}



label {

	color: #000;



	font-size: 17px;



	margin-left: 1px;



	font-weight: 500;



	line-height: 20px;



	margin-bottom: 5px;



	display: inline-block;

}



.formCon2 .row > .cols {

	margin: 10px 0;

}



.formCon2 {

	padding: 80px 0 60px;

}



::-webkit-input-placeholder {

	color: #032e42 !important;

}



::-moz-placeholder {

	color: #032e42 !important;

}



:-ms-input-placeholder {

	color: #032e42 !important;

}



:-moz-placeholder {

	color: #032e42 !important;

}



input::placeholder {

	color: #032e42 !important;

}



.pRelative {

	position: relative;

}



::-webkit-scrollbar {

	width: 5px;

}



/* Track */



::-webkit-scrollbar-track {

	background: transparent;

}



/* Handle */



::-webkit-scrollbar-thumb {

	background: rgba(0, 0, 0, 0.2);



	border-radius: 30px;

}



/* Handle on hover */



::-webkit-scrollbar-thumb:hover {

	background: #555;



	border-radius: 30px;

}



/*AAAAA HOME PAGE CLASSES AAAAA*/



.container-fluid {

	padding: 0 60px;

}



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

	.container {

		width: 100%;

	}



	.container-fluid {

		padding: 0 15px;

	}

}



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

	h3 {

		font:

			800 24px/32px "Titillium Web",

			sans-serif;



		display: block;

	}

}



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

	h2 {

		font-size: 30px;



		line-height: 34px;

	}

}



/*comman clasess ends*/



/*header clasess*/



header {

	width: 100%;



	z-index: 9999;



	position: fixed;



	top: 0;



	transition: transform 0.75s;



	height: auto;



	padding: 0 50px;

}



header .headerInner {

	background: #fff;



	box-shadow: 0px 16px 0 -8px rgba(255, 255, 255, 0.25);



	height: auto;



	padding: 0 20px;

}



.hiddeNavBar {

	transform: translateY(-200%);

}



.navbar-brand img {

	width: 100%;



	height: auto;



	display: block;

}



header .navbar {

	margin-bottom: 0;



	min-height: 0px;

}



header .navbar-collapse {

	padding: 0;

}



header .navbar-brand {

	padding: 0 !important;

	width: 167px;

	height: auto;

	display: block;

	margin: 10px 0;

}



header .navbar-default {

	background: none;



	border: 0;

}



.navbar-nav {

	margin: 26px 0 0 2px;



	transition: all linear 0.3s;



	-webkit-transition: all linear 0.3s;



	-moz-transition: all linear 0.5s;



	-ms-transition: all linear 0.3s;

}



header .navbar-nav > li > a .loc,

header .navbar-nav > li > a .arrow {

	vertical-align: middle;



	padding-bottom: 4px;

}



header .navbar-nav > li > a {

	font:

		500 16px/24px "Titillium Web",

		sans-serif;



	color: #000;



	padding: 0;



	margin: 0 20px;



	text-decoration: none;



	transition: all linear 0.3s;



	-webkit-transition: all linear 0.3s;



	-moz-transition: all linear 0.3s;



	-ms-transition: all linear 0.3s;



	background: none !important;



	letter-spacing: 0px;



	text-transform: uppercase;

}



header .navbar-nav > li a:after {

	height: 1px;



	width: 0;



	background: #fb9628;



	content: "";



	position: absolute;



	display: block;



	bottom: 0;



	left: 0;



	transition: all linear 0.3s;



	-webkit-transition: all linear 0.3s;



	-moz-transition: all linear 0.5s;



	-ms-transition: all linear 0.3s;

}



header .navbar-nav > li.active > a:after,

header .navbar-nav > li:hover > a:after {

	width: 100%;

}



header .navbar-nav > li > .orderNow {

	background: #fff !important;



	color: #d83030;



	border: 1px solid #d83030;



	padding: 0 20px !important;



	margin: 15px 0 0 25px;



	line-height: 48px;



	border-radius: 10px;



	font-weight: 600;



	box-shadow: 0px 5px 10px -4px rgb(216 48 48 / 20%);

}



header .navbar-nav > li > .signUp {

	background: #fff !important;



	color: #d83030;



	border: 1px solid #d83030;



	padding: 0 20px !important;



	margin: 15px 0 0 10px;



	font-weight: 600;



	line-height: 48px;



	border-radius: 10px;



	box-shadow: 0px 5px 10px -4px rgb(216 48 48 / 20%);

}



header .navbar-nav > li .orderNow:hover {

	box-shadow: 0px 5px 10px -4px rgb(216 48 48 / 80%);

}



header .navbar-nav > li .signUp:hover {

	box-shadow: 0px 5px 10px -4px rgb(216 48 48 / 80%);

}



header .navbar-nav > li > .signUp img {

	width: 16px;



	vertical-align: middle;

}



header .navbar-nav > li > .orderNow img {

	width: 16px;



	vertical-align: sub;

}



header .navbar-nav > li:hover > .orderNow:after,

header .navbar-nav > li > .orderNow:after,

header .navbar-nav > li:hover > .signUp:after,

header .navbar-nav > li > .signUp:after,

header .navbar-nav > li:hover > .search:after,

header .navbar-nav > li > .search:after {

	display: none !important;

}



.header_spacer {

	height: 50px;



	display: none;

}



.navbar {

	border: 0;

}



header .navbar-nav > li > .search {

	width: 50px;



	height: 49px;



	margin: 20px 0 0 0;



	padding: 10px;



	text-align: center;

}



header .navbar-nav > li > .search img {

	display: block;

}



header .navbar-nav .mob_no a {

	padding-right: 0;



	border-left: 1px solid rgba(255, 255, 255, 0.5);



	font-weight: 600;



	color: #32b0eb;

}



header .navbar-nav .mob_no .phone {

	padding-bottom: 4px;



	vertical-align: middle;

}



.header_fixer .navbar-nav .mob_no a {

	border-color: #ddd;

}



header .navbar-header {

	float: left;

}



header .navbar-collapse {

	border: 0 !important;



	box-shadow: none;

}



.mobRight {

	float: right;

}



.mobRight a {

	color: #fff;



	width: 54px;



	text-align: center;



	margin: 15px 0 0 10px;



	font-weight: 600;



	line-height: 48px;



	float: left;

}



.mobRight a img {

	width: 24px;



	vertical-align: middle;

}



.mobRight .signUp,

.mobRight .orderNow {

	display: inline-block;

	width: 44px;

	height: 40px;

	padding: 0;

	text-align: center;

	color: #fff;

	font-size: 22px;

	margin-right: 7px;

	background: #86b045;

	text-decoration: none;

}



.topRight {

	float: right;



	margin-top: 20px;

}



.topRight .callUs {

	text-decoration: none;



	color: #000;



	font-size: 14px;



	float: left;



	margin: 6px 20px 0 0;

}



.topRight .callUs span {

	color: #777;

}



.topRight .callUs i {

	display: none;

}



.topRight .social {

	float: right;

}



.social a {

	display: inline-block;



	width: 40px;



	height: 40px;



	padding: 7px;



	text-align: center;



	color: #fff;



	font-size: 20px;



	margin-right: 3px;



	background: #86b045;

}



.social a:active {

	box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);



	transform: translateY(4px);

}



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

	header .navbar-nav > li > a {

		margin: 0 12px;

	}

}



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

	header {

		padding: 0 15px;

	}

	header .navbar-nav > li > .orderNow,

	header .navbar-nav > li > .signUp {

		width: 54px;



		height: 50px;



		padding: 0 !important;



		text-align: center;

	}



	header .navbar-nav > li > .orderNow span,

	header .navbar-nav > li > .signUp span {

		display: none;

	}



	header .navbar-nav > li > .orderNow img,

	header .navbar-nav > li > .signUp img {

		width: 22px;



		vertical-align: middle;

	}

	.topRight .callUs span,

	.topRight .callUs strong {

		display: none;

	}

	.topRight .callUs i {

		display: block;

	}

	.topRight .callUs {

		display: inline-block;

		width: 40px;

		height: 40px;

		padding: 10px 0;

		text-align: center;

		color: #fff;

		font-size: 20px;

		margin: 0;

		margin-right: 7px;

		background: #86b045;

	}

}



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

	header {

		padding: 0;

		position: static;

	}

}



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

	header {

		overflow: hidden;

	}



	.banner-items h2 span {

		font-weight: 200;



		font-size: 32px;



		width: 100%;



		display: block;

	}



	header .navbar-nav .mob_no a {

		font-size: 14px;



		margin: 0;

	}

}



.onlySM {

	display: none;

}



.onlySM h2 {

	margin: 0;



	padding: 15px;



	font-size: 20px;



	line-height: 26px;

letter-spacing: 2px; text-transform: uppercase;

	color: #fff;

}



.onlySM .bar {

	width: 60px;



	height: 60px;



	float: right;



	padding: 10px;



	position: relative;



	cursor: pointer;

}



.onlySM .bar b {

	display: block;



	width: 2px;



	height: 32px;



	background: #fff;



	transform: rotate(45deg);



	position: absolute;



	left: 28px;



	top: 14px;

}



.onlySM .bar b.one {

	transform: rotate(45deg);

}



.onlySM .bar b.two {

	transform: rotate(-45deg);

}



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

	header .navbar-brand {

		padding: 0 !important;

		width: 128px;

		height: auto;

		display: block;

		margin: 10px 0;

	}



	.mobRight a {

		line-height: 44px;

		margin-top: 13px;

	}





	.topRight{float: none; display: block; width: 138px; margin: auto;}



	.triBar {

		display: inline-block;

		width: 44px;

		height: 40px;

		padding: 4px 10px;

		text-align: center;

		color: #fff;

		font-size: 20px;

		margin: 13px 0 0 0;

		margin-right: 7px;

		background: #86b045;

		cursor: pointer;

	}



	.social a, .topRight .callUs{border:1px solid #fff;}



	.triBar b {

		width: 100%;



		height: 3px;



		background: #fff;



		display: block;



		margin-top: 6px;

	}



	.header_fixer .triBar b {

		background: #fff;

	}



	.navOverlay {

		display: block;



		position: fixed;



		background: rgba(255, 255, 255, 0.8);



		top: 0;



		bottom: 0;



		width: 100%;



		left: -100%;



		z-index: 9990;

	}



	.showNav .navOverlay {

		left: 0;

	}



	header .navbar-nav > li > a {

		padding: 0 15px;



		margin: 0;

	}



	.header_fixer .navbar-nav > li.active > a,

	.header_fixer .navbar-nav > li.active > a:hover,

	.header_fixer .navbar-nav > li > a:hover,

	.navbar-default .navbar-nav > .open > a,

	.navbar-default .navbar-nav > .open > a:hover,

	.navbar-default .navbar-nav > .open > a:focus {

		border-bottom: 0;

	}



	.navbar-custom {

		position: fixed;



		background:#86b045;



		top: 0;



		bottom: 0;



		width: 300px;



		z-index: 9999;



		display: block;



		left: -300px;

	}



	.showNav .navbar-custom {

		left: 0;

	}



	header .navbar-nav {

		float: none;

		padding: 0;

		margin: 0 0 30px 0;

 

	}



	header .navbar-nav > li {

		display: block;



		float: none;



		width: 100%;



		border-bottom: 1px solid rgba(255,255,255,.1);

	}



	header .navbar-nav > li a {

		line-height: 50px;



		color: #fff;

	}



	header .navbar-nav > li.noSM {

		display: none;

	}



	.onlySM {

		display: block;

	}



	.noSM {

		display: none;

	}



	.mobLoc {

		display: block;

	}



	header .navbar-nav > li > a:after {

		display: none;

	}



	header .navbar-nav > li > .orderNow,

	header .navbar-nav > li > .signUp {

		display: none;

	}



	header .navbar-nav > li > .search {

		display: none;

	}



	.deskHidden {

		display: block !important;

	}



	.mobHidden {

		display: none !important;

	}



	#home .home {

		background: #012130;



		border-right: 4px solid #fff;

	}



	.nav > li > a:focus,

	.nav > li > a:hover {

		text-decoration: none;



		background-color: #86b045 !important;



		border-right: 4px solid #fff;

	}







}



/*header clasess ends*/



/* banner */



.carousel-fade .carousel-inner .item {

	transition-property: opacity;

}



.carousel-fade .carousel-inner .item,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

	opacity: 0;

}



.carousel-fade .carousel-inner .active,

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

	opacity: 1;

}



.carousel-fade .carousel-inner .next,

.carousel-fade .carousel-inner .prev,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

	left: 0;



	transform: translate3d(0, 0, 0);

}



.bannerCon .carousel-indicators {

	position: absolute;



	bottom: 10px;



	left: 0;



	z-index: 15;



	width: auto;



	padding-left: 0;



	margin-left: 60px;



	text-align: center;



	list-style: none;

}



.bannerCon .carousel-indicators li {

	width: 15px;



	height: 15px;



	margin: 0 2px;



	border-width: 2px;

}



.bannerCon .carousel-indicators .active {

	width: 15px;



	height: 15px;



	border-width: 2px;



	margin: 0 2px;

}



.bannerCon .carousel-caption {

	bottom: 0;



	width: auto;



	right: 0;



	left: 50%;



	padding: 0;



	text-align: left;



	color: #000;

}



.bannerCon .carousel-caption .captionInner {

	background: rgba(255, 255, 255, 0.9);



	display: flex;



	padding: 30px 45px 35px 45px;



	width: 100%;



	justify-content: space-between;



	align-items: start;

}



.bannerCon .carousel-caption .captionInner h3 {

	font-size: 44px;



	text-shadow: none;



	width: 115%;



	padding-right: 10px;

}



.bannerCon .carousel-caption .captionInner figcaption {

	border-left: 1px solid #ddd;



	padding-left: 30px;

}



.bannerCon .carousel-caption p {

	color: #555;



	text-shadow: none;

}



.bannerCon .carousel-caption .captionInner figcaption .btn-warning {

	margin-top: 15px;

}



.mybannerinside {

	min-height: auto;



	display: flex;



	width: 100%;



	justify-content: center;



	position: relative;



	align-items: center;



	padding: 200px 0 100px;

}



.mybannerinside .leftBar {

	text-align: center;



	width: 100% !important;

}



.bannerContentInside {

	display: flex;



	flex-wrap: nowrap;



	align-items: center;

}



.bannerContentInside .leftBar,

.bannerContent .rightBar {

	width: 100%;

}



.bannerContentInside .leftBar {

	padding-right: 0;

}



.bannerContentInside .leftBar h1 {

	color: #fff;



	font-size: 60px;



	line-height: 60px;



	font-weight: 700;

}



.bannerContentInside p {

	color: #fff;



	font-size: 18px;



	line-height: 32px;



	margin-top: 30px;

}



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

	.bannerCon .carousel-caption .captionInner h3 {

		font-size: 40px;

		text-shadow: none;

		width: 155%;

		line-height: 44px;

		padding-right: 10px;

	}

}



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

	.bannerCon .carousel-caption .captionInner {

		padding: 30px 35px 35px 35px;

	}



	.bannerCon .carousel-caption .captionInner h3 {

		font-size: 34px;

		text-shadow: none;

		width: 155%;

		line-height: 38px;

		padding-right: 10px;

	}

}



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

	.bannerCon .carousel-caption .captionInner {

		padding: 25px;

	}



	.bannerCon .carousel-caption .captionInner h3 {

		font-size: 28px;

		text-shadow: none;

		width: 185%;

		line-height: 32px;

		padding-right: 10px;

	}

}



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

	.bannerCon .carousel-caption {

		display: none;

	}

	.bannerCon .carousel-indicators {

		position: absolute;

		bottom: 10px;

		left: 0;

		z-index: 15;

		width: 100%;

		padding-left: 0;

		margin-left: 0;

		text-align: center;

		list-style: none;

	}





	.bannerContentInside .leftBar h1{font-size:28px; line-height: 36px;}

	.mybannerinside{padding: 100px 0 50px 0;}

}



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

	.bannerCon .bannerContent h2 {

		color: #fff;



		font-size: 2rem;



		line-height: 2.5rem;



		text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.05);

	}



	.bannerCon .bannerContent p {

		font-size: 0.9rem;



		margin-top: 5px;



		text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.05);

	}



	.bannerContentInside h1 {

		color: #fff;



		font-size: 2rem;



		line-height: 2.5rem;

	}



	.mybannerinside {

		padding: 50px 0;

	}

}



/* banner clasess ends*/



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

	.mobRight {

		float: right;

	}



	.mobRight a {

		color: #fff;



		width: 44px;



		text-align: center;



		font-weight: 600;



		line-height: 40px;

	}



	.mobRight a img {

		width: 20px;

	}



	.triBar {

		height: 40px;



		width: 44px;



		margin-right: 0;

		padding: 5.5px 9px;

	}



	.triBar b {

		height: 3px;



		margin-top: 5px;

	}

}



/* banner ends */



/*Welcome*/



.welcomeCon {

	display: table;

}



.welcomeCon .cols {

	display: table-cell;



	width: 50%;

}



.welcomeCon .right {

	width: 50%;



	background: url(../images/welcomeImg.jpg) no-repeat right top;



	background-attachment: fixed;



	background-size: contain;



	position: relative;

}



.welcomeCon .left {

	width: 50%;



	background: #f5f5f5 url(../images/welcomeBg.png) no-repeat left bottom;



	background-attachment: fixed;



	background-size: contain;



	padding: 70px 60px 80px;

}



.welcomeCon .right .expTxt {

	position: absolute;



	left: 0;



	bottom: 0;



	width: 300px;

}



.welcomeCon .right .expTxt img {

	width: 100%;

}



.welcomeCon h2 {

	line-height: 60px;



	font-size: 60px;



	position: relative;

}



.welcomeCon h2 span {

	display: block;



	text-transform: uppercase;



	font-weight: 400;



	font-size: 24px;



	color: #000;



	line-height: 36px;

}



.welcomeCon p,

.welcomeCon .btnCon {

	margin-top: 30px;

}



.welcomeCon p {

	padding-right: 5%;

}



.welcomeCon h2:after {

	height: 1px;



	width: 35%;



	background: #ddd;



	position: static;



	display: block;



	content: "";



	margin-top: 15px;

}



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

	.welcomeCon .left {

		width: 50%;

		padding: 50px 30px 50px;

	}



	.welcomeCon h2 {

		line-height: 48px;



		font-size: 46px;



		width: 100%;

	}

}



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

	.welcomeCon .left {

		width: 100%;

		padding: 40px 20px 40px 20px;

	}



	.welcomeCon p {

		padding-right: 0;

		margin-top: 20px;

	}



	.welcomeCon {

		text-align: center;

	}



	.welcomeCon .right {

		width: 100%;



		margin-top: 30px;

	}



	.welcomeCon h2:after {

		display: none;

	}



	.welcomeCon .left .btnCon a:nth-child(2) {

		display: none;

	}

}



/*Welcome clasess ends*/



/*clients*/



.clinetsCon {

	padding: 60px 0 60px 0;

	position: relative;

}



.clinetsCon h2 {

	line-height: 60px;



	font-size: 60px;



	position: relative;

}



.clinetsCon h2 span {

	display: block;



	text-transform: uppercase;



	font-weight: 400;



	font-size: 24px;



	color: #000;



	line-height: 36px;

}



.clinetsCon p,

.welcomeCon .btnCon {

	margin-top: 30px;

}



.clinetsCon h2:after {

	height: 1px;



	width: 35%;



	background: #ddd;



	position: static;



	display: block;



	content: "";



	margin-top: 15px;

}



.clinetsCon .cols {

	width: 50%;



	float: left;

}



.clinetsCon .right ul.floaterCon {

}



.clinetsCon .right ul.floaterCon li {

	width: 25%;



	float: left;



	list-style: none;



	margin: 5px 0;



	padding: 0 10px;

}



.clinetsCon .right ul.floaterCon li .box {

	background: #fff;



	width: auto;



	text-align: center;



	height: auto;



	display: inline-block;



	text-decoration: none;



	overflow: hidden;



	border: 1px solid #ccc; padding:10px;

}



.clinetsCon .right ul.floaterCon li .box:hover {

	box-shadow: 0 5px 12px -4px rgba(0, 0, 0, 0.2);

}



.clinetsCon .right ul.floaterCon li .box img {

	width: 100%;



	height: auto;



	display: block;

}





.clinetsConInside{padding: 0;}

.clinetsConInside .right {

	width: 100%;

}

.clinetsConInside .right ul.floaterCon li{



	width: 20%;

}









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

	.clinetsCon h2 {

		line-height: 42px;

		font-size: 40px;

		position: relative;

	}



	.clinetsCon p,

	.welcomeCon .btnCon {

		margin-top: 15px;

	}

}



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

	.clinetsCon .cols {

		width: 100%;

		float: none;

	}



	.clinetsCon {

		padding: 40px 0;

	}



	.clinetsCon h2 br {

		display: none;

	}



	.clinetsCon .cols.left {

		text-align: center;

	}



	.clinetsCon h2:after {

		display: none;

	}

	.clinetsCon p,

	.welcomeCon .btnCon {

		margin-top: 5px;

	}



	.clinetsCon p br {

		display: none;

	}



	.clinetsCon .right ul.floaterCon {

		margin-top: 30px;

	}



	.clinetsConInside{padding: 0;}

	.clinetsConInside .right {

		width: 100%;

	}

	.clinetsConInside .right ul.floaterCon li{

	

		width: 20%;

	}

	







}



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

	.clinetsCon .right ul.floaterCon li {

		width: 33.3333333333%;

	}





	.clinetsConInside .right ul.floaterCon li{

	

		width: 33.33333333%;

	}

}



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

	.clinetsCon .right ul.floaterCon li {

		width: 50%;

	}





	.clinetsConInside .right ul.floaterCon li{

	

		width: 50%;

	}

}



/*clients end*/



/*testimonials*/



.testimonialCon {

	background: #f2f2f2;



	padding: 60px 0 70px;



	position: relative;



	text-align: center;

}



.testimonialCon h2 {

	line-height: 60px;



	font-size: 60px;



	position: relative;

}



.testimonialCon h2 span {

	display: block;



	text-transform: uppercase;



	font-weight: 400;



	font-size: 24px;



	color: #000;



	line-height: 36px;

}



.testimonialCon p,

.testimonialCon .btnCon {

	margin-top: 30px;

}



.testimonialCon h2:after {

	height: 1px;



	width: 25%;



	background: #ddd;



	position: static;



	display: block;



	content: "";



	margin: 15px auto 0 auto;

}



.tsmlCard {

	z-index: 1;



	position: relative;



	padding: 0 5%;

}



.tsmlCard h5 {

	font-weight: 700;



	margin: 0;

}



.tsmlCard p {

	font-size: 18px;



	line-height: 26px;

}



.tsInfo h6 {

	color: #000;



	font-size: 20px;



	line-height: 32px;



	font-weight: 700;

}



.tsInfo h6 small {

	display: block;

}



.testimonialCon .owl-prev,

.testimonialCon .owl-next {

	width: 40px;



	height: 40px;



	border: 1px solid #86b045;



	text-align: center;



	color: #86b045;



	padding: 8px 0;



	font-size: 20px;

}



.testimonialCon .owl-prev {

	margin-left: -60px;

}



.testimonialCon .owl-next {

	margin-right: -60px;

}



.testimonialCon .owl-prev:hover,

.testimonialCon .owl-next:hover {

	background: #86b045;



	color: #fff;

}



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

	.testimonialCon h2 {

		line-height: 42px;

		font-size: 40px;

		position: relative;

	}

}



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

	.testimonialCon .owl-next {

		margin-right: 0;

	}



	.testimonialCon .owl-prev {

		margin-left: 0;

	}

}



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

	.testimonialCon {

		padding: 40px 0;

	}

	.testimonialCon h2 br {

		display: none;

	}

	.testimonialCon p,

	.testimonialCon .btnCon {

		margin-top: 0;

	}

}



/* testimonials end */



/* get in touch */



.getInToucht {

	background: #000 url(../images/contactBg.jpg) no-repeat center top;



	background-attachment: fixed;



	background-size: cover;



	padding: 80px 0 70px;

}



.getInToucht .cols {

	width: 50%;



	float: left;

}



.getInToucht .left .contactInfo {

	margin-top: 80px;

}



.getInToucht .left .contactInfo p {

	position: relative;



	margin: 40px 0;



	padding-left: 55px;

}



.getInToucht .left .contactInfo a {

	display: block;



	color: #fff;



	font-size: 22px;



	font-weight: 600;



	text-decoration: none;

}



.getInToucht .left .contactInfo p:before {

	content: "\e905";



	font-family: "icomoon";



	position: absolute;



	top: -10px;



	left: 0;



	color: #fb9628;



	font-size: 24px;



	border: 1px solid #fb9628;



	width: 40px;



	height: 40px;



	text-align: center;



	padding: 5px 0;

}



.getInToucht .left .contactInfo p:nth-child(2):before {

	content: "\e90a";

}


.getInToucht .left .contactInfo p:nth-child(3):before {

	content: "\e912";

}



.getInToucht .left .contactInfo a:hover {

	text-decoration: underline;

}



.getInToucht .form-control {

	color: #fff;

}



.getInToucht .form-control:focus {

	color: #000;

}



.getInToucht .form-control::placeholder {

	color: #fff !important;



	opacity: 1;

}



.getInToucht .form-control::-ms-input-placeholder {

	color: #fff !important;

}



.getInToucht h2 {

	line-height: 60px;



	font-size: 60px;



	position: relative;



	color: #fff;

}



.getInToucht h2 span {

	display: block;



	text-transform: uppercase;



	font-weight: 400;



	font-size: 24px;



	color: #fff;



	line-height: 36px;

}



.getInToucht h2:after {

	height: 1px;



	width: 16%;



	background: #ddd;



	position: static;



	display: block;



	content: "";



	margin: 15px 0 0 0;

}



.getInToucht .right .form h3 {

	color: #fff;



	font-size: 28px;



	line-height: 32px;



	font-weight: 600;



	margin-bottom: 20px;

}



.getInToucht .right .form label {

	color: #fff;



	display: block;



	margin-bottom: 10px;

}



.getInToucht .right .form .radio {

	margin-bottom: 15px;



	margin-top: 15px;

}



.checkbox input[type="checkbox"],

.checkbox-inline input[type="checkbox"],

.radio input[type="radio"],

.radio-inline input[type="radio"] {

	width: 20px;



	height: 20px;



	margin-left: -30px;

}



.checkbox label,

.radio label {

	padding-left: 30px;

}



input[type="checkbox"],

input[type="radio"] {

	margin: 0;

}



.contactInfoInside {

	margin-top: 200px;



	background: #f2f2f2;



	padding: 50px 50px 40px;



	min-height: 355px;

}



.contactInfoInside p {

	position: relative;



	margin: 40px 0;



	padding-left: 55px;

}



.contactInfoInside a {

	display: block;



	color: #000;



	font-size: 22px;



	font-weight: 600;



	text-decoration: none;

}



.contactInfoInside p:before {

	content: "\e905";



	font-family: "icomoon";



	position: absolute;



	top: -10px;



	left: 0;



	color: #fb9628;



	font-size: 24px;



	border: 1px solid #fb9628;



	width: 40px;



	height: 40px;



	text-align: center;



	padding: 5px 0;

}



.contactInfoInside p:nth-child(3):before {

	content: "\e90a";

}


 .contactInfoInside p:nth-child(4):before {

	content: "\e912";

}



.contactInfoInside a:hover {

	text-decoration: underline;

}



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

	.getInToucht h2 {

		line-height: 42px;

		font-size: 40px;

		position: relative;

	}

}



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

	.contactInfoInside{margin-top: 40px; min-height: auto;}

}





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

	.getInToucht .cols {

		width: 100%;

		float: none;

	}



	.getInToucht h2:after{margin:5px auto 0 auto;}



	.getInToucht .cols.left {

		text-align: center;

	}

	.getInToucht .cols h2 br {

		display: none;

	}

	.getInToucht .left .contactInfo {

		margin-top: 20px;

	}

	.getInToucht .left .contactInfo p {

		display: inline-block;

		padding: 0 15px 0 40px;

		margin: 0 0 30px;

	}

	.getInToucht .left .contactInfo p a {

		display: block;

		font-size: 16px;

	}

	.getInToucht .left .contactInfo p:before {

		content: "\e905";

		font-family: "icomoon";

		position: absolute;

		top: -5px;

		left: 0;

		color: #fb9628;

		font-size: 16px;

		border: 1px solid #fb9628;

		width: 30px;

		height: 30px;

		text-align: center;

		padding: 2px 0;

	}

}



/* get in touch end*/



/* benifits */



.benifitsCon {

	background: #86b045;



	padding: 50px 0 60px;

}



.benifitsCon .inner {

	display: flex;



	flex-wrap: nowrap;



	justify-content: space-between;



	align-items: top;

}



.benifitsCon .inner .cols {

	position: relative;



	padding-left: 75px;

}



.benifitsCon .inner .cols img {

	width: 60px;



	position: absolute;



	left: 0;



	top:0;

}



.benifitsCon .inner .cols h2 {

	color: #fff;



	font-size: 30px;



	line-height: 36px;

}



.benifitsCon .inner .cols h2 small {

	display: block;



	color: #fff;



	font-size: 16px; line-height:18px;

}



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

	.benifitsCon .inner .cols img {

		width: 40px;

	}

	.benifitsCon .inner .cols h2 {

		font-size: 24px;

		line-height: 24px;

	}

	.benifitsCon .inner .cols h2 small {

		display: block;

		color: #fff;

		font-size: 16px;

		line-height: 20px;

	}

	.benifitsCon .inner .cols {

		position: relative;

		padding-left: 50px;

		padding-top: 3px;

	}

}



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

	.benifitsCon .inner {

		display: flex;

		flex-wrap: wrap;

		justify-content: space-between;

		align-items: top;

	}



	.benifitsCon .inner .cols {

		position: relative;

		padding-left: 50px;

		padding-top: 3px;

		width: 50%;

		margin: 15px 0;

	}

	.benifitsCon {

		padding: 30px 0;

	}

}





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

    .benifitsCon .inner .cols {

		position: relative;

		padding-left: 50px;

		padding-top: 3px;

		width: 100%;

		margin: 15px 0;

	}

}



/* benifits end*/



/*footer*/



.footer {

	background: #fff;



	padding-top: 50px;



	margin-top: 0;



	position: relative;

}



.footer .rows {

	display: flex;



	flex-wrap: nowrap;



	justify-content: space-between;

}



.footer .rows .cols .brandFooter {

	width: 70px;

}



.footer .rows .cols .brandFooter img {

	width: 100%;

}



.footer .rows .cols .links {

	display: flex;



	justify-content: space-between;



	flex-wrap: nowrap;

}



.footer .rows .cols .links .cols1 {

	padding: 0 40px;



	border-right: 1px solid #ddd;

}



.footer .rows .cols .links .cols1:nth-child(3) {

	border: 0;

}



.footer .rows .cols .links a {

	display: block;



	color: #555;



	margin-top: 2px;



	font-size: 15px;



	text-decoration: none;

}



.footer .rows .cols .links a:hover {

	text-decoration: underline;

}



.sitemap .links a:hover {

	text-decoration: underline;

}



.copyrightText {

	padding: 25px 0;



	text-align: center;



	color: #555;



	margin-top: 60px;



	border-top: 1px solid #ddd;

}



.copyrightText a,

.copyrightText strong {

	color: #000;



	text-decoration: none;



	font-weight: 700;

}



.copyrightText a:hover {

	text-decoration: underline;

}



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

	.footer .rows {

		flex-wrap: wrap;

	}

	.footer .rows .cols:nth-child(1) {

		width: 100%;

		text-align: center;

	}



	.footer .rows .cols .brandFooter {

		margin: auto;

	}



	.footer .rows .cols:nth-child(3) {

		width: 100%;

		text-align: center;

	}



	.footer .rows .cols .links {

		display: flex;

		text-align: center;

		justify-content: space-around;

		flex-wrap: nowrap;

		align-items: center;

		align-content: center;

	}



	.footer .rows .cols .links .cols1 {

		padding: 0 10px;

	}



	.footer .rows .cols:nth-child(2) {

		margin: 30px auto;

	}

	.footer {

		padding-top: 30px;

	}



	.copyrightText {

		margin-top: 30px;

	}

}



.stateCon.overlay {

	position: fixed;



	background: rgba(0, 0, 0, 0.8);



	width: 100%;



	z-index: 99999;



	top: 0;



	left: 0;



	right: 0;



	bottom: 0;

}



.stateConInner {

	background: #fff;



	padding: 1rem;



	top: 0;



	width: 100%;



	z-index: 99999;



	box-shadow: 0px 10px 40px -4px rgba(0, 0, 0, 0.1);



	text-align: center;

}



.stateCon h3 {

	color: #121212;



	margin-bottom: 30px;



	font-weight: 600;

}



.stateCon .cityList {

	margin: 0 !important;



	padding: 0;

}



.stateCon .cityList li {

	width: 20%;



	float: left;



	list-style: none;



	color: #121212;



	padding: 5px 20px;

}



.stateCon .cityList li .inner {

	cursor: pointer;



	padding: 20px;



	display: block;



	color: #121212;



	font-size: 15px;



	border-radius: 10px;

}



.stateCon .cityList li:hover .inner {

	background: #f7f7f7;



	text-decoration: none;

}



.stateCon .cityList li a:focus {

	background: #d9f3fb;

}



.stateCon .cityList li .inner i {

	display: block;

}



.stateCon .cityList li .inner i img {

	width: 80px;

}



.stateCon .close {

	position: absolute;



	right: 15px;



	top: 15px;



	opacity: 1;



	width: 44px;



	padding: 10px;



	color: #ff0004;

}



.stateCon .close img {

	width: 100%;

}



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

	.stateCon .cityList li {

		padding: 5px 10px;

	}



	.footer h4:before {

		display: none;

	}

}



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

	.stateCon .cityList li {

		padding: 5px;

	}



	.stateCon .cityList li .inner i img {

		width: 60px;

	}



	.stateCon .cityList li .inner {

		padding: 10px;



		font-size: 13px;

	}

}



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

	.stateConInner {

		width: 100%;



		height: 100%;

	}



	.stateCon .cityList {

		text-align: center;

	}



	.stateCon .cityList li {

		width: 32.333333%;



		display: inline-block;



		float: none;

	}



	.stateCon h3 {

		margin-bottom: 15px;



		font-size: 16px;

	}



	.stateCon .close {

		width: 38px;



		padding: 10px;

	}

}



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

	.stateCon .cityList li {

		width: 49%;



		display: inline-block;



		float: none;

	}

}



/*project clases*/



.projectCon {

	padding: 60px 0;

}



.projectCon .rows {

	margin: 0;

}



.projectCon .cols {

	padding: 0;

}



.projectCon .rows2 {

	margin-left: 0;



	padding: 29px 0 0 15px;

}



.projectCon .titleCon {

	padding: 17px 30px 30px 0;

	max-height: 308px;

}



.projectCon .titleCon h2 {

	line-height: 60px;



	font-size: 60px;



	position: relative;

}



.projectCon .titleCon h2 span {

	display: block;



	text-transform: uppercase;



	font-weight: 400;



	font-size: 24px;



	color: #000;



	line-height: 36px;

}



.projectCon .titleCon .btnCon {

	text-align: right;

}



.projectCon .projectCard {

	width: auto;

	max-height: 308px;

	top: 0;

	display: block;

	right: 0;

	left: 0;

	bottom: 0;

	margin:15px auto;

	cursor: pointer;

	position: relative;

	overflow: hidden;

}



.projectCon .projectCard .pTitle {

	position: absolute;



	right: 20px;



	bottom: 20px;



	color: #000;



	font-size: 20px;



	font-weight: 400;



	background: #fff;



	padding: 3px 10px 4px;



	line-height: 26px;

}



.projectCon .projectCard:hover .pTitle {

	opacity: 0;

}



.projectCon .projectCard img {

	width: 100%;

}



.projectCon .overlay {

	position: absolute;



	width: 100%;



	height: 100%;



	background: rgba(0, 0, 0, 0.8);



	color: #fff;



	opacity: 0;



	transition: all 0.5s;



	top: 0;



	padding: 30px 35px;



	overflow: hidden;

}



.projectCon .title {

	font-size: 20px;



	line-height: 24px;



	font-weight: 400;



	transform: translateY(-40px);



	transition: all 0.7s;

}



.projectCon .head {

	font-size: 24px;



	line-height: 28px;



	font-weight: 600;



	transform: translateY(40px);



	transition: all 0.7s;

}



.projectCon .head hr {

	display: block;



	width: 0;



	border: none;



	border-bottom: solid 2px #fef5df;



	position: absolute;



	bottom: -35px;



	left: 2px;



	transition: all 0.5s;

}



.projectCon .button {

	transform: translateY(0);



	position: absolute;



	transition: all 0.7s;



	opacity: 0;



	bottom: -40px;

}



.projectCard:hover .overlay {

	opacity: 1;

}



.projectCard:hover .overlay .head {

	transform: translateY(0px);

}



.projectCard:hover .overlay .title {

	transform: translateY(0px);

}



.projectCard:hover .overlay hr {

	width: 120px;



	transition-delay: 0.4s;

}



.projectCard:hover .overlay .button {

	transform: translateY(0);



	bottom: 40px;



	transition-delay: 0.6s;



	opacity: 1;

}



.projectConInside .cols {

	padding-left: 15px;



	padding-right: 15px;

}



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

	.projectCon .titleCon h2 {

		line-height: 42px;

		font-size: 40px;

		position: relative;

	}

}



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

	.projectCon .titleCon h2 {

		line-height: 42px;

		font-size: 40px;

		position: relative;

	}



	.projectCon .titleCon h2 br {

		display: none;

	}

	.projectCon .projectCard .pTitle {

		position: absolute;

		right: 20px;

		bottom: 20px;

		color: #000;

		font-size: 18px;

		font-weight: 400;

		background: #fff;

		padding: 3px 10px 4px;

		line-height: 26px;

	}

}



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

	.projectCon {

		padding: 30px 0 0 0;

	}

	.projectCon .titleCon {

		padding: 0 0 40px 0;

		text-align: center;

		max-height: auto;

	}



	.projectCon .titleCon .btnCon {

		text-align: center;

		margin-top: 20px;

	}



	.projectCon .cols {

		margin-top: 30px;

	}

	.projectCon .rows2 {

		padding: 0;

		margin-left: -15px;

	}

	.projectCon .rows2 .serviceCard {

		margin-top: 30px;

	}

}



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

	.projectCon .projectCard {

		height: 235px;

	}

	.projectCon .projectCard img {

		width: auto;

		height: 100%;

	}



	.projectCon .rows2 .projectCard img {

		width: 100%;

		height: auto;

	}

}



/* project end */









/* service */



.serviceCon {

	background: #f2f2f2;



	padding-top: 60px;

}



.serviceCon .inner {

	display: flex;



	justify-content: center;



	flex-wrap: nowrap;

}



.serviceCon .inner .cols {

	width: 50%;

}



.serviceCon .inner .cols.left {

	background: #fff url(../images/serviceBg.jpg) no-repeat left top;



	background-size: 100%;

}



.serviceCon .inner .cols.right {

	padding: 20px 0 30px 60px; position:relative;

}



.serviceCon .inner .cols.right h2 {

	line-height: 60px;



	font-size: 60px;



	position: relative;

}



.serviceCon .inner .cols.right h2 span {

	display: block;



	text-transform: uppercase;



	font-weight: 400;



	font-size: 24px;



	color: #000;



	line-height: 36px;

}



.serviceCon .inner .cols.right .card {

	background: #fff;



	padding: 35px 35px 40px 35px;

}



.serviceCon .inner .cols.right .card figcaption {

	position: relative;



	padding-left: 100px;

}



.serviceCon .inner .cols.right .card figcaption .leftMedia {

	width: 80px;



	position: absolute;



	top: 5px;



	left: 0;

}



.serviceCon .inner .cols.right .card figcaption .leftMedia img {

	width: 100%;

}



.serviceCon .inner .cols.right ul li {

	list-style: none;

}



.serviceCon .inner .cols.right .owl-prev,

.serviceCon .inner .cols.right .owl-next {

	position: static;



	width: 40px;



	height: 40px;



	border: 1px solid #86b045;



	text-align: center;



	color: #86b045;



	padding: 8px 0;



	display: inline-block;



	font-size: 20px;



	margin-right: 10px;

}



.serviceCon .inner .cols.right .owl-nav {

	margin-top: 45px;

}



.serviceCon .inner .owl-nav {

	width: 105px;

}



.serviceCon .inner .cols.right .owl-prev:hover,

.serviceCon .inner .cols.right .owl-next:hover {

	background: #86b045;



	color: #fff;

}



.serviceCon .inner .cols.right .btn-success {

 position:absolute; right:0; bottom:50px; z-index:9;

}



.serviceConInside {

	padding: 0;



	background: none;

}



.serviceConInside .inner .cols.right {

	width: 100%;



	padding-left: 0;

}



.serviceConInside .inner .cols.right .card {

	background: #fff;



	padding: 35px 35px 40px 35px;



	overflow: hidden;



	border: 1px solid #ddd;



	margin-bottom: 30px;

}



.serviceConInside .inner .cols.right .card:hover {

	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2);

}



.serviceConInside .inner .cols.right .btn-success {

	margin: 20px 0 0 0; position:static; float:right;

}



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

	.serviceCon .inner .cols.right h2 {

		line-height: 42px;

		font-size: 40px;

		position: relative;

	}



	.serviceCon .inner .cols.left {

		background-size: cover;

	}

}



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

	.serviceCon .inner {

		flex-wrap: wrap;

	}

	.serviceCon .inner .cols {

		width: 100%;

	}

	.serviceCon .inner .cols.right {

		padding: 30px 0;

	}



	.serviceCon {

		 

		padding: 20px 0 0px 0;

	}

	.serviceCon .inner .cols.right h2 {

		text-align: center;

	}

	.serviceCon .inner .cols.right h2 br {

		display: none;

	}

}



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

	.serviceCon .inner .cols.right .card figcaption .leftMedia {

		width: 48px;

		position: absolute;

		top: 5px;

		left: 0;

	}



	.serviceCon .inner .cols.right .card figcaption {

		position: relative;

		padding-left: 60px;

	}



	.serviceCon .inner .cols.right .card {

		background: #fff;

		padding: 30px;

	}

}



/* service end*/



/*dropdown*/



.dropdownCon {

	position: fixed;



	height: auto;



	width: 100%;



	background: rgba(255, 255, 255, 0.98);



	padding: 15px;



	left: 0;



	border: 0 !important;



	margin-top: 0;



	display: none;



	z-index: 999;



	box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 20%);

}



header .navbar-nav > .showMenu:hover .dropdownCon {

	display: block;

}



.dropdownCon .close {

	color: #032e42 !important;



	opacity: 1;



	font-size: 30px;



	text-shadow: none !important;



	font-weight: 300;

}



.dropdownCon .dropdownItems {

	margin: 0;



	padding: 0;



	padding: 30px 6%;

}



.dropdownCon .dropdownItems li {

	list-style: none;



	width: 23%;



	float: left;



	margin-right: 2%;



	border-right: 1px solid #ddd;



	min-height: 310px;

}



.dropdownCon .dropdownItems li:nth-child(4) {

	border-right: 0;

}



.dropdownCon .dropdownItems h4,

.dropdownCon .dropdownItems h4 a {

	font-size: 20px;



	font-weight: 700;



	margin-bottom: 15px;



	color: #032e42;



	text-decoration: none;



	position: relative;



	z-index: 2;

}



.dropdownCon .dropdownItems h4:before {

	content: "";



	background: #032e42;



	width: 30px;



	left: 0;



	z-index: 1;



	top: 40px;



	height: 2px;



	position: absolute;

}



.dropdownCon .dropdownItems .links a {

	display: block;



	color: #666;



	margin-top: 2px;



	font-size: 14px;



	text-decoration: none;

}



.dropdownCon .dropdownItems .links a:hover {

	text-decoration: underline;

}



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

	.dropdownCon .dropdownItems {

		padding: 30px 30px;

	}

}



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

	.dropdownCon {

		top: 0;



		height: 100%;

	}



	.dropdownCon .dropdownItems {

		overflow-y: scroll;



		height: 100%;

	}



	.dropdownCon .dropdownItems li {

		width: 48%;



		float: left;



		margin-right: 2%;



		border-right: 1px solid #ddd;



		min-height: 290px;



		margin-top: 20px;



		margin-bottom: 20px;

	}



	.dropdownCon .dropdownItems li:nth-child(4),

	.dropdownCon .dropdownItems li:nth-child(2) {

		border-right: 0;

	}



	.dropdownCon .dropdownItems .links a {

		line-height: 24px;

	}

}



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

	.dropdownCon .dropdownItems {

		overflow-y: scroll;



		height: 100%;



		padding: 10px;

	}



	.dropdownCon .dropdownItems li {

		width: 100%;



		float: left;



		margin-right: 0;



		border-right: 0;



		min-height: auto;



		margin-top: 10px;



		margin-bottom: 10px;



		border-bottom: 1px solid #ddd;



		padding-bottom: 20px;

	}



	.dropdownCon .dropdownItems li:nth-child(4),

	.dropdownCon .dropdownItems li:nth-child(2) {

		border-right: 0;

	}



	.dropdownCon .dropdownItems li:nth-child(4) {

		border-bottom: 0;

	}

}



/*search*/



.searchCon {

	position: fixed;



	height: 100%;



	width: 100%;



	background: rgba(128, 164, 237, 0.99);



	padding: 15px;



	text-align: center;



	display: none;



	z-index: 99999;

}



.searchCon .searchBox {

	position: absolute;



	left: 0;



	top: 50%;



	transform: translate(0, -50%);



	display: block;



	width: 100%;



	padding: 0 15%;

}



.searchCon .searchBox .form-control {

	background: none;



	height: 100px;



	width: 100%;



	border: 0 !important;



	border-bottom: 2px solid #fff !important;



	box-shadow: none !important;



	outline: 0 !important;



	font-size: 30px;



	color: #fff;



	font-weight: 300;



	padding-right: 60px;

}



.searchCon .searchBox .cursor {

	position: relative;

}



.searchCon .searchBox .cursor i {

	position: absolute;



	width: 1px;



	height: 45%;



	background-color: #fff;



	left: 12px;



	top: 26%;



	animation-name: blink;



	animation-duration: 800ms;



	animation-iteration-count: infinite;



	opacity: 1;

}



.searchCon .searchBox input:focus + i {

	display: none;

}



.searchCon .searchBox .searchBtn {

	font-size: 30px;



	position: absolute;



	color: #fff;



	right: 0;



	background: none;



	outline: none;



	border: 0;



	margin-top: -80px;



	padding: 15px;



	cursor: pointer;

}



.searchCon .close {

	color: #fff !important;



	opacity: 1;



	font-size: 30px;



	text-shadow: none !important;



	font-weight: 300;

}



@keyframes blink {

	from {

		opacity: 1;

	}



	to {

		opacity: 0;

	}

}



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

	.searchCon .searchBox {

		padding: 0 5%;

	}

}



.bodyOverlay {

	position: fixed;



	top: 0;



	bottom: 0;



	left: 0;



	right: 0;



	background: rgba(255, 255, 255, 0.8);



	z-index: 98;



	z-index: 99999;

}



/*Accept cookies*/



.acceptCookies {

	position: fixed;



	bottom: 20px;



	left: 15%;



	background: #fff;



	border-radius: 10px;



	min-height: 40px;



	display: flex;



	z-index: 888;



	width: 70%;



	right: 15%;



	box-shadow: 0 0 20px 5px rgb(0 0 0 / 10%);



	padding: 10px 30px;



	align-items: center;



	justify-content: center;

}



.acceptCookies .txt {

	padding-right: 20px;

}



.acceptCookies .txt p {

	font-size: 13px;



	line-height: 18px;



	color: #032e42;



	margin-top: 10px;

}



.acceptCookies .acceptbtn .btn-danger {

	height: 36px;



	line-height: 36px;



	font-size: 14px;



	font-weight: 600;



	padding: 0 20px;

}



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

	.acceptCookies {

		position: fixed;



		bottom: 20px;



		left: 15px;



		background: #fff;



		border-radius: 10px;



		min-height: 40px;



		display: flex;



		z-index: 9999;



		width: auto;



		right: 15px;



		box-shadow: 0 0 20px 5px rgb(0 0 0 / 10%);



		padding: 10px 30px;



		align-items: center;



		justify-content: center;

	}

}



/*progressbar*/



.progressbar {

	position: fixed;



	top: 0;



	z-index: 999;



	width: 100%;

}



.progress-container {

	width: 100%;



	height: 4px;



	background: transparent;

}



.progress-bar {

	height: 4px;



	background: #032e42;



	width: 0%;

}



.content {

	padding: 100px 0;



	margin: 50px auto 0 auto;



	width: 80%;

}



/*breadcrumb*/



.breadcrumb {

	text-align: center;



	display: block;



	width: auto;



	background: none;



	font-size: 14px;



	font-weight: 400;



	margin: 0 0 0 0;



	padding: 0;



	color: #fff;

}



.breadcrumb li {

	display: inline-block;

}



.breadcrumb li a {

	font-weight: 400;



	text-decoration: underline;



	color: #fff;

}



.breadcrumb li a:hover {

	text-decoration: none;

}



.breadcrumb > li + li:before {

	color: #fff;



	font-size: 14px;



	margin: 0 5px;



	content: "\f105";



	font-family: "Fontawesome";

}













/*cms area*/



.middleCon {

	padding: 60px 0 60px;



	min-height: 300px;

}



.cmsArea {

}



.title1 {

	line-height: 60px;



	font-size: 60px;



	position: relative;

}



.title1 span {

	display: block;



	text-transform: uppercase;



	font-weight: 400;



	font-size: 24px;



	color: #000;



	line-height: 36px;

}



.title1:after {

	height: 1px;



	width: 35%;



	background: #ddd;



	position: static;



	display: block;



	content: "";



	margin-top: 15px;

}







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

	.title1 {

		line-height: 38px;

		font-size: 38px;

		position: relative;

	}





	.title1 span {

		display: block;

		text-transform: uppercase;

		font-weight: 400;

		font-size: 20px;

		color: #000;

		line-height: 25px;

	}





	.middleCon{padding: 30px 0;}







}













/* cms area enbd */



/* why choose us */



.whyChoose {

	background: #f2f2f2;



	padding: 60px 0;



	text-align: center;

}



.whyChoose .title1:after {

	margin: 10px auto 0 auto;

}



.whyChoose .secondayTxt {

	padding: 0 17%;

}



.whyChoose .flexCon {

	display: flex;



	flex-wrap: nowrap;



	margin-top: 30px;

}



.whyChoose .flexCon .cols {

	padding: 15px;



	width: 20%;

}



.whyChoose .flexCon .cols .card {

	background: #86b045;



	padding: 40px;



	min-height: 270px;

}



.whyChoose .flexCon .cols .card p {

	color: #fff;



	font-weight: 600;



	margin-top: 30px;

}



.whyChoose .flexCon .cols .card img {

	max-height: 60px;

}



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

	.whyChoose .flexCon .cols .card{padding: 25px;}

}



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

.whyChoose .secondayTxt{padding: 0;}

.whyChoose .flexCon .cols .card p{margin-top: 20px;}



.whyChoose .flexCon{flex-wrap:wrap;}

.whyChoose .flexCon .cols{width: 33.33333333%;}



}





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

	 

	.whyChoose .flexCon .cols{width: 50%;}

	

	}



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

	 

		.whyChoose .flexCon .cols, .whyChoose .flexCon .cols .card{width: 100%; min-height: 100px;}

		

		}



/* why choose us end*/



/*portfolio*/



.prtfolioCard {

	text-align: left;



	border-radius: 30px;



	padding: 30px;



	box-shadow: 0 1px 5px rgb(0 0 0 / 20%);



	min-height: 200px;



	background-size: auto;



	display: block;



	text-decoration: none;



	transition: all 500ms ease;



	transform: scale(1);



	margin: 30px 0;



	overflow: hidden;

}



.prtfolioCard:hover {

	background: #f5f5f5;

}



.prtfolioCard figcaption .tools {

	margin-top: 10px;

}



.prtfolioCard figcaption .tools span {

	display: inline-block;



	border-radius: 30px;



	background: rgba(3, 46, 66, 0.1);



	border: 1px solid rgba(3, 46, 66, 0.5);



	padding: 0 15px;



	height: 29px;



	color: #032e42;



	line-height: 28px;



	margin: 2px 0 2px 2px;



	font-size: 14px;

}



.prtfolioCard h3 {

	font-size: 28px;



	line-height: 32px;

}



.prtfolioCard figcaption .from {

	color: #032e42;



	margin-top: 5px;

}



.prtfolioCard figcaption .dscpn {

	margin-top: 20px;



	color: #666;

}



.prtfolioCard .portfolio_thum {

	width: 100%;



	height: 400px;



	border: 1px solid #eee;



	overflow: hidden;



	margin: auto;



	border-radius: 15px;



	margin-top: 30px;

}



.prtfolioCard .portfolio_thum img {

	width: 100%;



	height: auto;



	display: block;

}



.prtfolioCard:hover figcaption .dscpn,

.prtfolioCard:hover figcaption .from {

	color: #032e42;

}



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

	.prtfolioCard figcaption .tools span {

		padding: 0 10px;

	}

}



/*modal style*/



.modal {

	z-index: 99999;

}



.modalStyle001 .modal-header {

	text-align: center;

}



.modalStyle001 .modal-header .close {

	color: #032e42;



	opacity: 1;



	font-size: 28px;



	margin-top: 0;

}



.modalStyle001 .modal-body {

	background: #f5f5f5;



	padding: 0;

}



.modalStyle001 .modal-footer {

	text-align: center;



	padding: 20px;

}



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

	.modalStyle001 .modal-footer {

		padding: 10px 20px;

	}



	.modalStyle001 .modal-footer .btn {

		width: 100%;



		display: block;



		margin: 0;



		margin: 10px 0;

	}

}



.modal-body-padding01 {

	padding: 20px 30px 30px !important;

}



.portfolioPupImg {

	height: 500px;



	overflow: hidden;

}



.portfolioPupImg img {

	width: 100%;



	transform: translateY(0px);



	transition-duration: 7s;

}



.portfolioPupImg img:hover {

	animation: scroll 10s;

}



@keyframes scroll {

	0% {

		transform: translateY(0px);

	}



	20% {

		transform: translateY(calc(-15%));

	}



	40% {

		transform: translateY(calc(-35%));

	}



	60% {

		transform: translateY(calc(-55%));

	}



	80% {

		transform: translateY(calc(400px - 100%));

	}



	100% {

		transform: translateY(0px);

	}

}



/*services clasess*/



.section4Inside {

	background: none;



	padding: 0;

}



.section4Inside:after,

.section4Inside:before {

	display: none;

}



.featuredCon {

	border-top: 1px solid #eee;



	padding-top: 60px;

}



.featuredCon .owl-carousel .owl-item {

	padding: 0 10px !important;

}



.featuredCon .owl-prev,

.featuredCon .owl-next {

	top: 50%;



	box-shadow: 0 1px 10px rgb(0 0 0 / 20%);



	background: #fff;



	border-radius: 100%;



	width: 60px;



	height: 60px;



	padding: 5px;



	color: #032e42;

}



.featuredCon .owl-prev {

	left: -70px;

}



.featuredCon .owl-next {

	right: -70px;

}



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

	.featuredCon .owl-prev {

		left: 0;

	}



	.featuredCon .owl-next {

		right: 0;

	}

}



.featuresCon {

	background: #f7f7f7;



	border-top: 1px solid #eee;



	padding: 30px 0 60px;

}



.featuresCon .flexBox {

	display: flex;



	flex-wrap: wrap;



	justify-content: center;



	align-items: center;



	margin-top: 20px;

}



.featuresCon .flexBox .cols {

	width: 48%;



	text-align: left;



	border: 1px solid #032e42;



	background: #fff;



	border-radius: 5px;



	margin: 1%;



	padding: 10px;

}



.featuresCon .flexBox .cols p {

	margin: 0;



	padding: 0;



	font-weight: 500;



	color: #032e42;

}



.featuresCon .flexBox .cols p .fa {

	color: #d83030;

}



.featuresCon .flexBox .cols:hover {

	background: #032e42;

}



.featuresCon .flexBox .cols:hover p .fa {

	color: #d83030;

}



.featuresCon .flexBox .cols:hover p {

	color: #fff;

}



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

	.featuresCon .flexBox .cols {

		width: 100%;



		text-align: left;



		border: 1px solid #ffa33c;



		background: #fff;



		border-radius: 5px;



		margin: 5px 0;



		padding: 10px;

	}

}



/*testimonial*/



.tsCon {

	padding: 40px 0;

}



.tsCon .tscard {

	border-radius: 0;



	padding: 30px;



	min-height: 100px;



	background-size: auto;



	display: block;



	margin: 0 0 30px 0;



	text-decoration: none;



	transition: all 500ms ease;



	transform: scale(1);



	position: relative;



	border: 1px solid #ddd;

}



.tsForm {

	margin-top: 10px;



	background: #f2f2f2;



	padding: 30px;

}



.tsForm .form-control {

	background: #fff;

}



.tsCon .tscard:hover {

	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2);

}



.tsCon .tscard:before {

	content: "\f10d";



	font-family: "Fontawesome";



	color: #fb9628;



	position: absolute;



	top: -10px;



	font-size: 32px;

}



.tsCon .tscard p {

	font-size: 16px;



	line-height: 26px;



	font-weight: 400;



	margin: 0;

}



.tsCon .tscard .tsInfo h6 {

	color: #032e42;



	margin-top: 0;

}



.tsCon .tscard .tsInfo .starts {

	margin-left: 15px;

}



.tsCon .tscard .tsInfo .fa {

	color: #ffa33c;

}



/*contact us*/



.contactCon {

	padding: 60px 0;

}



.contactCon p {

	font-size: 24px;



	font-weight: 300;



	line-height: 32px;

}



.contactCon p small {

	font-size: 14px;



	font-weight: 600;



	display: block;

}



.contactCon .formCon .cols {

	margin-top: 15px;

}



/*faq*/



.faq-content {

	padding: 30px 30px 15px 30px;



	margin: 0;

}



.faq-content .card {

	background: #fff;



	min-height: auto;



	padding: 0;



	border-radius: 5px;

}



.faq-content .card:hover {

	transform: translate(0);

}



.faq-content .card > .card-header {

	background-color: #fff;



	border-color: none !important;



	border: none !important;



	-webkit-box-shadow: 0 !important;



	box-shadow: 0 !important;

}



.faq-content .more-less {

	float: right;



	margin-top: 2px;



	color: #ccc;



	font-size: 20px;

}



.faq-content .card {

	border-color: #f9f9f9;



	border: 1px solid #f9f9f9;



	border-radius: 10px;



	margin-bottom: 20px;



	text-decoration: none;

}



.faq-content .card-body {

	padding: 20px 20px 20px 20px !important;



	border: none !important;

}



.faq-content .card-header {

	border-bottom: 1px solid transparent;



	border-top-left-radius: 0px;



	border-top-right-radius: 0px;



	padding: 0px;



	border-radius: 0px;

}



a.card-link {

	text-decoration: none;



	display: block;



	font-size: 16px;



	line-height: 24px;



	padding: 20px;



	color: #1a1a1a;



	font-weight: 500;

}



a.card-link i {

	font-size: 14px;

}



.faq-content .card:hover {

	border-bottom: 1px solid #dbd6d2;

}



.faq-content .card-body ul {

	margin: 0px;



	margin-left: 0;

}



.faq-content .card-body ul li {

	font-size: 14px;



	list-style: disc;



	line-height: 24px;



	padding: 0;

}



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

	.faq-content {

		padding: 20px;

	}



	a.card-link {

		font-size: 16px;



		line-height: 20px;



		padding: 8px 10px 10px 15px;

	}



	.faq-content .card-body ul {

		margin-left: 30px;

	}

}



/*payment*/



.paymentBox {

	border-radius: 30px;



	padding: 30px;



	box-shadow: 0 1px 5px rgb(0 0 0 / 20%);



	min-height: 200px;



	display: block;



	text-decoration: none;



	transition: all 500ms ease;



	transform: scale(1);

}



.paymentBox .formCon2 {

	padding: 0;

}



.paymentBox .fPadding {

	margin-left: -5px;



	margin-right: -5px;

}



.paymentBox .fPadding .col {

	padding-left: 5px;



	padding-right: 5px;

}



.paymentBox h5 {

	background: #80a4ed;



	padding: 5px 15px;



	border-radius: 5px;



	font-size: 18px;



	margin-top: 15px;

}



.paymood li label {

	background: #f7f7f7;



	border: 1px solid #ddd;



	border-radius: 5px;



	padding: 10px 37px;

}



.paymood li label .myRadio {

	top: 11px;



	left: 15px;

}



.paymood li label:hover {

	background: rgba(128, 164, 237, 0.2);



	border: 1px solid rgba(128, 164, 237, 0.9);

}



.tabs_cont1,

.tabs_cont2,

.tabs_cont3,

.tabs_cont4,

.tabs_cont5,

.tabs_cont6 {

	display: none;



	background: #fff;



	border: 1px solid #ddd;



	padding: 20px 25px 10px;



	overflow: hidden;



	border-radius: 10px;



	margin-top: 15px;

}



.item-div h6 {

	font-weight: 600;



	color: #032e42;



	margin: 0;

}



.tabs_cont1 .form-group,

.tabs_cont4 .form-group {

	margin-top: 15px;

}



.tabs_cont6 .myRadio {

	top: 5px;

}



.scrollItem {

	overflow-y: scroll;



	height: 200px;



	width: 100%;

}



.scrollItem .inner {

	height: auto;



	width: 100%;

}



.tabs_cont3 .table {

	border-radius: 10px;



	overflow: hidden;

}



.tabs_cont3 .table tr td {

	color: #032e42;



	font-size: 14px;



	border: 0;



	padding-left: 0 !important;



	padding-right: 0 !important;

}



.tabs_cont3 .table tr {

	border-bottom: 1px solid #eee;

}



.termsOfUse {

	background: #fff;



	border: 1px solid #ddd;



	padding: 20px;



	border-radius: 30px;



	margin-top: 30px;

}



.termsOfUse .cmsArea {

	height: auto;



	width: 100%;

}



.termsOfUse .cmsArea h6 {

	margin: 0;



	font-weight: 600;



	color: #032e42;



	margin-bottom: 10px;

}



/*faq*/



.faq-content {

	padding: 30px 30px 15px 30px;



	margin: 0;

}



.faq-content .card {

	background: #fff;



	min-height: auto;



	padding: 0;



	border-radius: 5px;

}



.faq-content .card:hover {

	transform: translate(0);

}



.faq-content .card > .card-header {

	background-color: #fff;



	border-color: none !important;



	border: none !important;



	-webkit-box-shadow: 0 !important;



	box-shadow: 0 !important;

}



.faq-content .more-less {

	float: right;



	margin-top: 2px;



	color: #ccc;



	font-size: 20px;

}



.faq-content .card {

	border-color: #f9f9f9;



	border: 1px solid #f9f9f9;



	border-radius: 10px;



	margin-bottom: 20px;



	text-decoration: none;

}



.faq-content .card-body {

	padding: 20px 20px 20px 20px !important;



	border: none !important;

}



.faq-content .card-header {

	border-bottom: 1px solid transparent;



	border-top-left-radius: 0px;



	border-top-right-radius: 0px;



	padding: 0px;



	border-radius: 0px;

}



a.card-link {

	text-decoration: none;



	display: block;



	font-size: 16px;



	line-height: 24px;



	padding: 20px;



	color: #1a1a1a;



	font-weight: 500;

}



a.card-link i {

	font-size: 14px;

}



.faq-content .card:hover {

	border-bottom: 1px solid #dbd6d2;

}



.faq-content .card-body ul {

	margin: 0px;



	margin-left: 0;

}



.faq-content .card-body ul li {

	font-size: 14px;



	list-style: disc;



	line-height: 24px;



	padding: 0;

}



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

	.faq-content {

		padding: 20px;

	}



	a.card-link {

		font-size: 16px;



		line-height: 20px;



		padding: 15px;

	}



	.faq-content .card-body ul {

		margin-left: 30px;

	}

}



.faq-content .card {

	border-radius: 15px;



	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);



	background-size: auto;



	display: block;



	border: 1px solid #eee;



	text-decoration: none;



	transition: all 500ms ease;

}



/* detail */



.detailsGallery .thumbnailCon {

	position: relative;



	margin-top: 30px;

}



.detailsGallery .mySlides {

	display: none;



	border-radius: 0;



	overflow: hidden;

}



.detailsGallery .cursor {

	cursor: pointer;

}



.detailsGallery .prev,

.detailsGallery .next {

	cursor: pointer;



	position: absolute;



	top: 40%;



	user-select: none;



	-webkit-user-select: none;

}



.detailsGallery .next img,

.detailsGallery .prev img {

	width: 100%;



	height: auto;

}



.detailsGallery .next {

	right: 20px;

}



.detailsGallery .prev {

	left: 20px;

}



.detailsGallery .numbertext {

	color: #f2f2f2;



	font-size: 12px;



	padding: 8px 12px;



	position: absolute;



	top: 0;

}



.detailsGallery .caption-container {

	text-align: center;



	padding: 0;



	margin: 0;



	left: 40px;



	font-weight: 600;



	font-size: 20px;



	color: white;



	position: absolute;



	bottom: 23%;

}



.detailsGallery .rows:after {

	content: "";



	display: table;



	clear: both;

}



.detailsGallery .column {

	float: none;



	width: 100%;



	padding: 10px 0;

}



.detailsGallery .column img {

	width: 100%;



	border-radius: 0;



	overflow: hidden;

}



.detailsGallery .demo {

	opacity: 0.6;

}



.detailsGallery .active,

.detailsGallery .demo:hover {

	opacity: 1;

}



.backBtn {

	margin-top: 150px;

}



.detailsGallery .left {

	float: left;

	width: 85%;

}



.detailsGallery .rows {

	float: right;

	width: 15%;

	margin-top: -10px;

	padding-left: 30px;

}



.relatedProject {

	margin-top: 60px;

}



.relatedProject .projectCon {

	padding: 30px 0;

}



.relatedProject .owl-prev,

.relatedProject .owl-next {

	width: 40px;

	height: 40px;

	border: 1px solid #86b045;

	text-align: center;

	color: #86b045;

	padding: 8px 0;

	font-size: 20px;

}



.relatedProject .owl-prev {

	margin-left: -40px;

	top: 50%;

}



.relatedProject .owl-next {

	margin-right: -40px;

	top: 50%;

}



.relatedProject .owl-prev:hover,

.relatedProject .owl-next:hover {

	background: #86b045;



	color: #fff;

}





/*blog*/



.BlogCon .blogBox {

 	min-height: auto;

	border:1px solid #ddd; margin: 10px 0 30px 0;

}





.BlogCon .blogBox:hover{box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.1);}

.BlogCon .blogBox figure {

	height: 250px;

	width: 100%;

	overflow: hidden;

}

.BlogCon .blogBox figure img {

	display: block;

	width: 100%;

}

.BlogCon .blogBox figcaption {

	padding: 30px;

}

.BlogCon .blogBox figcaption .title {

	color: #000;

	font-weight: 600;

	font-size: 16px;

	line-height: 24px;

}

.BlogCon .blogBox figcaption .dec {

	margin-top: 20px;

	height: 120px;

	overflow: hidden;

}

.blogDate {

	color: #999;

 	text-transform: uppercase;

	margin-bottom: 10px; font-size: 16px;

}

.BlogCon .blogBox:hover figcaption .title {

	text-decoration: underline;

	color: #fb9628;

}

/* blogs end */