@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

* {margin : 0; padding : 0; outline: none !important;}
.clear, .clr { clear : both;}
.gap { clear : both; height : 10px;}
.frt {float : right;}
.flt {float : left;}
img {border : 0;}
form {margin : 0;}
/*ol, ul {list-style:none;}*/


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a:link, a:visited {text-decoration : none;}
a:hover {color:#c00;}

/*a {
	text-decoration: none;
	color: inherit;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	color:#c00;
}

a:hover {
	color: #1f201f;
}*/

/*****
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
*****/

html {
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}

.result {width:100px; text-align:left;margin-left:10px; display:inline-block;}
.captcha { float:left; padding-top:2px;}
form em { color:#FF0000;}
.gcaptcha { margin-bottom:10px; text-align:left; display:inline-block;}

.map-content  {height:400px; position:relative; overflow:hidden; margin-top:10px; }
.map-content iframe {border:none; height:100%;width:100%; position:absolute; left:0; top:0;}
.map-content figure iframe {border:none; height:100%;width:100%; position:absolute; left:0; top:0;}

.map-content2  {height:100vh; position:relative; overflow:hidden; }
.map-content2 iframe {border:none; height:100%;width:100%; position:absolute; left:0; top:0;}
.map-content2 figure iframe {border:none; height:100%;width:100%; position:absolute; left:0; top:0;}

.breadcrumb { background:none; border-radius:0; margin-left:0;
	border-bottom:0px solid #ccc;
    margin-bottom: 15px;
    padding: 5px 0;}
.breadcrumb li a { color:#8ec640;}
.breadcrumb li a:hover { color:#fff;}

h1, h2, h3, h4, h5 {font-family: 'Lato', sans-serif; margin-top:5px;}

h1 { font-size:32px; font-weight: 700; line-height:42px; color:#000; text-transform:uppercase;}
h2 { font-size:32px; font-weight: 700; line-height:42px; color:#000; text-transform:uppercase;}
h3 { font-size:26px; font-weight: 400; line-height:32px; color:#000;}
h4 { font-size:24px; font-weight: 400; line-height:30px; color:#000;}
h5 { font-size:18px; font-weight: 400; line-height:22px; color:#000;}

body { font-family: 'Open Sans', Helvetica, sans-serif; font-size:15px; color:#333; line-height:22px; background:#fff;}


/*Back to Top*/
#back-top {position: fixed; bottom:40px;z-index:99; right:25px; display:none; width:41px;height:41px;}
#back-top a:hover {color:#333; }
#back-top span {width:41px;height:41px; display: block;	background:url(../images/up-arrow.gif) no-repeat center center #333;border-radius: 0; opacity:0.4; filter:alpha(opacity=40); }
#back-top a:hover span { background-color:#8ec640; opacity:1; filter:alpha(opacity=1);}

.limit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* List Style */

ul.listing { list-style:none; margin:0; padding:0; margin-bottom:10px;}

ul.list { list-style:none; margin-left:0; padding-left:0;}
ul.list li { background:url(../images/sqr.jpg) no-repeat 0 9px; padding-left:17px;}
ul.list li a { color:#333;}
ul.list li a:hover { color:#3399cc;}
ul.list li li {list-style:none; padding-left:15px; margin-left:-20px; background:url(../images/subsqr.jpg) no-repeat 0 7px;}

ul.list li+li {
    margin-top: 7px;
}

main ul {margin-left:12px;}

main ol {margin-left:14px;}
main ol li { padding-left:5px;}

.btn-default, a.btn-default { background:#8ec640; color:#000; border-color:#8ec640; text-transform:uppercase; font-family: 'Lato', sans-serif; font-weight:700; padding:10px 20px;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.btn-default:hover { background-color:#333; color:#fff; border-color:#000}

.banner { position:relative; }

main { margin:0;}

.socialmedia {white-space:nowrap; text-align:right; margin:5px 0;  line-height:0;}
.socialmedia li {  display:inline-block; padding-left:10px; vertical-align:middle;}
.socialmedia li img { width:32px;}
.socialmedia li a { font-size:20px; color:#333;}
.socialmedia li a:hover {color:#000}

.socialmedia li a:hover { color:#3c5a9a;}
.socialmedia li+li a:hover { color:#56a3d9;}
.socialmedia li+li+li a:hover { color:#c0221f;}
.socialmedia li+li+li+li a:hover { color:#8ec640;}

.footsocialmedia {white-space:nowrap; text-align:center; margin:5px 0;  line-height:0;}
.footsocialmedia li {  display:inline-block; padding-left:10px; vertical-align:middle;}
.footsocialmedia li img { width:42px;}
.footsocialmedia li a { font-size:20px; color:#333;}


footer {background:#131211; color:#ccc; }
.footer {padding:25px 0 10px;}
.footer, .footer a {  color:#cccccc;  font-size:14px;  }
.footer a:hover { color:#fff;}

.footer h3 { color:#fff; text-transform:uppercase;}
.footer h5 { color:#99cc33;}

.footlist{ text-align:center }                      
.footlist li{ display: inline; list-style-type: none; padding: 0; margin:0; color:#cccccc;}
.footlist a { padding: 0px 2px; }
.footlist a:link, .footlist a:visited {color: #cccccc; text-decoration: none;}
.footlist a:hover{color: #2cafe5; text-decoration: none;}

.footlt { float:left;}
.footrt { float:right;}

.copyright { background:#8ec640; padding:15px 0; font-size:14px; color:#333;}
.copyright a { color:#333}
.copyright a:hover { color:#fff;}

.navigation { float:right; position:relative; z-index:99;}

.thumb { margin-bottom:7px;}
.thumb img { max-width:100%;}
.thumblt { float:left; width:350px; margin:2px 15px 5px 0;}
.thumbrt { float:right; width:350px; margin:2px 0 5px 15px;}
.thumblt img, .thumbrt img { max-width:100%;}

.search { display:inline-block; margin-left:10px; float:right; margin-top:7px; }

.searchpanel { margin:0; padding:0 10px 0 0; clear:right; margin:7px 0 7px;}
.searchpanel { }
.searchpanel .btn-default { background:#fff; border:1px solid #ccc;}
.searchpanel .input-group .form-control { float:right;}
.searchpanel .input-group-btn .fa { color:#1b4279;}


/*** Carousel Fade Effect ***/
.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity;  overflow:hidden;}
.carousel-fade.zoomin .carousel-inner .item.active img { transition: transform 5000ms linear 0s; transform: scale(1.05, 1.05);}
.carousel-fade .carousel-inner .active { opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1;}
.carousel-fade .carousel-control { z-index: 2;}
.carousel-control { padding-top:30%;}
/* Carousel Fade Effect */

.header  { text-align:center; margin-bottom:10px;}
.header::after { display: block; content: ""; background: #23377e;	width: 150px; height: 2px; margin:5px auto 5px; }

.midlinetxt {}
.midlinetxt { position: relative; text-align: left;}
.midlinetxt span { background: #fff; padding: 0 15px 0 0; position: relative; z-index: 1;}
.midlinetxt:before { background: #4277d3; content: ""; display: block; height: 1px; position: absolute; top: 50%; width: 100%;}
.midlinetxt:before { left: 0; }



.blockdetail .thumb {  width:350px; float:left; overflow:hidden; margin:5px 15px 5px 0;}
.blockdetail .thumb img { max-width:100%;}
.blockdetail ul.thumb li { display:none; position:relative;}
.blockdetail ul.thumb li:first-child { display:block;}

.blockdetail ul.thumb li span { padding:5px; position:absolute; z-index:999; width:100%; left:0; bottom:0; background:rgba(0,0,0,0.70); color:#fff; text-align:center; font-size:12px;}
.blockdetail .date { font-weight:bold; font-size:16px; padding-top:5px; color:#949494}

.clr-rt { clear:right;}
.clr-lt { clear:left;}


/*Float Button Left*/
.floatbtn a{ position:fixed; z-index:999; top:100px; margin-left:-10px; text-align:right; transition: width 0.4s; -webkit-transition: width 0.4s; /* Safari */
transition-property:margin;
-moz-transition-property: margin; /* Firefox 4 */
-webkit-transition-property:margin; /* Safari and Chrome */
-o-transition-property:margin; /* Opera */
}
.floatbtn a:hover{ margin-left:0px;}

/*Float Button Right*/
.floatbtn-rt a{ position:fixed; z-index:999; top:200px; right:0; margin-right:-10px; text-align:right; transition: width 0.4s; -webkit-transition: width 0.4s; /* Safari */
transition-property:margin;
-moz-transition-property: margin; /* Firefox 4 */
-webkit-transition-property:margin; /* Safari and Chrome */
-o-transition-property:margin; /* Opera */
}
.floatbtn-rt a:hover{ margin-right:0px;}

/*Float Button Social Media*/
.floatbtn {}
.floatbtn-social a{ position:fixed; z-index:999; top:170px; margin-left:-25px; text-align:right; transition: width 0.4s; -webkit-transition: width 0.4s; /* Safari */
transition-property:margin;
-moz-transition-property: margin; /* Firefox 4 */
-webkit-transition-property:margin; /* Safari and Chrome */
-o-transition-property:margin; /* Opera */
}
.floatbtn-social a:hover{ margin-left:0px;}
.floatbtn-social.btn01 a{top:170px;}
.floatbtn-social.btn02 a{top:220px;}
.floatbtn-social.btn03 a{top:270px;}
.floatbtn-social.btn04 a{top:320px;}

.servicebg { background:url(../images/servicebg.jpg) no-repeat center top; background-size:cover; padding:25px 0 25px;}
.servicebg h2 { color:#fff;}
.service-box { text-align: center; margin:10px;text-align:center; color:#ccc; }
.service-box .thumb { background:#8ec640; padding:20px; height:111px; width:111px; margin:auto; border-radius:50%; overflow:hidden; }

.service-box h4 {  color:#8ec640; text-transform:uppercase;}
.speech {
  background: #f9f9f9;
  padding:10px 0;
}
.speech:before {
  color: #999;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.20em;
  vertical-align: -0.4em;
}
.speech:after {
  color: #999;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.20em;
  vertical-align: -0.5em;
}

/* Gallery */
.gallery {  margin-left:-15px; margin-right:-15px;}

.galblock { list-style:none; overflow:hidden; background:#fff; position:relative; text-align:center; overflow:hidden; 
/*height:170px;*/
/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;*/
-moz-box-shadow: 0 5px 3px -3px #6e6e6e;
-webkit-box-shadow: 0 5px 3px -3px #6e6e6e;
box-shadow: 0 5px 3px -3px #6e6e6e;}

.galblock .video { position:absolute; top:20%; left:36%; z-index:999;}
.galblock span.video { background:url(../images/video.png) no-repeat; height:64px; width:64px; margin-top:40px;}

.galblock img{  max-width: 100%; /*max-height:100%;*/
-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	}
.galblock img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	}
.galblock a:hover img {
	-webkit-transform: rotate(4deg) scale(1.2);
	-moz-transform: rotate(4deg) scale(1.2);
	-ms-transform: rotate(4deg) scale(1.2);
	-o-transform: rotate(4deg) scale(1.2);
	transform: rotate(4deg) scale(1.2);
}
.galblock_image a .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background-color: #000;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	opacity: 1;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.galblock_image a .overlay h5{
	color: #FFF;
	position: absolute;
	height: 70px; overflow:hidden;
	top: 50%;
	left: 0px;
	right: 0px;
	margin-top: -25px;
	line-height: 24px;
	text-align:center;
	letter-spacing:1px;
}
.galblock_image a:hover .overlay { opacity: 0;
-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);}



blockquote {
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}

a.more { font-size:18px; color:#800000;}
a.more:after { font-family: 'FontAwesome'; content: '\f105'; padding-left:5px; }
a.more:hover { color:#cc0000}

.heading {
  text-align: center;
  text-transform: uppercase;
}
.heading .lbtitle {
  position: relative;
  z-index: 1;
}
.heading .lbtitle:before {
  border-top: 2px solid #dfdfdf;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 95%;
  z-index: -1;
}
.heading .lbtitle span {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #fff;
  padding: 0 15px;
}

.top-bar { background:#cccccc; padding:10px 0;}

.toplink { list-style:none; color:#333; font-family: 'Lato', sans-serif; font-size:14px; margin-bottom:0;}
.toplink li { display:inline-block; margin-left:10px;}
.toplink li:first-child { margin-left:0;}
.toplink li .fas {font-size:16px; padding:6px 7px 8px;}
.toplink li a { color:#333;}
.toplink li a:hover { color:#000;}

.headbar {}

#logo { margin:10px;}

#myOverlay.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index:99;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}

.overlay .closebtn:hover {
    color: #ccc;
}

.overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    background: white;
}

.overlay input[type=text]:hover {
    background: #f1f1f1;
}

.overlay button {
    float: left;
    width: 20%;
    padding: 15px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
}

.overlay button:hover {
    background: #8ec640;
}

.welocome {}
.grnbg { background:#8ec640; padding:40px; font-size:16px; line-height:24px;}
.whtbg { background:#CCCCCC; padding:40px;}

.whitebg { padding:25px 0 25px;}

/* announcement */
.announcement .serviceBox{
    padding: 20px 25px; margin:15px 10px;
    border-radius: 5px;
    text-align: right;
    overflow: hidden;
    z-index: 1;
    position: relative; background:#e3e3e3;
	min-height:272px;
}
.announcement .serviceBox:before{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: #8ec640;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: -1;
    transition: all 0.5s ease 0s;
}
.announcement .serviceBox:hover:before{ left: 0; }
.announcement .serviceBox:after{
    content: "";
    width: 7px;
    height: 0;
    border-radius: 0;
    background: #bef72e;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.announcement .serviceBox:hover:after{ height: 100%; }
.announcement .serviceBox .service-icon{
    color: #8ec640 ;
    margin-bottom: 10px;
    transition: all 0.5s ease 0s; text-align:center;
}
.announcement .serviceBox .service-icon i{ font-size: 30px; display: block;}
.announcement .serviceBox .title{
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    /*text-transform: capitalize;*/
    margin-right: 10px;
}
.announcement .serviceBox .description{
    font-size: 15px; text-align:center;
    color: #333;
    line-height: 25px;
    transition: all 0.5s ease 0s;
}
.announcement .serviceBox:hover .service-icon,
.announcement .serviceBox:hover .description{ color: #fff; }


/* Loan Page */
.loan { text-align:center;}
.loan .serviceBox{ text-align: center; display:inline-block; width:46%; margin:15px 1%; padding:15px 10px 10px; vertical-align:top; border:1px solid #e8e8e8; min-height:290px;
-webkit-box-shadow: 0px 5px 7px -3px rgba(102,102,102,1);
-moz-box-shadow: 0px 5px 7px -3px rgba(102,102,102,1);
box-shadow: 0px 5px 7px -3px rgba(102,102,102,1);}
.loan .serviceBox .service-icon{
    display: inline-block;
    width: 120px;
    height: 120px;
    line-height: 120px;
    margin-bottom: 22px;
    font-size: 35px;
    color: #8dc63f;
    position: relative;
}
.loan .serviceBox .service-icon:before{
    content: "";
    width: 120px;
    height: 120px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.25s ease 0s;
}
.loan .serviceBox:hover .service-icon:before{
    width: 93px;
    height: 93px;
    border: 3px solid #8dc63f;
    top: 13px;
    left: 13px;
    transform: rotate(45deg);
}
.loan .serviceBox .title{
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #0d3b66;
    margin: 0 0 15px 0;
    transition: all 0.25s ease 0s;
}
.loan .serviceBox:hover .title{
    color: #8dc63f;
}
.loan .serviceBox .description{

}


.graybg {background:#efefef; padding:25px 0 25px;}

.gallery-box { text-align: center; margin:15px 2px;text-align:center; }

.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}
.owl-theme .owl-controls .owl-buttons .owl-prev{
  left: -10px;
  top: 42%; 
}
.owl-theme .owl-controls .owl-buttons .owl-next{
  right: -10px;
  top: 42%;
}

.btn-primary, a.btn-primary { background:#8ec640; color:#fff; border-color:#8ec640; border-radius:0;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;
-webkit-box-shadow: 0px 2px 3px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 3px -2px rgba(0,0,0,0.75);
box-shadow: 0px 2px 3px -2px rgba(0,0,0,0.75);}
.btn-primary:hover { background-color:#8ec640; color:#fff; border-color:#8ec640}

.banner { overflow:hidden;}
.ring { position:absolute; z-index:3;  right:0; top:-15px; }

.title-section { padding:25px 0; background:url(../images/innerbanner.jpg) no-repeat bottom center; background-size:cover; margin-bottom:15px;}
.title-section h1 { color:#fff;}


.column2 {-moz-column-count: 2;
-moz-column-gap: 15px;
-webkit-column-count: 2;
-webkit-column-gap: 15px;
column-count: 2;
column-gap: 15px;}

/*Faq*/

#accordion .panel{
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 15px;
    position: relative;
}
#accordion .panel:before{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    border: 1px dashed #76af26;
    position: absolute;
    top: 25px;
    left: 18px;
}
#accordion .panel:last-child:before{ display: none; }
#accordion .panel-heading{
    padding: 0;
    border: none;
    border-radius: 0;
    position: relative;
}
#accordion .panel-title a{
    display: block;
    padding: 10px 30px 10px 60px;
    margin: 0;
    background: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #76af26;
    border-radius: 0;
    position: relative;
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 40px;
    height: 100%;
    line-height: 40px;
    background: #8ec640;
    border: 1px solid #8ec640;
    border-radius: 3px;
    font-size: 17px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:before{
    content: "\f105";
    background: #fff;
    border: 1px solid #76af26;
    color: #000;
}
#accordion .panel-body{
    padding: 10px 30px 10px 30px;
    margin-left: 40px;
    background: #fff;
    border-top: none;
    line-height: 24px;
}

#accordion .panel-title.que:after  {content: "\f107";
    font-family: "Font Awesome 5 Free";}

/*Contacts*/
.form-control-feedback { color:#ccc;}
.form-control-feedback {
    display: block;
    height: 34px;
    line-height: 34px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 34px;
    z-index: 2;
}
.required-field {
    color: #f45858;
    display: inline;
    font-size: 18px;
    line-height: 12px;
}
.gcaptcha { margin-bottom:10px; text-align:left; display:inline-block;}

.grnblock { background:#8ec640; padding:15px; border-radius:4px;}
.grnblock .btn-default { background:#fff; color:#000; border-color:#ccc;}
.grnblock .btn-default:hover { background-color:#333; color:#fff; border-color:#000}

.panel-heading { padding:1px 15px;}
.panel-heading h4 { font-size:18px; color:#76af26; letter-spacing:1px; font-weight:bold;}

.downloadblock { margin-bottom:10px; border-bottom:1px dashed #ccc; padding-bottom:10px;}
.downloadblock:after { clear:both; display:table; content:"";}
.downloadblock:last-child {border-bottom:0px solid #ccc; margin-bottom:0px;}
.downloadblock .title { color:000; font-size:18px;}
.downloadblock .date { font-weight:normal; margin-top:0; padding-top:0;}

.downaction { text-align:right;}
.downaction .btn { margin-bottom:5px;}


.button { border:1px solid #ccc; border-radius:4px; padding:4px; position:relative; overflow:hidden; margin-bottom:15px;
-webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);
box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);}
.button a { display:block;}
.button .thumb { display:inline-block; width:42px; margin-right:10px; margin-bottom:0;}
.button a .thumb { position:relative; bottom:2px; opacity:1; transition: all 0.1s ease-in-out; float: left;}
.button a:hover .thumb { bottom:-50px; opacity:0;}
.button h4 { display:table; overflow:hidden; vertical-align:middle; font-size:20px; font-weight:bold;}
.button i { font-size:30px; position:absolute; left:5px; top:-50px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;}
.button a i { color:#ccc; height:42px;}
.button a i img { max-height:100%;}
.button a:hover i { top:4px;}

.visionbox { padding:10px 15px; border-radius:4px; margin-bottom:15px;
background: linear-gradient(110deg, #8ec642 80%, #a1e04c 80%);
-webkit-box-shadow: 0px 3px 5px -3px rgba(102,102,102,1);
-moz-box-shadow: 0px 3px 5px -3px rgba(102,102,102,1);
box-shadow: 0px 3px 5px -3px rgba(102,102,102,1);
}

.table tr.head, .table tr.head:hover { background:#333; color:#fff;}
a.link { color:#79b723;}
a.link:hover { color:#c00;}

.team { border:1px solid #ccc; padding:4px; border-radius:4px; margin-bottom:15px; text-align:center;}
.team .thumb {}
.team .thumb img {}
.team h5 { color:#99cc33; font-weight:600; margin-bottom:5px;}
.team p { color:#666; font-weight:400;}


.committee {}
ul.nav-tabs.committee { border-bottom:0; margin-left:0;}
.nav-pills.committee > li.active > a, .nav-pills > li > a { border-radius:0; border:none; background:#cacaca; color:#333; font-size:16px; }

.nav-pills.committee > li.active > a, .nav-pills.committee > li.active > a:focus, .nav-pills.committee > li.active > a:hover
{ background:#8ec640; color:#fff;}

.committee.nav-pills > li + li { margin-left:0;}
.committee.nav-tabs > li { margin-bottom:2px;}

.committee.nav-tabs .panel-heading { padding:1px 15px;}


/* Responsive Media Query */

@media (min-width: 1366px) {
	.container { width:1270px;}
	#banner li { height:500px; overflow:hidden; position:relative;}
	.gallery .galblock { height:320px;}
	.gallery .galblock img { min-height:100%;}
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
	.wrapper { background:#F50B0B /*red*/}
	#cssmenu { margin-top:30px;}
	.welocome {display: -webkit-flex; /* Safari */ display: flex;}
	#banner li { height:454px; overflow:hidden; position:relative;}
	.gallery .galblock { height:230px;}
	.gallery .galblock img { min-height:100%;}
	.gallery-box .thumb { height:250px;}
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.wrapper { background:#0B6EF5 /*blue*/}
	#cssmenu { margin-top:30px;}
	.welocome {display: -webkit-flex; /* Safari */ display: flex;}
	.gallery .galblock { height:250px;}
	.gallery .galblock img { min-height:100%;}
	.gallery-box .thumb { height:190px;}
	
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.wrapper { background:#32F50B /*green*/}
	 .serviceBox{ margin-bottom: 30px; }
	 .loan .serviceBox{  width:46%;}
	 .gallery .galblock { height:320px;}
	 .gallery .galblock img { min-height:100%;}
	 .gallery-box .thumb { height:140px;}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.wrapper { background:#F5800C /*orange*/}
	.footlt, .footrt { float:none; text-align:center;}
	.thumblt { float:left; width:300px; margin:2px 15px 5px 0;}
	.thumbrt { float:right; width:300px; margin:2px 0 5px 15px;}
	.blockdetail .thumb {  width:100%; float:none; overflow:hidden; margin:5px 0 10px 0;}
	.socialmedia {text-align:center;}
	.toplink { text-align:center;}
	 .announcement .serviceBox{ margin-bottom: 30px; }
	 .loan .serviceBox{ margin-bottom: 30px; }
	 .loan .serviceBox{  width:100%;}
	 .gallery .galblock { height:250px;}
	 .gallery .galblock img { min-height:100%;}

}

@media (min-width: 480px) and (max-width: 767px) {
	.wrapper { background:#F54D0B /*dark orange*/}

}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	.wrapper { background:#F5E50B /*yellow*/}
	.col-xs-6 { width:100%; float:none;}
	.thumblt, .thumbrt { float:none; width:100%; margin:2px 0 7px 0;}
	.frt, .flt {float : none; text-align:center;}
	.ring { display:none; }
	
	.column2 {-moz-column-count: 1; -moz-column-gap: 0px;
	-webkit-column-count: 1; -webkit-column-gap: 0px;
	column-count: 1; column-gap: 0px;}
	
}