@charset "utf-8";
/* CSS Document */
body {
	padding:0px;
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:24px;
	color:#464646;
}
h1,h2,h3,h4,h5,h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h1 {
	color:#ff922a;
	font-size:24px;
	margin:20px 0px;
	text-shadow:#CCC 0px 1px 0px;
}
h1 strong {
	color:#333;
}
h1 span {
	color:#610b00;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px !important;
	line-height:24px !important;
	color:#464646 !important;
	text-align:justify;
}
ul li {
	padding:0px;
	margin:0px;
	font-family:Verdana, Geneva, sans-serif !important;
	font-size:14px !important;
	line-height:24px !important;
	list-style:none;
}
header {
	margin:10px 0px;
	padding:10px 0px;
	color:#FFF;
	float:left;
	width:100%;
	margin-bottom:-20px;
}
header h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#0753ff;
	padding:0px;
	margin:10px;
	font-size:24px;
	line-height:30px;
	vertical-align:middle;
	padding: 10px 0px 0px 0px;
	height:auto;
	overflow:hidden;
	float:left;
	font-weight:bold !important;
}
header h1 span {
	font-size:14px;
	letter-spacing:0px;
	line-height:24px !important;
	float:left;
	padding: 0px 0px 10px 0px;
	font-weight:normal !important;
	color:#0753ff !important;
}
section {
	margin:20px 0px;
	float:left;
	width:100%;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
}
article {
	margin:30px 0px;
	float:left;
	width:100%;
	height:auto;
	overflow:hidden;
}
article h1 span {
	color:#0753ff;
	text-shadow:#999 0px 1px 1px;
}
article ul li:before {    
    font-family: 'FontAwesome';
    content: '\f18e';
    margin:0 10px 0 0px;
	color:#1d0400;
}
nav {
	width:100%;
	float:right;
	height:auto;
}
nav ul {
	padding:0px;
	margin:0px;
}
nav ul li {
	float:left;
	margin:3px 1px;
}
nav ul li a {
	color:#0753ff !important;
	padding:4px 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	transition:all 0.5s;
}
nav ul li a:hover {
	background-color:#0753ff !important;
	color:#FFF !important;
	text-decoration:none;
	box-shadow:#999 0px 2px 4px;
}
nav ul li a i {
	font-size:30px;
}
nav button {
	color:#0d2034 !important;
}
nav button:hover {
	background-color:#0753ff !important;
	color:#FFF !important;
	text-decoration:none;
	box-shadow:#999 0px 2px 4px; 
}
table {
	border:#0753ff 1px solid;
	width:100%;
	margin:20px 0px 40px 0px !important;
}
tr:nth-child(odd) {
	padding:5px;
	margin:5px;
	background-color:#d1d1d1;
}
tr:nth-child(even) {
	padding:5px;
	margin:5px;
	background-color:#eeeeee;
}
th {
	background-color:#0753ff;
	color:#FFF;
	text-align:center;
	padding:5px !important;
	margin:3px !important;
	font-size:16px;
}
tr td {
	padding:5px !important;
	margin:3px !important;
	font-family: 'Barlow Condensed', sans-serif  !important;
	font-size:15px;
}
.td-header {
	background-color:#4d4d4d;
	color:#FFF;
}
footer {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	margin:0px;
	padding:20px 0px;
	background-color:#92a6af;
	text-align:center;
	color:#061e49;
}
footer a {
	color:#fff;
	font-weight:bold;
}
img {
	max-width:100%;
	float:left;
	height:auto;
	overflow:hidden;
}
.main-body {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	padding:0px;
	background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
}
.top-area {
	background-color:#aec8d1;
	padding:5px 0px;
	margin:0px !important;
}
.header-banner {
	float:left;
	height:auto;
	overflow:hidden;
	position:inherit;
	width:100%;	
	-webkit-box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.75);
	margin-bottom:20px;
}
.header-banner img {
	width:100% !important;
	float:left;
	height:auto;
	overflow:hidden;
	min-width:100%;
}
.read-more {
	background-color:#0753ff;
	border:#0753ff 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	float:right;
	color:#FFF;
	font-weight:bold;
	margin:10px 0px;
	padding:5px 8px;
	transition:all .5s;
}
.read-more:hover {
	background-color:#e1ddda;
	border:#e1ddda 1px solid;
	color:#0753ff;
	-webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);
}
.enquery-area {
	background-image:url(../images/contact-bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	height:620px;
}
.enquery-area-cover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#606c88+0,3f4c6b+100&0.9+0,0.9+100 */
	background: -moz-linear-gradient(top, rgba(96,108,136,0.8) 0%, rgba(63,76,107,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(96,108,136,0.8) 0%,rgba(63,76,107,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(96,108,136,0.8) 0%,rgba(63,76,107,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6606c88', endColorstr='#e63f4c6b',GradientType=0 ); /* IE6-9 */
	position:absolute;
	width:100%;
	float:left;
	padding:20px;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	min-height:620px;
}
.enquery-area input {
	border:#CCC 1px 0px 1px 10px solid;
	color:#787878;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	float:left;
	width:100%;
	margin:5px 0px;
}
.enquery-area textarea {
	border:#CCC 1px 0px 1px 10px solid;
	color:#787878;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	float:left;
	width:100%;
	margin:5px 0px;
}
.enquery-area button {
	background-color:#9fab32;
	border:#9fab32 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	float:left;
	color:#24441e;
	font-weight:bold;
	margin:10px 0px;
}
.enquery-area p {
	color:#ff1b00 !important;
}
.contact-info {
	width:94%;
	padding:3%;
}
.contact-info p {
	font-size:16px !important;
	color:#0d2034;
}
.contact-area {
	height:auto;
	background:rgb(255,220,115,0.5);
	padding:40px;
	margin-bottom:20px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* future proofing */
	-khtml-border-radius: 15px; /* for old Konqueror browsers */
}
.contact-area input {
	border:#CCC 1px 0px 1px 10px solid;
	color:#787878;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	float:left;
	width:100%;
	margin:5px 0px;
}
.contact-area textarea {
	border:#CCC 1px 0px 1px 10px solid;
	color:#787878;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	float:left;
	width:100%;
	margin:5px 0px;
}
.contact-area button {
	background-color:#9fab32;
	border:#9fab32 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	float:left;
	color:#24441e;
	font-weight:bold;
	margin:10px 0px;
}
.contact-area p {
	color:#ff1b00 !important;
}
.form-group {
	padding:0px !important;
	margin:0px !important;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}
#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}
#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    z-index:1032;
}
.image-content a img {
	width:94%;
	padding:2%;
	border:#F60 1px solid;
	margin-bottom:30px;
	transition:all 0.5s;
}
.image-content:hover a img {
	opacity: 0.3;
}
.product-tab {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	border:#cacaca 1px solid;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	margin-bottom:20px;
	transition:all 0.7s;
	min-height:240px;
}
.product-tab h2 {
	text-align:center;
	font-size:22px !important;
	margin:20px 0px 10px 0px;
	font-weight:bold;
	color:#e5be48;
}
.product-tab ul {
	padding:10px;
	margin:10px;
}
.product-tab:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefcea+0,ffdc73+100&0.75+0,0.85+100 */
	background: -moz-linear-gradient(-45deg, rgba(254,252,234,0.75) 0%, rgba(255,220,115,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(254,252,234,0.75) 0%,rgba(255,220,115,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(254,252,234,0.75) 0%,rgba(255,220,115,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bffefcea', endColorstr='#d9ffdc73',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border:#ffdc73 1px solid;
	
}
.product-tab a {
	width:30%;
	margin:0 33%;
	padding:5px 7px;
	border:#ffdc73 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	font-size:15px;
	color:#544000;
	transition:all 0.4s;
}
.product-tab:hover a {
	background-color:#544000;
	color:#ffdc73;
	text-decoration:none;
	border:none;
	-webkit-box-shadow: 0px 3px 2px 1px rgba(168,168,168,1);
	-moz-box-shadow: 0px 3px 2px 1px rgba(168,168,168,1);
	box-shadow: 0px 3px 2px 1px rgba(168,168,168,1);
}
.modal-body {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100&0.75+0,0.75+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(241,241,241,0.75) 50%, rgba(225,225,225,0.75) 51%, rgba(246,246,246,0.75) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(241,241,241,0.75) 50%,rgba(225,225,225,0.75) 51%,rgba(246,246,246,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(241,241,241,0.75) 50%,rgba(225,225,225,0.75) 51%,rgba(246,246,246,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#bff6f6f6',GradientType=0 ); /* IE6-9 */
}
.modal-body img {
	border:#ffdc73 1px solid;
	margin-bottom:20px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* future proofing */
	-khtml-border-radius: 15px; /* for old Konqueror browsers */
}
.facilities-image {
	text-align:center;
	color:#333;
	font-weight:bold;
	padding:10px;
	margin-bottom:10px;
}
.facilities-image img {
	width:96%;
	padding:2%;
	border:#F60 1px solid;
	margin-bottom:30px;
	transition:all 0.5s;
	border:#ffdc73 1px solid;
	margin-bottom:5px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* future proofing */
	-khtml-border-radius: 15px; /* for old Konqueror browsers */
}
@media screen and (max-width: 1024px) {
	header h1 span {
		float:none;
	}
	.co-name {
		border-bottom:#264677 1px solid;
	}
	.bottom {
		margin-top:230px;
	}
	/*.activities-area {
		min-height:740px;
	}
	.activities-area-cover {
		min-height:700px
	}*/
}
@media screen and (max-width: 854px) {
	header h1 span {
		float:none;
	}
	/*.activities-area {
		height:300px;
	}
	.activities-area-cover {
		min-height:300px;
	}*/
	.bottom {
		margin-top:180px;
	}
	.video-area iframe {
		height:320px;
		width:100%;
	}
}
@media screen and (max-width: 740px) {
	/*.activities-area {
		height:440px;
	}*/
	/*.activities-area-cover {
		min-height:300px;
	}
	.video-area iframe {
		height:220px;
		width:100%;
	}*/
	.bottom {
		margin-top:252px;
	}
}
@media screen and (max-width: 600px) {
	header h1 {
		margin-left:40px;
	}
	.intro p {
		text-align:justify;
	}
	.top-content-area ul {
		float:none;
		display:block;
		clear:both;
	}
	/*.activities-area {
		height:700px !important;
	}*/
	/*.activities-area-cover {
		min-height:630px;
	}*/
	.back-icon input {
		width:70%;
	}
	.back-icon button {
		width:30%;
	}
	.product-tab a {
		width:30%;
		margin:0 28%;
		padding:5px 7px;
		border:#ffdc73 1px solid;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; /* future proofing */
		-khtml-border-radius: 5px; /* for old Konqueror browsers */
		font-size:15px;
		color:#544000;
		transition:all 0.4s;
	}
}