/* general */
* { padding: 0px; margin: 0px; box-sizing: border-box; outline: none !important; }
html, body { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #000; font-weight: normal; }
input, select, textarea { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #000; }
body { background: #fff; }
img { border: 0px; }
a:focus, input { outline: none !important; }

a,button,input,textarea, span { transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -webkit-transition:.25s ease-in-out; }
h1, h2, h3, h4, h5, h6, p, ul, ol { margin: 0px; }

/* wrapper */
#wrapper { width: 100%; float: left; }	
	
	/* header wrapper */
	#headerWrapper { width: 100%; float: left; background: #17753A; }

	#headerWrapper a.mobilemenubtn { display: none; }
	
		/* logo area */
		.logoArea { width: 100%; float: left; text-align: center;  }
		.logoArea a { padding: 0 25px; display: inline-block; background: #17753A; }
		.logoArea img { margin: 0 auto; max-width: 100%; height: auto; width: 100%;}
				
		/* menu area */
		.menuArea {
		background: #F1592A
	}
		.menuArea { width: 100%; float: left; text-align: center; }
		.menuArea ul { list-style: none; }
		.menuArea li { display: inline-block; }
		.menuArea li a { padding: 0px 12px 8px 12px; display: block; font-size: 14px; color: #fff; text-transform: uppercase; font-weight: normal; text-decoration: none; }
		.menuArea li a:hover, .menuArea li.active a { color: #F1592A; }
		
	/* banner wrapper */
	#bannerWrapper { width: 100%; float: left; }
	
		/* banner area */
		.bannerArea { width: 100%; max-height: 300px; height: 300px; float: left; overflow: hidden; position: relative; }
		.bannerArea ul { list-style: none; }
		.bannerArea .item { width: 100%; float: left; }
		.bannerArea .item img { width: 100%; max-width: 100%; height: auto; margin: 0 auto; }
		
		.bannerArea .slick-dots { list-style: none; position: absolute; top: 260px; left: 0; z-index: 99; width: 100%; float: left; text-align: center; }
		.bannerArea .slick-dots li { padding: 0 5px; display: inline-block; }
		.bannerArea .slick-dots li button { cursor: pointer; display: block; text-indent: -9999px; width: 16px; height: 16px; border-radius: 100%; border: 0px; background: #fff; }
		.bannerArea .slick-dots li button:hover, .bannerArea .slick-dots li.slick-active button { background: #16743a; }
		
	/* middle wrapper */
	#middleWrapper { padding: 15px 0; width: 100%; float: left; }
	#middleWrapper .middlehome { padding: 0px; }
	#middleWrapper ul, #middleWrapper ol { margin: 15px 0 0 20px; }	
	
		/* home carousal area */
		.homecarousalArea { padding: 10px 0; width: 100%; float: left; position: relative; }
		.homecarousalArea ul { list-style: none; }
		.homecarousalArea ul li { text-align: center; }
		.homecarousalArea ul li a { margin: 0 5px; display: block; position: relative; color: #fff; text-decoration: none; border: 1px solid #000; }
		.homecarousalArea ul li span { padding: 20px 10px 0 10px; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(241,89,42,0.85); }
		.homecarousalArea ul li span strong { display: block; font-size: 25px; font-weight: 400; }
		.homecarousalArea ul li:hover span { opacity: 1; }
		.homecarousalArea h3 { padding: 5px 0 0 0; font-size: 12px; font-weight: normal; }
		.homecarousalArea img { margin: 0 auto; max-width: 100%; height: auto; }
		
		.homecarousalArea .slick-prev { position: absolute; top: 20%; left: -40px; border: 0px; font-size: 50px; line-height: 40px; background: #fff; }
		.homecarousalArea .slick-next { position: absolute; top: 20%; right: -40px; border: 0px; font-size: 50px; line-height: 40px; background: #fff; }
		
		.homecarousalArea .slick-prev:hover, .homecarousalArea .slick-next:hover { color: #046c37; }
		.homecarousalArea .slick-disabled, .homecarousalArea .slick-disabled:hover { color: #ccc!important; }
		
		.homecarousalArea .slick-dots { padding: 10px 0 0 0; list-style: none; width: 100%; float: left; text-align: center; }
		.homecarousalArea .slick-dots li { padding: 0 5px; display: inline-block; }
		.homecarousalArea .slick-dots li button { cursor: pointer; display: block; text-indent: -9999px; width: 16px; height: 16px; border-radius: 100%; border: 0px; background: #333; }
		.homecarousalArea .slick-dots li button:hover, .homecarousalArea .slick-dots li.slick-active button { background: #16743a; }
		
		.loanform input { padding: 5px; border: 1px solid #ccc; width: 100%; }
		.loanform input.formmybtn { display: block; margin: 5px auto; }
		.loanform input.formmybtn, .formmybtn { padding: 5px 10px; width: auto; color: #fff; border: 0px; background: #000; }
				
	/* footer wrapper */
	#footerWrapper { width: 100%; float: left; background: #F1592A; }

		/* footer area */
		.footerArea { padding: 7px 0; width: 100%; float: left; font-size: 12px; color: #F1592A; }
		.footerArea ul { margin: 0px; float: left; list-style: none; }
		.footerArea li { padding: 0 10px 0 0; float: left; }
		.footerArea a { color: #FFFFFF; text-decoration: none; }
		.footerArea a:hover { color: #fff; }
		
		.footerArea p { float: right; padding: 0px; text-align: right; }
		
		/* footer area */
		.fbLikeArea { padding: 5px 0; width: 100%; float: left; }
		.fbLikeArea #fb-root { float: left; max-width: 100%; overflow: hidden; }


	@media (min-width:980px) {
		#headerWrapper .menuArea li a {
			padding: 8px 12px;
		}
	}
	@media (max-width:980px) { 
		#headerWrapper .menuArea li a {
			padding: 8px;
		}
	}

	

.homecarousalArea .slick-prev {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    bottom: 0;
    font-size: 50px;
    left: -35px;
    line-height: 40px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 40px;
    margin-bottom: 19px;
    z-index: 99999999!important;
}
.homecarousalArea .slick-next {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    bottom: 0;
    font-size: 50px;
    right: -37px;
    line-height: 40px;
    position: absolute;
    text-align: right;
    top: 0;
    width: 40px;
    margin-bottom: 19px;
    z-index: 99999999!important;	
}

@media (max-width:1200px) {
	.homecarousalArea .slick-next {
	    right: -40px;
	}
}


@media (max-width:767px) {
	#middleWrapper ul, #middleWrapper ol {
	    margin: 15px 10px 0 10px;
	}
	.homecarousalArea .slick-next {
	    right: -45px!important;
	    text-align: left;
	}
	.homecarousalArea .slick-prev {
		text-align: right;
	}
	/* fix height lightbox */ 
	#outerImageContainer {
		font-size: inherit!important;
	}
	#outerImageContainer,
	#hoverNav,
	#imageContainer {
		height: auto!important;
	}
	#prevLink, #nextLink {
	    height: auto !important;
	    min-height: 100px;
	}
	#lightbox img {
		padding: 10px;
	}
	#imageContainer {
		padding: 0;
	}

	#headerWrapper {
	    min-height: 75px;
	}
	.logoArea a {
		min-height: 45px;
		position: relative;
	}
	.logoArea a img {
	    bottom: 0;
	    left: 0;
	    margin: auto;
	    position: absolute;
	    top: 0;
	}
}