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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, form,
label, table, caption, tbody, tfoot, thead, tr, th, td, article, fieldset, legend, aside, canvas, details, embed, figure, 
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{border: 0 none;list-style: none outside none;margin: 0;padding: 0; vertical-align:top;}
p{margin:15px 0;padding:0; vertical-align:top; font-size:16px; color:#333; line-height:32px;}
body {margin: 0px;font-size: 100%;font-family:'Segoe UI', Arial, Helvetica, sans-serif;}
img {border: none;}
a {text-decoration: none;}
.clr{clear:both;}
.fullImage{width:100%;}
h1{color:#e9270e; font-weight:bold; font-size:20px;}
h2{font-size:17px; text-align:left; font-weight:bold;}
h3{font-size:17px; text-align:left; font-weight:bold;}

.blue{color:#006faf;}
.gray{color:#999;}
.white{color:#fff;} 
.red{color:#d30205;}

.left{ text-align:left;}
.center{ text-align:center;}
.right{ text-align:right;}

.topRibon{width:96%; height:auto; padding:0px 2%; margin:auto; background:#e9270e;}
.trDateTime{width:80%; height:auto; padding:7px 0 0 0; margin:0; float:left; color:#fff; font-weight:bold; font-size:13px;}
.trRightBox{width:auto; height:auto; padding:0; margin:0; float:right; color:#fff; font-weight:300; font-size:13px;}
.trsmnav{width:20px; height:auto; padding:12px 7px 7px 7px; margin:0; display:block; float:left;text-align:center; color:#fff;}
.trsmnav:hover{ background:#000; color:#fff;}

header {width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 999;}
header .header{width:96%; height:auto; padding:0px 2%; margin:auto; background:#fff; position:relative; z-index:101;box-shadow:0 1px 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
 
header .rightBox{width:auto;float:right; margin:45px 0 10px 0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .headerSearchBox{width:100%; height:45px; padding:0 0; margin:0 0 5px 0;}
header .logoBox{width:232px;height: auto; padding:5px 0px; margin:0; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {height: auto; }
header.smaller .header{width:96%; height:auto; padding:0px 2% 0px 2%; margin:auto; background:#fff; position:absolute; z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:auto;float:right; margin:30px 0 15px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .headerSearchBox{width:100%; height:60px; padding:0 0; margin:0; display:none;}
header.smaller .logoBox{width:170px;height: auto; padding:0px; margin:5px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .menuBox{ margin:0px 0 0 0;}
.menuBox{width:auto; height:auto; margin:auto; padding:0; color:#007db8; font-size:15px; font-weight:400; text-align:left;}

/*-- Breaking News --*/
.breakingnewsPanel{width:100%; height:auto; margin:152px 0 0 0; background:#595959;}
.breakingnewsHeading{ width:12%; height:auto; padding:14px 2.5%; margin:0; float:left; background:#e9270e; font-size:13px; color:#fff; font-weight:bold; text-transform:uppercase;}
.breakingnewsBox{width:80%; height:auto; padding:8px 0 0 0; margin:0 0 0 2%; font-size:16px; color:#fff; float:left;}

.body{width:94%; height:auto; margin:40px auto 0 auto;}
.body-left-panel{width:70%; height:auto; padding:0; margin:0; float:left;}
.body-right-panel{width:27%; height:auto; padding:0; margin:0; float:right;}

.sticky-position{height: auto;position: -webkit-sticky;position: sticky;top: 110px;}

.headingbox{width:97.5%; height:auto; padding:0px 1.25% 5px 1.25%; margin:0px 0 25px 0; border-bottom:solid 1px #e1e1e1;}
.adsbox{width:100%; height:auto; padding:0; margin:0 0 12px 0;}

/*-- Banner Css --*/
.bannerPanel{width:100%; height:auto; margin:0 auto; position:relative;}
.banner{width:98.5%; height:auto; padding:0.75%; margin:0; border:solid 1px #e1e1e1; position:relative; float:left; border-radius:5px;}
.bannerHeading{width:96%; height:auto; padding:10px 2% 35px 2%; margin:auto; background:rgba(0,0,0,0.7); position:absolute; z-index:0; bottom:0px; color:#fff; font-size:22px; font-weight:bold; line-height:37px;}

/*-- Page List --*/
.catPanel{width:100%; height:auto; padding:7px 0 10px 0; margin:25px auto 0 auto; background:#f5f5f5;border:solid 1px #e1e1e1; border-radius:5px;}
.catPanel h2{color:#e9270e; font-weight:bold; font-size:22px;}
.cat-inn-box{width:99.5%; height:auto; padding:0 0 0 0.5%; margin:auto;}

.article-box{width:29.5%; height:auto; padding:0.75%; margin:0 1% 15px 1%; background:#fff; box-shadow:0 0 1px #999; border-radius:5px; float:left; position:relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.article-box:hover{width:29.5%; height:auto; padding:0.75%; margin:0 1% 15px 1%; background:#fff; color:#e9270e; box-shadow:0 0 2px #e9270e; border-radius:5px; float:left; position:relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.article-img{width:40%; height:auto; padding:0; margin:0 1% 0 1%; float:left;}
.atricle-title{width:54%; height:auto; padding:0; margin:0 1% 0 1%; font-size:15px; color:#444;line-height:28px; font-weight:bold; float:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.article-box:hover .atricle-title{color:#e9270e;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.article-nav{font-size:14px color:#000;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.img-box{width:16.2%; height:auto; padding:0.75%; margin:0 1% 15px 1%; background:#fff; border:solid 1px #e1e1e1; border-radius:5px; float:left; position:relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.img-box:hover{border:solid 1px #e9270e;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.viewallbox{width:98.2%; height:auto; padding:0; margin:0; text-align:right;}
.vanav{ font-size:12px; font-weight:bold; color:#2039d7; text-decoration:none; text-transform:uppercase;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.vanav:hover{color:#e9270e;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}


/*-- Footer Css --*/
.footerPanel{width:100%; height:auto; padding:50px 0 0 0; margin:25px auto auto auto; background:#000 /*url(images/footerBg.png) no-repeat center center*/; background-size:auto 100%; color:#697585; text-align:center;}

.footerCol1{width:30%; padding:0 0 0 4%; float:left;}
.footerNavBox{width:80%; height:auto; padding:10px 0 0 0; text-align:justify;}
div#fNav1 ul { margin:25px 0 10px 0; padding: 0; list-style: none; } 
div#fNav1 ul li {width:48%;margin:0 0 2% 0; padding:1px 0px; list-style:none; float:left;} 
div#fNav1 ul a:link, div#fNav1 ul a:active, div#fNav1 ul a:visited { margin: 0; padding:0px 0px 0px 20px; text-decoration: none; color:#e1e1e1;display:block; font-size:17px;text-align:left; background:url(images/leftNavArrow1.png) no-repeat left;font-weight:400; line-height:30px;} 
div#fNav1 ul  a:hover {color:#fff;}

.footerCol2{width:15%; height:auto; margin:47px 0 0 0; float:left; display:none;}
div#fNav2 ul { margin:0px 0 10px 0; padding: 0; list-style: none; } 
div#fNav2 ul li { margin: 0; padding: 1px 0px; list-style: none; } 
div#fNav2 ul a:link, div#fNav2 ul a:active, div#fNav2 ul a:visited { margin: 0; padding:0px 0px 0px 20px; text-decoration: none; color:#e1e1e1;display:block; font-size:17px;text-align:left; background:url(images/leftNavArrow1.png) no-repeat left;font-weight:400; line-height:30px;} 
div#fNav2 ul  a:hover {color:#fff;}

.footerCol4{width:28%; height:auto; margin:0; float:left;}
.fAbouttext{width:100%; height:auto; padding:0; margin:25px 0 0 0; color:#e1e1e1; text-align:left; line-height:32px;}
.farmbox{width:97%; height:auto; padding:0; margin:15px 3% 0 0; text-align:right;}
.farm{ color:#e1e1e1;}
.farm:hover{ color:#fff;}

.footerCol3{width:27%; height:auto; margin:0 4% 0 0; float:right;}
.footerTextBox{width:100%; text-align:justify; padding:15px 0px;}
.fContactDetailsBox{width:100%; padding:15px 0; font-size:15px; color:#fff; font-weight:400; text-align:left; line-height:27px;}
.fLocation{width:90%; height:auto; padding:5px 0 0 35px; background:url(images/fLocationIcon.png) no-repeat left 8px;}
.fContact{width:auto; height:auto; padding:5px 0px 0px 35px; margin:8px 0; background:url(images/fContactIcon.png) no-repeat left 10px;}
.fWhatsApp{width:auto; height:auto; padding:5px 0px 0px 35px; margin:8px 0; background:url(images/whatsAppIcon.png) no-repeat left 10px;}
.fEmail{width:auto; height:auto; padding:5px 0px 0px 35px; margin:8px 0; background:url(images/fMailIcon.png) no-repeat left 10px;}
.fWebsite{width:auto; height:auto; padding:5px 0px 0px 35px; margin:8px 0; background:url(images/websiteIcon.png) no-repeat left 3px;}

.fsmIcon{width:100%; height:auto; padding:0; margin:0; text-align:left;}

.footerHeading{width:100%; margin:0 0 15px 0; font-size:16px; font-weight:bold; color:#fff; text-transform:uppercase; text-align:left;}

.cRightBox{width:92%; height:auto; padding:17px 4%; margin:35px 0 0 0;  background:#282828; font-size:14px; font-weight:400; color:#e1e1e1; text-align:left;}
.copyright{width:55%; height:auto; text-align:left; float:left;}
.poweredby{width:40%; height:auto; text-align:right; float:right;}
.powerednav{ color:#e1e1e1;}
.powerednav:hover{ color:#fff;}


/*== INNER PAGE ==*/
/*-- Page Heading --*/
.breadcrumb{width:94%; padding:15px 3%; margin:150px 0 0 0; background:#f3f3f3;}
.breadcrumbPanel{width:100%; height:auto; text-align:left; font-size:16px; color:#000;}
.bcNav{width:auto;height:auto;padding:0;color:#000; text-transform:uppercase; display:inline-block; line-height: 22px;}
.bcNav:hover{color:#e9270e;}

.innwrap{width:94%; height:auto; margin:25px auto 0 auto;}

/*-- Inner Page --*/
.innbody{width:100%; height:auto; padding:0; margin:35px 0 0 0;}
.detailsimg{width:20%; height:auto; padding:0; margin:0 0 25px 25px; float:right;}

.innLeftpanel{width:72%; height:auto; padding:0; margin:0; float:left;}
.innRightpanel{width:22%; height:auto; padding:0; margin:15px 0 0 0; float:right;}
.radsbox1{width:100%; height:auto; padding:0; margin:21px 0 0 0;}

.innHeadingBox{width:100%; height:auto; padding:0px; margin:0px 0 15px 0;}
.innHeadingBox h1{color:#e9270e; font-weight:bold; font-size:24px;}
.posted-date-writer{width:100%; height:auto; padding:0 0 15px 0; margin:0 0 20px 0; font-weight:bold; color:#333; font-size:18px; border-bottom:solid 1px #e1e1e1;}
.innTextBox{width:100%; height:auto; padding:0; margin:20px 0 0 0; font-size:16px; color:#333; line-height:22px;}

.related-story{width:100%; height:auto; padding:0 0 15px 0; margin:35px 0;color: #e9270e;font-weight: bold;font-size: 24px; border-bottom:solid 1px #e1e1e1;}
.photo-gallery{width:100%; height:auto; padding:0 0 10px 0; margin:35px 0;color: #e9270e;font-weight: bold;font-size: 20px; border-bottom:solid 1px #e1e1e1;}

/*-- Inner News --*/
.innnewsrow{width:100%; height:auto; padding:10px 0; margin:0 0 10px 0; border:solid 1px #e5e5e5; background:#f9f9f9;}
.innnewsrow:hover{ box-shadow:0 0 1px #006faf;}
.innnewsimg{width:20%; height:auto; padding:0; margin:0 0 0 1%; float:left;}
.innnewscontainer{width:76%; height:auto; padding:0; margin:0 1% 0 0; float:right;}
.innnewsheadingbox{width:100%; height:auto; padding:0; margin:0 0 7px 0;}
.innnewsdatebox{width:100%; height:auto; padding:0; margin:0 0 10px 0; font-size:14px; color:#999;}
.innnewstextbox{width:100%; height:auto; padding:0; margin:0; font-size:16px; color:#222; line-height:24px;}

/*-- News Details --*/
.indheading{width:100%; height:auto; padding:0; margin:0 auto 25px auto; color:#000; border-bottom:solid 2px #f1f1f1;}
.indheading h1{color:#000;}
.indheading .innnewsdatebox{width:100%; height:auto; padding:0; margin:5px 0 12px 0; font-size:15px; color:#999;}
.indimgbox{width:100%; height:auto; padding:0; margin:0px 0 25px 0;}
.indtextbox{width:100%; height:auto; padding:0; margin:0; line-height:29px;}

/*--- Customer Review Popup ---*/

.reqformrow{width:100%; height:auto; padding:0; margin:0 0 12px 0; position:relative;}

.reqtextbox{width:95.5%; height:auto; padding:10px 2%; margin:auto; background:#fff; border:solid 1px #e1e1e1; outline:none; font-size:15px;}
.reqtextarea{width:95.5%; height:50px; padding:10px 2%; margin:auto; background:#fff; border:solid 1px #e1e1e1; outline:none; font-size:15px;}

.reqsubmitbtn{width:auto; height:auto; padding:10px 15px 10px 15px; margin:0; background:#e9270e; border:none !important; border-radius:4px; font-size:15px; color:#fff; font-weight:400;}
.reqsubmitbtn:hover{background:#ff6600; cursor:pointer;color:#fff;border:none !important;}


/*-- Contact Page --*/
.iContactPanel{width:98%; height:auto; padding:20px 1% 0 1%; margin:20px 0 20px 0; }
.iContactInquiryBox{width:38%; height:auto; padding:0; margin:0 0 0 2%; float:left;}
.iContactFormRow{width:100%; height:auto; padding:0; margin:0 0 15px 0; position:relative;}
.iContactBtnRow{width:100%; height:auto; padding:0; margin:0 0 20px 0; text-align:right;}
.iFormTextBox{width:95%; height:auto; padding:10px 2.5%; margin:auto; border:solid 1px #e1e1e1; color:#999 !important; font-size:14px; border-radius:4px; outline:none;}
.iFormTextAreaBox{width:95%; height:45px; padding:10px 2.5%; margin:auto; border:solid 1px #e1e1e1; color:#999 !important; font-size:14px; border-radius:4px; outline:none;}
.isubmitbtn{width:auto; height:auto; padding:10px 25px 11px 25px; margin:auto; background:#ff6700; font-size:15px; color:#fff; border-radius:4px; border:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.isubmitbtn:hover{background:#ff2a00; cursor:pointer;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.iContactDetailsBox{width:50%; height:auto; padding:0; margin:0; float:right;}
.iContactHeading{width:100%; height:auto; padding:0px; margin:0 0 25px 0; color:#000; font-size:25px; font-weight:900; text-transform:uppercase;}
.iContactDetails{width:100%; height:auto; padding:0px; margin:0 0 12px 0; color:#777; font-size:16px; font-weight:400;}
.iContactMap{width:100%; height:auto; padding:0; margin:0;}


/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 99999;
  padding-top: 75px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fff;
  margin: auto;
  padding: 0;
  border: 0px solid #888;
  width: 40%;
  border-radius:10px;
  overflow:hidden;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 10px 16px;
  background-color: #ff6600;
  color: white !important;
}

.modal-body {padding: 25px 5% 10px 5%;}

.modal-footer {
  padding: 10px 16px;
  background-color: #ff6600;
  color: white !important;
}