::-moz-selection { background: #333; color: #fff; text-shadow: none; }
::selection { background: #333; color: #fff; text-shadow: none; }
* { font-family: 'Ubuntu', sans-serif; letter-spacing: 0.5px; }
.header { background-color: #fff; position: fixed; z-index: 99; top: 0; left: 0; width: 100%; }
.logo { width: 40%; float: left; }
.logo_caption { width: 60%; float: left; }
.logo_font_lg { font-size: 48px; line-height: 26px !important; color: #0f9638; letter-spacing: 5px; }
.logo_font_sm { font-weight: bold; font-size: 12.3pt; padding-left: 4px; }
q.info_wrapper { margin: 10px 0 0 0; }
.nav_desktop { margin: 8px 0 0 0; padding: 0; text-align: right; }
.nav_desktop li { margin: 0; padding: 0; list-style: none; display: inline-block; }
.nav_desktop li.active a { color: #0f9638; text-decoration: underline; }
.nav_desktop li a { padding: 0 35px; font-weight: bold; }
.nav_desktop li a:last-child { padding-right: 0; }
a.anchor_tag { display: block; position: relative; top: -48px; visibility: hidden; }
.top_call_info,
.top_mail_info { margin: 5px 0 0 0; text-align: right; font-size: 12px; }
.top_call_info span,
.top_mail_info span { color: #0f9638; font-weight: bold; }
.banner_bg_color { background-color: #0f9638; width: 100%; height: auto; margin-top: 80px; }
.banner { background-image: url(../img/banner.jpg); background-repeat: no-repeat; background-position: top center; height: 350px; width: 100%; background-attachment: fixed; }
.banner_caption { padding: 80px 0 80px 0; color: #fff; text-align: center; font-weight: 300; }
.thumb3 { margin: 0; padding: 0; }
.thumb3 li { margin: 0px; padding: 25px; list-style: none; }
.abt_thm_wrapper { margin: 0; padding: 0; }
.abt_thm_wrapper li { list-style: none; }
.abt_thm_wrapper p { text-align: center; }
.img_thumbnail { border: solid 15px #0f9638; overflow: hidden; }
.img_thumbnail2 { float: left; width: 100%; border: solid 8px #1CAB47; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.img_thumbnail2:hover { border: solid 8px #000; }
.thumb3_heading { color: #fff; border-bottom: solid 1px #0f9638; margin: 0; padding-bottom: 15px; }
.thumb3_para { border-top: solid 1px #077529; padding: 15px 0; font-weight: bold; }
.css_button { padding: 10px 20px; border: 1px solid #000000; background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000)); background: -webkit-linear-gradient(top, #000000, #000000); background: -moz-linear-gradient(top, #000000, #000000); background: -ms-linear-gradient(top, #000000, #000000); background: -o-linear-gradient(top, #000000, #000000); background-color: #000000; box-shadow: 0px 1px 1px -5px #1A1A1A, inset 0px 0px 2px #4D4D4D; -webkit-box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 2px #4D4D4D; -moz-box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 2px #4D4D4D; text-shadow: #000000 1px 1px 0px; color: #FFFFFF; font-size: 14px; text-decoration: none; font-weight: bold; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; cursor: pointer; }
.css_button:hover { background: none; background-color: #000000; box-shadow: 0px 0px 5px 0px #AAAAAA; -webkit-box-shadow: 0px 0px 5px 0px #AAAAAA; -moz-box-shadow: 0px 0px 5px 0px #AAAAAA; border: 1px solid #ffffff; color: #FFFFFF; text-decoration: none; }
.css_button:active { top: 1px; position: relative; }
.between_bg_img { background-image: url(../img/between_banner.jpg); background-repeat: no-repeat; height: 300px; width: 100%; background-position: center center;}
.between_bg_color { width: 100%; height: 300px; background-color: rgba(0, 0, 0, 0.5); }
.between_bg_color h1 { color: #fff; line-height: 48px; padding-top: 60px; }
.gallery_thumb { margin-bottom: 15px; }
.Queries,
.About_Us,
.Gallery { background-color: #0f9638; width: 100%; color: #fff; }
.Services,
.Clients,
.location,
.footer { padding: 5px 0; width: 100%; }
.gallery div span { cursor: pointer; }
.footer { padding: 15px 0; background-color: #000; width: 100%; color: #fff; font-size: 12px; }
.copyright { text-align: left; width: 33.33%; float: left; }
.owner { text-align: center; width: 33.33%; float: left; }
.developer { text-align: right; width: 33.33%; float: left; }
.developer a { color: #fff; }
.client_list { margin: 0; padding: 0; }
.client_list li { margin: 0; padding: 7px 0; list-style: inside circle; }

/*<><><><><><><><><><><> ANIMATION STARTS <><><><><><<><><><><><><><>*/
.img_transition { transition: All 500ms ease; -webkit-transition: All 500ms ease; -moz-transition: All 500ms ease; -o-transition: All 500ms ease; transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1) }
.thumb3_li:hover .img_transition { transform: rotate(4deg) scale(1.5); -webkit-transform: rotate(4deg) scale(1.5); -moz-transform: rotate(4deg) scale(1.5); -o-transform: rotate(4deg) scale(1.5); -ms-transform: rotate(4deg) scale(1.5); filter: brightness(150%) }
.gallery_thumb:hover .img_transition { transform: rotate(4deg) scale(1.5); -webkit-transform: rotate(4deg) scale(1.5); -moz-transform: rotate(4deg) scale(1.5); -o-transform: rotate(4deg) scale(1.5); -ms-transform: rotate(4deg) scale(1.5); filter: brightness(150%) }
.animation.slide-left { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(-100px, 0px, 0px); -webkit-transform: translate3d(-100px, 0px, 0px); -o-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate3d(-100px, 0px, 0px); }
.animation.slide-left.view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); }
.animation.slide-right { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(100px, 0px, 0px); -webkit-transform: translate3d(100px, 0px, 0px); -o-transform: translate(100px, 0px); -ms-transform: translate(100px, 0px); transform: translate3d(100px, 0px, 0px); }
.animation.slide-right.view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); }
.animation.slide-up { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(0px, 100px, 0px); -webkit-transform: translate3d(0px, 100px, 0px); -o-transform: translate(0px, 100px); -ms-transform: translate(0px, 100px); transform: translate3d(0px, 100px, 0px); }
.animation.slide-up.view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); }
.animation.slide-down { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(0px, -100px, 0px); -webkit-transform: translate3d(0px, -100px, 0px); -o-transform: translate(0px, -100px); -ms-transform: translate(0px, -100px); transform: translate3d(0px, 100px, 0px); }
.animation.slide-down.view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); }
.animation.fade-in { opacity: 0; -moz-transition: all 3s ease; -webkit-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; }
.animation.fade-in.view { opacity: 1; }

/*<><><><><><><><><><><> ANIMATION ENDS <><><><><><<><><><><><><><>*/
@media (max-width:1366px) {
	.logo { width: 30%; }
	.logo_caption { width: 70%; }
}
@media (max-width:1024px) {
	.logo { width: 40% }
	.logo_caption { width: 60% }
	.logo_font_lg { letter-spacing: normal; }
	.logo_font_sm { font-size: 10pt; letter-spacing: normal; }
	.between_bg_color h1 { color: #fff; line-height: 48px; padding-top: 40px; }
}
@media (max-width:980px) {
	.logo { width: 50%; }
	.logo_caption { width: 50%; }
	.logo_font_lg { font-size: 38px; line-height: 26px !important; color: #0f9638; letter-spacing: normal; }
	.logo_font_sm { font-weight: bold; font-size: 8pt; padding-left: 4px; }
	.between_bg_color h1 { font-size: 18pt; }
	.nav_desktop li a { padding: 0 25px; font-weight: bold; font-size: 9pt; }
}
@media (max-width:767px) {
	a.anchor_tag { top: -40px; }
	.banner_bg_color { margin-top: 50px; }
	.logo_mini { width: 8.2%; float: left; margin-left: 10px }
	.copyright { text-align: center; width: 100% }
	.owner { text-align: center; width: 100%; }
	.developer { text-align: center; width: 100%; }
}
@media (max-width:480px) {
	.logo_mini { width: 10.5%; float: left; margin-left: 10px; }
	.navbar-brand { font-size: 14.5pt; }
	.between_bg_color h1 { padding-top: 10px; }
}
@media (max-width:380px) {
	.between_bg_color h1 { padding-top: 10px; line-height: normal; }
	.logo_mini { width: 13%; float: left; margin-left: 10px; }
	.navbar-brand { font-size: 13.6pt; }
}