/* VersaCommerce-Hinweis: Diese Datei wurde automatisch am 2022-11-19 14:30 erzeugt und sollte nicht manuell veraendert werden. Veraenderungen sollten in der Quell-Datei (shop.css.liquid) vorgenommen werden. */
/*
/* SECTION 1
/* 1.1 - Base Styles
/* 1.2 - HTML5 Elements
/* 1.3 - Forms and Inputs
/* 1.4 - Typography
/* 1.5 - Links and Buttons
/* 1.6 - Tables
/* 1.7 - Icons
/* 1.8 - Tags
/*
/* SECTION 2
/* 2.1 - Helper classes
/* 2.2 - Grid system
/* 2.3 - Lists
/*
/* SECTION 3
/* 3.1 - Toolbar
/* 3.2 - Header
/* 3.3 - Navigation
/* 3.4 - Footer
/* 3.4.1 - Newsletter
/* 3.5 - Homepage
/* 3.6 - Product & Collections
/* 3.7 - Cart
/* 3.8 - Blogs/Articles/Search
/* 3.9 - Customer Pages
/*
/* SECTION 4
/* 4.1 - Media Query - Desktop Slim
/* 4.2 - Media Query - Tablet Landscape
/* 4.3 - Media Query - Mobile Landscape
/* 4.4 - Media Query - Mobile Portrait
/*
/* SECTION 5
/* 5.1 - IE Fixes
/*
/* SECTION 6
/* 6.1 - Fancybox plugin
/* 6.2 - FlexSlider plugin
/*
/* =================== */
/* SECTION 1 */
/* =================== */
/* 1.1 - Base Styles */
html,body { margin: 0; padding: 0; border: 0; background-color: #FFFFFF; }
html { font-size: 62.5%; -webkit-touch-callout:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:100%; }
body { line-height: 20px; font-size: 12px; color: #2B2B2B; font-family: 'Open Sans', sans-serif; }
@font-face{
font-family:"Kristi";
src: url('//static-1.versacommerce.de/solitary-silence-45_versacommerce_de/designs/ligna-meta-v5/assets/Kristi.ttf');
format('truetype');
font-weight: normal;
font-style: normal;
}
#page h1 {
font-family: "Kristi";
}
/* 1.2 - HTML5 Elements */
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display:block; }
/* 1.3 - Forms and Inputs */
form { margin:0; padding:0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; vertical-align: top; }
select, input[type=file] { height: 27px; *height: auto; line-height: 27px; *margin-top: 4px; }
input, textarea { color: #555; font-family: 'Open Sans', sans-serif; -webkit-appearance: none; vertical-align:top; height:24px; line-height:16px; font-size:13px; padding:4px; border:1px solid #ccc; display:inline-block; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.06) inset; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.06) inset; box-shadow:0 1px 3px rgba(0, 0, 0, 0.06) inset; -webkit-border-radius: 0;}
input.focus, input:focus, textarea.focus, textarea:focus { border:1px solid #4c90ee; -moz-box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); -webkit-box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); }
input[type=password]:focus, input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, textarea:focus { outline:none; }
input[type=checkbox],input[type=radio] { height:16px; line-height:16px; vertical-align:middle; }
input[type=checkbox] { -webkit-appearance:checkbox; }
input[type=file] { cursor:pointer; border:none; box-shadow:none; padding:0; margin:0; }
input[type=submit] { cursor:pointer; }
::-webkit-input-placeholder { color: #CCCCCC !important; }
:-moz-placeholder { color: #CCCCCC !important; }
select { font-size: 12px; display:inline-block; color: #555; font-family: 'Open Sans', sans-serif; vertical-align:top; line-height:22px; padding:2px; padding:initial; border:1px solid #000; }
@-moz-document url-prefix() { select { padding:6px; } } /* Firefox fix */
/*select:focus, select.focus { outline:none; border:1px solid #4c90ee; -webkit-box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); -moz-box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); }*/
select:focus, select.focus { outline:none; border:1px solid #000; }
textarea { min-height:72px; }
img { max-width:100%; border: 0; -ms-interpolation-mode: bicubic; }
ul, ol { margin: 0 0 20px 20px; padding: 0; }
ul li { margin-bottom: 5px; }
ul { list-style:disc outside none; }
.documentation-header { margin-bottom: 30px !important; }
/* 1.4 - Typography */
h1,h2,h3,h4,h5,h6 { font-weight:400; color:#2B2B2B; margin:0 0 13px 0; text-transform:uppercase; font-family: 'Open Sans', sans-serif; }
h1,h2,h3,h4,h5,h6,.cart-summary { font-family: 'Open Sans', sans-serif, 'Open Sans', sans-serif; }
h1 { color: #2B2B2B; font-weight:400; font-size:16px; line-height:24px; }
h2 { color: #2B2B2B; font-weight:400; font-size:16px; line-height:24px; }
h3 { color: #2B2B2B; font-weight:400; font-size:16px; line-height:24px; }
h4 { font-size: 18px; line-height: 18px; }
h5 { font-size: 13px; line-height: 18px; }
h6 { font-size: 11px; line-height: 18px; text-transform:uppercase; }
h1 .note, h2 .note, h3 .note, h4 .note, h5 .note, h6 .note { margin-left: 8px; font-weight: 400; font-size: 12px; color: #2B2B2B; }
h1 .note a, h2 .note a, h3 .note a, h4 .note a, h5 .note a, h6 .note a { color: #2B2B2B; }
p { margin: 0 0 20px 0; }
/* 1.5 - Links and Buttons */
a { color:#2B2B2B; text-decoration: none; outline: none;}
a:hover { color:#2B2B2B; }
a:active { outline: none; }
.button, a.btn, input.btn { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; display:inline-block; height:36px; line-height:36px; border:none; margin:0; padding:0 20px; color:#FFFFFF; font-weight:400; font-size:12px; text-transform:uppercase; background:#FF7800; width:auto; }
.button:hover, a.btn:hover, input.btn:hover { background-color:#FF6300; color:#FFFFFF; }
input.disabled.btn:hover { background-color:#FF7800; color:#FFFFFF; }
.disabled {-moz-opacity:0.50; opacity:.50; filter:alpha(opacity=50); cursor:default; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#2B2B2B; }
a.back-to-top { font-size: 12px !important; color: #2B2B2B !important; }
a:hover.back-to-top { color: #2B2B2B !important; }
.accent-color { color: #2B2B2B !important; }
.vc-column-coupon input.btn {
/*margin-left: 8px*/
}
.cart-remove .btn {
line-height: 26px;
height: 26px;
padding: 0 10px 4px
}
/* 1.6 - Tables */
table { width: 100%; border-spacing: 0; }
table tr td { border-top: 0px solid #E9E7E6; }
table tr td, table tr th { padding: 10px; text-align: left; }
table tr td:first-child, table tr th:first-child { padding-left: 0px; }
table tr td:last-child, table tr th:last-child { padding-right: 0px; }
strong { font-weight: 700; }
em { font-style: italic; }
/* 1.7 - Icons */
.vc-social-icons .social {
text-decoration: none;
display: inline-block;
}
.vc-social-icons .social i {
width: 24px;
height: 24px;
display: inline-block;
vertical-align: middle;
float: left;
margin: -1px 5px 0 0;
}
.vc-social-icons .social i {
background-repeat: no-repeat;
background-color: #8F8884
}
.vc-social-icons .facebook i {
background-image: url('//static-3.versacommerce.de/solitary-silence-45_versacommerce_de/designs/ligna-meta-v5/assets/social-facebook-24.png');
}
.vc-social-icons .googleplus i {
background-image: url('//static-2.versacommerce.de/solitary-silence-45_versacommerce_de/designs/ligna-meta-v5/assets/social-googleplus-24.png');
}
.vc-social-icons .youtube i {
background-image: url('//static-3.versacommerce.de/solitary-silence-45_versacommerce_de/designs/ligna-meta-v5/assets/social-youtube-24.png');
}
.vc-social-icons .vimeo i {
background-image: url('//static-2.versacommerce.de/solitary-silence-45_versacommerce_de/designs/ligna-meta-v5/assets/social-vimeo-24.png');
}
.vc-social-icons .instagram i {
background-image: url('//static-2.versacommerce.de/solitary-silence-45_versacommerce_de/designs/ligna-meta-v5/assets/social-instagram-24.png');
}
.vc-social-icons .twitter i {
background-image: url('//static-3.versacommerce.de/solitary-silence-45_versacommerce_de/designs/ligna-meta-v5/assets/social-twitter-24.png');
}
.vc-social-icons .pinterest i {
background-image: url('//static-3.versacommerce.de/solitary-silence-45_versacommerce_de/designs/ligna-meta-v5/assets/social-pinterest-24.png');
}
.vc-social-icons .tumblr i {
background-image: url('//static-1.versacommerce.de/solitary-silence-45_versacommerce_de/designs/ligna-meta-v5/assets/social-tumblr-24.png');
}
.vc-social-icons .rssfeed i {
background-image: url('//static-4.versacommerce.de/solitary-silence-45_versacommerce_de/designs/ligna-meta-v5/assets/social-rss-24.png');
}
.vc-social-icons .facebook:hover i { background-color: #3B5998 }
.vc-social-icons .googleplus:hover i { background-color: #CC3433 }
.vc-social-icons .youtube:hover i { background-color: #CC181E }
.vc-social-icons .vimeo:hover i { background-color: #5BC8FF }
.vc-social-icons .instagram:hover i { background-color: #447299 }
.vc-social-icons .twitter:hover i { background-color: #55ACEE }
.vc-social-icons .pinterest:hover i { background-color: #DB0000 }
.vc-social-icons .tumblr:hover i { background-color: #36465D }
.vc-social-icons .rssfeed:hover i { background-color: #FD7D00 }
.icon-cart { float: left; display: block; width: 20px; height: 16px; margin: 21px 10px 0 0; opacity: 0.8; filter: alpha(opacity = 80); }
.icon-cart { display: none; }
#social .google-plus, #product .tweet-btn, #product .pinterest, #product .facebook-like { display:block; float:left; margin-right:10px; }
#social .pinterest { width: 70px; }
#social .share-this { float: left; margin: 0 10px 0 0; }
.oldie .credit-cards { display: none; } /* SVG not supported in IE8 */
.credit-cards { margin:0 auto; list-style:none outside none; text-align: center; }
.credit-cards li { display: inline; margin-right: 10px; }
/* 1.8 - Tags */
.vc-product-tags { margin: 20px 0 0 12px; padding: 0; right: 24px; bottom: -12px; list-style: none; }
.vc-product-tags li { margin-bottom: 5px !important; }
.vc-product-tags li, .vc-product-tags a { float: left; height: 24px; line-height: 24px; position: relative; font-size: 11px; }
.vc-product-tags a { margin: 0 15px 15px 0; padding: 0 10px 0 12px; background: #2B2B2B; color: #FFFFFF; text-decoration: none; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.vc-product-tags a:before { content:""; float: left; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #2B2B2B transparent transparent; border-style: solid; border-width: 12px 12px 12px 0; }
.vc-product-tags a:after { content:""; position: absolute; top: 10px; left: 0; float:left; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; }
.vc-product-tags a:hover, .vc-product-tags li.active a { background: #2B2B2B; color: #FFFFFF; }
.vc-product-tags a:hover:before, .vc-product-tags li.active a:before { border-color: transparent #2B2B2B transparent transparent;}
/* =================== */
/* SECTION 2 */
/* =================== */
/* 2.1 - Helper Classes */
.row:before, .row:after, .clearfix:before, .clearfix:after {content:"\0020";display:block;height:0;visibility:hidden}
.clearfix:after, .row:after { clear:both; }
.clearfix, .row { zoom:1; }
.p0 { margin-bottom: 0px !important; }
.p5 { margin-bottom: 5px !important; }
.p10 { margin-bottom: 10px !important; }
.p15 { margin-bottom: 15px !important; }
.p20 { margin-bottom: 20px !important; }
.p25 { margin-bottom: 25px !important; }
.p30 { margin-bottom: 30px !important; }
.p40 { margin-bottom: 40px !important; }
.p50 { margin-bottom: 50px !important; }
.p60 { margin-bottom: 60px !important; }
.fr { float: right !important; }
.fl { float: left !important; }
.fn { float: none !important; }
.tr { text-align: right !important; }
.tl { text-align: left !important; }
.tc { text-align: center !important; }
.border-top { border-top: 1px solid #E9E7E6; }
.border-right { border-right: 1px solid #E9E7E6; }
.border-bottom { border-bottom: 1px solid #E9E7E6; }
.border-left { border-left: 1px solid #E9E7E6; }
.display-table { display: table; height: 100%; }
.display-table-cell { display: table-cell; vertical-align: middle; display:inline-block; }
.table { display: table; margin: 0 auto; }
.fixed { position: fixed; }
hr.divider { margin: 15px 0; background: #E9E7E6; height: 1px; border: 0; }
/* 2.2 - Grid System */
.wrapper { background: #FFFFFF;}
.toolbar-wrapper { width: 100%; height: 50px; background: #2B2B2B; }
#transparency > .row:before, #transparency > .row:after { content: ""; display: table; }
#transparency > .row:after { clear: both; }
#transparency > .row { zoom: 1; margin-bottom: 0px;}
.row { margin: 0 0 30px 0; }
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { display: block; float: left; margin: 0 15px; }
.inner-left { margin-left: 0px !important; }
.inner-right { margin-right: 0px !important; }
.wrapper { width: 996px; margin: 0 auto; padding: 0 15px;}
.toolbar { width: 996px; margin: 0 auto; }
footer { width: 996px; margin: 0 auto; }
.span1 { width: 53px; }
.span2 { width: 136px; }
.span3 { width: 219px; }
.span4 { width: 300px; }
.span5 { width: 385px; }
.span6 { width: 468px; }
.span7 { width: 551px; }
.span8 { width: 634px; }
.span9 { width: 717px; }
.span10 { width: 800px; }
.span11 { width: 883px; }
.span12 { width: 966px; }
.span3.adaptive-grid {width: 219px;}
.span3.adaptive-grid:nth-child(6n+7) {clear: none;}
.span3.adaptive-grid:nth-child(4n+5) {clear: both;}
/* 2.3 - Lists */
ul.unstyled, ol.unstyled { margin: 0; list-style: none outside none; }
ul.unstyled > li, ol.unstyled > li { list-style: none; }
ul.horizontal > li, ol.horizontal > li { display: block; float: left; }
ul.horizontal-inline, ol.horizontal-inline { text-align: center; }
ul.horizontal-inline > li, ol.horizontal-inline > li { display: inline; margin: 0 5px; }
ul.expanded > li, ol.expanded > li { margin-bottom: 10px; }
/* =================== */
/* SECTION 3 */
/* =================== */
/* 3.1 - Toolbar */
.toolbar { color: #CCCCCC; font-size: 14px; }
.toolbar li { line-height: 50px; list-style: none; padding-left: 10px; margin-bottom: 0 !important; }
.toolbar a { color: #CCCCCC; }
.toolbar a:hover { color: #FF7800; }
.search_box { padding-left: 26px; margin-bottom: 2px; border: none; vertical-align: middle; line-height: normal; max-height: 45px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #333 !important; }
.go { position: absolute; width: auto; height: auto; padding: 0 8px; border: none; box-shadow: none; line-height: 50px; background: transparent; color: #888; outline: none; }
.flyout .go {line-height: 32px; position: relative; margin-top: 2px; float: left;}
.flyout .search_box {margin-left: -30px; float: right;}
.toolbar .fa-shopping-cart { padding-right: 6px; font-size: 18px; }
.toolbar .or { color: #888; }
.toolbar .btn {font-family:'Open Sans', sans-serif; color:#FFFFFF;}
.toolbar .btn:hover {color:#FFFFFF;}
/* 3.2 - Header */
.logo img {
max-height: 120px;
}
.logo { max-width: 1278px; }
.logo a img, .logo h1 a { display: block; margin: 0 auto; }
.logo h1 { text-align: center; }
.logo { float: left; padding: 30px 0;}
.logo { max-width: 1278px; }
.logo { float: none; }
.wide .logo img {margin: 0 auto;}
.logo h1 { margin:0; border:0; }
.logo h1 a { text-decoration:none; font-size:36px; line-height:36px; color:#2B2B2B; font-weight:400; margin:0; padding:0; border:0; }
.logo h1 a:hover { text-decoration:none; color:#2B2B2B; }
.logo a, .logo img { display:block; margin:0; }
.wide .logo {float: none; text-align: center; }
/* 3.3 - Navigation */
section#nav {
margin-bottom: -30px;
}
nav { font-family: 'Open Sans', sans-serif }
nav { position: relative; border-bottom: 0px solid #E9E7E6; border-top: 0px solid #E9E7E6; }
nav > ul > li { margin-bottom: 0; }
nav > ul > li > a { text-decoration: none; color: #2B2B2B; display: block; padding: 0 15px; font-size: 14px; line-height: 60px; height: 60px; font-weight: 400; text-transform: uppercase; }
nav > ul > li > a.current { color: #2B2B2B; }
nav > ul > li:hover > a { color: #2B2B2B; text-decoration: none; }
nav > ul > li.dropdown { position:relative; }
nav > ul > li.dropdown > .dropdown { background: #FFFFFF; list-style: none outside none; padding: 5px 15px; display: none; position: absolute; min-width: 180px; z-index: 99999; top: 100%; left: 0%; margin-left: 15px; }
nav > ul > li.dropdown:first-child > .dropdown { margin-left: 0px; }
nav > ul > li.dropdown:hover > .dropdown { display: block; z-index: 999999; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10); box-shadow:0 0 3px rgba(0, 0, 0, 0.10); }
nav > ul > li.dropdown li { list-style: none; font-size: 14px; line-height: 30px; }
nav > ul > li.dropdown li a { line-height: 30px; height: 30px; font-size: 14px; color: #2B2B2B; }
nav > ul > li.dropdown li a:hover { color: #2B2B2B; }
nav > ul > li.dropdown > .dropdown { margin-left: 0; }
nav > ul > li.dropdown:hover > .dropdown { display: block; z-index: 999999; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10); }
nav > ul { text-align: center; }
nav > ul > li { float: none !important; display:inline-block !important; }
nav > ul > li.dropdown > .dropdown { text-align: left; }
nav > ul > li.dropdown > .dropdown > li { display: block; }
nav li a { white-space: nowrap; }
nav.mobile { display: none; border: none; max-height: calc(100vh - 240px); max-height: 70vh; overflow: auto; }
nav.mobile > ul > li > a { line-height: 30px; height: 30px; }
nav.mobile select { height: 30px; line-height: 30px; width: 100%; }
#nav .wide {margin-left: 0px;}
#nav .wide nav {padding-top: 0px; border-top: 1px solid #E9E7E6;}
/* Mobile Nav Styles */
.menu-icon {display: none; position: relative; font-size: 20px; color: #CCCCCC; float: left; font-size: 16px; cursor: pointer; line-height: 50px;}
.menu-icon i {padding-right: 6px;}
nav.mobile {padding-top: 0px; width: 100%;}
.mobile-wrapper {display: none; margin-bottom: 0px;}
.flyout {background: #2B2B2B; border-bottom: 1px solid #2B2B2B;}
.flyout > ul {margin: 0px; list-style-type: none;}
.flyout > ul li {margin: 0px; cursor: pointer; }
.flyout > ul li a.navlink, .flyout > ul li .account-links, .flyout > ul > li > ul > li.customer-links a { color: #CCCCCC; display: block; font-size: 14px; line-height: 35px; height: 35px; padding: 0 40px; border-bottom: 1px solid #2B2B2B; border-top: none; }
.flyout > ul li .more {float: right; margin-top: -36px; font-size: 18px; display: block; height: 35px; line-height: 35px; width: 35px; text-align: center; color: #fff; cursor: pointer;}
.flyout > ul li, .flyout > ul li .more {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.flyout > ul li .more, .flyout > ul > li > ul > li a.navlink, .flyout > ul > li > ul > li.customer-links a {
@if lightness(#2B2B2B) > 50 {
background: darken(#2B2B2B, 10%);
} @else {
background: lighten(#2B2B2B, 10%);} }
.flyout > ul > li > ul { list-style-type: none; margin: 0px;}
.flyout > ul > li > ul > li a.navlink, .flyout > ul > li > ul > li.customer-links a { color: #CCCCCC; padding-left: 50px; }
.flyout > ul > li > ul > li a.navlink:hover, .flyout > ul li a.navlink:hover, .flyout > ul > li > ul > li.customer-links a:hover {color: #FF7800; }
.flyout #go {line-height: 34px; position: relative; top: 34px;}
.flyout .search-field {margin: 12px 0; float: left; padding: 0 40px; width: 100%; box-sizing: border-box;}
.flyout .search-field .search {height: 35px;}
.flyout .search_box { box-sizing: border-box; height: 35px; width: 100%;}
/* 3.4 - Footer */
.footer-wrapper { width: 100%; background: #EDEDED; }
footer { padding: 0; }
footer > .row > .span12 { padding: 20px 0 0; display: inline;}
footer { padding-bottom: 20px; }
footer .row { margin-bottom: 0; }
footer, footer p { color: #8F8884; }
footer h1, footer h2, footer h3, footer h4, footer h5 { color: #FF7800; }
footer a { color: #8F8884 !important; }
footer a:hover { color: #8F8884 !important; }
footer h4 { font-size:16px; line-height:24px; }
footer ul li { margin-bottom: 5px; }
footer .btn.newsletter { font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; margin-left: 15px; background: ; color: ; }
footer .btn.newsletter:hover { background: ; color: ; }
footer #mail { width: 168px; }
footer .copyright { margin: 20px 0 10px; }
footer .tweet ul li { margin-bottom: 20px; }
footer .tweet_list { list-style: none; margin: 0; }
footer .tweet_avatar { display: none; }
footer .tweet_time { display: none; }
footer .tweet_text a { color: #8F8884 !important; }
footer .tweet_text a:hover { color: #8F8884 !important; }
/* 3.4.1 - Newsletter */
.newsletter-body {
/* border-bottom: 1px solid #ada5a0 !important; */
padding-top: 20px;
padding-bottom: 20px;
}
footer .newsletter-body h1, footer .newsletter-body h2, footer .newsletter-body p{
color: #fff !important;
}
footer .newsletter-body a {
color: #fff !important;
text-decoration: underline;
}
.newsletter-body a {
text-decoration: underline;
}
footer .newsletter-body a:hover {
color: #FF7800 !important;
}
.newsletter-body a:hover {
color: #FF7800 !important;
}
.newsletter-body h2 {
font-size: 14px;
margin-bottom: 4px;
}
.newsletter-body .lead-text {
line-height: 28px;
font-size: 20px;
}
.newsletter-body .text-small {
float: right;
margin-top: 6px;
}
.newsletter-body .newsletter-input {
height: 40px;
padding-left: 10px;
margin-bottom: 13px;
width: 100%;
}
footer .newsletter-body #mc_embed_signup_scroll {
margin-right: 10px;
}
.newsletter-body #mc_embed_signup_scroll {
margin-right: 16px;
}
.footer-newsletter {
background-color: #8f8783;
}
/* 3.5 - Homepage */
.intro h2 { font-size: 32px; margin-bottom: 20px; }
.intro p, .intro li { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 27px; }
/* 3.6 - Product & Collections */
.product { position: relative; margin-bottom: 30px; float: left; }
.product .image { position: relative; overflow: hidden; z-index: 8888; margin: 0 0 5px; }
.product .image a { text-align: center; }
.image a#placeholder.zoom, .thumbs .image a { text-align: center; }
.thumbs .image { margin: 15px 0 }
.thumbs .image { padding: 0 15px }
.span1 .thumbs .image { padding: 0 !important }
.thumbs .last-in-row { padding-right: 0 }
.product .image.loading { background-position: 50% 50%; }
.product img { margin: 0 auto; opacity: 1; filter: alpha(opacity = 100); -webkit-transition:opacity 0.15s; -moz-transition:opacity 0.15s; transition:opacity 0.15s; }
.product:hover img { opacity: 0.7; filter: alpha(opacity = 70.0); }
.product img, .product .image a { display: block; margin: 0 auto; }
.product a { text-decoration: none; }
.product .details a { display: block; padding: 5px 0; margin-top: 10px; }
.product .title, .product .vendor { display: block; margin: 0; line-height: 22px; display: block; color: #2B2B2B; }
.product h4.title {
font-family: 'Open Sans', sans-serif !important;
font-size: 12px;
}
.product .vendor { font-size: 13px; margin-bottom: 2px; }
.product .circle, #product .circle {
position: absolute;
text-transform: uppercase;
z-index: 9999;
font-size: 11px;
line-height: 14px;
right: -10px;
top: -10px;
padding: 5px 10px;
-moz-border-radius: none;
-webkit-border-radius: none;
border-radius: none;
font-weight: 700;
-webkit-font-smoothing: subpixel-antialiased;
}
.product .circle.sale,
#product .circle.sale {
font-family: 'Open Sans', sans-serif;
opacity: .9;
filter:alpha(opacity=90);
-webkit-font-smoothing: subpixel-antialiased;
}
.vc-label-product-best {
background: #BDDC04;
color: #FFFFFF !important
}
.vc-label-product-new {
background: #FF7800;
color: #FFFFFF !important
}
.vc-label-product-feat {
background: #BDDC04;
color: #FFFFFF !important
}
.vc-label-product-soldout {
background: #FFFFFF;
color: #FFFFFF !important
}
.vc-labels-on-product { position: absolute; z-index: 10000; right:20px; top:23px; }
.breadcrumb { margin: 0 0 30px 0; }
.breadcrumb .arrow-space { margin: -2px 6px 0; opacity: .5; filter:alpha(opacity=50); }
.breadcrumb a { color: #2B2B2B; }
.purchase h2.price { margin: 0 0 10px; display: block; font-size: 24px !important; color: #2B2B2B; }
.details .price { color: #2B2B2B; }
#product .featured { margin-bottom: 15px; position: relative }
#product .description { margin-bottom: 15px; }
#product .thumbs .image { margin-bottom: 15px; }
#product .thumbs .image:nth-child(3n+4) { clear: left; }
#product h3.collection-title { font-size: 20px; padding-bottom: 30px; border-bottom: 1px solid #E9E7E6; }
.product-options { padding: 15px 0 20px; margin-bottom: 15px; border-top: 1px solid #E9E7E6; border-bottom: 1px solid #E9E7E6; }
.product-options label { display: block; margin-bottom: 3px; }
.product-options select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
margin-bottom: 20px;
text-transform: uppercase;
border-radius: 0;
padding: 0 10px;
height: 30px;
line-height: 30px;
background: url('data:image/svg+xml;utf-8,') 100% 50% no-repeat #fff;
background: url('data:image/svg+xml;utf-8,') 100% 50% no-repeat #fff;
}
/**/
/**/
.product-options textarea { width: 30px; line-height: 18px; height: 18px; min-height: 18px; margin-bottom: 20px; }
#quantity { width: 50px; margin-bottom: 20px; }
@-moz-document url-prefix() { .product-options select { height: 30px; line-height: normal; } } /* Firefox fix */
#collection h1 { float: left; }
#collection .browse-tags { float: right; padding-top: 10px; padding-left: 15px; }
#collection .browse-tags label { float: left; display: block; margin: 1px 8px 0 0; }
@-moz-document url-prefix() {
#collection .browse-tags label { margin: 7px 8px 0 0; }
#collection .browse-tags select { float: right; height: 30px !important; line-height: 30px !important; }
}
.pagination { text-align: center; margin: 0 0 30px 0; padding: 0; }
.pagination li { display: inline; padding: 0 12px; font-size: 14px; }
.pagination li span { color: #2B2B2B; }
.pagination li a { line-height: 16px; font-weight: normal; padding: 10px 14px; background: #FF7800; color: #FFFFFF; }
.pagination li a:hover { color: #FFFFFF; background: #FF6300; text-decoration: none; }
/* 3.7 - Cart */
#cart .buttons { margin-top: 30px; }
#cart .extra-checkout-buttons { float: right; text-align: right; padding-top: 15px; }
#cart .extra-checkout-buttons input { border: none; box-shadow: none; height: 42px; }
#cart .qty { text-align: center; }
#cart .price, #cart .remove { text-align: right; }
#checkout { float: right; margin-left: 15px; }
#update-cart { float: right; }
#cart .image { text-align: center; }
#cart .image a, #cart .image img { margin: 0; border: none; }
#cart a .variant_title { display: block; color: #2B2B2B; }
#cart a:hover .variant_title { color: #2B2B2B; }
#cart .item { max-width: 400px; }
#cart .item-description { font-size: 12px; }
.subtext.success { font-weight: 700; color: #40954a; }
div.errors, .subtext.error { font-weight: 700; color: #954040; }
div.errors { margin-bottom: 15px; }
.featured-cart-title { margin-left: 13px; }
ul.vc-cart-item-options { display: block; margin-top: 10px }
.vc-cart-additional label {
display: block;
margin-bottom: 5px
}
.vc-cart-additional select {
border: 1px solid #ccc;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) inset;
font-size: 13px;
height: 34px;
line-height: 24px;
padding: 4px;
max-width: 80%;
width: 80%;
}
.vc-cart-additional option {
padding: 4px
}
.alert {
color: #cc0000;
padding: 10px 0
}
#coupon_code {
margin-bottom: 10px;
margin-right: 8px;
}
#note {
width: 90%;
float: none;
margin-bottom: 10px
}
.custom-color {
transition: .2s ease-in-out;
background: #ededed !important;
color: #000 !important;
}
.custom-color:hover {
opacity: .8;
color: #000 !important;
background: #e4e4e4 !important;
}
.cart-remove .btn {
transition: .2s ease-in-out;
line-height: 26px;
color: #000 !important;
height: 26px;
background: #ededed !important;
padding: 0 10px 4px;
}
.cart-remove .btn:hover {
color: #000 !important;
opacity: .8;
background: #e4e4e4 !important;
}
.cart-price,
.cart-subtotal,
.cart-shipping,
.cart-total {
text-align: right;
}
.cart-total-row,
.cart-subtotal-row {
border-top: 1px solid #E9E7E6;
padding-top: 20px;
}
.cart-subtotal-row .span8,
.cart-total-row .span8,
.cart-shipping-row .span8 {
text-align: right;
}
#cartform .buttons {
border-top: 1px solid #E9E7E6;
padding-top: 20px
}
.buttons input {
float: right;
margin-left: 15px
}
/* 3.8 - Blog / Articles / Search */
.sidebar h3 { font-size: 18px; }
.sidebar .article { margin: 0 0 15px; }
.sidebar .article a { display: block; }
.sidebar .vc-product-tags li { margin: 0; }
.article h1 { font-size: 24px; font-family: Georgia; color: #434343; text-transform: none; line-height: 1.2;}
.article h1 a { display: block; color: #2B2B2B; }
.article h1 .article-title { display: block; }
.article h1 a:hover { color: #2B2B2B; }
.article h1 .date, .article-body h1 .date { font-size: 13px; font-family: 'Open Sans', sans-serif; }
.article .continue { display: block; margin-top: 15px; }
.article .article-image { margin-right: 30px; margin-left: 0; }
.article .article-text { margin-right: 0; margin-left: 0; }
.blog-image-caption { margin-top: -6px; }
.article-image .article-image-caption { margin-top: -6px; margin-bottom: 6px; }
#article .article-image { float: left; margin-right: 15px; max-width: 100%; margin-top: 4px; }
#article .comment { margin-bottom: 15px; }
#article .comment_form { margin-top: 30px; }
#article .comment_form .subtext { margin-bottom: 15px; }
#article .comment_form label { display: block; }
#article .comment_form .text { margin-bottom: 15px; display:block; }
#article h2.comment-title { font-size: 20px; }
#article #comment_body { width: 100%; height: 200px; }
#article h3.author { font-size: 14px; font-style: italic; }
#article-content h1 { color: #2B2B2B; font-weight:400; font-size:16px; line-height:24px; }
#article-content h2 { color: #2B2B2B; font-weight:400; font-size:16px; line-height:24px; }
#article-content h3 { color: #2B2B2B; font-weight:400; font-size:16px; line-height:24px; }
#search .results .thumbnail a { display:block; float:right; }
#search .search-border { border-bottom: 1px solid #E9E7E6; }
#search .results .thumbnail a { float: none; }
#search .search-field { position: relative; height: 60px; line-height: 60px; }
#search .search_box { height: 34px; padding: 0 10px 0 26px; border: none; vertical-align: middle; line-height: normal; font-family: 'Open Sans', sans-serif; color: #2B2B2B !important; border: 1px solid #FFFFFF; }
@media only screen and (max-width: 1026px) and (min-width: 510px) {
.article .span6.article-text {
width: 450px;
}
.article .span3.article-image {
width: 450px;
}
}
@media only screen and (min-width: 1027px) {
.article .span6.article-text {
margin-top: -4px;
}
}
@media only screen and (max-width: 1026px) and (min-width: 768px) {
.article .span6.article-text {
margin-top: 10px;
width: 546px;
}
.article .span3.article-image {
width: 546px;
}
}
@media only screen and (min-width: 600px) and (max-width: 797px) {
.article .span6.article-text {
margin-top: 10px;
width: 570px;
}
.article .span3.article-image {
width: 570px;
}
}
@media only screen and (max-width: 629px) and (min-width: 510px) {
.article .span6.article-text {
margin-top: 10px;
width: 450px;
}
.article .span3.article-image {
width: 450px;
}
}
/* 3.9 - Customer Pages */
#customer-account p, #customer-order p { line-height: 14px; }
#login input.text { width: 220px; }
#customer-activate .create-password { margin-bottom: 30px; }
#customer-activate .label, #customer-login .label, #customer-reset-password .label, #customer-register .label { display: block; }
#customer-activate .text, #customer-login .text, #customer-reset-password .text, #customer-register .text { display: block; margin-bottom: 15px; }
#customer-login .action_bottom, #customer-register .action_bottom { margin-top: 15px; }
#order_cancelled { margin-bottom: 30px; }
#customer-addresses .add-new-address { display: block; }
.action_bottom span { line-height: 40px; }
/* =================== */
/* SECTION 4 */
/* =================== */
/* 4.1 - Desktop Wide */
/* 4.2 - Desktop Slim */
@media only screen and (min-width: 768px) and (max-width: 1026px) {
.logo { max-width: 738px; }
.wrapper, .toolbar, footer { width:768px; }
.span1 { width:34px; }
.span2 { width:92px; }
.span3 { width:162px; }
.span4 { width:224px; }
.span5 { width:290px; }
.span6 { width:354px; }
.span7 { width:418px; }
.span8 { width:482px; }
.span9 { width:546px; }
.span10 { width:610px; }
.span11 { width:674px; }
.span12 { width:738px; }
.span3.adaptive-grid {width: 226px;}
.span3.adaptive-grid:nth-child(6n+7) {clear: none;}
.span3.adaptive-grid:nth-child(4n+5) {clear: none;}
.span3.adaptive-grid:nth-child(3n+4) {clear: both;}
footer .btn.newsletter { font-size: 12px; padding-right: 8px; padding-left: 8px; }
footer #mail { width: 124px; }
}
/* 4.3 - Tablet Landscape */
@media only screen and (min-width: 600px) and (max-width: 797px) {
.mobile-wrapper {display: block;}
section#nav { display:none; }
nav.mobile, .menu-icon { display: block; }
.logo { float: none; margin: 0 auto; }
.logo a, .logo img { margin: 0 auto; }
.logo h1 a { text-align: center; }
nav.mobile { padding: 0; }
.logo { max-width:430px; }
.logo { max-width: 570px; }
.wrapper, .toolbar, footer { width:600px; }
.span1 { width:20px; }
.span2 { width:70px; }
.span3 { width:120px; }
.span4 { width:168px; }
.span5 { width:220px; }
.span6 { width:270px; }
.span7 { width:320px; }
.span8 { width:370px; }
.span9 { width:420px; }
.span10 { width:470px; }
.span11 { width:520px; }
.span12 { width:570px; }
.span4.logo-wrapper { width:570px; }
.span3.adaptive-grid {width: 270px;}
.span3.adaptive-grid:nth-child(6n+7) {clear: none;}
.span3.adaptive-grid:nth-child(2n+3) {clear: both;}
.toolbar .customer-links {display: none;}
.toolbar {width: 100%; padding: 0 40px; box-sizing: border-box;}
.toolbar .search-field { display: none; }
footer .span1, footer .span2, footer .span3, footer .span4, footer .span5, footer .span6, footer .span7, footer .span8, footer .span9, footer .span10, footer .span11, footer .span12 { width: 550px; }
#product .span6 {width: 570px;}
#product .span5 { width: 470px; }
#product .span1 { width: 70px; }
#blog .sidebar { display: none; }
#blog .span9 { width: 570px; }
#header .span9, #header .span3 { width: 570px; }
#header .span9 { margin-left: 0 !important; }
#header .span7, #header .span5 { width: 570px; }
#header .span7 { margin-left: 0 !important; }
}
/* 4.4 - Mobile Landscape */
@media only screen and (min-width: 510px) and (max-width: 629px) {
.mobile-wrapper {display: block;}
section#nav { display:none; }
nav.mobile, .menu-icon { display: block; }
nav.mobile { padding: 0; }
.logo { max-width:320px; }
.logo { max-width: 450px; }
.logo { margin: 0 auto; float: none; text-align: center; }
.logo a, .logo img { margin: 0 auto; }
.logo h1 a { font-size:32px; margin-left:0px; }
.toolbar .search-field { display: none; }
.wrapper, .toolbar, footer { width:480px; }
.span1 { width:10px; }
.span2 { width:50px; }
.span3 { width:90px; }
.span4 { width:128px; }
.span5 { width:170px; }
.span6 { width:450px; }
.span7 { width:250px; }
.span8 { width:290px; }
.span9 { width:330px; }
.span10 { width:370px; }
.span11 { width:410px; }
.span12 { width:450px; }
.span4.logo-wrapper { width:450px; }
.span3.adaptive-grid {width: 210px;}
.span3.adaptive-grid:nth-child(6n+7) {clear: none;}
.span3.adaptive-grid:nth-child(2n+3) {clear: both;}
.toolbar .customer-links {display: none;}
.toolbar {width: 100%; padding: 0 40px; box-sizing: border-box;}
#collection .browse-tags select {margin-top: 12px;}
footer .span1, footer .span2, footer .span3, footer .span4, footer .span5, footer .span6, footer .span7, footer .span8, footer .span9, footer .span10, footer .span11, footer .span12 { width: 450px; }
#product .span6, #product .span4, { width: 450px; }
#product .span5 { width: 350px; }
#product .span1 { width: 70px; }
#blog .sidebar { display: none; }
#blog .span9 { width: 450px; }
#cart .item-description { display: none; }
#collection h1 { float: none !important; }
#collection .browse-tags { float: none !important; display: block; padding-top: 10px; }
#collection .browse-tags label { display: none; }
#collection .browse-tags select { width: 100%; height: 30px !important; line-height: 30px !important; margin-bottom: 20px }
#article .sidebar { display: none; }
#article .article { width: 450px; }
#header .span9, #header .span3, #header .span7, #header .span5 { width: 450px; }
#header .span9, #header .span7 { margin-left: 0 !important; }
#product .thumbs .image:nth-child(3n+4) { clear: none; }
#product .thumbs .image:nth-child(6n+7) { clear: left; }
#product .thumbs .last-in-row { padding-right: 15px; }
#product .thumbs .image:nth-child(6n+6) { padding-right: 0; }
#collection .browse-tags {padding-left: 0px;}
}
/* 4.5 - Mobile Portrait */
@media only screen and (max-width: 509px){
/*#recommendations .span12 { width: calc(100% - 120px); }*/
#recommendations .products.product-recommentation {
margin: 0 auto;
width: 290px;
}
.home-slider { margin: 0; }
#page .details .span4{ margin:0;}
.mobile-wrapper {display: block;}
#checkout-link { display:none; }
.logo { margin: 0 auto; float: none; }
.logo img { margin: 0 auto; max-height: 160px; max-width: 100%; }
.logo h1 a { line-height: 36px; text-align: center; }
section#nav { display:none; }
nav.mobile, .menu-icon { display: block; }
nav.mobile { padding: 0; }
.wrapper { padding: 0; }
.wrapper, .toolbar, footer { width:100%; }
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12, .span4.logo-wrapper { width:auto; float:none; }
.logo { /*max-width: 290px;*/ float:none; padding-bottom:0; }
.logo { margin: 0 auto 30px; }
.logo h1 a { font-size:24px; margin-left:0px; }
.toolbar .search-field { display: none; }
.flex-controls { display: none !important; }
footer .btn.newsletter { font-size: 12px; padding-right: 8px; padding-left: 8px; }
footer #mail { width: 189px; }
footer #mail input:-webkit-input-placeholder { line-height: 30px; }
#blog .sidebar { display: none; }
#blog .span9 { width: 290px; }
#product .title { font-size: 22px; }
#product .featured { margin-bottom: 15px; }
#product .thumbs { margin: 0 0 30px 0; }
#product .thumbs .image a { max-width: 60px; float: left; margin: 0 15px 0 0; }
#cart .item-description { display: none; }
#collection h1 { float: none !important; }
#collection .browse-tags { float: none !important; display: block; padding-top: 10px; }
#collection .browse-tags label { display: none; }
#collection .browse-tags select { width: 100%; height: 30px; line-height: 30px; margin-bottom: 20px }
#product .span6 {clear: both;}
#product .span5 { float: left; width: 230px; }
#product .span1 { float: left; width: 60px; margin: 0; }
#product .thumbs { margin: 0 0 15px 0; }
#product .thumbs .image { margin-bottom: 0; }
#product .thumbs .image a { margin-bottom: 15px; }
#content { min-height: 0px !important; }
#id-select {max-width: 100%; }
.toolbar .customer-links {display: none;}
.toolbar {width: 100%; padding: 0 40px; box-sizing: border-box;}
.toolbar li { padding-left: 15px; }
.flyout .search-field {float: none;}
.span3.adaptive-grid {width: 290px;}
#collection .browse-tags select {margin-top: 12px;}
#collection .browse-tags {padding-left: 0px;}
.cart-total-row,
.cart-subtotal-row {
border-top: none;
padding-top: 0;
}
.cart-total-row .span8,
.cart-subtotal-row .span8 {
padding-top: 20px;
border-top: 1px solid #E9E7E6;
}
.cart-shipping-row .span8 {
padding-top: 20px;
}
.cart-subtotal-row,
.cart-total-row,
.cart-shipping-row {
margin-bottom: 0
}
.cart-pagetitle,
.cart-item-row div,
.cart-subtotal-row div,
.cart-total-row div,
.cart-shipping-row div {
text-align: center !important;
}
.cart-item-row div {
padding-top: 10px;
padding-bottom: 10px;
}
.cart-subtotal-row .span1,
.cart-total-row .span1,
.cart-shipping-row .span1 {
display: none;
}
.cart-subtotal-row div.cart-subtotal,
.cart-total-row div.cart-total,
.cart-shipping-row .div {
border-bottom: 1px solid #E9E7E6;
}
.cart-image {
border-top: 1px solid #E9E7E6;
}
.vc-cart-additional .span4 {
border-top: 1pxsolid #E9E7E6;
padding-top: 20px;
}
.vc-column-coupon,
.cart-shipping-row div.cart-shipping,
.cart-subtotal-row div.cart-subtotal,
.cart-total-row div.cart-total {
padding-bottom: 20px
}
.cart-price,
.cart-total,
.cart-subtotal,
.cart-shipping {
font-family: 'Open Sans', sans-serif;
color: #2B2B2B;
font-weight:400;
font-size:16px;
line-height:24px;
}
.footer-wrapper .span4 {margin-bottom: 40px }
}
.pagination li { padding: 5px }
@media only screen and (min-width: 509px) and (max-width: 797px){
.footer-wrapper .span4 {margin-bottom: 20px }
}
/* =================== */
/* SECTION 5 */
/* =================== */
/* 5.1 - IE Fixes */
.ie8 .product .circle, .ie8 #product .circle { right: 0; top: 0; padding: 8px 12px; }
.ie8 .span3.adaptive-grid:first-child + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid, .ie8 .span3.adaptive-grid:first-child + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid, .ie8 .span3.adaptive-grid:first-child + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid, .ie8 .span3.adaptive-grid:first-child + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid {clear: both;}
.ie7 nav > ul > li { float: left !important; display:inline-block !important; }
/* =================== */
/* SECTION 6 */
/* =================== */
/* 6.1 - FancyBox */
/*!fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* 6.2 - FlexSlider */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider {width: 100%; margin: 0 0 30px 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin-bottom: 0px !important;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {background: transparent; position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.8); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.8); font-size: 14px; line-height: 18px;}
.flex-direction-nav li { margin-bottom: 0; }
.flex-direction-nav li a {width: 50px; height: 50px; display: block; background: url('//static-2.versacommerce.de/solitary-silence-45_versacommerce_de/designs/ligna-meta-v5/assets/slider-arrows.png') no-repeat; position: absolute; top: 48%; cursor: pointer; text-indent: -999em;}
.fancybox-nav span {
height: 50px;
width: 50px;
}
.fancybox-prev span, .fancybox-next span {
background: url('//static-2.versacommerce.de/solitary-silence-45_versacommerce_de/designs/ligna-meta-v5/assets/slider-arrows.png') no-repeat;
}
.fancybox-prev span {
background-position: 0 0;
}
.fancybox-next span {
background-position: -250px 0;
}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
/* Dark Direction Nav */
.flex-direction-nav li .prev {left: 20px; background-position: 0 0; }
.flex-direction-nav li .next {right: 20px; background-position: -250px 0; }
.flex-direction-nav li .prev:hover {background-position: 0 -50px; }
.flex-direction-nav li .next:hover {background-position: -250px -50px; }
.flex-controls { opacity: 0.9; filter: alpha(opacity = 90); }
/* Horizontally centering slides in slideshow when the slides are not wide enough */
.flexslider .slides li { text-align: center !important; }
.flexslider .slides img { display: inline !important;}
input[type="radio"] {-webkit-appearance: radio;}
.fp-text-block {
text-align: center;
margin-top: 60px;
margin-bottom: 60px;
}
.fp-text-block img, .fp-text-block span { display: block; }
.fp-text-block img { margin: 0 auto; }
.fp-text-block:first-of-type img { margin-bottom: 10px; }
@media only screen and (min-width: 768px) and (max-width: 1026px) {
.fp-text-block {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 600px) and (max-width: 797px) {
.fp-text-block {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 510px) and (max-width: 629px) {
.fp-text-block {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 509px) {
.fp-text-block {
margin-top: 35px;
margin-bottom: 35px;
}
.fp-text-block2 {
text-align: center;
margin-top: 15px;
width:auto;
margin-bottom: 15px;
}
}
.fp-text-block2 {
text-align: center;
margin:15px 16px;
}
.fp-text-block2 img, .fp-text-block2 span { display: block; }
.fp-text-block2 img { margin: 0 auto; }
.fp-text-block2:first-of-type img { margin-bottom: 10px; }
@media only screen and (min-width: 768px) and (max-width: 1026px) {
.fp-text-block2 {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 600px) and (max-width: 797px) {
.fp-text-block2 {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 510px) and (max-width: 629px) {
.fp-text-block2 {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 509px) {
.fp-text-block2 {
margin-top: 35px;
width:auto;
margin-bottom: 35px;
}
}
.newsletter-mailchimp-top {width: 45%; margin: 0 auto}
.newsletter-mailchimp-top #mc_embed_signup {float: left; width: 100%; margin-bottom: 40px;}
.newsletter-mailchimp-top #mc_embed_signup .validate {float: left; width: 100%; padding: 0px;}
.newsletter-mailchimp-top #mc_embed_signup .validate #mc_embed_signup_scroll {float: left; width: 100%;}
.newsletter-mailchimp-top #mc_embed_signup .validate #mc_embed_signup_scroll .mc-field-group {float: left; width: 100%; margin-bottom: 15px; padding: 0px;}
.newsletter-mailchimp-top #mc_embed_signup .validate #mc_embed_signup_scroll .mc-field-group input {margin: 0px; padding: 8px 0; border-radius: 0px; box-shadow: none;}
.newsletter-mailchimp-top #mc_embed_signup .validate #mc_embed_signup_scroll .clear {float: left; width: 100%; margin: 0px; padding: 0px; top: 0px;}
.newsletter-mailchimp-top #mc_embed_signup .validate #mc_embed_signup_scroll .clear .response {font-family: 'Open Sans', sans-serif; font-size: 12px; margin: 0px 0 20px; top: 0px; padding: 0px;}
.newsletter-mailchimp-top #mc_embed_signup .validate #mc_embed_signup_scroll .clear .button {float: left; width: auto; background: #ff7a00; color: #fff; text-transform: uppercase; font-size: 15px; font-weight: 400; border-radius: 0px; font-family: 'Open Sans', sans-serif; height: 38px !important; margin-bottom:15px !important;}
.newsletter-mailchimp-top #mc_embed_signup .validate #mc_embed_signup_scroll .clear .text-small {float: right; width: auto; margin: 0px; font-size: 13px;}
.newsletter-mailchimp-top #mc_embed_signup .validate #mc_embed_signup_scroll .clear .text-small a {font-weight: bold;}
#page.row {margin: 0px;}
.footer-newsletter {float: left; width: 100%; background: #8f8783;}
.footer-newsletter .wrapper {background: none;}
.footer-newsletter .row {z-index: 1; position: relative; margin: 0;}
.footer-newsletter h2 {margin-top: 30px; color: #fff;}
.footer-newsletter p.lead-text {margin: 0px; color: #fff;}
.footer-newsletter #mc_embed_signup {float: left; width: 100%; background: none; padding: 20px 0px;}
.footer-newsletter #mc_embed_signup form {float: left; width: 100%; padding: 0px;}
.footer-newsletter #mc_embed_signup form #mc_embed_signup_scroll {float: left; width: 100%;}
.footer-newsletter #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group {float: left; width: 100%; margin: 0 0 15px 0px; padding: 0px; min-height: inherit;}
.footer-newsletter #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input {margin: 0px; padding: 8px 0; border-radius: 0px; box-shadow: none;}
.footer-newsletter #mc_embed_signup form #mc_embed_signup_scroll .clear {float: left; width: 100%; margin: 0px; padding: 0px; top: 0px;}
.footer-newsletter #mc_embed_signup form #mc_embed_signup_scroll .clear .response {padding: 0px; margin: 0 0 10px; top: 0px; font-size: 12px; font-family: 'Open Sans', sans-serif; color: #ffffff;}
.footer-newsletter #mc_embed_signup form #mc_embed_signup_scroll .clear .button {float: left; width: auto; background: #ff7a00; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 400; border-radius: 0px; font-family: 'Open Sans', sans-serif;}
.footer-newsletter #mc_embed_signup form #mc_embed_signup_scroll .clear .text-small {float: left; width: 100%; margin: 0px; font-size: 12px; color: #fff; line-height: 20px;}
.footer-newsletter #mc_embed_signup form #mc_embed_signup_scroll .clear .text-small a {font-weight: bold; text-decoration: underline; color: #fff;}
#mc_embed_signup #mce-success-response {color: #2b2b2b;}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {color: #ff7800;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border-color:#ff7800;}
/* vc contact/revocation form basic styling */
@media (max-width: 991px) {
.footer-newsletter::before {height: 173px;}
}
@media (max-width: 767px) {
body .vc-contact-form-field input[type="text"],
body .vc-contact-form-field input[type="email"],
body .vc-contact-form-field textarea,
body .vc-contact-form .vc-form-actions input,
body .vc-revocation-form-field input[type="text"],
body .vc-revocation-form-field input[type="email"],
body .vc-revocation-form-field textarea,
body .vc-revocation-form .vc-form-actions input {
width: 100% !important;
}
.footer-newsletter::before {height: 227px;}
.footer-newsletter .row {margin: 0px;}
.footer-newsletter .row .span4,
.footer-newsletter .row .span8 {width: 100%; margin: 0px;}
}
#info-text {
display: none;
}
@media (min-width: 800px) {
#info-text {
display: list-item;
}
}
@media (max-width: 567px) {
.footer-newsletter::before {height: 317px;}
}
.vc-contact-form-field label,
.vc-revocation-form-field label {
display: block;
margin-bottom: 3px
}
.vc-contact-form-field input,
.vc-contact-form-field textarea,
.vc-revocation-form-field input,
.vc-revocation-form-field textarea {
margin: 0 0 10px
}
#info-text {
display: none;
}
@media (min-width: 800px) {
#info-text {
display: list-item;
}
}
.fancybox-skin {background: transparent}
.sub-menu{
display:none;
}
/* START: clarsynn */
/* Warenkorb-Button position-fixed mobile*/
@media screen and (max-width: 600px) {
.product-options .purchase-section {
position: fixed;
bottom: 0;
right: 0;
left: 0;
padding: 10px;
z-index: 90;
background-color: #f6f6f6;
border-top: 1px solid #e2e2e2;
}
.product-options .purchase-section #add-to-cart {
width: 100%;
float: right;
height: 50px;
font-size: 16px;
}
#recommendations .vc-variant-description p {
display: none;
}
}
.description h3,
.shipping_types h3,
h3.accordion, .accordion > h3 {
position: relative;
padding-top: 13px;
border-top: 1px solid #888;
}
.description h3:hover,
.shipping_types h3:hover,
h3.accordion:hover, .accordion > h3:hover {
cursor: pointer;
}
.description h3:before,
.shipping_types h3:before,
h3.accordion:before, .accordion > h3:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
position: absolute;
right: 0;
line-height: 24px;
font-size: 18px;
}
.description h3.close:before,
.shipping_types h3.close:before,
h3.accordion.close:before, .accordion > h3:before {
content: "\f107";
}
.description h3.open:before,
.shipping_types h3.open:before,
h3.accordion.open:before, .accordion > h3.open:before {
content: "\f106";
}
h4.accordion, .accordion > h4 {
position: relative;
padding-top: 13px;
border-top: 1px solid #888;
}
.description h4:hover,
.shipping_types h4:hover,
h4.accordion:hover, .accordion > h4:hover {
cursor: pointer;
}
.description h4:before,
.shipping_types h4:before,
h4.accordion:before, .accordion > h4:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
position: absolute;
right: 0;
line-height: 24px;
font-size: 18px;
}
.description h4.close:before,
.shipping_types h4.close:before,
h4.accordion.close:before, .accordion > h4:before {
content: "\f107";
}
.description h4.open:before,
.shipping_types h4.open:before,
h4.accordion.open:before, .accordion > h4.open:before {
content: "\f106";
}
.product-flexslider {
background: transparent;
position: relative;
zoom: 1;
margin-bottom: 20px;
}
.flex-control-nav {
width: 100%;
// position: absolute;
bottom: -40px;
text-align: center;
}
.product-flexslider .flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
display: inline;
}
.product-flexslider .flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
//display: inline;
}
.flex-control-nav li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-nav li a.active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.product-flexslider .flex-direction-nav li a {
top: 40%;
}
/* ====================================================================================================================
* RESETS
* ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* ====================================================================================================================
* BASE STYLES
* ====================================================================================================================*/
.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
}
/* ====================================================================================================================
* DEFAULT THEME
* ====================================================================================================================*/
.flexslider {
margin: 0 0 20px;
background: #fff;
border: 4px solid #fff;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
-moz-user-select: none;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
@-moz-document url-prefix() {
.loading .flex-viewport {
max-height: none;
}
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
background-position: top right;
text-indent: 99999em;
}
@media screen and (max-width: 509px) {
.flex-direction-nav .flex-prev {
left: 0;
}
.flex-direction-nav .flex-next {
right: 0;
}
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
/*.flex-control-nav {*/
/* width: 100%;*/
/* position: absolute;*/
/* bottom: -40px;*/
/* text-align: left;*/
/*}*/
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
#slider .flex-control-thumbs li {
width: 29%;
margin: 0 30px 0 0;
}
#slider .flex-control-thumbs li:nth-child(3n) {
margin-right: 0;
}
#slider .flex-control-thumbs li:last-child {
//padding-right: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
#slider .flex-direction-nav li a { top: 234px; }
/* ====================================================================================================================
* RESPONSIVE
* ====================================================================================================================*/
@media screen and (max-width: 797px) {
.flex-direction-nav,
.fancybox-navigation {
display: none;
}
#slider .flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
#slider .flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
#slider .flex-control-thumbs li {
width: 26%;
}
#slider .flex-direction-nav li a {
top: 148px;
}
}
@media screen and (max-width: 1026px) {
#slider .flex-direction-nav li a {
top: 177px;
}
}
.owl-carousel:not(.owl-loaded){
opacity: 0;
visibility:hidden;
height:0;
}
/*--cookiebar css start--*/
.cc-window.cc-floating {
max-width: 100% !important;
}
@media screen and (max-width: 480px) and (orientation: portrait), screen and (max-width: 768px) and (orientation: landscape){
.cc-window .cc-message {
margin-bottom: 3px !important;
}
.cc-link {
opacity: 1 !important;
display: inline-block;
padding: 0;
font-weight: bold !important;
margin-top: 3px !important;
}
.cc-window.cc-floating {
max-width: none !important;
font-size: 12px !important;
padding: 6px !important;
}
.cc-btn {
white-space: normal !important;
padding: 3px !important;
}
.footer-newsletter #mc_embed_signup {
float: left;
width: 92% !important;
background: none;
padding: 0 !important;
margin: 0 4% 20px 4% !important;
}
.footer-newsletter p.lead-text {
margin: 0px 15px;
color: #fff;
}
.footer-newsletter h2 {
margin-top: 30px;
color: #fff;
margin-left: 15px;
margin-right: 15px;
}
.newsletter-mailchimp-top {
width: 100%;
margin: 0 auto;
}
}
/*--cookiebar css end--*/
#mc_embed_signup .mc-field-group select {
display: inline-block;
width: 100% !important;
padding: 8px 0;
border: 1px solid #ABB0B2 !important;
margin-bottom: 2px;
border-radius: 0;
color: #a4a4a4;
font-size: 13px !important;
}
#mc_embed_signup .mc-field-group input {
display: block;
width: calc(100% - 2px) !important;
padding: 8px 0;
text-indent: 2%;
border-radius: 0px !important;
}
.text-small a {
font-weight: 700;
}
#page .details .span4 {
width:290px;
}
.article tr td {
vertical-align: top;
}
/*-- back to top--*/
#topbutton {
display: inline-block;
background-color: #EDEDED;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
#topbutton::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
}
#topbutton:hover {
cursor: pointer;
background-color: #8f8783;
}
#topbutton:active {
background-color: #EDEDED;
}
#topbutton.show {
opacity: 0.7;
visibility: visible;
}
/*Kontaktformular*/
.vc-contact-form-wrapper {
text-align: center;
}
.vc-contact-form-field label, .vc-revocation-form-field label {
display: block;
margin-bottom: 5px;
margin-top: 5px;
}
.vc-contact-form-field input, .vc-contact-form-field textarea {
width: 500px;
}
/*Warenkorb Checkout Button*/
@media only screen and (max-width: 509px){
.mobile_view {
position: fixed;
bottom: 0;
right: 0;
left: 0;
padding: 10px;
z-index: 90;
background-color: #f6f6f6;
border-top: 1px solid #e2e2e2;
}
.mobile_view #checkout {
width: 100%;
float: right;
height: 50px;
font-size: 16px;
}
.mobile_view #go-back {
width: 100%;
float: right;
height: 50px;
font-size: 16px;
text-align:center;
}
}
#go-back {
float: right;
}
/* START: Promotion Bundle */
.promotion-bundle {
padding: 10px 60px 40px;
margin: 40px 0 40px 0;
border: 1px solid #000;
}
pre { overflow: scroll; }
.product-cart-recommentation {
text-align: center;
border: 1px solid #000;
padding: 15px 15px;
margin: 0;
margin-bottom: 1px;
}
#recommendations .cart-promotion-header { margin-left: 0; }
.product-cart-recommentation.product h4.title {
font-family: Georgia, serif !important;
font-size: 13px;
line-height: 16px;
margin-top: 10px;
/*height: 32px;*/
}
.product-cart-recommentation .image {
overflow: visible;
}
.product-cart-recommentation .circle {
border-radius: 50px;
padding: 7px;
font-size: 18px;
}
.cart-promotion-header {
font-family: Georgia, serif !important;
font-size: 22px;
margin-left: -30px;
padding: 20px 0;
text-transform: unset;
}
.vc-label-product-sale {
background: #000;
color: #FFFFFF !important
}
.vc-label-product-sale img {
width: 16px !important;
height: 16px !important;
max-width: 16px;
}
.product-subtitle,
.special-headline {
font-size: 11px;
}
.special-headline {
font-weight: 700;
letter-spacing: 1px;
color: #000;
margin-bottom: 10px;
line-height: 1;
}
.promotion-bundle .details .product-subtitle,
.product-recommentation .details .product-subtitle {
margin-bottom: 5px;
height: 18px;
}
.promotion-bundle .details,
.product-recommentation .details {
position: relative;
height: 85px;
}
.promotion-bundle .details .price,
.product-recommentation .details .price {
width: 100%;
text-align: center !important;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
font-weight: 700;
color: #000;
}
.promotion-bundle .btn,
.product-recommentation .btn {
line-height: 30px;
height: 30px;
width: calc(100% - 40px);
}
#recommendations .product:hover img {
opacity: 1;
filter: none;
}
.product-recommentation .btn.disabled {
background-color: #CAC1B2;
border-color: #CAC1B2;
}
.product-recommentation .btn:hover {
background-color: inherit;
color: inherit;
}
.promotion-bundle .btn-bundle {
background: #CBC1B1;
}
.promotion-bundle .btn-recommendation,
.product-recommentation .btn-recommendation {
background: #fff;
border: 1px solid #000;
color: #000;
}
.owl-nav > button:focus {
outline: none;
}
.owl-prev {
width: 50px;
height: 100px;
position: absolute;
top: 25%;
margin-left: -55px;
display: block !important;
border:0px solid black;
}
.owl-next {
width: 50px;
height: 100px;
position: absolute;
top: 25%;
right: -55px;
display: block !important;
border:0px solid black;
}
.owl-prev i, .owl-next i {
color: #000;
font-size: 24px;
}
.owl-stage {
display: flex;
}
.owl-item {
display: flex;
flex: 1 0 auto;
}
.btn-recommendation.disabled {
opacity: 1;
pointer-events: none;
cursor: default;
}
.sleeve-btn {
background-color: #ece8e4;
float: right;
color: #000000;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: inline-block;
height: 36px;
line-height: 36px;
border: none;
margin: 0;
padding: 0 20px;
color: #000000;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
text-align: center;
}
/* ENDE: Promotion Bundle */
#transparency {
padding-top: 50px;
}
.toolbar-wrapper,
.mobile-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
.mobile-wrapper {
margin-top: 50px;
}
#product .fa {
min-width: 12px;
}
#product .fa-truck:before {
font-size: 11px;
}
/* B2B Site */
.text-center { text-align: center; }
.page-intro {
text-align: center;
margin: 40px 0 40px 0;
}
.page-intro p {
font-size: 16px;
}
.page-intro h1 {
text-align: center;
font-family: Georgia !important;
letter-spacing: 3px;
font-size: 48px;
margin-bottom: 30px;
line-height: 1.1;
}
.row.b2c {
//margin: 0 -15px 30px -15px;
}
.img-container {
background-color: #EDEDED;
padding: 20px 10px;
margin: 20px 0;
}
.img-container img {
display: block;
max-width: 60px;
margin: 20px auto;
}
.img-container h2 {
text-align: center;
font-family: Georgia !important;
color: #000;
margin: 0;
}
.b2c .accordion:last-child {
border-bottom: 1px solid #888;
}
.b2c .accordion > h3 {
text-transform: unset;
font-weight: 600;
font-size: 13px;
line-height: 1.25;
padding: 13px 13px 13px 0;
margin: 0;
}
.b2c .accordion > h3:before {
line-height: 16px;
}
@media only screen and (max-width: 509px){
#page .details .row.b2c .span4 {
/*width: 302px;*/
margin: 0 auto;
}
}
.holzrichter-icon {
text-align: center;
margin: 40px 0 60px 0;
}
.holzrichter-icon img {
max-width: 164px;
}
.b2c-contact {
margin-bottom: 60px;
}
.b2c .accordion .acc-panel {
padding-top: 8px;
font-weight: normal;
}
.b2c-contact h2 {
font-size: 28px;
font-family: Georgia !important;
text-transform: none;
letter-spacing: 1px;
color: #000;
margin-bottom: 20px;
}
.b2c-contact p {
font-size: 16px;
font-family: Georgia !important;
color: #000
}
.b2c-contact a {
font-weight: bold;
color: #000
}
.b2c-contact > div.span6 {
text-align: center;
padding: 40px 0 17px 0;
margin: 0;
}
@media only screen and (min-width: 629px) {
.b2c-contact > div.span6 {
border: 2px solid #000;
}
}
.b2c-contact > div.span6:first-child {
border-top: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 0;
}
.b2c-contact > div.span6:last-child {
border-bottom: 2px solid #000;
border-left: 0;
border-right: 0;
}
/* START: Comparision Slider*/
.img-comp-container {
position: relative;
height: 644px;
}
.img-comp-img {
position: absolute;
width: auto;
height: auto;
overflow: hidden;
}
.img-comp-img img {
display: block;
vertical-align: middle;
max-width: calc(100vw - 30px);
height: auto;
}
.img-comp-slider {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
z-index: 9;
background-color: #fff;
height: 100%;
width: 3px;
}
.img-comp-slider::before {
content: "";
position: absolute;
cursor: ew-resize;
width: 40px;
height: 40px;
background-image: url("data:image/svg+xml,%0A%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M20,0 C31.045695,0 40,8.954305 40,20 C40,31.045695 31.045695,40 20,40 C8.954305,40 0,31.045695 0,20 C0,8.954305 8.954305,0 20,0 Z M16,12 L8,20 L16,28 L16,12 Z M24,12 L24,28 L32,20 L24,12 Z' id='Combined-Shape' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
opacity: 1;
border-radius: 50%;
}
.img-comp-slider i {
cursor: ew-resize;
z-index: 10;
}
.img-label {
display: none;
font-family: Georgia !important;
font-weight: 400;
font-size: 18px;
color: #2B2B2B;
letter-spacing: 1px;
position: absolute;
top: 0;
right: 0;
padding: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
opacity: 1;
-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
-moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.right {
left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1026px) {
.img-comp-img img {
max-width: 736px;
}
}
@media only screen and (min-width: 600px) and (max-width: 797px) {
.img-comp-img img {
max-width: 600px;
}
}
@media only screen and (max-width: 629px) and (min-width: 510px) {
.img-comp-img img {
max-width: 480px;
}
}
/* ENDE: Comparision Slider*/