@font-face {
font-family: 'Roboto-Regular';
src: url('Roboto-Regular.ttf');
}
@font-face {
font-family: 'RobotoSlab-Bold';
src: url('RobotoSlab-Bold.ttf');
}

body {
font-family: "Roboto-Regular", Arial, Helvetica, sans-serif;
font-size: 13px;
color:#333;
margin: 0;
padding: 0;
}
p {
padding: 10px;
}
.field {margin: 0 0 20px 0;}	
div#central {margin: 40px 0px 100px 0px;}
@media all and (min-width: 768px) and (max-width: 979px) {.content {width: 750px;}}
@media all and (max-width: 767px) {
div#central {	margin: 40px 20px 100px 20px;}
}
button {
padding: 12px 60px;
border: none;background-color:#f0f0f0;
cursor: pointer;	
}
#message {  padding: 0px 40px 0px 0px; }
#mail-status {
padding: 12px 20px;
width: 100%;
display:none; 
font-size: 1em;
color: rgb(40, 40, 40);
}
.error{background-color: #F7902D;  margin-bottom: 40px;}
.success{background-color: #48e0a4; }
.g-recaptcha {margin: 0 0 25px 0;}	

#wrapper {
width: 100%; 
margin: 0 auto;
}
#header {
float: left;
height: 46px;
width: 100%;
background: #0070c0;padding-bottom: 0px;
color: #ffffff;font-size: 13px;padding-top: 15px;
}
.headtitle {

    display: inline-block;
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #fff;

}
.fa
{
margin-right: 5px;
font-size: 24px !important;
vertical-align: bottom !important;
transition: all 100ms ease-out
}
.widgets
{
float: right;text-align: left;
}
.icon-box
{ font-size: 13px;
text-align: left;float: left;
margin: 0 20px 0 0;
}
.icontitle
{
margin-left:0px;margin-right:20px;
color:#FFFFFF !important;    font-size: 18px;    font-weight: bold;

}

#navigation {
float: left;
height: 40px;
width: 100%;
background: #0070c0;
z-index: 99;
position: relative;
}

#navigationinner{
position: relative;
width: 100%;
min-height: 90px;
margin-bottom: -45px;
z-index: 210;
background: #ffffff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

#navleft
{
width: 32%;
float:left;
background-color:#fff;
height:90px;
padding-top:5px;
}
 
#navmiddle
{width:10%;
float:left;
height:90px;
 background-color:#a2c046;
 top: 0;
   left: 0;
    content: "";
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    border-width: 0 0 90px 40px;
}
#navmenu
{
height:90px;
padding-top: 20px;
background-color:#a2c046;
float:right;
width: 58%;
}
.contentspace
{
margin-bottom:25px !important;
margin-top:25px !important;
}
#banner {
float: left;
height: auto;
width: 100%;
background: #fff;
}
#bannerothers {
float: left;
height: 210px;
width: 100%;padding-top: 100px;
padding-bottom: 5%;
background: url("images/bg.png") repeat-x;
} 
#bannerotherstop {
  float: left;
  height: auto;
  width: 100%;
  padding-top: 58px;
  padding-bottom: 32px;
  background: url("images/bg.png") repeat-x;
}

.tckermark::before {
  content: url(images/tick.png);display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;color: #a2c046;
}

.tckermark {
  color: #a2c046;
  font-size: 17px;
  margin-top: 22px;
}



.tckermark2::before {
  content: url(images/tick.png);display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;color: #a2c046;
}

.tckermark2 {
  color: #a2c046;
  font-size: 17px;

}

.bannertitleservice
{color: #333333;font-size: 48px;line-height: 1.3;font-family: 'RobotoSlab-Bold';text-align: left; 
margin-top: 14px;
}
.bannertitleservice2
{color: #333333;font-size: 48px;line-height: 1.3;font-family: 'RobotoSlab-Bold';text-align: left; 
}
.bannertitle
{color: #333333;font-size: 48px;line-height: 1.3;font-family: 'RobotoSlab-Bold';text-align: left;
}
.bannertext{
	font-family: 'Roboto-Regular';text-align: left;color: #999999;font-size: 16px; margin-top:15px;

font-weight: normal;
}
.bannertextservice
{
		font-family: 'Roboto-Regular';text-align: left;color: #999999;font-size: 16px; margin-top:15px;
}
.serviceimg
{
	width:100%; height:auto;
	margin-bottom:30px;
}

.freeemailformbtn
{
float:left;
width:48%;
margin-right:2%;
margin-left:0%;
border:1px solid #d1d1d1;
color: #707070;
padding-left:5%;
padding-right:5%;margin-top:33px;
margin-bottom:33px;
padding-top:2%;padding-bottom:2%;
}
.freeemailformbtntext
{
	margin-top:12px;
}
.freeemailformbtn1
{
	float:left;width:20%;
}
.freeemailformbtn2
{
	float:right;width:80%;
}
.clicktocallmbtn
{
float:right;
width:48%;
margin-left:2%;margin-right:0%;
border:1px solid #d1d1d1;
color: #707070;
padding-left:5%;
padding-right:5%;
padding-top:2%;padding-bottom:2%;
margin-top:33px;
margin-bottom:33px;
display:block;
}
.clicktocallmbtnmobile
{
	display:none;
}


#ourtreeservice {
float: left;
height: auto;
width: 100%;
padding-top:30px;
padding-bottom:10px;
background: url("images/leafsbg.png") repeat;
}

.ourtreeservicetitle{
	font-size: 36px;
	text-align:center;
	color:#0070c0;
	font-family: "RobotoSlab-Bold", serif;
}
.ourtreeservicetitle2
{text-align:center;
	font-size: 14px;	
	color:#FFF;
}
.whychoosebox
{
border: 1px solid #cccccc;
border-radius: 2px;
float:left;
width:32.5%;
    margin-top: 0px;
padding:10px;
}

.whychooseicon
{
width: 19%;
color:#a2c046;
float:left;
text-align:center;
}
.homeul {
font-size: 16px;
line-height: 28px;
list-style-image: url(images/leaf.png);
text-align: left;
margin-left: 16px;
}
.abttext
{
	float:left;
	width:70%;
	margin-right:5%;
}
.abtpics
{
	float:right;
	width:25%;margin-bottom:0px;
}
.ulbox
{
float:left;
width:25%;
}

.whychooseicontitle
{
width: 81%;
float:left;font-size:16px;
font-family: "RobotoSlab-Bold", serif;
font-weight: bold;
color: #464646;
line-height: 1.3;
}

.whychoosetext
{margin-top:20px;
	color: #707070;
	text-rendering: optimizeLegibility;line-height: 1.6;font-size: 14px;
}

.titlehquestion{
color:#000;font-weight: bold;
font-size: 23px; margin-bottom:10px;margin-top:30px;
}


.titleh1
{
	line-height: 39px;
	color:#0070c0;font-weight: bold;
font-size: 38px;font-family: "RobotoSlab-Bold", serif;margin-bottom:20px;margin-top:30px;
}
.titleh2
{
	color:#0070c0;font-weight: bold;
font-size: 26px; margin-bottom:30px;margin-top:30px;
}

.bodytext
{
color: #707070;font-family: 'Roboto-Regular';
line-height:22px; font-size:16px;
}
.logoheadleft
{
float:left;
width:100%;
}

.logoheadright {
  float: right;
  width: 25%;
  text-align: left;
  margin-right: -65px;
  z-index: 99;
  display: block;
  position: relative;
}

.logohead
{
	width:250px !important;height:auto;margin-left: 10px !important;
}
.Satisfaction
{
width: 68px;
height: auto;
margin-top: 10px;
margin-left:12px;
border-radius: 5px;
}
#contentliquid {
float: left;
width: 100%;
}
#contentmenu {
margin:0 auto; 
width: 85%;
}
#content {
margin:0 auto; 
width: 85%;
}
#footer {
height: auto;
width: 100%;
background: #333333;
clear: both;
padding-bottom:20px;
float: left;
padding-top:35px;
color:#fff;
}
.youtubeimg
{
	width:100%;
	height:310px;
}
.photoshare
{
float: left;
width: 48%;
margin-right: 2%;
margin-top: 40px;
margin-bottom: 30px;
}
.photoshare2
{
float:right;
width:48%;
margin-left:2%;margin-top: 40px;
margin-bottom: 30px;
}
.footerphone
{
font-size:34px;
margin-top: 40px;
margin-bottom: 31px;
}
.fa-phone
{
font-size: 24px !important;
}
.footerchild
{
float:left;
width:30%;
color:#757575;
font-size:14px;
line-height:26px;
text-align:left;
font-family: 'Roboto-Regular';
}
.footerchild2
{
float:left;
width:30%;
color:#fff;
font-size:14px;
line-height:26px;
text-align:center;
font-family: 'Roboto-Regular';
}
.footerchild3
{
float:left;
width:40%;
color:#fff;
font-size:14px;
line-height:26px;
text-align:center;
font-family: 'Roboto-Regular';
}
.footertitle
{
color:#fff;
font-family: "RobotoSlab-Bold", serif;
font-size:27px;
margin-bottom: 19px;
margin-top:0px;
}
.btnimg
{
width:100%;
height:auto;	
}
.ownerimg
{width:100%;
height:auto;
border:6px solid #fff;
}
#buttonboxflex {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin-top: 30px;
margin-bottom: 30px;
}
.button
{
float:left;
width:30%;	margin-bottom:0px;
}
.buttontitle
{
color: #98b63c;text-decoration: none;
outline: none;text-align:center;
font-size: 24px;font-family:"RobotoSlab-Bold";
transition: all 100ms ease-out;line-height: 1.3;margin-bottom: 10px;
}
.buttondescr
{
margin-bottom: 11px;
text-rendering: optimizeLegibility;
color: #707070;line-height: 1.6;
margin-top:10px;}

.btndescr
{
margin-bottom: 11px;
text-rendering: optimizeLegibility;
color: #fff;
line-height: 29px !important;
margin-top: -11px;}
.btndescr2
{
margin-bottom: 11px;
text-rendering: optimizeLegibility;
color: #fff;
line-height: 22px !important;
margin-top: -9px;
font-style: italic;
font-size: 13px;}


a.more {
color: #98b63c;
    position: relative;
    display: inline-block;
    margin-top: 10px;
    font-weight: bold;
    text-transform: uppercase; text-decoration: none;

}
a.more:Hover {

    color: #9ab83f;
    text-decoration: none;
    outline: none;
    transition: all 100ms ease-out;

}
a.more::before {

    position: absolute;
    content: "\f105";
    font-family: "FontAwesome";
    right: -13px;
    top: 1px;
    font-size: 13px;
    transition: all 100ms ease-out;

}
.breadcrumbscontent
{
border-bottom:1px solid #f0f0f0; height:45px; margin-bottom:30px; padding-top:10px;
}

.dots
{
  content: ""; top: 24px; right: 18px; font-family: "FontAwesome"; font-weight: normal; font-size: 12px; width: 4px; height: 4px; background-color: #cecece; border-radius: 50%; 
}
a.breadcrumbs
{color: #a5a5a5;text-align: left;font-size: 14px;line-height: 1.6;
text-decoration:none; margin-right:15px;
}

a.breadcrumbs:Hover
{
 text-decoration:none;
 color: #a5a5a5
}
  a.mm
{
text-decoration:none; 
color:#0070c0;
}

a.mm:Hover
{
	color:#0070c0;
 text-decoration:none;
}
a {
color: #707070;
text-decoration: none;
}
/*
a:hover{
color: #fff;
text-decoration: none;
} */
  a.phonecallheader
{
text-decoration:none; 
color:#ffffff;
}

a.phonecallheader:Hover
{
 text-decoration:none;
}


  a.phonecall
{
text-decoration:none; 
color:#707070;
}

a.phonecall:Hover
{
	color:#707070;
 text-decoration:none;
}

  a.freeemailformbtnlinks
{
text-decoration:none; 
text-decoration:none; 
transition: all 100ms ease-out;text-decoration: none;
font-family: 'RobotoSlab-Bold';
outline: none;font-size: 18px;line-height: 1.3;color: #a2c046;
}

a.freeemailformbtnlinks:Hover
{
 text-decoration:none;
}

 a.btnlinks
{

text-decoration:none; 
transition: all 100ms ease-out;text-decoration: none;
font-family: 'RobotoSlab-Bold';
outline: none;font-size: 18px;line-height: 1.3;color: #464646;
}
.btnspace
{
	margin-top:20px;
}
a.btnlinks:Hover
{
	color:#a2c046;
 text-decoration:none;
}
 a.footerlinks {
  text-decoration: none;
  color: #fff;
  font-family: 'Roboto-Regular';
  font-size: 17px;
  line-height: 34px;
}
 

a.footerlinks:Hover
{
	color:#757575;
 text-decoration:none;
}
.contactboxtitle
{
font-size: 28px;
color:#0070c0;
margin-bottom: 20px;
}
.contactbox
{
position: relative;
padding: 25px 30px 20px 30px;
border: 6px solid #f2f2f2;
color: #707070;
line-height: 1.6;font-size: 14px;
border-radius: 1px;
}

#filloutquotebox
{
height: auto;
margin-top: -9px;
width: 100%;
}

#filloutquoteboxbottom
{
height: auto;
margin-top: -9px;
width: 90%;
}

#myinput::-webkit-input-placeholder::before { 
    content: ' ';
    position: absolute;
    top: 2px; /* adjust icon position */
    left: 0px;
    width: 14px; /* size of a single icon */
    height: 14px;
    background-image: url("req.png"); /* all icons in a single file */
    background-repeat: no-repeat;
    background-position: -48px 0px; /* position of the right icon */
}


/*Main Form Wrapper*/
.vasplus_programming_blog_wrapper 
{	margin-bottom:0px;
	width:100%;
	margin: 0 auto;	 
	text-align:center;
	font-size:11px;
	padding-top:12px;
	padding-bottom:12px;
	margin-bottom:0px;
}

.vinputfield
{
display: block;
width:100%;
padding: 15px 20px;

margin: 7px 0 20px 0;

font-size: 14px;

font-weight: normal;

color: #a5a5a5;

border: 1px solid #e6e6e6;

background-color: #f5f5f5;

border-radius: 1px;

transition: all 100ms ease-out;
}

/*Input and Textare Field Style*/
.vpb_input_fields {
width: 100%;
font-size: 13px;
font-family: "Roboto-Regular"; 
height: 33px   !important;
padding: 3px  !important;
padding-left: 10px  !important;
padding-right: 10px  !important;
padding-top: 2px  !important;
border: 1px solid #ccc;
outline: none;
color:#000000;
}	
.placeholderinput
{
font-weight:normal;
color:#ccc;
font-size:11px;
}
.vpb_input_fields:focus { 
 outline:none;border: 1px solid #4195fc;
}
 .redfield_required {
    color: #ff0000;
    margin-left: 4px;
}
/*Captcha Box wrapper*/
.vpb_captcha_wrapper 
{
 background-color: #ffffff;
    border: 1px solid #cbcbcb;
    float: left;
    font-size: 9px;
    height: auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

/*Success Message Style*/
.vpb_success {width:290px;font-family:'Roboto-Regular', Geneva, sans-serif; font-size:11px; padding:10px; background:#FFFFB7; border:1px solid #F1F1F1;box-shadow: 0 0 20px #cbcbcb;-moz-box-shadow: 0 0 20px #cbcbcb;-webkit-box-shadow: 0 0 20px #cbcbcb;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; line-height:20px; color:#000000;}


/*Error Messages Style*/
.vpb_info {  text-align:left;border: 1px solid #999; padding:8px 10px 8px 10px; font: bold 12px verdana;-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;text-shadow: 2px 2px 2px #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-family:'Roboto-Regular', Geneva, sans-serif; font-size:11px; line-height:20px;font-weight:normal;color: black;background: #BDE5F8; }

.ccc{ text-decoration:none; color:#7d5894;}
.ccc:hover{ text-decoration:underline;}

/*Vasplus Button*/
.vpb_general_button 
{
border: 2px solid #ffffff;  
color: #ffffff; 
font-size:14px;
text-align: center;  
padding:13px;
text-decoration:none;   
font-family: 'Roboto-Regular', sans-serif;  
font-weight:bold;
background-color:#0070c0;width: 140px;
}
.vpb_general_button:hover 
{
cursor: pointer; 
}



.back_to_tutorial {
	
background-color: #c83804;
  border: 1px solid #951100;box-shadow: 0 2px 3px #951100;-moz-box-shadow: 0 2px 3px #951100;-webkit-box-shadow: 0 2px 3px #951100;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;
  font: bold 15px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 12px 0 14px 0;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  width: 200px; }
.back_to_tutorial:hover 
{
    background-color: #00b8b3;
    cursor: pointer; }
.back_to_tutorial:active 
{
    background-color: #d43c28;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
    background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); 
}

 .googlemap
 {
float:right;
width:50%;
 }
 .contactform
 {
	 float:left;
width:50%;padding-bottom: 20px;
 }
 .mapsize
 {
	 width:100%;
	 height:700px;
 }
 .formtitle
 {
font-size:30px;
font-family: 'RobotoSlab-Bold';
margin-bottom:10px;
color:#0070c0;
 } .formtitle2
 {
font-size:16px;
color:#FFF;
margin-bottom:20px;
 }
 .contactleftform
 {float:left;
 width:64%;
 margin-right:1%;
 }
 .contactleftformaddress
 {
float:right;
 width:30%;
  margin-left:5%;
 }
 hr
 {
border:1px dashed #dcdcdc; margin-bottom: 25px; margin-top: 25px;
 }
 .contacttitle
 {font-size: 34px;
text-align: left;
color: #0070c0;
font-family: "RobotoSlab-Bold", serif;
 }
.h2bannertitle
{
margin-top: 20px;
}
 .header-text h2 span {
background-color: rgba(52, 52, 52, 0.5);
padding: 20px;
 }
.timefooter1
{
margin-top: 50px;
margin-bottom: 20px;
}
.timefooter
{margin-bottom:20px;
}
.footertext{font-size: 19px;  }
.menu-item-has-children:hover   { visibility: visible; opacity: 1; }
.menu-item-has-children::after { position: absolute; display: block;right: calc(50% - 4px); bottom: 0px; content: "\f0d7"; font-family: "FontAwesome"; font-size: 12px; color: #ffffff; z-index: 0;}

.weekdaytiming
{
list-style: none;
line-height: 47px;
text-rendering: optimizeLegibility;
font-size: 14px;
padding: 10px !important;
text-align: left;
}
 
.dots{ position: absolute; content: ""; left: -4px; top: calc(50% - 1px); width: 4px; height: 4px; background-color: #C8DD89; border-radius: 50%; }
 
.desktoptext
{
	display:block;
}
.mobiletext
{
	display:none;
}	
.contacphoneonly
{
	display:none;
}

.descktopcontacttitle
{
	display:block;
}

.phbig
{
	font-size:20px;

}
.phcenter
{
		text-align:left;
}

 .googleimg
 {
	 width:100%;height:auto;
 }
 
 
.bannerbottombutton{
	margin-top:30px;
}



#contactForm{
	width:100%;
}


.form-group {
            margin-bottom: 0px;
			width:48%;float: left;
			margin-left:1%; margin-right:1%;
        }

        label {
            display: block;
            margin-bottom: 8px;
            color: #333;
            font-weight: 600;
            font-size: 14px;
        }

        .required {
            color: #e74c3c;
        }

        input[type="text"],
        input[type="email"],
        input[type="tel"],
        textarea {
            width: 100%;
            padding: 12px 15px;
            border: 2px solid #e0e0e0;
            border-radius: 8px;
            font-size: 15px;
            transition: all 0.3s ease;
            font-family: inherit;
        }

        input[type="text"]:focus,
        input[type="email"]:focus,
        input[type="tel"]:focus,
        textarea:focus {
            outline: none;
            border-color: #0070c0;
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
        }

        textarea {
            resize: vertical;
            min-height: 120px;
        }

        .honeypot {
            position: absolute;
            left: -9999px;
            opacity: 0;
            pointer-events: none;
        }

        .captcha-container {
            background: #f8f9fa;
            border: 2px solid #e0e0e0;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 20px;
        }

        .captcha-label {
            display: block;
            margin-bottom: 15px;
            color: #333;
            font-weight: 600;
            font-size: 14px;
        }

        .captcha-display {
            background: white;
            border: 2px solid #0070c0;
            border-radius: 8px;
            padding: 15px;
            text-align: center;
            margin-bottom: 15px;
            position: relative;
            user-select: none;
        }

        .captcha-code {
            font-size: 32px;
            font-weight: bold;
            letter-spacing: 8px;
            color: #333;
            font-family: 'Courier New', monospace;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
            background: linear-gradient(135deg, #0070c0 0%, #764ba2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .captcha-refresh {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            background: #0070c0;
            color: white;
            border: none;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            cursor: pointer;
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
			padding:0;
        }

        .captcha-refresh:hover {
            background: #764ba2;
            transform: translateY(-50%) rotate(180deg);
        }

        .captcha-input {
            width: 100%;
            padding: 12px 15px;
            border: 2px solid #e0e0e0;
            border-radius: 8px;
            font-size: 18px;
            text-align: center;
            letter-spacing: 5px;
            font-weight: bold;
            font-family: 'Courier New', monospace;
        }

        .captcha-input:focus {
            outline: none;
            border-color: #0070c0;
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
        }

        .captcha-error {
            color: #e74c3c;
            font-size: 13px;
            margin-top: 8px;
            display: none;
        }

        .submit-btn {
            width: 100%;
            padding: 15px;
            background: #0070c0;
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;margin-bottom: 22px;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            position: relative;
        }

        .submit-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
        }

        .submit-btn:active {
            transform: translateY(0);
        }

        .submit-btn:disabled {
            opacity: 0.7;
            cursor: not-allowed;
            transform: none;
        }

        .loading-spinner {
            display: none;
            width: 20px;
            height: 20px;
            border: 3px solid rgba(255, 255, 255, 0.3);
            border-top-color: white;
            border-radius: 50%;
            animation: spin 0.8s linear infinite;
            margin: 0 auto;
        }

        @keyframes spin {
            to { transform: rotate(360deg); }
        }

        .message-box {
            padding: 15px 20px;
            border-radius: 8px;
            margin-bottom: 20px;
            display: none;
            animation: slideIn 0.3s ease;
        }

        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .success-message {
            background-color: #d4edda;
            border: 1px solid #c3e6cb;
            color: #155724;
        }

        .error-message {
            background-color: #f8d7da;
            border: 1px solid #f5c6cb;
            color: #721c24;
        }

        .message-icon {
            font-weight: bold;
            margin-right: 8px;
        }

        @media (max-width: 768px) {
            
            .captcha-code {
                font-size: 24px;
                letter-spacing: 5px;
            }
        }


@media only screen and (min-width : 150px) and (max-width : 765px)
{
	
	.btn-theme{
		float:left;
	}
	
	
.bannerbottombutton{
	margin-top:3px;
}

	
	.col-md-12 {
    background-color: rgba(52,52,52,.5);
    padding: 0px;
    width: 86%  !important;
    margin-left: 5% !important;
}


 

	
	.phcenter
{
		text-align:center;
}
	.descktopcontacttitle
{
	display:none;
}
.h2bannertitle
{
margin-top: 0px !important;
}
#contentmenu
{width: 100%;
margin: 0 auto;
display: flex;
}
#header {
    float: left;
    height: auto;padding-bottom: 14px;
}
.icon-box {
    font-size: 13px;
    text-align: left;
    float: left;
    margin: 16px 20px 0 0;
    width: 100%;
    border-top: 1px solid #fff;
    padding-top: 10px;

}
#navigation {
    float: left;
    height: 50px;
}
#navleft {

    width: 40%;
    float: left;
    background-color: #fff;
    height: 50px;
z-index: 99;
}#navmiddle {

    width: 10%;
    float: left;
    height: 50px;
    background-color: #a2c046;
    top: 0;
    left: 0;
    content: "";
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    border-width: 0 0 50px 40px;

}#navmenu {
 padding-top: 0px;
    height: 50px;
    width: 58%;
    background-color: #a2c046;
    float: right;

}
h1, .h1, h2, .h2, h3, .h3 {

    margin-top: 0;
    margin-bottom: 0px;

}
.header-text {
    position: absolute;
    top: 1% !important;
}
.header-text h2 span {
    margin-bottom: 1px !important;
    font-size: 10px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
	margin-top: 9px !important;
    letter-spacing: 0px !important;
    color: #d6ed8d;
		
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
.header-text h3 span {
    font-size: 9px !important;
	margin-top: -1px !important;
	line-height:5px !important;
    margin-bottom: 2px !important;
}
.carousel-indicators {

    position: absolute;
    bottom: -5px !important;
    left: 50%!important;
    z-index: 15 !important;
    width: 60%!important;
    margin-left: -30% !important;
    padding-left: 0;
    list-style: none;
    text-align: center;

}
.btn-min-block {

    min-width: 108px  !important;
    line-height: 2px  !important;

}
.btn-theme {
margin-right: 10px !important;
 padding: 11px !important;
font-size: 9px !important;}
.btn-theme2 {
 
    padding: 11px !important;
    font-size: 9px !important;
}
#buttonboxflex
{
 display: block ;
 flex-flow: column nowrap;
 justify-content: space-between;
}

 .googlemap
 {
float:left;
width:100%;
 }
 .contactform
 {
float:left;
width:100%;
 }
 .logohead {
width: 125px !important;
height: auto;
margin-left: 0px;
margin-top: 1px;
}
.Satisfaction {
width: 0px !important;
height: auto;
border-radius: 45px;
margin-top: 5px;
margin-left:0px;
}
.logoheadright {

    float: right;
    width: 20%;
}
.button {
float: left;
width: 99%;
margin-bottom:20px;
}
.whychoosebox {
border: 1px solid #cccccc;
border-radius: 2px;
float: left;
width: 99%;
padding: 10px;
    margin-top: 10px;
	    margin-bottom: 10px;
}
.footerchild {
float: left;
width: 99%;
color: #757575;
font-size: 14px;
line-height: 26px;
text-align: left;
font-family: 'Roboto-Regular';
}

.footerchild2 {
float: left;
width: 99%;
color: #fff;
font-size: 14px;
line-height: 26px;
text-align: left;
font-family: 'Roboto-Regular';
}

.footerchild3 {
float: left;
width: 95%;
color: #fff;
font-size: 14px;
line-height: 26px;
text-align: left;
font-family: 'Roboto-Regular';
}

.ulbox
{
float:left;
width:100%;
}
.freeemailformbtn
{
float:left;
width:96%;
margin-right:2%;
margin-left:2%;
}
.clicktocallmbtn
{
float:left;
width:96%;
margin-right:2%;
margin-left:2%;
margin-top: 11px;
margin-bottom: 12px;
display:none;
}
.clicktocallmbtnmobile
{
	 float: left;
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
    margin-top: 30px;
    margin-bottom: 6px;
    display: block;
    border: 1px solid #d1d1d1;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 2%;
    padding-bottom: 2%;

}
.abttext
{
	float:left;
	width:100%;
	margin-right:0%;
}
.abtpics
{
	float:left;
	width:100%;margin-bottom:30px;
}
.ourtreeservicetitle2 {

    text-align: center;
    font-size: 13px;
    color: #FFF;

}
#ourtreeservice {
  background: url("images/leafsbg.png") repeat;
}
.btndescr {
margin-bottom: 11px;
text-rendering: optimizeLegibility;
color: #fff;
line-height: 25px !important;
margin-top: 11px;
}
.btndescr2 {

    margin-bottom: 11px;
    text-rendering: optimizeLegibility;
    color: #fff;
    line-height: 22px !important;
    margin-top: -5px;
    font-style: normal;
    font-size: 14px;

}
.titleh1 {
    color: #0070c0;
    font-weight: bold;
    font-size: 27px;
    font-family: "RobotoSlab-Bold", serif;
    margin-bottom: 20px;
    margin-top: 32px;
	line-height:30px;
}
.titleh2 {
    color: #0070c0;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 27px;

}
 
 .formtitle {
    font-size: 23px;
 }
 .formtitle2 {
   font-size: 13px;
 }


.bannertitleservice {
font-size: 21px;
line-height: 12px;    margin-bottom: 16px;
}
.bannertitleservice2 {
font-size: 21px;
line-height: 22px;
}

.contactleftform {
    float: left;
    width: 100%;
    margin-right: 0%;

}
.contacttitle {

    font-size: 25px;
    text-align: left;
    color: #0070c0;
    font-family: "RobotoSlab-Bold", serif;

}
.contactleftformaddress {

    float: left !important;
    width: 100%  !important;
    margin-left: 0%;

}.contactboxtitle {

    font-size: 20px;
    color: #0070c0;
    margin-bottom: 20px;

}
.footerphone
{
	font-size:20px;
margin-top: 14px;
margin-bottom: 12px;
}
.timefooter1
{
margin-top: 15px;
margin-bottom: 15px;
}
.timefooter
{
	margin-bottom:15px;
}
#bannerothers {
float: left;
height: auto;
width: 100%;padding-top: 6%;
padding-bottom: 5%;
background: url("images/bg.png") repeat-x;
}

.menu-item-has-children::after {

 
    font-size: 12px;
    color: #ffffff;
 
    display: none;

}
.footertitle
{

margin-top:20px;
}

.header-text h2
{
    line-height: 1px !important;
    margin-top: 5px !important;
    margin-bottom: -10px !important;

}
.header-text h2 span {
    background-color: rgba(52, 52, 52, 0.5);
    padding: 5px;

}
.header-text h3
{
	line-height:1px !important;
	margin-bottom: 0px;
}
 
.desktoptext
{
	display:none;
}
.mobiletext
{
	display:block;
}
.contentspace {

    margin-bottom: 25px !important;
    margin-top: 0px !important;

}
.photoshare {

    float: left;
    width: 100%;
    margin-right: 0%;
    margin-top: 40px;
    margin-bottom: 30px;

}
.youtubeimg {

    width: 100%;
    height: 162px;

}
.photoshare2 {
    margin-left: 0%;
    float: left;
    width: 100%;
    margin-right: 0%;
    margin-top: 0px;
    margin-bottom: 30px;

}
#bannerotherstop {
float: left;
height: auto;
width: 100%;
padding-top: 13px;
padding-bottom: 5%;
background: url("images/bg.png") repeat-x;
}
.bannertextservice {
    font-family: 'Roboto-Regular';
    text-align: left;
    color: #999999;
    font-size: 12px;
    margin-top: 15px;
    line-height: 20px;

}

.breadcrumbscontent {
border-bottom: 1px solid #f0f0f0;
height: 45px;
margin-bottom: 0px;
padding-top: 10px;
}
.vasplus_programming_blog_wrapper 
{margin-bottom:20px;}

a.footerlinks {
text-decoration: none;
color: #a2c046;
font-family: 'RobotoSlab-Bold';
font-size: 18px;line-height: 35px;
font-weight:bold;
}

.footertext {
font-size: 19px;
color: #fff;margin-bottom: 20px;
}

#footer {
color: #fff;
}
.contactbox
{ 
padding: 25px 7px 20px 10px;
}
.contacphoneonly
{
	display:block; 
}

 

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

}

 
 
 @media only screen and (min-width :768px) and (max-width :1024px){.btn-theme{color:#fff;background-color:#0070c0;margin-right:47px!important;padding:12px 5px!important;font-size:13px;font-family:"Roboto-Regular",sans-serif;font-weight:700}.header-text h3 span{font-size:28px!important}.btn-theme2{padding:12px 7px!important;font-size:13px}
.nav-item a{display:block;font-family:'Roboto-Regular';font-size:16px;color:#FFF;padding:15px 30px;background:#a2c046;text-decoration:none}#content{margin:0 auto;width:98%}.whychooseicon{width:14%}.whychooseicontitle{width:85%}.footertitle{margin-bottom:13px color:#fff;font-family:"RobotoSlab-Bold",serif;font-size:17px}.footertext{font-size:15px}.footerphone{font-size:23px;margin-top:36px;margin-bottom:23px}.abttext{float:left;width:70%;margin-right:0%}.abtpics{float:right;width:30%;margin-bottom:0}.bannertextservice{font-family:'Roboto-Regular';text-align:left;color:#999;font-size:12px;margin-top:15px}.contacttitle{font-size:21px;text-align:left;color:#0070c0;font-family:"RobotoSlab-Bold",serif}.contactleftformaddress{float:right;width:34%;margin-left:0%}.contactbox{position:relative;padding:8px 11px 12px 12px}.contactboxtitle{font-size:23px;color:#0070c0;margin-bottom:20px}.whychooseicontitle{width:81%;float:left;font-size:10px}.buttondescr{margin-bottom:11px;text-rendering:optimizeLegibility;color:#707070;line-height:20px;margin-top:10px;font-size:11px}.headtitle{display:inline-block;margin:0;font-family:"Roboto",sans-serif;font-size:11px;font-weight:400;color:#fff}.icon-box{font-size:13px;text-align:left;float:left;margin:0 3px 0 0}#contentmenu{margin:0 auto;width:100%}.logohead{width:171px;height:auto;margin-left:0}.Satisfaction{width:46px;height:auto;margin-top:10px;margin-left:12px;border-radius:5px}.buttontitle{color:#98b63c;text-decoration:none;outline:none;text-align:center;font-size:12px}.btndescr{margin-bottom:11px;text-rendering:optimizeLegibility;color:#707070;line-height:14px!important;margin-top:-11px;font-size:12px}.btndescr2{margin-bottom:11px;text-rendering:optimizeLegibility;color:#707070;line-height:13px!important;margin-top:-9px;font-style:italic;font-size:10px}.homeul{font-size:12px}}@media screen and (max-width:1600px) and(min-width:1400px){.btndescr2{line-height:25px!important}.btndescr{line-height:30px!important}}