/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	/* [disabled]padding: 0; */
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section 
{
	display: block;
}

body
{
	background:#F4F2F5;
	line-height:1.1;
	
}

*:focus
{
	outline:none;
}

a
{
	text-decoration:none !important;
}


ul {

 list-style: none;


 }



* {

 -webkit-box-sizing: border-box;

 -moz-box-sizing: border-box;

 box-sizing: border-box;

}

.clearing{position:relative;clear:both;}
.header{position:relative;width:100%;margin:0 auto;background:#febf00;border:1px solid #fevf00;}
.logo-image{position:relative;width:12%;margin:0 auto;}

.logo-image img{max-width:100%;height:auto;padding:10% 0;}
.absolute-menu{position:absolute;top:4%;width:100%;}

.logo-div{position:absolute;top:2%;width:100%;}

.logo{height:200px;}

.menu{position:relative;width:990px;margin:0 auto;}

.floated-menu{position:fixed;right:40px;top:4%;z-index:1000000;}

.menu-heading{text-align:center;letter-spacing:1.8;background:#000;padding:10px;color:#fff;font-family: 'Raleway', sans-serif;font-size:22px;width:120px;font-weight:100;cursor:pointer;}

.menu-drop-down{position:relative;display:none;}

.cross-h{text-align:center;font-weight:lighter;background:#fff;opacity:0.6;color:#919191;padding:5px;cursor:pointer;}

.menu-list-div{background:#000;}

.menu-list-div a{color:#fff;}

.menu-list-career{font-family: 'Muli', sans-serif;font-weight:400;padding:5px 10px;text-align:center;color:#fff;font-size:16px;cursor:pointer;}

.menu-list-career:hover{background:#f1f1f1;color:#000;}

.menu-list-about{font-family: 'Muli', sans-serif;font-weight:400;padding:10px 10px 5px 10px;text-align:center;color:#fff;font-size:16px;cursor:pointer;}

.menu-list-about:hover{background:#f1f1f1;color:#000;}


.menu-list-product{font-family: 'Muli', sans-serif;font-weight:400;padding:5px 10px;text-align:center;color:#fff;font-size:16px;cursor:pointer;}

.menu-list-product:hover{background:#f1f1f1;color:#000}

.menu-list-home{font-family: 'Muli', sans-serif;font-weight:400;padding:10px 10px 5px 10px;text-align:center;color:#fff;font-size:16px;cursor:pointer;}

.menu-list-home:hover{background:#f1f1f1;color:#000;}


.menu-list-contact{font-family: 'Muli', sans-serif;font-weight:400;padding:5px 10px 10px 10px;text-align:center;color:#fff;font-size:16px;cursor:pointer;}
.menu-list-contact:hover{background:#f1f1f1;color:#000;}
.logo-div{position:absolute;left:20px;}


h1{text-align:center;font-family: 'Raleway', sans-serif;font-size:25px;padding:20px;color:#000;}


.nav-menu{padding:20px;margin-left:100px;}

.container{position:relative;width:100%;margin:0 auto 20px auto;background:url('liftech-imgs/products-background.png') no-repeat center fixed;background-size:100%;padding:4%;}

.offering{font-family: 'Aclonica', sans-serif;width:100%;margin:0 auto;font-size:30px;text-align:center;color:#1c1c1c;padding:30px 10px;font-weight:400;}
.heading-container{font-family: 'Aclonica', sans-serif;position:relative;width:70%;margin:0 auto;color:#fbfbfb;}
.product-container{position:relative;width:990px;margin:50px auto 10px auto;}

.product-1{position:relative;width:250px;float:left;margin-left:50px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-2{position:relative;width:250px;float:left;margin-left:40px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-3{position:relative;width:250px;float:left;margin-left:40px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-4{position:relative;width:250px;float:left;margin-top:30px;margin-left:50px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-5{position:relative;width:250px;float:left;margin-top:30px;margin-left:40px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-6{position:relative;width:250px;float:left;margin-top:30px;margin-left:40px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-7{position:relative;width:250px;float:left;margin-top:30px;margin-left:50px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-8{position:relative;width:250px;float:left;margin-top:30px;margin-left:40px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-9{position:relative;width:250px;float:left;margin-top:30px;margin-left:40px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-10{position:relative;width:250px;float:left;margin-top:30px;margin-left:50px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-11{position:relative;width:250px;float:left;margin-top:30px;margin-left:40px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-12{position:relative;width:250px;float:left;margin-top:30px;margin-left:40px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-13{position:relative;width:250px;float:left;margin-top:30px;margin-left:50px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-14{position:relative;width:250px;float:left;margin-top:30px;margin-left:40px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-15{position:relative;width:250px;float:left;margin-top:30px;margin-left:40px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-16{position:relative;width:250px;float:left;margin-top:30px;margin-left:50px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-17{position:relative;width:250px;float:left;margin-top:30px;margin-left:40px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}

.product-18{position:relative;width:250px;float:left;margin-top:30px;margin-left:40px;background:#fbfbfb;border:1px solid #ccc;box-shadow:1px 2px 1px #aaa;border-radius:6px;height:200px;cursor:pointer;}


.main-category{text-align:center;padding:30px 5px 0 5px;font-family: 'Muli', sans-serif;font-size:21px;color:#353535;}


.see-list{position:absolute;width:120px;bottom:40px;left:64px;background:#ff6a25;border-radius:6px;border:1px solid #ff6123;box-shadow:1px 2px 1px #aaa;}

.see-list-text{font-family: 'muli', sans-serif;font-size:20px;color:#fbfbfb;text-align:center;padding:10px 0;font-weight:400;}


.category-container{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}

.category-container2{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}

.category-container3{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}

.category-container4{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}


.category-container5{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}

.category-container6{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}

.category-container7{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}

.category-container8{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}

.category-container9{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}

.category-container10{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}

.category-container11{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}

.category-container12{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}

.category-container13{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}

.category-container14{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}

.category-container15{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}

.category-container16{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}


.category-container17{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}

.category-container18{position:relative;top:0;left:0;margin:0 auto 10px auto;width:auto;height:100%;vertical-scrollbar:hidden;border:1px solid #ddd;background:#fdfdfd;z-index:11000;overflow:auto;display:none;}


.left-category{position:absolute;left:0px;width:500px;top:10px;border-right:1px solid #e1e1e1;background:#fdfdfd;height:900px;overflow:scroll;}


.category-cross{position:absolute;top:40px;left:38px;}

.cross-icon{font-family: 'open sans', sans-serif;font-size:50px;font-weight:100;color:#919191;cursor:pointer;}

.selected-category{margin-top:150px;font-family: 'Roboto', sans-serif;font-weight:300;text-align:center;font-size:34px;width:350px;}

.other-categories{margin-top:55px;margin-left:30px;text-align:justify;font-family: 'muli', sans-serif;font-size:16px;color:#747474;padding:10px;}

.catgory-index{padding:10px;margin:10px 20px 20px 20px;}

.category-list{font-family: 'Maven Pro', sans-serif;;font-size:18px;line-height:20px;color:#1678e0;cursor:pointer;}

.category-list:hover{color:#3b88c3;}

.right-category{position:relative;float:right;width:400px;background:#fdfdfd;margin-top:50px;margin-right:10%;}

.category-img-container{position:relative;margin-top:40px;}

.image-style{height:300px;margin-left:30px;}

.item  p{font-family: 'Muli', sans-serif;font-size:1.2em;text-align:center;border:1px  solid #ccc;border-radius:4px;margin:1% auto;width:300px;;padding:1%;color:#121212;}

.image-style-dual{margin-left:-20px;height:60px;}
.scroll-top{position:fixed;bottom:40px;right:40px;display:none;}

.arrow{height:50px;cursor:pointer;}



.footer{position:relative;width:100%;height:10%;background:#353535;margin:0 auto;}

.left-footer{position:relative;float:left;margin:2% 2% 4% 2%;width:30%;}

.left-footer p{text-align:justify;padding:2%;font-family: 'Muli', sans-serif;font-size:1em;color:#bbb;cursor:pointer;letter-spacing:1.2;}

.left-footer p:hover{color:#fff;}

.right-footer{position:relative;float:right;margin:2% 4% 4% 2%;width:20%;}


.right-footer p{text-align:justify;padding:2%;font-family:'Raleway',sans-serif;font-size:1em;color:#bbb;cursor:pointer;letter-spacing:1.2;}