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

#banner-inner { height: 233px; background-position: center top; background-repeat: no-repeat; background-size: 100%; }
#banner-inner .width { height: 233px; }
.sesame-seeds { background-image: url(../images/banner01.jpg); }
.caption { background: #379d6e; height: 58px; line-height: 58px; font-size: 17px; color: #f8fded; text-align: center; border-bottom: 1px solid #fff; }

#banner-inner .title-container { position: absolute; left: 0; bottom: 0; }
#banner-inner ul { margin: 0; padding: 0; list-style: none; }
#banner-inner ul li:first-child { background: #eb8019; margin-left: 0; }
#banner-inner ul li { background: #379d6e; color: #fff; font-size: 18px; text-align: center; padding: 3px 20px 6px; display: inline-block; border-radius: 10px 10px 0 0; color: #fff; margin-left: -3px; }
#banner-inner .title { background-color: rgba(51,82,65,0.50); font-family: Georgia, "Times New Roman", Times, serif; font-size: 55px; color: #fff; display: inline-block; padding: 15px 25px 15px 15px; }
#banner-inner .title span { width: 41px; height: 31px; background: url(../images/title-leaf.png) left top no-repeat; display: inline-block; position: relative; margin-left: -37px; top: -7px; }

ul.breadcrumb { margin: 0; padding: 15px 0 17px; list-style: none; }
ul.breadcrumb li { display: inline; font-size: 12px; }
ul.breadcrumb li:after { content: ''; background: url(../images/breadcrumb-sep.png) left bottom no-repeat; width: 5px; height: 5px; display: inline-block; margin: 0 1px 0 7px; }
ul.breadcrumb li a { text-decoration: underline; color: #00923F; }
ul.breadcrumb li a:hover { color: #EB8019; text-decoration: none; }
ul.breadcrumb li:last-child:after { background: none; }

.content { padding-bottom: 55px; }
.content:after { content: ''; clear: both; display: block; }
.content h1 { display: none; }
.content h2 { font-size: 18px; color: #00923F; }
.content h3 { font-family: 'droid_sansbold', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #3f3f3f; }
.content p { line-height: 20px; }

.picleft { float: left; margin: 0 25px 25px 0px; }
.picright { float: right; margin: 0 0 25px 25px; }
.csr { margin-top: -20px; }

.left-content { float: left; width: 575px; }
.mission-box { float: right; background: #f3fdf5; border: 1px solid #dbe1da; border-top: 5px solid #ff861b; color: #595959; width: 350px; padding: 15px; margin: 0 0 0 30px; }

.product-container { margin: 0; padding: 0; list-style: none; }
.product-container:after { content: ''; clear: both; display: block; }
.product-container li { float: left; width: 300px; min-height: 186px; margin: 60px 30px 0px 0; padding: 5px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
.product-container li:hover { box-shadow: 0 0 5px #ccc; background: #f2fdf5; border-radius: 2px; }
.product-container li img { float: left; width: 290px; height: 180px; border-right: 1px solid #fff; display: block; }
.product-container li .pro-detail { display: table-cell; width: 154px; height: 180px; color: #f7fcec; line-height: 20px; background: #13a059; vertical-align: middle; padding-left: 15px; }

.product-container2 { margin: 0; padding: 0; list-style: none; }
.product-container2:after { content: ''; clear: both; display: block; }
.product-container2 li { float: left; width: 910px; min-height: 186px; margin: 60px 30px 0px 0; padding: 5px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
.product-container2 li:hover { box-shadow: 0 0 5px #ccc; background: #f2fdf5; border-radius: 2px; }
.product-container2 li img { float: left; width: 900px; height: 184px; border-right: 1px solid #fff; display: block; }
.product-container2 li .pro-detail { display: table-cell; width: 154px; height: 180px; color: #f7fcec; line-height: 20px; background: #13a059; vertical-align: middle; padding-left: 15px; }

.product-container3 { margin: 0; padding: 0; list-style: none; }
.product-container3:after { content: ''; clear: both; display: block; }
.product-container3 li { float: left; width: 765px; min-height: 415px; margin: 60px 30px 0px 0; padding: 5px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
.product-container3 li:hover { box-shadow: 0 0 5px #ccc; background: #f2fdf5; border-radius: 10px; }
.product-container3 li img { float: left; width: 754px; height: 415px; border-right: 1px solid #fff; display: block; }
.product-container3 li .pro-detail { display: table-cell; width: 154px; height: 180px; color: #f7fcec; line-height: 20px; background: #13a059; vertical-align: middle; padding-left: 15px; }

.product-container li .pro-detail span { color: #2d291e; }
.product-container li a { text-decoration: none; }
.product-container li .product:after { content: ''; clear: both; display: block; }
.product-container li p { font-size: 13px; color: #3f3f3f; }
.product-container .more { font-size: 18px; text-align: right; }
.product-container .more a { color: #13a059; }
.product-container .more span { width: 16px; height: 16px; display: inline-block; background: #c0ba95; color: #eaece2; text-align: center; font-size: 14px; line-height: 17px; }
.product-container .more a:hover { color: #EB8019; }
.product-container .more a:hover span { background: #EB8019; color: #fff; }

.pro-left { float: left; width: 250px; margin-right: 30px; }
.pro-right { float: right; width: 680px; }

.pro-left-nav { background: #F3FDF5; margin: 15px 0; padding: 0; list-style: none; }
.pro-left-nav li { border-left: 3px solid #d7d8da; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
.pro-left-nav li a { padding: 10px 20px; display: block; text-decoration: none; color: #3f3f3f; }
.pro-left-nav li:hover a { color: #00923F; }
.pro-left-nav li:hover { border-left-color: #00923F; background: #fff; }

#pro-img-slider { width: 100%; }
#pro-img-slider ul { margin: 0; padding: 0; list-style: none; }
#pro-img-slider ul li { height: 300px; overflow: hidden; }
#pro-img-slider .bx-viewport ul { height: auto; }
#pro-img-slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto, #news-img-slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 0; position: inherit; margin-top: 15px; text-align: center; }
#pro-img-slider .bx-wrapper .bx-pager.bx-default-pager a, #news-img-slider .bx-wrapper .bx-pager.bx-default-pager a { margin: 0 5px 0 0; text-indent: -9999px; width: 12px; height: 12px; border-radius: 100%; padding: 0; border: none; box-shadow: 0 0 5px rgba(0,0,0,0.5); }

.infrastructure { margin-top: 25px; }
.infrastructure .cell { width: 33.33%; background: #f3fdf5; border: 1px solid #dbe1da; border-top: 3px solid #ff861b; color: #595959; padding: 2%; }
.infrastructure .cell h3 { margin: 0; }

.gmap { width: 100%; height: 450px; margin-bottom: 15px; }
.map_locations { background: #ECF1DE; font-size: 90%; font-weight: bold; color: #DD381C; width: 80px; padding: 7px; border: 1px solid #9FCD2F; text-align: center; margin: 0; }

.contact p span { font-family: 'droid_sansbold', Arial, Helvetica, sans-serif; }

.news { border-bottom: 1px solid #e3e3e3; padding: 30px 0 5px; }
.news .image { float: left; width: 200px; border: 1px solid #3f3f3f; overflow: hidden; }
.news .image img { display: block; }
.news .details { margin-left: 224px; }
.news.noimg .details { margin-left: 0; }
.news .details .title { font-size: 14px; font-weight: 700; font-style: italic; }
.news .details .title span.date { font-size: 14px; font-weight: normal; color: #ee393d; font-style: italic; }
.news .details p { line-height: 20px; }
.news .details a { color: #ee393d; text-decoration: none; }
.news .details a:hover { border-bottom: 1px solid #ee393d; }
.news:last-child { border-bottom: none; padding-bottom: 0px; }

.news-details { margin-top: 20px; }
.news-details .date { display: table-cell; width: 100px; color: #595959; font-family: 'droid_sansbold', Arial, Helvetica, sans-serif; }
.news-details .date .margin { background: #f3fdf5; border: 1px solid #dbe1da; border-top: 5px solid #ff861b; padding: 10px 15px; text-align: center; }
.news-details .title { display: table-cell; width: 830px; padding-left: 30px; vertical-align: middle; font-family: 'droid_sansbold', Arial, Helvetica, sans-serif; }
.news-details .details { margin-top: 20px; }

/*---Form CSS---*/
.form { }
.form-div { width: 48%; }
form div { position: relative; padding: 0.25em 0 1em 0; }
form label { display: block; padding-bottom: 0.5em; }
form label span { font-style: italic; font-size: 85%; color: #ff0000;}
form input[type="text"], form input[type="file"], form input[type="submit"], form input[type="reset"], form textarea, form select { width: 100%; font-size: 13px; padding: 10px; font-family: Verdana,Geneva,sans-serif; border: 1px solid #ccc; background: #fff; }
form input[type="submit"], form input[type="reset"] { background: #379D6E; width: 100px; text-align:center; color:#fff; text-decoration:none; font-size:110%; font-weight:bold; border:none; font-size:100%;}
form input[type="submit"]:hover, form input[type="reset"]:hover { background: #00923F; color: #fff; cursor: pointer; }
form textarea { height: 110px; }
form input.captcha { width: 120px; }

form input[type="text"]:focus, form input[type="file"]:focus, form textarea:focus {background: #f6f6f6; border: 1px solid #999;}

form .browse { position: relative; padding: 0; }
form .browse .hide { opacity: 0; filter: alpha(opacity=0); position: absolute; z-index: 2; width: 100%; height: 42px; }
form .browse .show { left: 0; position: relative; top: 0; z-index: 1; padding: 0; }
form .browse .action { position: absolute; right: 0px; top: 0px; background: #379D6E; color: #fff; padding: 0px 10px; height: 38px; line-height: 38px; }

form ::-webkit-input-placeholder { color: #b0b0b0; }
form ::-moz-placeholder { color: #b0b0b0; }
form :-ms-input-placeholder { color: #b0b0b0; }
form input:-moz-placeholder, form textarea:-moz-placeholder { color: #b0b0b0; }
form .disabled::-webkit-input-placeholder { color: #ccc; }
form .disabled::-moz-placeholder { color: #ccc; }
form .disabled:-ms-input-placeholder { color: #ccc; }
form input.disabled:-moz-placeholder, form textarea.disabled:-moz-placeholder { color: #ccc; }

form .submit { text-align: center; }

form .error-inline { color: #ff0000; font-size: 12px; }
form .control input.error[type="text"], form .control input.error[type="password"], form .control textarea.error, form .control select.error { border: 1px solid #ff0000; }

.mandatory { text-align: center; color: #ff0000; font-size: 13px; }

ul.gallery { margin: 0 0 0 5px; padding: 0; list-style: none; }
ul.gallery li { float: left; margin: 10px; width: 220px; height: 139px; position: relative; }
ul.gallery li img, ul.gallery li a { width: 220px; height: 139px; display: block; }
ul.gallery li .fade { background-color: rgba(55, 157, 110,0.8); position: absolute; color: #fff; z-index: 1;
	-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; left: 0;
	opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url(../images/hover-zoom.png); background-position: center center; background-repeat: no-repeat;
}
ul.gallery li:hover .fade { opacity: 1; }
ul.gallery li .photo-title { font-size: 14px; background-color: rgba(0,0,0,0.6); position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 10px; color: #fff; text-align: center; }
ul.gallery li a:hover .photo-title { background-color: rgba(0,0,0,0.9); z-index: 1; }

ul.certificates li, ul.certificates li img, ul.certificates li a { height: 230px; }

.downloads { width: 225px; background: #f3fdf5; background-image: url(../images/dwn-icon.png); background-position: 10px 10px; background-repeat: no-repeat; border: 1px solid #dbe1da; position: relative; margin: 0 20px 20px 0; display: inline-block; }
.downloads a { display: block; padding: 20px 20px 20px 60px; text-decoration: none; height: 75px; }
.downloads a span { position: absolute; right: -1px; bottom: -1px; background: #379D6E; padding: 2px 5px; font-size: 11px; color: #fff; }
.downloads:hover { border: 1px solid #379D6E; background-image: url(../images/dwn-icon-h.png); box-shadow: 0 1px 3px #ccc; }

/*----Table Start----*/
.datatable {border-top: 1px solid #dbe1da; border-right: 1px solid #dbe1da; margin:15px 0px; border-bottom:5px solid #379D6E; border-collapse: collapse; width: 100%;}
.datatable th {background:#379D6E; font-weight: bold; color:#FFFFFF;}
.datatable td, .datatable th {border-left: 1px solid #dbe1da; border-bottom: 1px solid #dbe1da; padding: 5px; vertical-align: top;}
.datatable td { background-color: rgba(239,154,72,0.3); }
.datatable tr:nth-child(even) td { background: #F3FDF5; }

.infraslider, .infraslider ul, .infraslider ul li { height: auto !important; }
.infraslider ul li img { max-width: 100% !important; }
.infraslider ul li iframe { border: 1px solid #ccc !important; }

.custom-dropdown { position: relative; display: inline-block; vertical-align: top; }
.custom-dropdown::before, .custom-dropdown::after { content: ""; position: absolute; pointer-events: none; }
.custom-dropdown::after { content: ""; width: 17px; height: 24px; line-height: 24px; right: 9px; top: 2px; background: url(../images/drop-down.png) right center no-repeat; }
.custom-dropdown::before { width: 35px; height: 21px; right: 0; top: 3px; bottom: 0; background-color: #3ac484; border-left: 1px solid #379d6e; }

.custom-dropdown-select { width: 158px; font-size: 14px; padding: 0 5px; margin: 0; background-color: #ebf2ea; color: #58614b; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; top: -1px; }
.custom-dropdown-select[disabled] { color: rgba(0, 0, 0, .3); }
.custom-dropdown.custom-dropdown-disabled::after { color: rgba(0, 0, 0, .1); }

/* FF only temporary & ugly fixes */
/* the "appearance: none" applied on select still shows a dropdown arrow on Firefox */
/* https://bugzilla.mozilla.org/show_bug.cgi?id=649849 */
@-moz-document url-prefix() {
	.custom-dropdown-select { padding-right: .9em; }
	.custom-dropdown-large .custom-dropdown-select { padding-right: 1.3em; }
	.custom-dropdown-small .custom-dropdown-select { padding-right: .5em; }
	}
}