@import url(https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400italic,400italic,600,600italic);/* COLORS */ label [type="radio"]:checked + span:before,label [type="checkbox"]:checked + span:before,.button,input[type="submit"],.mainimage h1,.mainimage h2,.mainslogan h2,.mainimage h3,.mainimage h4{background:#1badc2} .navitems .active,.navitems a.active:hover{border-left:0;border-bottom:3px solid #1badc2;} .colored,.toggle,.link,.fcbox span,.totop em{color:#1badc2} .bordertop{border-top:2px solid #1badc2} .borderbottom{border-bottom:2px solid #1badc2} .testimonial:hover{background:#f5f5f5} .button,.footer,input[type="submit"],.mainimage h1,.mainimage h2,.mainslogan h2,.mainimage h3,.mainimage h4,.graybar h1,.scrolldown em,.graybar{color:#fff} h1,h2,h3,h4,h5,h6{color:#333} .navigation{background:linear-gradient(#fff,#eee);opacity:0.95} .footer,.social{background:#454545} .slogan,.footer,.footer a{color:#ddd} .footer{color:#999;border-bottom:10px solid #1badc2} .graybar{background:linear-gradient(#999,#ccc)} .service:hover{background:#ddd} .button:hover{background:#555} .navitems a,.navigation li{border-left:1px solid #eee} .navitems a:hover,.navigation li:hover,.service,.pic{background:#eee} .testimonials{background:linear-gradient(#f5f5f5,#eee)} .testimonial .socialmedia{color:#888} .content,.testimonial{background:#fff} .mainimage .text{background:rgba(255,255,255,0.9)} .social{box-shadow:0 0 4px #1badc2} /* COLORS END */ *{font-family:"Open Sans",sans-serif,Helvetica;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} body{margin:0;text-algin:center;color:#444} body,div,td,p,ul,li,ol,input,textarea,select{font-size:13px;line-height:170%;font-weight:300} :focus{outline:none} a{color:#000;text-decoration:underline} strong,b,.button,.link{font-weight:500} img{border:0} ul{padding-left:0} ul li{list-style:none;background:url('/images/dot.png') no-repeat 4px 6px;background-size:10px;padding-left:22px;padding-bottom:2px;margin:0} hr{clear:both;border:0;border-top:1px solid #ddd;background:transparent;height:1px;clear:both;margin:10px 0} h1,h2,h3,h4,h5,h6{font-weight:300;margin:10px 0px;line-height:normal} h1{font-size:28px} h2{font-size:24px} h3{font-size:21px} h4{font-size:16px} h5{font-size:13px} h6{font-size:11px} .edge{position:absolute;right:0;margin-top:-24px;padding:3px 7px;padding-bottom:0px;z-index:1000;overflow:hidden;background:rgba(255,255,255,0.9);box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:15px 0px 0px 0px}.edge:hover{margin-top:-28px;padding:5px;padding-bottom:0}.edge img{width:14px;margin-bottom:-2px}.edge:hover img{width:20px;filter:none} /* Form */ .form{} input,textarea,select{padding:10px;width:100%;border:0;border-bottom:1px dashed #ccc;margin:6px 0} textarea{height:140px} input:focus,textarea:focus{border-bottom:1px solid #999} input[type="checkbox"],input[type="radio"],input[type="submit"]{width:auto;border:0} input.required{border-bottom:1px dashed #C00;transition:0.3s} input.required:focus{border-bottom:1px solid #C00} input.required.ok{border-bottom:1px dashed yellowgreen;background:#f3fbef} select{-webkit-appearance:none;-moz-appearance:none;border:1px solid #ddd;box-shadow:0 2px 2px rgba(0,0,0,0.2);background:url('/images/select.png') no-repeat right;background-size:26px;filter:grayscale(100%);transition:0.3s;background-color:#fff} select:hover{background:url('/images/select.png') no-repeat right;background-size:26px;filter:grayscale(30%);background-color:#fff} .required::-webkit-input-placeholder{color:#c00} label input[type=checkbox]:checked + module {opacity:1} label{line-height:25px} label [type="radio"],label [type="checkbox"] {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px} label [type="radio"] + span {display:inline-block;cursor:hand;cursor:pointer} label [type="checkbox"] + span {display:inline-block;margin:8px;margin-right:14px;margin-top:3px;cursor:hand;cursor:pointer;width:20px;float:left} label [type="radio"] + span:before,label [type="checkbox"] + span:before {content:'';display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 0.2em #ddd;margin:0 5px;transition:0.3s ease all} label [type="checkbox"] + span:before,label [type="radio"] + span:before {background:#fff} label [type="radio"]:checked + span:before,label [type="checkbox"]:checked + span:before {box-shadow:0 0 0 2px #ddd} .nogo{display:none} /* Search */ .search{height:20px;white-space:nowrap;padding:0 10px;display:inline-block;position:relative} .search em{display:inline-block;font-size:18px;color:gray} .search input{display:none;margin:0;margin-right:-30px;width:200px;border:0;box-shadow:0 0 10px #eee;background:#ddd} /* Languages */ .langs{position:absolute;right:0px;top:0px;padding:11px 21px} .langs div{max-height:30px;transition:0.3s;padding:10px 7px} .langs div:hover{max-height:800px} .langs a{display:inline-block} .langs img{width:20px;border-radius:50%;margin:4px;margin-top:1px;margin-bottom:8px} /* Navigation */ .navigation{position:fixed;top:130px;left:0;right:0;height:62px} .zerotop{top:0} .navitems a{display:inline-block;min-width:5%;text-align:center;padding:20px;margin:0px;text-decoration:none} .navitems .active{padding:18px 20px;margin:-10px 0} .navitems{display:inline-block;position:relative;white-space:nowrap} .menu2{background:#eee} .menu2,.menu2.active{float:left;padding:10px;} .menu2.active{background:#1badc2} .menu2.active a{color:#fff} /* Main image */ .mainimage{overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0} .mainimage .img{z-index:0;height:100%;min-width:100%;} .mainimage .text{position:absolute;top:33%;left:14%;z-index:1;width:33%;overflow:hidden} .text .padded{padding:20px} .mainimage h1,.mainimage h2,.mainimage h3,.mainimage h4{margin:-20px;margin-bottom:0;padding:4px 20px} .mainimagespacer{position:relative;height:100%;z-index:-2} .contentimage{overflow:hidden} .contentimage img{margin:-5% 0;margin-top:-31%;width:100%} .mainbutton{position:absolute;left:10%;top:33%;width:330px;height:330px;text-align:center} .mainbutton img{position:absolute;width:100%;margin-left:-165px;z-index:0;transform: rotate(0deg);transition:0.2s} .mainbutton .season{padding:38px 0;z-index:1;position:relative} .mainbutton .season:hover span{font-weight:bold} .season span{display:block;background:#fff;border-radius:20px;width:70px;margin:auto;padding:6px;transition:0.3s} .season a{text-decoration:none} .mainslogan{position:absolute;margin-top:-85px;width:100%;text-align:right} .mainslogan h2{padding:4px 20px;display:inline-block;margin-bottom:-10px} .mainslogan p{padding:4px 20px;background:rgba(255,255,255,0.9);display:inline-block;font-size:15px} .mainbutton img.winter{transform:rotate(0deg)} .mainbutton img.spring{transform:rotate(90deg)} .mainbutton img.summer{transform:rotate(180deg)} .mainbutton img.autumn{transform:rotate(270deg)} /* .img{display:none} */ /* Image bar */ .imagebar,.imagebarL{overflow:hidden;clear:both;max-height:700px} .imagebarL{height:auto} .imagebar img,.imagebarL img{width:100%;margin:-8% 0} .imagebarL img{margin:0} /* Social */ .social{position:fixed;left:0;top:40%;width:24px;height:160px;z-index:1;padding:10px;text-align:center;border-radius:0 3px 3px 0;margin-left:-28px} .social a{text-decoration:none} .social em{color:#ccc;display:block;margin:10px 0;font-size:18px;margin:10px 0px} .social em:hover{color:#fff;font-size:24px} .social:hover{margin-left:0} /* Scroll down / top */ .scrolldown,.totop{z-index:1;position:absolute;padding:6px 12px;right:25px;margin-left:-24px;margin-top:-70px;width:25px;height:37px;border-radius:50%} .totop{position:fixed;bottom:20px;display:none} /*NEWS*/ .newslist{margin:1%;width:31.3%;float:left;background-color:#fff;background:url('/images/quote.png')98% 10px no-repeat;background-size:30px;border-radius:1%;box-shadow:0px 0px 10px #eee} .newslist:hover{box-shadow:0 10px 25px #ddd;margin:0;padding:1%;z-index:1;transition:0.2s;background-size:40px;color:#111} .newslist .padded{padding:20px} .newslist h2,.newslist h3,.newslist h4,#newsview h2,#newsview h3,#newsview h4{color:#444} #newsview .news{display:block} .date{color:#999;float:right} .newshot{clear:both} /* Calendar */ .btime{border-bottom:1px dashed #ddd;padding:5px} .btime:hover{border-bottom:1px solid #ccc;color:#000} .btime.taken{background:brown;color:#fff} .binfo{position:absolute;top:0px;background:#fff;box-shadow:0px 0px 10px #ddd;border-radius:3px;padding:10px;margin-left:-6%;margin-top:-15px;z-index:10;width:100%;display:none} .binfo .padded{padding:0px} .binfo input[type=text], .binfo textarea{width:85%} .bday{border:1px solid #eee;border-top:0px;margin:-1px;position:relative} /* Gallery */ .pic{display:inline-block;overflow:hidden;position:relative;outline:3px solid #444;width:17.6%;margin:1%;vertical-align:top;max-height:140px} .pic img{width:100%;position:absolute} .text .pic{width:31.33%} .picheight{margin-top:55%} /* Testimonials */ .testimonials{padding:80px 0} .testimonials h1{margin:50px 0;margin-bottom:80px} .testimonial{width:20.5%;margin:2%;padding:10px 0;display:inline-block;vertical-align:top;position:relative} .testimonial img{width:36%;border-radius:50%;float:left;margin:10px;margin-top:-40px;margin-left:-40px} .testimonial h3{margin-top:20px} .testimonial .socialmedia{position:absolute;top:0;right:0;padding:4px} .testimonial .socialmedia em{margin:0 3px} .testimonial p{margin:20px} /*PRODUCTS*/ #products{position:relative} .noresults{font-size:21px;text-align:center;margin:80px 0} .prod{display:inline-block;position:relative;width:25%;height:333px;border-bottom:1px solid #eee;border-left:1px solid #eee;text-align:center;margin-right:-1px;border-radius:3px;overflow:hidden;transition: 0.3s} .prod:hover{box-shadow:1px 1px 50px #eee;z-index:10} .prod a{text-decoration:none} .prod .padded,.hotproducts .padded{padding:10px} .prodname{font-size:19px;font-weight:500;cursor:pointer;display:block} .prodprice{font-size:17px;border-radius:3px;color:#444;font-weight:500;margin:0 6px;display:inline-block} .prodprice .hprice, .hprice{font-size:17px;color:#b50000;font-weight:400;text-shadow:0 0 10px #fff} .prodid{font-size:11px;font-style:italic;color:#888} .manufacturer{font-size:13px;color:gray;text-decoration:italic} .prodpic{height:150px;text-align:center;margin:auto;margin:10px 0px;position:relative;transition: 0.3s} .prod .prodpic.col33{width:100%} .prod .mask{position:absolute;width:100%;height:100%;top:0px;cursor:pointer} .prodpic img{background:#fff;max-height:90%;max-width:90%;-webkit-animation:scaleUp 350ms ease-in-out both;animation:scaleUp 350ms ease-in-out both;border-radius:3px} .prodcurrency{color:#888} .prodoldprice{color:#999;text-decoration:line-through;font-size:13px} .prodinfo{color:#444} .prodbuttons{text-align:right;bottom:14px;position:absolute;width:92%} .instock,.outofstock{width:30px;height:60px;background:#9acd32;transform:rotate(45deg);position:absolute;right:-34px;bottom:-40px} .outofstock{background:transparent} .prodvariations{position:absolute;background:#444;color:#ddd;box-shadow:0 0 10px #ccc;padding:0;z-index:10;width:100%;bottom:50px;text-align:center;overflow:hidden;border-radius:3px} .prodvariations div{line-height:none;padding:3px;border-bottom:1px solid #555} .prodvariations div:hover{color:#fff;background:#333} .new{position:absolute;background:#c00;color:#fff;padding:7px;border-radius:0 0 3px 0;text-transform:uppercase;font-size:14px;font-weight:400;left:0;top:0;z-index:1} .reduced{position:absolute;color:#c00;padding:5px;font-size:17px;font-weight:400;right:1px;top:0px;z-index:1} .facts{color:#555;font-size:12px;display:block;padding:10px} .connected .facts{display:none} .prodview .facts{margin-bottom:20px} .prodview,#basket,#newsview,#cartinfo{width:90%;margin:auto} .prodview{text-align:center;padding-top:50px} .prodview .prodpic{float:left;margin:0;margin-left:0;margin-top:-10px;text-align:center;z-index:1} .prodview .prodpic img{max-width:100%;max-height:100%} .prodpics{clear:both;white-space:nowrap;overflow:auto;display:none;text-align:left} .prodpics img{width:10%;margin:2%;display:inline-block;border-radius:3px} .prodview .prodpics{display:block} .prodview .prodbuttons{float:center;text-align:center;width:auto;position:relative;margin-bottom:10px} .prodview .prodname{margin-top:20px;font-size:24px} .prodview .prodvariations{width:35%;margin-left:50%;margin-bottom:-20px;border-radius:3px} .prodview .new{font-size:16px} .prodview .reduced{position:absolute;top:0px;left:50px;margin-left:10px;background:transparent;right:auto} .prodview .prodinfo{display:block;text-align:left} .prodview a{text-decoration:none} .prodview .instock,.outofstock{width:8px;height:8px;display:inline-block;position:relative;margin-right:-10px;margin-left:10px;bottom:5px;border-radius:50%} .hotproducts{margin:auto;position:absolute;white-space:nowrap;overflow-y:hidden;overflow-x:auto;padding-top:40px;height:440px;clear:both;left:0px;right:0px} .hotproducts .prod{box-shadow:none;margin-top:0;box-shadow:none;display:inline-block; float:none;border:0;vertical-align: top} .hotproducts .prod:hover{box-shadow:0px 0px 50px #eee} .hotprodspacer{margin-top:430px} .usescroll{background:url('/images/usescroll.png') center no-repeat;background-size:180px;height:20px;width:100%;padding-top:70px} .bodycontainer .hotproducts{padding-top:10px} .bodycontainer .usescroll{position:absolute;padding:0} .scrollleft{background:url(/images/hor_scroll_left.png) center no-repeat;left:1%} .scrollright{background:url(/images/hor_scroll_right.png) center no-repeat;right:1%} .scrollleft,.scrollright{background-size:80%;width:30px;height:50px;top:220px;z-index:1} .filter{width:auto;float:right;font-size:13px;background:#fff;margin:4px;border-radius:3px;margin-top:15px;border:1px solid #eee} .filters{color:#444;background:#eee;margin:2px;font-size:14px;border-radius:3px;float:left;position:relative;text-transform:capitalize} .filterbar a{text-decoration:none} .filterbar{margin-bottom:10px;margin-top:10px} .hidehotproducts{position:absolute;left:50%;margin-left:-20px;top:-1px;width:40px;height:15px;background:#eee;padding-bottom:3px;border-radius:0 0 3px 3px;text-align:center;color:#fff;font-size:34px;padding-right:3px;line-height:16px;letter-spacing:-3px} .hidehotproducts:hover{background:#ccc;color:#fff} .connectedproducts .prod{width:18%;height:230px} .connectedproducts .prod .prodpic{height:80px} .connectedproducts .prod .prodname{font-size:15px} .connectedproducts .prod .addtocart{margin-right:10px} .prodview,.connected{width:90%;max-width:980px;margin:auto;position:relative} .connected hr{height:1px;background:#eee;border:0px;margin-bottom:10px} .groups{display:inline-block;font-size:15px;border-radius:3px;text-align:center;border:1px solid #eee;color:#555;text-decoration:none;position:relative;width:22.8%;margin-right:-1px;overflow:hidden;font-weight:500;background:#fff} .groups span,.filters span{font-size:11px} .groups,.filter,.filters,.active{padding:0.5% 1%} .groups .gimg{width:114%;margin:-12px -20px;margin-bottom:10px} .groups .img{margin-top:40%} .prodgroups{padding:1px 0px} .prodgroups.nopics{border-radius:3px} .prodgroups.nopics .groups{width:auto;margin:2px} .prodgroups.nopics .groups .gimg{display:none} #sortbuttons{float:right;padding:0;margin-bottom:0;margin-top:20px;position:relative;white-space:nowrap} #sortbuttons div{border:1px solid #eee;text-align:center;padding:4px 8px;display:inline-block;margin:0 -2.5px;position:relative} #sortbuttons div:hover{border:1px solid #eee;background:#eee;color:#555} #sortbuttons input{width:87%;margin-top:0;padding:5px;font-size:18px;background:#fff;border:0;border-bottom:1px dashed #999;text-align:center;border-radius:0} #sortbuttons .searchfields{height:60px;position:absolute;width:348px;border-radius:3px;background:#fff;z-index:10;left:1px;top:-4px;white-space:nowrap;padding:0;border:0;display:none } #sortbuttons .searchfields:hover{background:#fff;border:0} #sortbuttons .searchicon,#sortbuttons .searchclose{width:20px;margin:4px 10px;opacity:.5;margin-bottom:-6px} #sortbuttons .searchclose{width:26px;opacity:.8} #sortbuttons .searchicon:hover,#sortbuttons .searchclose:hover{opacity:1} #sortbuttons .pricebox{width:55px;margin:1px 6px} .priceslider{margin:20px;margin-bottom:0} #pricestartinfo,#priceendinfo,#searchingforinfo{float:left;margin:20px 10px;margin-bottom:0} .priceinfo,.searchinfo{font-size:18px;color:#000} #numresults{font-size:18px;margin:22px 10px;float:left} #direction{float:left;width:16px;height:16px;margin:8px;opacity:.3;display:inline-block;cursor:pointer} .up{background:url(/images/up.png)no-repeat;background-size:94%} .down{background:url(/images/down.png)no-repeat;background-size:94%} .smaller .prod{width:20%;height:280px} .smaller .prod .prodpic{height:90px} .bigger .prod{width:33.3%;height:380px} .bigger .prod .prodpic{height:180px} .list .prod{width:99%;height:auto;text-align:left;margin:0.5%} .list .prod .prodpic{float:left;width:100px;margin:0 20px;height:60px} .list .prod .prodpic img{margin:auto;max-height:60px} .list .prod .prodprice{margin-right:10px} .list .prod .prodname{margin-top:10px;margin-right:10px;display:block} .list .prod .facts,#products.list .prod .manufacturer{display:inline-block} .list .prod .prodbuttons{width:auto;right:20px} #sortbuttons .prodlistview,#sortbuttons .prodlistview:hover{float:right;border:none;background:none;margin-top:-2px} .prodlistview img{width:19px;border:2px solid #fff;margin:0 3px;opacity:0.4;transition:0.3s} .prodlistview img:hover{box-shadow:0px 0px 5px #ddd;opacity:1} .prodlistview img.active{padding:0;background:transparent;box-shadow:0px 0px 2px #ccc;opacity:1} /*PRODUCTS END*/ /*SHOPPINGCART*/ .addtocart{width:24px;opacity:.6;display:inline-block;margin:-4px 0px;transition:0.3s} .addtocart:hover{opacity:1} .simpleCart_items{float:left;width:100%;min-height:220px;overflow:hidden;position:relative;padding:6px} .simpleCart_items a{text-decoration:none} .itemContainer{overflow:hidden;clear:both;width:100%;padding:8px 0;border-bottom:1px dashed #ddd;position:relative;z-index:10} .itemContainer i{color:gray;font-size:11px;line-height:18px;float:left;width:100%} .itemImage{float:left;height:50px;width:80px;text-align:center} .itemImage img{max-height:50px;max-width:100px;margin:auto} .itemName,.itemOptions{float:left;margin-left:30px;font-size:17px;width:70%;line-height:15px} .itemOptions{color:#ccc;font-size:13px} .itemPrice{color:#418932;text-align:right;position:absolute;right:80px} .itemQuantity{width:32px;vertical-align:middle;position:absolute;bottom:10px;right:34px} .itemQuantity input{margin-left:10px;width:25px;height:25px;border:1px solid #ddd;padding:3px 2px;text-align:center} .itemTotal{float:right;color:gray;position:absolute;bottom:20px;right:70px;font-size:15px} .removecartitem{width:16px;position:absolute;right:0;bottom:22px;transition:0.3s} .removecartitem:hover{transform:rotate(90deg)} .totalRow{float:right;clear:both;width:93%;font-size:16px} .totalItems{float:right;clear:both;padding:10px 10px 10px 0;margin-right:-24px;font-size:15px;font-weight:400} .totalPrice{float:right;clear:both;padding-top:10px;font-weight:400;color:#c00;font-size:17px;margin-right:15px} .totalVAT{float:right;clear:both;padding-top:10px;color:#666;font-size:14px;margin-right:15px} .totalVAT span{font-size:11px} .simpleCart_quantity{padding:0;font-size:10px;font-weight:600;line-height:15px;position:absolute;background:#5bac0d;border-radius:50%;z-index:10;height:15px;width:15px;margin:-7px 10px 0 -10px;overflow:hidden;text-align:center} .simpleCart_total{color:#eee;margin-left:8px;font-size:15px} .simpleCart_empty img{width:36px;opacity:.5} .simpleCart_empty img:hover{opacity:1} .cart{color:#fff;padding:10px;margin-top:8px;float:right;border-radius:3px;margin-right:10px} #cart{display:inline-block;margin-top:2px} #cart img{width:28px;display:inline-block;margin-bottom:-6px;filter:invert(50%);-webkit-filter:invert(50%);transition:0.3s} #cart:hover img{filter:invert(80%);-webkit-filter:invert(80%)} #basket h1,#basket h2,#basket h3,#basket h4{color:gray} #cartinfo{text-align:center} .shopitems{width:62%; float:left} .shopcontact{float:left} .shopcart{position:relative;margin:10px;font-size:15px;border-bottom:1px solid #eee} .banklogo{max-width:80px;max-height:20px;margin:0 20px} /*SHOPPINGCART END*/ /*CLIENT LOGIN*/ .cllogin a.gray{color:#999} .cllogin{display:inline-block;white-space:nowrap;margin-right:10px} .cllogin span{margin:10px;display:inline-block;cursor:pointer;color:#fff;transition:0.3s;border-radius:5px;padding:5px 8px;opacity:0.6} .cllogin span:hover{opacity:1} .cllogin .clbox{border-radius:5px;padding:10px;box-shadow:0px 0px 50px #333;position:absolute;margin-left:-76px;min-width:230px;text-align:center;transform:0.3s} .clbox a{color:#fff;text-decoration:none} .clbox a:hover{color:#fff} a.exit{color:orange} .cllogin input.cluser{width:110px;border:1px solid;border-top:2px solid;text-align:center} .cllogin input.clpass,input.clpass{width:60px;background:gray;border:1px solid #444;border-top:2px solid #444;color:#eee;text-align:center} .cllogin input[type=image]{width:30px;margin:0 0 -18px 5px} .cllogin .point{transform:rotate(45deg);width:13px;height:13px;position:absolute;margin:-15px 110px} .cllogin .clbox, .cllogin .point,.cllogin span{background:#333} #login:disabled{opacity:0.2;cursor:default} /*CLIENT LOGIN END*/ /*ANIMATED BOXES*/ .animBlock {opacity:0;filter:alpha(opacity=0);position:relative;transition: ease-in-out 0.5s} .animBlock[data-position="left"] { left:-80%} .animBlock[data-position="right"] { right:-80%} .animBlock[data-position="fade"] { top:0px} .animBlock[data-position="top"] { margin-top:-65px} .animBlock[data-position="bottom"] { margin-bottom:-70px} .animBlock[data-position="left"].viewed {left:0;opacity:1;filter:alpha(opacity=100)} .animBlock[data-position="right"].viewed {right:0;opacity:1;filter:alpha(opacity=100)} .animBlock[data-position="fade"].viewed {opacity:1;filter:alpha(opacity=100)} .animBlock[data-position="top"].viewed {margin-top:0;opacity:1;filter:alpha(opacity=100)} .animBlock[data-position="bottom"].viewed {margin-bottom:0;opacity:1;filter:alpha(opacity=100)} .clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0} /*ANIMATED BOXES END*/ /* CHAT */ #chatcontainer{bottom:90px;right:25px;width:30%;max-width:330px;min-width:220px;background:#fff;box-shadow:0px 0px 50px #888;border:1px solid #eee;padding:0.3%;border-radius:4px;z-index:10} #chat-area{max-height:455px;min-height:30px;overflow:auto;padding:10px;background:linear-gradient(#f5f5f5,#eee);border-radius:5px 5px 0 0;transition:0.3s} #chat-area p{padding:8px;margin:3px 40px;margin-right:0px;clear:both;float:left;border-radius:20px;background:#fff;position:relative} #chat-area p:hover .chattime{opacity:1} #chat-area p:hover .chatname{max-width:none} #chat-area .chatname{color:#fff;background:#888;text-align:center;margin:-8px 0;margin-left:-50px;width:25px;height:25px;border-radius:20px;font-weight:600;float:left;font-size:0px;text-transform:uppercase;padding:5px;transition:0.3s} #chat-area .chatname:first-letter{font-size:18px} #chat-area .chatname:hover{background:gray;color:#fff;font-size:13px;width:auto;z-index:10;position:relative;padding-left:10px;padding-right:10px} #chat-area .me .chatname{background:#2a97fd;color:#fff;float:right;margin-right:-50px} #chat-area .me{float:right;text-align:right;margin:3px 40px;margin-left:0px} #chat-area .chattime{position:absolute;right:-40px;font-size:11px;color:#c00;opacity:0;background:#fff;padding:3px;display:inline-block;border-radius:3px;transition:0.3s} #chat-area .me .chattime{position:absolute;left:-40px;right:auto} #name-area{position:absolute;top:12px;right:0;color:white;text-align:right} #name-area span{color:#fa9f00} #send-message-area p{float:left;color:white;padding-top:27px} #sendie{border:0;border-top:1px solid #ddd;padding:17px 2%;width:96%;margin:0;background:#fff;color:#666;font-size:13px;height:20px;border-radius:0 0 5px 5px;resize:none} .sendchat{position:absolute;right:15px;bottom:16px;cursor:pointer} .sendchat img{width:30px;opacity:0.2;transition:0.3s} .sendchat:hover img{opacity:0.6} .gochat{background:#fff;border-radius:5px;text-align:center;z-index:1;margin:1% 0} .gochat .button{background:#2a97fd} .chatgo{bottom:20px;right:25px;border-radius:50%;width:30px;height:30px;padding:10px;z-index:10;cursor:pointer;box-shadow:0 0 5px #555;transition:0.5s} .chatgo img{width:30px;filter:invert(30%);margin-bottom:-3px;transition:0.3s} .chatgo.online{background:yellowgreen} .chatgo.online img{filter:invert(100%)} .chatgo.offline,.chatgo{background:#ddd} /* CHAT END*/ /* SLIDER STYLES */ .da-slide a{text-decoration:none} .da-slider{width:100%;display:block;position:relative;transition:0.5s} .da-slide h1,.da-slide h2.da-slide h3,.da-slide h4,.da-slide h5,.da-slide h6{color:white} .da-slide{position:absolute;width:100%;height:100%;text-align:left;display:block} .da-slider-fb .da-slide{opacity:1;left:100%} .da-slide-current{z-index:10;opacity:1} .da-slider-fb .da-slide.da-slide-current{left:0px;opacity:1} .da-slide h1,.da-slide p,.da-slide .da-link,.da-slide .da-img{position:absolute;opacity:0;left:110%} .da-slide .da-imgbig{position:absolute;opacity:0;top:0px} .da-slider-fb .da-slide .da-img{left:54%;opacity:1} .da-slider-fb .da-slide .da-imgbig{opacity:1} .da-slide .subject{color:#666;width:40%;z-index:10;text-shadow:1px 1px 4px #000;font-size:32px;line-height:36px} .da-slide a{color:white} .da-slide p{width:42%;color:#888;font-size:17px;line-height:26px;font-style:italic;z-index:10;text-shadow:1px 1px 2px #444} .da-slide .da-img{text-align:center;width:30%;max-height:65%;top:0} .da-slide .da-imgbig img{min-height:100%} .da-slide .da-link{border-radius:3px;box-shadow:0px 1px 4px gray;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.2);padding:8px 10px;font-size:16px;text-align:center;z-index:10;white-space:nowrap;position:absolute} .da-slide .da-link:hover{box-shadow:0px 0px 20px #999} .da-dots{position:absolute;width:100%;z-index:30;border-radius:5px 5px 0px 0px;margin:0 auto;text-align:center} .da-dots span{display:inline-block;position:relative;width:8px;height:8px;border-radius:50%;border:2px solid #555;margin:0 3px;cursor:pointer;background:radial-gradient(#666,#555)} .da-dots span:hover{background:#555;transition:ease-in-out 0.3s;-webkit-transition:ease-in-out 0.3s} .da-dots span.da-dots-current:after{content:'';width:8px;height:8px;position:absolute;top:-2px;left:-2px;border-radius:50%;border:2px solid #fff} .da-arrows{-moz-user-select:none;-webkit-user-select:none} .da-arrows span{position:absolute;height:40px;width:40px;cursor:pointer;z-index:35;opacity:0.1;padding:5px;-webkit-transition:opacity 0.3s ease-in-out 0.2s;-moz-transition:opacity 0.3s ease-in-out 0.2s;-o-transition:opacity 0.3s ease-in-out 0.2s;-ms-transition:opacity 0.3s ease-in-out 0.2s;transition:opacity 0.3s ease-in-out 0.2s;transition:ease-in-out 0.3s;-webkit-transition:ease-in-out 0.3s} .da-arrows:hover span{opacity:1} .da-slider:hover .da-arrows span{opacity:.5} .da-arrows span.da-arrows-prev{background:transparent url(/images/previous.png) no-repeat center;background-size:35px;left:0%;border-radius:0% 50% 50% 0%;/* background-color:#333; */} .da-arrows span.da-arrows-next{background:transparent url(/images/next.png) no-repeat center;background-size:35px;right:0%;border-radius:50% 0% 0% 50%;/* background-color:#333; */} .da-arrows span.da-arrows-next:hover,.da-arrows span.da-arrows-prev:hover{opacity:1} .da-slide-current h1,.da-slide-current p,.da-slide-current .da-link,.da-slider-fb .da-slide h1,.da-slider-fb .da-slide p,.da-slider-fb .da-slide .da-link{left:11%;opacity:1} .da-slide-current .da-img{left:54%;opacity:1} .da-slide-current .da-imgbig{opacity:1} .da-slider .big{color:white;text-shadow:none} .sliderspacer{z-index:-2;position:relative;clear:both;margin-top:100%} .sliderthumbs{position:absolute;margin-top:-150px;left:50%;margin-left:-175px;width:180px;background:transparent;z-index:20;text-align:center} .sliderthumbs div{width:180px;height:90px;display:inline-block;opacity:0;border-radius:10px;overflow:hidden;position:absolute} .sliderthumbs div img{width:100%} .da-slide .subject{margin-top:24%} .da-slide p{margin-top:29%} .da-link{margin-top:64%} .da-dots{margin-top:66%} .bodycontainer .da-slide .subject{margin-top:3%;text-shadow:none;background:#fff} .bodycontainer .da-slide p{margin-top:7%;text-shadow:none} .bodycontainer .da-link{margin-top:33%} /*SLIDER STYLES END*/ /* General styles */ .button{padding:8px 14px;margin:5px 0;display:inline-block;text-decoration:none} .padded{padding:40px} .padded .padded{padding:20px} .paddedh{padding-left:40px;padding-right:40px} .paddedv{padding-top:40px;padding-bottom:40px} .shadow,.pic,.scrolldown,.totop{box-shadow:0 0 40px rgba(0,0,0,0.2)} .glow{box-shadow:0 0 40px rgba(255,255,255,0.9)} .maxwidth{max-width:1250px;margin:auto} .content{position:relative} .whiteborder{outline:3px solid #fff} .slogan{float:right;padding:14px;margin-right:62px;height:34px;line-height:32px;margin-bottom:-3px} .logo{float:left;padding:10px;font-size:21px;margin:0 30px} .logo em{font-size:28px} .logo img{max-height:40px} .toggle{display:none} .next,.previous{position:absolute;top:50%;display:block;color:#222;height:30px;margin-top:-15px;text-shadow:0 0 3px rgba(255,255,255,0.5)} .next:hover,.previous:hover{color:#555;text-shadow:0 0 2px rgba(255,255,255,0.5)} .next{right:16px} .previous{left:16px} form :disabled{background:#fff;color:#ccc} .footer{position:relative;padding:0px 40px} .fcbox{margin-right:55px;font-size:16px} #body{transition:0.3s} /* Color options */ .cgray{color:gray} .cblack{color:#000} .cwhite{color:#fff} .lightgray{background:#ddd} .button.lightgray{color:#333} .button.lightgray:hover{color:#eee} .gray{background:#444} .red{background:#c00} .red:hover{background:red} .green{background:#88b400} .green:hover{background:#9acc00} /* layers order */ #window{z-index:100} .toggle{z-index:30} .navigation,.social{z-index:20} .content,.close,.next,.previous,.scrolldown,.totop{z-index:10} .mainimage{z-index:0} /* Transitions */ .button,.service,.close,.mainimage .text,.edge,.edge img,.navitems a,.imagebar,.social,.social em,.next,.previous,.testimonial,.blur{transition:0.3s} .navigation{transition:0.5s} /* Options */ .hand,.button,scrolldown,.totop,.picfile,.close,.fa-search,.logo,.next,.previous,a{cursor:hand} .rounded,input[type="submit"],.text,.pictitle,#image,.testimonial{border-radius:2px} .button{border-radius:25px} .overlaph{margin-left:-70px;margin-right:-70px} .overlapv{margin-top:-70px;margin-bottom:-70px} .overlaptop{margin-top:-70px} .overlapbottom{margin-bottom:-70px} .nopadding{margin-top:-40px;margin-bottom:-40px} .bringfront{z-index:10;position:relative} .block{display:block} .load,.mainimage,.imagebar{background:url('/images/load.gif') center no-repeat} .blur{filter: blur(80px)} .table td{padding:10px;outline:1px solid #eee} #window{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center;overflow:auto;-webkit-overflow-scrolling:touch;display:none} #window #image{max-width:90%;max-height:90%;vertical-align:middle;z-index:0;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0} .pictitle{background:#000;color:#999;font-weight:500;font-size:18px;position:absolute;padding:6px 10px;bottom:0;left:0;right:0;margin:auto;transition:0.3s} .clear{clear:both} .absolute{position:absolute} .col90{width:90%} .col80{width:80%} .col75{width:75%} .col70{width:70%} .col66{width:66.66%} .col60{width:60%} .col50{width:50%} .col40{width:40%} .col33{width:33.33%} .col30{width:30%} .col25{width:25%} .col20{width:20%} .col15{width:15%} .col10{width:10%} .col5{width:5%} .close{position:fixed;right:40px;top:40px;padding:4px;width:38px} .close:hover{transform:rotate(90deg)} .noscroll{overflow:hidden} .floatl,.afloatl{float:left} .floatr,.afloatr{float:right} .inline{display:inline-block} .textcenter{text-align:center} .touchscroll{-webkit-overflow-scrolling:touch} .anchor{margin-top:-100px;position:absolute} .center{margin-left:auto;margin-right:auto} .round{border-radius:50%;overflow:hidden} .d100{width:100px;height:100px} .d200{width:200px;height:200px} .d250{width:250px;height:250px} .d300{width:300px;height:300px} .mainimage .text.summer,.mainimage .text.winter,.mainimage .text.spring,.mainimage .text.autumn{display:none} @media(min-width:1200px){ .hotproducts .prod{width:20%} } @media(min-width:1600px){ .hotproducts .prod{width:20%} } @media screen and (max-width:1480px){ } @media screen and (max-width:1260px){ .testimonial{width:29%; } @media screen and (max-width:1100px){ } @media screen and (max-width:900px){ } /*RESPONSIVE*/ @media screen and (max-width:770px){ .mainimage .text{width:80%;left:10%} .mainimage .img{margin-left:-50%;max-width:none;max-height:none;height:100%} .contentimage img{margin:0} .imagebar{height:auto} .imagebar img{width:110%;margin:0 -5%} .padded{20px} .padded .padded{padding:10px} .nopadding{margin:0} .overlaph,.overlapv,.overlaptop,.overlapbottom{margin:0} .langs{left:0;right:auto;background:#eee;padding:10px} .navigation{top:0} .navitems a{display:block} .navitems{display:none;clear:both;background:#fff} .navitems .active{margin:0} .logo{position:relative;left:40%;margin-left:-85px;width:170px} .search{display:none} .slogan{width:96%;padding:2%;margin:0;text-align:center} .toggle{display:block;font-size:24px;padding:17px;position:fixed;right:0px;top:0} .col5,.col10,.col15,.col20,.col25,.col30,.col33,.col40,.col50,.col60,.col66,.col70,.col75,.col80,.col90{width:100%} .testimonials h1{margin:50px 0} .testimonial{margin-top:50px;width:96%} .pic{width:45.4%;margin:2%} .text .pic{width:29%} .mainbutton{margin:auto} .mainslogan{position:relative;margin:0;display:none} .mainslogan p{display:none} .mainslogan h2{width:auto;padding:auto;margin:10px -40px;font-size:21px} .langs{overflow:hidden} .langs a{display:block} }