.service-section-box svg:not(:root), .service-section-box-mobile svg:not(:root)html {

	scroll-behavior: smooth;

}

body {

	overflow-x: hidden;

	font-family: "Raleway", sans-serif;

	font-size: 13px;

	color: #6d6d6d;

}

.sticky {

	position: fixed;

	width: 100%;

	padding: 15px 0;

	/*left: 0;*/







	top: 0;

	z-index: 100;

	border-top: 0;

	-moz-transition: padding .3s ease-in;

	-o-transition: padding .3s ease-in;

	-webkit-transition: padding .3s ease-in;

	transition: padding .3s ease-in;

}

.logo1 img {

	max-width: 100%;

	height: auto;

	/*width: 64%;*/







	width: 90%;

}

.header2 {

	background: #98ad28;

	z-index: 999;

	display: none;

}

.header-section {

	background: url('../../images/header-bg.jpg') left top repeat-x #212433;

	/*height: 167px;*/

	height: 178px;

	position: relative;

}

.logo {

	background: #fff;

	padding: 46px 0 40px !important;

}

.logo:before {

	content: '';

	position: absolute;

	top: 0;

	bottom: 0;

	left: -4000px;

	width: 4000px;

	background: #fff;

	height: 200px;

}

.logo:after {

	content: '';

	position: absolute;

	left: 100%;

	top: 0%;

	width: 0;

	height: 0;

	border-left: 0px solid transparent;

	border-right: 92px solid transparent;

	border-top: 0px solid #fff;

	border-bottom: 211px solid #fff;

	clear: both;

}

.navi {

	float: right;

	width: auto;

	height: 57px;

}

.navi ul {

	margin: 0;

	padding: 0;

	list-style: none;

	width: auto;

	float: left;

}

.navi ul li {

	display: inline;

	padding: 0;
	position: relative;

}

.navi ul li a {

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-size: 13px;

	font-weight: 400;

	line-height: 57px;

	padding: 0 15px;

	text-transform: uppercase;

}

.navi ul li a:hover {

	font-weight: 600;

	color: #000;

	text-decoration: none;

}

.book-now-top {

	float: left;

	margin: 0 20px 0 0;

}

.book-now-top a {

	background: #202432;

	border-radius: 0px;

	color: #fff;

	float: left;

	font-family: "Raleway", sans-serif;

	font-size: 13px;

	font-weight: 400;

	margin: 11px -14px 0 11px;

	padding: 7px 13px;

	text-transform: uppercase;

	text-align: center;

}

.book-now-top a:hover {

	background: #fff !important;

	color: #98ad28 !important;

	font-weight: 400;

	text-decoration: none;

}

.header-service {

	width: 108%;

	float: left;

	padding: 0 0 0 87px;

}

.header-service ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.header-service ul li {

	display: inline;

	float: left;

	width: 12%;

	padding: 11px 0 0;

}

.header-service ul li a {

	text-align: center;

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-size: 10px;

	font-weight: 400;

	line-height: 14px;

}

.header-service ul li a span {

	width: 100%;

	float: left;

}

.header-service ul li a img.h-icon {

	margin: 6px 40px !important;

	display: inline-block;

}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

/* IE10 & IE11 CSS styles go here */



.header-service ul li img {

	width: 30%;

}

}

.header-service ul li a img.h-icon-hover {

	margin: 6px 25px !important;

	display: none;

}

/*.header-service ul li a:hover img.h-icon{ display:none;}







.header-service ul li a:hover img.h-icon-hover{ display:inline-block; margin: 6px 40px !important; }*/







.header-service ul li a:hover {

}

.social-media ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.social-media ul li {

	display: inline-block;

	padding: 0;

}

.social-media ul li a i.fa {

	color: #98ad28;

	font-size: 16px;

}

.social-media ul li a {

	float: left;

	padding: 15px;

	position: relative;

}

/*.social-media ul li a:hover{ background:#98ad28;}







.social-media ul li a:hover:after { border-right: 23px solid #98ad28;}*/







.social-media ul li a:hover i.fa {

	color: #000;

}

.container-fluid.banner-section {

	padding: 0 !important;

	position: relative;

}

.banner-section img {

	max-width: 100%;

	height: auto;

	width: 100%;

}

.banner-text {

	left: 50%;

	margin-left: -585px;

	position: absolute;

	text-align: center;

	top: 167px;

	width: 1170px;

}

.banner-text h3 {

	color: #202432;

	font-family: "Raleway", sans-serif;

	font-size: 38px;

	font-weight: 300;

	margin: 0;

	text-transform: uppercase;

}

.banner-text h3 span {

	font-weight: 500;

	color: #fff;

}

.banner-text p {

	color: #202432;

	font-family: "Raleway", sans-serif;

	font-size: 23px;

	font-weight: 400;

	line-height: 21px;

	padding: 13px 0 30px;

	text-transform: uppercase;

	width: 100%;

}

.book-now {

	color: left;

	margin: 0 auto;

	width: 35% !important;

	text-align: center;

	display: inline-block;

}

p.book-now a {

	background: #202432;

	border: 2px solid #202432;

	border-radius: 0;

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-size: 15px;

	font-weight: 400;

	margin: 0;

	padding: 9px 35px 11px;

	text-transform: capitalize;

}

p.book-now a:hover {

	background: #fff none repeat scroll 0 0;

	border: 2px solid #202432;

	color: #202432;

	text-decoration: none !important;

}

.banner-text img {

	height: auto;

	margin: 0 15px;

	max-width: 100%;

	width: 159px;

	border-radius: 0px !important;

}

.service-section {

	position: relative;

	list-style: none;

	background: #fff;

	text-align: center;

	padding: 0 0 0px !important;

}

/* Common style */







.service-section-box {

	cursor: pointer;

}

#servicepopup div.modal-dialog {

	margin: 30px auto;

	width: 1058px;

	z-index: 9999;

}

.modal-header button.close {

	color: #98ad28;

	opacity: 1;

}

.modal-header > h3 {

	border-bottom: 2px solid #adbd53;

	margin: 0 auto 26px;

	padding: 16px 0 28px;

	text-align: center;

	width: 500px;

	color: #98ad28;

	font-family: "Raleway", sans-serif;

	font-size: 35px;

	font-weight: 300;

	line-height: 33px;

}

.modal-header > h3 span {

	font-weight: 700;

}

.img-circle-outer {
	background: #a1a1a1;
	border: 1px solid #a0b43a;
	border-radius: 50%;
	height: 100px;
	margin: 0 auto 10px;
	padding: 6px;
	width: 100px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

/* Restore the expected circular image behavior (Bootstrap uses .img-circle for circular images).
   Ensure images fill their container without being forced to odd widths by this stylesheet. */
.img-circle {
	border-radius: 50% !important;
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.nav-tab {

	margin: 0 60px;

	padding: 0;

	list-style: none;

}

.nav-tab li {

	display: inline;

	float: left;

	padding: 0 38px 25px;

}

.nav-tab li a {

	color: #010101;

	font-family: "Raleway", sans-serif;

	font-size: 21px;

	font-weight: 400;

	line-height: 23px;

}

.nav-tab li a:hover {

	text-decoration: none;

}

.nav-tab li a:hover .img-circle-outer {

	background: #98ad28 none repeat scroll 0 0;

	border: 1px solid #a0b43a;

}

.nav-tab1 {

	border-radius: 4px;

	box-shadow: 0px 0px 10px 2px #98ad28;

	float: left;

	list-style: outside none none;

	margin: 5px 10px 15px 10px;

	padding: 45px 0 12px;

	width: 100%;

}

.nav-tab1 li {

	display: inline;

	float: left;

	padding: 0 32px 25px;

	width: 20%;

}

.nav-tab1 li a {

	color: #010101;

	font-family: "Raleway", sans-serif;

	font-size: 21px;

	font-weight: 400;

	line-height: 23px;

	cursor: pointer !important;

}

.nav-tab1 li a:hover {

	text-decoration: none;

}

.nav-tab1 li a:hover .img-circle-outer {

	background: #98ad28 none repeat scroll 0 0;

	border: 1px solid #a0b43a;

}

.nav-tab1 p {

	padding: 0 22% 0px !important;

}

div.tab {

	overflow: hidden;

}

.tabcontent {

	display: none;

	padding: 6px 12px;

	border-top: none;

}

.modal-header {

	border-bottom: none !important;

	padding: 15px;

}

.container-popup {

	width: 1058px;

}

.popup-content {

	border-bottom: 2px solid #98ad28;

	border-top: 2px solid #98ad28;

	margin: 0px 0 14px;

	padding: 0 !important;

}

.popupbox1 {

	width: 192px;

	float: left;

}

.popupbox-top {

	background: #98ad28;

	margin: 4px 0 0;

	line-height: 39px;

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-size: 18px;

	font-weight: 700;

}

.popupbox-bottom {

	border-right: 1px solid #f0f0f0;

	float: left;

	width: 100%;

}

.popupbox1-bottom p {

	color: #010101;

	font-family: "Raleway", sans-serif;

	font-size: 15px;

	font-weight: 300;

	line-height: 23px;

	padding: 17px 0;

}

.popupbox2 {

	width: 227px;

	float: left;

}

.popupbox2-bottom p {

	line-height: 54px;

	color: #010101;

	font-family: "Raleway", sans-serif;

	font-size: 15px;

	font-weight: 300;

}

.popupbox2-bottom p:nth-child(2n+2) {

	line-height: 54px;

	color: #010101;

	font-family: "Raleway", sans-serif;

	font-size: 15px;

	font-weight: 300;

	background: #ececec;

}

.popupbox3 {

	width: 145px;

	float: left;

}

.popupbox3-bottom p {

	line-height: 54px;

	color: #010101;

	font-family: "Raleway", sans-serif;

	font-size: 15px;

	font-weight: 600;

}

.popupbox4 {

	width: 98px;

	float: left;

}

.popupbox5 {

	width: 95px;

	float: left;

}

.popupbox5-bottom p {

	line-height: 54px;

	color: #010101;

	font-family: "Raleway", sans-serif;

	font-size: 15px;

	font-weight: 600;

}

.popupbox5-bottom.popupbox-bottom span {

	border: 1px solid #c6c6c6;

	border-radius: 6px;

	padding: 0 7px 2px;

}

.popupbox6 {

	width: 297px;

	float: left;

}

.popupbox6-bottom div.popupbox6-bottom-desc {

	line-height: 54px;

}

.popupbox6-bottom p {

	line-height: 54px;

	color: #010101;

	font-family: "Raleway", sans-serif;

	font-size: 15px;

	font-weight: 600;

}

.popupbox6-bottom p.popup-desc {

	color: #010101;

	float: left;

	font-family: "Raleway", sans-serif;

	font-size: 12px;

	font-weight: 300;

	line-height: 20px;

	padding: 10px 0 0 9px;

	text-align: left;

	width: 131px;

}

.popupbox6-bottom p.popup-desc span {

	font-weight: 400;

	font-size: 11px;

}

.popupbox6-bottom p.unit {

	color: #010101;

	float: left;

	font-family: "Raleway", sans-serif;

	font-size: 12px;

	font-weight: 500;

	line-height: 20px;

	padding: 10px 0 0 9px;

	text-align: center;

	width: 75px;

}

.popupbox6-bottom p.unit span {

	font-weight: 500;

	font-size: 11px;

}

.popupbox6-bottom p.popup6-cross {

	float: left;

	width: 90px;

	color: #a1a1a1;

}

.popupbox6-bottom p.popup6-cross span {

	border: 1px solid #d1d1d1;

	border-radius: 50%;

	float: left;

	height: 24px;

	line-height: 19px;

	margin: 15px 0 0 36px;

	width: 24px;

}

.popup-content form {

	position: relative;

	float: left;

}

.popup-content form input[type="submit"] {

	background: #98ad28;

	border: none;

	border-radius: 5px;

	bottom: 21px;

	color: #fff;

	font-weight: 600;

	padding: 7px 0;

	position: absolute;

	right: 73px;

	width: 132px;

}

:root .css3-metro-dropdown option, :root .css3-metro-dropdown:after, :root .css3-metro-dropdown::after, :root .css3-metro-dropdown select {

	color: #fff;

}

:root .css3-metro-dropdown select, :root .css3-metro-dropdown:after, :root .css3-metro-dropdown::after {

	display: block;

	background: #fff;

}

:root .css3-metro-dropdown select, :root .css3-metro-dropdown option {

	padding: 3px;

}

:root .css3-metro-dropdown {

	position: relative;

	display: inline-block;

	border: 0;

	width: 143px;

	margin: 0 0 21px;

}

:root .css3-metro-dropdown::after {

	content: "\25bc";

	display: block;

	color: #c4c4c4;

	font-size: 10px;

	line-height: 33px;

	pointer-events: none;

	position: absolute;

	right: 7px;

	border-radius: 3px;

	text-align: center;

	top: 1px;

	width: 21px;

}

:root .css3-metro-dropdown select {

	border: 1px solid #c4c4c4;

	color: #c4c4c4;

	font: 12px/14px "Segoe UI", Arial, Helvetica, sans-serif;

	height: 35px;

	outline: 0 none;

	vertical-align: middle;

	width: 96%;

	border-radius: 3px;

}

:root .css3-metro-dropdown option {

	background: #fff;

	color: #333;

}

/* more colors */







:root .css3-metro-dropdown-color-ff1d77 select, :root .css3-metro-dropdown-color-ff1d77:after, :root .css3-metro-dropdown-color-ff1d77::after {

	background: #ff1d77;

}

:root .css3-metro-dropdown-color-2673ec select, :root .css3-metro-dropdown-color-2673ec:after, :root .css3-metro-dropdown-color-2673ec::after {

	background: #2673ec;

}

:root .css3-metro-dropdown-color-ff2e12 select, :root .css3-metro-dropdown-color-ff2e12:after, :root .css3-metro-dropdown-color-ff2e12::after {

	background: #ff2e12;

}

.checkbox-outer {

	float: left;

	margin: 11px 0 !important;

	width: 100%;

}

.checkbox {

	padding-left: 41px;

}

.checkbox label {

	display: inline-block;

	vertical-align: middle;

	position: relative;

	padding-left: 5px;

}

.checkbox label::before {

	content: "";

	display: inline-block;

	position: absolute;

	width: 16px;

	height: 16px;

	left: 0;

	margin-left: -20px;

	border: 1px solid #cccccc;

	border-radius: 4px;

	background-color: #fff;

	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

}

.checkbox label::after {

	display: inline-block;

	position: absolute;

	width: 16px;

	height: 16px;

	left: 5px;

	top: 0;

	margin-left: -20px;

	padding-left: 3px;

	padding-top: 1px;

	font-size: 11px;

	color: #555555;

}

.checkbox input[type="checkbox"] {

	opacity: 0;

	z-index: 1;

	cursor: pointer;

}

.checkbox input[type="checkbox"]:checked + label::after {

	background: url(../../images/checkbox-tick.png) left top no-repeat;

	font-family: 'FontAwesome';

	content: "";

}

input[type="checkbox"].styled:checked + label:after {

	background: url(../../images/checkbox-tick.png) left top no-repeat;

}

.service-section figure {

	border-radius: 100%;

	/*height: 180px;*/

	height: 150px;

	margin: 10px auto;

	overflow: hidden;

	position: relative;

	text-align: center;

	/*width: 180px;*/

	width: 150px;

	box-shadow: 3px 4px 4px -2px #000;

}

.service-section figure:hover {

	background: #000;

}

.service-section figure img {

	position: relative;

	display: block;

	min-height: 100%;

	max-width: 100%;

	opacity: 0.8;

}

.service-section figure figcaption {

	backface-visibility: hidden;

	border-radius: 100%;

	color: #fff;

	font-size: 1.25em;

	margin: 30px;

	padding: 0;

	text-transform: uppercase;

}

.service-section figure figcaption::before, .service-section figure figcaption::after {

	pointer-events: none;

}

.service-section figure figcaption, .grid figure figcaption > a {

	/*height: 120px;*/

	height: 90px;

	left: 0;

	position: absolute;

	top: 0;

	/*width: 120px;*/

	width: 90px;

}

figure.effect-chico img {

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: scale(1.12);

	transform: scale(1.12);

	filter: brightness(40%);

}

figure.effect-chico:hover img {

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

	filter: grayscale(100%);

	-webkit-transform: scale(1);

	transform: scale(1);

}

figure.effect-chico:hover figcaption {

	background: rgba(143, 164, 28, 0.7) none repeat scroll 0 0;

	box-shadow: 3px 4px 4px -2px #000;

}

figure.effect-chico figcaption::before {

	position: absolute;

	top: 30px;

	right: 30px;

	bottom: 30px;

	left: 30px;

	content: '';

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

}

figure.effect-chico h2 {

	padding: 20% 0 20px 0;

}

.service-section figure figcaption img {

	display: inline-block;

	max-width: 40px;

	min-height: 56px;

	opacity: 1;

	padding: 37px 0 30px;

	position: relative;

}

figure.effect-chico:hover figcaption img {

	transform: scale(1.12);

	opacity: 1;

}

.home-tab a.active figure.effect-chico img {

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

	filter: grayscale(100%);

	-webkit-transform: scale(1);

	transform: scale(1);

}

.home-tab a.active figure.effect-chico figcaption {

	background: rgba(143, 164, 28, 0.7) none repeat scroll 0 0;

	box-shadow: 3px 4px 4px -2px #000;

}

.service-section h2 {

	font-size: 36px;

	color: #98ad28;

	font-family: 'Raleway', sans-serif;

	font-weight: 300;

	text-align: center;

	display: inline-flex;

	margin: 70px 0 31px;

	padding: 0 0 10px;

}

.service-section h2 span {

	font-weight: 700;

}

.service-section p {

	color: #6d6d6d;

	font-family: "Raleway", sans-serif;

	font-size: 13px;

	font-weight: 400;

	line-height: 18px;

	padding: 0 22% 20px;

	text-align: center;

}

.service-section-box p {

	color: #373737;

	font-family: "Raleway", sans-serif;

	font-size: 16px;

	font-weight: 600;

	padding: 19px 0 25px !important;

}

.live-better-section {

	position: relative;

	padding: 41px 0 0 !important;

}

.live-better-section img {

	max-width: 100%;

	height: auto;

	width: 100%;

}

.live-better-text {

 position:

}

.live-better-inner {

	float: left;

	height: 466px;

	margin: 78px 0 0;

	padding: 0 48px 55px 0;

	width: auto;

}

.live-better-inner > p {

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-size: 14px;

	font-weight: 300;

	text-align: center;

	width: auto;

}

.liveimage img {

	width: 55% !important;

}

.live-better-inner h3 {

	font-size: 40px;

	color: #fff;

	font-family: 'Raleway', sans-serif;

	font-weight: 300;

	margin: 0 0 22px;

	text-align: center;

	width: auto;

}

.live-better-inner h3 span {

	font-weight: 700;

}

.live-better-inner ul {

	margin: 0;

	padding: 32px 0 0;

	list-style: none;

}

.live-better-inner ul li {

	background: none !important;

	color: #fff;

	display: block;

	float: left;

	font-family: "Raleway", sans-serif;

	font-size: 14px;

	font-weight: 400;

	padding: 0 0 22px 0px;

	width: 239px;

}

.padding0 {

	padding: 0 0 0 0 !important;

}

.live-better-text-section {

	height: 448px;

	left: 51%;

	margin-left: -225px !important;

	position: absolute !important;

	top: 49px;

	/*width: 550px !important;*/







	width: 475px !important;

}

.live-better-img-section { /*background:#2c2c4b;*/

	text-align: right;

	height: 500px;

}

.live-better-text-section > img {

	left: -121px;

	position: relative;

	top: 15px;

	width: 746px;

}

.fixgowork-section {

	position: relative;

	list-style: none;

	background: #fff;

	text-align: center;

	padding: 0 0 37px !important;

}

.fixgowork-section h2 {

	font-size: 36px;

	color: #98ad28;

	font-family: 'Raleway', sans-serif;

	font-weight: 300;

	text-align: center;

	display: inline-flex;

	margin: 68px 0 27px;

	padding: 0 0 10px;

}

.fixgowork-section h2 span {

	font-weight: 700;

}

.fixgowork-section p {

	color: #6d6d6d;

	font-family: "Raleway", sans-serif;

	font-size: 15px;

	font-weight: 400;

	line-height: 18px;

	padding: 0 22% 47px;

	text-align: center;

}

.fixgowork-box h3 {

	color: #6d6d6d;

	font-family: "Raleway", sans-serif;

	font-size: 22px;

	font-weight: 400;

	padding: 0 !important;

}

.fixgowork-box p {

	color: #6d6d6d;

	font-family: "Raleway", sans-serif;

	font-size: 16px;

	font-weight: 400;

	line-height: 24px;

	padding: 11px 0 25px !important;

}

.fixgowork-section p.note {

	color: #6d6d6d;

	font-family: "Raleway", sans-serif;

	font-size: 12px;

	font-weight: 400;

	line-height: 18px;

	padding: 47px 21% 25px !important;

	float: left;

	text-align: center;

}

.fixgowork-inner {

	float: left;

	width: 100%;

}

.fixgowork-box {

	text-align: center;

}

.get-app-section {

	position: relative;

	padding: 0 !important;

}

.get-app-text {

	width: 1170px;

	margin-left: -740px;

	position: absolute;

	left: 63%;

	top: 36px;

}

.get-app-inner {

	float: left;

}

.get-app-inner h3 {

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-size: 33px;

	font-weight: 300;

	margin: 33px 0 25px;

	padding: 0 0 10px;

}

.get-app-inner h3 span {

	font-weight: 600;

}

.get-app-inner p {

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-size: 17px;

	font-weight: 300;

	line-height: 21px;

	padding: 11px 0 0px;

	text-transform: none;

}

.get-app-section img {

	height: auto;

	max-width: 100%;

	width: 100%;

}

.get-app-inner img {

	margin: 0 16px 0 0;

	width: 29%;

	height: auto !important;

}

.get-app-img {

	float: left;

}

.get-app-img > img {

	height: auto !important;

	margin: 36px 0 0;

}

.sms-link-section {

	padding: 5px 0 57px;

}

.sms-link-section p {

	padding: 11px 0 35px;

}

.sms-link-section input[type="text"] {

	background: none;

	border: 1px solid #babdc5;

	color: #fff;

	font-size: 18px;

	font-weight: 300;

	height: 48px;

	margin: 0 22px 0 0;

	padding: 0 8px 0 12px;

	width: 50%;

	font-family: "Raleway", sans-serif;

}

.sms-link-section input[type="submit"] {

	background: #98ae28;

	border: none;

	color: #fff;

	font-size: 18px;

	font-weight: 500;

	height: 48px;

	font-family: "Raleway", sans-serif;

	padding: 0 23px;

}

.fixgowork-box img {

	width: 61px;

	height: auto;

}

.annual-maintance-section h2 {

	font-size: 33px;

	color: #80950f;

	text-align: center;

	font-family: 'Raleway', sans-serif;

	font-weight: 300;

	margin: 33px 0 11px;

	padding: 0 0 10px 15px;

}

.annual-maintance-section h2 span {

	font-weight: 600;

}

.annual-maintance-section p {

	color: #7a7a7a;

	text-transform: uppercase;

	text-align: center;

	font-family: "Raleway", sans-serif;

	font-size: 15px;

	font-weight: 400;

	line-height: 18px;

	padding: 0 0 0 15px;

}

.annual-maintance-section {

	position: relative;

	list-style: none;

	background: #fff;

	padding: 37px 0 0px !important;

}

.annual-maintance-inner {

	float: left;

	padding: 49px 0 0;

	width: 100%;

}

.annual-maintance-box {

	margin: 0 0 33px;

}

.annual-maintance-box img {

	float: left;

	padding: 0 23px 0 0;

}

.annual-maintance-box h3 {

	border-bottom: 1px solid #80950f;

	color: #80950f;

	float: left;

	font-family: "Raleway", sans-serif;

	font-size: 13px;

	font-weight: 600;

	margin: 10px 0 3px;

	padding: 0 0 5px;

	text-transform: uppercase;

	width: 70%;

}

.annual-maintance-box p {

	color: #7a7a7a;

	float: left;

	width: 100%;

	font-family: "Raleway", sans-serif;

	font-size: 14px;

	font-weight: 300;

	line-height: 21px;

	padding: 11px 0 25px;

	text-transform: none;

	text-align: left;

}

.contact-section-h {

	position: relative;

	padding: 0 !important;

}

.contact-text {

	width: 1170px;

	margin-left: -555px;

	position: absolute;

	left: 50%;

	top: 56px;

}

.contact-section img {

	height: auto;

	max-width: 100%;

	width: 100%;

}

.contact-text-left {

	float: none !important;

	margin: 0 auto;

	padding: 0 102px 0 0;

	width: 96% !important;

	text-align: center;

}

.contact-text-left input[type="text"] {

	background: #fff;

	border: none;

	border-radius: 4px;

	color: #444;

	font-family: "Raleway", sans-serif;

	font-size: 12px;

	font-weight: 400;

	padding: 8px 12px; /*text-transform: uppercase;*/

	width: 503px;

	margin: 0 0 23px 40px;

	height: 40px;

	float: left;

}

.contact-text-left input[type="tel"] {

	background: #fff;

	border: none;

	border-radius: 4px;

	color: #444;

	font-family: "Raleway", sans-serif;

	font-size: 12px;

	font-weight: 400;

	padding: 8px 12px; /*text-transform: uppercase;*/

	width: 503px;

	margin: 0 0 23px 40px;

	height: 40px;

	float: left;

}

.contact-text-left textarea {

	width: 503px;

	resize: none;

	border-radius: 4px;

	/*color: #d1d1d1;*/







	font-family: "Raleway", sans-serif;

	font-size: 13px;

	font-weight: 400;

	padding: 8px 35px;

	height: 200px;

	background: #fff;

	border: none;

	/*text-transform: uppercase;*/







	height: 105px;

	margin: 0 0 0px 40px;

	float: left;

	height: 79px !important;

}

.contact-text-left input[type="button"] {

	background: #98ad28;

	border: none;

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-size: 15px;

	font-weight: 400;

	padding: 8px 35px;

	text-transform: uppercase;

	margin: 20px 28% 0;

	display: inline-block;

}

.contact-text-right {

	float: left;

	width: 15%;

}

.contact-text h3 {

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-size: 33px;

	font-weight: 300;

	margin: 0 0 9px;

	padding: 0 0 10px;

	text-align: center;

}

.contact-text h3 span {

	font-weight: 700;

}

.contact-text p {

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-size: 19px;

	font-weight: 400;

	line-height: 21px;

	padding: 0px 0 28px;

	text-transform: none;

	text-align: center;

}

.contact-text-right img {

	height: 312px;

	width: auto;

}

.contact-section-h > img {

	/*height: auto;







	width: 100%;*/







	min-height: 578px;

	width: 100%;

}

.contact-address {

	border: 1px solid #ece1d1;

	margin: 52px 0 0;

	width: 100%;

	padding: 0 0 13px;

}

.contact-address h2 {

	background: none;

	color: #87b822 !important;

	font-weight: 700;

	margin: 26px 0 0 !important;

	padding: 13px 0;

	text-align: center;

	text-transform: capitalize;

}

.contact-address p {

	font-size: 13px;

	padding: 14px 18px 5px;

}

.contact-address p.v-map {

	padding: 0 0 13px;

}

.contact-address a {

	background: #87b822 none repeat scroll 0 0;

	color: #fff;

	display: inline-table;

	margin: 0;

	padding: 12px 50px;

	text-align: center;

}

.contact-address a:hover {

	text-decoration: none;

	color: #000;

}

p.readmore button.btn-info {

	background-color: #5bc0de;

	border-color: #46b8da;

	border-radius: 0 !important;

	color: #fff;

	font-size: 13px;

	padding: 9px 35px;

}

.testi-section {

	text-align: center;

	margin: 37px 0 0;

}

.testi-section h2 {

	border-bottom: 2px solid #98ad28;

	color: #98ad28;

	display: inline-flex;

	font-family: "Raleway", sans-serif;

	font-size: 36px;

	font-weight: 300;

	margin: 33px 0 61px;

	padding: 0 0 15px;

	text-align: center;

}

.testi-section-inner {

	width: 100%;

	float: left;

}

.testi-section-box {

	background: #eafff8 none repeat scroll 0 0;

	box-shadow: 4px 5px 9px -4px #d5d5d5;

	margin: 0 0 76px;

	padding: 0 15px 55px;

	position: relative;

}

.testiimg {

	bottom: -65px;

	left: 36%;

	position: absolute;

}

.testi-image-section {

	text-align: center;

	position: relative;

	padding: 0 0 43px;

}

.testi-image-section p.comma {

	padding: 0;

	left: 0;

	position: absolute;

	text-align: left;

	top: -25px;

}

.testi-image-section p.comma img {

	padding: 6px;

}

.testi-image-section p.testiimg {

	padding: 35px 0 0;

	text-align: center;

}

.testi-image-section p.author {

	border: 2px solid #fff;

	padding: 0;

	border-radius: 50%;

	bottom: -27px;

	float: right;

	position: absolute;

	right: 38px;

	text-align: right;

}

.testi-section-box p {

	color: #6d6d6d;

	font-family: "Raleway", sans-serif;

	font-size: 13px;

	font-style: normal;

	font-weight: 300;

	line-height: 21px;

	padding: 0 10px 15px;

	text-align: center;

	text-transform: none;

}

.testi-section-box p a {

	color: #6d6d6d;

	font-size: 16px;

	font-style: normal;

}

.testi-section-box p a:hover {

	color: #000;

	text-decoration: none;

}

.testi-section-box p.readmore {

	padding: 0px 10px 0px !important;

	font-weight: 500;

	text-align: center;

}

ul.star-rating {

	margin: 0;

	padding: 9px 0 18px;

	list-style: none;

	float: left;

	width: 100%;

	text-align: center;

}

ul.star-rating li {

	padding: 0 2px;

	display: inline-flex;

}

ul.star-rating li a {

	background: url(../../images/grey-star.png) left top no-repeat;

	font-size: 0;

	width: 20px;

	height: 20px;

	float: left;

}

ul.star-rating li a:hover {

	background: url(../../images/green-star.png) left top no-repeat;

}

.footer-section {

	background: #202432;

	border-bottom: 1px solid #91a427;

}

.footer-section h2 {

	border-bottom: 2px solid #98ad28;

	color: #98ad28;

	display: inline-flex;

	font-family: "Raleway", sans-serif;

	font-size: 20px;

	font-weight: 300;

	margin: 33px 15px 30px;

	padding: 0 0 15px;

	text-align: center;

	width: 23%;

}

.footer-inner {

	width: 100%;

	float: left;

}

.footer-box {

	padding: 0 0 30px 0;

}

.footer-box1 {

	float: left;

	margin: 23px 0 0;

	padding: 0 0 10px;

}

.footer-box1 img {

	margin: 0 40px 0 0;

	width: 22px;

}

.footer-box ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.footer-box ul li {

	padding: 0;

	font-size: 15px;

	color: #fff;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	display: block;

	background: url(../../images/footer-bullet.png) left 7px no-repeat;

	padding: 0 0 12px 21px;

}

.footer-box ul li a {

	color: #747474;

}

.footer-box ul li a:hover {

	color: #98ad28;

	text-decoration: none;

}

.footer-box1 p {

	font-size: 15px;

	color: #747474;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	padding: 0 0 5px 0px;

	float: left;

}

.footer-box1 p img {

	float: left;

	margin: 3px 16px 6px 0;

	width: 17px;

}

.footer-box1 p a {

	color: #747474;

}

.footer-box1 p a:hover {

	color: #98ad28;

	text-decoration: none;

}

.footer-bottom-section {

	background: #1c1c1c;

}

.footer-bottom-section p {

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-size: 15px;

	font-weight: 400;

	line-height: 25px;

	padding: 14px 0 10px;

}

.footer-bottom-section ul {

	margin: 0;

	padding: 27px 0 0;

	list-style: none;

}

.footer-bottom-section ul li {

	display: inline;

	padding: 0 0 21px 17px;

}

.footer-bottom-section ul li a {

	font-size: 15px;

	color: #fff;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

}

.footer-bottom-section ul li a:hover {

	color: #98ad28;

	text-decoration: none;

}



@media screen and (max-width: 50em) {

.service-section figure {

	display: inline-block;

	float: none;

	margin: 10px auto;

	width: 100%;

}

}

/* about*/







.about-section {

	width: 100%;

	float: left;

	background: #fff;

}

.about-section h2 {

	font-size: 20px;

	color: #707070;

	font-family: "Raleway", sans-serif;

	font-weight: 700;

	text-align: center;

	text-transform: uppercase;

	padding: 40px 0 27px;

}

.about-top {

	width: 100%;

	float: left;

	padding: 0 0 53px;

}

.about-top p {

	font-size: 13px;

	color: #6d6d6d;

	font-family: "Raleway", sans-serif;

	font-weight: 400;

}

.about-top-left {

	float: left;

	padding: 0 2% 0 0;

	width: 49%;

}

.about-top-right {

	float: left;

	padding: 0 0 0 2%;

	width: 49%;

}

.about-bottom {

	width: 100%;

	float: left;

	padding: 0 0 53px;

}

.about-bottom p {

	font-size: 13px;

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-weight: 400;

}

.about-bottom-left {

	float: left;

	background: #98ad28;

	padding: 34px 5% 28px 37px;

	width: 49%;

	min-height: 165px;

}

.about-bottom-right {

	float: left;

	padding: 0 0 0 0%;

	width: 49%;

}

.about-bottom-right img {

	max-width: 100%;

	height: 165px;

}

/* about*/







/* contact*/







.contact-section {

	background: #fff none repeat scroll 0 0;

	float: left;

	width: 100%;

	padding: 0 0 79px !important;

}

.contact-section h2 {

	color: #555555;

	font-size: 20px;

	font-family: "Raleway", sans-serif;

	font-weight: 400;

	margin: 70px 0 16px;

	text-transform: uppercase;

}

.contact-section p {

	color: #6d6d6d;

	font-size: 13px;

	font-family: "Raleway", sans-serif;

	font-weight: 400;

	text-transform: uppercase;

	padding: 0 0 15px;

}

.contact-section div.form-left {

	width: 46%;

	float: left;

}

.contact-section input[type="text"] {

	width: 89%;

	height: 43px;

	border: 1px solid #cacaca;

	background: #fcfcfc;

	margin: 0 0 13px 0;

	color: #606060;

	font-size: 13px;

	font-family: "Raleway", sans-serif;

	font-weight: 400;

	padding: 0 0 0 13px;

}

.contact-section input[type="email"] {

	width: 89%;

	height: 43px;

	border: 1px solid #cacaca;

	background: #fcfcfc;

	margin: 0 0 13px 0;

	color: #606060;

	font-size: 13px;

	font-family: "Raleway", sans-serif;

	font-weight: 400;

	padding: 0 0 0 13px;

}

.contact-section textarea {

	border: 1px solid #cacaca;

	background: #fcfcfc;

	margin: 0 0 13px 0;

	width: 82.5%;

	height: 105px;

	color: #606060;

	font-size: 13px;

	font-family: "Raleway", sans-serif;

	font-weight: 400;

	padding: 10px 0 0 13px;

}

.contact-section input[type="submit"] {

	background: #87b822 none repeat scroll 0 0;

	border: medium none;

	color: #fff;

	float: left;

	font-family: "Raleway", sans-serif;

	font-size: 15px;

	font-weight: 400;

	height: auto;

	margin: 0 0 13px;

	padding: 12px 50px;

	text-transform: uppercase;

	width: auto;

}







::placeholder {

 color: #606060;

}







::-webkit-input-placeholder { /* Chrome */

 color: #606060;

}







:-ms-input-placeholder { /* IE 10+ */

 color: #606060;

}







::-moz-placeholder { /* Firefox 19+ */

 color: #606060;

 opacity: 1;

}







:-moz-placeholder { /* Firefox 4 - 18 */

 color: #606060;

 opacity: 1;

}

.form-left a.btn-default {

	border: 1px solid #cacaca;

	background: #fcfcfc;

	width: 259px;

	height: 42px;

}

.contact-section div.form-right {

	width: 41%;

	float: left;

}

.form-left a.btn-select {

	position: relative;

	padding: 0;

	min-width: auto;

	width: 100%;

	border-radius: 0;

	margin-bottom: 0px;

}

.form-left a.btn-select .btn-select-value {

	padding: 10px 12px;

	display: block;

	position: absolute;

	left: 0;

	color: #606060;

	right: 34px;

	font-family: "Raleway", sans-serif;

	font-weight: 400;

	text-align: left;

	text-overflow: ellipsis;

	overflow: hidden;

	border-top: none !important;

	border-bottom: none !important;

	border-left: none !important;

}

.form-left a.btn-select .btn-select-arrow {

	background: rgba(0, 0, 0, 0) url(../../images/select-arrow.jpg) no-repeat scroll left 16px;

	float: right;

	height: 20px;

	line-height: 20px;

	padding: 16px;

	top: 17px;

}

.form-left a.btn-select ul {

	display: none;

	border: 1px solid #ccc !important;

	background-color: white;

	color: black;

	clear: both;

	list-style: none;

	padding: 0;

	margin: 0;

	position: absolute;

	left: -1px;

	right: -1px;

	top: 41px;

	z-index: 999;

}

.form-left a.btn-select ul li {

	padding: 3px 6px;

	text-align: left;

}

.form-left a.btn-select ul li:hover {

	background-color: #f4f4f4;

}

.form-left a.btn-select ul li.selected {

	color: white;

}

/* Default Start */







.form-left a.btn-select.btn-default:hover, .btn-select.btn-default:active, .btn-select.btn-default.active {

	border-color: #ccc;

}

.form-left a.btn-select.btn-default ul li.selected {

	background-color: #606060;

}

.form-left a.btn-select.btn-default ul, .btn-select.btn-default .btn-select-value {

}

.form-left a.btn-select.btn-default:hover, .btn-select.btn-default.active {

	background-color: #fff !important;

}

.quatation {

	position: relative !important;

	padding: 95px 0 0 59px;

}

.quatation img {

	max-width: 100%;

	height: auto;

	width: auto;

}

.quatation img.quote1 {

	left: 14px;

	position: absolute;

	top: 69px;

}

.quatation img.quote2 {

	position: absolute;

	right: 38px;

	top: 134px;

}

.quatation p {

	color: #6d6d6d;

	font-family: "Raleway", sans-serif;

	font-size: 13px;

	font-weight: 400;

	padding: 0 30px 8px;

	text-align: center;

	text-transform: none;

	width: 100%;

}

.quatation ul {

	display: inherit;

	list-style: outside none none;

	margin: 34px 0 0;

	padding: 0;

	text-align: center;

}

.quatation ul li {

	padding: 0 10px 0 0;

	display: inline;

}

.quatation ul li a img {

	width: 13%;

}

/* contact*/







/* career*/







.career-section {

	background: #fff;

	float: left;

	width: 100%;

}

.quote2 {

	height: auto;

	max-width: 100%;

}

.career-tab {

	margin: 0;

	padding: 0 0 0 23px;

	list-style: none;

}

.career-tab li {

	float: left;

	margin: 0 15px;

	width: 46%;

}

.tabbable-line > .tab-content {

	margin-top: -3px;

	background-color: #fff;

	border: 0;

	border-top: 1px solid #eee;

	padding: 15px 0;

}

.home-tab {

	margin: 0;

	padding: 0 0 0 23px;

	list-style: none;

}

.home-tab li {

	float: left;

	margin: 0 15px;

	width: 22%;

}

.join-section {

	padding: 59px 0 66px 0;

	width: 100%;

	float: left;

}

li.active div.join-left {

	background: #98ad28;

	border: 1px solid #98ad28;

}

li.active div.join-left h3 {

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-size: 20px;

	font-weight: 400;

	line-height: 27px;

	padding: 0 0 6px 15px;

}

li.active div.join-left p {

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-size: 13px;

	font-weight: 400;

	line-height: 20px;

	padding: 6px 20px 21px 15px;

}

.join-left {

	background: #fff;

	border: 1px solid #a9a9a9;

}

.join-left h3 {

	color: #555555;

	font-family: "Raleway", sans-serif;

	font-size: 20px;

	font-weight: 400;

	line-height: 27px;

	padding: 0 0 6px 15px;

}

.join-left p {

	color: #6d6d6d;

	font-family: "Raleway", sans-serif;

	font-size: 13px;

	font-weight: 400;

	line-height: 20px;

	padding: 6px 20px 21px 15px;

}

.panel-body {

	color: #6d6d6d;

	font-family: "Raleway", sans-serif;

	font-size: 13px;

	line-height: 20px;

	padding: 15px;

}

.career-content-section {

	width: 100%;

	float: left;

}

.career-content-section h3 {

	color: #555555;

	font-family: "Raleway", sans-serif;

	font-size: 20px;

	font-weight: 400;

	line-height: 27px;

	padding: 0 0 0px 15px;

}

.career-content-section p {

	color: #6d6d6d;

	font-family: "Raleway", sans-serif;

	font-size: 13px;

	font-weight: 400;

	line-height: 20px;

	padding: 6px 20px 26px 15px;

}

.apply-section {

	width: 100%;

	float: left;

	position: relative;

	padding: 0 0 35px 0;

}

.apply-form-section {

	position: absolute !important;

	top: 0;

	left: 0;

}

.apply-form-section h3 {

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-size: 20px;

	font-weight: 700;

	line-height: 27px;

	padding: 30px 0 0 15px;

	text-transform: uppercase;

}

.apply-form-section p {

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-size: 13px;

	font-weight: 400;

	line-height: 20px;

	padding: 6px 20px 21px 15px;

}

.apply-form-section div.form-left1 {

	width: 50%;

	float: left;

}

.apply-form-section select {

	width: 89%;

	height: 42px;

	border: 1px solid #cacaca;

	background: #fcfcfc;

	margin: 0 0 13px 0;

	color: #606060;

	font-size: 15px;

	font-family: "Raleway", sans-serif;

	font-weight: 400;

	padding: 0 0 0 13px;

}

.apply-form-section input[type="text"] {

	width: 89%;

	height: 42px;

	border: 1px solid #cacaca;

	background: #fcfcfc;

	margin: 0 0 13px 0;

	color: #606060;

	font-size: 15px;

	font-family: "Raleway", sans-serif;

	font-weight: 400;

	padding: 0 0 0 13px;

}

.apply-form-section input[type="submit"] {

	width: 115px;

	height: 42px;

	border: none;

	background: #98ad28;

	margin: 0 34px 13px 0;

	color: #fff;

	font-size: 15px;

	font-family: "Raleway", sans-serif;

	font-weight: 700;

	padding: 0 0 0 0px;

	text-transform: uppercase;

	float: right;

}







::placeholder {

 color: #606060;

}







::-webkit-input-placeholder { /* Chrome */

 color: #606060;

}







:-ms-input-placeholder { /* IE 10+ */

 color: #606060;

}







::-moz-placeholder { /* Firefox 19+ */

 color: #606060;

 opacity: 1;

}







:-moz-placeholder { /* Firefox 4 - 18 */

 color: #606060;

 opacity: 1;

}

.form-left a.btn-default {

	border: 1px solid #cacaca;

	background: #fcfcfc;

	width: 259px;

	height: 42px;

}

.apply-form-section div.form-right1 {

	width: 50%;

	float: left;

}

.form-left1 a.btn-select {

	position: relative;

	padding: 0;

	min-width: auto;

	width: 89%;

	border-radius: 0;

	margin-bottom: 0px;

	border: 1px solid #cacaca;

	background: #fcfcfc;

	height: 42px;

	font-size: 15px;

	font-family: "Raleway", sans-serif;

	font-weight: 400;

}

.form-left1 a.btn-select .btn-select-value {

	padding: 10px 12px;

	display: block;

	position: absolute;

	left: 0;

	color: #606060;

	right: 34px;

	font-family: "Raleway", sans-serif;

	font-weight: 400;

	text-align: left;

	text-overflow: ellipsis;

	overflow: hidden;

	border-top: none !important;

	border-bottom: none !important;

	border-left: none !important;

}

.form-left1 a.btn-select .btn-select-arrow {

	background: rgba(0, 0, 0, 0) url(../../images/select-arrow.jpg) no-repeat scroll left 16px;

	float: right;

	height: 20px;

	line-height: 20px;

	padding: 16px;

	top: 17px;

}

.form-left1 a.btn-select ul {

	display: none;

	border: 1px solid #ccc !important;

	background-color: white;

	color: black;

	clear: both;

	list-style: none;

	padding: 0;

	margin: 0;

	position: absolute;

	left: -1px;

	right: -1px;

	top: 41px;

	z-index: 999;

}

.form-left1 a.btn-select ul li {

	padding: 3px 6px;

	text-align: left;

}

.form-left1 a.btn-select ul li:hover {

	background-color: #f4f4f4;

}

.form-left1 a.btn-select ul li.selected {

	color: white;

}

/* Default Start */







.form-left1 a.btn-select.btn-default:hover, .btn-select.btn-default:active, .btn-select.btn-default.active {

	border-color: #ccc;

}

.form-left1 a.btn-select.btn-default ul li.selected {

	background-color: #606060;

}

.form-left1 a.btn-select.btn-default ul, .btn-select.btn-default .btn-select-value {

}

.form-left1 a.btn-select.btn-default:hover, .btn-select.btn-default.active {

	background-color: #fff !important;

}

.form-right1 label.btn-bs-file {

	border-radius: 0;

	color: #606060;

	font-size: 15px;

	font-family: "Raleway", sans-serif;

	font-weight: 400;

	height: 41px;

	height: 42px;

	border: 1px solid #cacaca;

	margin: 0 0 19px;

	background: url(../../images/browse.png) 95% 9px no-repeat #fcfcfc;

	position: relative;

	text-align: left;

	width: 89%;

}

.form-right1 label.btn-primary:hover {

	border: 1px solid #cacaca;

	background: url(../../images/browse.png) 95% 9px no-repeat #fcfcfc;

	color: #606060;

}

.btn-bs-file input[type="file"] {

	position: absolute;

	top: -9999999;

	filter: alpha(opacity=0);

	opacity: 0;

	width: 0;

	height: 0;

	outline: none;

	cursor: inherit;

}

/* career*/







































/*==========================================*/







/*==========================================*/















/*==========================================*/







/*==========================================*/















.service-section-box svg:not(:root), .service-section-box-mobile svg:not(:root) {

	width: 62%;

	/*margin-top: 13px;

    margin-top: 26px;*/

	margin-top: 18px;

	height: auto;

}

.service-section p {

	padding: 0 5% 0px !important;

	min-height: 40px;

}

.close {

	font-size: 40px !important;

}

.wrapper-dropdown {

	/* Size and position */







	position: relative; /* Enable absolute positioning for children and pseudo elements */

	width: 200px;

	padding: 10px;

	margin: 0 auto;

	/* Styles */







	background: #9bc7de;

	color: #fff;

	outline: none;

	cursor: pointer;

	/* Font settings */







	font-weight: bold;

}

.wrapper-dropdown:after {

	content: "";

	width: 0;

	height: 0;

	position: absolute;

	right: 16px;

	top: 50%;

	margin-top: -6px;

	border-width: 6px 0 6px 6px;

	border-style: solid;

	border-color: transparent #fff;

}

.wrapper-dropdown-1 .dropdown {

	/* Size & position */







	position: absolute;

	top: 100%;

	left: 0; /* Size */

	right: 0; /* Size */

	/* Styles */







	background: #fff;

	font-weight: normal; /* Overwrites previous font-weight: bold; */

	/* Hiding */







	opacity: 0;

	pointer-events: none;

}

.wrapper-dropdown-1 .dropdown li a {

	display: block;

	text-decoration: none;

	color: #9e9e9e;

	padding: 10px 20px;

}

/* Hover state */







.wrapper-dropdown-1 .dropdown li:hover a {

	background: #f3f8f8;

}

/* Active state */







.wrapper-dropdown-1.active .dropdown {

	opacity: 1;

	pointer-events: auto;

}

.wrapper-dropdown-1.active:after {

	border-color: #9bc7de transparent;

	border-width: 6px 6px 0 6px;

	margin-top: -3px;

}

.wrapper-dropdown-1.active {

	background: #9bc7de;

	background: linear-gradient(to right, #9bc7de 0%, #9bc7de 78%, #ffffff 78%, #ffffff 100%);

}

.greenbutton {

	-moz-box-shadow: inset 0px 1px 0px 0px #99ad28 !important;

	-webkit-box-shadow: inset 0px 1px 0px 0px #99ad28 !important;

	box-shadow: inset 0px 1px 0px 0px #99ad28 !important;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #99ad28), color-stop(1, #99ad28)) !important;

	background: -moz-linear-gradient(top, #99ad28 5%, #99ad28 100%) !important;

	background: -webkit-linear-gradient(top, #99ad28 5%, #99ad28 100%) !important;

	background: -o-linear-gradient(top, #99ad28 5%, #99ad28 100%) !important;

	background: -ms-linear-gradient(top, #99ad28 5%, #99ad28 100%) !important;

	background: linear-gradient(to bottom, #99ad28 5%, #99ad28 100%) !important;

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ad28', endColorstr='#99ad28', GradientType=0) !important;

	background-color: #99ad28 !important;

	-moz-border-radius: 3px !important;

	-webkit-border-radius: 3px !important;

	border-radius: 3px !important;

	border: 1px solid #99ad28 !important;

	display: inline-block !important;

	cursor: pointer !important;

	color: #ffffff !important;

	font-family: Arial !important;

	font-size: 13px !important;

	padding: 10px 10px !important;

	text-decoration: none !important;

	text-shadow: 0px 1px 0px #99ad28 !important;

	min-width: 145px !important;

}

.greenbutton:hover {

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #99ad28), color-stop(1, #99ad28)) !important;

	background: -moz-linear-gradient(top, #99ad28 5%, #99ad28 100%) !important;

	background: -webkit-linear-gradient(top, #99ad28 5%, #99ad28 100%) !important;

 background:-o-linear-gradient(top, #99ad28 5%, #99ad28 100% !important);

	background: -ms-linear-gradient(top, #99ad28 5%, #99ad28 100%) !important;

	background: linear-gradient(to bottom, #99ad28 5%, #99ad28 100%) !important;

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ad28', endColorstr='#99ad28', GradientType=0) !important;

	background-color: #99ad28 !important;

}

.greenbutton:active {

	position: relative !important;

	top: 1px !important;

}

.bluebutton {

	-moz-box-shadow: inset 0px 1px 0px 0px #329cd5 !important;

	-webkit-box-shadow: inset 0px 1px 0px 0px #329cd5 !important;

	box-shadow: inset 0px 1px 0px 0px #329cd5 !important;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #329cd5), color-stop(1, #329cd5)) !important;

	background: -moz-linear-gradient(top, #329cd5 5%, #329cd5 100%) !important;

	background: -webkit-linear-gradient(top, #329cd5 5%, #329cd5 100%) !important;

	background: -o-linear-gradient(top, #329cd5 5%, #329cd5 100%) !important;

	background: -ms-linear-gradient(top, #329cd5 5%, #329cd5 100%) !important;

	background: linear-gradient(to bottom, #329cd5 5%, #329cd5 100%) !important;

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#329cd5', endColorstr='#329cd5', GradientType=0) !important;

	background-color: #329cd5 !important;

	-moz-border-radius: 3px !important;

	-webkit-border-radius: 3px !important;

	border-radius: 3px !important;

	border: 1px solid #329cd5 !important;

	display: inline-block !important;

	cursor: pointer !important;

	color: #ffffff !important;

	font-family: Arial !important;

	font-size: 13px !important;

	padding: 10px 10px !important;

	text-decoration: none !important;

	text-shadow: 0px 1px 0px #329cd5 !important;

	min-width: 145px !important;

}

.bluebutton:hover {

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #329cd5), color-stop(1, #329cd5)) !important;

	background: -moz-linear-gradient(top, #329cd5 5%, #329cd5 100%) !important;

	background: -webkit-linear-gradient(top, #329cd5 5%, #329cd5 100%) !important;

	background: -o-linear-gradient(top, #329cd5 5%, #329cd5 100%) !important;

	background: -ms-linear-gradient(top, #329cd5 5%, #329cd5 100%) !important;

	background: linear-gradient(to bottom, #329cd5 5%, #329cd5 100%) !important;

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#329cd5', endColorstr='#329cd5', GradientType=0) !important;

	background-color: #329cd5 !important;

}

.bluebutton:active {

	position: relative !important;

	top: 1px !important;

}

.blackbutton {

	-moz-box-shadow: inset 0px 1px 0px 0px #000000 !important;

	-webkit-box-shadow: inset 0px 1px 0px 0px #000000 !important;

	box-shadow: inset 0px 1px 0px 0px #000000 !important;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #000000)) !important;

	background: -moz-linear-gradient(top, #000000 5%, #000000 100%) !important;

	background: -webkit-linear-gradient(top, #000000 5%, #000000 100%) !important;

	background: -o-linear-gradient(top, #000000 5%, #000000 100%) !important;

	background: -ms-linear-gradient(top, #000000 5%, #000000 100%) !important;

	background: linear-gradient(to bottom, #000000 5%, #000000 100%) !important;

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0) !important;

	background-color: #000000 !important;

	-moz-border-radius: 3px !important;

	-webkit-border-radius: 3px !important;

	border-radius: 3px !important;

	border: 1px solid #000000 !important;

	display: inline-block !important;

	cursor: pointer !important;

	color: #ffffff !important;

	font-family: Arial !important;

	font-size: 13px !important;

	padding: 10px 10px !important;

	text-decoration: none !important;

	text-shadow: 0px 1px 0px #000000 !important;

	min-width: 100px !important;

}

.blackbutton:hover {

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #000000)) !important;

	background: -moz-linear-gradient(top, #000000 5%, #000000 100%) !important;

	background: -webkit-linear-gradient(top, #000000 5%, #000000 100%) !important;

	background: -o-linear-gradient(top, #000000 5%, #000000 100%) !important;

	background: -ms-linear-gradient(top, #000000 5%, #000000 100%) !important;

	background: linear-gradient(to bottom, #000000 5%, #000000 100%) !important;

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0) !important;

	background-color: #000000 !important;

}

.blackbutton:active {

	position: relative !important;

	top: 1px !important;

}

.swal-text {

	font-size: 22px !important;

	text-align: center !important;

}

.textcnt {

	width: 100%;

	text-align: center !important;

}

.custom-select {
    margin: 50px;
    width: 150px;
    padding: 5px 35px 5px 5px;
    background: url(../../images/down-arrow.png) 96% / 12% no-repeat #444;
}







/* CAUTION: IE hackery ahead */







select::-ms-expand {

 display: none; /* remove default arrow in IE 10 and 11 */

}







/* target Internet Explorer 9 to undo the custom arrow */







@media screen and (min-width:0\0) {

 select {

 background:none\9;

 padding: 5px\9;

}

}

.book_date {

	background: #444 url(../../images/calendar.png) 97% 50% no-repeat !important;

	width: 100%;

	border: 1px solid #aaa;

	border-radius: 3px;

	height: 35px;

	background-color: #444;

	color: #fff;

}

 .book_date::-webkit-inner-spin-button {

 display: none;

}

 .book_date::-webkit-calendar-picker-indicator {

 opacity: 0;

}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {

	width: 50% !important;

}

/*****************************************12072018****************************************************/















.id_number {

	color: #329bd5;

}

.line {

	border-top: 1px solid #97ad27;

}

.billto {

	width: 30%;

	float: left;

	margin: 0 0 10px;

}

.billing-address {

	width: 70%;

	float: right;

	margin: 0 0 10px;

}

.order_details_heading {

	background: #97ad27;

	padding: 5px 8px;

	color: #fff;

	font-size: 16px;

	margin-top: 20px;

}

/**********************************23102018********************************/















.maintenance-img {

	width: 25%;

	float: left;

}

/***************************14122018 New edits*****************************/















.plans-sec {

	text-align: center;

	list-style: none;

	margin: 0;

	padding: 0;

}

.plans-sec li {

	list-style: none;

	margin: 0;

	padding: 0 2%;

	display: inline-table;

	width: 20%;

}

/**********************11012019 Live Better Section*************************/







.live-better-left {

	padding-left: 0px !important;

}

.live-better-left img {

	width: 100%;

	height: 400px;

}

.live-better-right {

	padding-right: 0px !important;

}

.live-better-right img {

	width: 100%;

	height: 400px;

}

.live-better-middle {

	position: relative !important;

	padding: 0px !important;

}

.live-better-middle img {

	height: 400px;

}

.live-better-middle-text {

	position: absolute;

	top: 5%;

	left: 5%;

	width: 90%;

	color: #fff;

	text-align: center;

}

.live-better-middle-text > p {

	color: #fff;

	font-family: "Raleway", sans-serif;

	font-size: 14px;

	font-weight: 300;

	text-align: center;

	width: auto;

}

.live-better-middle-text h3 {

	font-size: 40px;

	color: #fff;

	font-family: 'Raleway', sans-serif;

	font-weight: 300;

	margin: 0 0 22px;

	text-align: center;

	width: auto;

}

.live-better-middle-text h3 span {

	font-weight: 700;

}

.live-better-middle-text ul {

	list-style: none;

	width: 100%;

	margin: 30px 0 0;

	padding: 0;

}

.live-better-middle-text ul li {

	list-style: none;

	padding: 0;

	width: 50%;

	float: left;

	text-align: left;

	margin: 0 0 15px;

}

.live-better-middle-text ul li img {

	float: left;

	width: 25px !important;

	margin: 0 20px 0 0;

	height: 25px;

}

/*******************14012019 login*******************/







.login-buts {

	margin: 0 0 15px;

}

.login-buts img {

	max-width: 50% !important;

}

/******************************************************/

.float-area{width:100%; position:relative;}

.float-but{position:fixed; right:0; top:500px; z-index:9; background: #98ae28; border: none; color: #fff; font-size: 15px; font-weight: 500;
height: 40px; font-family: "Raleway", sans-serif; padding: 0 23px; border-radius: 8px;}

.modal-body {
        max-height: 500px;
        overflow-y: scroll;
    }
    .modal-title {
        font-size: 36px;
        color: #98ad28;
    }
    .modal-header {
        border-bottom: 2px solid #98ad28 !important;
    }
    .modal-dialog {
        width: 80% !important;
    }
    .btngreen {
        background-color: #98ad28 !important;
        color: #fff !important;
    }
    .svgdiv {
        fill: #98ad28 !important;
    }
    .popup-icon {/*padding:0 15px 25px !important;*/
        width: 10% !important;
        padding: 0 !important;
    }
    .modal-header button.close {
        color: #98ad28;
        opacity: 1;
        position: absolute;
        right: 8px;
        top: 8px;
    }
    .modal-footer {
        margin: 27px 0 0;
    }

.support-form {

    width: 60%;
    margin: auto;

}

.butt {

    background: #98ae28;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    height: 48px;
    font-family: "Raleway", sans-serif;
    padding: 0 23px;

}

/*********************************************/

.social-media::after{top: 0px !important;}

.social-media{top: 153px !important;}

/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {
  /*background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;*/
}

/* The popup chat - hidden by default */
.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  border: 3px solid #f1f1f1;
  z-index: 9999;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

/* Full-width textarea */
.form-container textarea {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  resize: none;
  min-height: 200px;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}

.support-heading{font-size: 20px; color: #98ae28;}

.close-but{background: #98ae28 !important; color: #fff; width: 100%; text-align: center; border-radius: 0px;}