B-Ware Bs Systems Sortimentskasten Box L Boxx Mini Schwarz Transparent 3 Stück

Produktbeschreibung

{%products.lister_name%}

Bei unseren Artikeln handelt es sich um Retourenwaren aus dem Großhandel oder Kundenretouren. Jeder Artikel wird bei uns auf seinen optischen und funktionellen Zustand geprüft:

{%products.conditions.name%}{%products.condition_text%}

Bitte beachte:

Produktbeschreibung

Gib Retouren eine zweite Chance - Unterstütze unsere Umwelt und deinen Geldbeuteloutlet4minis https://stores.ebay.de/second-circle #ff9933flatauction260 /*** VIDEO STYLING (OBJECTS) ***/ .videoWrapperContainer { width: 70%; margin: 0 auto; } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videoWrapper object .videoWrapper embed { position: absolute; margin: 20px auto 0 auto; top: 0; left: 0; width: 100%; height: 100%; } /** WRAPPER CONTAINS TEMPLATE **/ #wrapper { margin: 0 auto; padding: 50px 20px 0 20px; max-width: 1390px; font-family: 'Roboto' sans-serif; } /** CLEARER DISABLES FLOAT FOR THE FOLLOWING ELEMENTS **/ .clearer { clear: both; } /** HEADER CONTAINS LOGO & NAVIGATION **/ .header { margin-bottom: 20px; } .header a .header a:visited { color: #fff; text-decoration: none; } .logoContainer { margin-left: 40px; } .logoContainer img { max-width: 280px; max-height: 180px; } .navigationContainer { display: block; margin-top: 25px; height: 30px; border-top: 2px solid #2c2c2c; border-bottom: 2px solid #2c2c2c; background-color: #2c2c2c; } .navigationContainer ul { margin: 0; padding: 0 0 0 20px; line-height: 30px; } .navigationContainer ul li { display: inline-block; margin-left: 40px; color: #fff; text-transform: uppercase; font-weight: 400; font-size: 16px; } .navigationContainer ul li:hover .navigationContainer ul li a:hover { cursor: pointer; text-decoration: underline; }a:link { text-decoration: green;}a:visited { text-decoration: none;}a:hover { text-decoration: underline;}a:active { text-decoration: underline;} /**Gallery CSS**/ .gallery .control-operator:target ~ .controls .control-button { color: #ccc; color: rgba(255 255 255 0.4); } .gallery .control-button:first-of-type .gallery .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1) .gallery .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2) .gallery .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3) .gallery .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4) .gallery .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) .gallery .control-operator:nth-of-type(6):target ~ .controls .control-button:nth-of-type(6) .gallery .control-operator:nth-of-type(7):target ~ .controls .control-button:nth-of-type(7) .gallery .control-operator:nth-of-type(8):target ~ .controls .control-button:nth-of-type(8) .gallery .control-operator:nth-of-type(9):target ~ .controls .control-button:nth-of-type(9) .gallery .control-operator:nth-of-type(10):target ~ .controls .control-button:nth-of-type(10) .gallery .control-operator:nth-of-type(11):target ~ .controls .control-button:nth-of-type(11) .gallery .control-operator:nth-of-type(12):target ~ .controls .control-button:nth-of-type(12) { color: white; color: rgba(255 255 255 0.8); } .gallery .item { position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; opacity: 0; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } .gallery .control-operator { display: none; } .gallery .control-operator:target ~ .item { pointer-events: none; opacity: 0; -webkit-animation: none; -o-animation: none; animation: none; } .gallery .control-operator:target ~ .controls .control-button { -webkit-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes controlAnimation-2 { 0% { color: #ccc; color: rgba(255 255 255 0.4); } 14.3% 50% { color: white; color: rgba(255 255 255 0.8); } 64.3% 100% { color: #ccc; color: rgba(255 255 255 0.4); } } @-o-keyframes controlAnimation-2 { 0% { color: #ccc; color: rgba(255 255 255 0.4); } 14.3% 50% { color: white; color: rgba(255 255 255 0.8); } 64.3% 100% { color: #ccc; color: rgba(255 255 255 0.4); } } @keyframes controlAnimation-2 { 0% { color: #ccc; color: rgba(255 255 255 0.4); } 14.3% 50% { color: white; color: rgba(255 255 255 0.8); } 64.3% 100% { color: #ccc; color: rgba(255 255 255 0.4); } } @-webkit-keyframes galleryAnimation-2 { 0% { opacity: 0; } 14.3% 50% { opacity: 1; } 64.3% 100% { opacity: 0; } } @-o-keyframes galleryAnimation-2 { 0% { opacity: 0; } 14.3% 50% { opacity: 1; } 64.3% 100% { opacity: 0; } } @keyframes galleryAnimation-2 { 0% { opacity: 0; } 14.3% 50% { opacity: 1; } 64.3% 100% { opacity: 0; } } .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; } .items-2.autoplay .control-button { -webkit-animation: controlAnimation-2 14s infinite; -o-animation: controlAnimation-2 14s infinite; animation: controlAnimation-2 14s infinite; } .items-2.autoplay .item { -webkit-animation: galleryAnimation-2 14s infinite; -o-animation: galleryAnimation-2 14s infinite; animation: galleryAnimation-2 14s infinite; } .items-2 .control-button:nth-of-type(1) .items-2 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .items-2 .control-button:nth-of-type(2) .items-2 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } @-webkit-keyframes controlAnimation-3 { 0% { color: #ccc; color: rgba(255 255 255 0.4); } 9.5% 33.3% { color: white; color: rgba(255 255 255 0.8); } 42.9% 100% { color: #ccc; color: rgba(255 255 255 0.4); } } @-o-keyframes controlAnimation-3 { 0% { color: #ccc; color: rgba(255 255 255 0.4); } 9.5% 33.3% { color: white; color: rgba(255 255 255 0.8); } 42.9% 100% { color: #ccc; color: rgba(255 255 255 0.4); } } @keyframes controlAnimation-3 { 0% { color: #ccc; color: rgba(255 255 255 0.4); } 9.5% 33.3% { color: white; color: rgba(255 255 255 0.8); } 42.9% 100% { color: #ccc; color: rgba(255 255 255 0.4); } } @-webkit-keyframes galleryAnimation-3 { 0% { opacity: 0; } 9.5% 33.3% { opacity: 1; } 42.9% 100% { opacity: 0; } } @-o-keyframes galleryAnimation-3 { 0% { opacity: 0; } 9.5% 33.3% { opacity: 1; } 42.9% 100% { opacity: 0; } } @keyframes galleryAnimation-3 { 0% { opacity: 0; } 9.5% 33.3% { opacity: 1; } 42.9% 100% { opacity: 0; } } .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1; } .items-3.autoplay .control-button { -webkit-animation: controlAnimation-3 21s infinite; -o-animation: controlAnimation-3 21s infinite; animation: controlAnimation-3 21s infinite; } .items-3.autoplay .item { -webkit-animation: galleryAnimation-3 21s infinite; -o-animation: galleryAnimation-3 21s infinite; animation: galleryAnimation-3 21s infinite; } .items-3 .control-button:nth-of-type(1) .items-3 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .items-3 .control-button:nth-of-type(2) .items-3 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } .items-3 .control-button:nth-of-type(3) .items-3 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; } @-webkit-keyframes controlAnimation-4 { 0% { color: #ccc; color: rgba(255 255 255 0.4); } 7.1% 25% { color: white; color: rgba(255 255 255 0.8); } 32.1% 100% { color: #ccc; color: rgba(255 255 255 0.4); } } @-o-keyframes controlAnimation-4 { 0% { color: #ccc; color: rgba(255 255 255 0.4); } 7.1% 25% { color: white; color: rgba(255 255 255 0.8); } 32.1% 100% { color: #ccc; color: rgba(255 255 255 0.4); } } @keyframes controlAnimation-4 { 0% { color: #ccc; color: rgba(255 255 255 0.4); } 7.1% 25% { color: white; color: rgba(255 255 255 0.8); } 32.1% 100% { color: #ccc; color: rgba(255 255 255 0.4); } } @-webkit-keyframes galleryAnimation-4 { 0% { opacity: 0; } 7.1% 25% { opacity: 1; } 32.1% 100% { opacity: 0; } } @-o-keyframes galleryAnimation-4 { 0% { opacity: 0; } 7.1% 25% { opacity: 1; } 32.1% 100% { opacity: 0; } } @keyframes galleryAnimation-4 { 0% { opacity: 0; } 7.1% 25% { opacity: 1; } 32.1% 100% { opacity: 0; } } .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(6):target ~ .item:nth-of-type(6) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(7):target ~ .item:nth-of-type(7) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(8):target ~ .item:nth-of-type(8) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(9):target ~ .item:nth-of-type(9) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(10):target ~ .item:nth-of-type(10) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(11):target ~ .item:nth-of-type(11) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(12):target ~ .item:nth-of-type(12) { pointer-events: auto; opacity: 1; } .items-4.autoplay .control-button { -webkit-animation: controlAnimation-4 28s infinite; -o-animation: controlAnimation-4 28s infinite; animation: controlAnimation-4 28s infinite; } .items-4.autoplay .item { -webkit-animation: galleryAnimation-4 28s infinite; -o-animation: galleryAnimation-4 28s infinite; animation: galleryAnimation-4 28s infinite; } .items-4 .control-button:nth-of-type(1) .items-4 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .items-4 .control-button:nth-of-type(2) .items-4 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } .items-4 .control-button:nth-of-type(3) .items-4 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; } .items-4 .control-button:nth-of-type(4) .items-4 .item:nth-of-type(4) { -webkit-animation-delay: 19s; -o-animation-delay: 19s; animation-delay: 19s; } .items-4 .control-button:nth-of-type(5) .items-4 .item:nth-of-type(5) { -webkit-animation-delay: 19s; -o-animation-delay: 19s; animation-delay: 19s; } @-webkit-keyframes controlAnimation-5 { 0% { color: #ccc; color: rgba(255 255 255 0.4); } 5.7% 20% { color: white; color: rgba(255 255 255 0.8); } 25.7% 100% { color: #ccc; color: rgba(255 255 255 0.4); } } @-o-keyframes controlAnimation-5 { 0% { color: #ccc; color: rgba(255 255 255 0.4); } 5.7% 20% { color: white; color: rgba(255 255 255 0.8); } 25.7% 100% { color: #ccc; color: rgba(255 255 255 0.4); } } @keyframes controlAnimation-5 { 0% { color: #ccc; color: rgba(255 255 255 0.4); } 5.7% 20% { color: white; color: rgba(255 255 255 0.8); } 25.7% 100% { color: #ccc; color: rgba(255 255 255 0.4); } } @-webkit-keyframes galleryAnimation-5 { 0% { opacity: 0; } 5.7% 20% { opacity: 1; } 25.7% 100% { opacity: 0; } } @-o-keyframes galleryAnimation-5 { 0% { opacity: 0; } 5.7% 20% { opacity: 1; } 25.7% 100% { opacity: 0; } } @keyframes galleryAnimation-5 { 0% { opacity: 0; } 5.7% 20% { opacity: 1; } 25.7% 100% { opacity: 0; } } .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) { pointer-events: auto; opacity: 1; } .items-5.autoplay .control-button { -webkit-animation: controlAnimation-5 35s infinite; -o-animation: controlAnimation-5 35s infinite; animation: controlAnimation-5 35s infinite; } .items-5.autoplay .item { -webkit-animation: galleryAnimation-5 35s infinite; -o-animation: galleryAnimation-5 35s infinite; animation: galleryAnimation-5 35s infinite; } .items-5 .control-button:nth-of-type(1) .items-5 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .items-5 .control-button:nth-of-type(2) .items-5 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } .items-5 .control-button:nth-of-type(3) .items-5 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; } .items-5 .control-button:nth-of-type(4) .items-5 .item:nth-of-type(4) { -webkit-animation-delay: 19s; -o-animation-delay: 19s; animation-delay: 19s; } .items-5 .control-button:nth-of-type(5) .items-5 .item:nth-of-type(5) { -webkit-animation-delay: 26s; -o-animation-delay: 26s; animation-delay: 26s; } .gallery .control-button { color: #ccc; color: rgba(255 255 255 0.4); } .gallery .control-button:hover { color: white; color: rgba(255 255 255 0.8); } .gallery { position: relative; } .gallery .item { overflow: hidden; text-align: center; } .gallery .controls { width: 100%; } .gallery .control-button { display: inline-block; margin: 0 .02em; font-size: 3em; text-align: center; text-decoration: none; -webkit-transition: color .1s; -o-transition: color .1s; transition: color .1s; } .gallery .item:first-of-type { position: relative; pointer-events: auto; opacity: 1; } .gallery { width: 43%; margin-right: 2%; float: left; } .bigPic { position: relative; width: 100%; height: 630px; text-align: center; margin: 0; background-color: #fff; } .bigPic img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } .galleryNav { padding-top: 15px; padding-left: 0; text-align: left; } .galleryThumb { position: relative; display: inline-block; margin-right: 1%; margin-left: -4px; width: 24.23%; height: 100px; text-align: center; margin-bottom: 5px; } .galleryThumb:hover .galleryThumb:visited .galleryThumb:link{ text-decoration: none; } .galleryThumb:nth-child(1) .galleryThumb:nth-child(5) { margin-left: 0; } .galleryThumb:nth-child(4n) { margin-right: 0; } .galleryThumb:last-child { margin-right: 0; } .galleryThumb:hover { opacity: 0.7; cursor: pointer; transition: all 0.2s; } .galleryThumb img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } .midColumn { float: right; max-width: 600px; } .midColumn h1 { color: #333; font-weight: 400; font-size: 20px; margin-bottom: 30px; margin-top: 0px } .underline { margin: 15px 0; border-bottom: 1px solid #ddd; background-color: #666; } .shortdescription { float: left; } .shortdescription p .shortdescription ul .shortdescription li { color: #666; font-size: 16px; line-height: 1.5; margin: 0; } .kontaktdaten { color: #666; font-size: 16px; line-height: 1.5; margin: 5; } #variationContainer { margin: 20px 0 0 0; padding-bottom: 45px; padding-left: 0px; width: 345px; font-family: 'Roboto' sans-serif; } #variationContainer h5 { margin-top: 25px; margin-bottom: 10px; font-weight: 400; font-size: 14px; } .varList1 { margin: 0; padding: 0; list-style: none; } .varList1 li { display: inline-block; margin-right: 5px; margin-bottom: 5px; padding: 5px 10px; border: 1px solid #333; color: #333; font-size: 12px; } .varList1 li:hover { background-color: #000; color: #fff; cursor: default; } .varList2 { margin: 0; padding: 0; list-style: none; } .varList2 li { display: inline-block; margin-right: 5px; margin-bottom: 5px; padding: 5px 10px; border: 1px solid #333; color: #333; font-size: 12px; } .varList2 li:hover { background-color: #000; color: #fff; cursor: default; } .priceTagBox { padding: 25px 0 0 20px; width: 380px; height: 115px; border-radius: 5px; background-color: #22313F; position: relative; } .priceTagBox h2 { display: inline-block; margin: 0; padding: 0; color: #fff; font-weight: 400; } .priceTagBox h3 { margin: 0 0 0 2px; padding: 0; color: #fff; font-weight: 400; font-size: 14px; position: absolute; left: 80px; } .priceTagBox h4 { margin: 20px 0 0 0; padding-top: 15px; color: #fff; font-weight: 400; font-size: 14px; } .priceTagBox h4 img { margin: 0 5px 0 4px; width: 12px; height: 12px; } #askNowButton { display: inline-block; float: right; margin-top: 2px; margin-right: 20px; width: 185px; height: 35px; border-radius: 3px; background-color: #ff9933; text-decoration: none; cursor: pointer; transition: all 0.1s; } #askNowButton p { font-size: 14px; position: relative; margin: 0; line-height: 35px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0 0 0 0.4); font-size: 14px; left: -4px; } #askNowButton i { position: relative; top: 8px; left: -30px; float: left; color: #ffffff; font-size: 22px; } #askNowButton .innerbox { height: 35px; } .innerbox { float: left; width: 40px; height: 37px; border-radius: 3px 0px 0px 3px; background-color: #fff; opacity: 0.2; } .uiButton { display: block; float: left; margin: 10px 10px 0 0; width: 195px; height: 37px; border-radius: 3px; background-color: #2C3E50; box-shadow: 0px 3px 0px #22313F; text-decoration: none; cursor: pointer; transition: all 0.1s; } .uiButton:hover { background-color: #ff9933; box-shadow: 0px 3px 0px #ff9933; transition: all 0.1s; } .uiButton a .uiButton a:hover .uiButton a:visited { text-decoration: none; } .uiButton i { position: relative; top: 8px; left: -30px; float: left; color: #ffffff; font-size: 22px; } .uiButton p { position: relative; margin: 0; line-height: 40px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0 0 0 0.4); font-size: 14px; } #askNowButton i { position: relative; top: 5px; left: -32px; font-size: 24px; } .rightColumn { float: right; padding-left: 20px; width: 250px; border-left: 1px solid #ebebeb; } .rightColumn ul { padding-left: 0; } .rightColumn .circle { float: left; margin-right: 10px; width: 40px; height: 40px; border-radius: 100%; background-color: #ff9933; text-align: center; } .rightColumn .circle i { color: #ffffff; font-size: 18px; line-height: 40px; } .brandContainer { margin: 0px 0 20px 0; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; text-align: center; } .brandContainer img { max-width: 150px; max-height: 74px; } .brandContainer span { margin-top: 12px; font-size: 14px; } .trustViewDescription { clear: both; margin-bottom: 15px; font-size: 14px; /** height & overflow only allow two lines **/ height: 40px; overflow: hidden; } .trustViewDescription a { color: #ff9933; text-decoration: none; transition: all 0.1s; } .trustViewDescription p { margin: 0; padding: 0; line-height: 20px; } .tabBar { padding-bottom: 50px; margin-top: 20px; } #tab2 #tab3 #tab4 #tab5 #tab6 { display: none; } .tabBar input[type=radio] { visibility: hidden; margin: 0; padding: 0; height: 0; width: 0; position: absolute; } .tablinks { display: inline-block; margin-left: -4px; margin-right: 1%; padding-top: 0; width: 19%; height: 45px; line-height: 45px; background-color: #D2D4C8; color: #6; text-align: center; font-size: 18px; transition: all 0.1s; margin-bottom: 10px; margin-top: 10px; } .tabBar label:last-of-type { margin-right: 0; } .tablinks:hover { background-color: #ff9933; color: #fff; text-decoration: none; cursor: pointer; transition: all 0.1s; } #tab1-btn:checked + .tablinks #tab2-btn:checked + .tablinks #tab3-btn:checked + .tablinks #tab4-btn:checked + .tablinks #tab5-btn:checked + .tablinks #tab6-btn:checked + .tablinks { background-color: #ff9933; color: #fff; text-decoration: none; cursor: pointer; transition: all 0.1s; } #tab1-btn:checked ~ #tab1 { display: block; } #tab1-btn:checked ~ #tab2 #tab1-btn:checked ~ #tab3 #tab1-btn:checked ~ #tab4 #tab1-btn:checked ~ #tab5 #tab1-btn:checked ~ #tab6 { display: none; } #tab2-btn:checked ~ #tab2 { display: block; } #tab2-btn:checked ~ #tab1 #tab2-btn:checked ~ #tab3 #tab2-btn:checked ~ #tab4 #tab2-btn:checked ~ #tab5 #tab2-btn:checked ~ #tab6 { display: none; } #tab3-btn:checked ~ #tab3 { display: block; } #tab3-btn:checked ~ #tab1 #tab3-btn:checked ~ #tab2 #tab3-btn:checked ~ #tab4 #tab3-btn:checked ~ #tab5 #tab3-btn:checked ~ #tab6 { display: none; } #tab4-btn:checked ~ #tab4 { display: block; } #tab4-btn:checked ~ #tab1 #tab4-btn:checked ~ #tab2 #tab4-btn:checked ~ #tab3 #tab4-btn:checked ~ #tab5 #tab4-btn:checked ~ #tab6 { display: none; } #tab5-btn:checked ~ #tab5 { display: block; } #tab5-btn:checked ~ #tab1 #tab5-btn:checked ~ #tab2 #tab5-btn:checked ~ #tab3 #tab5-btn:checked ~ #tab4 #tab5-btn:checked ~ #tab6 { display: none; } #tab6-btn:checked ~ #tab6 { display: block; } #tab6-btn:checked ~ #tab1 #tab6-btn:checked ~ #tab2 #tab6-btn:checked ~ #tab3 #tab6-btn:checked ~ #tab4 #tab6-btn:checked ~ #tab5 { display: none; } .tabContent { clear: both; color: #222; text-align: left; overflow: auto; font-size: 16px; line-height: 1.5; padding-top: 10px; } .tabContent img { max-width: 100%; } .tabContent p { margin: 0; padding: 0; } .tabContent a .tabContent a:visited { color: #ff9933; text-decoration: none; } .tabContent a:hover { text-decoration: underline; font-weight: 700; } .tabContent h1 .tabBar h1 .tabContent h2 .tabBar h2 { font-weight: 400; font-size: 28px; transition: all 0.1s; } .tabContent h1:hover .tabBar h1:hover .tabContent h2:hover .tabBar h2:hover { color: #ff9933; cursor: default; transition: all 0.1s; } .tabContent ul .tabContent ol { display: block; text-align: left; margin: 0; position: relative; line-height: 1.5; margin-bottom: 10px } .tabContentFeaturesList { margin: 0 auto !important; padding: 0 0 0 20px; max-width: 350px; list-style: none; text-align: left; } .tabContentFeaturesList li { margin-bottom: 10px; } .tabContentFeaturesList i { margin-right: 8px; } .descriptionFeatures { margin: 50px 0 70px 0; padding: 30px 0 60px 0; background-color: #f0f0f0; text-align: center; font-size: 18px; } .descriptionFeatures h2 { font-size: 40px; } .contentImgLeft { float: left; margin-top: 0; margin-right: 25px; margin-bottom: 15px; margin-left: 0px; max-width: 45%; height: auto; } .contentImgRight { float: right; margin-top: 0; margin-right: 0px; margin-bottom: 15px; margin-left: 25px; max-width: 45%; height: auto; } .contentImgInline { display: inline-block; vertical-align: top; margin: 0 0 15px 15px; } .whyChooseUs { margin: 10px 0 0 0; padding: 10px 0; width: 100%; background-color: #2c2c2c; } .whyChooseUsBlockContainer { margin: 0 auto; text-align: center; } .whyChooseUsBlock { display: inline-block; margin: 35px 2% 40px 2%; padding: 0 1%; min-height: 300px; width: 16%; border-radius: 5px; background-color: #fff; vertical-align: top; text-align: center; transition: all 0.2s; } .whyChooseUsBlock:hover { color: #ff9933; cursor: default; transition: all 0.2s; } .whyChooseUs .circle { position: relative; top: -38px; display: block; margin: 0 auto; width: 76px; height: 76px; border-radius: 500px; background-color: #ff9933; } .whyChooseUs .circle i { margin-top: 10px; color: #ffffff; font-size: 36px; } .whyChooseUs h2 { color: #333; text-align: center; font-weight: 400; font-size: 26px; font-family: 'Roboto' serif; } .whyChooseUsBlock h3 { margin-top: 0px; text-align: center; font-weight: 400; font-size: 20px; font-family: 'Roboto' serif; } .whyChooseUsBlock p { margin-top: 25px; color: #666666; font-size: 16px; font-family: 'Roboto' sans-serif; } .crossSellerContainer { clear: both; margin-top: 60px; width: 100%; text-align: left; } #csc2 { margin-bottom: 80px; } .crossSellerItem:hover h3 .crossSellerItem:hover p .crossSellerItem:hover a { color: #ff9933; transition: all 0.1s; } .crossSellerItem:hover img { opacity: 0.7; } .crossSellerContainer a:hover .crossSellerContainer a:visited .crossSellerContainer a { color: inherit; text-decoration: none; } .crossSellerContainerHeading { padding: 0; border-bottom: 3px solid #333; } .crossSellerContainer h2 { position: relative; top: 3px; display: inline-block; margin: 0; padding: 0 0 8px 0; border-bottom: 3px solid #ff9933; color: #333; text-transform: uppercase; font-weight: 400; font-size: 24px; } .crossSellerItem { display: inline-block; overflow: hidden; margin-top: 30px; margin-right: 3%; padding: 0; width: 22.2%; height: 320px; vertical-align: top; cursor: pointer; transition: all 0.2s; } .crossSellerItem:last-child { margin-right: 0; } .crossSellerItemImgContainer { position: relative; width: 100%; height: 230px; text-align: center; cursor: pointer; } .crossSellerItem img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; transition: all 0.5s; } .crossSellerItem a { color: #000; text-decoration: none; } .crossSellerItem span { float: left; margin-top: 9px; width: 100%; text-align: center; } .crossSellerItem h3 { margin: 0; padding: 0; color: inherit; font-size: 16px; transition: all 0.2s; } .crossSellerItem p { margin-top: 7px; padding: 0; color: inherit; font-size: 15px; transition: all 0.2s; } #footerContainer { margin-top: 10px; padding: 40px 0 0 0; width: 100%; height: 220px; background-color: #22313F; } #footerContainer h2 { margin: 0 0 26px 0; padding: 0 0 8px 0; border-bottom: 2px solid #ff9933; color: #f0f0f0; text-transform: uppercase; font-weight: 400; font-size: 17px; font-family: 'Roboto'; } #footerContainer i { float: left; color: #ffffff; font-size: 22px; line-height: 30px; } #footerContainer a { color: #D6D6D6; text-decoration: none; } #footerColumn1 { float: left; margin-left: 60px; width: 220px; height: 180px; } #footerColumn2 #footerColumn3 { float: left; margin-left: 55px; width: 205px; height: 180px; } .footerRow { margin-bottom: 20px; height: 28px; } #footerColumn1 p { margin: 0 0 0 40px; margin-bottom: 0; padding: 0; color: #D6D6D6; font-size: 12px; } #footerColumn2 p { float: left; margin: 5px 0 0 15px; color: #D6D6D6; font-weight: 400; font-size: 12px; } #footerColumn3 p { clear: both; color: #D6D6D6; font-weight: 400; font-size: 12px; } #footerColumn3 span { margin-top: 5px; font-weight: 400; } #copyright { float: right; margin: 85px 40px 0 0; color: #D6D6D6; font-size: 9px; } #copyright a { color: #ffffff; text-decoration: none; } @media only screen and (max-width: 1215px) { .gallery { width: 40%; } } @media only screen and (max-width: 1135px) { .rightColumn { padding-left: 10px; width: 160px; } } /*****************/ /* TABLET 1024px */ /*****************/ @media only screen and (max-width: 1024px) { .logoContainer { display: block; margin: 0 auto; width: 100%; text-align: center; } .navigationContainer { display: block; margin: 25px auto 0 auto; padding: 0; width: 100%; height: auto; background-color: #fff; } .navigationContainer ul { padding: 0; } .navigationContainer ul li { display: block; margin: 0 auto; padding: 0; height: auto; border-bottom: 1px solid #ddd; color: #ff9933; text-align: center; } .galleryAndShortdescriptionContainer { float: none; margin: 0 auto; width: 100%; } .gallery { display: block; float: none; margin: 0 auto; width: 70%; } .bigPic { height: 530px; } .bigPic img { max-height: 530px; } .midColumn { float: none; margin: 0 auto; width: 100%; } .midColumn h1 { text-align: center; } .midColumn h2 { margin: 0 auto 0 auto; text-align: center; } .underline { margin: 15px auto 15px auto; } .shortdescription { margin: 0 auto; width: 410px; float: none; } .shortdescription p { text-align: center; } #variationContainer { width: auto; text-align: center; } .priceTagBox { margin: 0 auto; padding: 20px 0 0 30px; max-width: 380px; } #askNowButton { margin-left: 20px; min-width: 40%; } #askNowButton p .uiButton p { left: -15px; } .buttonContainer { margin: 0 auto; text-align: center; } .uiButton { display: inline-block; float: none; } #questionBtn { margin: 10px 0 0 0; width: 202px; } #watchlistBtn { margin: 10px 0 0 0; width: 202px; } .rightColumn { float: none; clear: both; margin: 40px auto 0 auto; padding-top: 20px; max-width: 100%; border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; width: auto; } .brandContainer { display: none; } .trustViewDescription { display: inline-block; clear: both; margin-right: 20px; width: auto; width: 40%; vertical-align: top; text-align: left; } .trustViewDescription p { margin: 0; vertical-align: top; } .tabBar { margin: 40px auto 0 auto; max-width: 100%; text-align: left; } .whyChooseUs { padding-right: 30px; max-width: 100%; } .whyChooseUsBlock { width: 30%; } .crossSellerContainer { margin: 0 auto; padding-top: 60px; padding-right: 30px; width: 90%; } .crossSellerContainer { width: 100%; } .crossSellerItem { width: 21%; } } @media only screen and (max-width: 830px) { .videoWrapperContainer { width: 90%; } .bigPic { width: auto; height: 290px; } .bigPic img { max-width: 95%; max-height: 300px; width: auto; vertical-align: middle; } .bigPic { display: inline-block; width: 100%; vertical-align: middle; text-align: center; } .contentImgLeft .contentImgRight { float: none; clear: both; margin: 0 auto; max-width: 100%; width: auto; text-align: center; } .contentImgLeft img .contentImgRight img { margin-bottom: 10px; } #footerContainer { height: 700px; } #footerColumn1 #footerColumn2 #footerColumn3 { float: none; margin-bottom: 50px; margin-left: 50px; } } /* SMARTPHONE 660px*/ @media only screen and (max-width: 660px) { #wrapper { padding: 20px 20px 0 20px; } .tablinks { margin-bottom: 10px; } .tabBar label { width: 47%; margin-right: 1%; margin-left: 1%; } .whyChooseUs { padding: 30px 0; width: 100%; } .whyChooseUsBlock { width: 90%; } .crossSellerContainer { width: 100%; padding-right: 0px; text-align: center; } .crossSellerItem { display: block; margin: 0 auto; padding-top: 50px; width: 80%; text-align: center; } .crossSellerItem:last-child { margin-right: auto; } #footerContainer { height: 700px; } #footerColumn1 #footerColumn2 #footerColumn3 { display: block; float: none; clear: both; margin: 0 auto; margin-bottom: 40px; padding: 0; width: 55%; text-align: left; } } /* SMARTPHONE 480px*/ @media only screen and (max-width: 480px) { .logoContainer { display: block; margin: 0 auto; width: 100%; text-align: center; } .gallery { display: block; float: none; margin: 0 auto; width: 100%; } .bigPic { height: 230px; } .bigPic img { max-width: 95%; max-height: 230px; width: auto; vertical-align: middle; } .midColumn { display: block; margin: 0 auto; width: 100%; } .midColumn h2 { margin: 0 auto; text-align: center; } .shortdescription { clear: both; padding-left: 0px; width: 100%; } .priceTagBox { padding: 20px 0 0 0; width: 250px; height: 180px; } .priceTagBox h2 { margin: 0 auto; display: block; } .priceTagBox h3 { margin: 0 auto; text-align: center; } .priceTagBox h4 { margin: 0 auto; text-align: center; } #askNowButton { margin-top: 40px; margin-right: 26px; margin-bottom: 20px; width: 200px; text-align: center; } .uiButton { display: block; } .buttonContainer { text-align: center; } #watchlistBtn { display: inline-block; width: 250px; } #questionBtn { display: inline-block; margin-right: 0; margin-top: 10px; width: 250px; } #questionBtn p { font-size: 13px; } .trustViewDescription { display: block; margin: 0 auto 15px auto; width: 90%; height: auto; } .whyChooseUsBlock { display: block; margin: 60px auto 0 auto; padding: 0 1%; min-height: 300px; width: 80%; background-color: #fff; } .tabBar { display: block; } .tablinks li { height: 40px; line-height: 40px; } } @media only screen and (max-width: 350px) { .bigPic img { max-height: 200px; } } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(10px) } 100% { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(10px) } 100% { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(10px) } 100% { opacity: 1; -o-transform: translateX(0) } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(10px) } 100% { opacity: 1; transform: translateX(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight }