* { font-family: 'Ubuntu', sans-serif; }
body { overflow-x: hidden; }
::-webkit-scrollbar { width: 0.8em; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
::-webkit-scrollbar-thumb { background-color: #aaa; outline: 1px solid #028C45; border-radius: 20px; }
::-webkit-scrollbar-thumb:hover { background-color: #028C45; outline: 1px solid #028C45; }
.fa_input { font-family: 'FontAwesome'; }
.wrapper { float: left; width: 100%; padding: 30px 0; }
.bg_wrapper { float: left; width: 100%; background-color: #f5f5f5; padding: 15px 0; }
.header { width: 100%; float: left; }
.header h5 { font-size: 13px; }
.padding_up { padding-top: 15px; }
.padding_down { padding-bottom: 15px; }
.padding_up_down { padding: 15px 0; }
.logo { padding-top: 15px; margin-right: 15px; width: 100px; float: left; }
.logo_heading { padding-top: 10px; font-weight: 600; color: #028C45; font-size: 3.5em; line-height: 1.155em; display: block; text-transform: uppercase; font-family: 'Open Sans Condensed', sans-serif; }
.logo_sub_heading { font-weight: 600; color: #028C45; font-size: 1.8em; display: block; letter-spacing: .355em; padding-bottom: 10px; }
.sub_heading { font-weight: bold; padding-top: 15px; }
.toggleCaption { padding: 0 !important; }
.toggleCaption h4 { margin-top: 10px !important; }
.toggleCaption h4 span { font-size: 14px; }
.nav_desktop_wrapper { background-color: rgba(0, 140, 68, 0.9); width: 100%; position: absolute; z-index: 99; }
.nav_desktop ul { margin: 0; padding: 5px 0; text-align: right; transition: all .8s ease; }
.nav_desktop ul li { padding: 5px 12px; border: transparent 2px solid; margin: 0; list-style: none; display: inline-block; }
.nav_desktop ul li a { padding: 5px 12px; font-size: .9em; color: #fff; font-weight: 500; }
.nav_desktop ul li:hover { color: #000; transition: all .8s ease; }
.nav_desktop ul li:hover a { color: #000; }
.nav_desktop ul li:hover .hover_ico { -webkit-animation: spinner 1s infinite linear; -moz-animation: spinner 1s infinite linear; -o-animation: spinner 1s infinite linear; animation: spinner 1s infinite linear; }
.hover_ico { color: #000; }
@-webkit-keyframes spinner {
	0% { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
	50% { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
	100% { -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
}
@-moz-keyframes spinner {
	0% { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
	50% { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
	100% { -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
}
@keyframes spinner {
	0% { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
	50% { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
	100% { -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
}

/*------------------------------------*/
@-webkit-keyframes fadeInUpbanner {
	from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
	to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUpbanner {
	from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
	to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInUpbanner { -webkit-animation-name: fadeInUpbanner; animation-name: fadeInUpbanner; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/*------------------------------------*/
.banner_wrapper { float: left; width: 100%; position: relative; }
.carousel-caption p { margin: 0; padding: 0; }
.heading { text-align: center; font-weight: 600; margin-top: 0; }
.para { line-height: 1.5em; }
.readmore:hover .fa { -webkit-animation: read .5s infinite linear; -moz-animation: read .5s infinite linear; -o-animation: read .5s infinite linear; animation: read .5s infinite linear; }
@-webkit-keyframes read {
	0% { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
	50% { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); -o-transform: translateX(8px); transform: translateX(8px); }
	100% { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
}
@-moz-keyframes read {
	0% { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
	50% { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); -o-transform: translateX(8px); transform: translateX(8px); }
	100% { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
}
@keyframes read {
	0% { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
	50% { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); -o-transform: translateX(8px); transform: translateX(8px); }
	100% { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
}
.thumb_hilite_wrapper1, .thumb_hilite_wrapper2 { margin-top: 10px; float: left; width: 100%;}

.thumb_hilite p i { padding-right: 15px; color: #008c44; }
.thumb_hilite h3 { padding: 15px 0; font-weight: 600; }
#twilight { background-image: url(../img/thumb/twilight.jpg); background-repeat: no-repeat; background-position: center center; width: 100%; height: 230px; margin-top: 30px; position: relative; overflow: hidden; }
#wire { background-image: url(../img/thumb/happenings.jpg); background-repeat: no-repeat; background-position: center center; width: 100%; height: 230px; margin-top: 30px; position: relative; overflow: hidden; }
.thumb_hilite_wrapper1 .overlay1, .thumb_hilite_wrapper2 .overlay1 { background-color: rgba(0, 0, 0, .4); width: 100%; height: 100%; position: absolute; top: 0; left: -800px; transition: all .5s ease; }
.thumb_hilite_wrapper1 .overlay2, .thumb_hilite_wrapper2 .overlay2 { background-color: rgba(0, 0, 0, .4); width: 100%; height: 100%; position: absolute; top: 0; right: -800px; transition: all .5s ease; }
.thumb_hilite_wrapper1:hover .overlay1, .thumb_hilite_wrapper2:hover .overlay1 { left: 0; transition: all .5s ease; }
.thumb_hilite_wrapper1:hover .overlay2, .thumb_hilite_wrapper2:hover .overlay2 { right: 0; transition: all .5s ease; }
.thumb_hilite_wrapper1 h4, .thumb_hilite_wrapper2 h4 { color: #fff; font-size: 1.5em; font-weight: 600; position: absolute; top: 40%; z-index: 9; text-align: center; width: 100%; transform: rotate(0deg); opacity: 0; transition: all .2s ease; }
.thumb_hilite_wrapper1:hover h4, .thumb_hilite_wrapper2:hover h4 { transform: rotate(360deg); opacity: 1; transition: all .5s ease; }
.cc { padding: 15px 0; }
footer .footer_nav { padding: 15px 0; border-bottom: solid thin rgba(0, 0, 0, .1); float: left; width: 100%; }
footer { float: left; width: 100%; background-color: #008c44; color: #fff; }
footer ul { list-style: none; margin: 0; padding: 0; }
footer ul li { list-style: none; padding: 3px 0; margin: 0; font-size: .8em; }
footer ul li a { color: #fff; }
footer ul li a:hover { color: #000; }
footer h5 { color: #000; font-weight: 600; }
.copy_dev { width: 100%; float: left; border-top: solid thin rgba(0, 0, 0, 0.2); padding: 15px 0; font-size: 10px; }
.copyright { text-align: left; }
.developer { text-align: right; }
.developer a { color: #fff; }
.developer a:hover { color: #fff; }
.maps { float: left; width: 100%; }
.contact_address { padding: 30px 0; }
.contact_address ul { margin-top: 0; padding: 0; }
.contact_address ul li { list-style: none; padding: 5px 0; }
.contact_address h4 { margin-top: 30px; font-weight: bold; }
.wrapper .clients { border-right: solid 1px #F6F6F6; border-left: solid 1px #D4D4D4; text-align: center; color: #999; }
.wrapper .clients:nth-child(1) { color: #E55959; border-left: 0; }
.wrapper .clients:nth-child(2) { color: #E59E59; }
.wrapper .clients:nth-child(3) { color: #E5DD59; }
.wrapper .clients:nth-child(4) { color: #A5E559; }
.wrapper .clients:nth-child(5) { color: #59D3E5; }
.wrapper .clients:nth-child(6) { color: #6659E5; border-right: 0; }
.modal_body p { line-height: 2em; }
.partner_img { margin: 25px 0 15px 0; }
.tab_indent { text-indent: 15px; }
.fa_green { color: #028C45; }
.clients_content_heading { width: 100%; padding: 10px 0; color: #ffffff; font-weight: bold; text-align: center; }
.clients_content_heading img { height: 20px; width: auto; vertical-align: middle; padding: 0 10px 0 0; }
.clients_content { overflow: hidden; float: left; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; width: 100%; background-color: #ffffff; padding: 5px 0; margin: 0; }
.clients_content li { padding: 0 10; list-style: none; float: left; position: relative; }
.marquee { position: relative; overflow: hidden; width: 100%; height: 200px; }
.marquee img { margin: 0 15px !important; }
@media (max-width:1366px) {

	/* .logo_heading { font-size: 3em; font-weight: 700; } */
	.contact_address { padding: 20px 0; }
}
@media (max-width:768px) {
	.nav_desktop ul li { padding: 0 2px; }
	.thumb_hilite_wrapper1  span.layout { width: 100%; float: left; }
}
@media (max-width:767px) {
	.logo_mini { width: 50px; }
	.logo_heading { font-size: 2em; font-weight: 700; line-height: 1em; padding: 0; }
	.copyright { text-align: center; }
	.developer { text-align: center; }
	.contact_address { padding: 15px 0; }
	.carousel-caption h4 { font-size: .9em; }
	#twilight, #wire { margin-top: 0; }
}
@media (max-width:360px) {
	.logo_heading { font-size: 1.5em; font-weight: 700; line-height: 1.5em; padding: 0; }
	.heading { font-size: 1.3em; margin: 0; padding: 0; }
	p, .para { font-size: .9em; line-height: 1.6em; }
	.sub_heading { font-size: 1em; }
}