"gal"
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 ----------> <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 islidermaximgheight12 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://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/1.png"> </a><a href="#_" class="lightbox1a" id="lb_img2"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/2.png"> </a><a href="#_" class="lightbox1a" id="lb_img3"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/3.png"> </a><a href="#_" class="lightbox1a" id="lb_img4"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/4.png"> </a><a href="#_" class="lightbox1a" id="lb_img5"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/5.png"> </a><a href="#_" class="lightbox1a" id="lb_img6"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/6.png"> </a><a href="#_" class="lightbox1a" id="lb_img7"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/1.png"> </a><a href="#_" class="lightbox1a" id="lb_img8"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/2.png"> </a><a href="#_" class="lightbox1a" id="lb_img9"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/3.png"> </a><a href="#_" class="lightbox1a" id="lb_img10"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/4.png"> </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://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/1.png" alt=""> </a> </div> <div class="islide"> <a href="#lb_img2"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/2.png" alt=""> </a> </div> <div class="islide"> <a href="#lb_img3"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/3.png" alt=""> </a> </div> <div class="islide"> <a href="#lb_img4"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/4.png" alt=""> </a> </div> <div class="islide"> <a href="#lb_img5"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/5.png" alt=""> </a> </div> <div class="islide"> <a href="#lb_img6"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/6.png" alt=""> </a> </div> <div class="islide"> <a href="#lb_img7"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/1.png" alt=""> </a> </div> <div class="islide"> <a href="#lb_img8"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/2.png" alt=""> </a> </div> <div class="islide"> <a href="#lb_img9"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/3.png" alt=""> </a> </div> <div class="islide"> <a href="#lb_img10"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/4.png" alt=""> </a> </div> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/1.png" 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://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/1.png" alt=""> </a><a class="islidethumb aclicktype" href="#islide2__1" style="background-image:url('');"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/2.png" alt=""> </a><a class="islidethumb aclicktype" href="#islide3__1" style="background-image:url('');"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/3.png" alt=""> </a><a class="islidethumb aclicktype" href="#islide4__1" style="background-image:url('');"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/4.png" alt=""> </a><a class="islidethumb aclicktype" href="#islide5__1" style="background-image:url('');"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/5.png" alt=""> </a><a class="islidethumb aclicktype" href="#islide6__1" style="background-image:url('');"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/6.png" alt=""> </a><a class="islidethumb aclicktype" href="#islide7__1" style="background-image:url('');"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/1.png" alt=""> </a><a class="islidethumb aclicktype" href="#islide8__1" style="background-image:url('');"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/2.png" alt=""> </a><a class="islidethumb aclicktype" href="#islide9__1" style="background-image:url('');"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/3.png" alt=""> </a><a class="islidethumb aclicktype" href="#islide10__1" style="background-image:url('');"> <img src="https://res.cloudinary.com/dpbb3ehlm/image/upload/v1530086729/temp/4.png" alt=""> </a> </div> </div> </div> <!-- end slider--> </div>
@charset "UTF-8";html,body,p,li{ color:#666666;font-family:Arial;font-size:14px;line-height:1.4em;} div,td,th{ font-family:Arial;font-size:14px;line-height:1.4em;} a,a:active,a:focus{ outline:0;} .snippet{ text-align:left;} .mobileshortdesc{ display:none;} .container{ width:100%;} .row{ margin-right:0;} .parallex-t,.parallex-c,.parallex-s{ background-size:cover;background-position:top;background-attachment:fixed;background-repeat:no-repeat;min-height:100px;} .parallex-c{ background-position:center;} .parallex-t{ background-attachment:scroll;} .cms-title,h1.cms-title,h2.cms-title,h1{ margin:0.3em 0;padding:0;border:0;font-size:33px;font-weight:700;font-family:"Roboto",Arial;} .cms-subtitle,h2.cms-subtitle,h3.cms-subtitle{ margin:0.8em 0;padding:0;font-size:1.3em;font-style:normal;} .cms-desc{ margin:1em 0;} .cmsblock{ clear:both;overflow:hidden;margin-bottom:50px;} .cmsblock.textwhite,.cmsblock.textwhite .cms-title,.cmsblock.textwhite .cms-subtitle,.cmsblock.textwhite .cms-desc{ color:#fefefe;} .cms-col{ display:inline-block;vertical-align:middle;} .cmsmini .paddings{ padding:18px 18px;} .cmsmini .paddings2x{ padding:36px 36px;} .cmsmini .center{ text-align:center;} .cmsmini .border1{ border:1px solid rgba(0,0,0,0.2);} .cmsmini .border2{ border:6px solid rgba(0,0,0,0.2);} .cmsmini img{ max-width:100%;height:auto;box-shadow:6px 6px 8px rgba(0,0,0,0.1);} #editor img{ max-width:100%;} .cmsmini .pblock img{ box-shadow:none;} .pblock .imglast{ padding-right:0;} .pblock .img-responsive{ margin-left:auto;margin-right:auto;} .nopaddingleftright{ padding-left:0;padding-right:0;} .noshadow,.logoimg{ box-shadow:none!important;} .imgleft,.imgright,.iconleft{ width:33.33%;border:0;} .imgleft,.iconleft{ float:left;margin:0px 30px 10px 0px;} .imgright{ float:right;margin:0px 0px 10px 30px;} .img-responsive{ border-radius:0.4em;} .imgr{ margin-bottom:15px;} .imgb,.imgr{ margin-left:auto;margin-right:auto;} .imggroup span{ display:inline-block;float:none;vertical-align:middle;padding-left:0;padding-right:20px;padding-top:20px;margin-right:-4px;cursor:default;} .cms-iconbig{ font-size:calc(45px + 3.3vw);} .coolshadow1{ box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);} .coolshadow2{ position:relative;} .coolshadow2:before,.coolshadow2:after{ z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;background:#777;-webkit-box-shadow:0 15px 10px #777;-moz-box-shadow:0 15px 10px #777;box-shadow:0 15px 10px #777;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg);} .coolshadow2:after{ -webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);right:10px;left:auto;} .coolshadow5{ position:relative;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;} .coolshadow5:before,.coolshadow5:after{ z-index:-1;position:absolute;content:"";bottom:25px;left:10px;width:50%;top:80%;max-width:300px;background:#777;-webkit-box-shadow:0 35px 20px #777;-moz-box-shadow:0 35px 20px #777;box-shadow:0 35px 20px #777;-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg);-o-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg);} .coolshadow5:after{ -webkit-transform:rotate(8deg);-moz-transform:rotate(8deg);-o-transform:rotate(8deg);-ms-transform:rotate(8deg);transform:rotate(8deg);right:10px;left:auto;} .coolshadow6{ position:relative;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;} .coolshadow6:before,.coolshadow6:after{ content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);top:50%;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px;} .coolshadow6:after{ right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);} .round{ border-radius:1.5em;} .roundsm{ border-radius:0.4em;} .roundtop{ border-radius:12px 12px 0px 0px;} .rounded1{ border-radius:8px;} .rounded2{ border-radius:17px;} .roundedfull{ border-radius:999em;} .pricecents{ vertical-align:0.7em;font-size:60%;} .pricesmall{ font-size:70%;} hr.nice1,hr.nice2,hr.white,hr.black,hr.trans{ border:0;height:1px;margin:10px 0;} hr.nice1{ background:#333;background-image:linear-gradient(to right,#ccc,#333,#ccc);} hr.nice2{ background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));} hr.white{ background:#fff;} hr.black{ background:#000;} hr.trans{ background:rgba(0,0,0,0.2);} .cmsmini .wid-1{ width:8.33%;} .cmsmini .wid-2{ width:16.66%;} .cmsmini .wid-3{ width:25%;} .cmsmini .wid-4{ width:33.33%;} .cmsmini .wid-5{ width:41.66%;} .cmsmini .wid-6{ width:50%;} .cmsmini .wid-7{ width:58.33%;} .cmsmini .wid-8{ width:66.66%;} .cmsmini .wid-9{ width:75%;} .cmsmini .wid-10{ width:83.33%;} .cmsmini .wid-11{ width:91.66%;} .cmsmini .wid-12{ width:100%;} @media only screen and (max-width:368px){ .cmsmini .wid-1,.cmsmini .wid-2,.cmsmini .wid-3,.cmsmini .wid-4,.cmsmini .wid-5,.cmsmini .wid-6,.cmsmini .wid-7,.cmsmini .wid-8,.cmsmini .wid-9,.cmsmini .wid-10,.cmsmini .wid-11,.cmsmini .wid-12{ width:100%;display:block;} } #PAGE h1,#pagex .editorbindlater h1{ font-size:26px;margin:15px 0;font-weight:500;} #PAGE h2,#pagex .editorbindlater h2{ font-size:24px;margin:15px 0;font-weight:normal;} #PAGE h3,#pagex .editorbindlater h3{ font-size:18px;margin:15px 0;font-weight:normal;color:#FE9848;} #PAGE h4,#pagex .editorbindlater h4{ font-size:20px;margin:15px 0;font-weight:normal;} h1.tp-producttitle{ margin-top:0;font-size:27px;font-family:"Roboto",Arial;font-weight:500;} .hrheadline{ width:100%;text-align:center;border-bottom:1px solid rgba(0,0,0,0.2);line-height:0.1em;margin:70px 0 50px 0;font-size:28px;font-family:"Roboto",Arial;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::before,.puttriangle::after{ 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;} .lbimg{ cursor:pointer;} .lightbox1a{ visibility:hidden;opacity:0;position:fixed;overflow:hidden;z-index:9999;width:100%;height:100%;transition:all 0.5s ease-in-out;text-align:center;top:0;left:0;background:rgba(0,0,0,0.8);} .lightbox1a img{ max-width:90%;max-height:80%!important;margin-top:2%;} .lightbox1a:target{ outline:none;visibility:visible;opacity:1;transition:opacity 0.5s ease-in-out;} @media only screen and (max-width:700px){} .lightbox1a.lbtextdiv{ left:0;right:0;margin:0 auto;overflow:hidden;} .lightbox1a.lbtextdiv:target>div{ max-width:800px;margin:20px auto;padding:15px;text-align:left;background:#fff;color:black;overflow:hidden;} .myjslightbox{ visibility:visible;opacity:1;position:fixed;overflow:hidden;z-index:9999;width:100%;height:100%;transition:all 0.5s ease-in-out;text-align:center;top:0;left:0;background:rgba(0,0,0,0.8);} .myjslightbox img{ max-width:90%;max-height:80%;margin-top:2%;} .myjslightbox.hidden{ outline:none;visibility:hidden;opacity:0;transition:opacity 0.5s ease-in-out;} .imgr,.imgl{ cursor:default;} .contentbg,.contentbg p,.contentbg li{ color:#fff;} .pblock.contentbg a{ color:rgba(255,255,255,0.9);font-weight:bold;text-decoration:underline;} .textimgl-START .contentbg{ margin:40px 0;} .textimgl-START .container-fluid{ padding-left:0;padding-right:0;} .infotabs1-START .contentbg{ margin:10px 0;} .infotabs1-START .tab_container,.infotabs1-START .tab_container:hover{ background:linear-gradient(to bottom,#ffffff 0%,#dddddd 100px);} .textimgl-START>.pblock>.row{ margin-right:0;margin-left:0;} .textimgl-START>.pblock>.row>.colright{ padding-left:0;padding-right: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;} .logoarea.logoareafullwidth{ padding-left:0;padding-right:0;padding-bottom:0;} .logoarea.logoareafullwidth>div:first-child{ padding-right:0;margin-bottom:0;} .logoarea.logoareafullwidth .logoimg{ margin:0 auto;} .link2ad,.link2ad img{ cursor:pointer;} .link2ad:hover{ opacity:0.8;} .link2ad img{ -webkit-box-shadow:3px 7px 52px -26px rgba(0,0,0,0.74);-moz-box-shadow:3px 7px 52px -26px rgba(0,0,0,0.74);box-shadow:3px 7px 52px -26px rgba(0,0,0,0.74)!important;} .tp-productshort .container-fluid{ padding-left:0;padding-right:0;} .igradient1,.buttonfade1,.tabnavfade,label.tabnavfade{ background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0%,#dddddd 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#dddddd));background:-webkit-linear-gradient(top,#ffffff 0%,#dddddd 100%);background:-o-linear-gradient(top,#ffffff 0%,#dddddd 100%);background:-ms-linear-gradient(top,#ffffff 0%,#dddddd 100%);background:linear-gradient(to bottom,#ffffff 0%,#dddddd 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#dddddd',GradientType=0 );} .igradient1inv,.buttonfade1:hover,.tabnavfade:hover,label.tabnavfade:hover{ background:#dddddd;background:-moz-linear-gradient(top,#dddddd 0%,#ffffff 100%);background:-webkit-linear-gradient(top,#dddddd 0%,#ffffff 100%);background:linear-gradient(to bottom,#dddddd 0%,#ffffff 100%);} .igradient1b{ background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0%,#f2f2f2 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#f2f2f2));background:-webkit-linear-gradient(top,#ffffff 0%,#f2f2f2 100%);background:-o-linear-gradient(top,#ffffff 0%,#f2f2f2 100%);background:-ms-linear-gradient(top,#ffffff 0%,#f2f2f2 100%);background:linear-gradient(to bottom,#ffffff 0%,#f2f2f2 100%);} .igradient1binv{ background:#f2f2f2;background:-moz-linear-gradient(top,#f2f2f2 0%,#ffffff 100%);background:-webkit-linear-gradient(top,#f2f2f2 0%,#ffffff 100%);background:linear-gradient(to bottom,#f2f2f2 0%,#ffffff 100%);} .igradient1_red,.buttonfade1_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%);} .igradient1inv_red,.buttonfade1_red:hover{ color:#fff;background:#A50B06;background:-moz-linear-gradient(top,#A50B06 0%,#d21610 100%);background:-webkit-linear-gradient(top,#A50B06 0%,#d21610 100%);background:linear-gradient(to bottom,#A50B06 0%,#d21610 100%);} .buttonfade1,.buttonfade1_red{ margin:10px auto;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:1.2em;font-weight:400;line-height:1.3em;margin-bottom:0;padding:9px 15px;text-align:center;vertical-align:middle;white-space:nowrap;outline:0;} .ff_headerinfotext{ float:right;width:auto;text-align:left;margin-top:19px;} #pagex .ff_headerinfotext{ float:none;} .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:#FE9848;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;} } .colorexamples1 div,.colorexamples1 a{ display:inline-block;width:34px;height:20px;} .colorexamples1 a:hover{ outline:2px solid #aaa;} .cexbg1{ background:#FE9848;} .cexbg2{ background:#e12e2e;} .cexbg3{ background:#e00c6d;} .cexbg4{ background:#fa9eaa;} .cexbg5{ background:#aae054;} .cexbg6{ background:#3d9970;} .cexbg7{ background:#13a9a2;} .cexbg8{ background:#4AB2D0;} .cexbg9{ background:#386d9e;} .cexbg10{ background:#0d3d6b;} .cexbg11{ background:#075e70;} .cexbg12{ background:#4d4e50;} .cexbg13{ background:#dccd9f;} .cexbg14{ background:#a2ae9c;} .yvideo{ max-width:480px;min-height:120px;margin:.5em auto;font-family:arial;text-align:center;position:relative;overflow:hidden;background-color:#555;} .yvideo img{ display:block;max-width:100%;border:0;margin:0 auto;} .yvideo a::after{ content:"\A0\25BA";position:absolute;width:60px;height:50px;left:0;top:0;right:0;bottom:0;margin:auto;border:0;border-radius:10px;color:white;background:rgba(0,0,0,.6);font-size:24px;line-height:50px;cursor:pointer;} .yvideo a:hover::after{ background:#CC181E;} .yvideo p{ position:absolute;margin:0;color:white;background-color:rgba(0,0,0,.5);} .yvideo .yvideo_header{ font-size:16px;width:100%;height:28px;line-height:28px;text-align:left;top:0;left:0;padding-left:10px;overflow:hidden;} .yvideo .yvideo_footer{ font-size:11px;width:100%;bottom:0;left:0;padding:5px;} .csslider1>.cs_bullets>label>.cs_thumb>img{ max-width:100px!important;} .csslider1>.cs_play_pause>.cs_pause span::after{ content:"\e073"!important;font-family:"Glyphicons Halflings"!important;font-size:20px!important;opacity:0.5!important;color:white!important;} .csslider1>.cs_play_pause>.cs_play span::after{ content:"\e072"!important;font-family:"Glyphicons Halflings"!important;font-size:20px!important;opacity:0.5!important;color:white!important;} .csslider1>.cs_play_pause>label,.csslider1>.cs_play_pause:hover>label{ background:none!important;} .csslider1>.cs_play_pause{ top:20px!important;left:20px!important;} .imageboxes{ width:100%;box-sizing:border-box;} .intextimagebox{ float:left;min-width:150px;width:25%;text-align:left;} .intextimagebox>.ibwrapper{ margin:0 7px 24px 7px;background:#fafafa;border:1px solid #eee;overflow:hidden;} .intextimagebox>.ibwrapper.ibimgleft .ibbody,.intextimagebox>.ibwrapper.ibimgleft .ibimg{ float:left;width:50%;} .intextimagebox>.ibwrapper.ibimgright .ibimg{ float:right;width:50%;} .intextimagebox>.ibwrapper.textcenter{ text-align:center!important;} .intextimagebox>.ibwrapper.ibnobg{ background:none;border:none;} .intextimagebox>.ibwrapper:hover{ border:1px solid #bbb;} .intextimagebox>.ibwrapper.ibnohover:hover,.intextimagebox>.ibwrapper.ibnohover{ border:none;} .ibwrapper>a{ color:#777;} .ibwrapper>a:hover{ text-decoration:none;} .intextimagebox .ibimg{ max-width:100%;border-radius:4px;} .intextimagebox .ibbody{ color:#777;padding:10px;} .intextimagebox .ibtitle{ color:#444;font-size:16px;margin:10px 0 15px 0;font-weight:normal;} .intextimagebox .ibdesc{ font-weight:300;font-size:1em;font-family:Arial;} .intextimagebox .ibprice{ font-weight:500;font-size:1.4em;} @media only screen and (max-width:768px){ .intextimagebox{ width:50%;} } @media only screen and (max-width:500px){ .intextimagebox{ width:100%!important;} .intextimagebox>.ibwrapper{ margin-left:0;margin-right:0;} .intextimagebox>.ibwrapper.ibimgleft .ibbody,.intextimagebox>.ibwrapper.ibimgleft .ibimg,.intextimagebox>.ibwrapper.ibimgright .ibbody,.intextimagebox>.ibwrapper.ibimgright .ibimg{ float:none;width:initial!important;max-width:100%;} } @media only screen and (max-width:468px){ video{ max-width:100%!important;} } #PAGE .titleaboveslider{ margin-bottom:0;margin-left:10px;font-size:25px;} #PAGE .titleaboveslider~.productinfo1-START{ margin-top:10px;} @media only screen and (max-width:500px){ #PAGE .titleaboveslider{ display:none;} #PAGE .titleaboveslider~.productinfo1-START{ margin-top:0;} } .tab_container{ width:100%;margin:30px auto 0 auto;padding-top:0px;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 0.25s;} .tab_container label:hover{ top:-0.25em;transition:all 0.25s;} .tab_container label.tabnavfade.notabhover:hover{ top:initial;transition:none;} .tab_container label.tabnavfade.notabhover a{ cursor:default;} #tab1:checked~#content1,#tab2:checked~#content2,#tab3:checked~#content3,#tab4:checked~#content4,#tab5:checked~#content5,#tab10:checked~#content10{ display:block;padding:20px;background:#fff;color:#333;border-bottom:2px solid #f0f0f0;width:auto;} .tab_container .tab-content>div{ -webkit-animation:fadeInRight 0.7s ease-in-out;-moz-animation:fadeInRight 0.7s ease-in-out;animation:fadeInRight 0.7s ease-in-out;background:white;} .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 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;} #tab1:checked~#content1,#tab2:checked~#content2,#tab3:checked~#content3,#tab4:checked~#content4,#tab5:checked~#content5,#tab10:checked~#content10{ padding:0;} } @keyframes fadeInScale{ 0%{ transform:scale(0.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:0.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 #tabtarget1:target~#tablabel1,.aclicktype #tabtarget2:target~#tablabel2,.aclicktype #tabtarget3:target~#tablabel3,.aclicktype #tabtarget4:target~#tablabel4,.aclicktype #tabtarget5:target~#tablabel5,.aclicktype #tabtarget6:target~#tablabel6,.aclicktype #tabtarget10:target~#tablabel10{ box-shadow:inset 0 3px #fe9848;} .aclicktype .tab_container>div:target~i.glyphicon{ display:none;} .aclicktype #tablabel1 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,.aclicktype #tabtarget10:target~#tablabel10 i.glyphicon{ display:initial;} .aclicktype .tab_container>div:target~#content1{ display:none;} .aclicktype #content1,.aclicktype #tabtarget1:target~#content1,.aclicktype #tabtarget2:target~#content2,.aclicktype #tabtarget3:target~#content3,.aclicktype #tabtarget4:target~#content4,.aclicktype #tabtarget5:target~#content5,.aclicktype #tabtarget6:target~#content6,.aclicktype #tabtarget10:target~#content10{ 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:none!important;} } .jtlcrosssell-panel{} .crosssellcont{ box-sizing:border-box;width:100%;padding:0;} .crosssellcont>div{ margin-bottom:20px;} .jtlcrosssell-inner:hover{ outline:1px solid #ccc;} a.jtlcrosssell-link,a.jtlcrosssell-link:hover{ color:#333;text-decoration:none;} .jtlcrosssell-img{ max-width:100%;margin:0 0.5%;} .jtlcrosssell-inner{ text-align:center;} .jtlcrosssell-text h5{ font-size:16px;font-weight:bold;margin:0;padding:10px 0 5px 0;} .jtlcrosssell-subtext{} .jtlcrosssell-price{ display:block;font-size:16px;font-weight:bold;padding-bottom:7px;} @charset "UTF-8";#PAGE{ width:100%;max-width:1150px;padding:0 2% 10px 2%;margin:0 auto;} h1,h2,h3,h4,.logotitle,.logotitlesub{ font-family:"Roboto",Arial;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;} #PAGE .logotitle{ font-size:33px;font-weight:500;line-height:0.8;} #PAGE .logotitlesub{ font-size:18px;font-weight:300;line-height:1;color:#666;} .maincontent.mainbg{ background-color:rgba(255,255,255,0.95);padding:0 20px 20px 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:#ccc;} .footer-col div{ font-size:13px;} .footer p,.footer li{ color:#ccc;} .footer a{ color:white;} .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 #FE9848;color:white;font-weight:normal;} .footer .dashedbottom{ border-bottom:1px dashed #ccc;padding-bottom:2px;margin-bottom:2px;} .footer .glyphicon,.footer .fa{ font-size:1.4em;font-style:normal;margin-right:0.5em;margin-left:-3px;} .footer-title .glyphicon,.footer-title .fa{ font-size:0.9em;color:#FE9848;margin-right:0.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;} } .pblock ul,.tp-productshort ul,.ff_footercol2r1 ul,.ff_footercol3r1 ul{ margin-left:0;padding-left:0;} .pblock ol,.tp-productshort ol,.ff_footercol2r1 ol,.ff_footercol3r1 ol{ margin-left:0;padding-left:20px;} .pblock ul>li,.tp-productshort ul>li,.ff_footercol2r1 ul>li,.ff_footercol3r1 ul>li{ list-style:none;margin-bottom:0.2em;} .pblock ul>li:before,.tp-productshort ul>li:before,.ff_footercol2r1 ul>li:before,.ff_footercol3r1 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 0.2em 0.2em 0.2em;line-height:1.6em;text-decoration:none;border-bottom:1px solid #FE9848;font-style:normal;} .tp-productshort i.glyphicon{ border:none;padding:initial;line-height:initial;} .bsicon-phone,.bsicon-print,.bsicon-mail,.bsicon-record,.bsicon-earphone,.bsicon-globe,.bsicon-menuhamburger,.bsicon-optionvert,.bsicon-infosign,.bsicon-home,.bsicon-send{ font-family:'Glyphicons Halflings';font-size:0.9em;margin-right:0.8em;font-style:normal;} .footer-title span{ margin-right:0.7em;} .bsicon-home:before{ content:"\e021";} .bsicon-phone:before{ content:"\e183";} .bsicon-print:before{ content:"\e045";} .bsicon-mail:before{ content:"\2709";} .bsicon-record:before{ content:"\e165";} .bsicon-earphone:before{ content:"\e182";} .bsicon-globe:before{ content:"\e135";} .bsicon-menuhamburger:before{ content:"\e236";} .bsicon-optionvert:before{ content:"\e235";} .bsicon-infosign:before{ content:"\e086";} .bsicon-send:before{ content:"\e171";} .bsicon-eye{ font-family:'Glyphicons Halflings';content:"\e088";} @media screen and (min-width:992px){ .the-icons li{ width:12.5%;} } .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-icons .glyphicon{ display:block;margin:5px auto;vertical-align:middle;margin-right:3px;font-size:24px;} .the-icons li{ float:left;width:100px;height:110px;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 auto;} .the-icons,.the-buttons{ list-style:none;} .the-icons .glyphicon{ display:inline;} .logotitle i{ color:#FE9848;font-style:normal;} .titlecolor{ color:#22313C;} .button-color1,.buttonaddon .button-color1{ background-color:#fa5d27;background-image:linear-gradient(to bottom,#fa5d27 0%,#d9400b 100%);border:none;} .button-gray,.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 0.5em;} .buttonaddon .glyphicon{ color:#ccc;font-size:1.5em;} .width50{ width:50%;float:left;} .tp-liststd,.tp-listnice1{ margin:15px 0 20px 0;} .tp-liststd li.list-group-item{ border:0;padding:8px 0 8px 0;} .pricecombo{ box-sizing:border-box;padding:20px 0;margin:15px 0 0 0;background:rgba(0,0,0,0.6) url("https://s26.postimg.cc/6k1mo4tbd/dark_fish_skin.png") repeat scroll 0% 0%;color:#333;} .pricecombo div[class*="col-"]{ padding-left:12px;padding-right:12px;} .pricecombo-left{ text-align:right;font-family:"Roboto",Arial;} .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:0.9em;color:white;font-size:38px;font-weight:700;} .pricecombo .strikedprice{ font-size:20px;text-decoration:line-through;margin-left:0.5em;color:#ccc;} .pricecombo .tp-taxincl{ color:#ccc;} .pricecombo_addinfo{ font-size:14px;color:#fff;} .pricecombo_addinfo i{ margin-right:5px;color:#FE9848;} .pc_nobuttons>div{ width:100%;} .pc_nobuttons .pricecombo-left>div{ text-align:center;} .pricebutt_watchlist,.pricebutt_contact{ text-decoration:none;} .pricebutt_watchlist:hover,.pricebutt_contact:hover{ background:white;color:black;text-decoration:none;} .tp-buttupper a{ line-height:2em;font-size:18px;font-weight:bold;padding-left:5px;padding-right:5px;background:#FE9848;border:none} .tp-buttupper a:hover{ background:#FE9848;} .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>*,.tp-attributes a{ padding:0.35em 0.6em;margin-right:3px;text-decoration:none;color:#333;background:#fff;border:1px solid #FE9848;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;} .tabnavfade,label.tabnavfade,#menu{ background:#ffffff;background:linear-gradient(to bottom,#ffffff 0%,#EFEFEF 100%);} .tab_container label{ font-family:"Roboto",Arial;font-size:18px;font-weight:normal;padding:0.9em 1.1em;} .tab_container label i.glyphicon{ display:none;margin-right:0.5em;font-size:0.8em;opacity:0.5;} .tab_container [id^="tab"]:checked + label i{ display:inline;color:initial;opacity:0.2;} @media only screen and (max-width:768px){ .tab_container label{ width:100%;} .tab_container label i{ display:none!important;} } .panel.with-nav-tabs .panel-heading{ padding:5px 5px 0 5px;} .panel.with-nav-tabs .nav-tabs{ border-bottom:none;} .panel.with-nav-tabs .nav-justified{ margin-bottom:-1px;} .ebayshop1 .logoarea .iscol{ margin-bottom:0;} .ebayshop1 #PAGE #menu{ margin-bottom:0;} .with-nav-tabs.panel-default .nav-tabs>li>a,.with-nav-tabs.panel-default .nav-tabs>li>a:hover,.with-nav-tabs.panel-default .nav-tabs>li>a:focus{ color:#777;} .with-nav-tabs.panel-default .nav-tabs>.open>a,.with-nav-tabs.panel-default .nav-tabs>.open>a:hover,.with-nav-tabs.panel-default .nav-tabs>.open>a:focus,.with-nav-tabs.panel-default .nav-tabs>li>a:hover,.with-nav-tabs.panel-default .nav-tabs>li>a:focus{ color:#777;background-color:#ddd;border-color:transparent;} .with-nav-tabs.panel-default .nav-tabs>li.active>a,.with-nav-tabs.panel-default .nav-tabs>li.active>a:hover,.with-nav-tabs.panel-default .nav-tabs>li.active>a:focus{ color:#555;background-color:#fff;border-color:#ddd;border-bottom-color:transparent;} .with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu{ background-color:#f5f5f5;border-color:#ddd;} .with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a{ color:#777;} .with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a:focus{ background-color:#ddd;} .with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a,.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus{ color:#fff;background-color:#555;} .with-nav-tabs.panel-primary .nav-tabs>li>a,.with-nav-tabs.panel-primary .nav-tabs>li>a:hover,.with-nav-tabs.panel-primary .nav-tabs>li>a:focus{ color:#fff;} .with-nav-tabs.panel-primary .nav-tabs>.open>a,.with-nav-tabs.panel-primary .nav-tabs>.open>a:hover,.with-nav-tabs.panel-primary .nav-tabs>.open>a:focus,.with-nav-tabs.panel-primary .nav-tabs>li>a:hover,.with-nav-tabs.panel-primary .nav-tabs>li>a:focus{ color:#fff;background-color:#3071a9;border-color:transparent;} .with-nav-tabs.panel-primary .nav-tabs>li.active>a,.with-nav-tabs.panel-primary .nav-tabs>li.active>a:hover,.with-nav-tabs.panel-primary .nav-tabs>li.active>a:focus{ color:#428bca;background-color:#fff;border-color:#428bca;border-bottom-color:transparent;} .with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu{ background-color:#428bca;border-color:#3071a9;} .with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a{ color:#fff;} .with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a:focus{ background-color:#3071a9;} .with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a,.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus{ background-color:#4a9fe9;} .with-nav-tabs.panel-success .nav-tabs>li>a,.with-nav-tabs.panel-success .nav-tabs>li>a:hover,.with-nav-tabs.panel-success .nav-tabs>li>a:focus{ color:#3c763d;} .with-nav-tabs.panel-success .nav-tabs>.open>a,.with-nav-tabs.panel-success .nav-tabs>.open>a:hover,.with-nav-tabs.panel-success .nav-tabs>.open>a:focus,.with-nav-tabs.panel-success .nav-tabs>li>a:hover,.with-nav-tabs.panel-success .nav-tabs>li>a:focus{ color:#3c763d;background-color:#d6e9c6;border-color:transparent;} .with-nav-tabs.panel-success .nav-tabs>li.active>a,.with-nav-tabs.panel-success .nav-tabs>li.active>a:hover,.with-nav-tabs.panel-success .nav-tabs>li.active>a:focus{ color:#3c763d;background-color:#fff;border-color:#d6e9c6;border-bottom-color:transparent;} .with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu{ background-color:#dff0d8;border-color:#d6e9c6;} .with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a{ color:#3c763d;} .with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a:focus{ background-color:#d6e9c6;} .with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a,.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus{ color:#fff;background-color:#3c763d;} .with-nav-tabs.panel-info .nav-tabs>li>a,.with-nav-tabs.panel-info .nav-tabs>li>a:hover,.with-nav-tabs.panel-info .nav-tabs>li>a:focus{ color:#31708f;} .with-nav-tabs.panel-info .nav-tabs>.open>a,.with-nav-tabs.panel-info .nav-tabs>.open>a:hover,.with-nav-tabs.panel-info .nav-tabs>.open>a:focus,.with-nav-tabs.panel-info .nav-tabs>li>a:hover,.with-nav-tabs.panel-info .nav-tabs>li>a:focus{ color:#31708f;background-color:#bce8f1;border-color:transparent;} .with-nav-tabs.panel-info .nav-tabs>li.active>a,.with-nav-tabs.panel-info .nav-tabs>li.active>a:hover,.with-nav-tabs.panel-info .nav-tabs>li.active>a:focus{ color:#31708f;background-color:#fff;border-color:#bce8f1;border-bottom-color:transparent;} .with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu{ background-color:#d9edf7;border-color:#bce8f1;} .with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a{ color:#31708f;} .with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a:focus{ background-color:#bce8f1;} .with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a,.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus{ color:#fff;background-color:#31708f;} .with-nav-tabs.panel-warning .nav-tabs>li>a,.with-nav-tabs.panel-warning .nav-tabs>li>a:hover,.with-nav-tabs.panel-warning .nav-tabs>li>a:focus{ color:#8a6d3b;} .with-nav-tabs.panel-warning .nav-tabs>.open>a,.with-nav-tabs.panel-warning .nav-tabs>.open>a:hover,.with-nav-tabs.panel-warning .nav-tabs>.open>a:focus,.with-nav-tabs.panel-warning .nav-tabs>li>a:hover,.with-nav-tabs.panel-warning .nav-tabs>li>a:focus{ color:#8a6d3b;background-color:#faebcc;border-color:transparent;} .with-nav-tabs.panel-warning .nav-tabs>li.active>a,.with-nav-tabs.panel-warning .nav-tabs>li.active>a:hover,.with-nav-tabs.panel-warning .nav-tabs>li.active>a:focus{ color:#8a6d3b;background-color:#fff;border-color:#faebcc;border-bottom-color:transparent;} .with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu{ background-color:#fcf8e3;border-color:#faebcc;} .with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a{ color:#8a6d3b;} .with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a:focus{ background-color:#faebcc;} .with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a,.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus{ color:#fff;background-color:#8a6d3b;} .with-nav-tabs.panel-danger .nav-tabs>li>a,.with-nav-tabs.panel-danger .nav-tabs>li>a:hover,.with-nav-tabs.panel-danger .nav-tabs>li>a:focus{ color:#a94442;} .with-nav-tabs.panel-danger .nav-tabs>.open>a,.with-nav-tabs.panel-danger .nav-tabs>.open>a:hover,.with-nav-tabs.panel-danger .nav-tabs>.open>a:focus,.with-nav-tabs.panel-danger .nav-tabs>li>a:hover,.with-nav-tabs.panel-danger .nav-tabs>li>a:focus{ color:#a94442;background-color:#ebccd1;border-color:transparent;} .with-nav-tabs.panel-danger .nav-tabs>li.active>a,.with-nav-tabs.panel-danger .nav-tabs>li.active>a:hover,.with-nav-tabs.panel-danger .nav-tabs>li.active>a:focus{ color:#a94442;background-color:#fff;border-color:#ebccd1;border-bottom-color:transparent;} .with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu{ background-color:#f2dede;border-color:#ebccd1;} .with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a{ color:#a94442;} .with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a:focus{ background-color:#ebccd1;} .with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a,.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus{ color:#fff;background-color:#a94442;} .a_demo_three{ background-color:#3bb3e0;font-family:'Open Sans',sans-serif;font-size:14px;text-decoration:none;color:#fff;position:relative;padding:10px 20px;border-left:solid 1px #2ab7ec;margin-left:35px;background-image:linear-gradient(bottom,rgb(44,160,202) 0%,rgb(62,184,229) 100%);background-image:-o-linear-gradient(bottom,rgb(44,160,202) 0%,rgb(62,184,229) 100%);background-image:-moz-linear-gradient(bottom,rgb(44,160,202) 0%,rgb(62,184,229) 100%);background-image:-webkit-linear-gradient(bottom,rgb(44,160,202) 0%,rgb(62,184,229) 100%);background-image:-ms-linear-gradient(bottom,rgb(44,160,202) 0%,rgb(62,184,229) 100%);background-image:-webkit-gradient( linear,left bottom,left top,color-stop(0,rgb(44,160,202)),color-stop(1,rgb(62,184,229)) );-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;-webkit-box-shadow:inset 0px 1px 0px #2ab7ec,0px 5px 0px 0px #156785,0px 10px 5px #999;-moz-box-shadow:inset 0px 1px 0px #2ab7ec,0px 5px 0px 0px #156785,0px 10px 5px #999;-o-box-shadow:inset 0px 1px 0px #2ab7ec,0px 5px 0px 0px #156785,0px 10px 5px #999;box-shadow:inset 0px 1px 0px #2ab7ec,0px 5px 0px 0px #156785,0px 10px 5px #999;} .a_demo_three:active{ top:3px;background-image:linear-gradient(bottom,rgb(62,184,229) 0%,rgb(44,160,202) 100%);background-image:-o-linear-gradient(bottom,rgb(62,184,229) 0%,rgb(44,160,202) 100%);background-image:-moz-linear-gradient(bottom,rgb(62,184,229) 0%,rgb(44,160,202) 100%);background-image:-webkit-linear-gradient(bottom,rgb(62,184,229) 0%,rgb(44,160,202) 100%);background-image:-ms-linear-gradient(bottom,rgb(62,184,229) 0%,rgb(44,160,202) 100%);background-image:-webkit-gradient( linear,left bottom,left top,color-stop(0,rgb(62,184,229)),color-stop(1,rgb(44,160,202)) );-webkit-box-shadow:inset 0px 1px 0px #2ab7ec,0px 2px 0px 0px #156785,0px 5px 3px #999;-moz-box-shadow:inset 0px 1px 0px #2ab7ec,0px 2px 0px 0px #156785,0px 5px 3px #999;-o-box-shadow:inset 0px 1px 0px #2ab7ec,0px 2px 0px 0px #156785,0px 5px 3px #999;box-shadow:inset 0px 1px 0px #2ab7ec,0px 2px 0px 0px #156785,0px 5px 3px #999;} .a_demo_three::before{ background-color:#2561b4;font-family:'Glyphicons Halflings';content:"\e105";width:35px;height:100%;position:absolute;display:block;padding-top:8px;padding-left:10px;top:0px;left:-36px;font-size:18px;font-weight:normal;color:#8fd1ea;border-right:solid 1px #07526e;background-image:linear-gradient(bottom,rgb(10,94,125) 0%,rgb(14,139,184) 100%);background-image:-o-linear-gradient(bottom,rgb(10,94,125) 0%,rgb(14,139,184) 100%);background-image:-moz-linear-gradient(bottom,rgb(10,94,125) 0%,rgb(14,139,184) 100%);background-image:-webkit-linear-gradient(bottom,rgb(10,94,125) 0%,rgb(14,139,184) 100%);background-image:-ms-linear-gradient(bottom,rgb(10,94,125) 0%,rgb(14,139,184) 100%);background-image:-webkit-gradient( linear,left bottom,left top,color-stop(0,rgb(10,94,125)),color-stop(1,rgb(14,139,184)) );-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;-webkit-box-shadow:inset 0px 1px 0px #2ab7ec,0px 5px 0px 0px #032b3a,0px 10px 5px #999;-moz-box-shadow:inset 0px 1px 0px #2ab7ec,0px 5px 0px 0px #032b3a,0px 10px 5px #999;-o-box-shadow:inset 0px 1px 0px #2ab7ec,0px 5px 0px 0px #032b3a,0px 10px 5px #999;box-shadow:inset 0px 1px 0px #2ab7ec,0px 5px 0px 0px #032b3a,0px 10px 5px #999;} .a_demo_three:active::before{ top:-3px;-webkit-box-shadow:inset 0px 1px 0px #2ab7ec,0px 5px 0px 0px #032b3a,1px 1px 0px 0px #044a64,2px 2px 0px 0px #044a64,2px 5px 0px 0px #044a64,6px 4px 2px #0b698b,0px 10px 5px #999;-moz-box-shadow:inset 0px 1px 0px #2ab7ec,0px 5px 0px 0px #032b3a,1px 1px 0px 0px #044a64,2px 2px 0px 0px #044a64,2px 5px 0px 0px #044a64,6px 4px 2px #0b698b,0px 10px 5px #999;-o-box-shadow:inset 0px 1px 0px #2ab7ec,0px 5px 0px 0px #032b3a,1px 1px 0px 0px #044a64,2px 2px 0px 0px #044a64,2px 5px 0px 0px #044a64,6px 4px 2px #0b698b,0px 10px 5px #999;box-shadow:inset 0px 1px 0px #2ab7ec,0px 5px 0px 0px #032b3a,1px 1px 0px 0px #044a64,2px 2px 0px 0px #044a64,2px 5px 0px 0px #044a64,6px 4px 2px #0b698b,0px 10px 5px #999;} .second_button::before{ content:"2";} .third_button::before{ content:"3";} #menu #toggle-menu{ background:transparent!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 li,#menu.inputclicktype #toggle-menu,#menu.inputclicktype .sub-menu{ border-style:solid;border-color:rgba(0,0,0,.05);} #menu.inputclicktype li,#menu.inputclicktype #toggle-menu{ border-width:0 0 1px;} #menu.inputclicktype .sub-menu{ background-color:rgba(0,0,0,0.6);border-width:1px 1px 0;margin:0 1em;} #menu.inputclicktype .sub-menu li:last-child{ border-width:0;} #menu.inputclicktype li,#menu.inputclicktype #toggle-menu,#menu.inputclicktype .menulink{ position:relative;display:block;color:white;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:0.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 .sub-menu{ display:none;} #menu.inputclicktype input[type="checkbox"]:checked + .sub-menu{ display:block;} #menu.inputclicktype .sub-menu .menulink:hover{ color:white;background-color:rgba(0,0,0,0.65);text-decoration:none;} #menu.inputclicktype #toggle-menu .drop-icon,#menu.inputclicktype li label.drop-icon{ position:absolute;right:0.8em;top:0.7em;} #menu.inputclicktype li label.drop-icon{ right:0.7em;top:0.9em;} #menu.inputclicktype label.drop-icon,#menu.inputclicktype #toggle-menu span.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%;} #menu.inputclicktype .sub-menu li{ width:auto;} } @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 .sub-menu li{ float:none;} #menu.inputclicktype .sub-menu{ border-width:0;margin:0;position:absolute;top:100%;left:0;width:12em;z-index:3000;} #menu.inputclicktype .sub-menu,#menu.inputclicktype input[type="checkbox"]:checked + .sub-menu{ display:none;} #menu.inputclicktype .sub-menu li{ border-width:0 0 1px;} #menu.inputclicktype .sub-menu .sub-menu{ top:0;left:100%;} #menu.inputclicktype li:hover>input[type="checkbox"] + .sub-menu{ display:block;} } #menu.inputclicktype #toggle-menu{ font-weight:normal;} #menu.inputclicktype,#menu.inputclicktype #toggle-menu{ background-color:rgba(0,0,0,0.04);color:#333;border-top:1px solid #ddd;border-bottom:1px solid #ccc;border-left:0px solid #FE9848;border-right:0 solid #FE9848;box-shadow:2px 3px 5px rgba(0,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 li,#menu.inputclicktype #toggle-menu li{ font-family:"Roboto",Arial;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:0.7em 1.1em;} #menu.inputclicktype .main-menu>li>.menulink{ position:relative;top:0;transition:all 0.25s;} #menu.inputclicktype .main-menu>li>.menulink:hover{ top:-0.25em;transition:all 0.25s;} #menu.inputclicktype .main-menu>li>.menulink .glyphicon{ margin-right:0.4em;font-size:0.9em;opacity:0.3;} #menu.inputclicktype .main-menu>li>.menulink:hover .glyphicon{ color:#FE9848;opacity:0.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 li,#menu.aclicktype #toggle-menu,#menu.aclicktype .sub-menu{ border-style:solid;border-color:rgba(0,0,0,.05);} #menu.aclicktype li,#menu.aclicktype #toggle-menu{ border-width:0 0 1px;} #menu.aclicktype .sub-menu{ background-color:rgba(0,0,0,0.6);border-width:1px 1px 0;margin:0 1em;} #menu.aclicktype .sub-menu li:last-child{ border-width:0;} #menu.aclicktype li,#menu.aclicktype #toggle-menu,#menu.aclicktype a{ position:relative;display:block;color:white;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:0.5em 0.1em 0.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 .sub-menu{ display:none;} #menu.aclicktype #tm:checked + .main-menu,#menu.aclicktype #navheadtarget:target~.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 #navtarget1 .main-menu .sub-menu{ display:block;} #menu.aclicktype .navtarget:nth-child(1):target~.main-menu li:nth-child(1) .sub-menu{ display:block!important;} #menu.aclicktype .navtarget:nth-child(2):target~.main-menu li:nth-child(2) .sub-menu{ display:block!important;} #menu.aclicktype .navtarget:nth-child(3):target~.main-menu li:nth-child(3) .sub-menu{ display:block!important;} #menu.aclicktype .navtarget:nth-child(4):target~.main-menu li:nth-child(4) .sub-menu{ display:block!important;} #menu.aclicktype .navtarget:nth-child(5):target~.main-menu li:nth-child(5) .sub-menu{ display:block!important;} #menu.aclicktype .navtarget:nth-child(6):target~.main-menu li:nth-child(6) .sub-menu{ display:block!important;} #menu.aclicktype .navtarget:nth-child(7):target~.main-menu li:nth-child(7) .sub-menu{ display:block!important;} #menu.aclicktype .navtarget:nth-child(8):target~.main-menu li:nth-child(8) .sub-menu{ display:block!important;} #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 .sub-menu .menulink:hover{ color:white;background-color:rgba(0,0,0,0.65);text-decoration:none;} #menu.aclicktype #toggle-menu .drop-icon,#menu.aclicktype #toggle-menu .drop-icon-x,#menu.aclicktype li .drop-icon{ position:absolute;right:10px;top:0.4em;padding:0!important;} #menu.aclicktype li .drop-icon:hover{ top:0.4em!important;text-decoration:none;} #menu.aclicktype .main-menu .drop-icon,#menu.aclicktype #toggle-menu span.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:0.1em;} #menu.aclicktype #toggle-menu .drop-icon-x{ top:0.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%;} #menu.aclicktype .sub-menu li{ width:auto;} } @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 .sub-menu li{ float:none;} #menu.aclicktype .sub-menu{ border-width:0;margin:0;position:absolute;top:100%;left:0;width:12em;z-index:3000;} #menu.aclicktype .sub-menu,#menu.aclicktype input[type="checkbox"]:checked + .sub-menu{ display:none;} #menu.aclicktype .sub-menu li{ border-width:0 0 1px;} #menu.aclicktype .sub-menu .sub-menu{ top:0;left:100%;} #menu.aclicktype li:hover>.menulink~.sub-menu{ display:block;} #menu.aclicktype li .drop-icon{ display:none;} #menu.aclicktype li span.drop-icon{ position:relative;display:inline-block;background:none!important;right:auto;top:auto;} } #menu.aclicktype,#menu.aclicktype #toggle-menu{ background-color:rgba(0,0,0,0.04);color:#333;border-top:1px solid #ddd;border-bottom:1px solid #ccc;border-left:0px solid #FE9848;border-right:0 solid #FE9848;box-shadow:2px 3px 5px rgba(0,0,0,0.3);border-bottom:1px solid #fff;margin-bottom:20px} #menu.aclicktype #toggle-menu a{ color:#333;text-shadow:inherit;padding:0 0.2em;font-weight:normal;font-weight:normal;} #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 li,#menu.aclicktype #toggle-menu li{ font-family:"Roboto",Arial;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:0.7em 1.1em;} #menu.aclicktype .main-menu>li>.menulink{ position:relative;top:0;transition:all 0.25s;} #menu.aclicktype .main-menu>li>.menulink:hover{ top:-0.25em;transition:all 0.25s;} #menu.aclicktype .main-menu>li>.menulink .glyphicon{ margin-right:0.4em;font-size:0.9em;opacity:0.3;} #menu.aclicktype .main-menu>li>.menulink:hover .glyphicon{ color:#FE9848;opacity:0.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:white;} .islide img,.cmsmini .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;} .islidernav img,.cmsmini .islidernav img{ box-shadow:none;} .islide img{ transition:all 0.25s ease-in-out;} .islide img:hover{ transition:all 0.25s ease-in-out;opacity:0.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,0.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,.islide>div.is_anim1{ animation-name:islideranim_descbg1;-webkit-animation-name:islideranim_descbg1;} .islide>div>div,.islide>div.is_anim1>div{ animation-name:islideranim_desctext1;-webkit-animation-name:islideranim_desctext1;} .islide>div.is_anim2{ animation-name:islideranim_descbg2;-webkit-animation-name:islideranim_descbg2;} .islide>div.is_anim2>div{ animation-name:islideranim_desctext2;-webkit-animation-name:islideranim_desctext2;} .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%;} 7%,20%{ left:0;} 22%,100%{ left:-100%;} } @keyframes islideranim_desctext1{ 0%,6%{ transform:translate(100%);-webkit-transform:translate(100%);} 9%,22%{ transform:translate(0);-webkit-transform:translate(0);} 24%,100%{ transform:translate(100%);-webkit-transform:translate(100%);} } @keyframes islideranim_descbg2{ 0%,5%{ left:100%;} 7%,20%{ left:0;} 22%,100%{ left:100%;} } @keyframes islideranim_desctext2{ 0%,6%{ transform:translate(-100%);-webkit-transform:translate(-100%);} 9%,22%{ transform:translate(0);-webkit-transform:translate(0);} 24%,100%{ 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_navdots .islidernav .islidethumb{ width:auto;height:auto;background-image:none!important;} .islider_navdots .islidernav .islidethumb img{ display:none;} .islider_navdots .islidernav{ position:relative;overflow:visible;z-index:10;font-size:0;line-height:0;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:8px;} .islider_navdots .islidernav .islidethumb{ position:relative;display:inline-block;float:none;cursor:pointer;border-radius:50%;margin:0 2px;padding:6px;background:#d1d1d1;} .islider_navdots .islidernav .islidethumb:hover:after{ opacity:1;} .islider_navdots .islidernav .islidethumb:after{ content:'';position:absolute;left:50%;top:50%;margin-left:-3px;margin-top:-3px;background:#0097ef;border-radius:50%;padding:3px;opacity:0;} .islider input{ display:none;} .islider>.targetlabel:nth-child(1):target~.isliderbody .islide:nth-child(1),.islider>.targetlabel:nth-child(2):target~.isliderbody .islide:nth-child(2),.islider>.targetlabel:nth-child(3):target~.isliderbody .islide:nth-child(3),.islider>.targetlabel:nth-child(4):target~.isliderbody .islide:nth-child(4),.islider>.targetlabel:nth-child(5):target~.isliderbody .islide:nth-child(5),.islider>.targetlabel:nth-child(6):target~.isliderbody .islide:nth-child(6),.islider>.targetlabel:nth-child(7):target~.isliderbody .islide:nth-child(7),.islider>.targetlabel:nth-child(8):target~.isliderbody .islide:nth-child(8),.islider>.targetlabel:nth-child(9):target~.isliderbody .islide:nth-child(9),.islider>.targetlabel:nth-child(10):target~.isliderbody .islide:nth-child(10),.islider>.targetlabel:nth-child(11):target~.isliderbody .islide:nth-child(11),.islider>.targetlabel:nth-child(1):checked~.isliderbody .islide:nth-child(1),.islider>.targetlabel:nth-child(2):checked~.isliderbody .islide:nth-child(2),.islider>.targetlabel:nth-child(3):checked~.isliderbody .islide:nth-child(3),.islider>.targetlabel:nth-child(4):checked~.isliderbody .islide:nth-child(4),.islider>.targetlabel:nth-child(5):checked~.isliderbody .islide:nth-child(5),.islider>.targetlabel:nth-child(6):checked~.isliderbody .islide:nth-child(6),.islider>.targetlabel:nth-child(7):checked~.isliderbody .islide:nth-child(7),.islider>.targetlabel:nth-child(8):checked~.isliderbody .islide:nth-child(8),.islider>.targetlabel:nth-child(9):checked~.isliderbody .islide:nth-child(9),.islider>.targetlabel:nth-child(10):checked~.isliderbody .islide:nth-child(10),.islider>.targetlabel:nth-child(11):checked~.isliderbody .islide:nth-child(11){ z-index:9;opacity:1;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} .islider>.targetlabel:target~.isliderbody .islide,.islider>.targetlabel:checked~.isliderbody .islide,.islider .lightbox1a:target~.isliderbody .islide,.noanimation .islide{ animation:none;-webkit-animation:none;} .noanimation .islide:nth-child(1){ opacity:1;} .islidermaximgheight1 .isliderbody{ max-height:12vw;} .islidermaximgheight2 .isliderbody{ max-height:15vw;} .islidermaximgheight3 .isliderbody{ max-height:18vw;} .islidermaximgheight4 .isliderbody{ max-height:21vw;} .islidermaximgheight5 .isliderbody{ max-height:24vw;} .islidermaximgheight6 .isliderbody{ max-height:27vw;} .islidermaximgheight7 .isliderbody{ max-height:30vw;} .islidermaximgheight8 .isliderbody{ max-height:33vw;} .islidermaximgheight9 .isliderbody{ max-height:36vw;} .islidermaximgheight10 .isliderbody{ max-height:39vw;} .islidermaximgheight11 .isliderbody{ max-height:42vw;} .islidermaximgheight12 .isliderbody{ max-height:45vw;} @media only screen and (max-width:700px){ .islidermaximgheight1 .isliderbody{ max-height:23vw;} .islidermaximgheight2 .isliderbody{ max-height:29vw;} .islidermaximgheight3 .isliderbody{ max-height:34vw;} .islidermaximgheight4 .isliderbody{ max-height:40vw;} .islidermaximgheight5 .isliderbody{ max-height:46vw;} .islidermaximgheight6 .isliderbody{ max-height:51vw;} .islidermaximgheight7 .isliderbody{ max-height:57vw;} .islidermaximgheight8 .isliderbody{ max-height:63vw;} .islidermaximgheight9 .isliderbody{ max-height:69vw;} .islidermaximgheight10 .isliderbody{ max-height:75vw;} .islidermaximgheight11 .isliderbody{ max-height:80vw;} .islidermaximgheight12 .isliderbody{ max-height:86vw;} } @media only screen and (min-width:700px){ .islidermaximgheight8 .isliderbody{ min-height:300px;} } @media only screen and (max-width:500px){ .islidermaximgheight8 .isliderbody{ min-height:150px;} } .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:500px){ .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 0.5s ease-in-out;text-align:center;top:0;left:0;background:rgba(0,0,0,0.8);} .lightbox1a img{ max-width:90%;max-height:80%;margin-top:2%;} .lightbox1a:target{ outline:none;visibility:visible;opacity:1;transition:opacity 0.5s ease-in-out;} @media only screen and (max-width:700px){} .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 .cs_thumb{ display:none;} .productslider.csslider1 .cs_bullets{ position:relative;width:100%;text-align:left;margin-bottom:-75px;margin-bottom:calc(-20px - 5vw);margin-top:13px;} .productslider.csslider1>.cs_bullets>label{ box-sizing:border-box;border-radius:none;margin:0 0 9px 0;padding:0 9px 0 0;background:none;text-align:center;height:100px;} .productslider.csslider1>.cs_bullets>label img{ height:auto;max-height:100px;max-width:100%;} .productslider.csslider1>.cs_bullets{} .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>ul>.slide.img img{ width:auto;max-width:100%;max-height:100%;} .productslider.csslider1>ul>.slide{ text-align:center;} .productslider.csslider1 img{ box-shadow:none;max-height:500px;width:auto;max-width:100%;} @media only screen and (max-width:1200px){ .productslider.csslider1>.cs_bullets>label{ height:calc(20px + 5vw);} } @media only screen and (max-width:760px),only screen and (-webkit-max-device-pixel-ratio:2) and (max-width:480px),only screen and ( max--moz-device-pixel-ratio:2) and (max-width:480px),only screen and (-o-max-device-pixel-ratio:2/1) and (max-width:480px),only screen and ( max-device-pixel-ratio:2) and (max-width:480px),only screen and ( max-resolution:192dpi) and (max-width:480px),only screen and ( max-resolution:2dppx) and (max-width:480px){ .productslider.csslider1>.cs_bullets{ display:block;} .productslider.csslider1>.cs_bullets>label{ height:18vw;} } @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 #FE9848;} .pblock{ padding:0 10px;} .contentbg{ background-color:#FE9848;color:#fff;padding:30px 30px;} .contentbg b{ background-color:#fff;color:#FE9848;padding:1px 5px;margin-right:4px;margin-bottom:1px;border:1px solid rgba(255,255,255,0.5);border-radius:4px;box-shadow:3px 3px 3px rgba(0,0,0,0);line-height:1.4em;} #PAGE .contentbg h3{ color:#fff;} .pblock{ padding:0 10px;} .contentbg{ background-color:#FE9848;color:#fff;padding:30px 30px;} .contentbg b{ background-color:#fff;color:#FE9848;padding:1px 5px;margin-right:4px;margin-bottom:1px;border:1px solid rgba(255,255,255,0.5);border-radius:4px;box-shadow:3px 3px 3px rgba(0,0,0,0);line-height:1.4em;} #PAGE .contentbg h3{ color:#fff;} .pblock{ padding:0 10px;} .contentbg{ background-color:#FE9848;color:#fff;padding:30px 30px;} .contentbg b{ background-color:#fff;color:#FE9848;padding:1px 5px;margin-right:4px;margin-bottom:1px;border:1px solid rgba(255,255,255,0.5);border-radius:4px;box-shadow:3px 3px 3px rgba(0,0,0,0);line-height:1.4em;} #PAGE .contentbg h3{ color:#fff;} .pblock{ padding:0 10px;} .contentbg{ background-color:#FE9848;color:#fff;padding:30px 30px;} .contentbg b{ background-color:#fff;color:#FE9848;padding:1px 5px;margin-right:4px;margin-bottom:1px;border:1px solid rgba(255,255,255,0.5);border-radius:4px;box-shadow:3px 3px 3px rgba(0,0,0,0);line-height:1.4em;} #PAGE .contentbg h3{ color:#fff;} .pblock{ padding:0 10px;} .contentbg{ background-color:#FE9848;color:#fff;padding:30px 30px;} .contentbg b{ background-color:#fff;color:#FE9848;padding:1px 5px;margin-right:4px;margin-bottom:1px;border:1px solid rgba(255,255,255,0.5);border-radius:4px;box-shadow:3px 3px 3px rgba(0,0,0,0);line-height:1.4em;} #PAGE .contentbg h3{ color:#fff;} .pblock{ padding:0 10px;} .contentbg{ background-color:#FE9848;color:#fff;padding:30px 30px;} .contentbg b{ background-color:#fff;color:#FE9848;padding:1px 5px;margin-right:4px;margin-bottom:1px;border:1px solid rgba(255,255,255,0.5);border-radius:4px;box-shadow:3px 3px 3px rgba(0,0,0,0);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 white;line-height:88px;border-radius:50%;background:#FE9848;vertical-align:middle;} .box>.icon>.image>i,.box>.icon>.image>em{ font-size:36px!important;color:#fff!important;line-height:70px;} .box>.icon:hover>.image>i,.box>.icon:hover>.image>em{ color:white!important;} .box>.icon>.info{ min-height:200px;margin-top:-24px;background:rgba(0,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,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>p,.box>.icon>.info>div{ color:#666;line-height:1.5em;margin:20px;} #PAGE .box>.icon:hover>.info>h3,.box>.icon:hover>.info>p{ color:#666;} .box>.icon:hover>.info>.more>a{ color:#222;} .box>.icon>.info>.more a{ color:#222;line-height:12px;text-transform:uppercase;text-decoration:none;} .box>.icon:hover>.info>.more>a{ color:#fff;padding:6px 8px;background-color:#FE9848;} .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:#FE9848;color:#fff;padding:30px 30px;} .contentbg b{ background-color:#fff;color:#FE9848;padding:1px 5px;margin-right:4px;margin-bottom:1px;border:1px solid rgba(255,255,255,0.5);border-radius:4px;box-shadow:3px 3px 3px rgba(0,0,0,0);line-height:1.4em;} #PAGE .contentbg h3{ color:#fff;} .testimonials_wrapper{ margin-bottom:60px;display:none;} .cms-index-index .testimonials_wrapper{ display:block;} .testimonials_block{ width:auto;margin:0 auto;background:rgba(0,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,0.1);position:absolute;top:0;left:0;border-radius:50%;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.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:normal;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:normal;text-transform:none;font-style:italic;color:#fe9b4b;} .doublequotes{ float:left;margin-right:20px;font-family:serif;font-size:160px;color:#FE9848;line-height:0.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,0.15);font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;padding:0;} .snip1423 *{ -webkit-box-sizing:padding-box;box-sizing:padding-box;-webkit-transition:all 0.2s ease-out;transition:all 0.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:0.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:0.5;font-size:0.7em;} .snip1423 i,.snip1423 em{ position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);text-align:center;border-radius:50%;background-color:#FE9848;color:#ffffff;font-size:1.6em;border:4px solid #ffffff;box-sizing:border-box;top:auto;font-size:24px;padding:0.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;} } figure.snip1094{ font-family:Arial,sans-serif;position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:220px;max-height:420px;width:100%;text-align:left;box-shadow:0 0 5px rgba(0,0,0,0.15);cursor:pointer;} figure.snip1094 *{ -webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} figure.snip1094 img{ width:100%;max-width:100%;position:relative;-webkit-transform:scale(1.1);transform:scale(1.1);} #PAGE figure.snip1094 h3{ position:absolute;z-index:1;left:0;color:#000;top:65%;padding:15px 20px;width:100%;margin:0;font-weight:400;line-height:1.3em;background-color:rgba(255,255,255,0.65);background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);box-shadow:0 0 3px rgba(0,0,0,0.3);border-top:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5);} figure.snip1094 h3>span{ text-transform:uppercase;font-size:20px;font-weight:700;} figure.snip1094 h3 i{ display:block;font-style:normal;font-weight:normal;font-size:0.9em;text-transform:none;} figure.snip1094:after{ background:#000000;width:100%;height:22px;position:absolute;left:0;bottom:-22px;content:'';-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} figure.snip1094 .icons{ width:100%;bottom:35%;right:15px;position:absolute;text-align:right;z-index:1;-webkit-transition-delay:0.2s;transition-delay:0.2s;} figure.snip1094 .icons i{ font-size:24px;display:inline-block;border-radius:4px;text-align:center;color:#ffffff;width:40px;height:40px;line-height:40px;margin:3px;background-color:#262626;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);box-shadow:2px 2px 6px rgba(0,0,0,0.4);} figure.snip1094 a{} figure.snip1094 a:hover i{ -webkit-transform:translateY(5px);transform:translateY(5px);box-shadow:0px 0px 1px rgba(0,0,0,0.4);} figure.snip1094.blue h3{ color:#1b557a;} figure.snip1094.blue i{ color:#fff;background-color:#2472a4;} figure.snip1094.blue:after{ background-color:#0a212f;} figure.snip1094.red h3{ color:#81261d;} figure.snip1094.red i{ color:#fff;background-color:#ab3326;} figure.snip1094.red:after{ background-color:#36100c;} figure.snip1094.yellow h3{ color:#b06f09;} figure.snip1094.yellow i{ color:#fff;background-color:#e08e0b;} figure.snip1094.yellow:after{ background-color:#583804;} figure.snip1094:hover img,figure.snip1094.hover img{ -webkit-transform:scale(1);transform:scale(1);-webkit-transform:translateY(-10px);transform:translateY(-10px);} figure.snip1094:hover:after,figure.snip1094.hover:after{ bottom:0;} figure.snip1094:hover .icons a,figure.snip1094.hover .icons a{ opacity:1;-webkit-transform:translateY(35%);transform:translateY(35%);} figure.snip1094:hover a:first-child,figure.snip1094.hover a:first-child{ -webkit-transition-delay:0.2s;transition-delay:0.2s;} figure.snip1094:hover a:nth-child(2),figure.snip1094.hover a:nth-child(2){ -webkit-transition-delay:0.3s;transition-delay:0.3s;} figure.snip1094:hover a:nth-child(3),figure.snip1094.hover a:nth-child(3){ -webkit-transition-delay:0.4s;transition-delay:0.4s;} figure.snip1094 s{ margin-right:5px;opacity:0.7;font-size:0.9em;text-decoration:line-through;} figure.snip1094 b{ font-size:1.2em;} figure.snip1094{ max-height:100%;} .gallery_categories1-START .box>.icon>.info{ min-height:170px;} @media only screen and (max-width:990px){ .box>.icon>.info{ min-height:113px;} } #tablabel1,#tabtarget1:target~#tablabel1,#tabtarget2:target~#tablabel2,#tabtarget3:target~#tablabel3,#tabtarget4:target~#tablabel4,#tabtarget5:target~#tablabel5,#tabtarget6:target~#tablabel6,#tabtarget10:target~#tablabel10{ box-shadow:inset 0 3px #a2ae9c;} #PAGE .color1,#PAGE .logotitle i,#PAGE .contentbg b,#PAGE .color1hover:hover i,#PAGE .color1before::before,#PAGE .ff_headerinfotext li::before{ color:#a2ae9c!important;} #PAGE .color1bg,#PAGE .contentbg{ background-color:#a2ae9c;} #PAGE .color1border{ border-color:#a2ae9c;} #PAGE .tabpure:checked + label{ box-shadow:inset 0 3px #a2ae9c;} #PAGE .footer-title{ border-bottom-color:#a2ae9c;} #PAGE .pblock i{ border-bottom:1px solid #a2ae9c;} #PAGE h3{ color:#a2ae9c;} #PAGE .pricebutt_buyitnow{ background:linear-gradient(to bottom,#a2ae9c 0%,#a2ae9c 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 .tabnavfade,#PAGE #menu{ border-radius:4px;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:1.0em;} #PAGE #menu .main-menu>li>a{ color:#fff;padding-top:0.7em;padding-bottom:0.7em;} #PAGE label.tabnavfade{ padding-top:0.8em;padding-bottom:0.8em;font-weight:300;font-size:17px;color:#111;border-right:1px solid #ccc;} #PAGE label.tabnavfade,#PAGE .infotabs1-START .tab_container,#PAGE .infotabs1-START .tab_container:hover{ 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 0px;border-style:solid;border-color:#DDD #FE9848 #FFF;box-shadow:2px 3px 5px rgba(0,0,0,0.1);margin-bottom:20px;background-color:#CCC;} #PAGE h1:after{ content:"";display:block;width:70px;height:15px;left:0;bottom:0;border-bottom:3px solid #a2ae9c;} #PAGE h1.logotitle:after{ display:none;} #PAGE h1{ font-weight:400;font-size:27px;} #PAGE .tp-productshort>hr.trans{ display:none;} #PAGE .tp-attributes .color1border{ border:1px dashed #888;margin-right:10px;padding:0.5em 0.6em;} #PAGE .pricecombo{ background:rgba(0,0,0,0.06);border-radius:3px;} #PAGE .pricecombo .tp-price,#PAGE .pricecombo_addinfo{ color:#333;} #PAGE .ff_headerinfotext li:before{ content:"\e006";font-size:0.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,0.03);} #PAGE .testimonials_block{ background:rgba(0,0,0,0.04);} .pricecombo .tp-taxincl{ color:#999;} #menu #toggle-menu{ color:#fff!important;} /* ========== USER CSS ========== */ /* ============================== */

Related: See More


Questions / Comments: