/*------------------------------------------------------------------------------------------------------------------------------------------------------ * Flex Template CSS v4.02.03 * * Author: Martin Kemter * Email: m.kemter@bui-hinsche.com * www: http://www.bui-hinsche.com * Work: Designer @ mk ------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* GENERAL ELEMENTS */ /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* color resets */ .btn-primary,.btn-default, .input-group-addon {color:transparent!important; background: none!important; border-color: transparent!important; box-shadow: none!important;} ul {list-style: none;} html {font-size: 75%;} body {font-size: 1em;} .clear {clear:both;} .line {border-top: 1px solid #eeeeee; margin: 5px 0;} :-webkit-autofill { color: #fff !important; } /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* BOOTSRAP CLASSES */ /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ .glyphicon {top:0;} .btn-default.glyphicon, .btn-default .glyphicon {color:#ffffff;} .btn-default.glyphicon:hover, .btn-default .glyphicon:hover {color:#FFFFFF;} /* button */ .btn.btn-default {background: #428BCA; color:#fff; border: 1px solid #2A6496;} .btn.btn-default:hover {background: #fff; color:#428BCA; border: 1px solid #2A6496;} .btn.btn-primary {background: #428BCA; color:#fff; border: 1px solid #2A6496;} .btn.btn-primary:hover{color:#2A6496} button[type="submit"].btn-default {color:#fff;} button[type="submit"].btn-default:hover {color:#2A6496} /* dropdown */ .dropdown-menu {border:1px solid rgb(140,207,204); box-shadow: 0 6px 12px rgba(0, 153, 154, 0.176)} .dropdown-menu > li > a {color: #333;} .dropdown-menu > li > a:hover {background:rgb(241,251,251);} h1, .h1 {font-size:3em;} h2, .h2 {font-size:1.5em;} h3, .h3 {font-size:1.2em;} h1, h2, h3, h4, h5, h6, .headline, .product-name { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {font-size: 0.4em;} .page-header {margin:20px 0 10px;} .page-header .subline {font-size: 1em; color:#999;} .bootstrap-select .btn-info, .bootstrap-select .btn {padding: 2px 30px; -webkit-transition: all 0.5s ease-in-out; /* Firefox */ -moz-transition: all 0.5s ease-in-out; /* WebKit */ -o-transition: all 0.5s ease-in-out; /* Opera */ transition: all 0.5s ease; /* Standard */} .bootstrap-select .btn-info:hover, .bootstrap-select .btn:hover { -webkit-transition: all 0.5s ease-in-out; /* Firefox */ -moz-transition: all 0.5s ease-in-out; /* WebKit */ -o-transition: all 0.5s ease-in-out; /* Opera */ transition: all 0.5s ease; /* Standard */ } .bootstrap-select ul {border:none;} .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%!important;} .bootstrap-select.btn-group .dropdown-menu {max-width: 100%;} .bootstrap-select.btn-group .dropdown-menu .text {white-space: normal;} /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* PAGE SECTIONS */ /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* PAGE INDEX */ #page {max-width:1170px; margin:0 auto;} .plh-top {height: 50px; margin-bottom: 10px;} /* placeholder for mobile-header */ .plh-bottom {height: 100px;}/* placeholder for mobile-footer */ /* HEADER */ #header {position:relative; background:#eee; box-shadow: 0 1px #fff; } #general-header {padding: 10px 0; background: #fff;} /* HEADER-TOP-MENU DEFAULT */ /* (md, lg) */ #topmenu a {display:inline; margin-left:10px;} #topmenu .hidden-xs.hidden-sm.btn-group {height: 20px;} #topmenu .box-language .hidden-xs.hidden-sm button {padding: 3px 10px 3px;} #topmenu .box-language .hidden-xs.hidden-sm .dropdown-toggle {height:20px; padding:7px 8px 7px;} #topmenu .box-language .hidden-xs.hidden-sm .dropdown-menu {min-width:65px;} #topmenu .box-language .hidden-xs.hidden-sm .dropdown-menu a {display: inline-block; width:100%; margin: 0; padding: 5px 0; text-align: left;} #topmenu .box-language .hidden-xs.hidden-sm .dropdown-menu img {margin:5px 0 5px 10px;} #topmenu .box-currency .hidden-xs.hidden-sm {margin:0px 0 0 15px;} #topmenu .box-currency .hidden-xs.hidden-sm button {padding:0 10px;} #topmenu .box-currency .hidden-xs.hidden-sm .dropdown-toggle {height:20px; padding:7px 8px; font-size:14px;} /* MOBILE-TOP-MENU MOBILE */ /* (xs) */ #header .navbar {margin-bottom:0; border-radius: 0; box-shadow: 0 0 10px 1px #999999; margin: 0;} #header .navbar-header {height: 60px; padding: 10px 0; position: relative;} #header .navbar-header .btn {position:relative; padding: 9px 10px;} #header .navbar-header .header-btn {margin: 0 8px 0 0;} #header .navbar-header .navbar-toggle {margin: 0 0 0 8px; padding: 11px 9px;} #header .navbar-collapse {height:100% !important;} #header .navbar .menu-categories {box-shadow:0 10px 10px 0px #666666;} #header .navbar .navbar-nav > .active > a, #header .navbar .navbar-nav > .active > a:hover, #header .navbar .navbar-nav > .active > a:focus {background:#428BCA; color:#fff;} #header .navbar .navbar-nav > li > a:hover, #header .navbar .navbar-nav > li > a:focus {background-color: #428BCA; color: #FFFFFF;} #header .navbar .navbar-nav > li.level2 {margin-left: 15px;} #header .navbar .navbar-nav > li.level2 > a {padding-left:25px; border-left: 2px solid;} #header .navbar .navbar-nav > li.level3 {margin-left:30px;} #header .navbar .navbar-nav > li.level3 > a {padding-left:45px; border-left: 2px solid;} /* LOGO */ #branding {z-index: 10;} #slogan {color: #428BCA;font-size: 1.2em;font-weight: bold;} .logo.hidden-xs img {max-width:100%} .visible-xs .logo {padding:0;} .visible-xs .logo a {display:table-cell;} .visible-xs .logo img {max-width: 100%; width:auto; max-height: 40px; } /* CACHETS */ #header #cachets {} /* SEARCH */ @media screen and (min-width:768px){ /* collapse search-form only in xs */ #search-box #search-form{display:block;} } #search-box input[name="keywords"] {float: left; width: 100%;} #search-box .search-input-mobile { height:40px; font-size: 12px; text-align: right; } #search-box .search-btn-mobile {top:0;} .search-box-advanced {padding: 5px 0;} .search-box-advanced .btn-default {background: #428BCA; color: #FFFFFF;} /* CART-BOX */ #cart-header{z-index:10; margin:0;} #cart-header ul {margin:0; padding:0;} #cart-header ul li {text-align:right;} .box-cart {position:relative;} .box-cart .box-cart-box {position:relative;} .box-cart .box-cart-box .badge {position: absolute; top:-8px; right:-10px; width: auto; height: 20px; background: #EBF9F9; color:#00999A; border-radius: 10px; padding:0;} .box-cart .box-cart-box .badge .count {display: inline-block; vertical-align: middle; font-size: 12px; color: #009999; margin: 3px 7px 0; font-weight:bold;} .box-cart .box-cart-box .badge.empty {background:#DDDDDD ;} .box-cart .box-cart-box .badge.empty .count {color:#999;} .box-cart .box-cart-box .cart-btn-mobile {position: relative} .box-cart .box-cart-box .cart-btn-default {position:relative; padding:0;} .box-cart .box-cart-box .cart-btn-default .glyphicon {-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .box-cart .box-cart-box .cart-btn-default .box-cart-info {padding: 11px 60px 11px 15px; margin-bottom: 10px; border:none;} /* TOP-CATEGORIES - MAIN MENU */ /* first level */ #top-categories {} #top-categories .container-fluid {padding:0;} #box-topcategories > ul {margin: 0;} #home-btn-topmenu {font-size: 20px; margin: 0px;} #home-btn-topmenu:hover, #box-topcategories ul li:hover {background:rgba(66,139,202,.2);} #home-btn-topmenu a span {padding: 15px 20px;} /* second level */ #box-topcategories nav.navbar {margin: 0;} #box-topcategories nav.navbar.glyphicon-home {font-size: 12px} #box-topcategories ul li {position:relative;float:left; margin-right:0px;} #box-topcategories ul li:before {content: ''; position:absolute; top:0; left: -2px; width:2px; height:50px;} #box-topcategories ul li a {position:relative; display: block; line-height: 20px; padding:15px;} #box-topcategories ul li a:hover {text-decoration: none;} #box-topcategories ul li.active a:after, #box-topcategories ul li.active a:before, #box-topcategories ul li a:hover:after, #box-topcategories ul li a:hover:before {top: 0%; left: 50%; border:5px solid transparent!important; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} #box-topcategories ul li.active a:after, #box-topcategories ul li.active a:before, #box-topcategories ul li a:hover:after, #box-topcategories ul li a:hover:before {border-width: 5px; margin-left: -5px;} /* inputs */ .input-group-addon {border: none;} input.form-control { border:none; border:none; } .form-control:focus { border-color: #00999A; box-shadow: 2px 0px 5px rgba(0, 153, 154, 0.25) inset; background:#ffffff; outline: 0 none; } /* CONTENT WRAP */ #content-wrap {} #content ul {padding:10px;} #content ul li {margin:5px 0;} /* SIDEBAR */ #sidebar {} #sidebar h2 {margin: 0; font-size: 1.2em;} #sidebar ul {padding-left:15px; margin: 10px 0;} /* LOGIN-BOX */ #sidebar #box-loginbox .input-group {width:100%;} #sidebar #box-loginbox .input-group-addon {width: 50px;background: #428BCA; color:#fff;} #sidebar #box-loginbox .input-group-addon .icon-pass:before {color: #fff;} /* CATEGORIES BOX */ #sidebar .box-categories {overflow: hidden;} #sidebar .box-categories .panel-body {padding: 0;} #sidebar .box-categories ul {padding:0;} #sidebar .box-categories ul li {position:relative;} #sidebar .box-categories ul li a {display:block; padding:5px 15px; transition: background 0.s, color 0.5s;} #sidebar .box-categories ul li a:hover {text-decoration: none; background:#428BCA; color:#fff; transition: background 0.5s, color 0.5s;} #sidebar .box-categories ul li.level1.active a {background:#428BCA; color:#fff;} #sidebar .box-categories ul li.level1.active a:hover {background:#428BCA; color:#fff;} #sidebar .box-categories ul li.level2 a {padding-left:30px; padding-left: 10px; margin-left: 15px; border-left: 1px solid #428BCA;} #sidebar .box-categories ul li.level2 a:hover, #sidebar .box-categories ul li.level2.active a {background:#428BCA; color:#ffffff;} #sidebar .box-categories ul li.level2 span {margin-right:0px;} #sidebar .box-categories ul li.level2.active a:hover {color:#fff;} #sidebar .box-categories ul li.level3 a {margin-left: 35px; padding-left:30px; background:none; border-left: 1px solid transparent;} #sidebar .box-categories ul li.level3 a:hover {background:#BBBBBB; color:#2F6A9B;} #sidebar .box-categories ul li.level3.active a {background:#999; color:#fff;} #sidebar .box-categories ul li.level3.active a:hover {background:#2F6A9B; color:#fff;} #sidebar .box-categories i[class*="fa-angle-"]{font-size: 16px; font-weight: bold;} /* XT_SPECIAL_PRODUCTS, XT_NEW_PRODUCTS, XT_BESTSELLER_PRODUCTS */ #sidebar .product-listing .panel {display: table; padding: 0; position: relative; width: 100%;} #sidebar .product-listing .panel-footer {position: relative; height:160px;} #sidebar .product-listing .panel-footer h2 {font-size: 1.333em; line-height: 1.33em; margin:0 0 5px; overflow: hidden; word-wrap: break-word;} #sidebar .product-listing .panel-footer h3 {overflow: hidden; word-wrap: break-word; margin: 0 0 5px;} #sidebar .product-listing .product-price {left: 0; margin: auto 10%; position: absolute; top: 55px; width: 80%;} #sidebar .product-listing .product-price .label {font-size: 1.333em; margin: 5px 0; display: inline-block;} #sidebar .product-listing .product-price .label.graduated {font-size: 1.333em; line-height: 1.1em; margin: 5px 0 0; padding: 4px 0; width: 80%;} #sidebar .product-listing .product-price .label.special {position:relative; margin: 15px 0 10px;} #sidebar .product-listing .product-price .label.special .price-old {background: none repeat scroll 0 0 #FF0000 !important; color: #FFFFFF; font-size: 0.5em; font-weight: normal; position: absolute; top: -18px; left:0; right:0; width:100%;} #sidebar .product-listing .product-price .label.special .price-old:after {border-bottom: 1px solid #FFFFFF; content: ""; left: 10%; position: absolute; right: 0; top: 50%; width: 80%; opacity:.6;} #sidebar .product-listing .product-price .label.special .price-discount {color: #5CB85C; font-size: 0.6em; font-weight: normal; left: -15%; position: absolute; top: 30px;} #sidebar .product-listing .product-price .label.special-discount {} #sidebar .product-listing .product-price .label.special-graduated {} #sidebar .product-listing .product-base-price {position: absolute; bottom:30px; font-size:0.8em; width:85%;} #sidebar .product-listing .product-tax-shipping {position: absolute; bottom:10px; font-size:0.8em; width:85%;} /* Collapsed Panels */ #sidebar .product-listing .panel-group .panel-heading {padding:0 0;} #sidebar .product-listing .panel-group .panel-heading h4 a {display: block; text-decoration: none; width:100%; font-size: 12px; padding:10px 15px;} /* BREADCRUMB */ #breadcrumb ul {padding:0;} #breadcrumb ul li {float:left; margin-right:5px; line-height:10px;} #breadcrumb ul li:last-child {color:#428BCA;} #breadcrumb ul li div {float:left; padding-right:5px;} #breadcrumb .well {background:#ddd;} /* CONTENT */ #content {min-height:700px; padding-bottom:100px; padding-top:10px;} #content h1 {word-wrap: break-word;} /* FORM STYLES */ .form .input-group {margin-bottom: 10px; width:100%; height:30px;} .form .input-group .input-group-addon {width: 170px; height: 30px; border:none; text-align: right; padding-top: 7px; padding-top:0 !important; padding-bottom:0 !important; vertical-align: middle !important;} .form .input-group .input-group-addon.short {width:40px;} .form .input-group .input-group-addon.medium {width:110px;} .form .input-group .input-group-addon.full {line-height: 30px; text-align: left; width: 100%;} .form .input-group .form-control.check-desc {background: #EEEEEE; border: medium none; box-shadow: none; } .form .well .input-group .input-group-addon, .form .well .input-group .form-control.check-desc {background:#ddd;} /* CATEGORIE LISTING */ #content #categorie-listing .page-header {margin: 0 0 20px; padding-bottom: 0;} #content #categorie-listing .manufacturers-description {} #content #categorie-listing .page-header h1 small {line-height: 1.2em;} #content #categorie-listing .panel-body .panel {position:relative; padding: 0; text-align: center;} #content #categorie-listing .panel-body .panel a.cat-img {position:relative; display: block; height: 115px; margin: 0; padding: 10px 10px 20px; align-items: center; display: flex; flex-direction: row;} #content #categorie-listing .panel-body .panel a.cat-img img {max-width: 100%; margin:0 auto 5px;} #content #categorie-listing .panel-body .no-image {font-size: 110px;} @media(max-width:768px){ #content #categorie-listing .panel-body .no-image {font-size: 4.5em;} } #content #categorie-listing .cat-item .overlay {position:absolute; content:''; width:100%; height:100%; top:0; right:0; bottom:0; left:0; opacity:0;} #content #categorie-listing .cat-item:hover .overlay {opacity: .25} /* PRODUCT LISTING */ #content .product-listing.slider {padding-bottom: 0px;} #content .product-listing {padding-bottom: 100px;} #content .product-listing .products-sort-pages .bootstrap-select, #content .product-listing .products-sort-pages .dropdown-menu {width:225px;} #content .product-listing .products-sort-pages .dropdown-menu li a {padding: 3px 10px;} #content .product-listing .page-header {margin:0 0 20px; padding-bottom:0;} #content .product-listing .navigation_selected {} #content .product-listing .product-list {margin-top: 20px;} #content .product-listing .product-list .panel .panel-body {} #content .product-listing .product-list .panel .panel-footer {position:relative; overflow: hidden;} #content .product-listing .product-list .panel .panel-footer h3 {overflow: hidden; word-wrap: break-word; margin: 0 0 5px; height:50px;} #content .product-listing .product-list .product-price {top: 55px; left: 0;} #content .product-listing .product-list .product-price .label {font-size: 1.333em; margin: 5px 0; display: inline-block;} #content .product-listing .product-list .product-price .label.graduated {font-size: 1.333em; line-height: 1.2em; margin: 5px 0 0;} #content .product-listing .product-list .product-price .label.graduated .range {line-height:10px;} #content .product-listing .product-list .product-price .label.special {position:relative; margin: 15px 0 10px;} #content .product-listing .product-list .product-price .label.special .price-old {background: none repeat scroll 0 0 #FF0000 !important; color: #FFFFFF; font-size: 0.5em; font-weight: normal; position: absolute; top: -18px; left:0; right:0; width:100%;} #content .product-listing .product-list .product-price .label.special .price-old:after {border-bottom: 1px solid #FFFFFF; content: ""; left: 10%; position: absolute; right: 0; top: 50%; width: 80%;} #content .product-listing .product-list .product-price .label.special .price-new {} #content .product-listing .product-list .product-price .label.special .price-discount {color: #5CB85C; font-size: 0.6em; font-weight: normal; left: -15%; position: absolute; top: 30px;} #content .product-listing .product-list .product-price .label.special-discount {} #content .product-listing .product-list .product-price .label.special-graduated {} #content .product-listing .product-list .product-base-price {position: absolute; bottom:25px; font-size:0.8em; width:85%;} #content .product-listing .product-list .product-tax-shipping {position: absolute; bottom:10px; font-size:0.8em; white-space: nowrap; width: 100%; left:0;} #content .product-listing .product-list .product-reviews {position: absolute; left: 10%; width: 80%; display: block; bottom: 0;} #content .product-listing .product-list .product-reviews {display: inline-block; margin-bottom: 5px;} #content .product-listing .product-list .product-reviews .reviews_rating_light .reviews_rating_dark {background: transparent url(../img/review_star.png) repeat-x scroll 0%; height: 15px; position: relative; width: 80px;} #content .product-listing .product-list .product-reviews .reviews_rating_light {display: inline-block; background:transparent url(../img/review_star_light.png) repeat-x scroll 0%; height: 15px; position: relative; width: 80px;} #content .product-listing .pagination {padding: 0;} #content .product-listing .pagination > li > a, #content .product-listing .pagination > li > span {padding: 6px 9px} /* LISTING SM,MD,LG */ #content .product-listing .product-list .article-box .panel {overflow:hidden;} #content .product-listing .product-list .article-box .panel .panel-body {position:relative; display:table; width:100%; height:200px; padding:0;} #content .product-listing .product-list .article-box .panel .panel-body .product-image {display: table-cell; vertical-align: middle;} #content .product-listing .product-list .article-box .panel .panel-body .product-image a {display: block;} #content .product-listing .product-list .article-box .panel .panel-body .product-image a img {max-width: 100%;} #content .product-listing .product-list .article-box .panel .panel-footer h3 {font-size: 1em; line-height: 1.2em; min-height:50px;} #content .product-listing .product-list .article-box .panel .panel-footer { min-height:130px;} /* LISTING XS */ @media (max-width: 768px) { #content .product-listing .product-list .article-box .product-price {top:50px;} #content .product-listing .product-list .article-box .panel {overflow:hidden;} #content .product-listing .product-list .article-box .panel .panel-body { position: relative; display: table; height: 170px; width: 100%;} #content .product-listing .product-list .article-box .panel .panel-body .product-image {display: table-cell; height: 170px; vertical-align: middle; width: 100%;} #content .product-listing .product-list .article-box .panel .panel-body .product-image a img {max-width:100%; height:auto;} #content .product-listing .product-list .article-box .panel .panel-footer {height: 150px;} #content .product-listing .product-list .article-box .panel .panel-footer h3 {font-size: 1em; height:auto /*50px*/;padding-top: 10px;} /* LISTING-2 XS */ #content .product-listing.listing-2 .product-list .product-tax-shipping {padding:0 5px; white-space: normal; bottom: -7px;} } /* PRODUCT */ #content #product {margin-top: 10px;} #content #product #product-infos .page-header {margin:0 0 10px; border-bottom: 1px solid #BBBBBB; box-shadow: 0 1px #FFFFFF;} #content #product #product-infos .page-header h1 {margin:0; font-size: 1.5em;} #content #product #product-infos .product-reviews {display: inline-block; margin-bottom: 5px;} #content #product #product-infos .product-reviews .reviews_rating_light .reviews_rating_dark {background: transparent url(../img/review_star.png) repeat-x scroll 0%; height: 15px; position: relative; width: 80px;} #content #product #product-infos .product-reviews .reviews_rating_light {background:transparent url(../img/review_star_light.png) repeat-x scroll 0%; height: 15px; position: relative; width: 80px; float: left;} #content #product #product-infos .product-price {position:relative; margin:20px 0; font-size:1.8em; font-weight:bold; color:#428BCA;} #content #product #product-infos .product-price .graduated {font-size: 1.333em; line-height: 1.1em; margin: 5px 0 0; padding: 4px 0; width: 80%;} #content #product #product-infos .product-price .special {} #content #product #product-infos .product-price .special .price-old {position: absolute; top: -15px; left: 0; background: none repeat scroll 0 0 #FF0000; color: #FFFFFF; font-size: 0.5em; font-weight: normal; text-decoration: line-through;} #content #product #product-infos .product-price .special .price-new {} #content #product #product-infos .product-price .special .price-discount {position: absolute; color: #5CB85C; font-size: 0.5em; left: 0; top: 30px; font-weight:normal;} #content #product #product-infos .input-group.add-to-cart {width:200px;} #content #product #details #tabs {padding:0; height: auto;} #content #product #details #tabs li {margin:0 0 -1px;} #content #product #details #tabs.nav-tabs > li > a {background:#dddddd; padding: 10px; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} #content #product #details #tabs.nav-tabs > li > a:hover {background:#cccccc;} #content #product #details #tabs.nav-tabs > li.active > a {background:#fff;} #content #product #details #tab-content {border: 1px solid #DDDDDD; background:#FFFFFF; border-top: none; padding:10px;} #content #product #details span[itemprop="count"]{background: #418BCA; color: #fff; padding: 0px 4px; width: 15px; height: 15px; line-height:15px; border-radius: 10px;/* position: absolute; top: -7px; right: 2px;*/} #content #product #details span[itemprop="count"].empty {background:#EEEEEE; color:#999; border:1px solid #ddd;} #content #product #details li.active span[itemprop="count"].empty {background:#ffffff; color:#999; border:1px solid #ddd;} #content #product #product-images {margin-bottom:10px; align-items: center; display: flex; flex-direction: column;} #content #product #product-images .product-image img.no-image {border: 1px solid #EEEEEE; display: block; margin: 0 auto 10px; padding: 30px 60px;} #content #product #product-images .product-image.hidden-xs.hidden-sm {text-align: center;} #content #product #product-images .addthis_toolbox {margin: 5px 0;} #content #product #product-images .more-images {margin-top: 10px;} #content #product #product-images .more-images-item {min-height: 60px; text-align: center; min-width: 100%} #content #product #product-images .more-images-item img {max-height: 100%;} #content #product #product-images #lb-img {transition: all 0.5s ease-in;} /* xs */ #content #product #product-images .lightbox-content {position: relative; overflow:hidden;} #content #product #product-images .lightbox-content .img-org {width:100%; height: auto;} #content #product #product-images .lightbox-content .lightbox-caption {position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 0 0; } #content #product #product-images .lightbox-content .img-org:hover {cursor:pointer;} #content #product #product-images .hide-lb {display:none;} /* ZOOM */ #content #product #product-images #zoom img {height:auto;} #content #product #product-images .cloud-zoom-lens {background: #428BCA;} #content #product #product-images .cloud-zoom-big {box-shadow: 0 0 4px 4px #999;} /* LOGIN */ #content #login #accordion .panel .panel-heading a {display:block; color:#fff; text-decoration: none;} /* SEARCH */ #search .select{background-color: #EEEEEE; border: 1px solid #CCCCCC; border-radius: 4px; color: #555555; font-size: 14px; font-weight: normal; line-height: 1; padding: 6px 12px; text-align: left; width:1%; display:table-cell; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0} #search .bootstrap-select .dropdown-toggle.btn {background: none repeat scroll 0 0 #fff; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 0 3px 3px #f5f5f5 inset;} #search .bootstrap-select .dropdown-toggle.btn:hover{box-shadow:0 0 3px 3px #ccc inset !important;} #search .bootstrap-select .dropdown-menu {top:70%;} #search #cat, #search #mnf {margin-bottom:10px; padding-left:50px; border-top-left-radius: 0; border-top-right-radius: 0; -webkit-appearance: none; box-shadow: none !important;} /* ACCOUNT */ .order-item {background: none repeat scroll 0 0 #DDDDDD; margin: 0; padding: 10px 0;} .order-item:nth-child(odd) {background:#F5F5F5} .order-item:nth-child(even) {background: #EEEEEE} /* ACCOUNT HISTORY */ #order-history-block .order-item, .order-item .item-details /* account-history-info */, .download-history-block .order-item {margin:0; padding: 10px 0; border-top: 1px solid #DDDDDD; box-shadow: 0 0px 0 1px #fff;} #order-history-block .order-item:nth-child(odd), .order-item .item-details:nth-child(odd), .download-history-block .order-item:nth-child(odd) {background:#F5F5F5;} #order-history-block .order-item:nth-child(even), .order-item .item-details:nth-child(even), .download-history-block .order-item:nth-child(even) {background:#EEEEEE;} .order-item .item-details .name {margin-bottom:10px;} /* ORDER HISTORY */ #order-body {margin-bottom: 10px;} #order-total {margin-top:10px;} /* DOWNLOAD HISTORY */ .download-history-block {margin-bottom:10px;} /* ADDRESS BOOK */ #address-book .panel {box-shadow: none;} #address-book .panel-body {background:#F5F5F5; height:160px;} /* CART */ #content #cart .cart-item {margin:0; padding: 10px 0; border-top: 1px solid #DDDDDD; box-shadow: 0 0px 0 1px #fff;} #content #cart .cart-item:nth-child(odd) {background:#F5F5F5;} #content #cart .cart-item:nth-child(even) {background:#EEEEEE;} #content #cart .cart-item .amount .amount-frame {display: inline-block;} #content #cart .cart-item .amount.input-group {float:left; padding: inherit; padding-right:0;} #content #cart .cart-item .amount input[name="qty[]"] {float: left; width: 45px; height:30px; text-align: center; padding:0;} #content #cart .cart-item .amount .input-group-addon {float:left; white-space: normal; padding:0;} #content #cart .cart-item .amount button.cart-qty-plus {border-bottom-left-radius: 0; border-top-left-radius: 0;} #content #cart .cart-item .amount button.cart-qty-minus {border-bottom-right-radius: 0; border-top-right-radius: 0;} #content #cart .cart-item .amount button.cart-qty-plus, #content #cart .amount button.cart-qty-minus {padding:7px 5px;} #content #cart .cart-item .amount .amount-btn {display: block; float: left; height: 30px;} #content #cart .cart-item .item-details a.more {margin-bottom: 10px; text-decoration: underline;} #content #cart .cart-item .cart-detail {padding: 20px 30px;} #content #cart .cart-item .item-total{border-top: 1px solid rgba(0,0,0,.1); padding-top: 10px; margin-top: 10px;} #content #cart #cart-total {border-top: 5px double #999; margin: 0 0 20px; padding-top:10px;} #content #cart .refresh button {display:inline-block; margin:0 auto; padding:6px 9px;} #content #cart #shipping-preview .bootstrap-select {width:auto;} #content #cart #shipping-preview .bootstrap-select button {padding-left:10px; } /* xs,sm popup */ #content #cart .product-details {position: relative} #content #cart .product-details img {max-width:100%; width: auto; height:auto;} #content #cart .product-details img:hover {position:relative; cursor:pointer;} #content #cart .cart-img.thumbnail {float:left; position:relative; display: inline-block; cursor:pointer; max-width: 100%;} #content #cart .paypal_checkout {display:inline-block;} /* CHECKOUT */ #checkout-steps .well {position:relative; padding:10px; margin-bottom: 10px;} #checkout-steps .well.active {background:rgba(92,184,92,.5); color:#333;} #checkout-steps .well .act {border: 1px solid rgb(173, 219, 173); bottom: -11px; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent rgb(173, 219, 173) transparent; line-height: 0px; _border-color: #000000 #000000 rgb(173, 219, 173) #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position: absolute; left: 50%;} #checkout-steps .well.active .icon {color:#666;} #checkout-steps .well .icon.icon-3x {float: left; margin-right: 10px;} #checkout-steps .well .icon.check {position: absolute; right: -8px; top: 5px;} #checkout-steps .well h2 {margin: 0 0 20px;} #checkout-steps .well .hidden-xs.hidden-sm p {display: block; height: 30px;} #checkout-steps .well .step-desc {display: block; height: 40px; left: 0; margin-top: 25px; padding: 3px; position: relative; width: 100%;} @media(max-width:768px){ #checkout-steps .icon.icon-2x {font-size: 1.3em;} } #current-step {margin-bottom: 10px; padding: 15px; background: rgba(92, 184, 92, 0.5);} #current-step h2 {margin:0; color:#333;} #checkout .panel-heading { word-break:break-word; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; /*font-size: 85%;*/} #checkout .panel-body p {margin:0 0 5px;} #checkout h2 {margin:0 0 10px;} #checkout h3 {margin:0; } #checkout select/*[name="adID"] */{max-width:100%;} #checkout .input-group {margin-top:20px;} #checkout .input-group:hover {cursor:pointer;} #checkout .input-group.wth-desc .input-group-addon {border-bottom-left-radius: 0;} #checkout .input-group.wth-desc .form-control {border-bottom-right-radius: 0;} #checkout .well {border-radius: 0 0 4px 4px;} #checkout .well img {margin-right:10px;} #checkout .selectpicker.btn {width: 100%;} #checkout #comments {width:100%;} #checkout #checkout-confirmation .confirm-item {padding: 10px 0;} #checkout #checkout-confirmation .confirm-item {border-top: 1px solid #DDDDDD; box-shadow: 0 0px 0 1px #fff;} #checkout #checkout-confirmation .confirm-item:nth-child(odd) {background:#F5F5F5;} #checkout #checkout-confirmation .confirm-item:nth-child(even) {background: #EEEEEE;} #checkout #checkout-confirmation .confirm-item .confirm-default-info {padding-bottom: 10px;} #checkout #checkout-confirmation .confirm-item .confirm-detail {padding: 0 30px;} #checkout #checkout-confirmation #confirm-total {border-top: 5px double #999; margin: 0 0 20px; padding-top:10px;} #checkout #checkout-confirmation .product-name {margin:0 0 5px;} #checkout #checkout-confirmation p {margin:0 0 5px;} #checkout #checkout-confirmation .product-image a img {max-width:100%; height:auto;} #checkout #checkout-confirmation .confirm-item {margin: 0;} #checkout #checkout-confirmation .confirm-item:hover {background:rgba(0,0,0,1);} #checkout #checkout-confirmation .item-total {border-top: 1px solid rgba(0,0,0,.1); padding-top: 10px;} #checkout #checkout-confirmation {margin-bottom: 10px;} /* SITEMAP */ #sitemap .panel-heading {padding:0;} #sitemap .panel-heading:hover {background: #F5F5F5;} #sitemap .panel-heading:hover a{color:#000;} #sitemap .panel-heading a {display: block; padding: 10px 15px; color :#fff;} #sitemap .panel-heading a:hover {text-decoration: none;} #sitemap .panel-body a {display: block; padding: 10px;} #sitemap .panel-body a:hover {background:#428BCA; color:#fff; text-decoration: none;} /* SHIPPING */ #shipping table thead tr {font-weight: bold; border-bottom: 2px solid #ccc;} /* FOOTER default */ #footer .footer-default {background:transparent; padding:10px 0; border-color: #fff #E7E7E7 #E7E7E7; border-radius: 8px; border-top-left-radius: 0; border-top-right-radius: 0; margin: 0} #footer .panel ul {padding:0;} #footer .panel .bootstrap-select {max-width:100%;} /* xs,sm */ #footer .navbar {background:#eee; border-radius: 0; box-shadow: 0 0 10px 1px #999999; margin: 0;padding:0 0 10px 0;} #footer .navbar h2 {margin: 5px 0 0 0;} #footer .navbar .sr-only {width:auto; height: auto;} #footer .navbar .dropdown-menu {padding:0;} #footer .navbar .dropdown-menu .dropdown-header {padding: 10px 20px 10px; background: #ddd; color: #333; font-weight: bold; padding: 10px 20px; border-bottom: 1px solid; border-bottom-left-radius: 0 !important; -moz-border-bottom-left-radius: 0 !important; -webkit-border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; -moz-border-bottom-right-radius: 0 !important; -webkit-border-bottom-right-radius: 0 !important;} #footer .navbar .dropdown-menu > .active {opacity:.4;} #footer .navbar .dropdown-menu > .active a {color:#fff;} #footer .navbar .dropdown-menu > .active a:hover {color:#999;} #footer .navbar .col-xs-12.col-sm-12 {margin-bottom:10px;} /* md,lg */ /* FOOTER BOXES */ #footer #box-payments img {margin:0 0 10px; max-width: 100%;} #footer .box-language a.active {cursor:default;} #footer .box-shipping img {margin: 0 0 10px; max-width: 100%; border-radius: 10px; border-color: #d8d8d8; border-style: solid; border-width: 1px;} /* FOOTER BOXES Mobile */ #footer .mobile-shipping {padding: 10px;} #footer .mobile-shipping img {margin: 0 0 8px; max-width: 50%; border-radius: 10px; border-color: #d8d8d8; border-style: solid; border-width: 1px;} #footer .mobile-payments {padding: 10px;} /* COPYRIGHT */ #copyright {padding: 10px 0px; margin: 0;} /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* PLUGINS */ /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* XT MASTER SLAVE OPTIONS */ #content #product #product-infos #masterslave-options { border-top: 1px solid #BBBBBB; box-shadow: 0 -1px #FFFFFF; margin: 20px 0 0; padding: 20px 0 0;} #content #product #product-infos #masterslave-options .input-group.masterslave {width:100%; margin: 10px 0;} #content #product #product-infos #masterslave-options .btn {padding:5px 15px;} #content #product #product-infos #masterslave-options .visible-xs.btn {margin:5px 0 5px 10px;} #content #tab-content #ms-list .add-to-cart {position:relative;} #content #tab-content #ms-list .add-to-cart .input-group {display: inline-block;} #content #tab-content #ms-list .add-to-cart input[name="qty"] {float:left; width:45px; padding:5px; border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px;} #content #tab-content #ms-list .add-to-cart .input-group-btn {float:left;} #content #tab-content #ms-list .add-to-cart .input-group-btn button {padding: 7px 15px;} #content #tab-content #ms-list .product-tax-shipping {position: relative;} /* XT BANK TRANSFER */ #bank-account-overview .panel {box-shadow: none;} #bank-account-overview .panel-heading {background:#DDD;} #bank-account-overview .panel-body {background:#F5F5F5; height:80px;} /* XT PRICE INQUIRY */ #content .price-inquiry .form .input-group-addon {width:200px;} #content #productinfoprice .special {position:relative; display: block;} #content #productinfoprice .price, #content #productinfoprice .price-new, #content #productinfoprice .product-price {color: #428BCA; font-size: 1.5em; font-weight: bold;} #content #productinfoprice .price-old {background: none repeat scroll 0 0 #FF0000; color: #FFFFFF; font-size: 0.5em; font-weight: normal; left: 0; position: absolute; text-decoration: line-through; top: -10px;} #content #productinfoprice .price-discount {color: #5CB85C; font-size: 0.5em; font-weight: normal; left: 0; position: absolute; top: 35px;} #content #productinfoprice .graduated {font-size: 1.5em; line-height: 1.1em; margin: 5px 0 0; padding: 4px 0; width: 80%;} /* FANCY CLOUD ZOOM */ #fancybox-close {right:-35px;} /* ANPASSUNG BILDER CONTENT BLOCK nubibase */ #content .row p img { max-width: 100% !important; height: auto !important; } .product-listing p img { max-width: 100% !important; height: auto !important; } #content p a img { max-width: 100% !important; height: auto !important; } /* SOCIAL MEDIA */ #topmenu .fa { padding: 10px !important; font-size: 15px !important; width: 20px !important; text-align: center !important; text-decoration: none !important; margin: 5px 2px !important; color: #ffffff !important; } a .fa { text-decoration: none; } .fa:hover { opacity: 0.7; color: #ffffff !important; text-decoration: none; } .fa-facebook { background: #3B5998; color: white; } .fa-twitter { background: #55ACEE; color: white; } .fa-google { background: #dd4b39; color: white; } .fa-google-plus-square { background: #dd4b39; color: white; } .fa-youtube { background: #bb0000; color: white; } .fa-instagram { background: #125688; color: white; } /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* MEDIA QUERIES */ /*------------------------------------------------------------------------------------------------------------------------------------------------------*/ @media (max-width: 767px) { #header #cachets {margin:0;} .prv-nxt {background: none repeat scroll 0 0 #f8f8f8; margin-top: 5px; padding-bottom: 11px; padding-top: 10px;} #search {float:left!important;} #search-box {margin-top: 5px;} #show-search-box .fa-search {font-size: 14px;} #copyright {padding: 10px 0px 100px;} .xs-left {text-align:left;} } @media (max-width: 995px) { /* tablet-menu */ #top-categories #home-btn-topmenu {margin-left: 70px; border-left: 1px solid rgba(255, 255, 255, 0.5) !important;} #categories-sm .navbar-default {margin:0; background:none; min-height:0; border:0;} #categories-sm .navbar-default .navbar-toggle {position:absolute; top:-70px; left:15px;} #categories-sm .navbar-default .navbar-nav li {width:100%;} #categories-sm .navbar-default .navbar-nav li.level2 {padding-left:30px;} #categories-sm .navbar-default .navbar-nav li.level2 {padding-left:60px;} } @media (min-width: 992px) and (max-width: 1020px) { .box-cart .box-cart-box .cart-btn-default .box-cart-info { height: 40px; padding: 3px 60px 3px 15px; } }