/* Global Settings*/

body{background-color:;margin:0;overflow-x:hidden;}
html { scroll-behavior: smooth; } 
li{text-align:justify;color:#546670;font-family:arial;}
p{color:#026baf;font-family:arial;}
h3{font-family:arial;color:#026baf;}
h1{font-family:arial;color:#026baf;}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}
a:link {
  color:black;
}

a:visited {
   color:black;
}
.sticky
{
	position:fixed;
	padding-top:200px;
	top:0;
}
/* Sticky menu bar while scroll */
.nonsticky
{
	
	
}
.fbook
{
	display: inline-flex;
	margin-left: 100px;
	background-color:white;
	border-radius:5px;
	width:318px;
	
}

.getcall
{
	
}
.buyprod
{
	
}
/* Top Ribbon */
.topribbon{
	height:80px;
	width:100%;
	left:0;
	top:0;
	background-color:white;
	
	
	
}
/* Side Menu for desktop / mobile -start */

.sidemenu 
{
	width:25%;
	height:auto;
	
	display:none;
	cursor:pointer;
	position: absolute;
	color:white;
	 opacity:90%;
	 font-family:arial;
	 animation-name:smenu;
	 animation-duration:1s;
padding-top:18px;
left:0;
z-index:6;
background-color:white;
	}
	/* Menu's for side menu - start*/
.shome{background-color:#026BAF;margin-left:auto;margin-right:auto;height:58px;text-align:center;line-height:4;margin-top:3px;width:98%;color:white;margin-top: -16px;}
.sabout{background-color:#026BAF;margin-left:auto;margin-right:auto;height:58px;text-align:center;line-height:4;margin-top:2px;width:98%;color:white;}
.sservices{background-color:#026BAF;margin-left:auto;margin-right:auto;height:58px;text-align:center;line-height:4;margin-top:2px;width:98%;color:white;}
.sourwork{background-color:#026BAF;margin-left:auto;margin-right:auto;height:58px;text-align:center;line-height:4;margin-top:2px;width:98%;color:white;}
.steam{background-color:#026BAF;margin-left:auto;margin-right:auto;height:58px;text-align:center;line-height:4;margin-top:2px;width:98%;color:white;}
.scontact{background-color:#026BAF;margin-left:auto;margin-right:auto;height:58px;text-align:center;line-height:4;margin-top:2px;width:98%;color:white;}

.shome:hover{background-color:gray;}
.sabout:hover{background-color:gray;}
.sservices:hover{background-color:gray;}
.sourwork:hover{background-color:gray;}
.steam:hover{background-color:gray;}
.scontact:hover{background-color:gray;}

@keyframes smenu {
  from {opacity:0%;}
  to {opacity:100%;}
}
/* Menu's for side menu - end*/
	/* Side Menu for desktop / mobile -End*/

/* Small menu for mobile */
.smenu{
	width:40px;
	height:40px;
	display:inline-block;
	margin-top:1px;
	vertical-align:middle;
	background-image:url("img/smenu.png");
	display:none;
}
.smenu:hover
{
	
	cursor:pointer;
	background-image:url("img/smenut.png");
	}
	.smenu_hide
	{
		margin-top:28px;
	}
/* Logo box */
.logo{

	display:inline;
	margin-top:0px;
	
}
/* Phone Box Rounded */
.phone{
	right:0;
	display:inline;
	width:200px;
	height:22px;
	border-radius:25px;
	position:absolute;
	background-color:#016AAB;
	text-align:center;
	margin-top:25px;
	padding-top:8px;
	font-weight:;
	margin-right:10px;
	display:inline;
	color:white;
	animation-name:phonedesk;
	animation-duration:1s;
}
@keyframes phonedesk{
	from{width:0px;}
	to{width:200px;}
}
/* Phone Icon */
.phoneimg{
	width: 20px;
    height: 20px;
    display: inline;
    left: 0;
    display: inline;
    background: url(img/phone.png)no-repeat;
    background-size: 80% 80%;
    display: inline-flex;
    vertical-align: middle;
}
/* Phone No. */
.phno
{
	display: inline;
    width: auto;
    height: auto;
    color: white;
    font-family: arial;
    display: inline-flex;
}
/* Menu Bar */
.menubar{

	width:100%;
	left:0;
	background-color:#026BAF;
	padding:19px;
	z-index:6;
	text-decoration:none;
}
/* Menu */
.menu{
width:90%;
margin-left:auto;
margin-right:auto;

margin-bottom:auto;
text-decoration:none;
}
/* Options  */
.option
{
	font-family:arial;
	
	color:white;
	padding: 15px 15px 15px 15px;
	display:inline;
	background-color:;
	border-radius:10px;
	text-decoration:none;
	
}
/* On Option Hover  */
.option:hover
{
	background-color:white;
	cursor:pointer;
	color:gray;
	opacity:100%;
}
/* Option clicked in menu  */
.option_clicked
{
	font-family:arial;
	font-weight:bold;
	color:green;
	padding: 15px 15px 15px 15px;
	display:inline;
	background-color:#BDD618;;
	border-radius:10px;
	text-decoration:none;
	
}
.loc
{
	width: 30%;
    text-align: center;
    background-color: rgb(2, 107, 175);
    font-family: arial;
    color: white;
    opacity: 1;
    padding: 5px;
   
    font-size: 20px;
    animation-name: loc;
    animation-duration: 1s;
    margin-top: 2px;
	margin-left:0px;
	position:absolute;
	
}
	

@keyframes loc{
	from{ width:0%;}
	to{ width:30%;}
}
/* Middel Banner */
.midbanner
{
	
  position: relative;
  margin: auto;
 
	
}
/* slide show */


/* Slideshow container */
.slide_img1
{
	width:100%;
	height:473px;
	background:url("img/midban.jpg")no-repeat;
	background-size:cover;
	}
.slide_img2
{
	width:100%;
	height:473px;
	background:url("img/midban1.jpg")no-repeat;
	background-size:cover;
	}
	.slide_img3
{
	width:100%;
	height:473px;
	background:url("img/midban2.jpg")no-repeat;
	background-size:cover;
	}
	.slide_img4
{
	width:100%;
	height:473px;
	background:url("img/midban3.jpg")no-repeat;
	background-size:cover;
	}
	.slide_img5
{
	width:100%;
	height:473px;
	background:url("img/midban4.jpg")no-repeat;
	background-size:cover;
	}
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: grid;
 
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;

}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/*slide show end */
/* Middel Banner for Service Page */
.midbanner_service
{
	height:465px;
	width:100%;
	left:0;
	opacity: 100%;
	animation-name: midban;
  animation-duration: 5s;
  background-image:url("img/serviceban.jpg");
	background-size: auto;
	margin-top:3px;
	
}
.midbanner_indl
{
	
	height:350px;
	width:100%;
	left:0;
	opacity: 100%;
	animation-name: midban;
  animation-duration: 5s;
     background-image: url(img/indlback.jpg);
	background-size: auto;
	
}

.indl_form
{
	height: 113px;
    width: 100%;
    left: 0px;
    opacity: 1;
    animation-name: midban;
    animation-duration: 5s;
    background-image: url(style.css);
    background-size: auto;
}
.getqote
{
	float: right;
    right: 0px;
    width: auto;
    background-color: coral;
    padding: 6px;
    font-family: arial;
    margin-top: 2px;
    color: white;
	display:none;
}
.indlbubbut
{
	border:0px;color:white;background-color:#026baf;font-family:arial;padding:10px;
}
.indlarea
{
	padding: 20px;
}
.nav_bottom
{
	width:100%;

	color:black;
	margin-left:0px;
	margin-top:40px;
}
.catagory 
{
	width: 90%;
    height: 150px;
	
	
}

.textbox{
	margin-top: 10px;
    width: 90%;
    padding: 10px;
    background-color: #dad8d8;
    box-sizing: border-box;
    opacity: 1;
    font-family: arial;
    /* border-radius: 4px; */
    border-color: white;
    border-width: 0px;
	
    
}
.textboxind{
	
	margin-top: 10px;
    width: 15%;
    padding: 10px;
    background-color: #dad8d8;
    box-sizing: border-box;
    opacity: 1;
    font-family: arial;
    /* border-radius: 4px; */
    border-color: white;
    border-width: 0px;
	
	
	
}
.laelind{
	
	width:15%;
	text-align:left;
	margin-left:5px;
	
}
.txtsel
{
	background-color:red;
}
.input_left
{
	width: 56%;
    display: inline;
   
    left: 0;
    top: 0;
    float: left;
}
.input_right
{
	display: inline;
    position: absolute;
    
    float: right;
    margin-right: 30px;
}
.input_leftcont
{
	width: 56%;
    display: inline;
   
    left: 0;
    top: 0;
    float: left;
}
.input_rightcont
{
	display: inline;
    
    
    
    margin-right: 30px;
}
.map
{
	width:400px;
}
.splabel
{
	width: 500px;
    padding:14px;
    font-family:arial;
    display: block;
    text-align: center;
	font-weight:bold;
	font-size:20px;
	margin-left:auto;
	margin-right:auto;
	
}
.price
{
	width: 500px;
    padding:14px;
	font-family:arial;
    
    display: block;
    text-align: center;
	font-weight:bold;
	font-size:20px;
	margin-left:auto;
	margin-right:auto;
	    line-height: 2;
	
	margin-bottom:20px;
	vertical-align:middle;
}
.buttons_line
{
	width: 100%;
   
    display: block;
    margin-top: 110px;
}
.buttons_submit
{
	height: 40px;
    width: 120px;
    border: 0px;
    background-color: green;
    color: white;
}
.ser_disc
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	
	

	height:auto;
	display: flex;
}
.ser_buttons
{
	top: 0px;
    width: 98%;
    height: 40px;
    background-color:rgb(242, 242, 242);
    color: black;
    font-family: arial;
    display: inline;
    text-align: center;
    line-height: 2.4;
    border: 1px solid white;
	cursor:pointer;
	
}

.ser_buttons1
{
	top: 0px;
    width: 98%;
    height: 40px;
    background-color: rgb(2, 107, 175);
    color: white;
    font-family: arial;
    display: inline;
    text-align: center;
    line-height: 2.4;
    border: 1px solid white;
	cursor:pointer;
}
.ser_buttons2
{
	top: 0px;
    width: 98%;
    height: 40px;
    background-color: rgb(2, 107, 175);
    color: white;
    font-family: arial;
    display: inline;
    text-align: center;
    line-height: 2.4;
    border: 1px solid white;
	cursor:pointer;
}
.ser_buttons3
{
	top: 0px;
    width: 98%;
    height: 40px;
    background-color: rgb(2, 107, 175);
    color: white;
    font-family: arial;
    display: inline;
    text-align: center;
    line-height: 2.4;
    border: 1px solid white;
	cursor:pointer;
}
.serkitchen_buttons
{
	top: 0px;
    width: 98%;
    height: 40px;
    background-color:rgb(242, 242, 242);
    color: black;
    font-family: arial;
    display: inline;
    text-align: center;
    line-height: 2.4;
    border: 1px solid white;
	cursor:pointer;
	
}
.serkitchen_buttons1
{
	top: 0px;
    width: 98%;
    height: 40px;
    background-color: rgb(2, 107, 175);
    color: white;
    font-family: arial;
    display: inline;
    text-align: center;
    line-height: 2.4;
    border: 1px solid white;
	cursor:pointer;
	
}
.serkitchen_buttons2
{
	top: 0px;
    width: 98%;
    height: 40px;
    background-color: rgb(2, 107, 175);
    color: white;
    font-family: arial;
    display: inline;
    text-align: center;
    line-height: 2.4;
    border: 1px solid white;
	cursor:pointer;
	
}
.serkitchen_buttons3
{
	top: 0px;
    width: 98%;
    height: 40px;
    background-color: rgb(2, 107, 175);
    color: white;
    font-family: arial;
    display: inline;
    text-align: center;
    line-height: 2.4;
    border: 1px solid white;
	cursor:pointer;
	
}
.ser_area
{
	width:969px;
	margin-left:auto;
	margin-right:auto;
	    margin-top: -25px;
	background-color:rgb(242, 242, 242);
	top:0;
	height:auto;
	
}
.ser_text
{
	width: 90%;
    margin-left: auto;
    margin-right: auto;
   padding-bottom:30px;
   font-family:arial;
   
}
.ser_offers
{
	width: 90%;
    margin-left: auto;
    margin-right: auto;
   padding-bottom:30px;
   display:none;
      font-family:arial;
}
.ser_whyus
{
	width: 90%;
    margin-left: auto;
    margin-right: auto;
   padding-bottom:30px;
   display:none;
      font-family:arial;
}
.ser_faq
{
	width: 90%;
    margin-left: auto;
    margin-right: auto;
   padding-bottom:30px;
   display:none;
      font-family:arial;
}

.harticulture
{
	height: 440px;
    width: 100%;
    left: 0px;
    opacity: 1;
    animation-duration: 5s;
    background-image: url("img/horticulture.jpg");
    background-size: auto;
	
}
.all_optarea{
	width: 85%;
   
	
	
	
}
.homeback
{
	
}
.deep_mob{display:block;}
.kitchen_mob{display:none;}
.sofa_mob{display:none;}
.curtain_mob{display:none;}
.deep_compair{
	width: 100%;
   
    
	
}
.cap_table
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:rgb(2, 107, 175);
	height:40px;
	line-height: 2.5;
	
	font-family:arial;
	color:white;
}
.deep_table{
	width: 100%;
    background-color: rgb(242, 242, 242);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    line-height: 2;
    font-weight: bold;
	font-size:13px;
}
.scroll_contianer{
	height: 300px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;

    /* background-color: gray; */
    /* height: 40px; */
    
   
    font-family: arial;
    /* color: white; */
    overflow: scroll
}
/* width */
::-webkit-scrollbar {
  width: 3px;
}
::-webkit-scrollbar:hover
{
	 width: 8px;
	
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(2, 107, 175);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
  width: 8px;
}
.span_hyperline{padding-right:20px;border-right:1px solid;margin-left:20px;font-family:arial;cursor:pointer;}
.deep_tableone{
	width: 100%;
    background-color:rgb(242, 242, 242);
   
    margin-left: auto;
    margin-right: auto;
	display:flex;
	font-size:13px;
}

.deep_tableopt
{
	display:inline;
	width:500px;
	padding:5px;
	font-family:arial;
	border: 1px solid;
	border-color:white;

	    margin-left: 10px;
}

.deep_tableopt1
{
	display:inline;
	width:20%;
	
	font-family:arial;
	border: 1px solid;
	border-color:white;
	text-align:center;
	
}
.deep_tableopt2
{
	display:inline;
	width:240px;
	
	font-family:arial;
	border: 1px solid;
	border-color:white;
	text-align:center;
	
}
.backimg
{
width:100%;
height:auto;
position:absolute;
z-index:-5;
opacity:60%;	
}
/* Customer Support Form */
.formbar
{
	
	width:100%;
	left:0;
	background-color:#026BAF;
	padding:20px;
}
.formbox
{
	width:90%;
margin-left:auto;
margin-right:auto;

margin-bottom:auto;
	
}
.form{
	width:150px;
	height:40px;
	border:0px;
	border-radius:10px;
	border-bottom:solid 2px yellow;
	display:inline;
	padding: 4px 55px 10px 10px;
}
/* Submit Button */
.subbtn
{
font-family:arial;
	font-weight:bold;
	color:white;
	padding: 16px 55px 25px 25px;
	display:inline;
	background-color:#BFD61C;
	border-radius:10px;
	text-decoration:none;	
	text-align:center;
}
/* Customer Support Form  End*/

/* Label Text */
.ab
{
	width:100%;
	left:0;
	background-color:#026BAF;
	padding:20px;
	font-family:arial;
	font-weight:bold;
	color:white;
	    margin-top: 20px;
	    padding-left: 128px;
		display:none;
	
}
/* About us window */
.aboutus
{
	
	
	
	background-color:#DBE5EB ;
	width:100%;
	left:0;
}
/* About Us Content */
.abtcon
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	font-family:arial;
	padding-top:20px;
	padding-bottom:20px;
}
/* services  window */
.services
{
	
	
	width:100%;
	left:0;
}
/* services  Content */
.servicecon
{
	padding:25px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	font-family:arial;
	margin-top:50px;
}
.footer
{
	width:100%;
	
	bottom:0;
	background-color:#026BAF;
	position:fixed;
	padding:2px;
}
.footer_icons
{
	
	width:60%;
	vertical-align:middle;
	margin:4px;
	
	
	
	
}
.footer_img
{
	margin-left:20px;
	height:20px;
	width:20px;
	border-radius:30px;
	border:2px solid;
	border-color:skyblue;
	
}
.footer_img:hover
{
	border-color:white;
	
	cursor:pointer;
	
}

/* Menu For Services page  */
.home_select
{
	background-image:url("img/allser.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:100px;
	height:100px;
	margin-left:50px;
	margin-right:auto;
	margin-top:150px;

	position:absolute;
	animation-name: home_select;
  animation-duration: 3s;
  text-align:center;
  vertical-align:bottom;
}
.pest_select
{
	background-image:url("img/allser.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:100px;
	height:100px;
	margin-left:50px;
	margin-right:auto;
	margin-top:150px;

	position:absolute;
	animation-name: home_select;
  animation-duration: 3s;
  text-align:center;
  vertical-align:bottom;
}

/* Service menu - 1*/
.icon_text{
	bottom: -52px;
    position: absolute;
    font-family: arial;
    color: black;
    animation-name: icontext;
    animation-duration: 8s;
    padding: 4px;
    /* border-radius: 7px; */
    width: 175px;
    margin-left: -43px;
    -webkit-text-stroke-width: thin;
    border-bottom: 4px solid #3F51B5;
    background-color: #ffffff42;
   
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
   
}
@keyframes icontext{
 from {opacity:0%;}
  to {opacity:100% }
}
.home
{
	background-image:url("img/home.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:200px;
	margin-right:auto;
	margin-top:150px;
	position:absolute;
	animation-name: home;
	animation-duration: 3s;
	text-align:center;
	transition: transform .2s;
	
}
.home:hover{
	
	transform: scale(1.3);
}

/* Service menu - 2*/
.pest
{
	background-image:url("img/pest.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:400px;
	margin-right:auto;
	margin-top:150px;
	position:absolute;
	animation-name: pest;
	animation-duration: 3s;
    text-align:center;
	transition: transform .2s;
	
}
.pest:hover{
	transform: scale(1.3);
}

/* Service menu - 3*/
.disinfect
{
	background-image:url("img/disinfection.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:600px;
	margin-right:auto;
	margin-top:150px;
	position:absolute;
	animation-name: disinfect;
	animation-duration: 3s;
    text-align:center;
    transition: transform .2s;
	
}
.disinfect:hover{
	transform: scale(1.3);
}
.disinfect1
{
	background-image:url("img/disinfection.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:300px;
	margin-right:auto;
	margin-top:150px;
	position:absolute;
	animation-name: disinfect1;
	animation-duration: 3s;
    text-align:center;
    transition: transform .2s;
	
}
.disinfect1:hover{
	transform: scale(1.3);
}
.sterilization
{
	background-image:url("img/sterilization.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:500px;
	margin-right:auto;
	margin-top:150px;
	position:absolute;
	animation-name: sterilization;
	animation-duration: 3s;
    text-align:center;
    transition: transform .2s;
}
.sterilization:hover{
	transform: scale(1.3);
}

@keyframes disinfect1{
	from{margin-left:0px;}
	to{margin-left:300px;}
}

@keyframes sterilization{
	from{margin-left:0px;}
	to{margin-left:500px;}
}

.garden
{
	background-image:url("img/garden.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:300px;
	margin-right:auto;
	margin-top:150px;
	position:absolute;
	animation-name: garden;
	animation-duration: 3s;
    text-align:center;
    transition: transform .2s;
	cursor:pointer;
	
}
.garden:hover{
	transform: scale(1.3);
}
.lawn
{
	background-image:url("img/lawn.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:500px;
	margin-right:auto;
	margin-top:150px;
	position:absolute;
	animation-name: lawn;
	animation-duration: 3s;
    text-align:center;
    transition: transform .2s;
	cursor:pointer;
}
.lawn:hover{
	transform: scale(1.3);
}

.mulch
{
	background-image:url("img/mulch.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:700px;
	margin-right:auto;
	margin-top:150px;
	position:absolute;
	animation-name: mulch;
	animation-duration: 3s;
    text-align:center;
    transition: transform .2s;
	cursor:pointer;
}
.mulch:hover{
	transform: scale(1.3);
}

@keyframes garden{
	from{margin-left:0px;}
	to{margin-left:300px;}
}

@keyframes lawn{
	from{margin-left:0px;}
	to{margin-left:500px;}
}
@keyframes mulch{
	from{margin-left:0px;}
	to{margin-left:700px;}
}

/* Service menu - 4*/
.indust
{
	background-image:url("img/indust.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:800px;
	margin-right:auto;
	margin-top:150px;
	position:absolute;
	animation-name: indust;
    animation-duration: 3s;
    text-align:center;
	transition: transform .2s;
	
}
.indust:hover{
	transform: scale(1.3);
}
/* Service menu - 5*/
.horti
{
	background-image:url("img/horti.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:1000px;
	margin-right:auto;
	margin-top:150px;
	position:absolute;
	animation-name: horti;
    animation-duration: 3s;
    text-align:center;
	transition: transform .2s;
}
.horti:hover{
	transform: scale(1.3);
}

.cock
{
	background-image:url("img/cock.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:300px;
	margin-right:auto;
	margin-top:160px;
	position:absolute;
	animation-name: cock;
	animation-duration: 3s;
	text-align:center;
	transition: transform .2s;
	
}
.cock:hover{
	
	transform: scale(1.3);
	cursor:pointer;
}

/* Service menu - 2*/
.termite
{
	background-image:url("img/termite.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:500px;
	margin-right:auto;
	margin-top:160px;
	position:absolute;
	animation-name: termite;
	animation-duration: 3s;
    text-align:center;
	transition: transform .2s;
	
}
.termite:hover{
	transform: scale(1.3);
	cursor:pointer;
}

/* Service menu - 3*/
.wood
{
	background-image:url("img/woodbore.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:700px;
	margin-right:auto;
	margin-top:160px;
	position:absolute;
	animation-name: wood;
	animation-duration: 3s;
    text-align:center;
    transition: transform .2s;
	
}
.wood:hover{
	transform: scale(1.3);
	cursor:pointer;
}
/* Service menu - 4*/
.fumigation
{
	background-image:url("img/fumigation.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:900px;
	margin-right:auto;
	margin-top:160px;
	position:absolute;
	animation-name: fumigation;
    animation-duration: 3s;
    text-align:center;
	transition: transform .2s;
	
}
.fumigation:hover{
	transform: scale(1.3);
	cursor:pointer;
}

@keyframes cock {
  from {margin-left:0px;}
  to {margin-left:300px; }
 
  
}
@keyframes termite {
  from {margin-left:0px;}
  to {margin-left:500px; }
  
}
@keyframes wood {
  from {margin-left:0px;}
  to {margin-left:700px; }
 
}
@keyframes fumigation {
  from {margin-left:0px;}
  to {margin-left:900px; }
 
}


.floor
{
	background-image:url("img/floor.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:300px;
	margin-right:auto;
	margin-top:160px;
	position:absolute;
	animation-name: floor;
	animation-duration: 3s;
	text-align:center;
	transition: transform .2s;
	
}
.floor:hover{
	
	transform: scale(1.3);
	cursor:pointer;
}

/* Service menu - 2*/
.sofa1
{
	background-image:url("img/sofa.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:500px;
	margin-right:auto;
	margin-top:160px;
	position:absolute;
	animation-name: sofa1;
	animation-duration: 3s;
    text-align:center;
	transition: transform .2s;
	
}
.sofa1:hover{
	transform: scale(1.3);
	cursor:pointer;
}

/* Service menu - 3*/
.glass
{
	background-image:url("img/glass.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:700px;
	margin-right:auto;
	margin-top:160px;
	position:absolute;
	animation-name: glass;
	animation-duration: 3s;
    text-align:center;
    transition: transform .2s;
	
}
.glass:hover{
	transform: scale(1.3);
	cursor:pointer;
}
/* Service menu - 4*/
.sump
{
	background-image:url("img/tank.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:83px;
	height:83px;
	margin-left:900px;
	margin-right:auto;
	margin-top:160px;
	position:absolute;
	animation-name: sump;
    animation-duration: 3s;
    text-align:center;
	transition: transform .2s;
	
}
.sump:hover{
	transform: scale(1.3);
	cursor:pointer;
}

@keyframes floor {
  from {margin-left:0px;}
  to {margin-left:300px; }
 
  
}
@keyframes sofa1 {
  from {margin-left:0px;}
  to {margin-left:500px; }
  
}
@keyframes glass {
  from {margin-left:0px;}
  to {margin-left:700px; }
 
}
@keyframes sump {
  from {margin-left:0px;}
  to {margin-left:900px; }
 
}
/* Menu For Services page  - End*/
.icon_area
{
	width:100%;
	height:auto;
	vertical-align:middle;
	
}
.icon_areahome
{
	width:100%;
	height:auto;
	vertical-align:middle;

}
.icon_areahomemobile{display:none;}
/* Animations for Services Category - Start*/
@keyframes home {
  from {margin-left:0px;}
  to {margin-left:200px; }
 
  
}
@keyframes pest {
  from {margin-left:0px;}
  to {margin-left:400px; }
  
}
@keyframes disinfect {
  from {margin-left:0px;}
  to {margin-left:600px; }
 
}
@keyframes indust {
  from {margin-left:0px;}
  to {margin-left:800px; }
 
}
@keyframes horti {
  from {margin-left:0px;}
  to {margin-left:1000px; }
  
}
/* Animations for Services Category - End*/

/* Sub Options for Home cleaning -Start*/
.deep
{
	
	background-size: 100% 100%;
	width:100px;
	height:100px;
	margin-left:300px;
	margin-right:auto;
	margin-top:150px;
	position:absolute;
	animation-name: deep;
	animation-duration: 3s;
	text-align:center;
	opacity:100%;
	
	cursor:pointer;
	background-image:url("img/deep.png");
}
.deep_sub
{
	width:200px;
	height:auto;
	background-color:#94b93c;
	margin-top:150px;
	position:absolute;
	margin-left:420px;
	display:none;
	animation-name:deep-sub;
	animation-duration:3s;
	border-radius:20px;
	opacity:75%;
	padding-bottom:20px;
	border-right:2px solid gray;
	
}
.subtext
{
	
	
	font-family:arial;
	
	margin-left:10px;
	margin-right:10px;
	margin-top:15px;
	color:black;
	padding:4px 10px 4px 10px;
	background-color:white;
	border-radius: 10px;
    text-align: center;
	cursor:pointer;
}
.subtext:hover{
background-color:#94b93c;
border:1px solid;
}

@keyframes deep-sub
{
	from{opacity:0%;}
	to{pacity:100%;}
	
}
.footer_line
{
	width:85%;
	margin-left:11%;
}

.option_container
{
	width:100%;
	position:relative;
	display:block;
	background-color:white;
}
.deep_opt
{
	
	
	width:95%;
	margin:auto;
	display:block;
	background-color:white;
	
	
	
}
.ind_opt
{
	
	
	width:80%;
	margin:auto;
	display:block;
	background-color:white;
	margin-bottom:100px;
	cursor:pointer;
	
	
}
.ind_opt1
{
	
	
	width:80%;
	margin:auto;
	display:none;
	background-color:white;
	margin-bottom:100px;
	cursor:pointer;
	
}
.ind_opt2
{
	
	
	width:80%;
	margin:auto;
	display:none;
	background-color:white;
	margin-bottom:100px;
	cursor:pointer;
	
}
.ind_opt3
{
	
	
	width:80%;
	margin:auto;
	display:none;
	background-color:white;
	margin-bottom:100px;
	cursor:pointer;
	
}
.ind_opt4
{
	
	
	width:80%;
	margin:auto;
	display:none;
	background-color:white;
	margin-bottom:100px;
	cursor:pointer;
	
}
.kitchen_opt
{
	width:95%;
	margin:auto;
	display:block;
	background-color:white;
	
	display:none;
}
.kitchen_opt1
{
	width:95%;
	margin:auto;
	display:block;
	background-color:white;

	display:none;
}
.kitchen_opt2
{
	width:95%;
	margin:auto;
	display:block;
	background-color:white;

	display:none;
}

.deep_opt1
{
	width: 95%;
    margin: auto;
    display: block;
    background-color: white;
    
	display:none;
	
}
.deep_opt2
{
	width: 95%;
    margin: auto;
    display: block;
    background-color: white;
    
	display:none;
	
}

.sofa_opt
{
width: 95%;
    margin: auto;
    display: block;
    background-color: white;
   
	display:none;
}
.sofa_opt1
{
width: 95%;
    margin: auto;
    display: block;
    background-color: white;
    
	display:none;
}
.sofa_opt2
{
width: 95%;
    margin: auto;
    display: block;
    background-color: white;
   
	display:none;
}
.sofa_opt3
{
width: 95%;
    margin: auto;
    display: block;
    background-color: white;

	display:none;
}


.curtain_opt
{
	width: 95%;
    margin: auto;
    display: block;
    background-color: white;
    
	display:none;
}
.cock_opt
{
	width: 95%;
    margin: auto;
    display: block;
    background-color: white;
    
	
}
.termite_opt
{
	width: 95%;
    margin: auto;
    display: none;
    background-color: white;
    
	
}
.buyheader
{
	background-color: white;
    padding-top: 10px;
    padding-bottom: 36px;
    font-family: arial;
   font-stretch: condensed;
    line-height: 3;
}

.buylogo
{
	float: left;
    padding-left: 15px;
}

.buylogoimg
{
	width: 130px;
    margin-top: 0px;
    vertical-align: middle;
}
.buyprodcont
{
	margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 80%;
}
.buyprod{
	    text-align: center;
    width: 100%;
    /* background-color: gray; */
    display: flex;
}
.buyprodl
{
	width: 50%;
    text-align: left;
    border-right: 1px solid;
    font-family: arial;
}
.buyprodr
{
	width: 50%;
    text-align: right;
    font-family: arial;
}

.wood_opt
{
	width: 95%;
    margin: auto;
    display: none;
    background-color: white;
    
	
}
.fum_opt
{
	width: 95%;
    margin: auto;
    display: none;
    background-color: white;
    
	
}
.disinfect_opt
{
	width: 95%;
    margin: auto;
    display: block;
    background-color: white;
    
	
}
.ster_opt
{
	width: 95%;
    margin: auto;
    display: none;
    background-color: white;
    display:none;
	
}
.curtain_opt1
{
	width: 95%;
    margin: auto;
    display: block;
    background-color: white;
   
	display:none;
}

.mat_label
{
	margin-left: -50px;
    /* margin-right: auto; */
    padding: 10px;
    /* width: 100px; */
    /* margin-left: 220px; */
    text-align: center;
	font-family:arial;
	color: #94b93c;
    font-weight: bold;
}

.opt_h3{
	font-family: arial;
    animation-name: opt_h3;
    animation-duration: 8s;
    margin-top: 110px;
    background-color: #ffffff3d;
    /* border-radius: 11px 0px 0px; */
    border-bottom: 4px solid #026baf;
    /* width: 100px; */
    -webkit-text-stroke-width: thin;
	
	
}
@keyframes opt_h3{
	from {opacity:0%;}
	to {opacity:100%;}
}
.sofa
{
	
	background-size: 100% 100%;
	width:100px;
	height:100px;
	margin-left:420px;
	margin-right:auto;
	margin-top:150px;
	position:absolute;
	animation-name: sofa;
	animation-duration: 3s;
	text-align:center;
	opacity:100%;
	cursor:pointer;
	background-image:url("img/kitchen.png");
	
}
.sofa_sub
{
	width:200px;
	padding-bottom:20px;
	background-color:#94b93c;
	margin-top:140px;
	position:absolute;
	margin-left:540px;
	display:none;
	animation-name:sofa_sub;
	animation-duration:3s;
	border-radius:20px;
	opacity:75%;
}

@keyframes sofa_sub
{
	from{opacity:0%;}
	to{opacity:100%;}
}

.kitechen
{
	background-size: 100% 100%;
	width:100px;
	height:100px;
	margin-left:540px;
	margin-right:auto;
	margin-top:150px;
	position:absolute;
	animation-name: kitechen;
	animation-duration: 3s;
	text-align:center;
	opacity:100%;
	background-image:url("img/sofa.png");
	
	cursor:pointer;
}
.kitechen_sub
{	
	width:200px;
	padding-bottom:20px;
	background-color:#94b93c;
	margin-top:125px;
	position:absolute;
	margin-left:660px;
	display:none;
	animation-name:kitechen_sub;
	animation-duration:3s;
	border-radius:20px;
	opacity:75%;
	
}

@keyframes kitechen_sub
{
	from{opacity:0%;}
	to{pacity:100%;}
}
.curtain
{
	background-size: 100% 100%;
	width:100px;
	height:100px;
	margin-left:660px;
	margin-right:auto;
	margin-top:150px;
	position:absolute;
	animation-name: curtain;
	animation-duration: 3s;
	text-align:center;
	opacity:100%;
	background-image:url("img/curtain.png");
	
	cursor:pointer;
}
.catimg
{
	background-size: 100% 100%;
	width:270px;
	height:250px;
	margin-left:990px;
	margin-right:auto;
	margin-top:180px;
	position:absolute;
	animation-name:catimg ;
	animation-duration: 2s;
	text-align:center;
	opacity:70%;
	background:url("")no-repeat;
	
	
}

@keyframes catimg{
	from{margin-top:50px;}
	to{margin-top:180px;}
	
	
}

.curtain_sub
{width:200px;
	padding-bottom:20px;
	background-color:#94b93c;
	margin-top:170px;
	position:absolute;
	margin-left:780px;
	display:none;
	animation-name:curtain_sub;
	animation-duration:3s;
	border-radius:20px;
opacity:75%;}
@keyframes curtain_sub
{
	from{opacity:0%;}
	to{pacity:100%;}
}

/* Sub Options for Home cleaning -End*/

/* Sub Options for Home cleaning hover -Start*/
.deep:hover{opacity:90%;}
.sofa:hover{opacity:90%;}
.kitechen:hover{opacity:90%;}
.curtain:hover{opacity:90%;}
.car:hover{opacity:90%;}
/* Sub Options for Home cleaning hover -End*/

/* Animations  Sub Options for Home cleaning - start*/
@keyframes deep {
  from {margin-left:0px;}
  to {margin-left:300px; }
}
@keyframes sofa {
  from {margin-left:0px;}
  to {margin-left:420px; }
}
@keyframes kitechen {
  from {margin-left:0px;}
  to {margin-left:540px; }
}
@keyframes curtain {
  from {margin-left:0px;}
  to {margin-left:660px; }
}
@keyframes car {
  from {margin-left:0px;}
  to {margin-left:940px; }
}
/* Animations  Sub Options for Home cleaning - End */

/* Scroll To Top Buttonon - start*/
.scroll{
	width:50px;
	height:50px;
	position:fixed;
	bottom:0;
	background-image:url("img/scroll.png");
	background-color:;
	margin-bottom:70px;
	right:8px;
	z-index:6;
	visibility:hidden;
}	
/* Scroll To Top Buttonon - End*/

.buynow
{
	width: 100%;
    height: 500px;
    background-color: black;
    position: fixed;
    z-index: 1;
    opacity: 95%;
	
	display:none;
	animation-name:buynow;
	animation-duration:2s;

    padding-top: 200px;
    padding-left: 200px;
}
@keyframes buynow 
{
	from{opacity:0%;}
	to{opacity:95%;}
}
.buyinner
{
	width: 40%;
    height: 55%;
   
    color: black;
    text-align: center;
    background-color: white;
    margin-bottom: auto;
  
    font-weight: bold;
    display: inline-block;
	 
}
.buyqrcode
{
	
   
    display: inline-flex;
   
    background-color: white;
   
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 23px;
    padding-bottom: 28px;
	
	  
}
.moblabel
{
	display:none;
}
.maincap{
display:none;
	
}
.banhead{
	color: white;
    display: inline-flex;
    
   padding-left:30px;
   padding-right:30px;
    background-color: cornflowerblue;
    
	    float: unset;
		animation-name:banhead;
		animation-duration:1s;
		margin-right:0px;
		bottom:35px;
		position:fixed;
		right:0;
}

@keyframes banhead{
	
	from{margin-right:-200px;opacity:0%;}
	to{margin-right:0px;opacity:100%;}
}
/* For Mobile Adaptation 600px */

@media screen and (max-width: 600px) {
body{background-color:white;margin:0;overflow-x:hidden;}
.phone
{
	width:45px;
	
	color:white;
	animation-name:phonemob;
	animation-duration:2s;
}
@keyframes phonemob{
	from{width:100px;}
	to{width:45px;}
}
.maincap{
	font-family: fantasy;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    margin-top: 258px;
    display: inline-block;
    /* font-weight: bold; */
    font-size: 28px;
	color:#026baf;
}
.all_optarea{
	width: 85%;
  
	
	
	
}

.moblabel
{
	font-family: arial;
    margin-left: 48px;
    line-height: 3;
    color: white;
    display: block;
    min-width: max-content;
	    font-size: 14px;
}
.harticulture
{
	height: 440px;
    width: 100%;
    left: 0px;
    opacity: 1;
    animation-duration: 5s;
    background-image: url("img/horticulture.jpg");
    background-size: auto;
	background-position-x: -450px;
}
.fbook
{
	display: inline-flex;
	margin-left: 100px;
	background-color:white;
	border-radius:5px;
	width:318px;
	display:none;
}
.span_hyperline
{
	padding-right: 15px;
    border-right: 0px solid;
    display: table-caption;
    font-family: arial;
    cursor: pointer;
    padding: 5px;
}

.buynow
{
	width: 100%;
    height: 100%;
    background-color: black;
    position: fixed;
    z-index: 1;
    opacity: 100%;
	
	display:none;
	animation-name:buynow;
	animation-duration:2s;

    padding-top: 0px;
    padding-left: 0px;
	z-index:99;
}
@keyframes buynow 
{
	from{opacity:0%;}
	to{opacity:80%;}
}
.buyinner
{
	width: 100%;
    height: 55%;
   
    color: black;
    text-align: center;
    background-color: white;
    margin-bottom: auto;
  
    font-weight: bold;
    display: inline-block;
	
}
.buyqrcode
{
	
   
    display: inline-flex;
   
    background-color: white;
   
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 23px;
    padding-bottom: 28px;
	width: -webkit-fill-available;
	
}
.qrimg
{
	margin-left:auto;
	margin-right:auto;
	width: 240px;
}
.map
{
	width:300px;
}
.footer_line
{
	width: 90%;
    display: grid;
    margin-left: 6%;
    margin-right: auto;
    font-size: 15px;
    font-weight: bold;
}	
	

.phno
{
	display:none;
	
}
.smenu{
	display:block;
}
/* Side Menu for desktop / mobile -start */

.sidemenu 
{
	width:55%;
	height:auto;
	
	display:none;
	cursor:pointer;
	position: absolute;
	color:white;
	 opacity:90%;
	 font-family:arial;
	 animation-name:smenu;
	 animation-duration:1s;
	 z-index:6;
	 left:0;
	}
	
	

	/* Side Menu for desktop / mobile -End*/
.menubar{

margin-top:0px;
	
}
.menu
{
	margin-left:0px;
}
.option{
	display:none;
}
.midbanner
{
	height:420px;
	 position: relative;
  margin-top: -70px;
  
}
.slide_img1
{
	
	
	background:url("img/homemain.png")no-repeat;
	background-size:auto auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	width:193px;
	height:240px
	background-position-y: 100px;
	background-image:unset;
	}
.slide_img2
{
	
	
	background:url("img/pestmain.png")no-repeat;
	background-size:auto auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	width:193px;
	height:240px;
	background-position-y: 100px;
		background-image:unset;
	}
	.slide_img3
{
	background:url("img/dismain.png")no-repeat;
	background-size:auto auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	width:193px;
	height:240px;
	background-position-y: 100px;
	background-image:unset;		
	}
	.slide_img4
{
	
	background:url("img/indusmain.png")no-repeat;
	background-size:auto auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	width:193px;
	height:240px;
	background-position-y: 100px;
	background-image:unset;		
	}
	.slide_img5
{
	background:url("img/hortimain.png")no-repeat;
	background-size:auto auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	width:193px;
	height:240px;
	background-position-y:100px;
	background-image:unset;
	}
.midbanner_service
{
	
	background-position-x: -222px;
	background-image:unset;
}
.midbanner_indl
{
	
	height:440px;
	width:100%;
	left:0;
	opacity: 100%;
	animation-name: midban;
  animation-duration: 5s;
 background-image:unset;
	background-size: auto;
	
}
.indl_form
{
	height: 325px;
    width: 100%;
    left: 0px;
    opacity: 1;
    animation-name: midban;
    animation-duration: 5s;
    background-image: url(style.css);
    background-size: auto;
}
.indlbubbut
{
	border: 0px;
    color: white;
    background-color: rgb(2, 107, 175);
    font-family: arial;
    padding: 10px;
    margin-top: 8px;
    width: 90%;
}
.indlarea
{
	padding: 20px;
	    margin-left: 40px;
}
.getqote
{
	float: right;
    right: 0px;
    width: 88px;
    background-color: coral;
    padding: 6px;
    font-family: arial;
    margin-top: 2px;
    color: white;
	display:block;
	animation-name:getqote;
	animation-duration:1s;
	cursor:pointer;
}
@keyframes getqote
{
	from{width:0px;}
	to{width:88px;}
}
.formbar
{
	
	width:100%;
	left:0;
	background-color:#DBE5EB ;
	margin-left:auto;
	margin-right:auto;
	
}
.formbox
{
	width:90%;
	margin-left:2px;
	margin-right:auto;
	
	
	
}
.garden
{
	background-image:url("img/garden.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:60px;

	position:absolute;
	animation-name: garden;
	animation-duration: 1s;
    text-align:center;
    transition: transform .2s;
	
}
.garden:hover{
	transform: scale(1.3);
}
.lawn
{
	background-image:url("img/lawn.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:130px;

	position:absolute;
	animation-name: lawn;
	animation-duration: 2s;
    text-align:center;
    transition: transform .2s;
}
.lawn:hover{
	transform: scale(1.3);
}

.mulch
{
	background-image:url("img/mulch.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:200px;

	position:absolute;
	animation-name: mulch;
	animation-duration: 1s;
    text-align:center;
    transition: transform .2s;
}
.mulch:hover{
	transform: scale(1.3);
}

@keyframes garden{
	from{margin-left:350px;}
	to{margin-left:20px;}
}

@keyframes lawn{
	from{margin-left:350px;}
	to{margin-left:20px;}
}
@keyframes mulch{
	from{margin-left:350px;}
	to{margin-left:20px;}
}

.disinfect1
{
	background-image:url("img/disinfection.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:120px;

	position:absolute;
	animation-name: disinfect1;
	animation-duration: 3s;
    text-align:center;
    transition: transform .2s;
	
}
.disinfect1:hover{
	transform: scale(1.3);
}
.sterilization
{
	background-image:url("img/sterilization.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:200px;

	position:absolute;
	animation-name: sterilization;
	animation-duration: 2s;
    text-align:center;
    transition: transform .2s;
}
.sterilization:hover{
	transform: scale(1.3);
}

@keyframes disinfect1{
	from{margin-left:350px;}
	to{margin-left:20px;}
}

@keyframes sterilization{
	from{margin-left:350px;}
	to{margin-left:20px;}
}
.form{
	width:93%;
	height:40px;
	border:0px;
	border-radius:10px;
	border-bottom:solid 2px yellow;
	display:inline;
	padding: 10px 10px 10px 10px;
	
	margin-top:10px;
	
}
.subbtn
{
font-family:arial;
	font-weight:bold;
	color:white;
	padding: 16px 55px 25px 25px;
	display:inline;
	background-color:#BFD61C;
	border-radius:10px;
	text-decoration:none;	
	text-align:center;
	margin-top:10px;
	width:100%;
}
.ab
{
	width:100%;
	left:0;
	background-color:#026BAF;
	padding:20px;
	font-family:arial;
	font-weight:bold;
	color:white;
	    margin-top: 10px;
	    padding-left: 40px;
		
	
}
.aboutus
{
	
	
	width:100%;
	background-color:#DBE5EB ;
}
.abtcon
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	font-family:arial;
}
.services
{
	
	
	width:100%;
	left:0;
}
.servicecon
{
	padding:25px;
	
	width:80%;
	margin-left:auto;
	margin-right:auto;
	font-family:arial;
}
.floor
{
	background-image:url("img/floor.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:40px;

	position:absolute;
	animation-name: floor;
	animation-duration: 2.5s;
	text-align:center;
	transition: transform .2s;
	
}
.floor:hover{
	
	transform: scale(1.3);
	cursor:pointer;
}

/* Service menu - 2*/
.sofa1
{
	background-image:url("img/sofa.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:110px;

	position:absolute;
	animation-name: sofa1;
	animation-duration: 2s;
    text-align:center;
	transition: transform .2s;
	
}
.sofa1:hover{
	transform: scale(1.3);
	cursor:pointer;
}

/* Service menu - 3*/
.glass
{
	background-image:url("img/glass.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:180px;

	position:absolute;
	animation-name: glass;
	animation-duration: 1.5s;
    text-align:center;
    transition: transform .2s;
	
}
.glass:hover{
	transform: scale(1.3);
	cursor:pointer;
}
/* Service menu - 4*/
.sump
{
	background-image:url("img/tank.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:250px;
	position:absolute;
	animation-name: sump;
    animation-duration: 1s;
    text-align:center;
	transition: transform .2s;
	
}
.sump:hover{
	transform: scale(1.3);
	cursor:pointer;
}

@keyframes floor {
  from {margin-left:350px;}
  to {margin-left:20px; }
 
  
}
@keyframes sofa1 {
  from {margin-left:350px;}
  to {margin-left:20px; }
  
}
@keyframes glass {
  from {margin-left:350px;}
  to {margin-left:20px; }
 
}
@keyframes sump {
  from {margin-left:350px;}
  to {margin-left:20px; }
 
}
.cock
{
	background-image:url("img/cock.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:40px;

	position:absolute;
	animation-name: cock;
	animation-duration: 2.5s;
	text-align:center;
	transition: transform .2s;
	font-size:14px;
	cursor:pointer;
}
.cock:hover{
	
	transform: scale(1.3);
	
}

/* Service menu - 2*/
.termite
{
	background-image:url("img/termite.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:110px;

	position:absolute;
	animation-name: termite;
	animation-duration: 2s;
    text-align:center;
	transition: transform .2s;
	font-size:14px;
	cursor:pointer;
}
.termite:hover{
	transform: scale(1.3);
	
	
}

/* Service menu - 3*/
.wood
{
	background-image:url("img/woodbore.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:180px;

	position:absolute;
	animation-name: wood;
	animation-duration: 1.5s;
    text-align:center;
    transition: transform .2s;
	font-size:14px;
	cursor:pointer;
}
.wood:hover{
	transform: scale(1.3);
	
}
/* Service menu - 4*/
.fumigation
{
	background-image:url("img/fumigation.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:250px;
	position:absolute;
	animation-name: fumigation;
    animation-duration: 1s;
    text-align:center;
	transition: transform .2s;
	font-size:14px;
	cursor:pointer;
}
.fumigation:hover{
	transform: scale(1.3);
	
}

@keyframes cock {
  from {margin-left:320px;}
  to {margin-left:20px; }
 
  
}
@keyframes termite {
  from {margin-left:320px;}
  to {margin-left:20px; }
  
}
@keyframes wood {
  from {margin-left:320px;}
  to {margin-left:20px; }
 
}
@keyframes fumigation {
  from {margin-left:320px;}
  to {margin-left:20px; }
 
}
.home
{
	background-image:url("img/home.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:60px;

	position:absolute;
	animation-name: home;
  animation-duration: 1s;
  text-align:center;
  vertical-align:bottom;
  
}
.pest
{
	background-image:url("img/pest.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:130px;

	position:absolute;
	animation-name: pest;
  animation-duration: 1.5s;
    text-align:center;
}
.disinfect
{
	background-image:url("img/disinfection.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:200px;

	position:absolute;
	animation-name: disinfect;
  animation-duration:2s;
    text-align:center;
}
.indust
{
	background-image:url("img/indust.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:270px;
	position:absolute;
	animation-name: indust;
    animation-duration: 2.5s;
    text-align:center;
	
	
}
/* Service menu - 5*/
.horti
{
	background-image:url("img/horti.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:340px;
	position:absolute;
	animation-name: horti;
    animation-duration: 3s;
    text-align:center;
	
}
.icon_text{
	bottom: -65px;
    position: revert;
    font-family: arial;
    color: black;
    animation-name: icontext;
    animation-duration: 8s;
    padding: 4px;
    /* border-radius: 10px; */
    margin-left: 75px;
    width: 202px;
    text-align: left;
    margin-top: 10px;
	background-color:unset;


}
.icon_area
{
	width:100%;
	height:auto;
	vertical-align:middle;
}
.deep_compair{
	width:100%;
}

.deep_table{
	width:80%;
}
.deep_tableopt
{
	
}

.nav_bottom
{
	width: 100%;
    padding: 5px;
    color: black;
    margin-left: 0px;
    margin-top: 20px;
    font-size: 13px;
}
.icon_areahome
{
	width:100%;
	height:auto;
	vertical-align:middle;
	display:none;
}
.icon_areahomemobile
{
	width:100%;
	height:auto;
	vertical-align:middle;
	display:block;
}
.icon_mobileline
{
	width: 260px;
    /* margin: 55px auto 20px 50px; */
    animation-name: icon_mobileline;
    animation-duration: 2s;
    display: flow-root;
    margin-left: auto;
    margin-right: auto;
    margin-top: 55px;
}
.icons_mobile1
{
	width:50px;
	height:50px;
	display:inline-block;
	background-image:url("img/deep.png");
	margin-left:10px;
	background-size:50px 50px;
	animation-name:icons_mobile1;
	animation-duration:1s;
	cursor:pointer;
}
.icons_mobile2
{
	width:50px;
	height:50px;
	display:inline-block;
	background-image:url("img/kitchen.png");
		margin-left:10px;
			background-size:50px 50px;
			animation-name:icons_mobile2;
			animation-duration:1.5s;
			cursor:pointer;
}
.icons_mobile3
{
	width:50px;
	height:50px;
	display:inline-block;
	background-image:url("img/sofa.png");
		margin-left:10px;
			background-size:50px 50px;
			animation-name:icons_mobile3;
			animation-duration:2s;
			cursor:pointer;
}

.icons_mobile4
{
	width:50px;
	height:50px;
	display:inline-block;
	background-image:url("img/curtain.png");
		margin-left:10px;
			background-size:50px 50px;
			animation-name:icons_mobile4;
			animation-duration:2.5s;
			cursor:pointer;
			
}
.icons_mobile1:hover{
	background-color:rgb(2, 107, 175);
	border-radius:49px;
	border:1px solid;
	background-size:49px 49px;
	width:49px;
	height:49px;
}
.icons_mobile2:hover{
	background-color:rgb(2, 107, 175);
	border-radius:49px;
	border:1px solid;
	background-size:49px 49px;
	width:49px;
	height:49px;
}
.icons_mobile3:hover{
	background-color:rgb(2, 107, 175);
	border-radius:49px;
	border:1px solid;
	background-size:49px 49px;
	width:49px;
	height:49px;
}
.icons_mobile4:hover{
	background-color:rgb(2, 107, 175);
	border-radius:49px;
	border:1px solid;
	background-size:49px 49px;
	width:49px;
	height:49px;
}
@keyframes icon_mobileline {
  from {margin-top:0px;}
  to {margin-top:55px; }
}
.deep_mob{
	width: 100%;
    background: url(img/deep.png)no-repeat;
    background-size: 200px 200px;
    height: 250px;
    background-position: center;
}
.home_mobopt1
{
	width: 80%;
    background-color: rgb(2, 107, 175);
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-align: center;
    color: white;
    border-radius: 5px;
	margin-top:10px;
	font-family:arial;
	animation-name:home_mobopt1;
	animation-duration:1s;
	cursor:pointer;
	
}
@keyframes home_mobopt1
{
	from{opacity:0%;}
	to{opacity:100%;}
}
.kitchen_mob{
	width: 100%;
    background: url(img/kitchen.png)no-repeat;
    background-size: 200px 200px;
    height: 250px;
    background-position: center;
}
.sofa_mob{
	width: 100%;
    background: url(img/sofa.png)no-repeat;
    background-size: 200px 200px;
    height: 250px;
    background-position: center;
}
.curtain_mob{
	width: 100%;
    background: url(img/curtain.png)no-repeat;
    background-size: 200px 200px;
    height: 250px;
    background-position: center;
}




@keyframes home {
  from {margin-left:220px;}
  to {margin-left:20px; }
}
@keyframes pest {
  from {margin-left:220px;}
  to {margin-left:20px; }
}
@keyframes disinfect {
  from {margin-left:220px;}
  to {margin-left:20px; }
}
@keyframes indust {
  from {margin-left:220px;}
  to {margin-left:20px; }
}
@keyframes horti {
  from {margin-left:220px;}
  to {margin-left:20px; }
}

.home_select
{
	background-image:url("img/allser.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:320px;

	position:absolute;
	animation-name: home_select;
  animation-duration: 3s;
  text-align:center;
  vertical-align:bottom;
}
.ser_disc
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	
	

	height:auto;
	display: flex;
}
.ser_buttons
{
	top: 0px;
    width: 100%;
    height: 40px;
    background-color: rgb(2, 107, 175);
    color: white;
    font-family: arial;
    display: inline;
    text-align: center;
    line-height: 2.4;
    border: 1px solid white;
	cursor:pointer;
}
.ser_area
{
	width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -25px;
    background-color: rgb(242, 242, 242);
    top: 0;
    height: auto;
    text-align: -webkit-left;
    line-height: 1.5;
	
}
.ser_text
{
	width: 100%;
    margin-left: auto;
    margin-right: auto;
   padding-bottom:30px;
   font-family:arial;
   
}
.ser_offers
{
	width: 90%;
    margin-left: auto;
    margin-right: auto;
   padding-bottom:30px;
   display:none;
      font-family:arial;
}
.ser_whyus
{
	width: 90%;
    margin-left: auto;
    margin-right: auto;
   padding-bottom:30px;
   display:none;
      font-family:arial;
}
.ser_faq
{
	width: 90%;
    margin-left: auto;
    margin-right: auto;
   padding-bottom:30px;
   display:none;
      font-family:arial;
}
.buttons_line
{
	width: 250px;
    display: block;
    
    margin-left: auto;
    margin-right: auto;
	display:flow-root;
}
.buttons_submit
{
	height: 40px;
    width: 120px;
    border: 0px;
    background-color: green;
    color: white;
}
.input_left
{
	width: 56%;
    display: inline;
   
    left: 0;
    top: 0;
    float: left;
}
.input_right
{
	display: inline;
    position: absolute;

    float: right;
    margin-right: 10px;
	    width: 46%;
}

.input_leftcont
{
	width: 56%;
    display: inline;
   
    left: 0;
    top: 0;
    float: left;
}
.input_rightcont
{
	display: contents;
    position: absolute;
    float: right;
    margin-right: 10px;
    width: 46%;
}
.splabel
{
	width: 120px;
    padding: 14px;
    font-family: arial;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
   
}
.price
{
	width: 120px;
    padding: 14px;
    font-family: arial;
    display: block;
    text-align: center;
    
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
       line-height: 2;
    margin-bottom: 20px;
    vertical-align: middle;
}
.textbox{
	margin-top: 10px;
    width: 90%;
    padding: 10px;
    background-color: #dad8d8;
    box-sizing: border-box;
    opacity: 1;
    font-family: arial;
    /* border-radius: 4px; */
    border-color: white;
    border-width: 0px;
	
    
}
.textboxind{
	
	margin-top: 10px;
    width: 90%;
    padding: 10px;
    background-color: #dad8d8;
    box-sizing: border-box;
    opacity: 1;
    font-family: arial;
    /* border-radius: 4px; */
    border-color: white;
    border-width: 0px;
	
	
	
}
.loc
{
	width: 30%;
    text-align: center;
    background-color: rgb(2, 107, 175);
    font-family: arial;
    color: white;
    opacity: 1;
    padding: 10px;
    animation-name: loc;
    animation-duration: 1s;
    margin-top: 2px;
    margin-left: 0px;
    position: absolute;
    font-size: 10px;
	
}
@keyframes loc{
	from{ width:0%;}
	to{ width:30%;}
}
.pest_select
{
	background-image:url("img/allser.png");
	background-repeat:none;
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:350px;

	position:absolute;
	animation-name: home_select;
  animation-duration: 3s;
  text-align:center;
  vertical-align:bottom;
}

.deep
{
	
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:80px;
	position:absolute;
	animation-name: deep;
	animation-duration: 1s;
	text-align:center;
	opacity:70%;
	border-color:1px solid black;
	border-radius:100px;
	background-color:green;
	font-weight:bold;
	
	
	
}
.opt_h3{
	padding-top:17px;
	font-family:arial;
	animation-name:opt_h3;
	animation-duration:8s;
	margin-top:-10px;
	margin-left:80px;
	width:250px;
	text-align:left;
	background-color:unset;
}
@keyframes opt_h3{
	from {opacity:0%;}
	to {opacity:100%;}
}
.sofa
{
	
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:140px;
	position:absolute;
	animation-name: sofa;
	animation-duration: 1.5s;
	text-align:center;
	opacity:70%;
	border-color:1px solid black;
	border-radius:100px;
	background-color:green;
	font-weight:bold;
}
.kitechen
{
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:200px;
	position:absolute;
	animation-name: kitechen;
	animation-duration: 2s;
	text-align:center;
	opacity:70%;
	border-color:1px solid black;
	border-radius:100px;
	background-color:green;
	font-weight:bold;
}
.curtain
{
	background-size: 100% 100%;
	width:50px;
	height:50px;
	margin-left:20px;
	margin-right:auto;
	margin-top:260px;
	position:absolute;
	animation-name: curtain;
	animation-duration: 2.5s;
	text-align:center;
	opacity:70%;
	border-color:1px solid black;
	border-radius:100px;
	background-color:green;
	font-weight:bold;
}
.car
{
	background-size: 100% 100%;
	width:130px;
	height:130px;
	margin-left:10px;
	margin-right:auto;
	margin-top:440px;
	position:absolute;
	animation-name: car;
	animation-duration: 3s;
	text-align:center;
	opacity:70%;
	border-color:1px solid black;
	border-radius:100px;
	background-color:green;
	font-weight:bold;
}

@keyframes deep {
  from {margin-left:220px;}
  to {margin-left:20px; }
}
@keyframes sofa {
  from {margin-left:220px;}
  to {margin-left:20px; }
}
@keyframes kitechen {
  from {margin-left:220px;}
  to {margin-left:20px; }
}
@keyframes curtain {
  from {margin-left:220px;}
  to {margin-left:20px; }
}
@keyframes car {
  from {margin-left:220px;}
  to {margin-left:20px; }
}


.banhead{
	color: white;
    display: inline-flex;
text-align: center; 
    bottom: 46px;
   padding-left:30px;
   padding-right:30px;
    background-color: cornflowerblue;
    margin-top: 400px;
	    float: right;
		animation-name:banhead;
		animation-duration:1s;
		
		font-size:small;
		position:fixed;
		
}

@keyframes banhead{
	
	from{margin-right:-200px;opacity:0%;}
	to{margin-right:-90px;opacity:100%;}
}
}


	
/* new */

