html,
body {
    width: 100%;
    height: 100%;
	
}

@font-face {
	font-family: 'CenturyGothic';
	src: url('../fonts/CenturyGothic.eot');
	src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CenturyGothic.woff') format('woff'),
		url('../fonts/CenturyGothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CenturyGothic-BoldItalic';
	src: url('../fonts/CenturyGothic-BoldItalic/CenturyGothic-BoldItalic.eot');
	src: url('../fonts/CenturyGothic-BoldItalic/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CenturyGothic-BoldItalic/CenturyGothic-BoldItalic.woff') format('woff'),
		url('../fonts/CenturyGothic-BoldItalic/CenturyGothic-BoldItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body {/*font-family:Arial, Helvetica, sans-serif;	*/ 	background-repeat:repeat; }
a {-webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; text-decoration:none}
a:hover, a:focus { color: #000; text-decoration:none;}
ul li {list-style:none}
h1,
h2,
h3,
h4,
h5,
h6 {  font-family: 'Open Sans', sans-serif; }
p { font-size: 14px; line-height: 1.5; color:#000; font-weight:normal; padding:0 0px; 
font-family:'Open Sans', sans-serif; }
section { padding: 0px 0; }
aside { padding: 0px 0 0; }
.no-padding { padding: 0; }
header { width: 100%; min-height: auto; color: #092230; background:#FFF; padding:0px 0px 0px; background-position: initial; -moz-background-size: cover;
    -webkit-background-size: cover; background-size: cover; z-index:9999; -o-background-size: cover; }
@media(min-width:768px) { 
    header {
		min-height: 0%;		
    }
}
::selection  				{text-shadow: none; color: #fff; background: #222; }
img::selection 				{color: #fff; background: 0 0; }
img::-moz-selection 			{color: #fff; background: 0 0; }
body							{webkit-tap-highlight-color: #222;}
.clear     {clear:both}
/**************************************************Header start here********************************** */
.head ul li{float:left;padding:5px 10px 0px 10px;font-family: 'Open Sans', sans-serif;;font-size:14px;}
.head ul{float:right;}
.head ul li i{background:#CCC;padding:5px 8px;color:#1846b0;border-radius:100%;margin-right:10px;font-size:16px;}
.header{padding:10px;}
.header img{float:left;}
.header h2{font-size:30px;color:#294481;padding:20px 0 0 0;font-weight:bolder;}
.icon ul{float:right;}
.icon ul li{float:left; font-size:35px; padding:10px 5px;}
/*-----------------------dropdown----------------------*/
.menunav{
	background: #000000;
}
ul.menu {
	margin:0px;
}
nav {
  display: block;
  
}

.menu { display: block; }

.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
}

.menu li:first-child { margin-left: 0; }

.menu li a {
	font-family:'Open Sans', sans-serif;
	font-size:16px;
  text-decoration: none;
  padding: 10px 25px;
  display: block;
  color: #FFF;
  transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover,
.menu li:hover>a {
background:#4ba714;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 170px;
  position: absolute;
  left: 0px;
  background: #fff;
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
}

.menu ul:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}

.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
}

.menu ul li a {
  font-size: 15px;
  font-weight: normal;
  display: block;
  color: #333333;
  background: #eef1e2;
}

.menu ul li a:hover,
.menu ul li:hover>a {
padding-left:5px;
  color: #fff;
}

.menu li:hover>ul {
	width:223px;
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.menu ul ul {
  left: 169px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}

.menu ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 10px 15px;
  background: #E95546;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

.responsive-menu:hover {
  background: #E95546;
  color: #fff;
  text-decoration: none;
}

a.homer { background: #ff4d0e; }
 @media (min-width: 768px) and (max-width: 979px) {

.mainWrap { width: 768px; }

.menu ul { top: 37px; }

.menu li a { font-size: 12px; }

a.homer { background: #E95546; }
}
 @media (max-width: 767px) {

.mainWrap {
  width: auto;
  padding: 50px 20px;
}
.menu { display: none; }
.responsive-menu { display: block; }

nav {
  margin: 0;
  background: none;
}

.menu li {
  display: block;
  margin: 0;
}

.menu li a {
  color: #333333;
}

.menu li a:hover,
.menu li:hover>a {
  background: #FC6D58;
  color: #fff;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transform: initial;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  position: relative;
  transform: initial;
}

.menu ul ul {
  left: 0;
  transform: initial;
}

.menu li>ul ul:hover { transform: initial; }
}

.logo img{margin:0 0 5px 0;}
.logo h1{font-size:18px;color:#000;font-weight:600;}
.pro{text-align:center;border:2px solid #999;margin:30px 0;
box-shadow:5px 20px 22px -8px rgba(0, 0, 0, 0.4); box-sizing:100px;}
.pro h1{background:#000;font-size:18px;padding:8px 0;margin-bottom:0px;color:#FFF;}
.pro h1:hover{background:#f80000;}
.abt{background:#dbdbdb;width:100%;}
.left{padding:0px 0 75px 0;background:#135680;}
.left h1{background:#4ebdff;margin:0px;font-size:25px;color:#FFF;padding:10px 20px;}
.left p{margin:0px;padding:30px 30px;color:#FFF;}
.left a{padding:0 30px;float:right;color:#FFF;}
.right{padding:0px;background:#1784bd;}
.right h1{background:#a7e0fd;margin:0px;font-size:25px;color:#000;padding:10px 20px;}
.right h2{margin:0px;color:#FFF;font-size:14px;padding:10px 30px;}
.right p{margin:0px;padding:30px 30px 0 30px;color:#FFF;}
.right ul li{color:#FFF;list-style:square;}
.end{background:url(../images/bg.png);}
.end h1{font-size:30px;color:#FFF;padding:150px 0;text-align:center;font-weight:600;}
.footer{background:#4ba714;}
.footer ul li{color:#FFF;float:left;padding:5px 0;}
.footer ul li+li{float:right;}
.footer ul li a{color:#FFF;}

/*----------------about---------------*/
.about h1{font-size:25px;font-weight:bold;}
.about{background:#E6E6E6;text-align:justify;padding:20px 0;}
.value{background:url(../images/abtbg.png);margin:0px 0 20px 0;}
.value h1{font-size:25px;font-weight:bold;color:#FFF;text-align:center;}
.value h1 i{font-size:35px;padding-right:10px;}
.value p i{color:#FFF;padding:0px 5px;font-size:18px;}
.value p{padding:8px 0;color:#FFF;text-align:justify;padding:15px 0;}
.client{margin:25px 0;}
.client ul{padding:0px;}
.client h1 i{padding-right:5px;}
.client ul li i{padding-right:5px;}
.client ul li{font-family:'Open Sans', sans-serif;padding:2px 0;}
.policy h2{font-size:20px;text-align:center;padding-bottom:10px;}
.policy {border:2px solid #666;padding-bottom:30px;}
.policy ul{padding:0px;padding-left:10px; }
.policy ul li{list-style:disc;padding:2px;}
.client-inner{padding:20px;background:#E1E1E1;;margin-top:20px;}
.client h1{text-align:center;font-size:25px;font-weight:600;padding:10px 0 10px 0;background:#333;width:25%;margin:0 auto;color:#FFF;}
.contact h2{font-size:35px;color:#666;text-align:center;padding:0 0 20px 0;}
.contact h1{font-size:18px;font-weight:bold;}
.contact i{padding:10px 0 30px 0;font-size:50px;color:#006dc0;}
.contact{text-align:center; padding:30px 0;}
.map{padding:20px 0 0;}
.enquiry form input{width:97%;margin:0 0 20px 0;border:none;border:1px solid #333;borde-radius:5px;height:40px;padding:0 0 0 10px; }
.enquiry form input[type="submit"]{width:20%;border:none;border:1px solid #333;borde-radius:5px;height:40px;background:none;background:#333;color:#FFF;margin:0 auto;display:block;font-size:16px;border-radius:5px; padding:0px;}
.cont{width:50%;float:left;padding:0 10px 0 0;}
.enquiry h1{font-size:25px;background:#333;padding:8px 25px;color:#FFF;text-align:center;margin:0px 0 30px 0;}
.enquiryform{background:#DBDBDB;padding:20px 40px;margin:30px 0 0 0;}
.enquiry textarea{width:97%;margin:0 0 20px 0;border:none;border:1px solid #333;borde-radius:5px;height:100px;padding:0 0 0 10px; }
.enquiry{padding:0 0 30px 0;}
.product h1{font-size:30px;font-weight:600;}
.abtimg{text-align:center;}
.abtimg p{text-align:justify;padding:10px 0;}
.abtimg img{border:3px solid #CCC;padding:20px;}
.abtimg{padding:0 0 20px 0;}
table th{padding:10px;background:#408e0f;color:#FFF;text-align:center;}
table td{padding:10px;}
.product{padding:50px 0;}
.prod h2{font-size:15px;}
.prod a{margin:0 20px 20px 0;border:3px solid #F2F2F2;text-align:center;}
.prod h1{text-align:center;font-weight:600;color:#006}
.navigate ul li{float:left;padding-right:5px;}
.navigate ul li a{background:#333;padding:5px 10px;color:#FFF;margin:0px;}
.navigate ul li a.active{background:#F00;}
.navigate{margin-bottom:20px;float:right;}
.grid{margin:0px;}
/*-------------modal--------------------*/
	.box img{
	border: 3px solid #b88342;
    box-shadow: 0px 5px 10px 0px #b9b6b6;
}
.box{
	margin:0 0 30px 5px;
	text-align:center;
}
.close{font-size:42px;}
.modal-dialog{width:65%;}
.modal-content h4{
	background:#006;
	color:#FFF;
	font-weight:bold;
	padding:10px 0 10px 0;
	font-size:22px;
	text-align:center;
}
.modal-content h2{
	color:#333;
	border-bottom:1px solid #CCC;
	font-weight:bold;
	font-size:21px;
	padding-bottom:5px;
}
.modal-content h3{
	color:#333;
	border-bottom:1px solid #CCC;
	font-weight:bold;
	font-size:18px;
	padding-bottom:5px;
}
.modal-header{
	padding:0px;
	border-radius:10px 10px 0 0;
}

.modal-body ul li{
	padding-bottom:2px;
	text-align:left;
	font-family:'Open Sans', sans-serif;;
}
.modal-body ul{padding-left:0px;}
.modal-body i{padding-right:10px;}

.box a {
    color: #000000;
    text-decoration: none;
    position: absolute;
    right: 18px;
    top: 78%;
	background:#f2d85e;
	width:38%;
	padding:1% 0 1% 0;
}
.products h1{
	font-size:30px;
	color:#5e3023;
	text-align:center;
	font-weight:600;
	margin:0 0 30px 0;
}
.modal-body li{
	padding:0 0 0 10px;
}