body{
	font-size:15px;
	color: #000;
	line-height: 1.7em;
	font-weight:500;
	font-family: 'Raleway', sans-serif;
	word-spacing: 2px;
	letter-spacing: 0px;
	}

.thumbnail{
	line-height: 1.7em;
}
	
.row{
	margin-left: 0;
	margin-right: 0;
	}
	
	
p{
	word-spacing: 2px;
	}

a:focus{
	outline: none;
	}

	
.btn-default{
	border: 1px solid #b90410;
	border-radius: 0;
	background-color: #b90410;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	}
	
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default{
	opacity: 0.8;
	background-color: #b90410;
	color: #fff;
	border: 1px solid #b90410;
	}
	
ul{padding-left: 0;}
	
ul li{
	list-style: none;
	}
	
.form-control{
	border: 1px solid #ccc;
	border-radius: 0;
	box-shadow: none;
	}
	
.form-control:focus{
	border-color: #0f8962 ;
	box-shadow: none;
	}
	
label{
	font-weight: 600;
	}

h2{
	font-family: 'Overlock', cursive;
	font-weight: 700;
	font-size: 40px;
}

/*.......................... TOP BAR .......................*/
.bar{
	background-color: #286202;
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.5px;
}

.phone{
	font-family: 'Lato', sans-serif;
}

.bar .phone .fa{
	position: relative;
	top: 2px;
	font-size: 18px;
}

.bar .fa{
	margin-right: 10px;
}

.bar-line{
	margin: 10px 0;
}

.bar-line a{
	color: #fff;
}

.links{
	margin-bottom: 0;
}	

.links li{
	float: left;
}

.links li a{
	float: left;
	color: #fff;
	margin-left: 15px;
	border-left: 2px solid #fff;
	line-height: 14px;
	padding-left: 10px;
	margin-top: 6px;
}

.links li:first-child a{
	border-left: 0;
}

.slideContent2{
	display:none; 
	color: #000;
	border-bottom: 1px solid #f1f1f1;
	padding: 15px 10px;
}

.slideContent2 .form-group{
	margin-bottom: 0;
}

.slideContent2 label{
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	margin-top: 2px;
}

.slideContent2 .btn-default{
	font-size: 13px;
	background-color: #fff;
	color: #286202;
	border: 0;
}

.slideContent2 .btn-default:hover{
	background-color: #ccc;
}

.display{
	display:  none;
}




/*........................... MENUS BAR ......................*/
.logo{
	margin: 0;
}

.menu nav{
	margin-bottom: 0;
	background-color: #fff;
}

.menu .navbar-nav{
	float: right;
}

.menu .navbar-nav > li > a{
	color: #286202;
	font-size: 14px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.menu .nav > li > a:hover, 
.menu .nav > li > a:focus,
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus{
	background-color: #c5f4a6;
	/*border-bottom: 3px solid #286202;*/
}

.menu .navbar{
	border-radius: 0;
	border: 0;
}

.menu .nav .open > a, 
.menu .nav .open > a:hover, 
.menu .nav .open > a:focus{
	background-color: #c5f4a6;
	color: #286202;
}

.menu .dropdown-menu{
	padding: 0;
}

.menu .dropdown-menu > li{
	border-top: 1px solid #f1f1f1;
}

.menu .dropdown-menu > li > a{
	padding: 11px;
	font-size: 14px;
	color: #286202;
	font-weight: 500;
}


/*,,,,,,,,,,,,,,,,,,,,,,,,,,,, SLIDER ,,,,,,,,,,,,,,,,,,,,,,,,,,,,*/
#owl-demo .item img{
      display: block;
      width: 100%;
      height: auto;
}

#bar{
  width: 0%;
  max-width: 100%;
  height: 4px;
  background: #7fc242;
}

#progressBar{
  width: 100%;
  background: #EDEDED;
}

.owl-theme .owl-controls .owl-buttons div{
	width: 42px;
	height: 50px;
	opacity: 1 !important;
	border-radius: 0 !important;
	margin: 0 !important;
	position: absolute;
	top: 45%;
	opacity: 0.8 !important;

}

.owl-theme .owl-controls .owl-buttons .owl-prev{
	background: url(../images/prev-btn.png) no-repeat;
	left: 0;
}

.owl-theme .owl-controls .owl-buttons .owl-next{
	background: url(../images/next-btn.png) no-repeat;
	right: 0;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	opacity: 1 !important;
}

#slider .carousel-caption{
	background: rgba(0,0,0,0.4);
	left: 5%;
	right: 60%;
	text-align: left;
	padding: 20px;
}

#slider .carousel-caption h2{
	margin-top: 0;
	margin-bottom: 5px;
}

#slider .carousel-caption p{
	text-align: justify;
}

.border-line{
	height: 3px;
	background-color: #58bdff;
	width: 10%;
	margin-bottom: 15px;
}

/*....................... ABOUT TEXT .......................*/
.welcome{
	text-align: center;
}

.module-head{
	margin-bottom: 30px;
}

.module-head h2{
	color: #286202;
	font-size: 50px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0;
	}

.module-head p{
	text-align: center;
	color: #777777;
	font-size: 17px;
	margin-bottom: 0;
}

.border{
	height: 2px;
	background-color: #286202;
	display: inline-block;
	text-align: center;
	width: 10%;
}

.welcome-note{
	font-weight: normal;
	font-size: 15px;
	line-height: 30px;
}

.welcome .btn-default{
	background: #b90410 url(../images/more-icon.png) no-repeat;
	background-position: 155px 8px;
	padding: 6px 70px 6px 30px;
	font-weight: 700;
	margin-top: 50px;
}


/*........................... PERMIT PROCESS INFORMATION ................*/
.process{
	margin-top: 100px;
}

.process h2{
	color: #286202;
	font-size: 26px;
	border-bottom: 1px solid #286202;
	padding-bottom: 15px;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.processing{
	margin-left: -15px;
	margin-right: -15px;
}

.processing .caption{
}

.process .thumbnail{
	border-radius: 0;
	padding: 3px;
	margin-bottom: 5px;
}

.process .caption{
	margin-bottom: 60px;
	min-height: 150px;
}

.process .caption h3{
	margin: 5px 0;
}

.process .caption h3 a{
	color: #286202;
	font-size: 18px;
	font-weight: 600;
}

.process .caption h3 a:hover{
	color: #b90410;
	text-decoration: none;
}

.process .caption p{
	font-size: 15px;
	line-height: 24px;
}



/*................... FOOTER	........................*/
footer{
	background: #286202;
	color: #fff;
	margin-top: 50px;
	padding: 50px 0;
}

footer h2{
	font-size: 28px;
	margin: 0 0 10px;
	font-weight: 500;
	text-transform: uppercase;
}

footer .line{
	height: 2px;
	background-color: #fff;
	width: 20%;
	margin-bottom: 20px;
}

.locate{
	margin-bottom: 30px;
}

.locate .fa{
	float: left;
	position: relative;
	top: 3px;
	font-size: 30px;
}
.locate .fa.fa-envelope-o{
	font-size: 24px;
}

.locate p{
	margin-left: 35px;
	font-size: 15px;
}

.locate.phone p{
	font-size: 17px;
}

.locate a{
	position: relative;
	top: 3px;
}

footer a{
	color: #fff;
}

footer a:hover{
	color: #a1ff63;
	text-decoration: none;
}

footer ul li{
	margin-bottom: 15px;
	font-size: 15px;
}

footer label{
	font-size: 15px;
}

footer .control-label{
	padding-left: 0;
	padding-right: 0;
}

footer .btn-default{
	background-color: #0d2000;
	border: 1px solid #0d2000;
	font-size: 15px;
}

footer .btn-default:hover{
	background-color: #0d2000;
	border: 1px solid #0d2000;
	opacity: 0.7;
}

.bottom-footer{
	background-color: #173a00;
	padding: 10px 0;
	color: #fff;
	font-size: 13px;
}
/*........................................*/


/*.......................... TOP BANNER ................*/
.bg-top{
	background: url(../images/top-banner.jpg) no-repeat left top;
	height: 150px;
	padding-top: 20px;
	position: relative;
	margin-bottom: 60px;
	}
	
.bg-top h2{
	color: #fff;
	font-size: 36px;
	text-align: center;
	line-height: normal;
	margin: 10px 0;
	font-weight: 500;
	}
	
.bread-crumb{
	background: rgba(0, 0, 0, 0.2);
	position: absolute;
	width: 100%;
	bottom: 0;
	}
	
.breadcrumb{
	background-color: transparent;
	margin-bottom: 0;
	text-align: center;
	}
	
.bread-crumb a{
	color: #fff;
	text-align: center;
	}
	
.breadcrumb > .active{
	color: #b6ff86;
	font-size: 14px;
	}


/*......................... CONTACT US PAGE ...................*/
.contact-us{
	margin-bottom: 60px;
	}

.title h2{
	border-left: 5px solid #286202;
	margin: 0 15px 35px 0;
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
	padding-left: 10px;
	}

.contact1 .fa{
	float: left;
	height: 50px;
	width:50px;
	line-height: 48px;
	text-align: center;
	border: 2px solid #286202;
	border-radius: 50%;
	color: #286202;
	font-size: 20px;
	margin: -2px 15px 0 0;
	}

.contact1 .fa-phone{
	font-size: 18px;
	}

.contact1 .fa-envelope{
	font-size: 13px;
	}

.contact1{
	padding-bottom: 15px;
	margin-bottom:20px;
	}

.contact1 .add-title{
	color: #286202;
	font-size: 18px;
	margin: 10px 0 5px 60px;
	font-weight:600;
	text-transform: uppercase;
	}
	
.contact1 p{
	margin-left: 65px;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	}

.contact1.phone p{
	font-size: 17px;
}

.contact1 p a{
	color: #000;
	word-wrap: break-word;
	}
	
.contact1 p a:hover{
	color: #286202;
	text-decoration: none;
	}
	
.contact-form .form-control{
	border: 0;
	border-bottom: 1px solid #286202;
	}
	
.contact-form .form-control::-moz-placeholder{
	font-size: 14px;
	color: #afafaf;
	font-style: italic;
	}
	
.contact-form textarea{
	font-size: 14px;
	color: #454444;
	border: 1px solid #286202;
	width: 100%;
	margin-top: 25px;
	padding: 8px;
	font-style: italic;
	}
	
.contact-form .btn-default{
	margin: 50px 0;
	}
	
.map iframe{
	height: 400px;
	width: 100%;
	}


/*.............................. ABOUT US PAGE ......................*/
.about .col-md-7.col-sm-12{
	padding-left: 0;
}

.about img{
	border: 1px solid #bcbcbc;
	border-radius: 4px;
}

.about p{
	font-weight: normal;
	line-height: 30px;
	font-size: 14px;
}

.about span{
	font-weight: 600;
	color: #286202;
}

.objective ul,
.common-page ul{
	margin-top: 15px;
}

.objective ul li,
.common-page ul li{
	background: url(../images/listing-icon.png) no-repeat;
	background-position: 0 5px;
	margin-bottom: 10px;
	padding-left: 25px;
	font-weight: normal;
}


/*........................ CONVERTER .................*/
.border__{
	background-color: #286202;
	height: 1px;
	margin-bottom: 30px;
}

.converter-title{
	text-align: center;
	margin-bottom: 20px;
}

.converter-title h3{
	color: #286202;
	margin: 5px 0;
	font-size: 20px;
}

.top-border, .bottom-border{
	height: 1px;
	background-color: #286202;
	width: 20%;
	display: inline-block;
}

.bottom-border{
	position: relative;
	top: -10px;
}

.convert-form{
	margin-bottom: 40px;
}

.convert h5{
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 20px;
}

.convert select{
	font-family: 'Lato', sans-serif;
	border: 1px solid #9e9e9e;
	height: 30px;
	margin-right: 10px;
	padding: 0 10px;
}

.convert option{
	font-size: 13px;
	padding: 5px;
}

.convert .btn-default{
	height: 30px;
	padding: 0 10px;
	font-size: 14px;
	font-weight: 600;
}

.convert .form-group{
	padding-right: 0;
}

.convert .control-label{
	padding: 0;
	font-size: 14px;
	color: #1a1a1a;
}

.convert .form-control{
	background-color: #f9f8f8;
}

/*................. FAQ .................*/
.faq h2{
	margin-bottom: 15px;
}

.module-text{
	font-size: 14px;
	margin-bottom: 30px;
}

.faq .panel-default > .panel-heading{
	background-color: #286202;
	border-radius: 0;
	color: #fff;
	border: 0;
}

.faq .panel-title > a{
	display: block;
	font-weight: 600;
	line-height: 24px;
}

.faq .panel-title > a:hover{
	text-decoration: none;
}

.faq .panel-group .panel{
	border-radius: 0;
	border: 1px solid #e7e5e5;
	margin-bottom: 20px;
}

.faq .panel-body{
	color: #2e2e2e;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
}

.faq .fa{
	float: right;
}


/*........................ DOWNLOAD ................*/
.download .form-control{
	margin-bottom: 15px;
}

.download .btn-default{
	padding: 4px 40px;
	margin-left: 60px;
}

.download form{
	margin-bottom: 30px;
}

.download .table thead{
	background-color: #286202;
	color: #fff;
}

.download .table-bordered > thead > tr > th, 
.download .table-bordered > tbody > tr > td{
	font-size: 14px;
	font-weight: 500;
	padding: 10px 8px;
}

.download table a{
	color: #b30f1c;
	font-weight: 600;
}

.paginate{
	text-align: center;
}

.pagination, .pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span{
	border-radius: 0;
}

.pagination > li > a, .pagination > li > span{
	border: 1px solid #286202;
	color: #286202;
}

.pagination > li > a:hover, .pagination > li > span:hover, 
.pagination > li > a:focus, .pagination > li > span:focus{
	border: 1px solid #286202;
}

/*....................... WARD INFO .................*/
.ward-info .form-control::-moz-placeholder{
	color: #5d5c5c;
}

.padding{
	padding: 0;
}

.ward-info td div{
	margin-bottom: 10px;
	font-weight: 600;
}

/*........................... MAP .....................*/
#map_canvas iframe{
width:100%;
height:500px;
}

/* MEDIA QUERIES */

@media (min-width: 1001px) and (max-width: 1200px){


	/*...................... CONVERTER ...................*/
	.convert select{margin-right: 0;}
	..convert .btn-default{padding: 0 10px;}
}

@media (max-width: 1200px){
	.slideContent2 .col-md-3{padding: 0;}
	.slideContent2 .btn{padding: 6px;}
	.menu .navbar-nav > li > a{padding-left: 10px; padding-right: 10px;}
	#slider .carousel-caption{right: 50%;}
	.process .caption h3 a{font-size: 15px;}
	.process .caption p{font-size: 14px;}

	/*.................... DOWNLOAD ....................*/
	.download .btn-default{margin-left: 50px;}

}


@media (max-width: 1024px){
	.menu .navbar-nav > li{margin-right: 0;}
}

@media (min-width: 768px) and (max-width: 1000px){

	/*...................... CONVERTER ......................*/
	.center{text-align: center;}
	.convert .btn-default{padding: 0 40px; }
	.convert select{padding: 0 25px 0 10px;}
	.convert .control-label{text-align: left;}
}

@media (max-width: 1000px){
	.slideContent2 .form-group{padding: 0;}
	.menu .navbar-nav{margin: 0 -15px;}
	.menu .navbar-brand{top: -27px;}
	.menu .navbar-toggle{background-color: transparent; margin-top: 30px; margin-bottom: 30px; border: 0;}
	.menu .navbar-toggle .icon-bar{background-color: #286202;}
	.menu .navbar-nav > li > a{padding: 12px 18px 14px;}
	.menu .navbar-nav{float: none; border-top: 2px solid #286202;}
	.menu .navbar-toggle:hover, .menus .navbar-toggle:focus{background-color: #d4feb9;}
	.menu .container > .navbar-header, .menus .container-fluid > .navbar-header, .menus .container > .navbar-collapse, .menus .container-fluid > .navbar-collapse{margin-left: 0; margin-right: 0;}
	#slider .carousel-caption{right: 10%; left: 10%;}
	h2{font-size: 30px;}
	#slider .carousel-caption p{font-size: 14px; line-height: 26px;}
	.process .caption h3 {line-height: 18px;}
	footer h2{font-size: 18px;}
	.locate .fa{font-size: 22px;}
	.locate .fa.fa-envelope-o{font-size: 19px;}
	.locate a{top: 0;}
	.locate p{margin-left: 28px;}
	footer .forms{padding: 0;}

	/*......................... ABOUT US PAGE ........................ */
	.about .col-md-5.col-sm-12{padding-left: 0;}
	.about img{margin: 20px 0;}

	/*.................... DOWNLOAD ....................*/
	.download .btn-default{margin-left: 10px;}
	}

@media(max-width: 767px){
	.links.pull-right{float: none !important;}
	.slideContent2 .form-group{margin-bottom: 15px;}
	.slideContent2 .col-md-3.col-sm-4.col-xs-8.col-xs-offset-4{padding-left: 15px;}
	#slider .carousel-caption{position: relative; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;}
	.owl-theme .owl-controls .owl-buttons div{top: 27%;}
	.owl-theme .owl-controls .owl-buttons div{height: 37px; width: 31px;}
	.owl-theme .owl-controls .owl-buttons .owl-prev{background: url(../images/prev-btn-sm.png) no-repeat;}
	.owl-theme .owl-controls .owl-buttons .owl-next{background: url(../images/next-btn-sm.png) no-repeat;}
	h2{font-size: 24px;}
	.welcome .btn-default{margin-top: 20px; background-position: 130px 8px;}
	.btn-default{font-size: 14px; padding: 4px 12px;}
	.module-head h2{font-size: 30px;}
	.module-head p{font-size: 14px;}
	.process{margin-top: 45px;}
	.process h2{font-size: 20px;}
	.process .caption{margin-bottom: 40px;}
	footer .line{width: 7%;}
	footer .col-sm-4.wow{margin-bottom: 30px;}

	/*.......................... CONTACT US PAGE .....................*/
	.contact .form-group{margin-bottom: 30px;}

	/*....................... CONVERTER ................*/
	.convert-form .col-md-8.col-sm-9{padding-left: 0;}
	.convert-form .form-group{padding: 0;}

	/*....................... FAQ ...............*/
	.faq .panel-title{font-size: 14px;}

	/*..................DOWNLOAD ...................*/
	.download .col-md-9.col-sm-8{padding-left: 0;}
	.download .btn-default{margin-left: 0px;}
	.download .table-bordered > thead > tr > th, 
	.download .table-bordered > tbody > tr > td{font-size: 12px;}
}

@media(max-width: 600px){
	
}

@media (max-width: 559px){
	.bar-line .phone, .bar-line .col-md-8.col-sm-8.col-xs-9{width: 100%;}
	.links li:first-child a{margin-left: 0;}

	/*................. BREADCRUMB ...................*/
	.bg-top h2{font-size: 24px;}
}

@media (max-width: 360px){
	.bar-line .col-md-8.col-sm-8.col-xs-9{padding: 0;}
	.no-display{display: none;}
	.display{display: block; float: right;}
	.phone-no{float: left;}
	.slideContent2 .col-md-3.col-sm-4.col-xs-8.col-xs-offset-4{margin-left: 0; width: 100%; padding-left: 0;}


	/*................... CONTACT US PAGE ..................*/
	.contact1 .fa{height: 40px; width: 40px; line-height: 37px;}
	.contact1 .add-title{font-size: 16px; margin-left: 55px;}
	.contact1 p{margin-left: 55px;}
	.contact h2{font-size: 20px; line-height: 30px;}

	/*.................. CONVERTER .................*/
	.convert .btn-default{margin-top: 20px;}
	.convert h5{font-size: 14px;}


	/*......................... ABOUT US PAGE ...............*/
	.title h2{font-size: 20px; line-height: 30px;}
}



@media (max-width: 320px){
	.imga{left: 0;}
	#owl-demo .item{margin: 0;}
	#slider .carousel-control.right{right: 25px;}
}