/*
font-family: 'Noto Sans', sans-serif;
font-family: 'Noto Serif', serif;
*/


*{
	margin: 0px;
	padding: 0px;
}

.fixit {
position: fixed;
top: 0px;

}


img{
	border:0px;
	}
	
a{-webkit-transition: 300ms linear 0s; -moz-transition: 300ms linear 0s; -o-transition: 300ms linear 0s; transition: 300ms linear 0s; outline: 0 none; text-decoration: none; }

ul{ padding: 0px; margin: 0px; list-style: none; }
	
/*The reason for this is to prevent "centering jumps" when navigating back and forth between 
pages with enough content to have a vertical scroll bar and pages that do not.*/

html {
overflow-y: scroll;
}
/*centering jump ends*/


html {  -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke:1px transparent; }


/*content wrapper for fade effect starts*/
#content-wrapper{
display:none;	
}
/*content wrapper for fade effect ends*/


body{
	margin: 0; padding: 0px; 
    font-family: 'Noto Serif', serif; text-align: center; -webkit-text-size-adjust: 100%;
	/* change below to fixed or scroll*/
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* change below to fixed or scroll*/
	background-attachment: fixed;
	text-rendering: optimizeLegibility;
   background-image: url(../imgs/body_bkg3.jpg);
	}



/*Master Container Starts*/
#master-container {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: left;/*this overrights  ie5 text align box model error*/
	-webkit-font-smoothing: subpixel-antialiased;
	text-rendering: geometricPrecision;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	}
	/*Master Container Ends*/
	

/*Strap Line Starts*/
.strap-line{ width: 1200px; float: left; text-align: center; background-color: #f4f5f0; padding: 20px 0px; color: #149dcc; font-family: 'Noto Sans', sans-serif; font-size: 25px; font-weight: 600;}

/*Banner Content Starts*/
.banner-content{ width: 1200px; float: left; padding: 5px 0px; background-color: #fff; z-index: 2000; -webkit-box-shadow: 0 5px 4px -4px #a69871; -moz-box-shadow: 0 5px 4px -4px #a69871; box-shadow: 0 5px 4px -4px #a69871;}
.logo{width: 331px; height: 67px; float: left; margin: 10px 38px 20px 20px;}

.top-nav{float: left; width: auto; display: block;}
.top-nav li{display: inline-block;}
.top-nav li a{ display: block; padding: 10px 20px; font-family: 'Noto Sans', sans-serif; color: #666; font-weight: 700; font-size: 20px; margin-top: 20px; border-radius: 12px; margin-right: 15px;}
.top-nav li a:hover, .top-nav li a.active { display: block; font-family: 'Noto Sans', sans-serif; color: #fff; background-color: #149dcc; border-radius: 20px;}
.top-nav li #current{ color: #fff; background-color: #ff0000; border-radius: 20px;}

#rotator{background-image: url("../imgs/banners/home-banner.jpg"); width: 1200px; height: 800px; float: left;}
#rbacground{background-image: url("../imgs/banners/drain-services.jpg"); width: 1200px; height: 600px; float: left;}
#cdsbacground{background-image: url("../imgs/banners/commercial-drainage-service.jpg"); width: 1200px; height: 600px; float: left;}
#dcbacground{background-image: url("../imgs/banners/drain-cleaning.jpg"); width: 1200px; height: 600px; float: left;}
#bstbacground{background-image: url("../imgs/banners/blocked-sinks-toilets.jpg"); width: 1200px; height: 600px; float: left;}
#ddlrbacground{background-image: url("../imgs/banners/drain-descaling-limescale-removal.jpg"); width: 1200px; height: 600px; float: left;}
#doiebacground{background-image: url("../imgs/banners/drain-odour-investigation-elimination.jpg"); width: 1200px; height: 600px; float: left;}
#rrdcbacground{background-image: url("../imgs/banners/root-removal-clearing.jpg"); width: 1200px; height: 600px; float: left;}
#drbacground{background-image: url("../imgs/banners/drain-repairs-replacements.jpg"); width: 1200px; height: 600px; float: left;}
#drbuilds{background-image: url("../imgs/banners/drain-rebuilds.jpg"); width: 1200px; height: 600px; float: left;}
#dmaal{background-image: url("../imgs/banners/drain-mapping-asset-location-services.jpg"); width: 1200px; height: 600px; float: left;}
#mhrars{background-image: url("../imgs/banners/manhole-repair-replacement.jpg"); width: 1200px; height: 600px; float: left;}
#eprs{background-image: url("../imgs/banners/excavations-pipe-removal.jpg"); width: 1200px; height: 600px; float: left;}
#tdrs{background-image: url("../imgs/banners/trenchless-drain-repair.jpg"); width: 1200px; height: 600px; float: left;}
#prs{background-image: url("../imgs/banners/pipe-relining.jpg"); width: 1200px; height: 600px; float: left;}
#pjwbacground{background-image: url("../imgs/banners/power-jet-washing.jpg"); width: 1200px; height: 600px; float: left;}
#cctvbacground{background-image: url("../imgs/banners/cctv.jpg"); width: 1200px; height: 600px; float: left;}
#rcpdmp{background-image: url("../imgs/banners/preventative-drain-maintenance-plans.jpg"); width: 1200px; height: 600px; float: left;}
#leakdetection{background-image: url("../imgs/banners/leak-detection.jpg"); width: 1200px; height: 600px; float: left;}
#gtsts{background-image: url("../imgs/banners/grease-trap-sewage-treatment-services-intro.jpg"); width: 1200px; height: 600px; float: left;}
#gtias{background-image: url("../imgs/banners/grease-trap-installation-servicing.jpg"); width: 1200px; height: 600px; float: left;}
#stspt{background-image: url("../imgs/banners/septic-tank-sewage-treatment-plant.jpg"); width: 1200px; height: 600px; float: left;}
#sswds{background-image: url("../imgs/banners/stormwater-surface-water-drainage.jpg"); width: 1200px; height: 600px; float: left;}
#pcrps{background-image: url("../imgs/banners/pest-control-rodent-proofing.jpg"); width: 1200px; height: 600px; float: left;}
#contact-background{background-image: url("../imgs/banners/contact-us.jpg"); width: 1200px; height: 600px; float: left;}
#coverage-background{background-image: url("../imgs/banners/coverage.jpg"); width: 1200px; height: 600px; float: left;}
#news-background{background-image: url("../imgs/banners/latest-news.jpg"); width: 1200px; height: 600px; float: left;}
#insurance-background{background-image: url("../imgs/banners/drainage-insurance.jpg"); width: 1200px; height: 600px; float: left;}
#sitemap-banner{background-image: url("../imgs/banners/sitemap-banner.jpg"); width: 1200px; height: 600px; float: left;}

.btitles{float: left; margin: 30px 0px; width: auto; padding: 20px 30px; background-color: rgba(225,0,3,0.7); font-family: 'Noto Sans', sans-serif; color: #fff; font-size: 38px;}


.service-nav{width: 1170px; float: left; background-color: #149dcc; padding-left: 30px;}
.service-nav li{display: inline;}
.service-nav li a{ float: left; color: #fff; font-size: 16px; font-family: 'Noto Sans', sans-serif; font-weight: 700; padding: 20px 15px; display: inline-block;}
.service-nav li a:hover{background-color: #ff0000; color: #fff;}
.service-nav li #current{ color: #fff; background-color: #2a2a2a;}


.tells{ float: right; width: 214px; height: 55px; margin: 13px 20px 0px 0px; }



.rotator-text{ float: left;  background-color: #149dcc; width: 1120px; text-align: center; padding: 50px 40px;}
.rotator-text h2{font-family: 'Noto Serif', serif; font-size: 27px; color: #fff; display: block; font-weight: bold; margin-bottom: 15px; line-height: 37px; text-transform: uppercase;}
.rotator-text p{ font-size: 20px; line-height: 30px; color: #212121; font-family: 'Noto Sans', sans-serif;}


 /*About Us Content Starts*/
.about-us{float: left; width: 1120px; background-color: #fff; padding: 60px 40px 60px 40px;}
.aboleft{float: left; width: 700px; margin-right: 40px;}
.aboleft h1{ font-family: 'Noto Serif', serif; font-size: 30px; line-height: 40px; font-weight: bold; color: #149dcc;
margin-bottom: 20px !important;}

.aboleft h2{ font-family: 'Noto Sans', sans-serif; font-size: 20px; font-weight: normal; line-height: 25px; color: #ff0000;
margin-bottom: 20px !important;}

.aboleft h3{ font-family: 'Noto Sans', sans-serif; font-size: 28px; font-weight: normal; line-height: 35px;  color: #149dcc; margin-bottom: 20px !important;}

.aboleft h4{ font-family: 'Noto Sans', sans-serif; font-size: 22px; font-weight: normal; line-height: 28px; color: #ff0000; margin-bottom: 15px !important;}

.aboleft p { font-size: 16px; line-height: 26px; font-weight: normal; color: #343434; font-family: 'Noto Sans', sans-serif; display:block; margin-bottom: 30px;}

.aboleft li{font-size: 16px; line-height: 26px; font-weight: normal; color: #343434; font-family: 'Noto Sans', sans-serif; display:block; margin-bottom: 15px;}

.about-us p a, .about-us h1 a, .about-us h2 a, .about-us h3 a, .about-us h4 a, .about-us li a{ text-decoration: underline;}

.aboleft p strong { color: #149dcc; }

.aboleft hr{ display: block; height: 1px; border-top: 1px dashed #ccc; margin: 1.5em 0; padding: 0; border-bottom: 0; border-right: 0; border-left: 0;}

.insul-hold{width: 700px; float: left; margin-bottom: 20px;}
.isl{width: 290px; float: left;}
.isr{width: 290px; float: right;}
.insul-hold li{font-size: 17px; line-height: 26px; font-weight: normal; color: #149dcc; font-family: 'Noto Sans', sans-serif; display:block; margin-bottom: 8px;}
.insul-hold li a{font-size: 17px; line-height: 26px; font-weight: normal; color: #149dcc; font-family: 'Noto Sans', sans-serif; display:block; margin-bottom: 8px;}
.insul-hold li a:hover{color: #ff0000;}

.aboright{ width: 360px; float: left; align-content: center;}
.imgpush {
	width:auto;
    text-align: center !important;
    display: inline-block;
    border: solid 1px #e1e1e1;
    padding: 30px;
    border-radius: 6px;
    margin-bottom: 8px !important;
    box-shadow: 0 8px 6px -6px #ccc;;
}
.imgpushct {
	width:auto;
    text-align: center !important;
    display: inline-block;
    border: solid 1px #e1e1e1;
    padding: 30px;
    border-radius: 6px;
    margin-bottom: 8px !important;
    box-shadow: 0 8px 6px -6px #ccc;;
	margin-left: 25px;
}
/*About Us Content Ends*/

.drainage-insurance{float: left; width: 1200px; height: 400px; margin-bottom: 30px;}


/*Blog Nav Starts*/

.blog-nav h3{font-family: 'Noto Sans', sans-serif; font-size: 20px; font-weight: normal; line-height: 30px;  color: #149dcc; margin: 15px 0px !important;}

.blog-nav{width: 300px; float: left;}

.blog-nav li a{font-size: 16px; line-height: 26px; font-weight: normal; color: #343434; font-family: 'Noto Sans', sans-serif; display:block; padding-bottom: 15px;  margin-bottom: 15px; border-bottom: 1px dashed #ccc; text-decoration: none; }

.blog-nav li a:hover{color: #149dcc;}

/*Blog Nav Ends*/



/*Drainage Section Starts*/
.drainage-cctv-section{float: left; width: 1120px; padding: 60px 40px 60px 40px;background-color: rgba(237,242,245,0.7); }

.drainage-cctv-section h3{ font-family: 'Noto Sans', sans-serif; font-size: 28px; font-weight: normal; line-height: 35px;  color: #149dcc; margin-bottom: 20px !important;}

.drainage-cctv-section h4{ font-family: 'Noto Sans', sans-serif; font-size: 20px; font-weight: normal; line-height: 25px; color: #ff0000;
margin: 20px 0px !important;}

.drainage-cctv-section p { font-size: 16px; line-height: 26px; font-weight: normal; color: #343434; font-family: 'Noto Sans', sans-serif; display:block; margin-bottom: 10px;}

.drainage-cctv-section p a, p strong { color: #149dcc; }

/*Drainage Section ends*/


/*Our Services Content Starts*/
.our-services{float: left; width: 1140px; background-color: #f4f5f0; padding: 60px 30px 40px 30px;}
.our-servicesp{float: left; width: 840px; margin: 0px 150px 20px 150px;}
 .our-servicesp p { font-size: 16px; line-height: 26px; font-weight: normal; color: #343434; font-family: 'Noto Sans', sans-serif; display:block; margin-bottom: 30px;}

 .our-servicesp h4 { font-family: 'Noto Sans', sans-serif; font-size: 22px; font-weight: normal; line-height: 28px; color: #ff0000; margin-bottom: 15px !important;}

#blue{background-color: #149dcc;}


.ostit{float: left; width: 1140px; margin-bottom: 20px; text-align: center;}
.ostit h3 {
    font-family: 'Noto Serif', serif;
    font-size: 38px;
    line-height: 48px;
    font-weight: bold;
    color: #149dcc;
	margin-bottom: 20px;
display: block;}

.ostit h4{font-family: 'Noto Sans', sans-serif; color: #343434; font-size: 22px; display: block; margin-bottom: 20px;}

.ostit p { font-size: 16px; line-height: 26px; font-weight: normal; color: #343434; font-family: 'Noto Sans', sans-serif; display:block; margin-bottom: 20px;}

.sstripts{float: left; width: 1140px; margin-bottom: 30px;}

.sshtext a{display: block; color: #fff; background-color: #149dcc; padding: 10px 20px; font-family: 'Noto Sans', sans-serif; font-size: 15px; font-weight: 700;}

.sshtext a:hover{color: #fff; background-color: #ff0000;}

/*Our Services Content Ends*/


/*Questions Content Starts*/
.inquestions{float: left; width: 1140px; padding: 60px 30px 40px 30px;}
.qtit{float: left; width: 1140px; margin-bottom: 20px; text-align: center;}
.qtit h3 {
    font-family: 'Noto Serif', serif;
    font-size: 38px;
    line-height: 48px;
    font-weight: bold;
    color: #149dcc;
	margin-bottom: 20px;
display: block;}

.qtit h4{font-family: 'Noto Sans', sans-serif; color: #149dcc; font-size: 22px; display: block; margin-bottom: 20px;}

.qtit p { font-size: 16px; line-height: 26px; font-weight: normal; color: #343434; font-family: 'Noto Sans', sans-serif; display:block; margin-bottom: 20px;}

.sstripts{float: left; width: 1140px; margin-bottom: 30px;}

.nsstripts a{display: block; color: #fff; background-color: #149dcc; padding: 10px 20px; font-family: 'Noto Sans', sans-serif; font-size: 15px; font-weight: 700; width: 50%; margin-top: 20px;}

.nsstripts a:hover{color: #fff; background-color: #ff0000;}

.nsstripts img{box-shadow: 0 8px 6px -6px #ccc; border-radius: 3px;}

/*Questions Content Ends*/



/*NEW INSIDE SERVICES STARTS*/
.nsstripts{float: left; width: 1140px; margin-bottom: 30px; box-shadow: 0 8px 6px -6px #ccc; background-color: #fff; border-bottom: dashed 4px #ff0000;}
.sscopy{width: 600px; float: left; padding: 30px;}
.ssimage{float: left; width: 400px; margin: 30px;}
.image-push{margin-bottom: 15px;}
.nsstripts h4 { font-family: 'Noto Sans', sans-serif !important; font-size: 20px; line-height: 27px; font-weight: bold !important; color: #149dcc; margin: 12px 0 8px;}
.nsstripts p {font-family: 'Noto Sans', sans-serif !important; font-size: 16px; line-height: 27px; font-weight: normal; color: #717171; display: block; margin-bottom: 20px;}
.nsstripts li{font-family: 'Noto Sans', sans-serif !important; font-size: 16px; line-height: 27px; font-weight: normal; color: #717171; display: block; margin-bottom: 10px;}
/*NEW INSIDE SERVICES ENDS*/

.sshr h4, .ssh h4{font-family: 'Noto Sans', sans-serif !important; font-size: 18px; line-height: 25px; font-weight: bold !important; color: #fff; display: block; padding: 12px 16px; background-color: #2a2a2a; text-align: center;}

.ssh{float: left; width: 260px; margin-right: 30px; box-shadow: 0 8px 6px -6px #ccc; background-color: #fff; border-bottom: solid 4px #ff0000;}
.sshr{float: right; width: 260px; box-shadow: 0 8px 6px -6px #ccc;; background-color: #fff; border-bottom: solid 4px #ff0000;}


.sshimg{float: left; width: 260px; height: 173px; margin-bottom: 15px;}
.sshtext{float: left; width: 230px; padding: 0px 15px 15px 15px; height: auto;}

.sshtext h4 { font-family: 'Noto Sans', sans-serif !important; font-size: 18px; line-height: 25px; font-weight: bold !important; color: #149dcc; margin: 12px 0 8px;}

.sshtext p {font-family: 'Noto Sans', sans-serif !important; font-size: 14px; line-height: 25px; font-weight: normal; color: #717171; display: block; margin-bottom: 10px;}

/*Our Services Content Ends*/

/*Blurb Content Starts*/
.faqs{float: left; width: 1140px; background-color: #2a2a2a; padding: 60px 30px 40px 30px; text-align: left; border-top: solid 2px #ccc; margin-bottom: 40px;}

.faqs h3 { font-family: 'Noto Serif', serif; font-size: 29px; line-height: 32px; font-weight: bold; color: #149dcc; display: block; margin-bottom: 20px;}

.faqs h4 { font-size: 17px; line-height: 30px; font-weight: normal; color: #149dcc; display: block; margin-bottom: 20px;}

.faqs p {
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    color: #fff;
	display: block; margin-bottom: 40px;
	font-family: 'Noto Sans', sans-serif !important;
}
/*Blurb Content ends*/

.imgp{float: left; margin-bottom: 50px;}



/*Blurb Content Starts*/
.grsection{float: left; width: 1140px; background-color: #2a2a2a; padding: 60px 30px 40px 30px; text-align: center; border-top: solid 2px #ccc; margin-bottom: 40px;}

.grsection h3 { font-family: 'Noto Serif', serif; font-size: 29px; line-height: 32px; font-weight: bold; color: #149dcc; display: block; margin-bottom: 20px;}

.grsection h4 { font-size: 17px; line-height: 30px; font-weight: normal; color: #149dcc; display: block; margin-bottom: 20px;}

.grsection p {
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    color: #fff;
	display: block; margin-bottom: 40px;
	font-family: 'Noto Sans', sans-serif !important;
}
/*Blurb Content ends*/



/*Book blurb Content Starts*/

.crsection hr{ display: block; height: 1px; border-top: 1px dashed #ccc; margin: 1.5em 0; padding: 0; border-bottom: 0; border-right: 0; border-left: 0;}

.crsection{float: left; width: 1140px; background-color: #2a2a2a; padding: 60px 30px 40px 30px; text-align: left;}

.crsection h3 { font-family: 'Noto Serif', serif; font-size: 32px; line-height: 40px; font-weight: bold; color: #149dcc; display: block; margin-bottom: 30px;}

.crsection h4 { font-size: 17px; line-height: 30px; color: #149dcc; display: block; margin-bottom: 10px; font-weight: normal; font-family: 'Noto Sans', sans-serif !important;}

.crsection p {
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    color: #fff;
	display: block; margin-bottom: 30px;
	font-family: 'Noto Sans', sans-serif !important;
}

.crsection li a{font-size: 18px; line-height: 30px; color: #149dcc; display: block; margin-bottom: 10px; font-weight: normal; font-family: 'Noto Sans', sans-serif !important;}

.crsection li a:hover{color: #fff;}

.crsection li #current{ color: #ff0000;}

/*Blurb Content ends*/


.sitemap{float: left; text-align: left;}

.sitemap li a{font-family: 'Noto Sans', sans-serif !important; font-size: 16px; line-height: 27px; font-weight: normal; color: #717171; display: block; margin-bottom: 10px;}






/*Pest Control Starts*/
.pestcontrol{float: left; width: 1140px; background-color: #fff; padding: 60px 30px 40px 30px;}
.postit{float: left; width: 1140px; margin-bottom: 20px; text-align: center;}
.postit h3 { font-family: 'Noto Serif', serif; font-size: 32px; line-height: 42px; font-weight: bold; color: #149dcc; margin-bottom: 20px !important;}
.thrbox{float: left; width: 360px; margin-right: 30px; box-shadow: 0 8px 6px -6px #ccc;; }
.thrboxr{float: right; width: 360px; box-shadow: 0 8px 6px -6px #ccc;; }
.thrimg{width: 360px; height: 216px; float: left;}
.thrtxt{float: left; width: 360px; margin-right: 30px; text-align: center;}
.hld{float: left; width: 100%; }
.thrtxt a{ display: block; font-size: 20px; font-weight: bold; color: #149dcc; font-family: 'Noto Sans', sans-serif !important; margin: 10px 0px;}


/*Services Provided Starts*/
.services-provided{float: left; width: 1140px; background-color: #fff; padding: 30px 30px 20px 30px; text-align: center;}
.sptitle{width: 540px; float: left; margin: 0px 0px 30px 300px;}
.clock{width: 104px; height: 103px; float: left; margin-right: 20px;}
.ctext{ display: block; width: 100%; margin-top: 30px;}
.ctext h4{font-size: 30px; font-weight: bold; color: #000; font-family: 'Noto Serif', serif !important;}

.spbox{float: left; width: 360px; margin-right: 30px; box-shadow: 0 8px 6px -6px #ccc;; }
.spboxr{float: right; width: 360px; box-shadow: 0 8px 6px -6px #ccc;; }
.spimg{width: 360px; height: 285px; float: left;}
.sptxt{float: left; width: 360px; margin-right: 30px; text-align: center; background-color: #212121; display: block;}
.hld{float: left; width: 100%; }
.sptxt p{ display: block; font-size: 20px; font-weight: bold; color: #fff; font-family: 'Noto Sans', sans-serif !important; margin: 10px 0px;}
/*Services Provided Ends*/



.carusel{float: left; width: 1140px; background-color: #fff; padding: 30px; height: 350px;}
.carusel h4{color: #ff0000; display: block; margin-bottom: 10px; font-size: 20px;}
.carusel h5{color: #A6A6A6; display: block; margin-bottom: 15px; font-size: 16px;}
.carusel p {font-family: 'Noto Sans', sans-serif !important; font-size: 16px; line-height: 25px; font-weight: normal; color: #000; display: block; margin-bottom: 20px;}
.cartitle{width: 100%; background-color: #fff; margin-bottom: 20px; text-align: center; color: #149dcc; font-family: 'Noto Sans', sans-serif; font-size: 40px; font-weight: 600;}



/*BOOK APPOINTMENT BEGINS HERE*/	

/*Book Appointment Starts Here*/

.contact{float: left; width: 1100px; display: block; padding: 60px 50px; text-align: center; color: #149dcc; font-family: 'Noto Sans', sans-serif; font-size: 40px; font-weight: 600;}
.book_appointment{ width: 1080px; float: left; padding: 50px 60px; background-color: #149dcc;}

.book-left{ width: 500px; float: left;}

.book-form p iframe {
    background: #fff;
    padding: 10px;
    width: 100%;
    height: 400px;
    border-radius: 5px;
	border: 0;
}

.book_appointment h3 {
    font-family: 'Noto Serif', serif;
    font-size: 30px;
    line-height: 38px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 25px !important;
	font-style: italic;}


.book-form{ width: 500px; float: left; margin: 100px 0px 0px 50px;}

.linefield{ width: 460px; float: left; padding: 10px 20px; background-color: #fff; margin-bottom: 10px; font-size: 16px; font-family: 'Noto Sans', sans-serif; font-weight: normal; border: 0px; color: #149dcc; border-radius: 15px;}

.linefield2{ width: 460px; float: left; padding: 10px 20px; height: 120px; margin-bottom: 5px; font-size: 16px; font-family: 'Noto Sans', sans-serif; font-weight: normal; border: 0px; color: #149dcc; border-radius: 15px;}

.book_appointment a{  width: 100%; float: left; text-align: center; padding: 15px 0px; background-color: #ff0000; border: 0px; font-size: 20px; font-family: 'Noto Sans', sans-serif; font-weight: 600; letter-spacing: 1px; color: #fff; border-radius: 15px;}
.book_appointment a:hover{ background-color: #313031;}

/*below turns of blue border around formfields*/
.book_appointment input:focus {
border-color: #fff; box-shadow: 0 0 10px #fff; webkit-transition: 200ms linear 0s; -moz-transition: 200ms linear 0s; -o-transition: 200ms linear 0s; transition: 200ms linear 0s; outline: 0 none; text-decoration: none;background-color: #ccc;}
/*below turns of blue border around textarea in form*/
.book_appointment textarea:focus {
 border-color: #fff; box-shadow: 0 0 10px #fff; webkit-transition: 200ms linear 0s; -moz-transition: 200ms linear 0s; -o-transition: 200ms linear 0s; transition: 200ms linear 0s; outline: 0 none; text-decoration: none;background-color: #ccc;}
	
.g-recaptcha{ float: left; margin: 10px 0px;}


/*Book Appointment Ends Here*/


/*QUESTIONS BEGINS HERE*/
.questions{float: left; width: 1140px; background-color: #fff; padding: 60px 30px 40px 30px; text-align: center;}
.questions h3 {
    font-family: 'Noto Serif', serif;
    font-size: 23px;
    line-height: 33px;
    font-weight: bold;
    color: #2a2a2a;
	display: block;
	margin-bottom: 15px;
}
.questions p{
    color: #149dcc;
	display: block;
	margin-bottom: 15px;
	font-family: 'Noto Sans', sans-serif;
	font-size: 20px;
	font-weight: bold;
}





/*FOOTER BEGINS HERE*/

.footer{float: left; width: 1140px; background-color: #2a2a2a; padding: 60px 30px 20px 30px; text-align: left;}
.li-holders{float: left; width: 33%;}

.footer hr{ display: block; height: 1px; border-top: 1px dashed #ccc; margin: 1.5em 0; padding: 0; border-bottom: 0; border-right: 0; border-left: 0; width: 50%;}
#li-h-push{margin-top: 46px;}
.red{color: #ff0000;}

.footer h3{font-family: 'Noto Serif', serif; font-size: 22px; line-height: 26px; font-weight: normal; color: #149dcc; margin-bottom: 20px; }
.footer li{font-family: 'Noto Sans', sans-serif; display: block; font-size: 15px; line-height: 25px; font-weight: normal; color: #ccc; margin: 0px 0px 4px 0px;}
.footer li a{ display: block; font-size: 15px; line-height: 25px; font-weight: normal; color: #ccc; margin: 0px 0px 4px 0px;}
.footer li a:hover{color: #ff0000;}
.footer2{ border-top: solid 1px #373737; float: left; width: 1140px; margin-top: 40px; padding-top: 10px;}
.footer2 p { font-size: 15px; line-height: 25px; font-weight: normal; color: #ccc; font-family: 'Noto Sans', sans-serif;}
#left{float: left;}
#right{float: right;}

.footer2 a{color: #ccc; margin-left: 20px;}







.comparison-section {
  max-width: 900px;
  margin: 3rem auto;
  padding: 1rem;
font-family: 'Noto Sans', sans-serif;
  color: #333;
}

.comparison-section h2 {
  text-align: left;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.table-container {
  overflow-x: auto;
  background-color: #fdfdfd;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  padding: 1.5rem;
}

.comparison-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
  min-width: 600px;
}

.comparison-table thead th {
  background-color: #004b8d;
  color: #ffffff;
  padding: 1rem;
  text-align: left;
}

.comparison-table tbody td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e0e0e0;
}

.comparison-table tbody tr:nth-child(even) {
  background-color: #f7faff;
}

.comparison-table tbody tr:hover {
  background-color: #eef5ff;
}

.summary-text {
  margin-top: 1.5rem;
  font-size: 1.05rem;
  font-weight: 500;
  color: #222;
  text-align: left;
}





/*FAQS ACCORDIAN BEGINS HERE*/

/*Faqs Content Starts*/

.faqssection{float: left; width: 1000px; padding: 60px 100px 60px 100px; text-align: left;}

.faqssection p {
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    color: #fff;
	display: block; margin-bottom: 50px;
	font-family: 'Noto Sans', sans-serif !important;
}

.faqssection li a{font-size: 18px; line-height: 30px; color: #149dcc; display: block; margin-bottom: 10px; font-weight: normal; font-family: 'Noto Sans', sans-serif !important;}

.faqssection li a:hover{color: #fff;}

.faqssection li #current{ color: #ff0000;}

/*Faqs Content ends*/

.faqssection {
            max-width: 1000px;
            margin: 0 auto;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            animation: fadeInUp 0.8s ease-out;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .faq-header {
            background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
            color: #fff;
            padding: 20px 30px;
            text-align: center;
			border-radius: 8px;
			margin-bottom: 10px;
        }

        .faq-header h3 {
			font-family: 'Noto Serif', serif;
            font-size: 2.0rem;
            font-weight: 600;
            margin-bottom: 10px;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

        .faq-container {
         
        }

        .faq-item {
            border-bottom: 1px solid #e8e8e8;
            margin-bottom: 10px;
            border-radius: 8px;
            overflow: hidden;
            transition: all 0.3s ease;
        }

        .faq-item:last-child {
            border-bottom: none;
            margin-bottom: 0;
        }

        .faq-item:hover {
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        .faq-question {
			font-family: 'Noto Sans', sans-serif !important;
            background: #f8f9fa;
            padding: 15px 25px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600;
            font-size: 1.1rem;
            color: #2c3e50;
            transition: all 0.3s ease;
            border-radius: 8px;
        }

        .faq-question:hover {
            background: #e8f4f8;
            color: #2980b9;
        }

        .faq-question.active {
            background: #3498db;
            color: white;
            border-radius: 8px 8px 0 0;
        }

        .faq-icon {
            font-size: 1.2rem;
            transition: transform 0.3s ease;
            font-weight: bold;
        }

        .faq-question.active .faq-icon {
            transform: rotate(45deg);
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease, padding 0.4s ease;
            background: white;
        }

       .faq-answer li{ color: #555;
            font-size: 1rem;
            line-height: 1.7;
            margin: 0;
            font-family: 'Noto Sans', sans-serif !important;}

        .faq-answer.active {
            max-height: 200px;
            padding: 25px;
            border-radius: 0 0 8px 8px;
            background: #f8f9fa;
        }

        .faq-answer p {
            color: #555;
            font-size: 1rem;
            line-height: 1.7;
            margin: 0;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            body {
                padding: 10px;
            }

            .faq-header {
                padding: 30px 20px;
            }

            .faq-header h3 {
                font-size: 1.8rem;
            }

            .faq-container {
                padding: 15px;
            }

            .faq-question {
                padding: 15px 20px;
                font-size: 1rem;
            }

            .faq-answer.active {
                padding: 20px;
                max-height: 300px;
            }
        }

        @media (max-width: 480px) {
            .faq-header h3 {
                font-size: 1.5rem;
            }

            .faq-question {
                padding: 12px 15px;
                font-size: 0.95rem;
            }

            .faq-answer.active {
                padding: 15px;
            }
        }


/*FAQS ACCORDIAN ENDS HERE*/






/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
  display:none;
  text-decoration:none;
  position:fixed;
  bottom:10px;
  right:10px;
  overflow:hidden;
  width:51px;
  height:51px;
  border:none;
  text-indent:100%;
  background:url(../ui.totop.png) no-repeat left top;
}

#toTopHover {
  background:url(../ui.totop.png) no-repeat left -51px;
  width:51px;
  height:51px;
  display:block;
  overflow:hidden;
  float:left;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
  outline:none;
}


.cc-color-override--1038605890.cc-message{
	color: #fff !important;
	font-family:'VAG Rounded W01 Light' !important;
	font-size: 18px;
}