/* ============================================================================= * reset & defaults * ========================================================================== */ .btn, .well, .modal, .nav-pills > li > a {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-image:none; text-shadow:none;} .switch [class^="icon-"], .switch [class*=" icon-"] {margin-right:0;} /*bootstraps resets*/ .well {background:none;} small {font-size:80%;} /* --reset ------------------------------------------------- */ * {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} #off_canvas, .pushy *, #headeroffset *, #linktotop, .caption {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #wrapper .mejs-container * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} table {border-spacing: 0;} body {height: 100%; position: relative;} div.errormessage {display:none;} /* --row-flex ------------------------------------------------- */ .row-flex { -moz-box-align: stretch; -moz-box-direction: normal; -moz-box-orient: horizontal; -moz-box-pack: start; align-items: stretch; display: flex; flex-flow: row wrap; justify-content: flex-start; } /* --float classes ------------------------------------------------- */ .float-left {float: left;} .float-right {float: right;} /* --clearings + defaults ------------------------------------------------- */ .container{position:relative;text-align:left} .block{overflow:hidden} .clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both} .invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline} .custom{display:block;text-align:left} .custom:after{content:".";display:block;height:0;clear:both;visibility:hidden} *+html #main{position:static} header,footer,nav,section,aside,article,figure,figcaption{display:block} #headeroffset ul, #off_canvas ul {margin:0; list-style-type:none;} #container:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;} /* --display:none ------------------------------------------------- */ li.create_account, .mobile-only, .hide-desktop, #category_listing .sorting, .sorting .a2, #menue-container .header-cart {display:none!important;} /* hide rating/reviews */ #tab_reviews, .tab_reviews, .rating {display:none!important;} /* hide product-stock */ .product_stock {display:none!important;} /* hide product-shipping */ /*.product-shipping {display:none!important;}*/ /* --chromeframe ------------------------------------------------- */ #chromeframe {padding: 10px; text-align: center; position: relative; z-index: 10000;} /* --cookiebar ------------------------------------------------- */ #cookie-bar {height:auto; line-height:1.5; font-size:0.8rem; text-align:left; padding:5px 0; position:relative;} #cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;} #cookie-bar.fixed.bottom {bottom:0; top:auto;} #cookie-bar p {margin:0; padding:0;} #cookie-bar a {display:inline-block; /*border-radius:3px;*/ text-decoration:none; /*padding:0 6px;*/ margin-left:8px; text-decoration:underline;} #cookie-bar a.cb-enable {float:right;} #cookie-bar a.cb-enable:after {content: '\ebf4'; display: inline-block; font-family: "icons"; font-style: normal; margin-left:0.5em;} /* ============================================================================= * columns for better content separation -responsive * ========================================================================== */ .full {overflow: hidden; margin-left: 0; width:100%; float:left; position:relative;} .one_half {overflow: hidden; margin-left: 4%; width:48%; float:left; position:relative;} .one_third {overflow: hidden; margin-left: 5%; width:30%; float:left; position:relative;} .two_third {overflow: hidden; margin-left: 5%; width:65%; float:left; position:relative;} .one_fourth {overflow: hidden; margin-left: 4%; width:22%; float:left; position:relative;} .two_fourth {overflow: hidden; margin-left: 4%; width:48%; float:left; position:relative;} .three_fourth {overflow: hidden; margin-left: 4%; width:74%; float:left; position:relative;} .one_fifth {overflow: hidden; margin-left: 5%; width:16%; float:left; position:relative;} .two_fifth {overflow: hidden; margin-left: 4%; width:37%; float:left; position:relative;} .three_fifth {overflow: hidden; margin-left: 4%; width:57%; float:left; position:relative;} .four_fifth {overflow: hidden; margin-left: 4%; width:79%; float:left; position:relative;} .full.first, .one_fifth.first, .one_fourth.first, .two_fourth.first, .one_third.first, .two_fifth.first, .one_half.first, .three_fifth.first, .two_third.first, .three_fourth.first, .four_fifth.first {margin-left: 0!important; clear: left;} /* ============================================================================= * general styles & page setup * ========================================================================== */ a {text-decoration: none; -webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; -ms-transition: All 0.4s ease; transition: All 0.4s ease; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; cursor:pointer;} a:hover {text-decoration:underline;} a:hover:before, a:hover:after, a:hover [class^="icon-"]:before, a:hover [class*="icon-"]:before, a.hover i[class^="icon-"]:before, a.hover i[class*="icon-"]:before {text-decoration:none!important;} a:focus {outline:none;} p {margin-bottom: 15px;} blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;} blockquote p {line-height: 22px;} .image_container img {/*max-*/width: 100%;} img.lazy {background-repeat: no-repeat; background-position:center center; display: inline-block; max-width: 100%; min-height: 24px; min-width: 24px;} code, pre {font-family: monospace;} abbr {border-bottom: 1px dashed; cursor: pointer;} strong, b, .strong {font-weight:500;} /* --inputRequirement ------------------------------------------------- */ .inputRequirement {color:red;} /* --helper classes ------------------------------------------------- */ .text-left {text-align:left!important;} .center {text-align: center;} .align_right {text-align: right;} .hide {display: none;} .border-left { border-left:1px solid #eee;} .no_margins p, .no_margins .image_container, .no-margin, .nomargin {margin: 0!important;} .color {color: #ed8900;} .bg_color {background-color: #ed8900;} .aligncenter * {text-align: center;} .text-shadow1 {text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);} .text-shadow2 {text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.6);} /* --content-box ------------------------------------------------- */ .content-box {padding:19px;} /* --blockquotes ------------------------------------------------- */ .blockquote:before {content: '\e86a'; display: inline-block; font-family: "icons"; font-size: 18px; font-style: normal; left: 0; margin-right: 10px; float:left; text-indent: 0; top: 0;} .blockquote {position: relative; font-style: italic; text-align:left;} /* --box_admin ------------------------------------------------- */ .admin-box {padding: 15px 10px; position: fixed; right: -275px; top: 45px; width: 250px; z-index: 99999;-webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s;} .admin-box.open {right:0;} .admin-box ul {list-style-type:none; padding:0; margin:0;} .admin-box ul li a, .admin-box span.touch {-webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .admin-box span.touch {cursor: pointer;position:absolute; width:50px; height:50px; left:-51px; top:25px; border-width:1px 0 1px 1px; border-style:solid;} .admin-box span.touch i[class^="icon-"]:before, .admin-box span.touch i[class*="icon-"]:before {margin:0; width:50px; height:50px; line-height:50px; display:inline-block; font-size:26px;} /* --box_custom2 ------------------------------------------------- */ .advantages {margin:0 auto; height:auto; position:relative; -webkit-transition: opacity 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s; transition: opacity 0.2s ease-in-out 0s; } .advantages .boxcontent {border:none; margin-top:0; margin-bottom: 0; padding-bottom: 10px;} .advantages .pushbutton {text-align:center; position:relative;} .advantages .pushbutton span {display:inline-block; margin-left:5px; margin-right:5px;} .advantages .pushbutton [class^="icon-"], .advantages .pushbutton [class*="icon-"], .advantages .pushbutton i[class^="icon-"], .advantages .pushbutton i[class*="icon-"] {width:25px; height:25px; line-height:25px; padding:2px; margin-top:0; margin-right:0.7em;} .advantages .btn-mini {padding:0px 15px; padding-left:0; border:none; line-height:25px; border-bottom-left-radius:0.5em; border-bottom-right-radius:0.5em; min-height: 2.25em; letter-spacing: 0.03em; padding:0.55em 0; width:100%;} .advantages .caret {margin-top:12px;} .advantages .caret.caret-reversed:after {content:''; height:10px; width:1px; position:absolute; left:50%; bottom:-10px;} .advantages .boxed {padding:5px;} .advantages .categoryheader {font-size:15px;} .advantages .i_box [class^="icon-"], .advantages .i_box [class*="icon-"], .advantages .i_box i[class^="icon-"], .advantages .i_box i[class*="icon-"] {margin-right:0.2em;} .advantages .i_box {font-size:44px; line-height:1em;} .advantages .s_box {display:inline-block; width:80%; /*float:left;*/ margin-left:1%;} .advantages .s_box .s_title {text-transform: uppercase;} .advantages .s_box .s_content {line-height:24px;} /* --box_custom4 ------------------------------------------------- */ #header_after #box_custom4 .boxcontent {margin-top:0; padding-bottom:10px; border-top:none; font-size:0.9rem;} /* --box_sellers ------------------------------------------------- */ #box_sellers .box_count {float:left; font-size: 1.3rem; margin-top:-7px; margin-right:10px; padding:2px 2px; border-radius: 4px;} /* --box_manufacturers ------------------------------------------------- */ #box_manufacturers .content-box form {margin:0;} /* --box_logos ------------------------------------------------- */ #box_logos .logos-images {padding-left:30px; padding-right:30px;} #box_logos .img-responsive {height: auto; max-width: none; width: 100%;} #box_logos .item {margin:5px 7px;} /* --box_socials ------------------------------------------------- */ .socials {display:inline-block;} .box-left .socials {margin-left:-1px;} .socials .icon-facebook-rect-2 {font-size:19px;} /* -- top-container -- */ /*hide-name*/ #top-container .socials {float:left;} #top-container .socials ul li a span.social-name {display:none;} #top-container .socials [class^="icon-"], #top-container .socials [class*="icon-"], #top-container .socials i[class^="icon-"], #top-container .socials i[class*="icon-"] {margin:0;} /*hide-once socials*/ #top-container .socials ul li.mail {display:none;} /* -- off_canvas -- */ #off_canvas .socials ul li {margin-right:3px;} #off_canvas .socials ul li a {border:none; padding: 6px 11px;} #off_canvas .socials {display:block; padding: 25px 20px; text-align: left; width: 100%;} #off_canvas .socials [class^="icon-"], #off_canvas .socials [class*="icon-"], #off_canvas .socials i[class^="icon-"], #off_canvas .socials i[class*="icon-"] {font-size: 19px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /*hide-name*/ #off_canvas .socials ul li a {background:none!important;} #off_canvas .socials ul li a span.social-name {display:none;} #off_canvas .socials [class^="icon-"], #off_canvas .socials [class*="icon-"], #off_canvas .socials i[class^="icon-"], #off_canvas .socials i[class*="icon-"] {margin:0;} #bottom .socials {margin-bottom: 15px;} #bottom .socials a:hover {text-decoration: none;} /* --pushy ------------------------------------------------- */ body.pushy-active {overflow-y:hidden;} .pushy {width: 330px;} .pushy-left { -webkit-transform: translate3d(-330px, 0, 0); -ms-transform: translate3d(-330px, 0, 0); transform: translate3d(-330px, 0, 0); } .pushy-open-left #container, .pushy-open-left .push { -webkit-transform: translate3d(330x, 0, 0); -ms-transform: translate3d(330px, 0, 0); transform: translate3d(330px, 0, 0); } .pushy-right { -webkit-transform: translate3d(330px, 0, 0); -ms-transform: translate3d(330px, 0, 0); transform: translate3d(330px, 0, 0); } .pushy-open-right #container, .pushy-open-right .push { -webkit-transform: translate3d(-330px, 0, 0); -ms-transform: translate3d(-330px, 0, 0); transform: translate3d(-330px, 0, 0); } .pushy-submenu-open a:after {-webkit-transform: none;-ms-transform: none; transform: none;} #box_categories .pushy-submenu-closed ul, nav#mainmenu .pushy-submenu-closed ul {max-height:none; overflow:visible;} /* --top classes ------------------------------------------------- */ .top5 {top:5%} .top10 {top:10%} .top15 {top:15%} .top20 {top:20%} .top25 {top:25%} .top30 {top:30%} .top35 {top:35%} .top40 {top:40%} .top45 {top:45%} .top50 {top:50%} .top60 {top:60%} .top70 {top:70%} .top80 {top:80%} .top90 {top:90%} .top1000 {top:100%} /* --margin classes ------------------------------------------------- */ .margin-left5 {margin-left: 5px;} .margin-left10 {margin-left: 10px;} .margin-left20 {margin-left: 20px;} .margin-left30 {margin-left: 30px;} .margin-left40 {margin-left: 40px;} .margin-left50 {margin-left: 50px;} .margin-left60 {margin-left: 60px;} .margin-left70 {margin-left: 70px;} .margin-left80 {margin-left: 80px;} .margin-left90 {margin-left: 90px;} .margin-left100 {margin-left: 100px;} .margin-top5 {margin-top: 5px;} .margin-top10 {margin-top: 10px;} .margin-top20 {margin-top: 20px;} .margin-top30 {margin-top: 30px;} .margin-top40 {margin-top: 40px;} .margin-top50 {margin-top: 50px;} .margin-top60 {margin-top: 60px;} .margin-top70 {margin-top: 70px;} .margin-top80 {margin-top: 80px;} .margin-top90 {margin-top: 90px;} .margin-top100 {margin-top: 100px;} .margin-bottom10 {margin-bottom: 10px;} .margin-bottom15 {margin-bottom: 15px;} .margin-bottom20 {margin-bottom: 20px;} .margin-bottom30 {margin-bottom: 30px;} .margin-bottom40 {margin-bottom: 40px;} .margin-bottom50 {margin-bottom: 50px;} .margin-bottom60 {margin-bottom: 60px;} .margin-bottom70 {margin-bottom: 70px;} .margin-bottom80 {margin-bottom: 80px;} .margin-bottom90 {margin-bottom: 90px;} .margin-bottom100 {margin-bottom: 100px;} /* --padding classes ------------------------------------------------- */ .padding-top5 {padding-top: 5px;} .padding-top10 {padding-top: 10px;} .padding-top20 {padding-top: 20px;} .padding-top30 {padding-top: 30px;} .padding-top40 {padding-top: 40px;} .padding-top50 {padding-top: 50px;} .padding-top60 {padding-top: 60px;} .padding-top70 {padding-top: 70px;} .padding-top80 {padding-top: 80px;} .padding-top90 {padding-top: 90px;} .padding-top100 {padding-top: 100px;} .padding-bottom10 {padding-bottom: 10px;} .padding-bottom20 {padding-bottom: 20px;} .padding-bottom30 {padding-bottom: 30px;} .padding-bottom40 {padding-bottom: 40px;} .padding-bottom50 {padding-bottom: 50px;} .padding-bottom60 {padding-bottom: 60px;} .padding-bottom70 {padding-bottom: 70px;} .padding-bottom80 {padding-bottom: 80px;} .padding-bottom90 {padding-bottom: 90px;} .padding-bottom100 {padding-bottom: 100px;} /* --fontsize classes ------------------------------------------------- */ .fontnormal strong {font-weight:400;} .fontsize_xxxl {font-size: 5.882rem; line-height: 1em;} .fontsize_xxl {font-size: 1.8rem; line-height: 40px;} .fontsize_xl {font-size: 2rem; line-height: 40px;} .fontsize_l {font-size: 1.647rem; line-height: 38px;} .fontsize_m {font-size: 1.412rem; line-height: 39px;} .fontsize_s {font-size: 1.176rem; line-height: 31px;} .fontsize_xs {font-size: 0.8235rem; line-height: 22px;} .fontsize_xxs {font-size: 0.6471rem; line-height: 22px;} .fontsize_xxxs {font-size: 0.5294rem; line-height: 20px;} /* --headlines ------------------------------------------------- */ h1, h2, h3, h4, h5, h6 {line-height: 1.3; padding:0; margin-top:0; margin-bottom: 0.5em; font-weight: 400; overflow-wrap: break-word;} h1 {font-size: 1.8rem;} h2 {font-size: 1.7rem;} h3 {font-size: 1.6rem;} h4 {font-size: 1.6rem} h5 {font-size: 1.4rem} h6 {font-size: 1.35rem} /* --hr ------------------------------------------------- */ hr {width: 100%; clear: both; padding: 0; border: none; text-align: center; height: 1px;} /* --divider ------------------------------------------------- */ .divid,.divid-1 {position:relative;} .divid {padding-bottom:20px; margin-bottom:20px;} .divid-1 {padding-bottom:5px; margin-bottom:10px;} .divid:after/*, .divid-1:after*/ {bottom: -2px; content: ""; left: 0; position: absolute; width: 70px; height:2px;} /* --frame ------------------------------------------------- */ html:after, body:after {content: ''; position: fixed; height: 20px; z-index: 10000; width: 100%; top: 0; left: 0; display: none;} body:after {bottom: 0; top: auto; display: none;} /* --html,body ------------------------------------------------- */ html.pushy-active, body.pushy-active {overflow-x: hidden; height: 100%; -webkit-overflow-scrolling: touch;} /* --body ------------------------------------------------- */ body {padding-top: 0; overflow-x: position:relative; background-repeat: repeat;} /* --page-width ------------------------------------------------- */ #contentwrapper {/*max-width: 1290px; */margin: 0 auto; margin-top:25px; position: relative; /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);*/} .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, /* bootstrap */ #top-container .inside, #header-container .inside, #menue-container .inside, .container-inside, #section_after .inside, #footer_before .inside, #footer_before1 .inside, #footer .inside, #bottom .inside, .copyright .inside, #cookie-bar p {max-width: 1280px; padding-left:1%; padding-right:1%; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* --#headeroffset ------------------------------------------------- */ #headeroffset {position: relative; z-index: 999;} /* --#top-container ------------------------------------------------- */ #top-container {line-height: 24px; position:relative; z-index:110; font-size: 0.9rem;} #top-container * {overflow:visible;} #top-container .one_half {width:auto;} #top-container .one_half.pull-right {float:right;} #top-container ul {margin:0;} .greetUser {font-weight:500;} /* --#header-container ------------------------------------------------- */ #header-container {padding-top:25px; padding-bottom:25px; position:relative; /*z-index:105;*/} #header-container .inside {position:relative;} /* --logo ------------------------------------------------- */ #logo {width:20%; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} #logo a {display: block; height: 100%; width: 100%; line-height:0;} /* --slogan ------------------------------------------------- */ #slogan {display:inline-block; position:absolute; top:12px; left:160px; width:260px;} #slogan .slogan-text {line-height:28px; transform:rotate(-3deg);} #slogan .slogan-text span {display:block; text-align:right;} .slogan-text {font-size:21px; letter-spacing:2px; padding-left:1%; padding-right:1%;} .slogan-text {font-size:23px; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-style:italic; letter-spacing:normal;} /* --suche ------------------------------------------------- */ #search {overflow: visible; margin-top:15px; padding: 0; white-space: nowrap; vertical-align: middle; width:50%; position:relative;} #search #quick_find:before, #search #quick_find:after {content: ""; display: table; line-height: 0;} #search #quick_find:after {clear:both;} #search input[type="text"] {float: right; height: 52px; margin-top: 0; width:100%; padding-left: 40px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-width:5px;} #search .btn {border:none; border-radius:0; font-size:15px; height: 42px; line-height:42px; margin: 0; padding: 0 15px; position: absolute; right: 5px; top: 5px; width: auto; min-width:auto;} #search form {margin-bottom:10px;} /*#search .btn span {display:none;}*/ #search .btn [class^="icon-"], #search .btn [class*=" icon-"] {margin:0; font-size:17px; display:none;} #search .glyph-before {position:absolute; text-align:center; width:40px; height:42px; top:5px; left:5px; line-height:47px;} #search .glyph-before [class^="icon-"], #search .glyph-before [class*=" icon-"] {font-size:24px; margin:0;} #menue-container #search {margin-left:2%; width:48%; margin-top:11px; display:none;} #menue-container #search form {margin:0;} #menue-container #search input[type="text"] {height:42px; font-size: 0.9rem;} #menue-container #search .glyph-before {height:32px; line-height:37px;} #menue-container #search .btn {font-size: 0.9rem; height: 32px;line-height: 32px;} /* --meta ------------------------------------------------- */ #meta {margin-top:10px; display: inline-block; float: right; position: relative; width: 24%; margin-left:0; overflow:visible; z-index:105;} /* --cart & cart-header ------------------------------------------------- */ .header-cart {text-align:right;} .header-cart .cart-toggle {position:relative; padding:5px; padding-left:10px; padding-right:60px; text-align:right;} .header-cart > a {display:inline-block;} .header-cart.open > a, .header-cart:hover > a {text-decoration:none;} .header-cart .cart-toggle:after {content: '\e73d'; font-size: 48px; right: 5px; margin-left: 15px; margin-right:0; position: absolute; top: 5px;} .header-cart .cart-toggle .total {font-weight:500;} .header-cart .heading_cart {font-weight:500;} .header-cart .cart-content {margin-top:0; float: left; opacity: 0; position: absolute; right: 0; top: 100%; visibility: hidden; width: 300px; z-index: 99998; text-align:left; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .header-cart:hover .cart-content {visibility: visible; opacity:1;} .open > .cart-content {display:block; visibility: visible; opacity:1;} .cart-content .boxcartbody {float: left; padding: 15px 20px 25px; width: 100%;} .cart-product-image {float:left; margin-right:10px; width:70px; height:auto;} .cart-discount, .cart-ust, .cart-total, .cart-shipping {text-align:right;} .cart-total {font-weight:500; font-size:inherit;} .cart-shipping {font-size:12px;} /* --#headeroffset ------------------------------------------------- */ #headeroffset {position: relative; z-index: 999;} /* --header ------------------------------------------------- */ #header {background-repeat: repeat; position: relative; z-index: 5000; left: 0; -webkit-backface-visibility: hidden;} /* --header_after ------------------------------------------------- */ #header_after .container-inside {padding-bottom:0;} #header_after nav#mainmenu {position:relative; z-index:1; top:0;} #header_after nav#mainmenu > ul > li {float:none; padding:0; list-style-type: none; margin: 0 auto; width:140px; text-align:center; border-bottom-left-radius:8px; border-bottom-right-radius:8px;} #header_after nav#mainmenu > ul > li:after {border-width:7px; margin-left:-7px;} #header_after nav#mainmenu > ul > li > a {line-height:inherit; padding:0 10px; line-height:30px;} @media only screen and (max-width: 990px), screen and (min-device-width : 768px) and (max-device-width : 1024px) { #header_after .advantages, #header_after #box_custom4 {margin-top:-30px;} #header_after .advantages .container-inside, #header_after #box_custom4 .container-inside {padding-top:27px;} #contentwrapper {margin-top:40px;} } /* --greeting ------------------------------------------------- */ .greeting {display:inline-block; float:left; line-height:35px; margin-right:10px; font-size:1rem;} #off_canvas .greeting {font-style:italic; font-size:1.1rem;} /* --#top-container language ------------------------------------------------- */ .language {position:relative; display:inline-block; float:left;} .language ul {font-size: 0.9rem; position: absolute; top: 100%; left:-1px; right: auto; display: none; border-width: 0 1px 1px; border-style:solid; min-width:95px;} .language.open ul {display: block;} .language ul li a {display: block; padding: 5px 15px; line-height: 24px; white-space: nowrap;} .language ul li a, .language span {-webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} .language span {cursor: pointer;display:block; padding: 6px 15px;} .language span:after {font-family: "icons"; content: '\ea37'; display: inline-block; position: relative; margin-left: 10px;} .language.open span:after {content: '\ea38';} .language .text_language, .language .select_language {display:inline-block;} .language img {margin-right: 5px; vertical-align: middle; position: relative; top: -1px;} /* --#top-container metaheader ------------------------------------------------- */ .metaheader li {display:inline-block; float:left; line-height:25px;} .metaheader li a {display: block; padding: 6px 15px;text-decoration:none;} /* --sticky menu ------------------------------------------------- */ #menue-container.sticky {position: fixed; left: 0; top: 0; width: 100%; z-index: 9999;} #menue-container.sticky nav#mainmenu ul li a span.action {font-size:10px; line-height:16px; top:-3px;} #menue-container.sticky nav#mainmenu ul li a span.action:before {border:none;} #menue-container.sticky nav#mainmenu.nav2 {display:none;} /*#menue-container.sticky .header-cart .cart-toggle {padding-top:8px; padding-bottom:8px;}*/ #menue-container.sticky .header-cart {height:64px; float:right; display:block!important;} #menue-container.sticky .header-cart > a {display:block; height:64px; width:50px;} #menue-container.sticky .header-cart .cart-content {right:1%;} #menue-container.sticky .header-cart .total .text_total {display:none;} #menue-container.sticky .header-cart .heading_cart, #menue-container.sticky .header-cart .text_article {display:none!important;} #menue-container.sticky .header-cart .cart-toggle {padding:0;} #menue-container.sticky .header-cart .cart-toggle:after {font-size:38px; line-height:52px; padding:0; background:none;} #menue-container.sticky .header-cart .total {position:relative; padding:0 3px; top:-1px; right:35px; min-width:20px; height:20px; line-height:20px; text-align:center; border-radius:2em; font-weight:500; font-size:13px; display:inline-block;} #menue-container.sticky #search {display:block;} /* --container ------------------------------------------------- */ .container-inside {overflow: hidden; padding-top:20px; padding-bottom:30px; padding-top:0;} /* --linktotop ------------------------------------------------- */ #linktotop {bottom: 25px; cursor: pointer; display: none; opacity: 0.9; position: fixed; right: 25px; z-index: 99; cursor:pointer;} #linktotop:before {border-radius: 5px; color: #454a4c; content: '\eb5c'; display: inline-block; font-family: 'icons'; font-size: 1.2rem; height: 60px; line-height: 60px;text-align: center; width: 60px;} /* ============================================================================= * left * ========================================================================== */ #left .well {border:none; padding:0;} /* ============================================================================= * section_after * ========================================================================== */ #section_after {padding-top:25px; padding-bottom:25px; border-top-width:1px; border-style:solid;} /* ============================================================================= * footer_before * ========================================================================== */ #footer_before .inside {padding:0;} #footer_before .well {border-width:0; margin:0;} #footer_before .btn-mini {display:none;} #footer_before .boxcontent {border-width:0; padding:0; margin:0;} #footer_before .row-fluid [class*="span"]:last-child {border-width:0;} /*newsletter box*/ #footer_before .box_newsletter {float:left; margin-top:4px; margin-right:10px;} #footer_before #box_newsletter label {display:none;} #footer_before #box_newsletter form {margin:0;line-height:0;} #footer_before #box_newsletter {overflow:visible!important; float:left; min-width:395px;} #footer_before #box_newsletter .boxcontent input {width:100%; margin:0; height:34px;} #footer_before #box_newsletter .boxcontent .button {margin-left:0; position:absolute; right:0; top:0;} /*custom1 box*/ #footer_before .box_custom1 {margin-top:5px; margin-right:15px;} /*ssl box*/ #footer_before a {color:#fff;} #footer_before a:hover, #footer_before a:hover .categoryheader {color:#004985;} #footer_before .i_box {font-size:44px; line-height:1em;} #footer_before .i_box [class^="icon-"], #footer_before .i_box [class*=" icon-"] {margin-right:0.2em;} /* ============================================================================= * footer_before1 * ========================================================================== */ #footer_before1 {margin-top:1px; min-height:30px;} #footer_before1 .bsp-link {display:inline-block; padding:0.3em; font-size:1.2em; font-weight:500; color:#fff;} #footer_before1 .bsp-link:hover {text-decoration:none;} #footer_before1 .bsp-link [class^="icon-"].right:before, #footer_before1 .bsp-link [class*="icon-"].right:before, #footer_before1 .bsp-link i[class^="icon-"].right:before, #footer_before1 .bsp-link i[class*="icon-"].right:before {margin-right:0; margin-left:0.5em;} /* ============================================================================= * footer * ========================================================================== */ #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .categoryheader {margin-bottom: 10px;} #footer h6 {font-size: 0.8rem; letter-spacing: 2px; line-height: 33px;} #footer .well {border-width:0; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0;} #footer .border-left {padding-left:30px;} #footer .boxcontent {border-width:0; padding:0; margin:0;} #footer ul li a {line-height:1.5;} #footer #box_content a:before, #footer #box_information a:before {top:6px;} #footer .btn-mini {display:none;} #footer #box_content a, #footer #box_information a {padding:2px 0;} #footer #box_content a:hover, #footer #box_information a:hover {padding-left:0;} #footer .custom {padding-top:40px; padding-bottom:30px;} /* no icon-font */ #footer #box_content a, #footer #box_information a {padding-left:0!important;} #footer #box_content a:before, #footer #box_information a:before {content:'';} /* ============================================================================= * bottom, copyright * ========================================================================== */ #bottom {font-size: 0.9em;line-height:19px;} #bottom .inside {padding-top:25px; } .copyright {text-align:left; line-height:16px;} .copyright .inside {padding-bottom:25px;} .copyright a {display:block;} /* ============================================================================= * menues * ========================================================================== */ nav#mainmenu.nav1 {float:left; width:auto;} nav#mainmenu.nav2 {/*float:left; */width:auto;} nav#mainmenu.nav2 ul > li {position:relative;} nav#mainmenu.nav2 ul > li:after {border-style: solid; border-width: 14px; content: ""; height: 0; position: absolute; left:50%; margin-left:-14px; width: 0;} nav#mainmenu.nav2 ul > li.submenu > a:after {content: '\ea38';} nav#mainmenu.nav2 ul > li.submenu > a.collapsed:after {content: '\ea37';} nav#mainmenu.nav2 > ul > li > a:before {height:0;} nav#mainmenu.nav2 > ul > li > a span {display:inline-block;} /* --mainmenue ------------------------------------------------- */ #menue-container {position: relative; z-index: 100;} #menue-container .inside {position:relative;} nav#mainmenu ul {position: relative; width: 100%; white-space:nowrap; margin:0;} nav#mainmenu ul ul {width: auto; display: none;} nav#mainmenu ul:after {content: ""; clear: both; display: block;} nav#mainmenu ul li {float: left; position:relative;} nav#mainmenu ul li:hover > ul {display: block;} nav#mainmenu ul li a {display: block; text-decoration: none; position: relative; line-height: 24px;} nav#mainmenu ul li.submenu a:after {content: '\ea37'; margin-left:0.2em; margin-right:0!important; opacity:0.5;} nav#mainmenu ul li.submenu a:hover:after {opacity:1;} nav#mainmenu ul li a.first {border-left: 0;} nav#mainmenu ul ul {padding: 5px; position: absolute; top: 100%;} nav#mainmenu ul ul:before {content: " "; height: 0; left: 5%; position: absolute; top: -10px; width: 0;} nav#mainmenu ul ul li {float: none; position: relative; list-style-type:none; line-height: 1.5em;} nav#mainmenu ul ul li:first-child {border:none;} nav#mainmenu ul ul li:hover {background-position: 6px 10px;} nav#mainmenu ul ul li a {border:none; padding: 10px 30px;} nav#mainmenu ul ul li a:after {content: ''!important; width:auto!important;} nav#mainmenu ul ul ul {position: absolute; left: 100%; top:0; border:none;} nav#mainmenu ul ul ul:before {border:none;} nav#mainmenu ul li a.icon-home-3 {padding:15px 16px;} nav#mainmenu ul li a.icon-home-3:before {font-family: "icons"; content:'\e8b2'; font-size:18px; margin:0!important;} nav#mainmenu ul li a span.product_count {display:none;} /* home-icon */ li.home [class^="icon-"], li.home [class*="icon-"], li.home i[class^="icon-"], li.home i[class*="icon-"] {display:none;} /* ============================================================================= * mainmenu - font+width * ========================================================================== */ /* layer 1 */ nav#mainmenu ul li a {padding: 7px 0; font-size:19px; font-weight:500; letter-spacing: 0.063rem; cursor:pointer;} nav#mainmenu > ul > li {padding: 0 15px;} nav#mainmenu > ul > li > a {line-height:50px;} nav#mainmenu > ul > li > a:before {bottom: 10px; content: ""; display: block; height: 2px; left: 0; opacity: 0; position: absolute; width: 100%; -webkit-transition: bottom 0.22s ease-in-out 0s; -moz-transition: bottom 0.22s ease-in-out 0s; -ms-transition: bottom 0.22s ease-in-out 0s; -o-transition: bottom 0.22s ease-in-out 0s; transition: bottom 0.22s ease-in-out 0s; } /* layer 2+3 */ nav#mainmenu ul ul li a {min-width: 195px; font-size: 14px; text-transform: none; font-weight: normal;} /* ============================================================================= * mainmenu - activ + hover * ========================================================================== */ /* layer 1 */ nav#mainmenu > ul > li:hover > a:before, nav#mainmenu > ul > li.menuecurrent > a:before {opacity:1; bottom:14px;} /* layer 2+3 */ /* ============================================================================= * megamenu * ========================================================================== */ .megamenu nav#mainmenu {float:none;} .megamenu nav#mainmenu ul {position:relative; white-space:normal;} .megamenu nav#mainmenu ul li {position:static;} .megamenu nav#mainmenu ul ul {border: 1px solid #e5e5e5; min-width: 233px; /*opacity: 0;*/ position: absolute; /*visibility: hidden;*/ width: calc(93% + 2px); padding:20px;} .megamenu nav#mainmenu ul ul li {position:static;} .megamenu nav#mainmenu ul ul li {float: left; margin-left:1%; width: 19.19%; border:none;} .megamenu nav#mainmenu ul ul li:nth-of-type(5n+1) {clear: both; margin-left: 0;} .megamenu nav#mainmenu ul ul li a {margin-bottom:10px; padding:5px 10px; min-width:auto; font-family: 'Cuprum', sans-serif; font-size:16px; color: #1a171b; font-weight: 400; display:block; border-bottom:1px dashed #e3e3e3;} .megamenu nav#mainmenu ul ul ul {background: none; border: none; padding:0; display: block; margin-left:10px; margin-bottom: 25px; position: static; width: auto; top:auto; box-shadow:none;} .megamenu nav#mainmenu ul ul ul li {float:none; width:auto; margin:0;} .megamenu nav#mainmenu ul ul ul li a {font-family:Arial, Helvetica, sans-serif; font-size:13px; border:none; margin-bottom:1px; color: #909090; position:relative;} .megamenu nav#mainmenu ul ul ul li a:before {position:absolute; left:0; top:5px; font-family: 'icons'; content: '\ea39'; display: inline-block; margin-right: 0.5em;} .megamenu nav#mainmenu ul ul ul li a:hover, .megamenu nav#mainmenu ul ul ul li a.active {color: #F29400; background:none;} .megamenu nav#mainmenu ul ul ul ul {display:none;} /* ============================================================================= * menu left - hover * ========================================================================== */ #box_categories.nav-hover ul ul {margin-left:0;} .nav-hover {position:relative; z-index:100;} .nav-hover.collapse.in {overflow:visible!important;} .nav-hover ul li {position:relative; list-style-type: none;} .nav-hover ul li a {display:block;} .nav-hover ul > li.level_1 > ul, .nav-hover ul > li.level_2 > ul {padding: 5px; position:absolute; display:block; top:0; left: 130%; width:100%; opacity: 0; visibility: hidden; min-width:190px;-moz-transition: all 0.35s ease-out 0s; -webkit-transition: all 0.35s ease-out 0s; -o-transition: all 0.35s ease-out 0s; -ms-transition: all 0.35s ease-out 0s; transition: all 0.35s ease-out 0s; } .nav-hover ul > li.level_1:hover > ul, .nav-hover ul > li.level_2:hover > ul {opacity:1; visibility:visible; left:100%;} .nav-hover ul > .level_1.submenu > a:after, .nav-hover ul > .level_2.submenu > a:after {font-family: 'icons'; content: '\ea39'; display: inline-block; font-style: normal; font-weight: normal; text-align: center; text-decoration: inherit; position:absolute; top:15px; right:10px;} .nav-hover ul > .level_2.submenu > a:after {top:10px;} .nav-hover ul > li.level_1 > ul > li > a, .nav-hover ul > li.level_2 > ul > li > a {position:relative; font-size: 0.9rem!important; margin:0!important; text-transform: none; font-weight: 300; padding-top:10px!important; padding-bottom:10px!important;} .nav-hover ul > li.level_2 > ul {width:auto; margin-bottom:15px; box-shadow:none;} .nav-hover ul > li.level_2 a {border-left:none!important; border-top: 1px solid rgba(0, 0, 0, 0.07)!important;} /* hover positions */ .nav-hover ul > li#Cat102.level_1 > ul {top:-63px;} .nav-hover ul > li#Cat103.level_1 > ul {top:-50px;} .nav-hover ul > li#Cat168.level_1 > ul {top:-153px;} .nav-hover ul > li#Cat105.level_1 > ul {top:-203px;} .nav-hover ul > li#Cat130.level_1 > ul {top:-166px;} .nav-hover ul > li#Cat220.level_1 > ul {top:-53px;} /* ============================================================================= * box_categories_dropdown - menu left - hover * ========================================================================== */ #box_categories_dropdown {margin:0; box-sizing: border-box; display: block; float: left; width: 23.0769%; min-height: 30px;} #box_categories_dropdown .dropdown-menu {display:block; background-color: #3370bc; border:none; border-radius: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); width: 100%; padding: 0; margin-top:20%; opacity: 0; visibility: hidden; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #box_categories_dropdown .dropdown-menu > li > a {white-space:normal;} #box_categories_dropdown .dropdown-menu > li > a:hover, #box_categories_dropdown .dropdown-menu > li > a:focus, #box_categories_dropdown .dropdown-submenu:hover > a, #box_categories_dropdown .dropdown-submenu:focus > a {background-image: none;} #box_categories_dropdown .dropdown-menu > .active > a, #box_categories_dropdown .dropdown-menu > .active > a:hover, #box_categories_dropdown .dropdown-menu > .active > a:focus {background-image: none;} #box_categories_dropdown .boxcontent.open .dropdown-menu, #box_categories_dropdown .boxcontent:hover .dropdown-menu {margin-top:0; opacity:1; visibility:visible; display:block;} /* ============================================================================= * off canvas * ========================================================================== */ /* greeting */ #off_canvas .greeting {color:#fff; background-color:#004985; margin:0; padding: 10px 25px; float:none; display:block;} #off_canvas .greeting .lastname {display:none;} #off_canvas .greeting .greeting-text {font-size:0.9rem; display:block;} #off_canvas .greeting .greeting-text a {display:inline-block; padding:0; text-decoration:underline;} #off_canvas .categoryheader {padding: 15px 25px;} #off_canvas .level_1 ul {display: none;} #off_canvas .level_2, #off_canvas .level_3 {position: relative;} #off_canvas {font-weight: normal; padding: 0 0 1.5rem 0;} #off_canvas a {padding: 11px 4px 11px 10px; display: block; position: relative;} #off_canvas span.open_subnav {display: block; z-index: 100; position: absolute; right: 0; top: 0; height: 100%; width: 50px; cursor: pointer;} #off_canvas ul ul span.open_subnav {z-index: 110;} #off_canvas ul ul ul span.open_subnav {z-index: 120;} #off_canvas ul ul ul ul span.open_subnav {z-index: 130;} #off_canvas li.submenu > a {cursor: pointer; padding-right: 50px;} #off_canvas li.submenu > a:after {content:'\ea37'; font-family: 'icons'; padding-left: 20px; padding-right: 20px; position: absolute; right: 0;} #off_canvas li {position: relative;} #off_canvas li.open > a:after {content: '\ea38'; font-family: "icons"; } #off_canvas.pushy a {border-top: 0;} /*#off_canvas a span {display: none;}*/ #off_canvas a:before {z-index: 100;} #off_canvas .mod_navigation .level_1 a {padding: 15px 50px 15px 20px; position: relative; cursor: pointer;} #off_canvas .mod_navigation .level_2 a {font-size: 0.9rem; padding-top:10px; padding-bottom:10px;} #off_canvas .mod_navigation .level_2 a:before {content:'\ec0e'; font-family: 'icons'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.5em; text-align: center; line-height: 1em;} #off_canvas .mod_navigation .level_1.submenu > a:after {font-size: 20px; line-height: 42px; top: 5px; bottom: 5px; padding-left: 20px; padding-right: 20px;} #off_canvas .mod_navigation .level_2.submenu > a:after {padding-left: 21px; padding-right: 22px;} #off_canvas .mod_navigation .level_3 a {padding-left:45px;} #off_canvas .mod_navigation .level_3 a:before {content:'\21b3'} /* box_categories_dropdown - menu left - hover */ #off_canvas .mod_navigation #box_categories_dropdown {float:none; width:100%;} #off_canvas .mod_navigation #box_categories_dropdown .dropdown-toggle {padding:0;} #off_canvas .mod_navigation #box_categories_dropdown .title {padding:0;} #off_canvas .mod_navigation #box_categories_dropdown .title button {display:none;} #off_canvas .mod_navigation #box_categories_dropdown .dropdown-menu {opacity:1; visibility:visible; margin-top:0; box-shadow:none; position:relative;} #off_canvas .mod_navigation #box_categories_dropdown .dropdown-menu ul {position:relative; left:0; opacity:1; visibility:visible; width:100%; padding:0!important; background:none; box-shadow:none;} /* various off canvas content */ #off_canvas .offcanvas_info {margin: 25px 15px 25px 15px;} #off_canvas .offcanvas_info, #off_canvas .offcanvas_info a {padding: 0; line-height: 1.4rem; font-size: 0.6rem;text-transform: uppercase;} #off_canvas .language {margin: 0; position: relative; padding: 5px 0; margin-bottom: 25px;} #off_canvas .language ul {position: static;} #off_canvas .language ul li a {padding: 10px; display: block;} #off_canvas .mod_customnav:not(.buttons) li a {padding: 5px 0;} #off_canvas .mod_customnav.buttons {padding: 15px 10px 15px 20px;} #off_canvas .mod_customnav.buttons li {display:inline-block; float:left; margin-right:15px;} #off_canvas .mod_customnav.buttons li a {padding:6px 12px; border:1px solid;} #off_canvas .mod_customnav a span {display: none;} /* trigger */ #nav-open-btn {z-index: 1; display: table-cell; vertical-align: middle; text-align: right; cursor: pointer; position: absolute; top:23px; left: 15px; display: none;} #nav-open-btn .menu-btn-label {position: absolute; right: 100%; top: 50%; display: none; line-height: 18px; font-size: 18px; margin-top: -14px; margin-right: 25px;} /* trigger animation */ .menu-btn-inside {height:38px; padding:6px; padding-top:12px; width:38px; -moz-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menu-btn-inside .line {display: block; width: 26px; height: 2px; position: relative; -moz-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menu-btn-inside .line:before, .menu-btn-inside .line:after {display: inline-block; width: 26px; height: 2px; position: absolute; left: 0px; content: ''; -moz-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menu-btn-inside .line:before {top: 6px;} .menu-btn-inside .line:after {bottom: -12px;} .pushy-active .menu-btn-inside {-webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);} .pushy-active .menu-btn-inside .line:before, .pushy-active .menu-btn-inside .line:after {top: -4px; left:-4px; width: 35px;} .pushy-active .menu-btn-inside .line:before {-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); top: 6px;} .pushy-active .menu-btn-inside .line:after {-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); top: 6px;} /* ============================================================================= * flags * ========================================================================== */ nav#mainmenu ul li a span.action, #off_canvas .mod_navigation ul li a span.action {display: block; font-size: 12px; line-height: 24px; padding: 0 6px; position: absolute; right: 0; top: -10px; white-space: nowrap; border-radius:3px;} nav#mainmenu ul li a span.action:before, #off_canvas .mod_navigation ul li a span.action:before {border-style: solid; border-width: 4px; content: ""; height: 0; position: absolute; right: 6px; top: 24px; width: 0;} #off_canvas .mod_navigation ul li a span.action {line-height:20px; position:relative; display:inline-block; margin-left:10px;} #off_canvas .mod_navigation ul li a span.action:before {border:none;} /* ============================================================================= * accessible tabs * ========================================================================== */ #producttabs .tabhead, #producttabs .current-info {display:none;} #producttabs ul {margin-left:0; margin-bottom:10px;} #producttabs li {display:inline-block; margin-right:10px; padding-right:10px;} #producttabs li:nth-last-child(1) {border:none;} #producttabs li a {margin:0; padding-bottom:5px; cursor: pointer; font-size: 1.412rem; line-height: 39px;font-weight: 400;display:block;} #producttabs .divid {display:none;} /* ============================================================================= * Sitemap * ========================================================================== */ #sitemap .well {padding: 0; border:none;} #sitemap ul {padding-left:19px; padding-right:19px;} /* ============================================================================= * text-wrapper * ========================================================================== */ .text-wrapper {max-height:250px; overflow-y:auto;} #category_listing .text-wrapper, #product_listing .text-wrapper {max-height:250px;} #category_listing .text-wrapper h1, #category_listing .text-wrapper h2, #category_listing .text-wrapper h3, #category_listing .text-wrapper h4, #category_listing .text-wrapper h5, #category_listing .text-wrapper h6, #product_listing .text-wrapper h1, #product_listing .text-wrapper h2, #product_listing .text-wrapper h3, #product_listing .text-wrapper h4, #product_listing .text-wrapper h5, #product_listing .text-wrapper h6 {color:#1d1d1b; font-size: 1.176rem; line-height: 31px;} /* ============================================================================= * breadcrumb * ========================================================================== */ .breadcrumb {border:none;padding:0; margin-top:0px; margin-bottom:25px; font-size:0.8rem;} /* ============================================================================= * boxes * ========================================================================== */ .categoryheader {font-weight: 400; position:relative; text-decoration: none; text-decoration: none; -webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; -ms-transition: All 0.4s ease; transition: All 0.4s ease; -webkit-backface-visibility: hidden; -webkit-perspective: 1000;} /*#left .boxcontent:before {content:''; height:2px;position:absolute; top:10px; width:23%;}*/ #left .categoryheader {overflow: hidden; position: relative;text-overflow: ellipsis; white-space: nowrap; width: 80%;} .boxcontent .custom-small {font-size:0.8rem;} .boxcontent .product-name {margin-bottom:5px;} .boxcontent .product-price {line-height:20px; margin-bottom:5px; display:inline-block;} .boxcontent .product-price br {display:none; opacity:0; height:0;} .boxcontent .product-price small {font-size: 12px; line-height: 12px; padding: 3px; display:none;} .boxcontent .product-price .productOldPrice {float:right; margin-left:5px;} .boxcontent .product-price .productOldPrice small {padding:0;} .boxcontent .product-tax {margin-bottom:5px;} .boxcontent .button {min-width:inherit; margin:0;} .boxcontent .product-watch-category {margin-bottom:5px; font-weight:400;} .boxcontent.boxcartbody {padding-left:0; padding-right:0; padding-bottom:0;} #left .boxcontent .button {display:block;} #left .boxcontent img {width:100%; height:auto;} /* categories */ .colorful {border-width:0;} .colorheader {border-top-width: 0 !important; padding: 0;} .colorheader .title {padding:19px;} .colorheader .boxcontent {border-width: 0;} .colorheader .btn {width:26px; height:26px; padding:0;} .colorheader .btn:hover .line {opacity:.5;} /* trigger animation */ .colorheader .line {top:-6px; display:block; width: 26px; height: 2px; position: relative; -moz-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .colorheader .line:before, .colorheader .line:after {display: inline-block; width: 26px; height: 2px; position: absolute; left: 0px; content: ''; -moz-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .colorheader .line:before {top: 6px;} .colorheader .line:after {bottom: -12px;} #box_categories .boxcontent {padding: 0 19px 19px; padding:0; margin-top:0;} #box_categories .boxcontent:before {display:none; height:0;} #box_categories ul {padding:0;} #box_categories ul ul {font-size:0.9rem;} #box_categories ul ul.dropdown li a:before {content:'\ec0e'; font-family: 'icons'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.5em; text-align: center; line-height: 1em;} #box_categories ul ul ul.dropdown li a {padding-left:45px;} #box_categories ul ul ul.dropdown li a:before {content:'\21b3';} #box_categories ul li a {margin: 0; padding: 15px 24px 15px 19px; text-shadow: none;} #box_categories .boxcontent .caret {border:none; margin:0; float:right; font-style:normal;} #box_categories .boxcontent .caret:before { content:'\ea39'; font-family: 'icons'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.5em; text-align: center; line-height: 1em; } #box_content a, #box_information a {padding:7px 0; background:none; position:relative;} #box_content a:hover, #box_information a:hover {padding-left:5px;} #box_content a:before, #box_information a:before {content:'\ea39'; font-family: 'icons'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.5em; text-align: center; line-height: 1em;} #box_content a:before, #box_information a:before {position:absolute; top:3px; left:0px;} #box_content a, #box_information a {padding-left:17px!important;} /* bestsellers */ #box_sellers .item {padding-bottom:25px; position:relative;} /* reviews */ #box_reviews .rating-stars img {max-width:100%; width:auto;} /* reviews */ #box_reviews1 .no-responsive {max-width:100%; width:auto!important;} /* custom boxes */ .contact {list-style-type:none; margin:0; padding:0;} .contact li {position:relative; padding-left:25px; margin-bottom:10px;} .contact li [class^="icon-"], .contact li [class*="icon-"], .contact li i[class^="icon-"], .contact li i[class*="icon-"] {position:absolute; top:3px; left:0;} /* payment box */ #box_payment img {height:24px; width:auto; display:inline-block; margin-right:7px; margin-bottom:7px;} #box_payment img.last {margin-right:0;} #box_payment img.mastercard {height:28px;} #box_payment img.visa {height:18px;} #box_payment img.vn {height:24px;} #box_payment img.sofort {height:24px;} #box_payment .collapse.in {overflow:visible!important;} /* shipping box */ #box_shipping img {height:24px; width:auto; display:inline-block; margin-right:7px; margin-bottom:7px;} #box_shipping img.last {margin-right:0;} #box_shipping img.dhl {height:15px;} #box_shipping img.ups {height:36px;} #box_shipping img.dp {height:18px;} #box_shipping img.gls {height:22px;} #box_shipping img.hermes {height:15px;} #box_shipping .collapse.in {overflow:visible!important;} /* ssl box */ #box_ssl img {height:58px; width:auto; display:inline-block; margin-right:7px; margin-bottom:7px;} /* ssl1 box */ #box_ssl1 .no-responsive {max-width:100%; width:auto!important;} /*bootstrap buttons*/ #left .btn .caret {margin:0; border:none; padding:0;width:auto;} #left .btn .caret:before {content: '\ea06'; display: inline-block; font-family: "icons"; font-style: normal; font-weight: normal; line-height: 1em; text-align: center; text-decoration: inherit; width: 1em;} #left .btn .caret-reversed:before {content: '\e767';} /* ============================================================================= * category grid * ========================================================================== */ .category-grid .well {-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .category-grid .well-small {padding:0;} .category-grid .image_style1 {margin:0;} .category-grid .cat-info {padding: 5% 5% 5% 5%;} .category-grid .cat-info .style_3_2 {height: 40px; line-height:20px; margin-bottom:5px;} .category-grid .category-name {line-height:18px; margin-bottom:5px;} .category-grid .span4 .category-name {height:auto;} .category-grid .row-fluid > div:hover .banner4:before {-moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);} /* Volle Breite span12 */ .category-grid .span12 .span4 {width: 23.0769%!important; float:left; padding:1px;} .category-grid .span12 .cat-info {float:left; padding:2%; margin-left: 2.5641%; width: 74.359%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .category-grid .span12 .cat-info p {margin-bottom:5px;} /* ============================================================================= * category show - box_categories_list * ========================================================================== */ /*.cat_show1.row-fluid .span4 {margin:0; width: 33.3%;}*/ /*.cat_show1.row-fluid [class*="span"]:first-child,*/ .cat_show1 .cat_show2.well-small {padding:0;} .cat_show1 .cat_show2 .cat_image {width:100%; height:auto; max-width:none;} .cat_show1.row-fluid [class*="span"]:nth-child(3n+1) {margin-left: 0; clear:left;} @media only screen and (max-width: 990px), screen and (min-device-width : 768px) and (max-device-width : 1024px) { .cat_show1.row-fluid [class*="span"]:nth-child(3n+1) {margin-left: 2.76243%; clear: none;} } /* ============================================================================= * Save and News flags * ========================================================================== */ .flags {position:absolute; top:10px; right:10px; z-index:3;} .flags.isspecial {left:10px; right:auto;} .flags span {font-size:0.9rem; text-transform:uppercase; padding: 0 10px; display:inline-block;} /* ============================================================================= * Button action * ========================================================================== */ .button-action {position:absolute; width:100%; bottom:-45px; -webkit-transition: bottom 0.3s ease-in-out 0s; -moz-transition: bottom 0.3s ease-in-out 0s; transition: bottom 0.3s ease-in-out 0s; z-index:3; /*padding-left:5%; padding-right:5%;*/ text-align:center; box-sizing: border-box;} .button-action .products_button_details {margin-bottom:0; display:block; border-radius:0;} /* ============================================================================= * products-grid * ========================================================================== */ .products-grid .well {-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position:relative;} /*.products-grid .well-small {padding:0;}*/ /*.products-grid .span3 .button {min-width:inherit;}*/ .products-grid .span3 .productOldPrice {margin:0;} .products-grid .img-responsive {width:100%; height: auto; max-width:none;} .products-grid .pro-info {padding: 5% 0; min-height: 122px;} /*.products-grid .pro-info .style_3_2 {height: 40px; line-height:20px; margin-bottom:5px;}*/ .products-grid .price span {margin: 0 3px; display:inline-block;} .products-grid br {display:none;} .products-grid .row-fluid > div:hover .button-action {bottom:0;} .products-grid .row-fluid > div:hover .product-name a {text-decoration:underline;} .products-grid .row-fluid > div:hover .banner4:before {-moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);} .products-grid .owl-item:hover .button-action {bottom:0;} .products-grid .owl-item:hover .product-name a {text-decoration:underline;} .products-grid .owl-item:hover .banner4:before {-moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);} .product-image {position:relative;} .product-image .cloud-zoom-link {position:absolute; bottom:0; right:0; z-index:100; border:none; padding:12px 12px;} .product-image .cloud-zoom-link:hover {} .product-image .cloud-zoom-link span {display:none;} .product-image .cloud-zoom-link [class^="icon-"], .product-image .cloud-zoom-link [class*="icon-"], .product-image .cloud-zoom-link i[class^="icon-"], .product-image .cloud-zoom-link i[class*="icon-"] {font-size:24px; margin:0;} .product-image .cloud-zoom img {max-width:none; width:100%;} /* Volle Breite span12 */ .products-grid .span12 .span3 {width: 23.0769%!important; padding:1px;} .products-grid .span12 .pro-info {float:left; padding:0; margin-left: 2.5641%; width: 74.359%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .products-grid .span12 .pro-info .button {margin-bottom:0;} .products-grid .span12 .pro-info p {margin-bottom:5px;} .products-grid .span12 .pro-info .button {display:inline-block;} /* OWL grid */ .products-grid .owl-item .item {margin:5px; border-style:solid; border-width:1px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .products-grid .owl-item .item:hover .product-name a {text-decoration:underline;} .products-grid .owl-item .product-name {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0; margin-bottom:5px;} .products-grid .owl-item .product-price {line-height:20px;} .products-grid .owl-item .price small {display:none;} /* switcher */ .products-grid .switcher .span12 {margin-left:0; margin-bottom:30px;} .products-grid .switcher .span4:nth-child(3n+1) {margin-left:0; clear:left;} /* ============================================================================= * products-info * ========================================================================== */ #products-info .product-manufacturer {font-weight:500;} /*#products-info .product-name {margin-bottom:1.6666em;}*/ #products-info h1 {line-height: 1.2em;} #products-info .product_stock {font-size:18px; font-weight:400;} #products-info .product-shipping, #products-info .product-model {font-weight:400; font-size:14px;} #products-info .product-price small {padding: 3px 5px;} #products-info .product-price .productOldPrice small {padding:0; color:inherit;} #products-info .product-options {margin-bottom:15px;} #products-info .product-options .drop-down {margin-bottom:10px;} #products-info .addtobasket {text-align:center;} #products-info .addtobasket input {text-align:center; height:22px; min-width:60px; width:auto; margin-bottom:3px;} #products-info .select-options .bold {font-weight:500;} #products-info .select-options .span12 {margin-left:0;} #products-info .select-options .row-fluid [class*="span"] {min-height:20px;} #products-info .select-options label.radio, #products-info .select-options label.checkbox {padding:7px 5px; margin-bottom:0;} #products-info .select-options .radio input[type="radio"], #products-info .select-options .checkbox input[type="checkbox"] {margin-left:0; margin-right:5px;} /* Plus/Minus */ #dec, #inc {padding:5px; width:22px; height:22px; line-height:22px; display:inline-block; text-align:center;text-decoration:none;} #dec {margin-right:2px;} #inc {margin-left:2px;} .add_qty {margin-bottom:15px; display:inline-block;} .add_cart_button {margin-left:5px; margin-right:5px;} .add_cart_button button {display:inline-block;} #products-info .addtobasket input {display:inline-block;} /* Tabs */ #tab_reviews .well {border-width: 1px 0 0 0; padding:0; padding-top:15px;} /* Attribute Price Updater */ .calculatePriceUpdater {display:none; margin: 10px 2px;} /* ============================================================================= * Rating * ========================================================================== */ .rating > div {margin-top:-5px; margin-bottom:5px;} .rating a {text-decoration:none;} /* ============================================================================= * Account * ========================================================================== */ #create_account .company .inputRequirement {color:inherit; display:block;} /* ============================================================================= * Checkout / ShoppingCart * ========================================================================== */ #order_details .cancel .btn {min-width:inherit; padding:2px 6px; font-size:0.8rem; margin-top:10px;} #order_details .attributes, #checkout_confirmation .attributes {font-size: 0.9rem; line-height: 22px; margin-left: 0; margin-right: 2.5641%; min-height: auto !important;} #checkout_confirmation .total p {margin-bottom:5px;} .checkout-buttons .btn:before {border-bottom: 30px solid #e5e5e5; border-left: 1em solid transparent; border-top: 30px solid #e5e5e5; content: ""; left: -14px; position: absolute; top: 0;} .checkout-buttons .btn:after {border-bottom: 30px solid transparent; border-left: 1em solid #e5e5e5; border-top: 30px solid transparent; content: ""; position: absolute; right: -14px; top: 0; z-index: 1;} .checkout-buttons .btn:first-child {border-bottom-left-radius: 4px; border-top-left-radius: 4px; padding-left: 0.7em;} .checkout-buttons .btn:last-child {border-bottom-right-radius: 4px; border-top-right-radius: 4px; padding-right: 0.7em; margin-right:0;} .checkout-buttons .btn:first-child:before, .checkout-buttons .btn:last-child:after {display: none;} .checkout-buttons .btn {border:none; box-shadow:none; height: 60px; margin: 0 .5% 0 1%; padding: 0.2em 0.4em 0.4em; position: relative; text-decoration: none;} .checkout-buttons .btn-text {overflow:hidden;display: block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;} .checkout-buttons .span3 {width:23.8%;} .span9 .radio .label { background: #3370BC; padding: 7px; font-size: 14px; font-weight: 500; } /* ============================================================================= * notice * ========================================================================== */ .notice {margin:10px 0; padding: 10px 10px 10px 50px; line-height:19px; font-size:.9rem; position:relative;} .notice:before {content:'\2139'; font-family: 'icons'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width:30px; height:30px; line-height:30px; text-align:center; position:absolute; left:10px; top:50%; margin-top:-15px; border-radius:100%;} .notice.success {padding: 20px 20px 20px 60px;} .notice.success:before {content:'\e854'; border-radius:0; font-size:2rem; left:20px;} /* ============================================================================= * pagination / sorting * ========================================================================== */ .sorting small {font-size:0.9rem;} /* pagination */ .pagination {padding-top: 12px; padding-bottom: 5px;} .pagination ul {-moz-border-radius: 0; -webkit-border-radius: 0;border-radius: 0; box-shadow:none;} .pagination ul > li > a, .pagination ul > li > span, .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {border-width: 0; text-decoration: none; padding:4px 10px;} .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {cursor: not-allowed;} .pagination ul > li:first-child > a, .pagination ul > li:first-child > span, .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {-moz-border-radius: 0; -webkit-border-radius: 0;border-radius: 0; border-width:0;} .pagination ul > .active > a, .pagination ul > .active > span {cursor: not-allowed;} /* sorting / products view */ .sorting {padding-top:10px; padding-left:10px; padding-right:10px;} .sorting .right-buffer {margin-right:40px;} .sorting .btn-group .btn {margin-right:5px; margin-bottom:10px; padding: 4px 8px;} .sorting .btn.active, .sorting .btn:active {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} .sorting .btn.disabled, .sorting .btn[disabled], .sorting .input-prepend .add-on:first-child, .sorting.input-prepend .btn:first-child {-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;} .sorting .btn-group .btn, .sorting select {-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;} .sorting .btn.disabled, .sorting .btn[disabled] {opacity:1; padding-left:0; padding-right:0; color:inherit; margin-right:10px;} .sorting form {margin:0;} /* ============================================================================= * features * ========================================================================== */ /* --image_styles ------------------------------------------------- */ /* hover effects */ .banner {display: block; overflow: hidden; position: relative;} .banner:before {bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index:2;} .banner:hover:before {-moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);} .banner2 {display: block; overflow: hidden; position: relative;} #box_sellers .owl-item .banner2 {max-height: none;} .banner2:before {content: ""; height: 0; left: 0; margin: auto; position: absolute; top: 0; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; width: 0;} .banner2:after {bottom: 0; content: ""; height: 0; position: absolute; right: 0; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; width: 0;} .banner2:hover:after, .banner2:hover:before {height: 100%; -moz-transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s; width: 100%;} .banner3 {display:block; overflow:hidden; position: relative;} .banner3:before {bottom: 8px; content: " "; left: 8px; opacity: 0; position: absolute; right: 8px; top: 8px; transform: scale(0, 1); transform-origin: 0 0 0; transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; z-index: 1;} .banner3:after {bottom: 8px; content: ""; left: 8px; opacity: 0; position: absolute; right: 8px; top: 8px; transform: scale(1, 0); transform-origin: 100% 0 0; transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; z-index: 1;} .banner3:hover:after, .banner3:hover:before {opacity: 1; transform: scale(1);} .banner4 {display: block; overflow: hidden; position: relative;} .banner4:before {background: rgba(51, 112, 188,.7); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index:2;} .banner4:hover:before {-moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);} /* image_style */ .image_style .link-item .category_name {font-size:18px; text-align:left; border:1px solid #e5e5e5; margin:0; padding: 25px 20px; z-index:3; position:relative;} .image_style .link-item .category_name .pull-right {margin-right:0; margin-top:5px;} /*.image_style .link-item .category_name span {display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%;} */ .image_style .link-item .category_name span {display: inline-block; width: 90%;} .image_style .banner4:hover {text-decoration:none;} /* image_style1 */ .image_style1 {position:relative; margin-bottom:5%;} .image_style1 .link-item {display: block; overflow: hidden; position: relative; width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /*.image_style1 .link-item:before {bottom: 8px; content: " "; left: 8px; position: absolute; right: 8px; top: 8px; z-index: 4;} .image_style1 .link-item:after {bottom: 8px; content: ""; left: 8px; position: absolute; right: 8px; top: 8px; z-index: 4;}*/ .image_style1 .link-item .category_name {position:absolute; left:0; bottom:0; width:100%; margin:0; z-index:3; text-align:left; font-size:18px;} .image_style1 .link-item .category_name span {display:block; margin-left: 5%; margin-right: 5%; margin-top:8px; margin-bottom:8px;} /* --table_simple ------------------------------------------------- */ table {margin-bottom: 10px;width: 100%;} table td {padding: 1rem 1rem 1rem 0; text-align: left;} table td p {margin: 0;} table th {text-align: left; padding: 1rem 1rem 1rem 0;} /* --table_striped ------------------------------------------------- */ .table-striped th, .table-striped td {padding: 1rem;} /* --table_blank ------------------------------------------------- */ .table-blank tr, .table-blank td, .table-blank th, .table-blank table {border: 0; padding: 1rem 1rem 1rem 0;} /* --hyperlinks + buttons ------------------------------------------------- */ .button, .button1, .button2, .button3, .button4, .button5, .button6, .button7 {min-width:110px; display: inline-block; font-size: 100%; font-size: 0.875rem; padding: 8px 20px; margin-bottom:10px; text-align:center; border-radius:224px; font-weight:500; line-height: 1.42857; text-decoration:none!important;} .button, .button1, .button2, .button3, .button4, .button5, .button6, .button7, .btn {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s; -ms-transition: all 0.3s ease; transition: all 0.3s ease;} /* clean */ .button-clean {cursor:pointer;border-width:0; padding:0;} .btn-link {padding:0;} /* sizes */ .button.medium, .button1.medium, .button2.medium, .button3.medium, .button4.medium, .button5.medium, .button6.medium, .button7.medium {font-size: 1rem; padding: 10px 25px;} .button.large, .button1.large, .button2.large, .button3.large, .button4.large, .button5.large, .button6.large, .button7.large, .button-clean.large {font-size: 1.125rem; padding: 14px 30px;} /* ============================================================================= * --modal classes * ========================================================================== */ /*.modal-open {overflow:hidden;} .modal-open .modal {overflow-x: hidden!important; overflow-y: auto!important;} #ServiceModal.modal, #modal-box-login.modal, #modal-box-newsletter-info.modal {margin:0; bottom: 0; display: none; left: 0; outline: 0 none; overflow-y: auto; position: fixed; width:100%; right: 0; top: 0;} #ServiceModal.modal.fade.in, #modal-box-login.modal.fade.in, #modal-box-newsletter-info.modal.fade.in {top: 0;} #ServiceModal.modal .close, #modal-box-login.modal .close, #modal-box-newsletter-info .close {right:-5px;} .modal-dialog {top:10%; margin:30px auto; padding:0 10px; position: relative; width: auto; max-width:730px;}*/ .modal {margin-top:26px;} .modal form {margin:0;} .modal .strong {font-weight:400;} .modal .well {border:none; margin:0;} .modal #ServiceTabs a {margin-top:1px; margin-bottom:0;} .modal-header, .modal .categoryheader {line-height:30px;} .modal .boxcontent {border:none; padding:0; margin:0;} .modal .close {font-size:40px; float:none; line-height:20px; padding:5px 10px; margin:0; top:-35px; right:-10px; opacity:1; height:20px; position:absolute; text-align:center} .modal .close:hover {opacity:.6;} .modal-title {font-weight:400; font-size:18px; display:block;} .modal-gallery .modal-title {display:block; width:100%!important;} .modal-gallery .modal-footer {text-align:center!important;} .modal-footer {padding-top:0; border-radius:0; box-shadow:none;} .modal-gallery .modal-body {overflow:visible; padding:0;} .modal-gallery .modal-image {overflow:visible;} .modal-gallery .modal-footer {padding-top:15px;} .modal-gallery .modal-image:before, .modal-gallery .modal-image:after{display:none; content:''; position:absolute; top:50%; left:0px; width:0; height:0; margin-top:-20px; font-size:60px; font-weight:100; line-height:0; color:#fff; text-align:center; opacity:0;filter:alpha(opacity=0);z-index:1} .modal-gallery .modal-image:hover:before, .modal-gallery .modal-image:hover:after {display:none; left:-35px; background:none; border:none; opacity:0;filter:alpha(opacity=0);} .modal-gallery .modal-image:hover:after {left:auto;right:-35px;} .modal-gallery .modal-image:after{content:'';left:auto;right:-35px} .modal-gallery.modal-single .modal-image:before, .modal-gallery.modal-single .modal-image:after, .modal-gallery.modal-single .modal-image:hover:before, .modal-gallery.modal-single .modal-image:hover:after, .modal-gallery.modal-single .modal-footer{display:none} .modal-gallery .modal-body .modal-prev, .modal-gallery .modal-body .modal-next {position:absolute; font-size:50px; width:50px; height:50px; line-height:50px; left:0px; top:30%; margin-right:0; margin-top:-25px; color:#fff;z-index: 999; background: rgba(0,0,0,0.5);padding: 0.5%;} .modal-gallery .modal-body .modal-next {left:auto; right: 0px;} .modal-gallery .modal-body .modal-prev:hover, .modal-gallery .modal-body .modal-next:hover {opacity:.6; filter:alpha(opacity=60);} .modal-gallery .modal-body .modal-prev [class^="icon-"], .modal-gallery .modal-body .modal-prev [class*="icon-"], .modal-gallery .modal-body .modal-next [class^="icon-"], .modal-gallery .modal-body .modal-next [class*="icon-"] {margin-right:0;} @media only screen and (max-width: 767px) { #ServiceModal .modal-body, #modal-box-login .modal-body, #modal-box-newsletter-info .modal-body {max-height:none;} #ServiceModal .modal-dialog, #modal-box-login .modal-dialog, #modal-box-newsletter-info .modal-dialog {max-height: 580px; overflow-y: auto;} } @media only screen and (max-width: 479px) { #ServiceModal .modal-body, #modal-box-login .modal-body, #modal-box-newsletter-info .modal-body {max-height:none;} #ServiceModal .modal-dialog, #modal-box-login .modal-dialog, #modal-box-newsletter-info .modal-dialog {max-height: 420px;} } /* ============================================================================= * --forms * ========================================================================== */ /* --input, select, textarea ------------------------------------------------- */ select, textarea, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {font-family: Arial, sans-serif; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;} input[type="search"] {-webkit-appearance: none; border-radius: 0!important;} select {-webkit-appearance:none;} textarea {-webkit-appearance:none;} /* --radio-buttons ------------------------------------------------- */ .radio_container {margin-top: 1px;} .radio_container legend span {margin-bottom: 5px; display: inline!important;} .radio_container label {float: none;} .radio_container input {width: 20px; padding: 0; box-shadow: none; -webkit-box-shadow: none; border-radius: 100%;} .radio_container legend {display: block; overflow: hidden;} .radio_container span {display: block;} .radio_container.horizontal span {display: inline-block; margin-right: 15px;} /* --checkboxes ------------------------------------------------- */ .checkbox_container {margin-top: 1px;} .checkbox_container legend span {margin-bottom: 5px; display: inline!important;} .checkbox_container label {float: none;} .checkbox_container input {width: 20px!important; padding: 0; box-shadow: none; -webkit-box-shadow: none;} .checkbox_container legend {display: block; overflow: hidden;} .checkbox_container span {display: block;} .checkbox_container.horizontal span {display: inline-block; margin-right: 15px;} /* --submit-button ------------------------------------------------- */ .submit_container input {width: auto!important;} .submit {-webkit-appearance:none; -webkit-box-shadow: none; box-shadow: none; border: 0;} input[type="submit"], input.submit {border-radius: 5px; font-family: Arial, sans-serif; font-weight: 500; padding: 20px 13px; text-align: center; display: inline-block; margin-bottom: 4px; white-space:nowrap; font-size: 0.8em; cursor: pointer;} input[type="submit"], input.submit {-webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} input[type="submit"]:hover, input.submit:hover {opacity: 0.9; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} /* --errors ------------------------------------------------- */ p.error {clear: both;} /* --confirms ------------------------------------------------- */ p.confirm {clear: both;} /* ============================================================================= * media-queries * ========================================================================== */ /* --small desktop ------------------------------------------------- */ @media only screen and (min-width: 990px) and (max-width: 1280px) { /* mainmenu */ nav#mainmenu ul li a {font-size:0.9rem; line-height:40px;} nav#mainmenu ul li a span.action {line-height:20px;} nav#mainmenu ul li a span.action:before {top:20px;} nav#mainmenu li.home span {display:none;} nav#mainmenu li.home [class^="icon-"], nav#mainmenu li.home [class*="icon-"], nav#mainmenu li.home i[class^="icon-"], nav#mainmenu li.home i[class*="icon-"] {margin:0; display:inline-block;} /* box_categories_dropdown - menu left - hover */ #box_categories_dropdown.colorheader .title {padding-top:14px; padding-bottom:14px;} /* sticky */ #menue-container.sticky .header-cart {height:54px;} #menue-container.sticky .header-cart > a {display:block; height:54px;} #menue-container.sticky .header-cart .cart-content {right:1%;} #menue-container.sticky .header-cart .cart-toggle:after {line-height:42px} #menue-container.sticky .header-cart .total {right:38px;} /* contactBox */ #contactBox {display:none;} /* slogan */ #slogan {left:130px; width:210px;} #slogan .slogan-text {font-size:19px;} /* fontsize classes */ #owl-big-image .fontsize_xxxl {font-size: 26px; line-height: 26px;} #owl-big-image .fontsize_xxl {font-size: 24px; line-height: 26px;} #owl-big-image .fontsize_xl {font-size: 20px; line-height: 26px;} #owl-big-image .fontsize_l {font-size: 20px; line-height: 26px;} #owl-big-image .fontsize_m {font-size: 15px; line-height: 26px;} #owl-big-image .fontsize_s {font-size: 13px; line-height: 26px;} } /* --tablets ------------------------------------------------- */ @media only screen and (max-width: 990px), screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* bootstrap */ .row-fluid .left-container, .row-fluid .main-container {width: 100%;} .main-container.desk9 {left: 0; position: relative; right: auto;} .left-container.desk3 {left: auto; position: relative; right: 0; margin-left:0 !important;} /* left boxes width */ .mq50 {float:left; width:49%; margin-left:2%; margin-right:0;} .mq50:nth-child(2n+1) {clear:left; margin-left:0;} /* mobile-only */ .mobile-only {display:block!important;} /* hide-classes */ .show-tablet {display:block!important;} .hide-tablet {display:none!important;} /* font-size*/ html {font-size: 14px; line-height: 24px;} /* body */ body {padding-top: 0!important;} /* --page-width ------------------------------------------------- */ .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, /* bootstrap */ #menue-container .inside, .container-inside, #section_after .inside, #footer_before .inside, #footer .inside, #bottom .inside, .copyright .inside {max-width:750px;} .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, /* bootstrap */ #header-container .inside, #menue-container .inside, .container-inside, #section_after .inside, /*#footer_before .inside, */#footer .inside, #bottom .inside, .copyright .inside, #cookie-bar p {padding-left:15px; padding-right:15px;} #top-container .inside {padding-left:0; padding-right:0;} /* contactBox */ #contactBox {display:none;} /* top-container */ #top-container {font-size: 0.8rem;} #top-container .one_half {margin:0;} #top-container .greeting {display:none;} #top-container .language {border-left:0;;} #top-container .language ul {font-size: 0.8rem;} #top-container .metaheader li.last a {border-right:0;} /* mainmenu */ nav#mainmenu ul li a {padding: 8px 8px; font-size:12px;} nav#mainmenu ul li a span.action {font-size:0.8rem; line-height:20px;} nav#mainmenu ul li a span.action:before {top:20px;} nav#mainmenu li.home span {display:none;} nav#mainmenu li.home [class^="icon-"], nav#mainmenu li.home [class*="icon-"], nav#mainmenu li.home i[class^="icon-"], nav#mainmenu li.home i[class*="icon-"] {margin:0; display:inline-block;} /* header */ #header-container {padding:0;} #header-container .inside {padding-left:0; padding-right:0;} #headeroffset, #header-container {-webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;} /* header-container sticky */ #header-container.sticky {position: fixed; left: 0; top: 0; width: 100%; z-index: 9999;} #header-container.sticky {-webkit-animation: fadeInDown 400ms ease; -moz-animation: fadeInDown 400ms ease; -ms-animation: fadeInDown 400ms ease; animation: fadeInDown 400ms ease;} /* logo */ #logo {float:none; text-align:left; margin:0 auto; padding:10px 300px 10px 100px; min-height:55px;} #logo {width:100%;} #logo img {height:auto; width:150px;} /* slogan */ #slogan {left:210px;} /* suche */ #search {float:none; width:100%; border-width:1px 0 0 0; border-style:solid;padding:10px 20px; margin:0;} #search form {margin:0; position:relative;} #search input {margin:0;} #search input[type="text"] {height:42px; font-size:0.9rem;} #search .btn {height:32px; line-height:32px; font-size:0.9rem;} #search .glyph-before {height: 32px;left: 5px; line-height: 37px;} /* shopping cart - header */ .header-cart .cart-toggle {padding-bottom:10px;} /* meta */ #meta {position:absolute; top:15px; right:20px; margin:0; width:auto;} /* menu + mobilemenu */ #menue-container {display: none!important;} #nav-open-btn {display: table-cell!important; left:20px;} #nav-open-btn .menu-btn-label {display: none!important;} /* products-grid */ .products-grid .row-fluid .span3:nth-child(3n) {margin-left:0;} .products-grid .row-fluid .span3 {width:48.6188%;} .products-grid .row-fluid .span4 {width: 31.4917%; float:left; margin-left: 2.12766%;} .products-grid .row-fluid [class*="span"]:first-child {margin-left: 0;} /* advantages */ .row-fluid.advantages .span3 {width:48.6188%;} .row-fluid.advantages .span3:nth-child(3n) {margin-left:0; margin-top:25px;} .row-fluid.advantages .span3:nth-child(4n) {margin-top:25px;} /* box_custom4 */ #header_after #box_custom4 .first, #header_after #box_custom4 .second {float:none;width:100%; margin-left:0;} /* catergories boxen */ .image_style1 .link-item .category_name {font-size: 15px;} .cat_show1.row-fluid [class*="span"] {width:48.6%;} .cat_show1.row-fluid [class*="span"]:nth-child(2n+1) {margin-left: 0; clear:left;} /* box_logos */ #box_logos .logos-text {width:100%; float:none; margin:0;} #box_logos .logos-images.span7 {margin-left:20.0271%;} /* account */ #login .span6, #create_account .span6 {width:100%; float:none; margin-left:0;} /* Checkout / ShoppingCart */ .checkout-buttons .btn:before {border-bottom-width: 20px; border-top-width: 20px; left: -14px;} .checkout-buttons .btn:after {border-bottom-width: 20px; border-top-width: 20px; right: -14px;} .checkout-buttons .btn {height: 40px; margin: 0 .5% 0 2%; padding: 0.2em 0.4em 0.4em; position: relative; text-decoration: none;} .checkout-buttons .span3 {width:23.1%;} .checkout-buttons .btn-text {display:none;} /* footer */ #footer > .inside > .row-fluid > .span3:first-child {width:100%; float: none;} #footer > .inside > .row-fluid > .span3 {width:31.4%;} #footer > .inside > .row-fluid > .span3.odd {margin-left:0;} /* fontsize classes */ #owl-big-image .fontsize_xxxl {font-size: 26px; line-height: 26px;} #owl-big-image .fontsize_xxl {font-size: 24px; line-height: 26px;} #owl-big-image .fontsize_xl {font-size: 20px; line-height: 26px;} #owl-big-image .fontsize_l {font-size: 20px; line-height: 26px;} #owl-big-image .fontsize_m {font-size: 15px; line-height: 26px;} #owl-big-image .fontsize_s {font-size: 13px; line-height: 26px;} /* pushy */ .pushy-active #headeroffset, .pushy-active #header-container.sticky {left:440px; } .pushy {width: 440px;} .pushy-left { -webkit-transform: translate3d(-440px, 0, 0); -ms-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0); } .pushy-open-left #container, .pushy-open-left .push { -webkit-transform: translate3d(440px, 0, 0); -ms-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } .pushy-right { -webkit-transform: translate3d(440px, 0, 0); -ms-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } .pushy-open-right #container, .pushy-open-right .push { -webkit-transform: translate3d(-440px, 0, 0); -ms-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0); } } /* --phones ------------------------------------------------- */ @media only screen and (max-width: 767px) { /* hide-classes */ .show-phone {display:inherit;} /* body */ body {padding: 0;} /* --page-width ------------------------------------------------- */ .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, /* bootstrap */ #header-container .inside, #menue-container .inside, .container-inside, #section_after .inside, #footer .inside, #bottom .inside, .copyright .inside, #cookie-bar p {padding-left:15px; padding-right:15px;} /* header */ .pushy-active #headeroffset, .pushy-active #header-container.sticky, .pushy-active #header_after {left:330px;} #header-container {padding:0;} #header-container .inside {padding-left:0; padding-right:0;} /* top-container */ #top-container {font-size: 0.9rem;} #top-container .greeting {display:none;} #top-container .language .text_language, #top-container .metaheader li span {display:none!important;} #top-container .metaheader [class^="icon-"], #top-container .metaheader [class*=" icon-"] {margin-right:0!important;} /* header-container sticky */ #header-container.sticky {position: fixed; left: 0; top: 0; width: 100%; z-index: 9999;} #header-container.sticky {-webkit-animation: fadeInDown 400ms ease; -moz-animation: fadeInDown 400ms ease; -ms-animation: fadeInDown 400ms ease; animation: fadeInDown 400ms ease;} /* slogan */ #slogan {display:none;} /* logo */ #logo {float:none; text-align:center; margin:0 auto; padding:10px 85px 10px 85px;} #logo img {width:120px;} /* suche */ #search {padding:10px 15px;} /* meta */ #meta {position:absolute; right:10px; margin:0; width:50px; height:50px; top:10px;} /*header-cart*/ .header-cart {height:50px;} .header-cart > a {display:block; height:50px;} .header-cart .total .text_total {display:none;} .header-cart .heading_cart, .header-cart .text_article {display:none!important;} .header-cart .cart-toggle {padding:0;} .header-cart .cart-toggle:after {font-size:38px; line-height:38px; padding:0; background:none;} .header-cart .total {position:relative; padding:0 3px; top:-7px; right:35px; min-width:20px; height:20px; line-height:20px; text-align:center; border-radius:2em; font-weight:bold; font-size:13px; display:inline-block;} /* menu + mobilemenu */ #menue-container {display: none!important;} #nav-open-btn {display: table-cell!important; left:15px; top:16px;} #nav-open-btn .menu-btn-label {display: none!important;} /* products-grid */ .products-grid .row-fluid .span3 {width: 48.9362%; float: left; margin-left: 2.12766%;} .products-grid .row-fluid [class*="span"]:first-child {margin-left: 0;} .products-grid .button {width:auto!important; min-width: inherit!important; font-size: 0.9rem;} /*.products-grid .product-name {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}*/ /* switcher */ .products-grid .switcher .span4 {width:49%; margin-left:2%;} .products-grid .switcher .span4:nth-child(3n+1) {margin-left:2%; clear:none;} .products-grid .switcher .span4:nth-child(2n+1) {margin-left:0; clear:left;} /* flags */ .flags {top:5px; right:5px;} .flags.isspecial {left:5px;} .flags span {font-size:0.8rem; padding:0 5px;} /* category-grid */ .category-grid .row-fluid .span6 {width: 48.9362%; float: left; margin-left: 2.12766%;} .category-grid .row-fluid [class*="span"]:first-child {margin-left: 0;} /* catergories boxen */ .image_style .link-item .category_name, .image_style1 .link-item .category_name {font-size: 13px;} .image_style .link-item .category_name span {width:84%;} .image_style .link-item .category_name {padding: 15px 10px;} .cat_show1.row-fluid [class*="span"] {float:left;} .cat_show1.row-fluid [class*="span"]:nth-child(1n+1) {margin-left: 1.4%;} /* box_logos */ #box_logos .logos-images.span7 {margin-left:0;} /* box_custom4 */ #header_after #box_custom4 .one, #header_after #box_custom4 .two {width:49%; float:left;} #header_after #box_custom4 .hotline-custom {margin-top:0;} #header_after #box_custom4 .text-custom {display:none;} #header_after #box_custom4 .location-custom {width:auto; display:inline-block; margin-top:0; margin-right:10px;} #header_after #box_custom4 .custom-small {float:none;width:100%; margin-top:0; margin-left:0;} /* box_login */ #box_login #loginbox .text-right {text-align:left;} #box_login #loginbox .margin-bottom20, #box_login #loginbox .one_fourth, #box_login #loginbox .one_half {margin:0;} /* Account */ #create_account input[type="tel"], #create_account input[type="email"], #create_account input[type="number"], #create_account input[type="text"], #create_account input[type="password"], #account_edit input[type="text"], #account_edit input[type="password"], #account_password input[type="password"], #addressbook input[type="text"], #checkout_address input[type="text"] {width: 94%;} /* Checkout / ShoppingCart */ .checkout-buttons .btn:before {border:none;} .checkout-buttons .btn:after {border:none;} .checkout-buttons .btn {height: 40px; margin: 0 .5% 0 2%; border-radius:3px;} .checkout-buttons .span3 {width:100%; margin-left:0; margin-right:0; margin-bottom:1px;} .checkout-buttons .btn-text {display:none;} /* order_details */ #order_details .order-image {width:28%; margin-right:3%; float:left;} #order_details .order-info {width:69%; float:left;} /* checkout_confirmation */ #checkout_confirmation .order-image {width:28%; margin-right:3%; float:left;} #checkout_confirmation .order-info {width:69%; float:left;} /* image_container */ .image_container {margin-bottom: 10px; width: 100%; padding: 0; margin: 0 0 10px 0; float: none;} #footer_before #box_newsletter {min-width: inherit; width:100%;} /* footer */ #footer .boxcontent {border-width:1px; margin-top: 10px; padding-top: 10px;} #footer .btn-mini {display:block;} #footer .border-left {padding-left:0; border-width:0;} #footer #box_newsletter .button1 {display:block; width:100%;} /* footer */ #footer > .inside > .row-fluid > .span3 {width:100%;} /* bottom */ #bottom .inside {font-size:0.8rem;} /* disable webkit text size adjust (for iPhone) */ html {-webkit-text-size-adjust: none;} /* tables */ table {font-size: 9px;} /* css-framework */ .full, .one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth {width: 100%; margin: 0 0 15px 0;} .border-inner {border: 0!important;} /* #off_canvas */ #off_canvas .mod_customnav.buttons, #off_canvas .mod_navigation a, #off_canvas .socials {padding-left: 15px;} #off_canvas .socials {padding-right:15px;} /* button */ .button, input[type="submit"], input.submit, .submit_container input {display: block; /*width: 100%!important;*/} /* advantages */ .row-fluid.advantages .span3 {width:100%; margin-top:15px!important;} .row-fluid.advantages .span3:first-child {margin-top:0!important;} /* css helper margins */ .margin-top10 {margin-top: 10px;} .margin-top20 {margin-top: 20px;} .margin-top30 {margin-top: 20px;} .margin-top40 {margin-top: 20px;} .margin-top50 {margin-top: 20px;} .margin-top60 {margin-top: 20px;} .margin-top70 {margin-top: 20px;} .margin-top80 {margin-top: 20px;} .margin-top90 {margin-top: 20px;} .margin-top100 {margin-top: 20px;} .margin-bottom10 {margin-bottom: 10px;} .margin-bottom20 {margin-bottom: 20px;} .margin-bottom30 {margin-bottom: 20px;} .margin-bottom40 {margin-bottom: 20px;} .margin-bottom50 {margin-bottom: 20px;} .margin-bottom60 {margin-bottom: 20px;} .margin-bottom70 {margin-bottom: 20px;} .margin-bottom80 {margin-bottom: 20px;} .margin-bottom90 {margin-bottom: 20px;} .margin-bottom100 {margin-bottom: 20px;} .padding-top10 {padding-top: 10px;} .padding-top20 {padding-top: 20px;} .padding-top30 {padding-top: 20px;} .padding-top40 {padding-top: 20px;} .padding-top50 {padding-top: 20px;} .padding-top60 {padding-top: 20px;} .padding-top70 {padding-top: 20px;} .padding-top80 {padding-top: 20px;} .padding-top90 {padding-top: 20px;} .padding-top100 {padding-top: 20px;} .padding-bottom10 {padding-bottom: 10px;} .padding-bottom20 {padding-bottom: 20px;} .padding-bottom30 {padding-bottom: 20px;} .padding-bottom40 {padding-bottom: 20px;} .padding-bottom50 {padding-bottom: 20px;} .padding-bottom60 {padding-bottom: 20px;} .padding-bottom70 {padding-bottom: 20px;} .padding-bottom80 {padding-bottom: 20px;} .padding-bottom90 {padding-bottom: 20px;} .padding-bottom100 {padding-bottom: 20px;} .phone_no {margin-top: 0;} .phone_no {margin-bottom: 0;} /* headlines */ h1 {font-size: 1.5rem; margin-bottom:15px;} h2 {font-size: 1.4rem; margin-bottom:10px;} h3 {font-size: 1.3rem; margin-bottom:10px;} h4 {font-size: 1.2rem; margin-bottom:10px;} h5 {font-size: 1.1rem; margin-bottom:10px;} h6 {font-size: 1rem; margin-bottom:10px;} /* fontsize classes */ .fontsize_xxxl {font-size: 26px; line-height: 1.8em;} .fontsize_xxl {font-size: 24px; line-height: 1.8em;} .fontsize_xl {font-size: 20px; line-height: 1.8em;} .fontsize_l {font-size: 20px; line-height: 1.8em;} .fontsize_m {font-size: 15px; line-height: 1.8em;} .fontsize_s {font-size: 13px; line-height: 1.8em;} /* pushy */ .pushy-active #headeroffset, .pushy-active #header-container.sticky {left:320px; } .pushy {width: 320px;} .pushy-left { -webkit-transform: translate3d(-320px, 0, 0); -ms-transform: translate3d(-320px, 0, 0); transform: translate3d(-320px, 0, 0); } .pushy-open-left #container, .pushy-open-left .push { -webkit-transform: translate3d(320px, 0, 0); -ms-transform: translate3d(320px, 0, 0); transform: translate3d(320px, 0, 0); } .pushy-right { -webkit-transform: translate3d(320px, 0, 0); -ms-transform: translate3d(320px, 0, 0); transform: translate3d(320px, 0, 0); } .pushy-open-right #container, .pushy-open-right .push { -webkit-transform: translate3d(-320px, 0, 0); -ms-transform: translate3d(-320px, 0, 0); transform: translate3d(-320px, 0, 0); } /* hidden hover effects */ .banner4:hover:before, .category-grid .row-fluid > div:hover .banner4:before, .products-grid .row-fluid > div:hover .banner4:before, .products-grid .owl-item:hover .banner4:before {-moz-transform: scale(0)!important; -webkit-transform: scale(0)!important; transform: scale(0!important);} .button-action {display:none; visibility:hidden; height:0; line-height:0;} } @media only screen and (max-width: 479px) { /* box_custom4 */ #header_after #box_custom4 .one, #header_after #box_custom4 .two {width:100%; float:none; text-align:center;} } /* ============================================================================= * setting for browsers * ========================================================================== */ /* android background fixed bug */ body.android {background-attachment: scroll!important;} /* safari opacity hover bug */ body.safari * {-webkit-font-smoothing: antialiased;} body.safari .language img {top: -2px;} /* safari remove input placeholder icon */ body.safari input[placeholder]:before {display: none;} /* IE input fields */ input::-ms-clear {display: none;} body.ie .checkbox_container input, body.ie .radio_container input {border: none;} body.ie #footer input:hover, body.ie input, body.ie #footer textarea {transition: none!important;} /* ============================================================================= * setting for browsers * ========================================================================== */ .SlectBox{padding:2px 6px 2px 6px} .SumoSelect > .CaptionCont > label:hover{color:green} .SumoSelect > .optWrapper > .options > li.selected{color:darkblue} @media screen and (max-width: 600px) { .sort_bar_item{width:50%} .tags_bar_item {width:50%} } .suggestionsBox{left:0;width:100%;} a.autocomplete{font-weight:bold;} a.autocomplete:link{color:#ED7827 !important} a.autocomplete:hover{color:#3370bc !important;} a.autocomplete:focus{color:#3370bc !important;} a.autocomplete:visited,a.autocomplete:active{color:#ED7827 !important} .hl_price .special_price{color:#e6495e} #admin{ font-family: 'arimoregular', sans-serif; font-weight: normal; font-size:13px; line-height:19px; } .psc_checkout{ width: 100% !important; max-width: 100% !important; } #box_manufacturers{overflow:visible}