"2"
Bootstrap 3.3.0 Snippet by exigentinc

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Template CRYSTAL www.templatepartner.com </title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css?family=Raleway:100,400,400i,500,600,700,800,900" rel="stylesheet"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="cmsmini" id="34065"> <!-- END-csshead --> <!--============ PAGE ============--> <div id="PAGE" class="parallex-t--XXX" style=""> <!--======= HEADER ===--> <!-- END-headerfooter1 --> <!--======= MAIN CONTENT =================--> <div class="maincontent mainbgXXX roundsm"> <!--======= Gallery / Productinfo combo ===--> <!-- END-productinfo1 --> <!-- END-infotabs1 --> <!-- END-textimgl --> <!-- END-infoboxes1 --> <!-- END-gallery_categories1 --> <!-- END-testimonials --> <!-- END-gallery_products1 --> <div class="headerfooter1-START"> <!--======= Mobile Kurzbeschreibung =======--> <!--LOGO AREA --> <div class="header"> <!-- logo area --> <div class="logoarea row"> <div class="iscol form-group col-md-6"> <img class="logoimg ff_logopic" src="https://res.cloudinary.com/xdvault/image/upload/v1534529931/exigent-ecommerce-store-logo-2018.png" border="0" style="display: block;" alt=""> </div> <div class="iscol form-group text-right ff_headerinfotext col-md-6"> <ul> <li>Excellent support <!-- li--> </li> <li>Fast delivery after payment <!-- li--> </li> <li>Wide range at great prices </li> </ul> </div> </div> <!--======== NAV (mobile first) ===========--> <!-- glyphicon-file, glyphicon-euro, glyphicon-question-sign, glyphicon-send, glyphicon-flag, glyphicon-envelope --> <!-- <nav id="menu" class="aclicktype igradient1"> <div id="navtarget1" class="navtarget"> </div> <div id="navtarget2" class="navtarget"> </div> <div id="navtarget3" class="navtarget"> </div> <div id="navtarget4" class="navtarget"> </div> <div id="navtarget5" class="navtarget"> </div> <div id="navtarget6" class="navtarget"> </div> <div id="navtarget7" class="navtarget"> </div> <div id="navtarget8" class="navtarget"> </div> <div id="navheadtarget"> </div> <div id="navheadtarget-x"> </div> <label for="tm" id="toggle-menu"> <a class="menulink" href="#navheadtarget">Navigation <span class="drop-icon">▾ </span> </a><a class="drop-icon-x" href="#navheadtarget-x">x </a> </label> <ul class="main-menu clearfix"> <li class="tabnavfade"> <a class="ff_topnav_butturl1 menulink color1hover" href="https://www.ebay.com/sch/exigent_inc/m.html?_nkw=&_armrs=1&_ipg=&_from=" target="_blank"> <i class="ff_topnavicon1 glyphicon glyphicon-shopping-cart"> </i> <span class="ff_topnav_butt1">Our Shop </span> </a> </li> <li class="tabnavfade"> <a class="ff_topnav_butturl1 menulink color1hover" href="https://feedback.ebay.com/ws/eBayISAPI.dll?ViewFeedback2&userid=exigent_inc&ftab=AllFeedback&myworld=true&rt=nc" target="_blank"> <i class="ff_topnavicon1 glyphicon glyphicon-fire"> </i> <span class="ff_topnav_butt1">Testimonials </span> </a> </li> <li class="tabnavfade"> <a class="ff_topnav_butturl1 menulink color1hover" href="https://contact.ebay.com/ws/eBayISAPI.dll?FindAnswers&requested=exigent_inc&_trksid=p2050430.m2531.l4583&rt=nc&iid=32" target="_blank"> <i class="ff_topnavicon1 glyphicon glyphicon-envelope"> </i> <span class="ff_topnav_butt1">Contact </span> </a> </li> </ul> </nav> </div> --> <nav id="nav" data-editor="colorSettingsContent"> <div class="container"> <input id="open-menu" class="open-check" type="checkbox"> <div class="hold-toogle"> <label for="open-menu" class="toogle-menu"> Menu <span class="t"></span> <span class="c"></span> <span class="b"></span> </label> </div> <div class="menu-holder"> <label for="open-menu" class="close-menu">Men schlieen <i class="fa fa-close" aria-hidden="true"></i></label> <ul id="topnav" data-editor="nav"> <li><a target="_blank" href="#">Shop</a></li> <li> <input class="open-check" id="check01" type="checkbox"> <a target="_blank" href="">Damen</a> <label for="check01">Damen<i class="fa fa-angle-right" aria-hidden="true"></i></label> <div class="children-holder"> <ul class="children"> <li><label for="check01" class="back-label"><i class="fa fa-angle-left" aria-hidden="true"></i> Zurck</label></li> <li><a target="_blank" href="#">Damen</a></li> <li> <input class="open-check" id="check01_1" type="checkbox"> <a target="_blank" href="#">Bekleidung</a> <label for="check01_1">Bekleidung<i class="fa fa-angle-right" aria-hidden="true"></i></label> <ul class="children2"> <li><label for="check01_1" class="back-label"><i class="fa fa-angle-left" aria-hidden="true"></i> Zurck</label></li> <li><a target="_blank" href="#">Bekleidung</a></li> <li><a target="_blank" href="#">Kleider</a></li> <li><a target="_blank" href="#">Jeans</a></li> <li><a target="_blank" href="#">Rcke</a></li> </ul> </li> <li> <input class="open-check" id="check01_2" type="checkbox"> <a target="_blank" href="#">Schuhe</a> <label for="check01_2">Schuhe<i class="fa fa-angle-right" aria-hidden="true"></i></label> <ul class="children2"> <li><label for="check01_2" class="back-label"><i class="fa fa-angle-left" aria-hidden="true"></i> Zurck</label></li> <li><a target="_blank" href="#">Schuhe</a></li> <li><a target="_blank" href="#">Stiefel</a></li> <li><a target="_blank" href="#">Sneaker</a></li> <li><a target="_blank" href="#">Pumps</a></li> </ul> </li> <li> <input class="open-check" id="check01_3" type="checkbox"> <a target="_blank" href="#">Accessoires</a> <label for="check01_3">Accessoires<i class="fa fa-angle-right" aria-hidden="true"></i></label> <ul class="children2"> <li><label for="check01_3" class="back-label"><i class="fa fa-angle-left" aria-hidden="true"></i> Zurck</label></li> <li><a target="_blank" href="#">Accessoires</a></li> <li><a target="_blank" href="#">Taschen</a></li> <li><a target="_blank" href="#">Uhren</a></li> <li><a target="_blank" href="#">Schmuck</a></li> </ul> </li> <li class="children-img"> <img src="https://template.threendy.com/template1/template/images/gallery-main.jpg" alt="image"> </li> </ul> </div> </li> <li> <input class="open-check" id="check02" type="checkbox"> <a target="_blank" href="">Herren</a> <label for="check02">Herren<i class="fa fa-angle-right" aria-hidden="true"></i></label> <div class="children-holder"> <ul class="children"> <li><label for="check02" class="back-label"><i class="fa fa-angle-left" aria-hidden="true"></i> Zurck</label></li> <li><a target="_blank" href="#">Herren</a></li> <li> <input class="open-check" id="check02_1" type="checkbox"> <a target="_blank" href="#">Bekleidung</a> <label for="check02_1">Bekleidung<i class="fa fa-angle-right" aria-hidden="true"></i></label> <ul class="children2"> <li><label for="check02_1" class="back-label"><i class="fa fa-angle-left" aria-hidden="true"></i> Zurck</label></li> <li><a target="_blank" href="#">Bekleidung</a></li> <li><a target="_blank" href="#">Hemden</a></li> <li><a target="_blank" href="#">Jacken</a></li> <li><a target="_blank" href="#">Jeans</a></li> </ul> </li> <li> <input class="open-check" id="check02_2" type="checkbox"> <a target="_blank" href="#">Schuhe</a> <label for="check02_2">Schuhe<i class="fa fa-angle-right" aria-hidden="true"></i></label> <ul class="children2"> <li><label for="check02_2" class="back-label"><i class="fa fa-angle-left" aria-hidden="true"></i> Zurck</label></li> <li><a target="_blank" href="#">Schuhe</a></li> <li><a target="_blank" href="#">Sneaker</a></li> <li><a target="_blank" href="#">Halbschuhe</a></li> <li><a target="_blank" href="#">Sportschuhe</a></li> </ul> </li> <li> <input class="open-check" id="check02_3" type="checkbox"> <a target="_blank" href="#">Accessoires</a> <label for="check02_3">Accessoires<i class="fa fa-angle-right" aria-hidden="true"></i></label> <ul class="children2"> <li><label for="check02_3" class="back-label"><i class="fa fa-angle-left" aria-hidden="true"></i> Zurck</label></li> <li><a target="_blank" href="#">Accessoires</a></li> <li><a target="_blank" href="#">Grtel</a></li> <li><a target="_blank" href="#">Uhren</a></li> <li><a target="_blank" href="#">Krawatten</a></li> </ul> </li> <li class="children-img"> <img src="https://template.threendy.com/template1/template/images/gallery-main-2.jpg" alt="image"> </li> </ul> </div> </li> <li> <input class="open-check" id="check03" type="checkbox"> <a target="_blank" href="">Kinder</a> <label for="check03">Kinder<i class="fa fa-angle-right" aria-hidden="true"></i></label> <div class="children-holder"> <ul class="children"> <li><label for="check03" class="back-label"><i class="fa fa-angle-left" aria-hidden="true"></i> Zurck</label></li> <li><a target="_blank" href="#">Kinder</a></li> <li> <input class="open-check" id="check03_1" type="checkbox"> <a target="_blank" href="#">Bekleidung</a> <label for="check03_1">Bekleidung<i class="fa fa-angle-right" aria-hidden="true"></i></label> <ul class="children2"> <li><label for="check03_1" class="back-label"><i class="fa fa-angle-left" aria-hidden="true"></i> Zurck</label></li> <li><a target="_blank" href="#">Bekleidung</a></li> <li><a target="_blank" href="#">Shirts</a></li> <li><a target="_blank" href="#">Hosen</a></li> <li><a target="_blank" href="#">Geschenke</a></li> </ul> </li> <li> <input class="open-check" id="check03_2" type="checkbox"> <a target="_blank" href="#">Schuhe</a> <label for="check03_2">Schuhe<i class="fa fa-angle-right" aria-hidden="true"></i></label> <ul class="children2"> <li><label for="check03_2" class="back-label"><i class="fa fa-angle-left" aria-hidden="true"></i> Zurck</label></li> <li><a target="_blank" href="#">Schuhe</a></li> <li><a target="_blank" href="#">Sneaker</a></li> <li><a target="_blank" href="#">Ballerinas</a></li> <li><a target="_blank" href="#">Sportschuhe</a></li> </ul> </li> <li> <input class="open-check" id="check03_3" type="checkbox"> <a target="_blank" href="#">Accessoires</a> <label for="check03_3">Accessoires<i class="fa fa-angle-right" aria-hidden="true"></i></label> <ul class="children2"> <li><label for="check03_3" class="back-label"><i class="fa fa-angle-left" aria-hidden="true"></i> Zurck</label></li> <li><a target="_blank" href="#">Accessoires</a></li> <li><a target="_blank" href="#">Mtzen</a></li> <li><a target="_blank" href="#">Schals</a></li> <li><a target="_blank" href="#">Baby-Zubehr</a></li> </ul> </li> <li class="children-img"> <img src="https://template.threendy.com/template1/template/images/gallery-main-3.jpg" alt="image"> </li> </ul> </div> </li> <li><a target="_blank" href="#">Marken</a></li> <li><a target="_blank" href="#">Sale%</a></li> </ul> </div> <label for="open-menu" class="overlay"></label> </div> </nav> <!-- end header --> <!--======= topslider ===--> <!-- end container --> </div> <div class="productinfo1-START"> <div class="container"> <section> <div class="row norightmargin"> <div class="tp-productgal1 col-lg-7 col-sm-7"> <!-- col left CAROUSEL SLIDES --> <!-- SLIDER --> <!--[if IE]> <style> .productslider.csslider1 > .cs_arrowprev > label:after, .productslider.csslider1 > .cs_arrownext > label:after{ line-height: 30px; } .productslider.csslider1 > .cs_play_pause > label:after{ line-height: 28px;} </style> <![endif]--> <div id="islider1" class="islider islidenum10 thumbsperrow5 islider_navdotsXXX islidermaximgheight8 islidermaxthumbheight6 aclicktype"> <!-- aclicktype OR inputclicktype --> <label class="targetlabel aclicktype" id="islide1__1"> </label> <label class="targetlabel aclicktype" id="islide2__1"> </label> <label class="targetlabel aclicktype" id="islide3__1"> </label> <label class="targetlabel aclicktype" id="islide4__1"> </label> <label class="targetlabel aclicktype" id="islide5__1"> </label> <label class="targetlabel aclicktype" id="islide6__1"> </label> <label class="targetlabel aclicktype" id="islide7__1"> </label> <label class="targetlabel aclicktype" id="islide8__1"> </label> <label class="targetlabel aclicktype" id="islide9__1"> </label> <label class="targetlabel aclicktype" id="islide10__1"> </label> <!-- lightboxes with id --> <a href="#_" class="lightbox1a" id="lb_img1"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+1"> </a><a href="#_" class="lightbox1a" id="lb_img2"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+2"> </a><a href="#_" class="lightbox1a" id="lb_img3"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+3"> </a><a href="#_" class="lightbox1a" id="lb_img4"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+4"> </a><a href="#_" class="lightbox1a" id="lb_img5"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+5"> </a><a href="#_" class="lightbox1a" id="lb_img6"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+6"> </a><a href="#_" class="lightbox1a" id="lb_img7"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+7"> </a><a href="#_" class="lightbox1a" id="lb_img8"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+8"> </a><a href="#_" class="lightbox1a" id="lb_img9"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+9"> </a><a href="#_" class="lightbox1a" id="lb_img10"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+10"> </a> <!-- SLIDER PICS --> <div class="isliderbody"> <!-- Number of images here is flexiblle - NO NEED to change css --> <div class="islide"> <a href="#lb_img1"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+1" alt=""> </a> </div> <div class="islide"> <a href="#lb_img2"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+2" alt=""> </a> </div> <div class="islide"> <a href="#lb_img3"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+3" alt=""> </a> </div> <div class="islide"> <a href="#lb_img4"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+4" alt=""> </a> </div> <div class="islide"> <a href="#lb_img5"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+5" alt=""> </a> </div> <div class="islide"> <a href="#lb_img6"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+6" alt=""> </a> </div> <div class="islide"> <a href="#lb_img7"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+7" alt=""> </a> </div> <div class="islide"> <a href="#lb_img8"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+8" alt=""> </a> </div> <div class="islide"> <a href="#lb_img9"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+9" alt=""> </a> </div> <div class="islide"> <a href="#lb_img10"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+10" alt=""> </a> </div> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+1" class="isliderimgheightener"> </div> <!-- SLIDER NAV --> <div class="islidernav"> <div> <!-- aclicktype OR inputclicktype --> <a class="islidethumb aclicktype" href="#islide1__1" style="background-image:url('');"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+1" alt=""> </a><a class="islidethumb aclicktype" href="#islide2__1" style="background-image:url('');"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+2" alt=""> </a><a class="islidethumb aclicktype" href="#islide3__1" style="background-image:url('');"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+3" alt=""> </a><a class="islidethumb aclicktype" href="#islide4__1" style="background-image:url('');"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+4" alt=""> </a><a class="islidethumb aclicktype" href="#islide5__1" style="background-image:url('');"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+5" alt=""> </a><a class="islidethumb aclicktype" href="#islide6__1" style="background-image:url('');"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+6" alt=""> </a><a class="islidethumb aclicktype" href="#islide7__1" style="background-image:url('');"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+7" alt=""> </a><a class="islidethumb aclicktype" href="#islide8__1" style="background-image:url('');"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+8" alt=""> </a><a class="islidethumb aclicktype" href="#islide9__1" style="background-image:url('');"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+9" alt=""> </a><a class="islidethumb aclicktype" href="#islide10__1" style="background-image:url('');"> <img src="https://dummyimage.com/1500x1500/febd17/fff.png&text=IMG+10" alt=""> </a> </div> </div> </div> <!-- end slider--> </div> <!-- end product gal --> <div class="tp-productshort col-lg-5 col-sm-5"> <!-- col right --> <h1 class="tp-producttitle titlecolor ff_title">DEWALT FLEXVOLT 60V MAX LITHIUM-ION CORDLESS BRUSHLESS 8-1/4 IN. TABLE SAW KIT </h1> <hr class="trans"> <p class="ff_desc_short">The DCS7485T1 60V MAX* 8 1/4" table saw is maximized for accuracy, capacity and runtime. The brushless motor delivers the power to cut all common materials, the rack & pinion fence allows for fast, easy adjustments and provides the capacity to rip 4x8 sheet goods. The DCS7485T1 comes with one 20V/60V MAX* FLEXVOLT battery and fast charger. </p> <div class="tp-attributebox"> <p> <b class="tp-attrtitle titlecolor">Colors </b> </p> <p class="tp-attributes"> <span class="tp-attrval roundsm color1border">red </span> <span class="tp-attrval roundsm color1border">green blue </span> </p> </div> <!-- -button combo --> <div class="pricecombo roundsm row col-sm-12"> <div class="col-sm-5"> <div class="pricecombo-left"> <div class="strikedprice">$499,<span class="pricecents">00 </span> </div> <div class="tp-price" style=" ">$399,<span class="pricecents">12 </span> </div> <div class="pricecombo_addinfo" style=""> <i class="glyphicon glyphicon-ok color1"> </i> <span>fast shipping </span> </div> <div class="pricecombo_addinfo" style=""> <i class="glyphicon glyphicon-ok color1"> </i> <span>on stock </span> </div> </div> </div> <div class="pricecombo-buttons col-sm-7"> <div class="tp-buttupper row col-sm-12"> <a class="pricebutt_buyitnow btn btn-lg btn-success btn-block color1bg" href="https://offer.ebay.com/ws/eBayISAPI.dll?BinConfirm&item=32" target="_blank"> <i class="glyphicon glyphicon-shopping-cart"> </i>  <span class="tp-buttupper-text">Buy it now </span> </a> </div> <div class="tp-buttlower row col-sm-12 "> <div class="tp-buttlower1 input-group buttonaddon width50xx"> <span class="input-group-addon"> <span class="glyphicon glyphicon-eye-open"> </span> </span> <a type="text" class="pricebutt_watchlist form-control" href="http://cgi1.ebay.com/ws/eBayISAPI.dll?MakeTrack&item=32" target="_blank"> <span class="tp-buttlower1-text">Add To Watchlist </span> </a> </div> <div class="tp-buttlower2 input-group buttonaddon width50xx"> <span class="input-group-addon"> <span class="glyphicon glyphicon-question-sign"> </span> </span> <a type="text" class="pricebutt_contact form-control" href="https://contact.ebay.com/ws/eBayISAPI.dll?FindAnswers&requested=exigent_inc&rt=nc&iid=32" target="_blank"> <span class="tp-buttlower2-text">Contact Us W/Questions </span> </a> </div> </div> </div> </div> <!-- end price/button box --> </div> <!-- tp-productshort --> </div> </section> </div> <!-- end container --> </div> <div class="infotabs1-START aclicktype"> <!-- <p>  </p>--> <!-- TABS --> <div class="container"> <div class="wrapper"> <div class="tab_container tabnavfade" style="border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; "> <!-- needed for aclicktype <a> clicktype --> <div id="tabtarget1"> </div> <div id="tabtarget2"> </div> <div id="tabtarget3"> </div> <div id="tabtarget4"> </div> <div id="tabtarget5"> </div> <!-- inputs needed for inputclicktype --> <label id="tablabel1" for="tab1" class="tabnavfade color1shadowtop"> <a href="#tabtarget1"> <i class="glyphicon glyphicon-chevron-right"> </i> <span>Description </span> </a> </label> <label id="tablabel2" for="tab2" class="tabnavfade color1shadowtop"> <a href="#tabtarget2"> <i class="glyphicon glyphicon-chevron-right"> </i> <span>Payment </span> </a> </label> <label id="tablabel3" for="tab3" class="tabnavfade color1shadowtop"> <a href="#tabtarget3"> <i class="glyphicon glyphicon-chevron-right"> </i> <span>Shipping </span> </a> </label> <label id="tablabel4" for="tab4" class="tabnavfade color1shadowtop"> <a href="#tabtarget4"> <i class="glyphicon glyphicon-chevron-right"> </i> <span>Tab 4 </span> </a> </label> <label id="tablabel5" for="tab5" class="tabnavfade color1shadowtop"> <a href="#tabtarget5"> <i class="glyphicon glyphicon-chevron-right"> </i> <span>Tab 5 </span> </a> </label> <section id="content1" class="tab-content" style="overflow:hidden"> <div class="textimgl-START textimgbg-START"> <div class="pblock container roundsm" style="background-image: none;"> <div class="row" style=""> <div class="colleft col-xs-12"> <h1 class="ff_title">Product description </h1> <p class="ff_desc">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p> </div> </div> </div> </div> </section> <section id="content2" class="tab-content" style="overflow:hidden"> <div class="textimgl-START textimgbg-START"> <div class="pblock container roundsm" style="background-image: none;"> <div class="row" style=""> <div class="colleft col-xs-12"> <h1 class="ff_title">t2 </h1> <div class="container-fluid"> <table class="table eytable table-striped"> <tbody> <tr> <th>Template Editor </th> <td> Unseren Editor knnen Sie gratis nutzen, um minutenschnell neue Angebote in Ihre Verkaufsvorlage einzufgen. Alles ohne Programmierkenntnisse! </td> </tr> <tr> <th>Ebay 2017 </th> <td> Entspricht den Ebay Richtlinien, die ab Juni 2017 gelten. </td> </tr> <tr> <th>Responsive </th> <td> Optimiert sowohl fr PCs als auch Mobilgerte wie Handys oder Ebay-App. Das Ergebnis sieht immer gut aus. </td> </tr> <tr> <th>Cross-Sellng </th> <td> Machen Sie mit verlinkten Produkt-Galerien auf passende Angebote, Kategorien oder Sonderangebote aufmerksam. </td> </tr> <tr> <th>Bilder-Galerie </th> <td> Animierte Galerie fr Ihre Produktbilder, </td> </tr> <tr> <th>Videos </th> <td> Einbindung von Videos ist mglich. </td> </tr> <tr> <th>Kategorien </th> <td> Ihre Shopkategorien knnen z.B. im Men der Auktionsvorlage angezeigt werden. </td> </tr> <tr> <th>Flexible anpassen </th> <td> Mit dem Template Editor knnen Sie mit nur einem Klick Template-Bereiche (z.B. Galerien, Fuzeile) anzeigen oder verbergen. </td> </tr> <tr> <th>Icons </th> <td> 250 Icons (Bildsymbole) frei whlbar </td> </tr> <tr> <th>Top modern </th> <td> Die Template ist auf dem neuesten Stand der Technik, mit gngigen Browsern sowie allen Endgerten kompatibel. </td> </tr> <tr> <th>Zeitersparnis </th> <td> Daten, die sich bei verschiedenen Artikeln wiederholen, knnen per Klick in ein anderes Angebot bernommen werden (z.B. Logo, Menleiste, Anschrift, Kontaktdaten oder auch komplette Produktdaten). Sie sparen dadurch viel Zeit, da Sie nur die fr das Produkt relavanten Daten anpassen mssen. </td> </tr> <tr> <th>Updates kostenfrei </th> <td> Unser Team optimiert stndig weiter. Template Updates sind fr Kunden kostenfrei. </td> </tr> <tr> <th>Hilfe & Support </th> <td> Wir sind Ihr Partner, wenn es um Design und Programmierung geht. Unser Support steht Ihnen dauerhaft zu Seite. </td> </tr> <tr> <th>Vermissen Sie etwas? </th> <td> Theoretisch ist alles mglich, was Ebay erlaubt. Sprechen Sie uns an! </td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </section> <section id="content3" class="tab-content" style="overflow:hidden"> <div class="textimgl-START textimgbg-START"> <div class="pblock container roundsm" style="background-image: none;"> <div class="row" style=""> <div class="colleft col-xs-12"> <h1 class="ff_title">t3 </h1> <div class="container-fluid"> <table class="table eytable table-striped"> <tbody> <tr> <th> <br></th> <td> <b>Gibt es versteckte Kosten? </b> </td> </tr> <tr> <th> <br></th> <td> Nein. Sie zahlen nur den genannten einmaligen Preis. Sie erhalten Ihre Template und knnen unseren Template Editor kostenfrei nutzen. </td> </tr> <tr> <th> <br></th> <td> <b>Braucht man wirklich keine Programmierkenntnisse? </b> </td> </tr> <tr> <th> <br></th> <td> Richtig. Se tragen einfach die Produktdaten in vordefinierte Felder ein und unser Template-Editor erstellt daraus ein professionelles Layout im Look Ihrer gekauften Template. Sie werden sich wundern, wie einfach das geht. </td> </tr> <tr> <th> <br></th> <td> <b>Kann ich die Template auch in anderen Auktionsplattformen benutzen? </b> </td> </tr> <tr> <th> <br></th> <td> Ja, neben ebay.de, ebay.com, ebay.co.uk, usw. kann die Vorlage z.B. auch bei Hood.de oder Auvito.de eingesetzt werden. Sie ist theoretisch berall einsetzbar, wo im Beschreibungtext HTML und Css erlaubt sind. </td> </tr> <tr> <th> <br></th> <td> <b>Wie kann ich die Template in Listing-Tools wie Afterbuy, Plentymarkets, etc, benutzen? </b> </td> </tr> <tr> <th> <br></th> <td> In der Template knnen Sie Platzhalter einsetzen, die Ihr Listing-Tools dann automatisch mit der Artikelbeschreibung, Bildern, etc. fllt. Die Template kann dann im Listing-Tool als Vorlage (z.B. Kopfzeile) gespeichert werden. </td> </tr> <tr> <th> <br></th> <td> <b>Knnen Bereiche aus der Template entfernt oder hinzugefgt werden? </b> </td> </tr> <tr> <th> <br></th> <td> Ja. Mit nur einem klick knnen Sie Bereiche wie z.B. eine Galerie oder den die Fuzeile aktivieren oder deaktivieren. Dies knnen Sie je nach Produkt individuell bestimmen. </td> </tr> <tr> <th> <br></th> <td> <b>Kann ich Tabellen in der Template darstellen? </b> </td> </tr> <tr> <th> <br></th> <td> Ja, sogar sehr einfach. Diese Fragen & Antworten Liste oder auch der Menupunkt "Merkmale" wird z.B. als Tabelle dargestellt. </td> </tr> <tr> <th> <br></th> <td> <b>Wo werden meine Bilder gespeichert? </b> </td> </tr> <tr> <th> <br></th> <td> Wir zeigen Ihnen, wie Sie Ihre Bilder ganz einfach gebndelt hochladen und dann Im Template Editor einfgen knnen. Sie bentigen also <b>keinen eigenen Server </b>fr Ihre Bilder, etc. </td> </tr> <tr> <th> <br></th> <td> <b>Werden die Fotos, welche sich jetzt in der Template befinden, mitverkauft? </b> </td> </tr> <tr> <th> <br></th> <td> Nein, aber wir senden Ihnen Internetadressen zu kostenfreien Fotobrsen zu, wo sie sehr schnell passende Bilder finden. </td> </tr> <tr> <th> <br></th> <td> <b>Kann ich bei Ihnen eine ganz individuelles Template Design bestellen, genau passend zu meinem Unternehmen? </b> </td> </tr> <tr> <th> <br></th> <td> Ja. Schauen Sie dazu bitte in unsere weiteren Angebote bei Ebay. </td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </section> <section id="content4" class="tab-content" style="overflow:hidden"> <div class="textimgl-START textimgbg-START"> <div class="pblock container roundsm" style="background-image: none;"> <div class="row" style=""> <div class="colleft col-xs-12"> <h1 class="ff_title">t4 </h1> </div> </div> </div> </div> </section> <section id="content5" class="tab-content" style="overflow:hidden"> <div class="textimgl-START textimgbg-START"> <div class="pblock container roundsm" style="background-image: none;"> <div class="row" style=""> <div class="colleft col-xs-12"> <h1 class="ff_title">t5 </h1> </div> </div> </div> </div> </section> </div> <!-- tab_container --> </div> <!-- wrapper --> </div> <!-- end tabs "container" --> </div> <div class="textimgl-START textimgbg-START"> <div class="pblock puttriangle contentbg container roundsm" style="background-image: none;"> <div class="row" style=""> <div class="colleft col-xs-12"> <p class="ff_desc">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p> </div> </div> </div> </div> <div class="infoboxes1-START"> <div class="hrheadline"> <span class="ff_title">Your Benefit </span> </div> <div class="roundsm" style="margin-top:40px"> <div class="container"> <div class="row"> <!-- Boxes de Acoes --> <div class="col-sm-6 col-md-4"> <div class="box"> <div class="icon"> <div class="image color1bg"> <i class="ff_icon1 glyphicon glyphicon-barcode"> </i> </div> <div class="info"> <h3 class="ff_title1">Product SKU# </h3> <p class="ff_desc1">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat </p> </div> </div> <div class="space"> </div> </div> </div> <div class="col-sm-6 col-md-4"> <div class="box"> <div class="icon"> <div class="image color1bg"> <i class="ff_icon1 glyphicon glyphicon-ok"> </i> </div> <div class="info"> <h3 class="ff_title2">Expertise </h3> <p class="ff_desc2">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat </p> </div> </div> <div class="space"> </div> </div> </div> <div class="col-sm-6 col-md-4"> <div class="box"> <div class="icon"> <div class="image color1bg"> <i class="ff_icon1 glyphicon glyphicon-eur"> </i> </div> <div class="info"> <h3 class="ff_title3">Service </h3> <p class="ff_desc3">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat </p> </div> </div> <div class="space"> </div> </div> </div> <!-- /Boxes de Acoes --> </div> </div> </div> <!-- end main content --> </div> <div class="textimgl-START textimgbg-START"> <div class="pblock puttriangle contentbg container roundsm" style="background-image: none;"> <div class="row" style=""> <div class="colleft col-xs-12"> <h1 class="ff_title">ER1 </h1> </div> </div> </div> </div> <div class="testimonials-START"> <div class="hrheadline"> <span class="ff_title">Testimonials </span> </div> <div class="testimonials container"> <div class="row"> <div class="col-sm-6"> <div class="testimonials_block"> <div class="testim-padding"> <div class="ban_holder"> <div class="doublequotes color1">‘<span style="margin:-12px">‘ </span> </div> <p> <span class="ff_text1">t1 </span> <br> <strong class="color1"> <span>— </span> <span class="ff_author1">a1 </span> </strong> </p> </div> </div> </div> </div> <div class="col-sm-6"> <div class="testimonials_block"> <div class="testim-padding"> <div class="ban_holder"> <div class="doublequotes color1">‘<span style="margin:-12px">‘ </span> </div> <p> <span class="ff_text2">t2 </span> <br> <strong class="color1"> <span>— </span> <span class="ff_author2">a2 </span> </strong> </p> </div> </div> </div> </div> <div class="col-sm-6"> <div class="testimonials_block"> <div class="testim-padding"> <div class="ban_holder"> <div class="doublequotes color1">‘<span style="margin:-12px">‘ </span> </div> <p> <span class="ff_text3">t3 </span> <br> <strong class="color1"> <span>— </span> <span class="ff_author3">a3 </span> </strong> </p> </div> </div> </div> </div> <div class="col-sm-6"> <div class="testimonials_block"> <div class="testim-padding"> <div class="ban_holder"> <div class="doublequotes color1">‘<span style="margin:-12px">‘ </span> </div> <p> <span class="ff_text4">t4 </span> <br> <strong class="color1"> <span>— </span> <span class="ff_author4">a4 </span> </strong> </p> </div> </div> </div> </div> <div class="col-sm-6"> <div class="testimonials_block"> <div class="testim-padding"> <div class="ban_holder"> <div class="doublequotes color1">‘<span style="margin:-12px">‘ </span> </div> <p> <span class="ff_text5">t5 </span> <br> <strong class="color1"> <span>— </span> <span class="ff_author5">a5 </span> </strong> </p> </div> </div> </div> </div> <div class="col-sm-6"> <div class="testimonials_block"> <div class="testim-padding"> <div class="ban_holder"> <div class="doublequotes color1">‘<span style="margin:-12px">‘ </span> </div> <p> <span class="ff_text6">t6 </span> <br> <strong class="color1"> <span>— </span> <span class="ff_author6">a6 </span> </strong> </p> </div> </div> </div> </div> </div> </div> </div> <div class="gallery_products1-START"> <div class="hrheadline"> <span class="ff_title">Bestsellers </span> </div> <div class="roundsm"> <div class="container"> <div class="row"> <!-- Boxes de Acoes --> <div class="col-sm-6 col-md-3"> <figure class="snip1423"> <img class="ff_pic1" src="https://s26.postimg.cc/h37n0pco9/apple-1282241_340.jpg" alt="sample52"> <figcaption class="igradient1b"> <h4 class="ff_title1">Article Name </h4> <p class="ff_desc1">Stet clita kasd gubergren, no sea takimata </p> <div class="price"> <s class="ff_pricestriked1"> </s> <span class="ff_price1">100€ </span> </div> </figcaption> <i class="glyphicon glyphicon-shopping-cart color1bg"> </i> </figure> </div> <div class="col-sm-6 col-md-3"> <figure class="snip1423"> <img class="ff_pic2" src="https://s26.postimg.cc/h37n0pco9/apple-1282241_340.jpg" alt="sample52"> <figcaption class="igradient1b"> <h4 class="ff_title2">Article Name </h4> <p class="ff_desc2">Stet clita kasd gubergren, no sea takimata </p> <div class="price"> <s class="ff_pricestriked2"> </s> <span class="ff_price2">100€ </span> </div> </figcaption> <i class="glyphicon glyphicon-shopping-cart color1bg"> </i> </figure> </div> <div class="col-sm-6 col-md-3"> <figure class="snip1423"> <img class="ff_pic3" src="https://s26.postimg.cc/h37n0pco9/apple-1282241_340.jpg" alt="sample52"> <figcaption class="igradient1b"> <h4 class="ff_title3">Article Name </h4> <p class="ff_desc3">Stet clita kasd gubergren, no sea takimata </p> <div class="price"> <s class="ff_pricestriked3"> </s> <span class="ff_price3">100€ </span> </div> </figcaption> <i class="glyphicon glyphicon-shopping-cart color1bg"> </i> </figure> </div> <div class="col-sm-6 col-md-3"> <figure class="snip1423"> <img class="ff_pic4" src="https://s26.postimg.cc/h37n0pco9/apple-1282241_340.jpg" alt="sample52"> <figcaption class="igradient1b"> <h4 class="ff_title4">Article Name </h4> <p class="ff_desc4">Stet clita kasd gubergren, no sea takimata </p> <div class="price"> <s class="ff_pricestriked4"> </s> <span class="ff_price4">100€ </span> </div> </figcaption> <i class="glyphicon glyphicon-shopping-cart color1bg"> </i> </figure> </div> </div> </div> </div> <!-- end main content --> </div> <div class="footer1-START"> <div class="footer container roundsm"> <div class="row"> <div class="footer-col col-sm-4"> <div class="footer-title"> <i class="glyphicon glyphicon-triangle-right color1"> </i> <span class="ff_footercol1title">Contact </span> </div> <div class="dashedbottom"> <i class="ff_footericon1r3 glyphicon glyphicon-envelope"> </i> <a href="https://contact.ebay.com/ws/eBayISAPI.dll?FindAnswers&requested=exigent_inc&_trksid=p2050430.m2531.l4583&rt=nc&iid=32" target="_blank"> <span class="ff_footercol1r3">Ask a question </span> </a> </div> </div> <div class="footer-col col-sm-4"> <div class="footer-title"> <i class="glyphicon glyphicon-triangle-right color1"> </i> <span class="ff_footercol2title">About us </span> </div> <div class="ff_footercol2r1"> <ul> <li>Excellent support <!-- li--> </li> <li>Fast delivery <!-- li--> </li> <li>Wide range at great prices </li> </ul> </div> </div> <div class="footer-col col-sm-4"> <div class="footer-title"> <i class="glyphicon glyphicon-triangle-right color1"> </i> <span class="ff_footercol3title">Information </span> </div> <div class="ff_footercol3r1">According to EU-Regulations all businesses selling goods or services online within the EU must carry the following link on their website to the "Online Dispute Resolution (ODR) Platform" <a title="Online Dispute Resolution (ODR) Platform" href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="nofollow">https://ec.europa.eu/consumers/odr/ </a>. </div> </div> </div> <div class="row paymenttypes"> <img src="https://res.cloudinary.com/xdvault/image/upload/v1536606611/ecommerce-template-content/ups-express-2b.png" alt=""> <img src="https://res.cloudinary.com/xdvault/image/upload/v1536606611/ecommerce-template-content/fedex-express-logo2a.png" alt=""> <img src="https://res.cloudinary.com/xdvault/image/upload/v1536606611/ecommerce-template-content/usps-logo2a.png" alt=""> <img src="https://res.cloudinary.com/xdvault/image/upload/v1536606611/ecommerce-template-content/fedex-ground-logo2a.png" alt=""> <img src="https://res.cloudinary.com/xdvault/image/upload/v1536606611/ecommerce-template-content/ups-ground-2a.png" alt=""> <img src="https://res.cloudinary.com/xdvault/image/upload/v1536606611/ecommerce-template-content/paypal-alternative2.png" alt=""> </div> </div> <!-- end footer --> </div> </div> <!-- end MAIN CONTENT ===================================--> <!--=========== FOOTER ===========--> <!-- END-footer1-START --> <div class="powby"> <a href="https://www.ebay.de/usr/templatepartner" target="_blank">Design by TemplatePartner </a> </div> </div> <!-- end PAGE --> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700:latin" rel="stylesheet" type="text/css"> </div> </body> </html>
@charset "UTF-8";/*! CSS Used from: https://template.threendy.com/template1/template/css/all.css ; media=all */@media all { .wrapper input { vertical-align: middle; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset transparent 0 0 0; -moz-box-shadow: inset transparent 0 0 0; box-shadow: inset transparent 0 0 0; -webkit-appearance: none; } .wrapper input::-moz-focus-inner { padding: 0; border: 0; } .wrapper label { cursor: pointer; } .wrapper nav { display: block; } .wrapper img { border: 0; border-style: none; vertical-align: top; -ms-interpolation-mode: bicubic; vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; } .wrapper a,.wrapper a:link,.wrapper a:visited { color: #000; text-decoration: none; } .wrapper a:focus,.wrapper a:hover { outline: 0; outline: 0; } .container { max-width: 1270px; margin: 0 auto; padding: 0 20px; } #nav { width: 100%; z-index: 10; position: relative; background: #f5f5f5; } #nav:after { content: ""; display: block; clear: both; } .open-check { display: none; } #topnav { list-style: none; margin: 0; padding: 0; text-align: center; font-size: 0; line-height: 0; position: relative; } #topnav:after { content: ""; display: block; clear: both; } #topnav>li { display: inline-block; vertical-align: top; font-size: 16px; line-height: 18px; } #topnav>li:last-child { border: none; } #topnav>li>a { padding: 24px 29px; font-weight: 400; display: block; color: #000!important; text-decoration: none; position: relative; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -ms-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out; } #topnav>li:hover>a { background: rgba(255,255,255,.3); } #topnav>li>.open-check+a:before { content: ''; position: absolute; top: 50%; right: 13px; width: 0; margin: -2px 0 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #000 transparent transparent transparent; } .children-holder { position: absolute; top: 100%; left: 0; z-index: 100; overflow: hidden; width: 100%; } .children { text-align: left; background: #febd17; width: 100%; list-style: none; display: block; padding: 20px 10px 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 5; margin: -500px 0 0; -webkit-transition: margin .5s ease-in-out; -moz-transition: margin .5s ease-in-out; -ms-transition: margin .5s ease-in-out; -o-transition: margin .5s ease-in-out; transition: margin .5s ease-in-out; } #topnav>li:hover .children { margin: 0; } .children>li { margin: 0 0 20px; display: inline-block; vertical-align: top; width: 24.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .children>li.children-img { text-align: right; } .children>li.children-img img { width: 250px; height: auto; } .children2 { list-style: none; padding: 20px 0 0; margin: 0; } .children2 li { position: relative; margin: 0 0 10px; padding: 0 0 0 15px; } .children2>li:before { content: ''; position: absolute; top: 50%; left: 0; margin: -2px 0 0; height: 4px; width: 4px; background: #fff; } .children2>li>a,.children>li>a { text-decoration: none; position: relative; font-size: 16px; line-height: 18px; color: #fff!important; } .children2>li>a { font-size: 13px; line-height: 15px; } .children2>li>a:before,.children>li>a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: transform .2s ease-in-out; -moz-transition: transform .2s ease-in-out; -ms-transition: transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; } .children2>li>a:hover:before,.children>li>a:hover:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #topnav>li>label,.children>li>label { display: none; } .hold-toogle { float: right; display: none; } .toogle-menu { z-index: 61; height: 17px; position: relative; cursor: pointer; display: none; padding: 0 44px 0 0; color: #000; line-height: 17px; } .toogle-menu>span { position: absolute; right: 0; height: 3px; width: 30px; background: #666; } .toogle-menu .t { top: 0; } .toogle-menu .c { top: 7px; } .toogle-menu .b { top: 14px; } .close-menu { display: none; } #topnav>li>.open-check~.children-holder .children>li:nth-child(1),#topnav>li>.open-check~.children-holder .children>li:nth-child(2),.children>li>.open-check~.children2>li:nth-child(1),.children>li>.open-check~.children2>li:nth-child(2) { display: none; } .overlay { display: none; } .open-check { display: none; } .open-check { display: none; } .open-check { display: none; }@ media (max-width:1270px) { .container{width: 95vw; } } @media (max-width:1200px) { .children>li.children-img img { width: 200px; } .container { width: 91vw; } } @media (max-width:1024px) { .container { width: 89vw; } #nav { padding: 10px 0; margin: 0 0 10px; } #topnav { position: static; float: none; margin: 0; padding: 0; width: 100%; background: 0 0; } #topnav:after { display: none; } #topnav>li>.open-check~.children-holder .children>li:nth-child(1),#topnav>li>.open-check~.children-holder .children>li:nth-child(2),.children>li>.open-check~.children2>li:nth-child(1),.children>li>.open-check~.children2>li:nth-child(2) { display: block; } .hold-toogle { display: block; } .toogle-menu { display: block; } .menu-holder { position: fixed; top: 0; right: -300px; height: 100%; overflow: hidden; overflow-y: auto; width: 280px; background: #febd17; z-index: 1005; -webkit-transition: right .2s ease-in-out; -moz-transition: right .2s ease-in-out; -ms-transition: right .2s ease-in-out; -o-transition: right .2s ease-in-out; transition: right .2s ease-in-out; } #nav .open-check:checked~.menu-holder { right: 0; } #topnav>li { display: block; padding: 0; position: static; margin: 0; text-align: left; float: none; } #header #topnav>li:before { display: none; } #header #topnav>li>a,#header #topnav>li>a:link,#header #topnav>li>a:visited,#header #topnav>li>label,.children2 li a,.children2 li label,.children>li>a,.children>li>label { color: #fff!important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #febd17; padding: 15px 30px 15px 10px; border-bottom: 1px solid #dadae5; display: block; cursor: pointer; text-transform: none; font-size: 14px; line-height: 18px; font-weight: 400; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #header #topnav>li:hover>a,#header #topnav>li:hover>label,.children2>li:hover>a,.children2>li:hover>label,.children>li:hover>a,.children>li:hover>label { color: #fff!important; background: rgba(255,255,255,.3); } .children2 li label.back-label,.children>li>label.back-label { padding: 15px 10px 15px 30px; } .children>li>a { margin: 0; font-weight: 400; } #topnav>li>label,.children2 li label,.children>li>label { position: relative; } #topnav>li>label .fa,.children2 li label.back-label .fa,.children>li>label .fa { position: absolute; right: 10px; top: 50%; font-size: 20px; margin: -10px 0 0; } .children2 li label.back-label .fa,.children>li>label.back-label .fa { right: auto; left: 10px; } #topnav>li>a:hover { color: #575757; background: #fff; } #header #topnav>li>.open-check+a,#header .children>li>.open-check+a { display: none; } .close-menu { display: block; padding: 15px 10px; color: #fff; background: #000; text-transform: uppercase; font-weight: 700; cursor: pointer; font-size: 14px; line-height: 16px; position: relative; } .close-menu .fa { float: right; font-size: 20px; margin: -2px 0 0; } #topnav>li:hover .children,.children,.children2 { opacity: 1; visibility: visible; display: block; position: absolute; top: 46px; bottom: 0; margin: 0; z-index: 20; background: #febd17; border: none; padding: 0; width: 100%; left: 100%; overflow: hidden; overflow-y: auto; -webkit-transition: left .2s ease-in-out; -moz-transition: left .2s ease-in-out; -ms-transition: left .2s ease-in-out; -o-transition: left .2s ease-in-out; transition: left .2s ease-in-out; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .children2 { top: 0; } .children2 li { margin: 0; width: 100%; display: block; padding: 0; } .children>li { width: 100%; float: none; padding: 0; margin: 0; position: static; } .children>li.children-img { display: none; } .children-holder { position: static; margin: 0; } #topnav>li>.open-check:checked~.children-holder .children,.children>li .open-check:checked~.children2 { left: 0; } #topnav>li>a:before,.children2 li a:before,.children2 li:before,.children>li>a:before { display: none; } .overlay { display: block; position: fixed; top: 0; left: 100%; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 1000; -webkit-transition: left .2s ease-in-out; -moz-transition: left .2s ease-in-out; -ms-transition: left .2s ease-in-out; -o-transition: left .2s ease-in-out; transition: left .2s ease-in-out; } #nav .open-check:checked~.overlay { left: 0; } .children>li:before { display: none; } } @media (max-width:500px) { .container { padding: 0 10px; } }}/*! CSS Used from: https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css ; media=all */@media all { .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-close:before { content: "\f00d"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } }/*! CSS Used from: Embedded */#nav { background: #f5f5f5; } #topnav>li>a { color: #000!important; } #topnav>li>.open-check+a:before { border-color: #000 transparent transparent transparent; } .children { background: #febd17; } .children2>li>a,.children>li>a { color: #fff!important; } .children2>li::before { background: #fff; }/*! CSS Used fontfaces */@font-face { font-family:FontAwesome;src:url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot#iefix&v=4.7.0) format('embedded-opentype'),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal; } body,html,li { color: #666; font-family: Raleway,sans-serif; font-size: 14px; line-height: 1.4em; } p { color: #666; font-family: Raleway,sans-serif; font-size: 16px; line-height: 1.4em; } div { font-family: Raleway,sans-serif; font-size: 14px; line-height: 1.4em; } a,a:active,a:focus { outline: 0; } .container { width: 100%; } .row { margin-right: 0; } .parallex-s,.parallex-t { background-size: cover; background-position: top; background-attachment: fixed; background-repeat: no-repeat; min-height: 100px; } .parallex-t { background-attachment: scroll; } h1 { margin: .3em 0; padding: 0; border: 0; font-size: 33px; font-weight: 700; font-family: Raleway,sans-serif; } .cmsmini .border1 { border: 1px solid rgba(0,0,0,.2); } .cmsmini .border2 { border: 6px solid rgba(0,0,0,.2); } .cmsmini img { max-width: 100%; height: auto; box-shadow: 6px 6px 8px rgba(0,0,0,.1); } .cmsmini .pblock img { box-shadow: none; } .logoimg { box-shadow: none!important; } .roundsm { border-radius: .4em; } .pricecents { vertical-align: .7em; font-size: 60%; } hr.trans { border: 0; height: 1px; margin: 10px 0; } hr.trans { background: rgba(0,0,0,.2); } #PAGE h1 { font-size: 26px; margin: 15px 0; font-weight: 500; } #PAGE h2 { font-size: 24px; margin: 15px 0; font-weight: 400; } #PAGE h3 { font-size: 18px; margin: 15px 0; font-weight: 400; color: #febd17; } #PAGE h4 { font-size: 20px; margin: 15px 0; font-weight: 400; } h1.tp-producttitle { margin-top: 0; font-size: 27px; font-family: Raleway,sans-serif; font-weight: 900; } .hrheadline { width: 100%; text-align: center; border-bottom: 1px solid rgba(0,0,0,.2); line-height: .1em; margin: 70px 0 50px 0; font-size: 28px; font-family: Raleway,sans-serif; font-weight: 300; } .hrheadline span { background: #fff; padding: 0 10px; } @media only screen and (max-width:400px) { .hrheadline { line-height: 1.2em; } } .puttriangle { position: relative; } .puttriangle::before { top: -15px; background: #fff; } .puttriangle::after,.puttriangle::before { left: 50%; width: 30px; height: 30px; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); position: absolute; content: ''; pointer-events: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lightbox1a { visibility: hidden; opacity: 0; position: fixed; overflow: hidden; z-index: 9999; width: 100%; height: 100%; transition: all .5s ease-in-out; text-align: center; top: 0; left: 0; background: rgba(0,0,0,.8); } .lightbox1a img { max-width: 90%; max-height: 80%!important; margin-top: 2%; } .lightbox1a:target { outline: 0; visibility: visible; opacity: 1; transition: opacity .5s ease-in-out; } .contentbg,.contentbg li,.contentbg p { color: #fff; } .pblock.contentbg a { color: rgba(255,255,255,.9); font-weight: 700; text-decoration: underline; } .textimgl-START .contentbg { margin: 40px 0; } .infotabs1-START .contentbg { margin: 10px 0; } .infotabs1-START .tab_container,.infotabs1-START .tab_container:hover { background: linear-gradient(to bottom,#fff 0,#ddd 100px); } .textimgl-START>.pblock>.row { margin-right: 0; margin-left: 0; } @media screen and (max-width:500px) { .textimgl-START .colleft { padding-right: 0; } } .textimgl-START .col-sm-12 { padding-right: 0; } .textimgl-START .pblock { padding: 0; } .textimgl-START .pblock.contentbg { padding: 30px 30px; } .pblock.contentbg h3 { line-height: 1.6em; } #PAGE .pblock.contentbg h1:after { display: none; } .igradient1,.tabnavfade,label.tabnavfade { background: #fff; background: -moz-linear-gradient(top,#fff 0,#ddd 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#ddd)); background: -webkit-linear-gradient(top,#fff 0,#ddd 100%); background: -o-linear-gradient(top,#fff 0,#ddd 100%); background: -ms-linear-gradient(top,#fff 0,#ddd 100%); background: linear-gradient(to bottom,#fff 0,#ddd 100%); } .tabnavfade:hover,label.tabnavfade:hover { background: #ddd; background: -moz-linear-gradient(top,#ddd 0,#fff 100%); background: -webkit-linear-gradient(top,#ddd 0,#fff 100%); background: linear-gradient(to bottom,#ddd 0,#fff 100%); } .igradient1b { background: #fff; background: -moz-linear-gradient(top,#fff 0,#f2f2f2 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top,#fff 0,#f2f2f2 100%); background: -o-linear-gradient(top,#fff 0,#f2f2f2 100%); background: -ms-linear-gradient(top,#fff 0,#f2f2f2 100%); background: linear-gradient(to bottom,#fff 0,#f2f2f2 100%); } .igradient1_red { color: #fff; background: #d21610; background: -moz-linear-gradient(top,#d21610 0,#a50b06 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#d21610),color-stop(100%,#a50b06)); background: -webkit-linear-gradient(top,#d21610 0,#a50b06 100%); background: -o-linear-gradient(top,#d21610 0,#a50b06 100%); background: -ms-linear-gradient(top,#d21610 0,#a50b06 100%); background: linear-gradient(to bottom,#d21610 0,#a50b06 100%); } .ff_headerinfotext { float: right; width: auto; text-align: left; margin-top: 19px; } .ff_headerinfotext ul { padding-left: 5px; margin-left: 0; } .ff_headerinfotext li,.ff_headerinfotext p { list-style: none; font-size: 16px; color: #666; } .ff_headerinfotext p { display: inline; } .ff_headerinfotext li:before { content: "\e067"; font-family: "Glyphicons Halflings"; color: #febd17; margin-right: 7px; font-size: 1.2em; vertical-align: bottom; } @media only screen and (max-width:1000px) { .ff_headerinfotext { float: none; } .ff_headerinfotext li { display: inline-block; margin-right: 10px; } } @media only screen and (max-width:600px) { .ff_headerinfotext { display: none; } } .csslider1>.cs_play_pause>.cs_pause span::after { content: "\e073"!important; font-family: "Glyphicons Halflings"!important; font-size: 20px!important; opacity: .5!important; color: #fff!important; } .csslider1>.cs_play_pause>.cs_play span::after { content: "\e072"!important; font-family: "Glyphicons Halflings"!important; font-size: 20px!important; opacity: .5!important; color: #fff!important; } .csslider1>.cs_play_pause:hover>label,.csslider1>.cs_play_pause>label { background: 0 0!important; } .csslider1>.cs_play_pause { top: 20px!important; left: 20px!important; } .tab_container { width: 100%; margin: 30px auto 0 auto; padding-top: 0; position: relative; background: #f3f3f3; } .tab_container input,.tab_container section { clear: both; padding-top: 10px; display: none; } .tab_container label { font-weight: 700; font-size: 14px; float: left; width: auto; padding: 1.2em; color: #757575; cursor: pointer; text-decoration: none; text-align: center; white-space: nowrap; background: #f3f3f3; border-right: 1px solid #ddd; margin-bottom: 0; } .tab_container label { position: relative; top: 0; transition: all .25s; } .tab_container label:hover { top: -.25em; transition: all .25s; } #tab10:checked~#content10,#tab1:checked~#content1,#tab2:checked~#content2,#tab3:checked~#content3,#tab4:checked~#content4,#tab5:checked~#content5 { display: block; padding: 20px; background: #fff; color: #333; border-bottom: 2px solid #f0f0f0; width: auto; } .tab_container .tab-content>div { -webkit-animation: fadeInRight .7s ease-in-out; -moz-animation: fadeInRight .7s ease-in-out; animation: fadeInRight .7s ease-in-out; background: #fff; } .tab_container #tablabel1 { box-shadow: none; } .tab_container [id^=tab]:checked+label { background: #fff; box-shadow: inset 0 3px #0ce; } .tab_container [id^=tab]:checked+label i { color: #0ce; } .tab_container label i { font-size: 1.3em; margin: 0 .4em 0 0; } @media only screen and (max-width:930px) { .tab_container label span { font-size: 16px; } .tab_container label i { font-size: 14px; } } @media only screen and (max-width:468px) { .tab_container label { white-space: normal; } #tab10:checked~#content10,#tab1:checked~#content1,#tab2:checked~#content2,#tab3:checked~#content3,#tab4:checked~#content4,#tab5:checked~#content5 { padding: 0; } } @keyframes fadeInScale { 0% { transform: scale(.9); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .aclicktype .tab_container label { padding: 0!important; } .aclicktype .tab_container label a { display: block; padding: .8em 1em; color: #111; } .aclicktype .tab_container label a:hover { text-decoration: none; } @media only screen and (max-width:768px) { .aclicktype .tab_container label { padding-top: 0!important; padding-bottom: 0!important; } } .aclicktype .tab_container>div:target~#tablabel1 { box-shadow: none; } .aclicktype #tablabel1,.aclicktype #tabtarget10:target~#tablabel10,.aclicktype #tabtarget1:target~#tablabel1,.aclicktype #tabtarget2:target~#tablabel2,.aclicktype #tabtarget3:target~#tablabel3,.aclicktype #tabtarget4:target~#tablabel4,.aclicktype #tabtarget5:target~#tablabel5,.aclicktype #tabtarget6:target~#tablabel6 { box-shadow: inset 0 3px #febd17; } .aclicktype .tab_container>div:target~i.glyphicon { display: none; } .aclicktype #tablabel1 i.glyphicon,.aclicktype #tabtarget10:target~#tablabel10 i.glyphicon,.aclicktype #tabtarget1:target~#tablabel1 i.glyphicon,.aclicktype #tabtarget2:target~#tablabel2 i.glyphicon,.aclicktype #tabtarget3:target~#tablabel3 i.glyphicon,.aclicktype #tabtarget4:target~#tablabel4 i.glyphicon,.aclicktype #tabtarget5:target~#tablabel5 i.glyphicon,.aclicktype #tabtarget6:target~#tablabel6 i.glyphicon { display: initial; } .aclicktype .tab_container>div:target~#content1 { display: none; } .aclicktype #content1,.aclicktype #tabtarget10:target~#content10,.aclicktype #tabtarget1:target~#content1,.aclicktype #tabtarget2:target~#content2,.aclicktype #tabtarget3:target~#content3,.aclicktype #tabtarget4:target~#content4,.aclicktype #tabtarget5:target~#content5,.aclicktype #tabtarget6:target~#content6 { display: block; padding: 20px; background: #fff; color: #333; border-bottom: 2px solid #f0f0f0; width: auto; } @media only screen and (max-width:500px) { .aclicktype #content1 { padding: 0; } .aclicktype .tab_container section { display: block!important; padding-top: 1px; margin-bottom: 15px; } .aclicktype label.tabnavfade { display: none; } .aclicktype label.tabnavfade,.infotabs1-START.aclicktype .tab_container,.infotabs1-START.aclicktype .tab_container:hover { background: 0 0!important; } } #PAGE { width: 100%; max-width: 1150px; padding: 0 2% 10px 2%; margin: 0 auto; } h1,h2,h3,h4 { font-family: Raleway,sans-serif; font-weight: 400; } .powby { display: block; text-align: center; } .powby a { color: #bbb; } .powby a:hover { color: #888; } .header { margin-bottom: 0; } .logoarea { padding: 20px 20px 10px 20px; } .container { width: 100%; padding-left: 0; padding-right: 0; } .footer { background: #303030 url(https://s26.postimg.cc/6k1mo4tbd/dark_fish_skin.png) repeat scroll 0 0; margin: 60px auto 20px auto; padding: 20px 5vw; line-height: 1.7em; font-size: 13px; color: #fff; } .footer-col div { font-size: 13px; } .footer li,.footer p { color: #fff; } .footer a { color: #fff; } .footer-col { padding: 1.6em 2em; } .footer .footer-title { font-size: 17px; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 14px; margin-left: 0; border-bottom: 2px solid #febd17; color: #fff; font-weight: 400; } .footer .dashedbottom { border-bottom: 1px dashed #fff; padding-bottom: 2px; margin-bottom: 2px; } .footer .glyphicon { font-size: 1.4em; font-style: normal; margin-right: .5em; margin-left: -3px; } .footer-title .glyphicon { font-size: .9em; color: #febd17; margin-right: .3em; } .paymenttypes { padding: 15px 0; margin-top: 10px; background: rgba(0,0,0,0); border-radius: 5px; opacity: 1; } .paymenttypes img { box-shadow: none; max-width: 151px; width: 16%; padding: 0 15px; } @media only screen and (max-width:768px) { .paymenttypes img { max-width: 151px; width: auto; } } @media only screen and (max-width:450px) { .paymenttypes span { display: block; text-align: center; } } .ff_footercol2r1 ul,.ff_footercol3r1 ul,.pblock ul,.tp-productshort ul { margin-left: 0; padding-left: 0; } .ff_footercol2r1 ul>li,.ff_footercol3r1 ul>li,.pblock ul>li,.tp-productshort ul>li { list-style: none; margin-bottom: .2em; } .ff_footercol2r1 ul>li:before,.ff_footercol3r1 ul>li:before,.pblock ul>li:before,.tp-productshort ul>li:before { content: "\e080"; font-family: "Glyphicons Halflings"; margin-right: 7px; font-size: 1.1em; vertical-align: bottom; } .pblock i,.tp-productshort i { padding: 0 .2em .2em .2em; line-height: 1.6em; text-decoration: none; border-bottom: 1px solid #febd17; font-style: normal; } .tp-productshort i.glyphicon { border: none; padding: initial; line-height: initial; } .footer-title span { margin-right: .7em; } .the-buttons>li { float: left; height: 80px; padding: 10px; border: 1px solid #ddd; font-size: 12px; line-height: 1.25; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 -1px -1px 0; } .the-buttons { list-style: none; } .titlecolor { color: #22313c; } .button-color1,.buttonaddon .button-color1 { background-color: #fa5d27; background-image: linear-gradient(to bottom,#fa5d27 0,#d9400b 100%); border: none; } .buttonaddon a,.buttonaddon button { background-color: #fff; background-image: linear-gradient(to bottom,#fff 0,#f8f8fa 100%); border: 1px solid #dadae5; } .buttonaddon .input-group-addon { padding: 0 .5em; } .buttonaddon .glyphicon { color: #fff; font-size: 1.5em; } .width50 { width: 50%; float: left; } .pricecombo { background: #303030 url(https://s26.postimg.cc/6k1mo4tbd/dark_fish_skin.png) repeat scroll 0 0; box-sizing: border-box; padding: 20px 0; margin: 15px 0 0 0; } .pricecombo div[class*=col-] { padding-left: 12px; padding-right: 12px; } .pricecombo-left { text-align: right; font-family: Raleway,sans-serif; } .pricecombo-buttons { padding: 0!important; } .pricecombo-buttons>div { margin-left: 0; margin-right: 0; } .pricecombo .tp-price { margin: 0 0 7px 0; padding: 0; line-height: .9em; color: #fff; font-size: 38px; font-weight: 700; } .pricecombo .strikedprice { font-size: 24px; text-decoration: line-through; margin-left: .5em; color: #fff; } .pricecombo_addinfo { font-size: 14px; color: #fff; } .pricecombo_addinfo i { margin-right: 5px; color: #febd17; } .pricebutt_contact,.pricebutt_watchlist { text-decoration: none; } .pricebutt_contact:hover,.pricebutt_watchlist:hover { background: #fff; color: #000; text-decoration: none; } .tp-buttupper a { line-height: 2em; font-size: 18px; font-weight: 700; padding-left: 5px; padding-right: 5px; background: #febd17; border: none; } .tp-buttupper a:hover { background: #febd17; } .tp-buttupper .glyphicon { font-size: 1.1em; } .tp-buttlower { margin-top: 5px; } .tp-buttlower button { padding-left: 5px; padding-right: 5px; } .tp-buttlower a { width: 50%; margin: 0; } .tp-attributes { margin: 5px 0 10px 0; } .tp-attributes a,.tp-attributes>* { padding: .35em .6em; margin-right: 3px; text-decoration: none; color: #333; background: #fff; border: 1px solid #febd17; border-radius: 0; line-height: 2.1em; white-space: nowrap; } @media only screen and (max-width:768px) { .pricecombo { margin: 15px -15px 0 0; } .pricecombo div { text-align: center; } .pricecombo-buttons { margin-top: 20px; } .norightmargin { margin-right: 0; } } .tab_container { background: #ededed; } label.tabnavfade { border-top: 1px solid #ddd; } #menu,.tabnavfade,label.tabnavfade { background: #fff; background: linear-gradient(to bottom,#fff 0,#efefef 100%); } .tab_container label { font-family: Raleway,sans-serif; font-size: 18px; font-weight: 400; padding: .9em 1.1em; } .tab_container label i.glyphicon { display: none; margin-right: .5em; font-size: .8em; opacity: .5; } .tab_container [id^=tab]:checked+label i { display: inline; color: initial; opacity: .2; } @media only screen and (max-width:768px) { .tab_container label { width: 100%; } .tab_container label i { display: none!important; } } #menu #toggle-menu { background: 0 0!important; } #menu.inputclicktype ul { margin: 0; padding: 0; } #menu.inputclicktype .main-menu { display: none; } #tm:checked+.main-menu { display: block; } #menu.inputclicktype input[type=checkbox],#menu.inputclicktype ul span.drop-icon { display: none; } #menu.inputclicktype #toggle-menu,#menu.inputclicktype li { border-style: solid; border-color: rgba(0,0,0,.05); } #menu.inputclicktype #toggle-menu,#menu.inputclicktype li { border-width: 0 0 1px; } #menu.inputclicktype #toggle-menu,#menu.inputclicktype .menulink,#menu.inputclicktype li { position: relative; display: block; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,.125); } #menu.inputclicktype,#menu.inputclicktype #toggle-menu { background-color: #09c; } #menu.inputclicktype #toggle-menu,#menu.inputclicktype .menulink { padding: .5em 1.5em; } #menu.inputclicktype .menulink { transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; } #menu.inputclicktype .menulink:hover { color: #09c; } #menu.inputclicktype #toggle-menu .drop-icon,#menu.inputclicktype li label.drop-icon { position: absolute; right: .8em; top: .7em; } #menu.inputclicktype li label.drop-icon { right: .7em; top: .9em; } #menu.inputclicktype #toggle-menu span.drop-icon,#menu.inputclicktype label.drop-icon { border-radius: 50%; width: 1em; height: 1em; text-align: center; background-color: rgba(0,0,0,.125); text-shadow: 0 0 0 transparent; color: rgba(255,255,255,.75); } #menu.inputclicktype .drop-icon { line-height: 1; } @media only screen and (max-width:64em) and (min-width:52.01em) { #menu.inputclicktype li { width: 33.333%; } } @media only screen and (min-width:52em) { #menu.inputclicktype .main-menu { display: block; } #menu.inputclicktype #toggle-menu,#menu.inputclicktype label.drop-icon { display: none; } #menu.inputclicktype ul span.drop-icon { display: inline-block; } #menu.inputclicktype li { float: left; border-width: 0 1px 0 0; } } #menu.inputclicktype #toggle-menu { font-weight: 400; } #menu.inputclicktype,#menu.inputclicktype #toggle-menu { background-color: rgba(0,0,0,.04); color: #333; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; border-left: 0 solid #febd17; border-right: 0 solid #febd17; box-shadow: 2px 3px 5px rgba(0,0,0,.3); border-bottom: 1px solid #fff; margin-bottom: 20px; } @media only screen and (max-width:830px) { #menu.inputclicktype,#menu.inputclicktype #toggle-menu { margin-bottom: 5px!important; font-size: 17px; } } #menu.inputclicktype #toggle-menu li,#menu.inputclicktype li { font-family: Raleway,sans-serif; font-size: 18px; font-weight: 300; color: #333; } #menu.inputclicktype .main-menu>li>.menulink { color: #111; cursor: pointer; text-decoration: none; text-align: center; white-space: nowrap; border-right: 1px solid #ddd; margin-bottom: 0; padding: .7em 1.1em; } #menu.inputclicktype .main-menu>li>.menulink { position: relative; top: 0; transition: all .25s; } #menu.inputclicktype .main-menu>li>.menulink:hover { top: -.25em; transition: all .25s; } #menu.inputclicktype .main-menu>li>.menulink .glyphicon { margin-right: .4em; font-size: .9em; opacity: .3; } #menu.inputclicktype .main-menu>li>.menulink:hover .glyphicon { color: #febd17; opacity: .6; } #menu.aclicktype ul { margin: 0; padding: 0; } #menu.aclicktype .main-menu { display: none; } #menu.aclicktype #toggle-menu .drop-icon-x { display: none; font-size: 24px; } #menu.aclicktype #navheadtarget-x:target~.main-menu { display: none; } #menu.aclicktype ul span.drop-icon { display: none; } #menu.aclicktype #toggle-menu,#menu.aclicktype li { border-style: solid; border-color: rgba(0,0,0,.05); } #menu.aclicktype #toggle-menu,#menu.aclicktype li { border-width: 0 0 1px; } #menu.aclicktype #toggle-menu,#menu.aclicktype a,#menu.aclicktype li { position: relative; display: block; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,.125); } #menu.aclicktype,#menu.aclicktype #toggle-menu { background-color: #09c; } #menu.aclicktype #toggle-menu,#menu.aclicktype a { padding: .5em .1em .5em 1.5em; } #menu.aclicktype .menulink { transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; } #menu.aclicktype .menulink:hover { color: #333; } #menu.aclicktype #navheadtarget:target~.main-menu,#menu.aclicktype #tm:checked+.main-menu { display: block; } #menu.aclicktype #navheadtarget:target~#toggle-menu .drop-icon { display: none; } #menu.aclicktype #navheadtarget:target~#toggle-menu .drop-icon-x { display: block; } #menu.aclicktype .navtarget:target~.main-menu { display: block!important; } #menu.aclicktype .navtarget:target~#toggle-menu .drop-icon { display: none; } #menu.aclicktype .navtarget:target~#toggle-menu .drop-icon-x { display: block; } #menu.aclicktype #toggle-menu .drop-icon,#menu.aclicktype #toggle-menu .drop-icon-x,#menu.aclicktype li .drop-icon { position: absolute; right: 10px; top: .4em; padding: 0!important; } #menu.aclicktype li .drop-icon:hover { top: .4em!important; text-decoration: none; } #menu.aclicktype #toggle-menu span.drop-icon,#menu.aclicktype .main-menu .drop-icon { border-radius: 50%; width: 1em; height: 1em; text-align: center; background-color: rgba(0,0,0,.125); text-shadow: 0 0 0 transparent; color: rgba(255,255,255,.75); } #menu.aclicktype #toggle-menu .drop-icon { top: .1em; } #menu.aclicktype #toggle-menu .drop-icon-x { top: .3em; } #menu.aclicktype .drop-icon { line-height: 1; } @media only screen and (max-width:64em) and (min-width:52.01em) { #menu.aclicktype li { width: 33.333%; } } @media only screen and (min-width:52em) { #menu.aclicktype .main-menu { display: block; } #menu.aclicktype #toggle-menu,#menu.aclicktype label.drop-icon { display: none; } #menu.aclicktype ul span.drop-icon { display: inline-block; } #menu.aclicktype li { float: left; border-width: 0 1px 0 0; } #menu.aclicktype li .drop-icon { display: none; } #menu.aclicktype li span.drop-icon { position: relative; display: inline-block; background: 0 0!important; right: auto; top: auto; } } #menu.aclicktype,#menu.aclicktype #toggle-menu { background-color: rgba(0,0,0,.04); color: #333; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; border-left: 0 solid #febd17; border-right: 0 solid #febd17; box-shadow: 2px 3px 5px rgba(0,0,0,.3); border-bottom: 1px solid #fff; margin-bottom: 20px; } #menu.aclicktype #toggle-menu a { color: #333; text-shadow: inherit; padding: 0 .2em; font-weight: 400; font-weight: 400; } #menu.aclicktype #toggle-menu a:hover { text-decoration: none; } @media only screen and (max-width:830px) { #menu.aclicktype,#menu.aclicktype #toggle-menu { margin-bottom: 5px!important; font-size: 17px; } } #menu.aclicktype #toggle-menu li,#menu.aclicktype li { font-family: Raleway,sans-serif; font-size: 18px; font-weight: 300; color: #333; } #menu.aclicktype .main-menu>li>.menulink { color: #111; cursor: pointer; text-decoration: none; text-align: center; white-space: nowrap; border-right: 1px solid #ddd; margin-bottom: 0; padding: .7em 1.1em; } #menu.aclicktype .main-menu>li>.menulink { position: relative; top: 0; transition: all .25s; } #menu.aclicktype .main-menu>li>.menulink:hover { top: -.25em; transition: all .25s; } #menu.aclicktype .main-menu>li>.menulink .glyphicon { margin-right: .4em; font-size: .9em; opacity: .3; } #menu.aclicktype .main-menu>li>.menulink:hover .glyphicon { color: #febd17; opacity: .6; } * { box-sizing: border-box; } .islider { width: 100%; } .isliderbody { display: inline-block; position: relative; width: 100%; height: 34vw; max-height: 73vw; } @media only screen and (max-width:700px) { .isliderbody { height: 64vw; } } .islider label { float: left; margin: 0; padding: 0; line-height: 1em; } .islider img,.islidernav .islidethumb { border-radius: 4px; } .islide { position: absolute; width: 100%; height: 100%; opacity: 0; text-align: center; width: 99%; background: #fff; } .cmsmini .islide img,.islide img { max-width: 100%; max-height: 100%; max-height: 100%; box-shadow: none; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .cmsmini .islidernav img,.islidernav img { box-shadow: none; } .islide img { transition: all .25s ease-in-out; } .islide img:hover { transition: all .25s ease-in-out; opacity: .6; } .inputclicktype .islide img:hover { transition: none; opacity: 1; } .islide>div { color: #000; padding: 8px 0; position: absolute; left: 0; bottom: 16%; z-index: 10; overflow: hidden; height: auto; width: 80%; z-index: 10; background: rgba(255,255,255,.7); border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .islide>div>div { transform: translate(120%); -webkit-transform: translate(120%); z-index: 21; padding: 0; margin: 0; } .islide h1,.islide h2,.islide h3,.islide p { padding: 3px 0; margin: 0; } .islide,.islide>div,.islide>div>div { animation-timing-function: ease; animation-iteration-count: infinite; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite; } @media only screen and (max-width:550px) { .islider .islide>div { display: none; } } .islide,.islide>div,.islide>div>div,.islidenum1 .islide,.islidenum1 .islide>div,.islidenum1 .islide>div>div { animation-duration: 4s; -webkit-animation-duration: 4s; } .islidenum2 .islide,.islidenum2 .islide>div,.islidenum2 .islide>div>div { animation-duration: 8s; -webkit-animation-duration: 8s; } .islidenum3 .islide,.islidenum3 .islide>div,.islidenum3 .islide>div>div { animation-duration: 12s; -webkit-animation-duration: 12s; } .islidenum4 .islide,.islidenum4 .islide>div,.islidenum4 .islide>div>div { animation-duration: 16s; -webkit-animation-duration: 16s; } .islidenum5 .islide,.islidenum5 .islide>div,.islidenum5 .islide>div>div { animation-duration: 20s; -webkit-animation-duration: 20s; } .islidenum6 .islide,.islidenum6 .islide>div,.islidenum6 .islide>div>div { animation-duration: 24s; -webkit-animation-duration: 24s; } .islidenum7 .islide,.islidenum7 .islide>div,.islidenum7 .islide>div>div { animation-duration: 28s; -webkit-animation-duration: 80s; } .islidenum8 .islide,.islidenum8 .islide>div,.islidenum8 .islide>div>div { animation-duration: 32s; -webkit-animation-duration: 32s; } .islidenum9 .islide,.islidenum9 .islide>div,.islidenum9 .islide>div>div { animation-duration: 36s; -webkit-animation-duration: 36s; } .islidenum10 .islide,.islidenum10 .islide>div,.islidenum10 .islide>div>div { animation-duration: 40s; -webkit-animation-duration: 40s; } .islidenum11 .islide,.islidenum11 .islide>div,.islidenum11 .islide>div>div { animation-duration: 44s; -webkit-animation-duration: 44s; } .islidenum12 .islide,.islidenum12 .islide>div,.islidenum12 .islide>div>div { animation-duration: 48s; -webkit-animation-duration: 48s; } .islide { animation-name: islideranim1; -webkit-animation-name: islideranim1; } .islide>div { animation-name: islideranim_descbg1; -webkit-animation-name: islideranim_descbg1; } .islide>div>div { animation-name: islideranim_desctext1; -webkit-animation-name: islideranim_desctext1; } .islide:nth-child(1),.islide:nth-child(1)>div,.islide:nth-child(1)>div>div { animation-delay: 0s; -webkit-animation-delay: 0s; } .islide:nth-child(2),.islide:nth-child(2)>div,.islide:nth-child(2)>div>div { animation-delay: 4s; -webkit-animation-delay: 4s; } .islide:nth-child(3),.islide:nth-child(3)>div,.islide:nth-child(3)>div>div { animation-delay: 8s; -webkit-animation-delay: 8s; } .islide:nth-child(4),.islide:nth-child(4)>div,.islide:nth-child(4)>div>div { animation-delay: 12s; -webkit-animation-delay: 12s; } .islide:nth-child(5),.islide:nth-child(5)>div,.islide:nth-child(5)>div>div { animation-delay: 16s; -webkit-animation-delay: 16s; } .islide:nth-child(6),.islide:nth-child(6)>div,.islide:nth-child(6)>div>div { animation-delay: 20s; -webkit-animation-delay: 20s; } .islide:nth-child(7),.islide:nth-child(7)>div,.islide:nth-child(7)>div>div { animation-delay: 24s; -webkit-animation-delay: 24s; } .islide:nth-child(8),.islide:nth-child(8)>div,.islide:nth-child(8)>div>div { animation-delay: 28s; -webkit-animation-delay: 28s; } .islide:nth-child(9),.islide:nth-child(9)>div,.islide:nth-child(9)>div>div { animation-delay: 32s; -webkit-animation-delay: 32s; } .islide:nth-child(10),.islide:nth-child(10)>div,.islide:nth-child(10)>div>div { animation-delay: 36s; -webkit-animation-delay: 36s; } .islide:nth-child(11),.islide:nth-child(11)>div,.islide:nth-child(11)>div>div { animation-delay: 40s; -webkit-animation-delay: 40s; } .islide:nth-child(12),.islide:nth-child(12)>div,.islide:nth-child(12)>div>div { animation-delay: 44s; -webkit-animation-delay: 44s; } @keyframes islideranim1 { 0% { opacity: 0; z-index: 5; } 10% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 0; z-index: 1; } } @keyframes islideranim_descbg1 { 0%,5% { left: -100%; } 20%,7% { left: 0; } 100%,22% { left: -100%; } } @keyframes islideranim_desctext1 { 0%,6% { transform: translate(100%); -webkit-transform: translate(100%); } 22%,9% { transform: translate(0); -webkit-transform: translate(0); } 100%,24% { transform: translate(100%); -webkit-transform: translate(100%); } } @keyframes islideranim_descbg2 { 0%,5% { left: 100%; } 20%,7% { left: 0; } 100%,22% { left: 100%; } } @keyframes islideranim_desctext2 { 0%,6% { transform: translate(-100%); -webkit-transform: translate(-100%); } 22%,9% { transform: translate(0); -webkit-transform: translate(0); } 100%,24% { transform: translate(-100%); -webkit-transform: translate(-100%); } } .islidernav { position: relative; overflow: hidden; width: 100%; box-sizing: border-box; margin-top: 10px; } .islidernav .islidethumb { display: inline-block; margin: 0 1% 1% 0; text-align: center; vertical-align: top; height: auto; width: 19%; } .islidernav img { max-width: 100%; max-height: 100%; } .thumbsperrow1 .islidernav .islidethumb { width: 99%; height: 0; } .thumbsperrow2 .islidernav .islidethumb { width: 49%; height: 19vw; } .thumbsperrow3 .islidernav .islidethumb { width: 32.33%; height: 12vw; } .thumbsperrow4 .islidernav .islidethumb { width: 24%; height: 9vw; } .thumbsperrow5 .islidernav .islidethumb { width: 19%; height: 8vw; } .thumbsperrow6 .islidernav .islidethumb { width: 15.66%; height: 7vw; } .thumbsperrow7 .islidernav .islidethumb { width: 13.28%; height: 6vw; } .thumbsperrow8 .islidernav .islidethumb { width: 11.5%; height: 5vw; } .thumbsperrow9 .islidernav .islidethumb { width: 10.1%; height: 4vw; } .thumbsperrow10 .islidernav .islidethumb { width: 9%; height: 4vw; } .thumbsperrow11 .islidernav .islidethumb { width: 8.01%; height: 4vw; } .thumbsperrow12 .islidernav .islidethumb { width: 7.33%; height: 3vw; } @media only screen and (max-width:768px) { .thumbsperrow1 .islidernav .islidethumb { height: 0; } .thumbsperrow2 .islidernav .islidethumb { height: 39vw; } .thumbsperrow3 .islidernav .islidethumb { height: 23vw; } .thumbsperrow4 .islidernav .islidethumb { height: 17vw; } .thumbsperrow5 .islidernav .islidethumb { height: 15vw; } .thumbsperrow6 .islidernav .islidethumb { height: 13vw; } .thumbsperrow7 .islidernav .islidethumb { height: 11vw; } .thumbsperrow8 .islidernav .islidethumb { height: 9vw; } .thumbsperrow9 .islidernav .islidethumb { height: 8vw; } .thumbsperrow10 .islidernav .islidethumb { height: 7.5vw; } .thumbsperrow11 .islidernav .islidethumb { height: 7vw; } .thumbsperrow12 .islidernav .islidethumb { height: 6vw; } } .islider input { display: none; } .islider>.targetlabel:nth-child(1):checked~.isliderbody .islide:nth-child(1),.islider>.targetlabel:nth-child(1):target~.isliderbody .islide:nth-child(1),.islider>.targetlabel:nth-child(10):checked~.isliderbody .islide:nth-child(10),.islider>.targetlabel:nth-child(10):target~.isliderbody .islide:nth-child(10),.islider>.targetlabel:nth-child(11):checked~.isliderbody .islide:nth-child(11),.islider>.targetlabel:nth-child(11):target~.isliderbody .islide:nth-child(11),.islider>.targetlabel:nth-child(2):checked~.isliderbody .islide:nth-child(2),.islider>.targetlabel:nth-child(2):target~.isliderbody .islide:nth-child(2),.islider>.targetlabel:nth-child(3):checked~.isliderbody .islide:nth-child(3),.islider>.targetlabel:nth-child(3):target~.isliderbody .islide:nth-child(3),.islider>.targetlabel:nth-child(4):checked~.isliderbody .islide:nth-child(4),.islider>.targetlabel:nth-child(4):target~.isliderbody .islide:nth-child(4),.islider>.targetlabel:nth-child(5):checked~.isliderbody .islide:nth-child(5),.islider>.targetlabel:nth-child(5):target~.isliderbody .islide:nth-child(5),.islider>.targetlabel:nth-child(6):checked~.isliderbody .islide:nth-child(6),.islider>.targetlabel:nth-child(6):target~.isliderbody .islide:nth-child(6),.islider>.targetlabel:nth-child(7):checked~.isliderbody .islide:nth-child(7),.islider>.targetlabel:nth-child(7):target~.isliderbody .islide:nth-child(7),.islider>.targetlabel:nth-child(8):checked~.isliderbody .islide:nth-child(8),.islider>.targetlabel:nth-child(8):target~.isliderbody .islide:nth-child(8),.islider>.targetlabel:nth-child(9):checked~.isliderbody .islide:nth-child(9),.islider>.targetlabel:nth-child(9):target~.isliderbody .islide:nth-child(9) { z-index: 9; opacity: 1; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .islider .lightbox1a:target~.isliderbody .islide,.islider>.targetlabel:checked~.isliderbody .islide,.islider>.targetlabel:target~.isliderbody .islide { animation: none; -webkit-animation: none; } .islidermaximgheight1 .isliderbody { max-height: 100%; } .islidermaximgheight2 .isliderbody { max-height: 100%; } .islidermaximgheight3 .isliderbody { max-height: 100%; } .islidermaximgheight4 .isliderbody { max-height: 100%; } .islidermaximgheight5 .isliderbody { max-height: 2100%; } .islidermaximgheight6 .isliderbody { max-height: 100%; } .islidermaximgheight7 .isliderbody { max-height: 100%; } .islidermaximgheight8 .isliderbody { max-height: 100%; } .islidermaximgheight9 .isliderbody { max-height: 100%; } .islidermaximgheight10 .isliderbody { max-height: 100%; } .islidermaximgheight11 .isliderbody { max-height: 100%; } .islidermaximgheight12 .isliderbody { max-height: 100%; } @media only screen and (max-width:700px) { .islidermaximgheight1 .isliderbody { max-height: 100%; } .islidermaximgheight2 .isliderbody { max-height: 100%; } .islidermaximgheight3 .isliderbody { max-height: 100%; } .islidermaximgheight4 .isliderbody { max-height: 100%; } .islidermaximgheight5 .isliderbody { max-height: 100%; } .islidermaximgheight6 .isliderbody { max-height: 100%; } .islidermaximgheight7 .isliderbody { max-height: 100%; } .islidermaximgheight8 .isliderbody { max-height: 100%; } .islidermaximgheight9 .isliderbody { max-height: 100%; } .islidermaximgheight10 .isliderbody { max-height: 100%; } .islidermaximgheight11 .isliderbody { max-height: 100%; } .islidermaximgheight12 .isliderbody { max-height: 100%; } } @media only screen and (min-width:700px) { .islidermaximgheight8 .isliderbody { min-height: 100%; } } @media only screen and (max-width:500px) { .islidermaximgheight8 .isliderbody { min-height: 100%; } } .isliderbody { height: auto!important; } .islide { top: 0; } img.isliderimgheightener { width: auto; max-width: 99%; opacity: 0; box-shadow: none; } .thumbsperrow1 .islidernav .islidethumb { height: 0; } @media only screen and (max-width:320px) { .aclicktype.islider_navdotsXXX .islidethumb { width: 100%; height: auto; margin-bottom: 5px; margin-left: 5px; cursor: default; } .aclicktype.islider_navdotsXXX .isliderbody { height: 63vw; display: none; } } .tp-topslider .row { margin: 0; } .tp-topslider .islide { width: 100%; } .tp-topslider .islidernav { display: none; } .tp-topslider .islide img { width: 100%; } .lightbox1a { visibility: hidden; opacity: 0; position: fixed; overflow: hidden; z-index: 9999; width: 100%; height: 100%; transition: all .5s ease-in-out; text-align: center; top: 0; left: 0; background: rgba(0,0,0,.8); } .lightbox1a img { max-width: 90%; max-height: 80%; margin-top: 2%; } .lightbox1a:target { outline: 0; visibility: visible; opacity: 1; transition: opacity .5s ease-in-out; } .productinfo1-START { margin-top: calc(5px + 2vw); } @media only screen and (max-width:768px) { .productinfo1-START { margin-top: 0; } } .productslider.csslider1 { height: auto; max-height: margin-bottom:50px; text-align: center; } .productslider.csslider1 img { border-radius: 4px; } .productslider.csslider1>ul { max-height: 450px; height: 450px; height: calc(200px + 20vw); } @media only screen and (max-width:768px) { .productslider.csslider1>ul { max-height: 450px; } } @media only screen and (max-width:460px) { .productslider.csslider1>ul { max-height: 250px; } } .productslider.csslider1 img { box-shadow: none; max-height: 500px; width: auto; max-width: 100%; } @media only screen and (min-width:768px) { .tp-productgal1.col-lg-7 { width: 56%; } .tp-productshort.col-lg-5 { width: 44%; } } .tp-productgal1 { padding-right: 40px; } @media only screen and (max-width:1000px) { .tp-productgal1 { padding-right: initial; } } .infotabs1-START { margin-bottom: 40px; } .infotabs1-START .tab_container [id^=tab]:checked+label { background: #fff; box-shadow: inset 0 3px #febd17; } .pblock { padding: 0 10px; } .contentbg { background-color: #febd17; color: #fff; padding: 30px 30px; } .contentbg b { background-color: #fff; color: #febd17; padding: 1px 5px; margin-right: 4px; margin-bottom: 1px; border: 1px solid rgba(255,255,255,.5); border-radius: 4px; box-shadow: 3px 3px 3px transparent; line-height: 1.4em; } #PAGE .contentbg h3 { color: #fff; } .pblock { padding: 0 10px; } .contentbg { background-color: #febd17; color: #fff; padding: 30px 30px; } .contentbg b { background-color: #fff; color: #febd17; padding: 1px 5px; margin-right: 4px; margin-bottom: 1px; border: 1px solid rgba(255,255,255,.5); border-radius: 4px; box-shadow: 3px 3px 3px transparent; line-height: 1.4em; } #PAGE .contentbg h3 { color: #fff; } .pblock { padding: 0 10px; } .contentbg { background-color: #febd17; color: #fff; padding: 30px 30px; } .contentbg b { background-color: #fff; color: #febd17; padding: 1px 5px; margin-right: 4px; margin-bottom: 1px; border: 1px solid rgba(255,255,255,.5); border-radius: 4px; box-shadow: 3px 3px 3px transparent; line-height: 1.4em; } #PAGE .contentbg h3 { color: #fff; } .pblock { padding: 0 10px; } .contentbg { background-color: #febd17; color: #fff; padding: 30px 30px; } .contentbg b { background-color: #fff; color: #febd17; padding: 1px 5px; margin-right: 4px; margin-bottom: 1px; border: 1px solid rgba(255,255,255,.5); border-radius: 4px; box-shadow: 3px 3px 3px transparent; line-height: 1.4em; } #PAGE .contentbg h3 { color: #fff; } .pblock { padding: 0 10px; } .contentbg { background-color: #febd17; color: #fff; padding: 30px 30px; } .contentbg b { background-color: #fff; color: #febd17; padding: 1px 5px; margin-right: 4px; margin-bottom: 1px; border: 1px solid rgba(255,255,255,.5); border-radius: 4px; box-shadow: 3px 3px 3px transparent; line-height: 1.4em; } #PAGE .contentbg h3 { color: #fff; } .pblock { padding: 0 10px; } .contentbg { background-color: #febd17; color: #fff; padding: 30px 30px; } .contentbg b { background-color: #fff; color: #febd17; padding: 1px 5px; margin-right: 4px; margin-bottom: 1px; border: 1px solid rgba(255,255,255,.5); border-radius: 4px; box-shadow: 3px 3px 3px transparent; line-height: 1.4em; } #PAGE .contentbg h3 { color: #fff; } .box>.icon { text-align: center; position: relative; } .box>.icon>.image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid #fff; line-height: 88px; border-radius: 50%; background: #febd17; vertical-align: middle; } .box>.icon>.image>i { font-size: 36px!important; color: #fff!important; line-height: 70px; } .box>.icon:hover>.image>i { color: #fff!important; } .box>.icon>.info { min-height: 200px; margin-top: -24px; background: rgba(0,0,0,.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; } @media only screen and (max-width:768px) { .box>.icon>.info { min-height: 0!important; } } .box>.icon:hover>.info { background: rgba(0,0,0,.04); border-color: #e0e0e0; color: #666; } #PAGE .box>.icon>.info>h3 { font-family: Roboto,sans-serif!important; font-size: 19px; color: #222; margin-top: 25px; margin-bottom: 15px; } .box>.icon>.info>div,.box>.icon>.info>p { color: #666; line-height: 1.5em; margin: 20px; } #PAGE .box>.icon:hover>.info>h3,.box>.icon:hover>.info>p { color: #666; } .box .space { height: 30px; } .infoboxes1-START .box>.icon>.info { min-height: 250px; } @media only screen and (max-width:990px) { .box>.icon>.info { min-height: 167px; } } .pblock { padding: 0 10px; } .contentbg { background-color: #febd17; color: #fff; padding: 30px 30px; } .contentbg b { background-color: #fff; color: #febd17; padding: 1px 5px; margin-right: 4px; margin-bottom: 1px; border: 1px solid rgba(255,255,255,.5); border-radius: 4px; box-shadow: 3px 3px 3px transparent; line-height: 1.4em; } #PAGE .contentbg h3 { color: #fff; } .testimonials_wrapper { margin-bottom: 60px; display: none; } .testimonials_block { width: auto; margin: 0 auto; background: rgba(0,0,0,.04); box-sizing: border-box; } .testimonials_block>.testim-padding { display: block; padding: 4%; text-decoration: none; } .testimonials_block>.testim-padding::after { content: ''; display: table; clear: both; } .testimonials_block .ban_img { position: relative; overflow: hidden; float: left; width: 171px; height: 171px; margin: 0 35px 0 0; border-radius: 50%; } .testimonials_block .ban_img span { width: 100%; height: 100%; background: rgba(255,255,255,.1); position: absolute; top: 0; left: 0; border-radius: 50%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; transform: scale(0,0); -webkit-transform: scale(0,0); } .testimonials_block .ban_img img { max-width: 100%; } .testimonials_block .ban_holder { overflow: hidden; } .testimonials_block .ban_holder p { position: relative; font-family: "PT Serif",sans-serif; font-size: 20px; font-weight: 400; text-transform: none; color: #282828; padding: 72px 0 0 0; margin-bottom: 13px; } .testimonials_block .ban_holder strong { font-family: "PT Serif",sans-serif; font-size: 16px; font-weight: 400; text-transform: none; font-style: italic; color: #fe9b4b; } .doublequotes { float: left; margin-right: 20px; font-family: serif; font-size: 160px; color: #febd17; line-height: .8; } .doublequotes span { margin: -10px; } .testimonials_block .ban_holder p { padding: 25px 0 0 90px; } .testimonials_block br { margin-bottom: 10px; } .testimonials .testimonials_block { margin-bottom: 25px; } @media only screen and (max-width:450px) { .doublequotes { float: none; } .testimonials_block .ban_holder p { margin-top: -75px; padding-left: 20px; } } .snip1423 { position: relative; float: left; margin: 20px 1%; min-width: 230px; width: 100%; background: #fff; text-align: center; box-shadow: 0 0 5px rgba(0,0,0,.15); font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; padding: 0; } .snip1423 * { -webkit-box-sizing: padding-box; box-sizing: padding-box; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .snip1423 img { width: 100%; max-width: 100%; vertical-align: top; position: relative; } .snip1423 figcaption { padding: 20px 15px 40px 15px; color: initial; min-height: 250px; } .snip1423 h4,.snip1423 p { margin: 0; } .snip1423 h4 { font-size: 1.3em; font-weight: 400; margin-bottom: 5px; text-transform: normal; } .snip1423 p { font-size: .9em; letter-spacing: 1px; font-weight: 300; color: #777; } .snip1423 .price { font-weight: 500; font-size: 1.4em; line-height: 48px; letter-spacing: 1px; } .snip1423 .price s { margin-right: 5px; opacity: .5; font-size: .7em; } .snip1423 i { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%,50%); transform: translate(-50%,50%); text-align: center; border-radius: 50%; background-color: #febd17; color: #fff; font-size: 1.6em; border: 4px solid #fff; box-sizing: border-box; top: auto; font-size: 24px; padding: .7em; } .snip1423 a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .snip1423.hover,.snip1423:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } #PAGE .snip1423.hover i,#PAGE .snip1423:hover i { background-color: #2980b9; } .snip1423 figcaption { min-height: 210px; } @media only screen and (max-width:990px) { .snip1423 figcaption { min-height: 140px; } } #tablabel1,#tabtarget10:target~#tablabel10,#tabtarget1:target~#tablabel1,#tabtarget2:target~#tablabel2,#tabtarget3:target~#tablabel3,#tabtarget4:target~#tablabel4,#tabtarget5:target~#tablabel5,#tabtarget6:target~#tablabel6 { box-shadow: inset 0 3px #febd17; } #PAGE .color1,#PAGE .color1hover:hover i,#PAGE .contentbg b,#PAGE .ff_headerinfotext li::before { color: #febd17!important; } #PAGE .color1bg,#PAGE .contentbg { background-color: #febd17; } #PAGE .color1border { border-color: #febd17; } #PAGE .footer-title { border-bottom-color: #febd17; } #PAGE .pblock i { border-bottom: 1px solid #febd17; } #PAGE h3 { color: #febd17; } #PAGE .pricebutt_buyitnow { background: linear-gradient(to bottom,#febd17 0,#febd17 100%) repeat scroll 0 0; padding-top: 7px; padding-bottom: 7px; } #PAGE .pricebutt_buyitnow:hover { background: #828b7d; } #PAGE .snip1423:hover i { background-color: #828b7d; } #PAGE #menu,#PAGE .tabnavfade { border-radius: 6px; background: linear-gradient(to bottom,#c2d1bb 0,#828b7d 100%) repeat scroll 0 0; } #PAGE #menu .tabnavfade:hover { background: linear-gradient(to bottom,#828b7d 0,#c2d1bb 100%) repeat scroll 0 0; } #PAGE #menu .color1hover:hover i { color: #fff!important; } #PAGE #menu li,#PAGE label.tabnavfade { line-height: 1em; } #PAGE #menu .main-menu>li>a { color: #fff; padding-top: .7em; padding-bottom: .7em; } #PAGE label.tabnavfade { padding-top: .8em; padding-bottom: .8em; font-weight: 400; font-size: 17px; color: #111; border-right: 1px solid #fff; } #PAGE .infotabs1-START .tab_container,#PAGE .infotabs1-START .tab_container:hover,#PAGE label.tabnavfade { background: #f5f5f5; background: linear-gradient(to bottom,#fbfbfb 0,#ddd 100px) repeat scroll 0 0; } #PAGE #menu,#PAGE #toggle-menu { color: #333; border-width: 1px 0; border-style: solid; border-color: #ddd #febd17 #fff; box-shadow: 2px 3px 5px rgba(0,0,0,.1); margin-bottom: 20px; background-color: #fff; } #PAGE h1:after { content: ""; display: block; width: 70px; height: 15px; left: 0; bottom: 0; border-bottom: 3px solid #febd17; } #PAGE h1 { font-weight: 700; font-size: 27px; letter-spacing: -1px; } #PAGE .tp-productshort>hr.trans { display: none; } #PAGE .tp-attributes .color1border { border: 1px dashed #888; margin-right: 10px; padding: .5em .6em; } #PAGE .ff_headerinfotext li:before { content: "\e006"; font-size: .8em; } #PAGE .testimonials_block p>span { font-size: 18px; font-weight: 300; color: #555; } #PAGE .box>.icon>.info,#PAGE .box>.icon>.info:hover { background: rgba(0,0,0,.03); } #PAGE .testimonials_block { background: rgba(0,0,0,.04); } #menu #toggle-menu { color: #fff!important; }

Related: See More


Questions / Comments: