/* ==========================================================================
 *  Google Fonts
   ========================================================================== */

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap);


/* ==========================================================================
 *  Common CSS
   ========================================================================== */
*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0;  padding:0; }
html { font-size: 62.5%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
body { font-family: 'Open Sans', sans-serif; color:#404040; font-size:15px; background-color:#fff; margin:0; padding:0; }

a { text-decoration:none; color:#6d6e71; transition:2s; }
a:hover { color:#018e01; text-decoration:none; transition:2s;}
a:focus { outline:0 none; outline-color:#3091c2; color:#000; }
a:active, a:hover { outline: 0; }
a, a i.fa, a img, .button { transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; }

p { margin:0px 0px; padding:0px; }
img { border: 0 none; max-width:100%; }
svg:not(:root) { overflow: hidden; }
abbr[title] { border-bottom:1px dotted; }

b, strong { font-weight:bold; }
dfn { font-style:italic; }
mark { background:#ff0; color:#000; }
code, kbd, pre, samp { font-size:1em; }

pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
q { quotes:"\201C" "\201D" "\2018" "\2019"; }
small { font-size:80%; }

sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
[hidden] { display:none; }
figure { margin:0; }
hr { border:1px solid #d2cfbd; margin:15px 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display:block; }
audio, canvas, video { display:inline-block; }
audio:not([controls]) { display:none; height:0; }
.hide-th { text-indent:-9999px; }

button, input, select, table, textarea { font-size:1.4rem; line-height:1.5; }
ol, ul { list-style:none; margin:0; padding:0; }

html, body, img, fieldset, abbr, acronym { border: 0; }
th, code, cite, caption { font-weight:normal; font-style:normal; text-align:left; }
address { font-style:normal; }
fieldset { margin:0; padding:0; border:0; }

ol, ul { list-style:none; }
q:before, q:after { content:''; }

input:focus, input[type="search"]:focus { outline-offset:-2px; }
input[type="search"] { -webkit-appearance:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

@-ms-viewport { width:device-width; }
@-o-viewport { width:device-width; }
@viewport { width:device-width; }

.noborder { border:0px none; vertical-align:middle; }
.button { font-weight:bold; color:#FFFFFF; padding:1px 2px; background:#333; border:1px solid #2C7215; }

/* ==========================================================================
 *  Floating
 * ========================================================================== */
.clearfix:after, .clearfix:before { content:''; clear:both; display:block; }
.clearfix, .clear { clear:both; }
.f-left { float:left; }
.f-right { float:right; }

/* ============================================ *
 * Display Properties
 * ============================================ */
.display-table { display: table; width: 100%; }
.display-table-cell { float: none; display: table-cell; vertical-align: middle; padding: 0; }

/* ============================================ *
 * Text align
 * ============================================ */
.tal { text-align:left; }
.txt-center { text-align:center; }
.tar { text-align:right; }
.taj { text-align:justify; }
.vm { vertical-align:middle; }

/* ============================================ *
 * Font Weight
 * ============================================ */
.f-weight-reg { font-weight:400; }
.f-weight-medium { font-weight:500; }
.f-weight-semi { font-weight:700; }
.f-weight-bold { font-weight:bold; }

/* ============================================ *
 * Heading Tags
 * ============================================ */
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; font-family: 'Open Sans', sans-serif; }

h1 { font-size:4.0rem; font-weight:300; line-height:2.2; margin:0 0 15px; }
h2 { font-size:3.0rem; font-weight:bold; line-height:1.4; margin:0 0 15px;  }
h3 { font-size:2.4rem; font-weight:400; line-height:1.4; margin:0 0 15px; }
h4 { font-size:1.8rem; font-weight:400; line-height:1.4; margin:0 0 0px; }
h5 { font-size:1.5rem; font-weight:600; line-height:1.4; margin:0 0 15px; font-family:'Roboto', Sans-serif; }
h6 { font-size:1.5rem; font-weight:bold; line-height:1.4; margin:0 0 15px; }

/* ==========================================================================
 *  Wrapper
 * ========================================================================== */
.wrapper { max-width:1420px; margin:0 auto; padding:0 10px; }
.wrapper:before, .wrapper:after { content: ''; clear:both; display:block; }


/* ==========================================================================
 *  Header Section
 * ========================================================================== */
.header { text-align:center; }
.logo { position:absolute; top: 15px;  z-index:999; }
.logo a { display:block; }

.menuNav { display:none; }
.main-navigation { display:inline-block; margin-left: 10em; }
.hdr-navigation ul li { display:inline-block; margin-right:44px; position:relative; }
.hdr-navigation ul li:last-child { margin-right:0; }
.hdr-navigation ul li a {  font-size:15px; text-transform:uppercase; font-weight:600; padding:35px 0 25px 0; border-bottom:10px solid transparent; display:block;}
.hdr-navigation ul li a:hover { border-color:#018e01; }
.hdr-navigation ul li.active a { border-color:#018e01; color: #018e01; }
.contactNumber { padding-top:30px; } 
.contactNumber a {  background:url(../images/contactno.png) no-repeat; display:block; line-height:27px; padding-left:38px; color:#6d6e71; }
.contactNumber a:hover span { color:#018e01; transition:2s; }
.contactNumber a span { display:inline-block; vertical-align:middle; font-size:18px; font-weight:700; margin-top:3px; transition:2s; }



.pageBanner { position:relative; }
.pageBanner img { width:100%; display:block;}
.bannerContent { color:#015e01; text-shadow: -2px -2px 0 #e6eecd,2px -2px 0 #e6eecd,-2px 2px 0 #e6eecd,2px 2px 0 #e6eecd; }
.bannerContent .wrapper { position:relative; }
.bannerContent .bannerText {  position:absolute; bottom:60px; }
.bannerContent .bannerText span { font-size:36px; font-weight:700; line-height:normal; margin-bottom:15px; display: block; text-transform: uppercase; }
.bannerContent .bannerText h1 { font-size:48px; font-weight:700;line-height:normal; margin-bottom:20px; display: block; text-transform: uppercase; }
.bannerContent .bannerText p { font-size:24px; font-weight:600; line-height:normal; margin-bottom:34px; display: block; }
.bannerContent .bannerText a { font-size:15px; font-weight:700; background: #fff; padding: 15px 20px;text-shadow: none;text-transform: uppercase; }
.bannerContent .bannerText a:hover { background:#000; }

.pageBanner  .flex-control-paging li a { background-image:url(../images/pagination.png);   background-repeat:no-repeat; height:24px; width:18px; font-size:0; box-shadow:none; border-radius:0; opacity:0.5; }
.pageBanner  .flex-control-paging li a:hover { background-color:inherit; opacity:1; }
.pageBanner  .flex-control-paging li a.flex-active { background-color:transparent; background-image:url(../images/pagination.png); background-repeat:no-repeat; height:24px; width:18px; opacity:1; }
.pageBanner .flexslider { border:none; }
.pageBanner .flex-direction-nav { display:none; }

/* oUR sERVICE */
.ourService  { padding:60px 0; }
.ourService h2 { font-size:30px; font-weight:600; color:#018e01; text-transform:uppercase; text-align:center; }
.ourService ul li h3 { font-size:18px; font-weight:600; text-transform:uppercase;  color:#018e01; }
.ourService p { font-size:18px; font-weight:400; text-align:center; }
.serviceContent { margin-top:35px; }
.ourService ul li { display:inline-block;  position:relative; width:10.8%; transition: 1s; }
.ourService ul li .allcontent { background:#fff; text-align:center;  }
.ourService ul li:after { content:''; position:absolute;  background:#6d6e71; height:13px; width:3px; bottom:20px; right:-3px; }
.ourService ul li:last-child:after { content:none; }
.ourService ul li:hover { box-shadow:0 0 10px #aaa; transition: 1s; }
.ourService ul li .animalsimg { display:inline-block; }
.ourService ul li .offhover { display:inline-block; }
.ourService ul li .onhover { display:none; transition:1s; }
.ourService ul li:hover  .offhover { display:none; }
.ourService ul li:hover  .onhover { display:inline-block; transition:1s; }

/* Welcome Text */
.welcomeText { background:#e5f3e4; padding:55px 0 60px 0; }
.welcometextContent h1 { font-size:30px; font-weight:600; text-transform:uppercase; color:#018e01; display: inline-block;line-height: normal; margin-bottom:30px; }
.welcometextContent .wText { float:left; }
.welcometextContent .wText p { margin-bottom:26px; font-size:16px; font-weight:400; color:#363636; line-height:24px; }
.welcometextContent .wText p:last-child { margin-bottom:0; }
.welcometextContent .wText p a { color:#363636; transition:2s; }
.welcometextContent .wText p a:hover { color:#018e01; transition:2s; }
.welcometextContent .wText .welcomeimg { float:right; margin-left:40px; position:relative; }
.welcometextContent .wText .welcomeimg img { width:100%; display:block;  }
.welcometextContent .wText .welcomeimg p { position:absolute; bottom:120px; text-align:center;  right:0; left:0; margin:0 auto; }
.welcometextContent .wText .welcomeimg p a { font-size:18px; font-weight:700; text-transform:uppercase; color:#fff; text-shadow: -2px -2px 0 #20170c,2px -2px 0 #20170c,-2px 2px 0 #20170c,2px 2px 0 #20170c; }


/* Footer */
.footer { background:#fff; padding:60px 0; }
.footer h4 { color:#018e01; font-size:18px; font-weight:600; margin-bottom:5px; }
.footer .ftr-navigation { float:left; width:8.9%; margin-right:9.75%; }
.ftr-navigation  ul { margin-left:20px; }
.ftr-navigation  ul li { font-size:15px; text-transform:uppercase; font-weight:600; position:relative; line-height: 30px; }
.ftr-navigation  ul li:before { content: ''; position: absolute; background: #018e01; height: 3px; width: 10px; left: -20px; top: 14px; }
.ftr-navigation  ul li a { color:#363636; }
.ftr-navigation  ul li:hover a { color:#018e01; }

.footer .ftr-adress { float:left; width:21.4%; margin-right:9.75%; }
.footer .ftr-adress p { font-size:15px; font-weight:400; color:#363636; font-weight:600; line-height: 30px; }
.footer .ftr-adress a { color:#363636; }
.footer .ftr-adress a:hover { color:#018e01; }
.footer .ftr-adress a:hover span { color:#363636; }
.footer .socialMedia { float:left; width:15.6%; margin-right:9.75%; }
.footer .socialMedia ul li { float:left; margin-right:32px; margin-top:8px;  }
.footer .socialMedia ul li a { font-size:30px; color:#363636; transition:2s;  display:inline-block; }
.footer .socialMedia ul li:last-child { margin-right:0; }
.footer .socialMedia ul li:hover a { color:#018e01; transition:2s; }
.footer .copyRight { float:left; width:24.7%; }
.copyRight ul li { font-size:15px; color:#363636; line-height:30px; font-weight:600; }
.copyRight ul li a { color:#363636; }
.copyRight ul li a:hover { color:#018e01; }

/* Sticky Header */

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;background: #fff;box-shadow: 0 0 5px #aaa;
}
.sticky .logo { position:static; line-height: 0; }
.sticky .logo img {width: 98px; }
.sticky .hdr-navigation ul li a {padding: 20px 0 15px 0;border-bottom: 5px solid transparent;}
.sticky .hdr-navigation ul li.active a {border-color: #018e01;color: #018e01; }
.sticky .hdr-navigation ul li a:hover { border-color:#018e01; }
.sticky .contactNumber { padding-top: 15px; }
.sticky .contactNumber a { line-height: 22px; padding-left: 28px; background-size: 22px; }

/* Go to top */

.container { position:relative; }
.c-content { padding: 20px; position:relative; }
.c-go-top { background-color:#018e01; border: 2px solid #fff; bottom:40px; display: none; font-size: 22px; padding: 3px 12px; position: fixed; text-decoration: none; z-index: 999; border-radius:5px; position: fixed; right: 40px;  }
.fa.fa-angle-up { color:#fff;  font-size: 30px; font-weight: 400; line-height:normal; }
.c-go-top:hover, .c-go-top:focus, .c-go-top:active, .c-go-top:visited { background-color:#018e01; color: #fff; outline: 0; text-decoration: none; }
#c-go-top:after, #c-go-top:before { top:0; left:10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }


/* inner page common css */
.maintitle { font-size: 36px; text-transform: uppercase; color: #363636; }
.headerborder { border-top:2px solid #018e01; padding:60px 0;  }
.footerborder { border-top:2px solid #018e01; }
/* contact us */
.contactInfo p { font-size:18px; line-height: 28px; }
.contactInfo h3 { font-size: 22px;color: #018e01;font-weight: 600;margin: 20px 0;line-height: normal; }
.contactInfo p:last-child { font-size:16px; line-height: 26px; }
.contacts { margin: 30px 0 0 0;float: left; width:100%; }
.contacts ul li { float: left;width: 32%; margin-right:2%; background: #e2e2e2;border: 1px solid #018e01; padding: 20px; min-height:200px; }
.contacts ul li:last-child { margin-right:0; }
.contacts ul li a { display:block; color:#363636; font-size: 18px;line-height: 30px; }
.contacts ul li a label { font-weight:700; color:#6d6e71; transition:1s; }
.contacts ul li a:hover { color:#018e01; transition:1s; }
.contacts ul li a:hover label { color:#363636; transition:1s; }
.contacts ul li span { color:#363636; font-size: 18px;line-height: 30px; }
.contacts ul li	i { font-size: 26px;margin-right: 10px; }

.contacts ul li h4 { font-size:22px; color:#018e01; margin-bottom:20px; font-weight:600; }

/* our service */

.alldetails { margin-bottom:30px; text-align:justify; }
.alldetails p { font-size:18px; font-weight:600; line-height:30px; margin-bottom:10px;  }
.alldetails p a { font-weight:700; color:#363636; }
.alldetails p a:hover { color:#018e01; }
.alldetails h5 { font-size: 24px; margin-bottom: 10px; font-weight:600; }
.alldetails p:last-child { font-weight:700; }
.tab_container {
	padding: 20px;	
	clear: both;
	float: left;
	width: 100%;
	overflow: auto;
}

.tab_content {
	display: none;
}
.tab_drawer_heading { display: none; }

.tabTitle { background: rgba(1, 142, 1, 1); text-align:center;  padding: 10px 0; }
.tabTitle ul li { display:inline-block;  cursor:pointer; position:relative; margin-right:20px;  padding:10px; transition:2s;  }
.tabTitle ul li:last-child { margin-right:0; }
.tabTitle ul li h4 { font-size:18px;  font-weight:700; color:#fff; }
.tabTitle ul.tabs li img { display:block; margin:0 auto; }
.tabTitle ul.tabs li:hover { background: #015e01; transition:2s; }
.tabTitle ul.tabs li.active { background: #015e01;  }
.tab_content ul li { float:left; margin-top:20px; border-bottom:1px solid #dfdfdf; padding-bottom:20px;}
.tab_content ul li:last-child { padding-bottom:0; border:none; }
.tab_content ul li .tabimage { width:40%; margin-top:30px; overflow:hidden; box-shadow: 0 0 5px rgba(0,0,0,0.9); }
.tab_content ul li .tabcontent { width:58%; }
.tab_content ul li:last-child .tabcontent { width:100%;  }
.tab_content ul li .tabcontent h3 { color:#018e01; font-size:24px; font-weight:600;  }
.tab_content ul li .tabcontent  p { font-size:16px; font-weight:400; line-height:32px; text-align:justify;  }
.tab_content p:first-child { font-size:18px; line-height:28px; font-weight:600; text-align:justify; }
.tab_content  h2 { color:#018e01; font-size:24px; font-weight:600; }
#tab2 ul { list-style:square; margin: 10px 0 10px 25px; }
#tab2 ul li { float:none; border:none; margin-bottom:10px; padding:0; margin-top:0; font-size: 16px; }
.tab_content  .tabimage1 {  margin: 20px 0 20px 30px; overflow:hidden; width: 40%; box-shadow: 0 0 5px rgba(0,0,0,0.9); } 
.tab_content img { transition: all .6s ease-in-out;width: 100%;display: block; }
.tab_content img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.7; }
.tab_content p { font-size:16px; font-weight:400; line-height:32px; text-align:justify;  }
 
 /* Project Page */
 
.projectContent h3 { color:#018e01; font-size:24px; font-weight:600; }	
.projectContent p:first-child { font-size:18px; font-weight:600; line-height:30px; }
.projectContent p { font-size:16px; line-height:28px; margin-bottom:15px; text-align: justify;  }
.projectContent p:last-child { margin-bottom:0; }
.projectContent span { font-size:18px; font-weight:600; }
.projectContent ul { list-style:square; margin: 10px 0 10px 25px; }
.projectContent ul li { margin-bottom:5px; font-size: 16px; }
.projectContent a { color:#363636; font-weight:600; text-transform:capitalize; }
.projectContent a:hover { color:#018e01; }	

/* Reference Page */


.referenceContent h2 { font-size: 30px; line-height: normal; margin-bottom: 0; }
.referenceContent h3 { font-size: 26px; font-weight: 600; color: #018e01; }
.referenceContent span {  font-size: 20px; font-weight: 600; display: block; margin: 0.4em 0; }
.referenceContent p { font-size:18px; font-weight:600; line-height:28px; margin-bottom:15px; text-align: justify; }
.referenceContent ul li { position:relative; padding:0 80px 20px; border-bottom:1px solid #dfdfdf; margin-bottom:20px; }
.referenceContent ul li:before { content:''; background:url(../images/left-quotation-mark.png) no-repeat; height:43px; width:50px; position:absolute; left:0; top: 10px; background-size: 50px; }
.referenceContent ul li:after { content:''; background:url(../images/right-quotation-mark.png) no-repeat; height:43px; width:50px; position:absolute; right:0; bottom:15px; background-size: 50px; }
.referenceContent ul li p { font-size:16px; font-weight:400; line-height:32px; }
.referenceContent ul li .inlinecontent { margin-bottom:20px; }
.referenceContent ul li .inlinecontent ul { list-style:square; }
.referenceContent ul li .inlinecontent ul li { border:none; padding:0; margin: 0 0 0 25px;font-size: 16px; line-height: 28px; text-align:justify; }	
.referenceContent ul li .inlinecontent ul li:before { content:none; background:none; }
.referenceContent ul li .inlinecontent ul li:after { content:none; background:none; }
.referenceContent ul li span.clientName { font-size:20px; color:#018e01; font-weight:700; text-transform:uppercase; text-align:right; display:block; }
.deerContent { margin-top:40px; }
.foxSection ul li:last-child { margin-bottom:0; border:none;  }


/* about US Page */
.aboutus h3 { font-size: 26px; line-height: normal; margin-bottom: 0; font-weight:600; color: #018e01; margin-bottom: 10px; }
.aboutus h4 { font-size: 22px; font-weight: 600;  }
.aboutus p { font-size:18px; font-weight:600; line-height:28px; margin-bottom:15px; text-align: justify; }
.aboutus ul li p { font-size:16px; font-weight:400; line-height:32px; }
.tools p { font-size:16px; font-weight:400; line-height:32px; }
.infraredText {  width:60%; margin-right:2%; }
.infraredImg {  width:38%; overflow:hidden; }
.thermal .infraredText { margin-left:2%;  margin-right:0; } 
.infraredImg img { display:block; width:100%; transition: all .6s ease-in-out; }
.infraredImg img:hover { transform: scale(1.1); opacity: 0.7; }
.highstandard ul { list-style:square; }
.highstandard ul li { margin-left:20px;  }
.aboutinline ul li { margin-bottom:10px; }