*	{margin:0; padding:0;}
body{font-family: 'Lato', sans-serif;}
.wrapper{width:80%; margin:auto;}
.enterPage{position:relative; background:url(images/banner.jpg); height:100%; width:100%;}
.HomePage{position:relative; background:url(images/banner3.jpg); background-size:100%; height:100%; width:100%; /*border:solid 1px red; */overflow:hidden;}
.aboutus{position:relative; background:url(images/00.jpg); background-size:100%; width:100%; /*border:solid 1px red; */overflow:hidden; }
.investor{position:relative; width:100%; /*border:solid 1px red; */overflow:hidden; padding-bottom:40px; }


header{ overflow:hidden; position:fixed; width:100%; z-index:9000;}
.band {background: #f0f0f0; overflow: hidden; padding-bottom: 22px; color: #000;}
#menu{width:100%; background:#fff; overflow:hidden; padding:0; /*border-bottom:solid 4px #d18b05;*/}
.menu-bar{margin:auto; position:relative; overflow:hidden;}

.menu-bar li{display:inline-block; float:left; margin-left:60px; padding:5px 0;}
.menu-bar li a{color:#333; text-decoration:none; font-weight:bold;  font-family: 'Noto Serif', serif; font-weight:700; line-height:90px; display:block;}
.menu-bar li a:hover{color:#ccc;}
.menu-bar li a.active{font-size:20px; color:#d18b05;}

.menu-bar li.logo{display:block; width:300px; }
.menu-bar li.logo img{width:80%;}

.menu-bar li:nth-child(8){float:right; padding-right:20px;}

.search{height:30px; display:block; margin-top:35px;}
.search span{display:inline-block; float:left; font-family: 'Noto Serif', serif; font-weight:400;}
.searchbox-lupa{display:block; float:left; margin-left:10px;}
form[name="search"]{float:left; display:none; margin-left:5px;}
form[name="search"] input{border:none; outline:none;}

.logo-content{width:100%; position:absolute; top:45%; text-align:center;}
.aboutCont{}
.aboutContSection {padding:20px 20px 20px 0; width:40%; float:left; line-height:40px;}
.aboutContSection p{ margin:0 0 20px 0; line-height:30px; }
.heading {font-size:40px; margin-bottom:30px; font-weight:300; text-transform:uppercase; border-bottom:solid 1px #ccc; padding-bottom:30px;}
.aboutContSection p.readMore a{display:inline-block; padding:5px 25px; border-radius:5px; background:#000; color:#fff; text-decoration:none;}
.center {text-align:center;}
.productCont{background-color:#f6f6f6; overflow:hidden;}
.productContSection  { padding:50px 20px 20px 20px; /*height:100%;*/ }
.productContSection p{ margin:10px 0 40px 0; line-height:30px; }
.productItem{overflow:hidden; /*border:solid 1px red;*/}
.productItem li{list-style:none; width:25%; float:left; text-align:center;}
.productItem li div{width:200px;  height:200px; border-radius:50%; border:solid 1px #333; margin:auto;}
.productItem li.absolute-black div{background:url('images/products/ABSOLUTE-BLACK.jpg'); background-position:center;}
.productItem li.black-galaxy div{background:url('images/products/BLACK-GALAXY.jpg'); background-position:center;}
.productItem li.cobra-brown div{background:url('images/products/COBRA-BROWN.jpg'); background-position:center;}
.productItem li.indian-red div{background:url('images/products/INDIAN-RED.jpg'); background-position:center;}
.productItem li.Km-black div{background:url('images/products/KM-BLACK.jpg'); background-position:center;}
.productItem li.lavender-blue div{background:url('images/products/LAVENDER-BLUE.jpg'); background-position:center;}
.productItem li.moon-white div{background:url('images/products/MOON-WHITE.jpg'); background-position:center;}
.productItem li.orissa-brown div{background:url('images/products/ORISSA-BROWN.jpg'); background-position:center;}
.productItem li.steel-grey div{background:url('images/products/STEEL-GREY.jpg'); background-position:center;}
.productItem li.sun-black div{background:url('images/products/SUN-BLACK.jpg'); background-position:center;}
.productItem li.viscon-white div{background:url('images/products/VISCON-WHITE.jpg'); background-position:center;}
#product-popup{display:none; position:fixed; z-index:9999;  width:70%; margin:auto; left:50%; margin-left:-35%; }
#product-popup-bg {display:none; position:fixed; z-index:9998;  width:100%; margin:auto; background:#fff; height:100%; opacity:5;}
.productItem div {position:relative; }
.productItem div a{display:block; position:absolute; width:100%; height:100%;}
.product-popup-images{width:100%; margin:auto; }
.product-popup-images img{width:100%; margin-top:20px; border:solid 5px #fff;}
.product-name	{color: #333; text-align: center; line-height: 40px; font-size: 45px; margin-top: 30px; text-decoration:underline; font-weight:normal;}

/******************/
.btns{width:fit-content;}
.banner {position:relative; width:100%; height:100%;}
.bannerContSection {position:absolute; top:40%; left:100px;}
.bannerContSection  h1{font-size:44px; line-height:60px; color:#fff; font-family: 'Noto Serif', serif; font-weight:400;}
.banner-content{position:relative;}
.banner-content h1{position:absolute; top:45%; text-align:center; color:#fff;  text-shadow: -2px -2px 2px rgba(0,0,0,0.68);  }
.see-our-products {display:block; width:200px; text-align:center; margin-top:10px; line-height:30px; background:#000; border:solid 1px #ccc; border-radius:25px; background:url(images/bg-opacity.png);}
.see-our-products a{color:#fff; text-decoration:none;  font-family:arial;}
.productCont {overflow:hidden;}
.contact {overflow:hidden; background:#eee;}
.contactCont{overflow:hidden; }
.formSection{float:left; width:50%;}
.formSection{overflow:hidden}
.formSection label{display:block; width:20%; float:left; height:1px;}
.formSection input {height:30px; width:80%; float:left;}
.formSection textarea{width:80%; height:100px; float:left;}
.formSection input[type="submit"]{background:#d18b05; border:none; color:#fff; line-height:30px;}
.formSection p{margin-bottom:20px; overflow:hidden;}
.formcont {font-size:20px; margin-bottom:30px;}
.mapsection {float:left; width:45%;padding-left:5%;}
.mapsection .address p{line-height:30px;}
.map{clear:both;  margin:30px auto 30px auto; border:solid 5px #ccc;}

.investorCont{ background:url(images/money.jpg) no-repeat; background-position:top right; background-size:300px;}
.investorheading{ text-align:left; font-size:32px; text-transform:uppercase; font-weight:300; margin:40px 0;}
.investorTagline{font-size: 20px; margin-bottom:40px; font-weight:bold;}
.investorContent{width: 60%; line-height:30px; font-size:20px; }
.investorContent1{font-size:24px;}
.investorForm{clear:both; width:100%;}
.investorForm input[type="text"], .investorForm input[type="email"], .investorForm input[type="text"]{width:49%; float:left; height:40px;}
.investorForm input[type="text"]:nth-child(2), .investorForm input[type="text"]:nth-child(4), .investorForm input[type="email"]{width:49%; float:right;}
.investorForm p{overflow:hidden; margin-bottom:20px;}
.investorform textarea{width:100%; height:80px;}
.investorForm input[type="submit"]{width:100%; height:40px; background:#d18b05; border:none; color:#fff; font-size:18px; text-transform:uppercase;}
.investor-info{margin-top:30px; clear:both; font-size:18px; font-weight:bold;}
form input{padding-left:20px; }
form textarea{padding:20px 0 0 20px;}
.menuBorder{border-bottom:solid 1px #eee;}
.back-button{display:bloc; width:200px; height:100px; position:absolute; top:30px; left:30px; cursor:pointer; font-weight:bold; font-size:24px;}
.aboutSegments{width:50%; float:right; padding-top:20px;}
.aboutSegments, .aboutSegments ul {overflow:hidden;}
.aboutSegments ul li{ list-style:none; text-align:left; clear:both; overflow:hidden;}
.aboutSegments ul li img{ width:15%; float:left; margin-top:10px;}

.aboutSegments ul li span{display:block; line-height:60px; font-size:24px;}
.aboutSegmentsCont{width:80%; float:right;}
.aboutSegmentsCont p{line-height:30px;}
.aboutfooter, .productfooter{text-align:center; clear:both; margin:0; line-height:43px; font-size:25px;}
.aboutfooter p{border-bottom: solid 1px #999;     padding: 30px 0;}
.productfooter p{line-height:45px; }
.aboutwrapper{overflow:hidden; padding-bottom:40px;}
.aboutwrapper .heading{text-align:center; margin-top:50px; margin-bottom:0;  text-transform:uppercase;}
.aboutContSection p span{font-size:30px; font-weight:bold; display:block; line-height:60px;}.
.products{margin-top:50px;}
.images-load{display:none;}
.mobile-menu{display:none;}
.footer{background:#333; color:#fff; }
.footer p{font-size:14px; letter-spacing:1px; line-height:40px;}
.investor{}
.band span.choose-langusge{display: block; margin-bottom: 13px; text-align: center; color: #fff; font-size: 16px; color: #000; padding-top: 20px;}
#google_translate_element{width:155px; margin:auto;}

@media screen and (max-width:1050px){
	.menu-bar li{margin-left:30px;}
	.HomePage{background-size:cover;}
}
@media screen and (max-width:900px){
	#menu{position:relative;}
	.mobile-menu{display:block;width:40px; position:absolute; right:20px; top:125px; cursor:pointer; z-index:9999;}
	.mobile-menu ul{width:40px;}
	.mobile-menu ul li{height:5px;border-bottom:solid 4px #ccc; list-style:none;}
	.menu-bar li.logo img{width:200px;}
	.HomePage{height:auto;}
	.aboutus{background-size:cover;}
	.menu-bar li{float:none; display:block; margin:0; text-align:center; border-top:solid 1px #ccc; display:none; clear:both;}
	.menu-bar li:last-child{display:none;}
	.menu-bar li a {line-height:40px;}
	.menu-bar li.logo{width:60%; display:block; float:left;}
	
	
	.banner{height:auto; margin-bottom:80px;}
	.bannerContSection{position:static; margin-top:190px; text-align:center;}
	.bannerContSection h1{font-size:32px;}
	.see-our-products {margin:auto;}
	.aboutContSection{display:block; width:100%;}
	.aboutSegments{display:block; width:100%;}
	.aboutSegments ul li {text-align:center;}
	.aboutSegments ul li img{float:none; margin:auto;}
	.aboutSegmentsCont{width:100%; float:none; margin-bottom:40px;}
	.aboutfooter, .productfooter{font-size:19px;}
	.aboutfooter p, .productfooter p{line-height:34px;}
	.productItem li{width:80%; margin:auto; float:none;}
	.investorCont{background:none;}
	.investorContent{width:100%;}
	.investorForm input[type="text"], .investorForm input[type="email"], .investorForm input[type="text"]{width:100%; float:none; margin-bottom:10px;}
	.investorForm p{margin-bottom:0;}
	.investorForm input[type="text"]:nth-child(2), .investorForm input[type="text"]:nth-child(4), .investorForm input[type="email"]{width:100%; float:none;}
	form textarea{margin-bottom:30px;}
	.formSection, .mapsection{width:100%; float:none;}
	.contactform input{display:block; width:100%; float:none; clear:both;}
	.contactform textarea{width:100%;}
	.formcont{font-size:19px; font-weight:bold;}
	.mapsection {text-align:center;}

	.footer p{line-height:20px; padding:10px; text-align:center;}
}