/* VersaCommerce-Hinweis: Diese Datei wurde automatisch am 2019-03-22 19:00 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.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: 18px; font-size: 14px; color: #000000; font-family: 'Helvetica Neue', Helvetica, sans-serif; }







/* 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: 'Helvetica Neue', Helvetica, 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; }

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: #000000 !important; }

:-moz-placeholder { color: #000000 !important; }

select { font-size: 14px; display:inline-block; color: #555; font-family: 'Helvetica Neue', Helvetica, sans-serif; vertical-align:top; line-height:22px; padding:2px; padding:initial; border:1px solid #ccc;  }

@-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); }

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:#000000; margin:0 0 13px 0; text-transform:none; font-family: 'Helvetica Neue', Helvetica, sans-serif; }



h1,h2,h3,h4,h5,h6,.cart-summary { font-family: 'Helvetica Neue', Helvetica, sans-serif, 'Helvetica Neue', Helvetica, sans-serif; }



h1 { color: #000000; font-weight:400; font-size:24px; line-height:28px; }

h2 { color: #000000; font-weight:400; font-size:20px; line-height:26px; }

h3 { color: #000000; font-weight:400; font-size:14px; line-height:16px; }

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: 14px; color: #000000; }

h1 .note a, h2 .note a, h3 .note a, h4 .note a, h5 .note a, h6 .note a { color: #219E94; }

p { margin: 0 0 20px 0; }



/* 1.5 - Links and Buttons */

a { color:#219E94; text-decoration: none; outline: none;}

a:hover { color:#203B39; }

a:active { outline: none; }

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:700; font-size:16px; text-transform:none; background:#424242; width:auto; }

a.btn:hover, input.btn:hover { background-color:#969696; color:#FFFFFF; }

input.disabled.btn:hover { background-color:#424242; 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:#000000; }

a.back-to-top { font-size: 12px !important; color: #219E94 !important; }

a:hover.back-to-top { color: #203B39 !important; }

.accent-color { color: #219E94 !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: 1px solid #000000; }

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: #000000

}

.vc-social-icons .facebook i {

  background-image: url('//static-1.versacommerce.de/thebotanicalroom-en_versacommerce_de/designs/ligna-air/assets/social-facebook-24.png');

}

.vc-social-icons .googleplus i {

  background-image: url('//static-3.versacommerce.de/thebotanicalroom-en_versacommerce_de/designs/ligna-air/assets/social-googleplus-24.png');

}

.vc-social-icons .youtube i {

  background-image: url('//static-4.versacommerce.de/thebotanicalroom-en_versacommerce_de/designs/ligna-air/assets/social-youtube-24.png');

}

.vc-social-icons .vimeo i {

  background-image: url('//static-4.versacommerce.de/thebotanicalroom-en_versacommerce_de/designs/ligna-air/assets/social-vimeo-24.png');

}

.vc-social-icons .instagram i {

  background-image: url('//static-1.versacommerce.de/thebotanicalroom-en_versacommerce_de/designs/ligna-air/assets/social-instagram-24.png');

}

.vc-social-icons .twitter i {

  background-image: url('//static-4.versacommerce.de/thebotanicalroom-en_versacommerce_de/designs/ligna-air/assets/social-twitter-24.png');

}

.vc-social-icons .pinterest i {

  background-image: url('//static-1.versacommerce.de/thebotanicalroom-en_versacommerce_de/designs/ligna-air/assets/social-pinterest-24.png');

}

.vc-social-icons .tumblr i {

  background-image: url('//static-1.versacommerce.de/thebotanicalroom-en_versacommerce_de/designs/ligna-air/assets/social-tumblr-24.png');

}

.vc-social-icons .rssfeed i {

  background-image: url('//static-4.versacommerce.de/thebotanicalroom-en_versacommerce_de/designs/ligna-air/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 { background: url('//static-3.versacommerce.de/thebotanicalroom-en_versacommerce_de/designs/ligna-air/assets/icon-cart-small.png') no-repeat; background-position: 0 0; }



#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: #219E94; 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 #219E94 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: #424242; color: #FFFFFF; }

.vc-product-tags a:hover:before, .vc-product-tags li.active a:before { border-color: transparent #424242 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 #000000; }

.border-right { border-right: 1px solid #000000; }

.border-bottom { border-bottom: 1px solid #000000; }

.border-left { border-left: 1px solid #000000; }



.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: #000000; height: 1px; border: 0; }



/* 2.2 - Grid System */





.wrapper { background: transparent; }



.toolbar-wrapper { width: 100%; height: 40px; background:  none;  }





.toolbar-wrapper { border-bottom: 1px solid #FFFFFF; }







#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: 302px; }

.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: #000000; font-size: 14px; }

.toolbar li { line-height: 40px; list-style: none; padding-left: 25px; margin-bottom: 0 !important; }

.toolbar a { color: #000000; }

.toolbar a:hover { color: #424242; }

.search_box { padding-left: 26px; margin-bottom: 2px; border: none; vertical-align: middle; line-height: normal; max-height: 35px;  font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 14px; color: #333 !important; border: 1px solid #E9E9E9; }

.go { position: absolute; width: auto; height: auto; padding: 0 8px; border: none; box-shadow: none; line-height: 40px; 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:'Helvetica Neue', Helvetica, sans-serif; color:#FFFFFF;}

.toolbar .btn:hover {color:#FFFFFF;}



/* 3.2 - Header */





.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:30px; line-height:30px; color:#000000; font-weight:400; margin:0; padding:0; border:0; }

.logo h1 a:hover { text-decoration:none; color:#000000; }

.logo a, .logo img { display:block; margin:0; }

.wide .logo {float: none;  text-align: center;  }



/* 3.3 - Navigation */

nav { font-family: 'Helvetica Neue', Helvetica, sans-serif }

nav { position: relative; border-bottom: 1px solid #000000; border-top: 1px solid #000000; }

nav > ul > li { margin-bottom: 0; }

nav > ul > li > a { text-decoration: none; color: #000000; display: block; padding: 0 15px; font-size: 18px; line-height: 60px; height: 60px; font-weight: 300; text-transform: none; }

nav > ul > li > a.current { color: #424242; }

nav > ul > li:hover > a { color: #424242; 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: 16px; line-height: 30px; }

nav > ul > li.dropdown li a { line-height: 30px; height: 30px; font-size: 16px; color: #535958; }

nav > ul > li.dropdown li a:hover { color: #219E94; }





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; }

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 #000000;}



/* Mobile Nav Styles */



.menu-icon {display: none; position: relative; font-size: 20px; color: #000000; float: left; font-size: 16px; cursor: pointer; line-height: 40px;}

.menu-icon i {padding-right: 6px;}

nav.mobile {padding-top: 0px; width: 100%;}



.mobile-wrapper {display: none; margin-bottom: 0px;}



.flyout {background:  none; ; border-bottom: 1px solid #FFFFFF;}

.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: #000000; display: block; font-size: 14px; line-height: 35px; height: 35px; padding: 0 40px; border-bottom:  1px solid #FFFFFF; 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: #555; 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(#FFFFFF) > 50 {

    background: darken(#FFFFFF, 10%);

    } @else {

      background: lighten(#FFFFFF, 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: #000000; 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: #424242; }



      .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:  none;  }

      

      .footer-wrapper { border: none; }

      

      

      footer { padding: 0; }

      

      footer > .row > .span12 { padding: 30px 0 0; }

      footer { padding-bottom: 20px; }

      footer .row { margin-bottom: 0; }

      footer, footer p { color: #969696; }

      footer h1, footer h2, footer h3, footer h4, footer h5 { color: #969696; }

      footer a { color: #424242 !important; }

      footer a:hover { color: #424242 !important; }

      footer h4 { font-size:14px; line-height:16px;  padding-bottom: 10px; border-bottom: 1px solid #FFFFFF; }

      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: #424242 !important; }

      footer .tweet_text a:hover { color: #424242 !important; }



      /* 3.5 - Homepage */

      .intro h2 { font-size: 32px; margin-bottom: 20px; }

      .intro p, .intro li { font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 14px; line-height: 27px; }



      /* 3.6 - Product & Collections */

      .product { position: relative; margin-bottom: 20px; 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.5; filter: alpha(opacity = 50.0); }

      .product img, .product .image a { display: block; margin: 0 auto; }

      .product a { text-decoration: none; }

      .product .details a { display: block; padding: 5px 0; }

      .product .title, .product .vendor { display: block; margin: 0; line-height: 22px; display: block; color: #000000; }

      .product h4.title {
        
          font-family: 'Helvetica Neue', Helvetica, sans-serif !important;
        
        font-size: 14px;
        }


      .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: 'Helvetica Neue', Helvetica, sans-serif;

        opacity: .9;

        filter:alpha(opacity=90);

        -webkit-font-smoothing: subpixel-antialiased;

      }

      .vc-label-product-best {

        background: #000000;

        color: #FFFFFF !important

      }

      .vc-label-product-new {

        background: #000000;

        color: #FFFFFF !important

      }

      .vc-label-product-feat {

        background: #219E94;

        color: #FFFFFF !important

      }

      .vc-label-product-soldout {

        background: #000000;

        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: #000000; }

      .purchase h2.price { margin: 0 0 10px; display: block; font-size: 24px !important; color: #000000; }

      .details .price { color: #000000; }

      #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 #000000; }

      

      .product-options { padding: 15px 0 20px; margin-bottom: 15px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }

      .product-options label { display: block; margin-bottom: 3px; }

      .product-options select { margin-bottom: 20px; }

      .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: 30px; } } /* 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: #000000; }

      .pagination li a { line-height: 16px; font-weight: normal; padding: 10px 14px; background: #424242; color: #FFFFFF;  }

      .pagination li a:hover { color: #FFFFFF; background: #969696; 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: #000000; }

      #cart a:hover .variant_title { color: #203B39; }

      #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

      }

      #note {

        width: 90%;

        float: none;

        margin-bottom: 10px

      }

      .cart-price,

      .cart-subtotal,

      .cart-shipping,

      .cart-total {

        text-align: right;

      }

      .cart-total-row,

      .cart-subtotal-row {

        border-top: 1px solid #000000;

        padding-top: 20px;

      }

      .cart-subtotal-row .span8,

      .cart-total-row .span8,

      .cart-shipping-row .span8 {

        text-align: right;

      }

      #cartform .buttons {

        border-top: 1px solid #000000;

        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: 26px; }

      .article h1 a { display: block; color: #219E94; }

      .article h1 .article-title { display: block; }

      .article h1 a:hover { color: #203B39; }

      .article h1 .date, .article-body h1 .date { font-size: 13px; font-family: 'Helvetica Neue', Helvetica, 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: #000000; font-weight:400; font-size:24px; line-height:28px; }

      #article-content h2 { color: #000000; font-weight:400; font-size:20px; line-height:26px; }

      #article-content h3 { color: #000000; font-weight:400; font-size:14px; line-height:16px; }

      #search .results .thumbnail a { display:block; float:right; }

      #search .search-border { border-bottom: 1px solid #000000; }

      #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: 'Helvetica Neue', Helvetica, sans-serif; color: #000000 !important; border: 1px solid #E9E9E9; }

      @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 */



      

      @media only screen and (min-width: 1340px) {



        .wrapper, .toolbar, footer { width: 1308px;}



        .span1  {width: 79px;}

        .span2  {width: 188px;}

        .span3  {width: 297px;}

        .span4  {width: 406px;}

        .span5  {width: 515px;}

        .span6  {width: 624px;}

        .span7  {width: 733px;}

        .span8  {width: 842px;}

        .span9  {width: 951px;}

        .span10 {width: 1060px;}

        .span11 {width: 1169px;}

        .span12 {width: 1278px;}



        .span3.adaptive-grid {width: 188px;}

        .span3.adaptive-grid:nth-child(4n+5) {clear: none;}

        .span3.adaptive-grid:nth-child(6n+7) {clear: both;}



      }

      



      /* 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:226px; }

        .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:170px; }

        .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:130px; }

        .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){

        .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:320px; }

        .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12, .span4.logo-wrapper { width:290px; 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; }

        .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 #000000;

        }

        .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 #000000;

        }

        .cart-image {

          border-top: 1px solid #000000;

        }

        .vc-cart-additional .span4 {

          border-top: 1pxsolid #000000;

          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: 'Helvetica Neue', Helvetica, sans-serif;

          color: #000000;

          font-weight:400;

          font-size:14px;

          line-height:16px;

        }

        .footer-wrapper .span4 {margin-bottom: 40px }

      }


      @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 */

      .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.fancybox-opened{z-index:10000;}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5);}.fancybox-outer,.fancybox-inner{position:relative;}.fancybox-inner{overflow:hidden;}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;}.fancybox-image{max-width:100%;max-height:100%;}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('fancybox_sprite.png');}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060;}#fancybox-loading div{width:44px;height:44px;background:url('fancybox_loading.gif') center center no-repeat;}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}.fancybox-prev{left:0;}.fancybox-next{right:0;}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;}.fancybox-prev span{left:10px;background-position:0 -36px;}.fancybox-next span{right:10px;background-position:0 -72px;}.fancybox-nav:hover span{visibility:visible;}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important;}.fancybox-lock{overflow:hidden!important;width:auto;}.fancybox-lock body{overflow:hidden!important;}.fancybox-lock-test{overflow-y:hidden!important;}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('fancybox_overlay.png');}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;z-index:9999;}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}.fancybox-opened .fancybox-title{visibility:visible;}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}.fancybox-title-inside-wrap{padding-top:10px;}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8);}@media only screen and(-webkit-min-device-pixel-ratio:1.5),only screen and(min--moz-device-pixel-ratio:1.5),only screen and(min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('fancybox_sprite@2x.png');background-size:44px 152px;}#fancybox-loading div{background-image:url('fancybox_loading@2x.gif');background-size:24px 24px;}}



      /* 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 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 { height: 0; display: none; }

        .flex-direction-nav li { margin-bottom: 0; }

        .flex-direction-nav li a {width: 50px; height: 50px; display: block; background: url('//static-4.versacommerce.de/thebotanicalroom-en_versacommerce_de/designs/ligna-air/assets/slider-arrows.png') no-repeat; position: absolute; top: 48%; cursor: pointer; text-indent: -999em;}

        .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.4; filter: alpha(opacity = 40); }

        /* 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;}


/* vc contact/revocation form basic styling */

@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;
  }
}
.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
}