@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(font-awesome.css);
body{ margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; color:#4e4d4d; font-size:14px; line-height:24px;}
h1, h2, h3, h4, h5{ margin:0px 0px; padding:10px 0px 10px 0px; font-weight:normal;}

h1{ font-size:40px;} h2{ font-size:22px;} h3{ font-size:18px;} h4{ font-size:15px;}
section{overflow:hidden; display:block; clear:both;}
a{ text-decoration:none; color:#4e4d4d; -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
a:hover{ text-decoration:none; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}

img{ border:solid 2px #fff; -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
img:hover{ border:solid 2px #000; border-radius:0 100px 0 100px;opacity:.7;  -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}

#onecolgreybg{ background:#F6F6F6;}
#onecolgreybg .container{ background:#fff; box-shadow:4px 4px 4px #ccc; overflow:hidden; padding:0px; border-radius:10px; margin-top:10px;}

#onecolgreybg .container p, #onecolgreybg .container h2{ padding-left:15px;}
#onecolgreybg .largeimg{ margin-right:10px;}

#onecolroundedgreybg .container{ background:#F6F6F6; padding:10px 15px; border-radius:10px; max-width:1140px; overflow:hidden;}
.normaltextcontent{overflow:hidden;}

.clear{ clear:both; height:0px;}

ul{ margin:0px; padding:0px;}
li{  margin:0px; padding:0px; list-style:none;}
p{ font-size:14px; line-height:28px; padding:0px; margin:0px; text-align:justify;}
.toplinks{background:#e7e6e6; clear:both; overflow:hidden; font-size:12px; line-height:30px;}
.toplinks a{font-size:12px; }

.containerfluid{width:100%; }
.container{max-width:1160px; margin:auto; clear:right; }

#banner img{ width:100%; opacity:none;  border-radius:0px;  border:0px; box-shadow:none;}
#banner img:hover{ border-radius:0px; opacity:.99;  border:0px; }
.pdficon img{  opacity:none;  border-radius:0px;  border:0px;}



.logo{ width:auto; float:left; padding:10px 0px; line-height:20px;}
.logo h1{ font-size:30px;}
.logo span{ font-size:12px;}

section{ padding-bottom:10px; margin-bottom:10px; overflow:hidden; clear:both;}
#banner{ margin:0px; padding:0px; line-height:0px;}
/*genral csss here*/
.imageresponsive img{ width:100%; height:auto;}
.imageleft{ width:auto; float:left; margin-right:20px;}
.imageright{ width:auto; float:right; margin-left:20px;}

.floatleft{ float:left;}
.floatright{ float:right;}

/*header css goes here*/
#header{overflow:hidden; clear:both;}


/*nav csss here*/
nav{ }
nav ul{ margin:0px; padding:0px; display:table; width:100%;}
nav ul li{ margin:0px; padding:0px; font-size:16px; list-style:none; display:table-cell; text-align:center;}
nav ul li a{ display:block;  padding:35px 10px;}
nav ul li a:hover{ background:#f7f7f7;}
nav ul ul{ display:none; }
nav ul li:hover >.dropdown-menu{ display:block; }
.dropdown-menu{ position:absolute; background:rgba(255,255,255,.90); width:250px;  }
.dropdown-menu li{ font-size:13px; display:block;text-align:left; border-bottom:solid 1px #fff;}
.dropdown-menu li a{ padding:5px 10px; }
.dropdown-menu li a:hover{ padding:5px 10px 5px 20px; }
.mobilemenu{ cursor:pointer; text-align:right; padding-right:20px; display:none;}
nav li:hover > a { background-color:#f7f7f7;}
.menuactive > a{background-color:#f7f7f7; }

#welcome{}
.center{ text-align:center;}


/*full width color css here*/
.greybg{ background:#f9f9f9;}
.lightblue{ background:#e7f6ff;}
.lightgreen{ background:#f5ffe7;}
.darkgreybg{ background:#2f2f2f;}

/*1 col css here*/
#onecol{ overflow:hidden;}
#onecolimageleft{overflow:hidden;}
#onecolimageleft img{ max-width:300px; float:left; margin-right:15px;}

#onecol p{ text-align:justify;}

#onecolimageright{overflow:hidden;}
#onecolimageright img{ max-width:300px; float:right; margin-left:15px;}
#onecolcolorbox{ padding:10px;}
#onecolcolorbox h2{ margin-bottom:10px;}

#onecollisting{}
#onecollisting li{ display:block; overflow:hidden; margin-bottom:20px; border-bottom:solid 1px #ccc; padding-bottom:10px;}
#onecollisting img{ max-width:300px; float:left; margin-right:20px;}
#onecollisting li:last-child{border:0px;}

.tablestructure{ text-align:center; background:#D6D6D6;}
.tablestructure tr{ background:#F3F3F3; line-height:35px;}
.tablestructure tr:nth-child(odd){ background:#E3E3E3;}

/*2 col css here*/
#twocol{}
#twocol ul{}
#twocol ul li{ width:47%; float:left;}
#twocol ul li:nth-child(2){ padding-left:40px; }
#twocol ul li li{ float:none; display:block; width:100%; }

/*2 col icon  css here*/
#twocolicon{}
#twocolicon ul{}
#twocolicon ul li{ width:47%; float:left;}
#twocolicon ul li:nth-child(2){ padding-left:40px; }


#twocoleftimg{}
#twocoleftimg ul{}
#twocoleftimg ul li{ width:47%; float:left; text-align:left;}
#twocoleftimg ul li:nth-child(2){ padding-left:40px; }
#twocoleftimg img{ max-width:280px; float:left; margin-right:10px;}
#twocolleftimg{}

#twocolcolorbg{}
#twocolcolorbg ul{}
#twocolcolorbg ul li{ width:47%; float:left; text-align:left;}
#twocolcolorbg ul li:nth-child(2){ padding-left:40px; }
#twocolcolorbg img{ max-width:280px; float:left; margin-right:10px;}
#twocolcolorbg{}


#twocoleftimgroundedbox{}
#twocoleftimgroundedbox ul{}
#twocoleftimgroundedbox ul li{ width:45%; float:left; text-align:left; border:solid 1px #000; border-radius:10px; padding:10px; margin:0px 10px; margin-bottom:30px;}
#twocoleftimgroundedbox h2{ margin-bottom:25px;}
#twocoleftimgroundedbox h3{ margin:-28px 0px 10px 0px; max-width:300px; padding:10px; border-radius:10px; }
#twocoleftimgroundedbox img{ border-radius:10px; }
#twocoleftimgroundedbox p{ min-height:200px; }

#twocoleftimgroundedbox img{ max-width:280px; float:left; margin-right:10px;}
.twocolleftimg{}


/*3 col css here*/
#threecol{clear:both;}
#threecol ul{ margin:0px -2% 0px -2%; padding:0px;  }
#threecol li{ width:29%; float:left; padding:0px 2%; margin:10px 0px;  }
#threecol ul li:hover > .iconlargecircle{ background:#000000; transform: rotate(360deg); -webkit-transition: all .3s ease-in-out;}
#threecol li li{ width:100%; float:none; padding:0px !important;  }


/*3 col grey background here*/
#threecolgreybg{clear:both; background:#E0E0E0;}
#threecolgreybg ul{ margin:0px -2% 0px -1%; padding:0px;  }
#threecolgreybg li{ width:27%; float:left; background:#fff; padding:1%; margin:10px 2%;  border-radius:10px;  }
#threecolgreybg ul li:hover > .iconlargecircle{ background:#000000; transform: rotate(360deg); -webkit-transition: all .3s ease-in-out;}
#threecolgreybg li li{ width:100%; float:none; padding:0px !important;  }

#threecolgreybg li li{ width:100%; float:none; padding:0px !important;  }

#threecolgreybox{clear:both; background:#FFF;}
#threecolgreybox ul{ margin:0px -2% 0px -1%; padding:0px;  }
#threecolgreybox li{ width:27%; float:left; background:#F6F6F6; padding:1%; margin:10px 2%;  border-radius:10px;  }
#threecolgreybox ul li:hover > .iconlargecircle{ background:#000000; transform: rotate(360deg); -webkit-transition: all .3s ease-in-out;}
#threecolgreybox li li{ width:100%; float:none; padding:0px !important;  }




/*3 col colorful background here*/
#threecolcolourfulbg{clear:both; }
#threecolcolourfulbg ul{ margin:0px; padding:0px;  }
#threecolcolourfulbg li{ width:29%; float:left; padding:2%; margin:10px 0px;  }
#threecolcolourfulbg ul li:hover > .iconlargecircle{ background:#000000; transform: rotate(360deg); -webkit-transition: all .3s ease-in-out;}
#threecolcolourfulbg li li{ width:100%; float:none; padding:0px !important;  }
#threecolcolourfulbg p{ min-height:114px;  }
#threecolcolourfulbg .btnsmall{ background:#FFFFFF; color:#000; padding:5px 10px; font-size:15px;}
#threecolcolourfulbg h2{ color:#fff;}


#threecolfirstcolorbg{clear:both; }
#threecolfirstcolorbg ul{ margin:0px; padding:0px;  }
#threecolfirstcolorbg li{ width:29%; float:left; padding:2%; margin:10px 0px;  }
#threecolfirstcolorbg ul li:hover > .iconlargecircle{ background:#000000; transform: rotate(360deg); -webkit-transition: all .3s ease-in-out;}
#threecolfirstcolorbg li li{ width:100%; float:none; padding:0px !important;  }
#threecolfirstcolorbg p{ max-height:114px; overflow:hidden; }


/*4 col css here*/
#fourcol ul{overflow:hidden; clear:right; margin:0px -2%;  }
#fourcol li{ width:21%; float:left; padding:0px 2%; margin-bottom:20px; list-style:none; }


#fourcolborder ul{overflow:hidden; clear:right; margin:0px -1%;  }
#fourcolborder li{ width:20%; float:left; padding:1%; margin-bottom:20px; margin:10px 1%; list-style:none;  border-radius:10px; }


#fourcolgreybg{ background:#E2E2E2;}
#fourcolgreybg ul{overflow:hidden; clear:right; margin:0px -1%; b  }
#fourcolgreybg li{ width:20%; float:left; padding:1%; margin-bottom:20px; margin:10px 1%; list-style:none;  border-radius:10px; background:#fff; }

#fourcolgreybg li p{ min-height:100px; overflow:hidden;}


.iconlargecircle{font-size:48px;  width:103px; display:block; margin:10px auto; height:103px; line-height:103px;  -webkit-transition: all .3s ease-in-out; background:#f9f9f9; border-radius:200px;}
.btnsmall{ color:#000000; background:#eaeaea; text-decoration:none; padding:3px 10px;  font-size:13px;}
.btnsmall:hover{ color:#000000; background:#d9d9d9; border-radius:10px 0px 10px 0px; text-decoration:none; padding:3px 10px;  font-size:13px;}

.largeimg{ width:350px;}

/*footer css here*/

footer{ color:#a3a3a3;}
footer a{ color:#a3a3a3;}
footer a:hover{ color:#fff;}
footer h2{ color:#a3a3a3;}
footer .quicklinks li{ width:100%; display:block;  padding-left:20px;}
.footerbottom{overflow:hidden; clear:both; padding:10px 0px; margin-top:20px; font-size:13px;}

.footercopyright{ width:100%; overflow:hidden; text-align:center; border-top:solid 1px #909090; padding-top:10px; margin-top:10px; opacity:.4;}
.footerbottom .floatleft{ line-height:50px;}
.footeraddress{ text-align:left; width:33%; float:left; padding-bottom:10px;}
.footerquicklinks{ width:33%; float:left;}
.footersocialmedia{width:33%; float:left; text-align:left; }

/*social media footer*/
.socialmedia{ text-align:center; font-size:20px; margin-top:10px; float:left;}
.socialmedia a{ background:#FFFFFF; margin-right:5px; width:40px; height:40px; display:inline-block; line-height:40px; border-radius:50%;}
.socialmedia a:hover{ background:#000; color:#FFFFFF;  transform: rotate(360deg); -webkit-transition: all .3s ease-in-out;}

#innertitle{ background:#f7f7f7; line-height:0px; padding:40px 0px; overflow:hidden;}
#innertitle h2{ font-size:48px; }
.iconholder{ width:180px; float:left; height:50px; line-height:50px; padding:10px; border:solid 1px #ccc; margin:10px; text-align:left;}


/*contact form*/

.contactformin{ margin-bottom:10px; overflow:hidden;}
.contactinput{ padding:10px; border:solid 1px #ccc; outline:none; width:100%;}
.contactleft{width:30%; float:left;}
.contactright{ width:60%; float:left;}
.pageleftpanel{ width:60%; float:left;}
.pagerightpanel{ width:30%; float:right;}
.contactsubmit{ text-align:center; }

.contactrighttext p{ margin-bottom:20px;}
.contactsubmit input{ border:0px; }
.topphoneno{ padding-top:20px;}

#pagetwocol{}

.pagehomeleftpanel{ width:60%; float:left;}
.pagehomerightpanel{ width:30%; float:right;}

.pageleftsmall{ width:30%; float:left;}
.pagerightlarge{ width:60%; float:right;}




#pagethreecolnew{}

.pagethreecolleft{ width:20%; float:left;}
.pagethreecolmiddle{ width:50%; float:left; margin:auto 5%;}
.pagethreecolright{ width:20%; float:right;}


/*image width*/
.imagewidth150{ width:150px;}
.imagewidth200{ width:200px;}
.imagewidth250{ width:250px;}
.imagewidth300{ width:300px;}
.imagewidth350{ width:350px;}

@media screen and (max-width: 1124px){
#threecol li{ width:28%; float:left; padding:0px 2%; margin:10px 0px;  }

}
@media screen and (max-width: 1024px){
.container{ width:96%; margin:auto; }
#threecol li:nth-child(2) {padding: 0px 3%;}
navbg{ width:100%; float:none;}

	}


@media screen and (max-width: 900px){
	#twocoleftimgroundedbox ul li{ width:95%;}
	#twocoleftimg ul li{ width:95%; margin-bottom:20px;}
#twocoleftimg ul li:nth-child(2) {  padding-left:0px;}
	}


@media screen and (max-width: 800px){
nav{ display:block; width:100%; float:none; text-align:left;}
nav ul li{ display:block; text-align:left;}
nav ul{ display:block; text-align:left;}

nav ul li a{ display:block;  padding:3px 10px; font-size:13px;}

.mobilemenu{ display:none;}
#fourcol li { width: 47%;}
#fourcol li:nth-child(2), #fourcol li:nth-child(4){ padding-right:0px; clear:right; }
#fourcol li:nth-child(1), #fourcol li:nth-child(3){ padding-left:0px; clear:right;}
#fourcolgreybg li{ width: 45%;}
#fourcolborder li{ width: 45%;}


#twocol ul li{ width:45%; float:left;}
#twocol ul li:nth-child(2){ padding-left:40px; }
#twocolicon ul li {  width: 44%;  float: left;}


#twocolcolorbg ul li{ width:45%; float:left; text-align:left;}


#onecolgreybg .container{ padding:10px;}

.bannerright{float:none; display:none;  }


}


@media screen and (max-width: 700px){
.pageleftpanel{ width:100%; float:none;}
.pagerightpanel{width:100%; float:none;}

.pagehomeleftpanel{ width:100%; float:none;}
.pagehomerightpanel{ width:100%; float:none;}

#threecolcolourfulbg li{ width:95%; padding:2% 2%; margin:0px;}
#threecolfirstcolorbg li{ width:95%; padding:2% 2%; margin:0px;}


#threecolgreybg li{ width:95%; padding:2% 2%; margin:0px;}
#threecolgreybg li{ width:95%; padding:2% 2%; margin:0px;}


#threecolgreybox li{ float:none;  width:95%; padding:2% 2%; margin:0px 0px 20px 0px;}


.footeraddress{ width:100%; float:none; padding-bottom:10px; margin-bottom:20px; text-align:left; overflow:hidden;}
.footerquicklinks{ width:100%; float:none;  text-align:left;  margin-bottom:20px; overflow:hidden;}
.footersocialmedia{width:100%; float:none;   text-align:left;   margin-bottom:20px; overflow:hidden;}


}


@media screen and (max-width: 600px){
#fourcol li { width: 100%;}
#fourcol li:nth-child(2), #fourcol li:nth-child(4){ padding-right:0px; }
#fourcol li:nth-child(1), #fourcol li:nth-child(3){ padding-left:0px; }
#threecol li{ width:95%; display:block; padding-right:0px; margin:0px; padding:0px; }
#threecol li:nth-child(2){ padding:0px; }

#fourcolborder li{ width: 95%;}

#fourcolgreybg li{ width: 95%;}

#twocol ul li{ width:100%; float:left;}
#twocol ul li:nth-child(2){ padding-left:0px; }

#twocolcolorbg ul li{ width:100%; float:left; text-align:left;}
#twocolcolorbg ul li:nth-child(2){ padding-left:0px; }

.pageleftsmall{ width:100%; float:none;}
.pagerightlarge{ width:100%; float:none;}
.pagethreecolleft{ width:100%; float:none;}
.pagethreecolmiddle{ width:100%; float:none; margin:0px;}
.pagethreecolright{ width:100%; float:none; margin:0px;}

#twocol ul li{ width:100%; float:left;}
#twocol ul li:nth-child(2){ padding-left:0px; }
#innertitle h2 { font-size: 28px;}

#twocolicon ul li {  width: 98%;  float: none; margin:0px; padding:0px;}
#twocolicon ul li:nth-child(2) { padding-left: 0px;}

.floatright{ float:none; clear:right;}
.floatleft{ float:none; clear:right;}

.logo{ float:none; clear:right;}


}

@media screen and (max-width: 500px){
#onecolimageleft img, #onecolimageright img,#onecollisting img { float:none; width:100%; display:block; max-width:100%; margin:0px;}
#onecolbigimgright{ float:none; width:100%; display:block; max-width:100%; margin:0px;}
.imageright,.imageleft{float:none; width:100%; margin:0px;}
#onecollisting img{ width:99%; }

#twocoleftimgroundedbox ul li { width: 88%;}
#twocoleftimgroundedbox img { float:none; width:100%; display:block; max-width:100%; margin:0px;}

#twocoleftimg img { float:none; width:100%; display:block; max-width:100%; margin:0px;}

}