body,html{height:100%;margin:0;font-family:'Roboto',sans-serif;color:#777}header{background-color:#111;height:80px;width:100%}header .logo{margin:0 auto;text-align:center;display:block;padding:18px 0 0}p{line-height:22px}.bgimg-1,.bgimg-2,.bgimg-3,.bgimg-4,.bgimg-5,.bgimg-6{position:relative;opacity:0.8;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.bgimg-1{background-image:url("/ui/pages/en/heroproduct/genius-tools/_img/img_parallax.jpg");min-height:100%}.bgimg-2{background-image:url("/ui/pages/en/heroproduct/genius-tools/_img/bcg_slide-4.jpg");min-height:600px}.bgimg-3{background-image:url("/ui/pages/en/heroproduct/genius-tools/_img/bcg_slide-5.jpg");min-height:600px}.bgimg-4{background-image:url("/ui/pages/en/heroproduct/genius-tools/_img/bcg_slide-1.jpg");min-height:600px}.bgimg-5{background-image:url("/ui/pages/en/heroproduct/genius-tools/_img/bcg_slide-6.jpg");min-height:600px}.bgimg-6{background-image:url("/ui/pages/en/heroproduct/genius-tools/_img/bcg_slide-2.jpg");min-height:100%}.caption,.caption2{position:absolute;left:0;right:0;margin:-140px auto 0;top:50%;width:600px;text-align:center;color:#000}.caption2{margin-top:-60px}.caption div.border,.caption2 div.border{background:rgba(0,0,0,0.7);color:#fff;padding:18px;font-size:25px;letter-spacing:5px;font-weight:600}.caption div.border span,.caption2 div.border span{padding:18px 0;font-size:22px;letter-spacing:5px;font-weight:lighter}.caption div.border span.small,.caption2 div.border span.small{font-size:14px}.supplier-logo{width:300px;height:80px;margin:15px auto;background-image:url(/ui/pages/en/heroproduct/genius-tools/_img/vendor-logo.png)}.dark{color:#ddd;background-color:#282E34;text-align:center;padding:50px 80px;text-align:justify}.dark p span{color:#d58a8a}.dark h3{color:#fff;text-align:left}.dark img{float:right;margin:0 0 0 30px;height:330px}.light{color:#777;background-color:#fdfdfd;text-align:center;padding:50px 80px;text-align:justify}h3{letter-spacing:5px;text-transform:uppercase;font:20px"Lato",sans-serif;color:#111;text-align:center}h3 span{font-size:16px;padding:10px 0 0;letter-spacing:2px}a{color:#33a8df;text-decoration:none}a:hover{color:#888888}.clearfix{clear:both}ul.product-list{display:block;clear:left;position:relative;text-align:center;margin:0;padding:0}ul.product-list li{display:inline-block;float:none;margin:20px 10px;max-width:270px;vertical-align:top}ul.product-list li.new h4,ul.product-list li.new p{color:#07bd07}ul.product-list li img{width:220px;height:146px;padding:20px;background-color:#ffffff;margin:20px 0 0}ul.product-list li h4{color:#666666;font-weight:normal;font-size:16px;letter-spacing:-0.3px;line-height:22px;margin:0;padding:0}ul.product-list li p{line-height:32px}ul.product-list li p a{font-size:16px;padding:7px;background-color:#33a8df;color:#ffffff}ul.product-list li p a:hover{background-color:#222222;color:#fff}@media only screen and (max-device-width:1024px){.bgimg-1,.bgimg-2,.bgimg-3{background-attachment:scroll}}@media only screen and (max-width:668px){ul{padding:0}li{list-style-type:none}.caption,.caption2{left:20px;right:20px;margin:-140px auto 0;top:50%;width:80%;text-align:center;color:#000}.caption2{margin-top:-100px}.dark img{float:none;margin:0 auto;width:280px;height:auto}.light,.dark{padding:30px;text-align:center}.light h3,.dark h3{text-align:center}}@media only screen and (max-width:540px){header{position:fixed;z-index:99999}}@media only screen and (max-width:468px){.dark img{float:none;margin:0 auto;width:260px;height:auto}.supplier-logo{width:200px;height:53px;margin:15px auto;background-image:url(/ui/pages/en/heroproduct/genius-tools/_img/vendor-logo.png);background-size:200px;background-repeat:no-repeat}.light,.dark{padding:30px 10px}.caption,.caption2{left:0;right:0;width:90%}}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}ul li{list-style-type:none}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}