/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @category design
* @package default_blank
* @copyright Copyright (c) 2011 Magento Inc. (http://www.magentocommerce.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900);
@import "phone-drop.css";
/* Reset ================================================================================= */
* { margin:0; padding:0; }
body { background:#fff; font:12px/1.35 Arial, Helvetica, sans-serif; color:#000; text-align:center; }
img { border:0; vertical-align:top; }
a { color:#05c; text-decoration:underline; }
a:hover { text-decoration:none; }
:focus { outline:0; }
/* Headings */
h1 { font-size:20px; font-weight:normal; line-height:1.15; }
h2 { font-size:18px; font-weight:normal; line-height:1.25; }
h3 { font-size:16px; font-weight:bold; line-height:1.25; }
h4 { font-size:14px; font-weight:bold; }
h5 { font-size:12px; font-weight:bold; }
h6 { font-size:11px; font-weight:bold; }
/* Forms */
form { display:inline; }
fieldset { border:0; }
legend { display:none; }
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
/* Table */
table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }
/* Content */
strong { font-weight:bold; }
address { font-style:normal; }
cite { font-style:normal; }
q,
blockquote { quotes:none; }
q:before,
q:after { content:''; }
small,big { font-size:1em; }
sup { font-size:1em; vertical-align:top; }
/* Lists */
ul,ol { list-style:none; }
/* Tools */
.hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr { white-space:nowrap !important; }
.wrap { white-space:normal !important; }
.a-left { text-align:left !important; }
.a-center { text-align:center !important; }
.a-right { text-align:right !important; }
.v-top { vertical-align:top; }
.v-middle { vertical-align:middle; }
.f-left,
.left { float:left !important; }
.f-right,
.right { float:right !important; }
.f-none { float:none !important; }
.f-fix { float:left; width:100%; }
.no-display { display:none; }
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
.no-bg { background:none !important; }
/* ======================================================================================= */
/* Layout ================================================================================ */
.wrapper {}
.page { width:1000px; margin:0 auto; padding:10px 0; text-align:left; }
.page-print { background:#fff; padding:20px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.page-popup { padding:20px; text-align:left; }
.main-container {}
.main { margin:10px 0; }
/* Base Columns */
.col-left { float:left; width:230px; padding:5px 5px 0; }
.col-main { float:left; width:736px; padding:5px; }
.col-right { float:right; width:230px; padding:5px 5px 0; }
/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }
/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}
/* 3 Columns Layout */
.col3-layout .col-main { width:484px; margin-left:10px; }
.col3-layout .col-wrapper { float:left; width:748px; }
.col3-layout .col-wrapper .col-main { float:right; }
/* Content Columns */
.col2-set .col-1 { float:left; width:49%; }
.col2-set .col-2 { float:right; width:49%; }
.col2-set .col-narrow { width:33%; }
.col2-set .col-wide { width:65%; }
.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }
.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }
/* ======================================================================================= */
/* Global Styles ========================================================================= */
/* Form Elements */
input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; }
input.input-text,select,textarea { background:#fff; border:1px solid #ddd; }
input.input-text,textarea { padding:2px; }
select { padding:1px; }
select option { padding-right:10px; }
select.multiselect option { border-bottom:1px solid #ddd; padding:2px 5px; }
select.multiselect option:last-child { border-bottom:0; }
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }
button.button span { float:left; height:21px; background:transparent url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/bkg_button.gif) 0 0 no-repeat; padding:0 0 0 8px; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; }
button.button span span { background-position:100% 0; padding:0 12px 0 4px; }
.button.button span { float:left; height:21px; background:transparent url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/bkg_button.gif) 0 0 no-repeat; text-align:center; white-space:nowrap; color:#fff; }
.button.button span span { background-position:100% 0; padding:0 12px 0 4px; }
button.disabled {}
button.disabled span {}
button.btn-checkout span {}
button.btn-checkout.no-checkout {}
p.control input.checkbox,
p.control input.radio { margin-right:6px; }
/* Form Highlight */
/*input.input-text:focus,select:focus,textarea:focus {}*/
/*.highlight { background:#efefef; }*/
/* Form lists */
/* Grouped fields */
/*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/
.form-list li { margin:0 0 8px; }
.form-list label { float:left; color:#111; font-weight:bold; position:relative; z-index:0; }
.form-list label.required {}
.form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; }
.form-list li.control label { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox { margin-right:6px; }
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
/*.form-list li.fields { margin-right:-15px; }*/
.form-list .input-box { display:block; clear:both; width:260px; }
.form-list .field { float:left; width:275px; }
.form-list input.input-text { width:254px; }
.form-list textarea { width:254px; height:10em; }
.form-list select { width:260px; }
.form-list li.wide .input-box { width:535px; }
.form-list li.wide input.input-text { width:529px; }
.form-list li.wide textarea { width:529px; }
.form-list li.wide select { width:535px; }
.form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; }
.form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; }
.form-list .input-range input.input-text { width:74px; }
/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; }
.form-list .name-prefix { width:65px; }
.form-list .name-prefix select { width:55px; }
.form-list .name-prefix input.input-text { width:49px; }
.form-list .name-suffix { width:65px; }
.form-list .name-suffix select { width:55px; }
.form-list .name-suffix input.input-text { width:49px; }
.form-list .name-middlename { width:70px; }
.form-list .name-middlename input.input-text { width:49px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname { width:140px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname { width:210px; }
.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year { float:left; width:85px; }
.form-list .customer-dob input.input-text { display:block; width:74px; }
.form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; }
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month { width:60px; }
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text { width:46px; }
.form-list .customer-dob .dob-year { width:140px; }
.form-list .customer-dob .dob-year input.input-text { width:134px; }
.buttons-set { clear:both; margin:5px 0 0; padding:5px; }
.buttons-set .back-link { float:left; }
.buttons-set button.button { float:right; }
.buttons-set p.required { margin:0 0 5px; }
.buttons-set-order {}
.fieldset { background:#fefefe; padding:22px 25px 12px 33px; margin:28px 0; }
.fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #fefefe; background:#dedede; color:#333; margin:-33px 0 0 -10px; padding:0 8px; position:relative; }
/* Form Validation */
.validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; }
.validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; }
.validation-passed {}
p.required { font-size:10px; text-align:right; color:#f00; }
/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }
/* Global Messages */
.success { color:#3d6611; font-weight:bold; }
.error { color:#f00; font-weight:bold; }
.notice { color:#ccc; }
.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.messages { width:100%; overflow:hidden; }
.messages li { margin:0 0 10px; }
.messages li li span span{ color: #000000; font-weight: bold; margin-left: 3px;}
.error-msg,
.success-msg,
.note-msg,
.notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:11px !important; font-weight:bold !important; }
.error-msg { border-color:#f16048; background-color:#faebe7; background-image:url("../img/i_msg-error.png"); color:#df280a; }
.success-msg { border-color:#446423; background-color:#eff5ea; background-image:url("../img/success-icon.png"); color:#3d6611; }
.note-msg,
.notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/i_msg-note.gif); color:#3d6611; }
/* BreadCrumbs */
.breadcrumbs { padding:10px; margin:0 0 10px; }
.breadcrumbs li { display:inline; }
/* Page Heading */
.page-title { border-bottom:1px solid #ddd; padding:0 0 5px; margin:0 0 10px; }
.page-title h1,
.page-title h2 { font-size:18px; color:#000; }
.page-title .separator { margin:0 3px; }
.page-title .link-rss { float:right; }
.title-buttons { text-align:right; }
.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float:left; }
.subtitle,
.sub-title { clear:both; }
/* Pager */
.pager { padding:5px; margin:5px 0; text-align:center; }
.pager .amount { float:left; }
.pager .limiter { float:right; }
.pager .pages { margin:0 135px; }
.pager .pages ol { display:inline; }
.pager .pages li { display:inline; }
.pager .pages .current {}
/* Sorter */
.sorter { padding:5px; margin:5px 0; }
.sorter .view-mode { float:left; }
.sorter .sort-by { float:right; }
.sorter .link-feed {}
/* Toolbar */
.toolbar {}
.toolbar .pager {}
.toolbar .sorter {}
.toolbar-bottom {}
/* Data Table */
.data-table { width:100%; }
.data-table th { padding:5px; font-weight:bold; white-space:nowrap; }
.data-table td { padding:5px; }
.data-table thead { background-color:#f2f2f2; }
.data-table tbody {}
.data-table tfoot {}
.data-table tr.first {}
.data-table tr.last {}
.data-table tr.odd {}
.data-table tr.even { background-color:#f6f6f6; }
.data-table tbody.odd {}
.data-table tbody.odd td { border-width:0 1px; }
.data-table tbody.even { background-color:#f6f6f6; }
.data-table tbody.even td { border-width:0 1px; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom-width:1px; }
.data-table th .tax-flag { white-space:nowrap; font-weight:normal; }
.data-table td.label,
.data-table th.label { font-weight:bold; background-color:#f6f6f6; }
.data-table td.value {}
/* Shopping cart total summary row expandable to details */
tr.summary-total { cursor:pointer; }
tr.summary-total td {}
tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; }
tr.show-details .summary-collapse { background-position:0 -53px; }
tr.show-details td {}
tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; }
tr.summary-details-first td { border-top:1px solid #d2d8db; }
tr.summary-details-excluded { font-style:italic; }
/* Shopping cart tax info */
.cart-tax-info { display:block; }
.cart-tax-info,
.cart-tax-info .cart-price { padding-right:20px; }
.cart-tax-total { display:block; padding-right:20px; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; }
.cart-tax-info .price,
.cart-tax-total .price { display:inline !important; font-weight:normal !important; }
.cart-tax-total-expanded { background-position:100% -53px; }
/* Class: std - styles for admin-controlled content */
.std .subtitle { padding:0; }
.std ol.ol { list-style:decimal outside; padding-left:1.5em; }
.std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; }
.std dl dt { font-weight:bold; }
.std dl dd { margin:0 0 10px; }
/*.std ul,
.std ol,
.std dl,
.std p,
.std address,
.std blockquote { margin:0 0 1em; padding:0; }
.std ul { list-style:disc outside; padding-left:1.5em; }
.std ol { list-style:decimal outside; padding-left:1.5em; }
.std ul ul { list-style-type:circle; }
.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul { margin:.5em 0; }
.std dt { font-weight:bold; }
.std dd { padding:0 0 0 1.5em; }
.std blockquote { font-style:italic; padding:0 0 0 1.5em; }
.std address { font-style:normal; }
.std b,
.std strong { font-weight:bold; }
.std i,
.std em { font-style:italic; }*/
/* Misc */
.links li { display:inline; }
.links li.first { padding-left:0 !important; }
.links li.last { background:none !important; padding-right:0 !important; }
.link-cart { font-weight:bold; color:#f00; }
.link-wishlist { font-weight:bold; }
.link-reorder { font-weight:bold; }
.link-compare { font-weight:bold; }
.link-print { background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; }
.link-rss { background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/i_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; }
.btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.cards-list dt { margin:5px 0 0; }
.cards-list .offset { padding:2px 0 2px 20px; }
.separator { margin:0 3px; }
.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#ddd; text-indent:-999em; overflow:hidden; }
/* Noscript Notice */
.noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/i_notice.gif) 20px 50% no-repeat; }
.noscript p { margin:0; }
/* Demo Notice */
.demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; }
/* ======================================================================================= */
/* Header ================================================================================ */
.logo { float:left; }
.header-container {}
.header { padding:10px; }
.header .logo { float:left; text-decoration:none !important; }
.header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
.header h1.logo { margin:0; padding:0; }
.header .welcome-msg { font-weight:bold; text-align:right; }
.header .welcome-msg a {}
.header .links { float:right; }
.header .form-search { text-align:right; }
.header .form-search .search-autocomplete { z-index:999; }
.header .form-search .search-autocomplete ul { background-color:#fff; }
.header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; }
.header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; }
.header .form-search .search-autocomplete li.selected {}
.header .form-language { clear:both; text-align:right; }
.header-container .top-container { clear:both; text-align:right; }
/*.top-drop-company { right: 100px }*/
/********** < Navigation */
.nav-container {}
#nav { padding:5px 0; margin:10px 0; font-size:13px; }
/* All Levels */
#nav li { text-align:left; position:relative; }
#nav li.over { z-index:998; }
#nav li.parent {}
#nav li a { display:block; text-decoration:none; }
#nav li a:hover { text-decoration:none; }
#nav li a span { display:block; white-space:nowrap; cursor:pointer; }
#nav li ul a span { white-space:normal; }
/* 1st Level */
#nav li { float:left; }
#nav li a { float:left; padding:5px 10px; font-weight:bold; color:#888; }
#nav li a:hover { color:#000; }
#nav li.over a,
#nav li.active a { color:#000; }
/* 2nd Level */
#nav ul,
#nav div { position:absolute; width:15em; left:-10000px; background:#fafafa; }
#nav div ul { position:static; width:auto; border:none; }
#nav menu-dropdown
/* 3rd+ leven */
#nav ul ul,
#nav ul div { top:7px; }
#nav ul li { float:none; border-bottom:1px solid #ddd; }
#nav ul li.last { border-bottom:0; }
#nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888 !important; }
#nav ul li a:hover { color:#000 !important; }
#nav ul li.active > a,
#nav ul li.over > a { color:#000 !important; }
/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub { left:0; z-index:999; }
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub { left:100px; }
/********** Navigation > */
/* ======================================================================================= */
/* Sidebar =============================================================================== */
.block { margin:0 0 10px; }
.block .block-title { border-bottom:1px solid #ddd; padding:3px 10px; }
.block .block-title strong { font-size:14px; font-weight:bold; }
.block .block-title strong span {}
.block .block-title a { text-decoration:none !important; }
.block .block-subtitle { font-size:13px; font-weight:bold; }
.block .block-content { padding:10px; }
.block .block-content li.item { padding:5px 0; }
.block .btn-remove,
.block .btn-edit { float:right;}
.block .actions { text-align:right; }
.block .actions a { float:left; }
.block .empty {}
.block li.odd {}
.block li.even { background-color:#f6f6f6; }
/* Mini Products List */
.mini-products-list li { padding:5px 0; }
.mini-products-list .product-image { float:left; width:50px; padding:5px; }
.mini-products-list .product-details { margin-left:75px; }
.mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; }
/* Block: Account */
.block-account {}
/* Block: Currency Switcher */
.block-currency {}
.block-currency select { width:100%; border:1px solid #888; }
/* Block: Layered Navigation */
.block-layered-nav {}
.block-layered-nav dt { font-weight:bold; }
.block-layered-nav .currently {}
.block-layered-nav .btn-remove { float:left; margin:2px 3px 0 0; }
/* Block: Cart */
.block-cart {}
.block-cart .summary {}
.block-cart .amount {}
.block-cart .subtotal { text-align:center; }
.block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; }
.block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 5px 0; }
/* Block: Wishlist */
.block-wishlist {}
/* Block: Related */
.block-related {}
.block-related li { padding:5px 0; }
.block-related input.checkbox { float:left; margin-right:-20px; }
.block-related .product { margin-left:20px; }
.block-related .product .product-image { float:left; margin-right:-65px; }
.block-related .product .product-details { margin-left:65px; }
/* Block: Compare Products */
.block-compare {}
.block-compare li { padding:5px 0; }
/* Block: Recently Viewed */
.block-viewed {}
/* Block: Recently Compared */
.block-compared {}
/* Block: Poll */
.block-poll label {}
.block-poll input.radio { float:left; margin:1px -18px 0 0; }
.block-poll .label { display:block; margin-left:18px; }
.block-poll li { padding:3px 9px; }
.block-poll .actions { margin:5px 0 0; }
.block-poll .answer { font-weight:bold; }
.block-poll .votes { float:right; margin-left:10px; }
/* Block: Tags */
.block-tags ul,
.block-tags li { display:inline; }
/* Block: Subscribe */
.block-subscribe {}
/* Block: Reorder */
.block-reorder {}
.block-reorder li { padding:5px 0; }
.block-reorder input.checkbox { float:left; margin:3px -20px 0 0; }
.block-reorder .product-name { margin-left:20px; }
/* Block: Banner */
.block-banner {}
.block-banner .block-content { text-align:center; }
/* Block: Login */
.block-login label { font-weight:bold; color:#666; }
.block-login input.input-text { display:block; width:167px; margin:3px 0; }
/* Paypal */
.sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; }
.sidebar .paypal-logo a { float:none; }
/* ======================================================================================= */
/* Category Page ========================================================================= */
.category-title { border:0; margin:0 0 7px; }
.category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; }
.category-image img {}
.category-description { margin:0 0 10px; }
.category-products {}
/* View Type: Grid */
.products-grid {
border-bottom: 1px solid #ddd;
position: relative;
}
.products-grid.last {
border-bottom: 0;
}
.products-grid li.item {
float: left;
width: 138px;
padding: 12px 10px 80px;
}
.products-grid .product-image {
display: block;
margin: 0 0 10px;
}
.products-grid .product-name {
margin: 0 0 5px;
font-weight: bold;
font-size: 13px;
}
.products-grid .product-name a {
}
.products-grid .price-box {
margin: 5px 0;
}
.products-grid .availability {
line-height: 21px;
}
.products-grid .actions {
position: absolute;
bottom: 12px;
}
.col2-left-layout .products-grid,
.col2-right-layout .products-grid {
width: 632px;
margin: 0 auto;
}
.col1-layout .products-grid {
width: 790px;
margin: 0 auto;
}
/* View Type: List */
.products-list li.item { border-bottom:1px solid #ddd; padding:12px 10px; }
.products-list li.item.last { border-bottom:0; }
.products-list .product-image { float:left; margin:0; }
.products-list .product-shop { margin-left:150px; }
.products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; }
.products-list .product-name a {}
.products-list .price-box { float:left; margin:3px 13px 5px 0; }
.products-list .availability { float:left; margin:3px 0 0; }
.products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35; }
.products-list .desc .link-learn { font-size:11px; }
.products-list .add-to-links { clear:both; }
.products-list .add-to-links li { display:inline; }
.products-list .add-to-links .separator { display:inline; margin:0 2px; }
/* ======================================================================================= */
/* Product View ========================================================================== */
/* Rating */
.no-rating { margin:0; }
.ratings { font-size:11px; line-height:1.25; margin:7px 0; }
.ratings strong { float:left; margin:1px 3px 0 0; }
.ratings .rating-links { margin:0; }
.ratings .rating-links .separator { margin:0 2px; }
.ratings dt {}
.ratings dd {}
.rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; }
.rating-box .rating { float:left; height:13px; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/bkg_rating.gif) 0 100% repeat-x; }
.ratings .rating-box { float:left; margin-right:3px; }
.ratings .amount {}
.ratings-table th,
.ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; }
.ratings-table th { font-weight:bold; padding-right:8px; }
/* Availability */
.availability { margin:0; }
.availability span { font-weight:bold; }
.availability.in-stock span {}
.availability.out-of-stock span { color:#d83820; }
.availability-only { margin:0 0 7px; }
.availability-only a { background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; }
.availability-only .expanded { background-position:100% -15px; }
.availability-only strong {}
.availability-only-details { margin:0 0 7px; }
.availability-only-details th { background:#f2f2f2; font-size:10px; padding:0 8px; }
.availability-only-details td { border-bottom:1px solid #ddd; font-size:11px; padding:2px 8px 1px; }
.availability-only-details tr.odd td.last {}
/* Email to a Friend */
.email-friend {}
/* Alerts */
.alert-price {}
.alert-stock {}
/********** < Product Prices */
.price { white-space:nowrap !important; }
.price-box {}
.price-box .price { font-weight:bold; }
/* Regular price */
.regular-price {}
.regular-price .price { font-weight:bold; }
/* Old price */
.old-price {}
.old-price .price-label { white-space:nowrap; }
.old-price .price { font-weight:bold; text-decoration:line-through; }
/* Special price */
.special-price {}
.special-price .price-label { font-weight:bold; white-space:nowrap; }
.special-price .price { font-weight:bold; }
/* Minimal price (as low as) */
.minimal-price {}
.minimal-price .price-label { font-weight:bold; white-space:nowrap; }
.minimal-price-link { display:block; }
.minimal-price-link .label {}
.minimal-price-link .price { font-weight:normal; }
/* Excluding tax */
.price-excluding-tax { display:block; }
.price-excluding-tax .label { white-space:nowrap; }
.price-excluding-tax .price { font-weight:normal; }
/* Including tax */
.price-including-tax { display:block; }
.price-including-tax .label { white-space:nowrap; }
.price-including-tax .price { font-weight:bold; }
/* Configured price */
.configured-price {}
.configured-price .price-label { font-weight:bold; white-space:nowrap; }
.configured-price .price { font-weight:bold; }
/* FPT */
.weee { display:block; font-size:11px; color:#444; }
.weee .price { font-size:11px; font-weight:normal; }
/* Excl tax (for order tables) */
.price-excl-tax { display:block; }
.price-excl-tax .label { display:block; white-space:nowrap; }
.price-excl-tax .price { display:block; }
/* Incl tax (for order tables) */
.price-incl-tax { display:block; }
.price-incl-tax .label { display:block; white-space:nowrap; }
.price-incl-tax .price { display:block; font-weight:bold; }
/* Price range */
.price-from {}
.price-from .price-label { font-weight:bold; white-space:nowrap; }
.price-to {}
.price-to .price-label { font-weight:bold; white-space:nowrap; }
/* Price notice next to the options */
.price-notice { padding-left:10px; }
.price-notice .price { font-weight:bold; }
/* Price as configured */
.price-as-configured {}
.price-as-configured .price-label { font-weight:bold; white-space:nowrap; }
.price-box-bundle {}
/********** Product Prices > */
/* Tier Prices */
.tier-prices .price { font-weight:bold; }
.tier-prices .benefit {}
.tier-prices-grouped {}
/* Add to Links */
.add-to-links .separator { display:none; }
/* Add to Cart */
.add-to-cart label { float:left; margin-right:5px; }
.add-to-cart .qty { float:left; }
.add-to-cart button.button { float:left; margin-left:5px; }
.add-to-cart .paypal-logo { clear:left; text-align:right; }
.add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; }
.product-view .add-to-cart .paypal-logo { margin:0; }
/* Add to Links + Add to Cart */
.add-to-box {}
.add-to-box .add-to-cart { float:left; }
.add-to-box .or { float:left; margin:0 10px; }
.add-to-box .add-to-links { float:left; }
.product-view {}
.product-essential {}
.product-collateral .box-collateral { margin:0 0 15px; }
/* Product Images */
.product-view .product-img-box { float:left; width:267px; }
.col3-layout .product-view .product-img-box { float:none; margin:0 auto; }
.product-view .product-img-box .product-image { }
.product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; }
.product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; }
.product-view .product-img-box .zoom-notice { text-align:center; }
.product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; }
.product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; opacity:.3; }
.product-view .product-img-box .zoom #track { position:relative; height:18px; }
.product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/magnifier_handle.gif) 0 0 no-repeat; }
.product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; }
.product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; }
.product-view .product-img-box .more-views ul { margin-left:-4px }
.product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 4px ; }
.product-image-popup { margin:0 auto; }
.product-image-popup .buttons-set { float:right; clear:none; border:0; margin:0; padding:0; }
.product-image-popup .nav { margin:0 100px; text-align:center; }
.product-image-popup .image { display:block; }
.product-image-popup .image-label {}
/* Product Shop */
.product-view .product-shop { float:right; width:445px; }
.col1-layout .product-view .product-shop { float:right; width:700px; }
.col3-layout .product-view .product-shop { float:none; width:auto; }
.product-view .product-name {}
.product-view .short-description {}
/* Product Options */
.product-options { padding:10px; margin:10px 0 0; background-color:#f6f6f6; }
.product-options dt label { font-weight:bold; }
.product-options dt .qty-holder { float:right; }
.product-options dt .qty-holder label { vertical-align:middle; }
.product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; }
.product-options dd { margin:10px 0; }
.product-options dl.last dd.last {}
.product-options dd input.input-text { width:98%; }
.product-options dd input.datetime-picker { width:150px; }
.product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; }
.product-options dd textarea { width:98%; height:8em; }
.product-options dd select { width:100%; }
.product-options .options-list {}
.product-options .options-list input.radio { float:left; margin:3px -18px 0 0; }
.product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; }
.product-options .options-list .label { display:block; margin-left:20px; }
.product-options ul.validation-failed { padding:0 7px; }
.product-options p.required { padding:15px 0 0; }
.product-options-bottom { padding:10px; border-top:0; }
.product-options-bottom .price-box { margin:10px 0; }
/* Grouped Product */
.product-view .grouped-items-table {}
/* Block: Description */
.product-view .box-description {}
/* Block: Additional */
.product-view .box-additional {}
/* Block: Upsell */
.product-view .box-up-sell {}
.product-view .box-up-sell .products-grid td { width:25%; }
/* Block: Tags */
.product-view .box-tags {}
.product-view .box-tags .form-add label { float:left; }
.product-view .box-tags .form-add .input-box { float:left; width:260px; margin:0 5px; }
.product-view .box-tags .form-add input.input-text { width:254px; }
.product-view .box-tags .form-add p { clear:both; }
/* Block: Reviews */
.product-view .box-reviews {}
.product-view .box-reviews .form-add {}
/* Send a Friend */
.send-friend {}
/* ======================================================================================= */
/* Content Styles ================================================================= */
.product-name { font-size:1em; font-weight:normal; }
.product-name a {}
/* Product Tags */
.tags-list li { display:inline; }
/* Advanced Search */
.advanced-search {}
.advanced-search-amount {}
.advanced-search-summary {}
/* CMS Home Page */
.cms-home .subtitle {}
.cms-index-index .subtitle {}
/* Sitemap */
.page-sitemap .links { text-align:right; margin:0 8px -22px 0; }
.page-sitemap .links a { text-decoration:none; position:relative; }
.page-sitemap .links a:hover { text-decoration:underline; }
.page-sitemap .sitemap { margin:12px; }
.page-sitemap .sitemap a {}
.page-sitemap .sitemap li { margin:3px 0; }
.page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; }
.page-sitemap .sitemap li.level-0 a {}
/* RSS */
.rss-title h1 { background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; }
.rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; }
/* ======================================================================================= */
/* Shopping Cart ========================================================================= */
.cart {}
/* Checkout Types */
.cart .checkout-types { float:right; text-align:right; }
.cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; }
.cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; }
.cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:3px 55px 8px 0; line-height:1.0; font-size:11px; }
/* Shopping Cart Table */
.cart-table .item-msg { font-size:10px; }
/* Shopping Cart Collateral boxes */
.cart .cart-collaterals { padding:25px 0 0; }
.cart .cart-collaterals .col2-set { float:left; width:700px; }
.cart .crosssell {}
.cart .crosssell h2 { font-size:13px; font-weight:bold; }
.cart .crosssell .product-image { float:left; width:75px; height:75px; }
.cart .crosssell .product-details { margin-left:90px; }
.cart .crosssell li.item { margin:12px 0; }
/* Discount Codes & Estimate Shipping and Tax Boxes */
.cart .discount,
.cart .shipping {}
/* Shopping Cart Totals */
.cart .totals { float:right; }
.cart .totals table { width:100%; }
.cart .totals table th,
.cart .totals table td { padding:5px; }
.cart .totals table th { font-weight:bold; }
.cart .totals table tfoot th {}
/* Options Tool Tip */
.item-options dt { font-weight:bold; font-style:italic; }
.item-options dd { padding-left:10px; }
.truncated { cursor:help; }
.truncated a.dots { cursor:help; }
.truncated a.details { cursor:help; }
.truncated .truncated_full_value { position:relative; z-index:999; }
.truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; background-color:#f6f6f6; }
.truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; }
.truncated .show .item-options { top:-20px; left:50%; }
.col-left .truncated .show .item-options { left:30px; top:7px; }
.col-right .truncated .show .item-options { left:-240px; top:7px; }
/* ======================================================================================= */
/* Checkout ============================================================================== */
/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods dt { font-weight:bold; }
.sp-methods .price { font-weight:bold; }
.sp-methods .form-list { padding-left:20px; }
.sp-methods select.month { width:150px; margin-right:10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { width:3em !important; }
.sp-methods .checkmo-list li { margin:0 0 5px; }
.sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; }
.sp-methods .checkmo-list address { float:left; }
.sp-methods .centinel-logos a { margin-right:3px; }
.sp-methods .centinel-logos img { vertical-align:middle; }
.sp-methods .release-amounts { margin:0.5em 0 1em; }
.sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; }
.please-wait { float:right; margin-right:5px; }
.please-wait img { vertical-align:middle; }
.cvv-what-is-this { cursor:help; margin-left:5px; }
/* Tooltip */
.tool-tip { background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; }
.tool-tip .btn-close { text-align:right; }
.tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; }
.tool-tip .tool-tip-content { padding:5px; }
/* Gift Messages */
.gift-messages {}
.gift-messages-form { background-color:#f5f5f5; }
.gift-messages-form { position:relative; }
.gift-messages-form label { float:none !important; position:static !important; }
.gift-messages-form h4 {}
.gift-messages-form .whole-order {}
.gift-messages-form .item { margin:0 0 10px; }
.gift-messages-form .item .product-img-box { float:left; width:75px; }
.gift-messages-form .item .product-image { margin:0 0 7px; }
.gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; }
.gift-messages-form .item .details { margin-left:90px; }
.gift-messages-form .item .details .product-name {}
.gift-message-link { display:block; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; }
.gift-message-link.expanded { background-position:0 -53px; }
.gift-message-row {}
.gift-message-row .btn-close { float:right; }
.gift-message dt strong { font-weight:bold; }
/* Checkout Agreements */
.checkout-agreements {}
.checkout-agreements li { margin:10px 0; }
.checkout-agreements .agreement-content { background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; }
.checkout-agreements .agree { padding:6px; }
/* Centinel */
.centinel {}
.centinel .authentication { background:#fff; }
.centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; }
/* Generic Info Set */
.info-set {}
/********** Common Checkout Styles > */
/* One Page Checkout */
.block-progress {}
.block-progress dt { font-weight:bold; }
.block-progress dt.complete,
.block-progress dd.complete { background-color:#f6f6f6; }
.opc { border-bottom:1px solid #ddd; position:relative; }
.opc li.section { border-bottom:0; }
.opc .buttons-set.disabled button.button { display:none; }
.opc .buttons-set .please-wait { height:21px; line-height:21px; }
.opc .step-title { background-color:#f6f6f6; padding:0 5px; text-align:right; }
.opc .step-title .number { float:left; line-height:22px; margin-right:5px; }
.opc .step-title h2 { float:left; }
.opc .step-title a { display:none; float:right; }
.opc .allow .step-title { cursor:pointer; }
/*.opc .allow .step-title a { display:block; }*/
.opc .active {}
.opc .active .step-title { background-color:#ccc; cursor:default; }
/*.opc .active .step-title a { display:none; }*/
.opc .step { border-top:1px solid #ddd; padding:10px; position:relative; }
.opc .step .tool-tip { right:10px; }
.opc .order-review {}
.opc .order-review .authentication {}
.opc .order-review .warning-message {}
/* Multiple Addresses Checkout */
.checkout-progress { padding:0 50px; margin:10px 0; }
.checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; }
.checkout-progress li.active { border-top-color:#000; color:#000; }
.multiple-checkout { position:relative; }
.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; }
.multiple-checkout .grand-total { font-size:1.5em; text-align:right; }
.multiple-checkout .grand-total big {}
.multiple-checkout .grand-total .price {}
/* ======================================================================================= */
/* Account Login/Create Pages ============================================================ */
.account-login {}
.account-login .new-users {}
.account-login .registered-users {}
.account-create {}
/* Account Login/Create Pages ============================================================ */
/* Remember Me Popup ===================================================================== */
.window-overlay { background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:10111; }
.remember-me label { float:none; margin:0 6px; }
.remember-me-popup { background:#fff; border:1px solid #ccc; left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -box-shadow:0 0 6px #ccc; z-index:11000; }
.remember-me-popup h3 { background:#d9e5ee; border-bottom:1px solid #ccc; font-size:14px; padding:5px 10px; }
.remember-me-popup .remember-me-popup-head { position:relative; }
.remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; }
.remember-me-popup .remember-me-popup-body { padding:10px; }
.remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; }
/* Remember Me Popup ===================================================================== */
/* My Account ============================================================================= */
.my-account .title-buttons .link-rss { float:none; margin:0; }
/********** < Dashboard */
.dashboard {}
.dashboard .welcome-msg {}
/* Block: Recent Orders */
.dashboard .box-recent { margin:10px 0; }
/* Block: Account Information */
.dashboard .box-info {}
/* Block: Reviews */
.dashboard .box-reviews .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; }
.dashboard .box-reviews .details { margin-left:20px; }
/* Block: Tags */
.dashboard .box-tags .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; }
.dashboard .box-tags .details { margin-left:20px; }
/********** Dashboard > */
/* Address Book */
.addresses-list {}
.addresses-list-additional li.item {}
/* Order View */
.order-info { padding:5px; }
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li { display:inline; }
.order-info dt { font-weight:bold; }
.order-date { margin:10px 0; }
.order-info-box {}
.order-items { width:100%; overflow-x:auto; }
.order-additional { margin:15px 0; }
/* Order Gift Message */
.gift-message dt strong { color:#666; }
.gift-message dd { font-size:13px; margin:5px 0 0; }
/* Order Comments */
.order-about dt { font-weight:bold; }
.order-about dd { font-size:13px; margin:0 0 7px; }
.tracking-table { margin:0 0 15px; }
.tracking-table th { font-weight:bold; white-space:nowrap; }
.tracking-table-popup { width:100%; }
.tracking-table-popup th { font-weight:bold; white-space:nowrap; }
.tracking-table-popup th,
.tracking-table-popup td { padding:1px 8px; }
/* Order Print Pages */
.page-print .print-head {}
.page-print .print-head img { float:left; }
.page-print .print-head address { float:left; margin-left:15px; }
/* Price Rewrites */
.page-print .gift-message-link { display:none; }
.page-print .price-excl-tax,
.page-print .price-incl-tax { display:block; white-space:nowrap; }
.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price { display:inline; }
/* My Reviews */
.product-review .product-img-box { float:left; width:140px; }
.product-review .product-img-box .product-image { display:block; width:125px; height:125px; }
.product-review .product-img-box .label { font-size:11px; margin:0 0 3px; }
.product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; }
.product-review .product-details { margin-left:150px; }
.product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; }
.product-review h3 {}
.product-review .ratings-table { margin:0 0 10px; }
.product-review dt { font-weight:bold; }
.product-review dd { font-size:13px; margin:5px 0 0; }
/* My Reviews Rating */
.product-review-rating {
display: flex;
align-items: center;
padding: 3px 0 8px 0;
}
.product-review-rating .label{
min-width: 60px;
}
.product-my-review:not(:checked) input.rating-radio {
position:absolute;
z-index: -999;
clip:rect(0,0,0,0);
}
.product-my-review:not(:checked) label.rating-label {
float:right;
cursor:pointer;
overflow:hidden;
background: url("../img/star-icon.svg") center no-repeat;
width: 14px;
height: 14px;
opacity: 0.43;
transition: opacity 0.2s ease;
margin-right: 5px;
}
.product-my-review input.rating-radio:checked ~ label.rating-label {
opacity: 1;
}
.product-my-review:not(:checked) label.rating-label:hover,
.product-my-review:not(:checked) label.rating-label:hover ~ label.rating-label {
opacity: 1;
}
.product-my-review input.rating-radio:checked + label.rating-label:hover,
.product-my-review input.rating-radio:checked + label.rating-label:hover ~ label.rating-label,
.product-my-review input.rating-radio:checked ~ label.rating-label:hover,
.product-my-review input.rating-radio:checked ~ label.rating-label:hover ~ label.rating-label,
.product-my-review label.rating-radio:hover ~ input.rating-radio:checked ~ label.rating-label {
opacity: 1;
}
/* ======================================================================================= */
/* MAP Popup============================================================================== */
.cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;}
.map-cart-sidebar-total { color:red; display:block; font-size:10px; font-weight:bold; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; }
.map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; }
.map-popup-heading { background:#d9e5ee; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; }
.map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; }
.map-popup-arrow { background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; }
.map-popup-close { background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999em; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; }
.map-popup-checkout { display:inline; float:right; text-align:right; }
.map-popup-checkout span { display:block; padding-right:30px; }
.map-popup-checkout .paypal-logo { margin:0 0 5px; }
.map-popup-price .price-box,
.map-popup-price .price-box .special-price { margin:0; padding:0; }
.map-popup-price { margin:5px 0 0; }
.map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; }
.map-popup-only-text { border-top:1px solid #ddd; }
/* ======================================================================================= */
/* Footer ================================================================================ */
.footer { padding:10px; }
.footer p { text-align:right; }
.footer address { text-align:right; }
.footer ul {}
.footer ul li { display:inline; }
.footer-container .bottom-container { text-align:center; }
/* ======================================================================================= */
/* Clears ================================================================================ */
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-view .box-tags .form-add:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
/* ======================================================================================= */
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @category design
* @package base_default
* @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }
.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }
/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }
/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }
/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }
/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }
/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }
.bottom-container .widget a { padding:0 3px; }
/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }
.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }
.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }
.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */
#aw-afptc-popup {
position: fixed;
border: 1px #999999 solid;
text-align: center !important;
padding: 10px;
background-color: #ffffff;
z-index: 9999;
color: black;
overflow: auto;
min-height:200px;
min-width: 450px;
width: auto;
height: auto;
}
#aw-afptc-overlay
{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000;
-moz-opacity: 0.3;
opacity:.30;
filter: alpha(opacity=30);
z-index: 100;
}
.aw-afptc-promo-message {
font-size:16px;
}
#aw-afptc-popup .product-name {
font-size:16px;
}
div#aw-afptc-popup div.block-content ul.free-products-list{
max-height:300px;
overflow-y:auto;
overflow-x:hidden;
}
div#aw-afptc-popup div.block-content ul.product-details li{
float:left;
}
div#aw-afptc-popup div.block-content ul.product-details li div.product-details{
padding:10px;
}
div#aw-afptc-popup div.block-content ul.product-details li div.product-details div.price-box{
float:left;
text-align:left;
}
div#aw-afptc-popup div.block-content ul.product-details li:first-child {
width:80px;
}
div#aw-afptc-popup div.block-content ul.product-details li input{
float:left;
}
div#aw-afptc-popup div.block-content ul.product-details div.validation-advice{
width:60px;
text-align:left;
}
div#aw-afptc-popup li.item:last-child {
clear:both;
}
div#aw-afptc-popup div.block-content ul.product-details li div.product-image{
margin-bottom:5px;
}
.postWrapper {
padding-bottom: 25px;
clear: both;
}
.postTitle {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDDDDD;
margin-bottom: 15px;
}
.postTitle h2 {
font-size: 20px;
font-weight: normal;
margin: 0px;
padding: 0px;
}
.postTitle h3 {
font-size: 10px;
margin: 0px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
.postContent {
padding-bottom: 10px;
}
.postDetails {
}
.postBookmarks {
padding-bottom: 10px;
}
.postBookmarks h4 {
font-size: 12px;
font-weight: bold;
}
.commentWrapper {
padding-bottom: 15px;
}
.commentContent {
padding-bottom: 0px;
}
.commentDetails {
margin-bottom: 5px;
padding: 0px;
}
.commentDetails h4.username {
display: inline;
}
.postError {
font-size: 16px;
}
.tags {
font-weight: bold;
padding-bottom: 10px;
}
.tags UL {
display: inline;
}
.tags UL LI {
font-weight: normal;
display: inline;
padding-right: 6px;
}
.tags h4 {
font-size: 12px;
font-weight: bold;
}
.menu-tags, .menu-categories, .menu-recent {
margin: 5px 9px;
}
.menu-tags h5, .menu-categories h5, .menu-recent h5 {
font-size: 11px;
}
.block-blog .menu-tags UL LI {
display: inline;
padding: 2px;
margin-left: 10px;
}
.block-blog .menu-categories UL LI {
margin-left: 10px;
}
.block-blog .menu-recent UL LI {
margin-left: 10px;
}
.block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a {
font-size: 11px;
}
.tagcloud {
/* text-align:center; */
}
.tag-count-1 {
font-size: 1em !important;
}
.tag-count-2 {
font-size: 1.2em !important;
}
.tag-count-3 {
font-size: 1.4em !important;
}
.tag-count-4 {
font-size: 1.6em !important;
}
.tag-count-5 {
font-size: 1.8em !important;
}
.tag-count-6 {
font-size: 2em !important;
}
.tag-count-7 {
font-size: 2em !important;
}
.tag-count-8 {
font-size: 2em !important;
}
.tag-count-9 {
font-size: 2em !important;
}
.tag-count-10 {
font-size: 2em !important;
}
.block-blog .head h4 {
padding-left: 20px;
}
.block-blog .block-title strong {
background-image: url(https://berghoffworldwide.com/skin/frontend/shopper/default/aw_blog/images/icon_blog.png);
background-repeat: no-repeat;
padding-left: 21px;
text-align: left;
}
.postWrapper .poster {
display: inline;
}
.input-box.aw-blog-comment-area {
width: 100%;
}
.widget-latest li {
font-size: 12px;
padding: 5px 10px;
}
.block-blog .menu-categories {
margin: 0;
padding: 5px 9px;
}
A.awblog_current_comment {
text-decoration: none !important;
font-weight: bold !important;
}
.amlabel-div {
position: relative;
}
.amlabel-div .amlabel-txt {
line-height: 11px;
font-size: 0.9em;
font-weight: bold;
display: block;
letter-spacing: 0.01px;
text-decoration: none;
color: #fff;
}
.amlabel-div a {
text-decoration: none;
position: relative;
}
.amlabel-table {
position: absolute;
z-index: 10;
cursor: pointer;
}
.amlabel-table td {
vertical-align: middle;
text-align: center;
border: 0;
height: auto;
}
.top-center {
top : 0;
left : 0;
right : 0;
margin-left : auto;
margin-right : auto;
}
.middle-left {
left : 0;
top : 0;
bottom : 0;
margin-top: auto;
margin-bottom: auto;
}
.middle-right {
right: 0;
top : 0;
bottom : 0;
margin-top: auto;
margin-bottom: auto;
}
.bottom-center {
bottom: 0;
left : 0;
right : 0;
margin-left : auto;
margin-right : auto;
}
.middle-center {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top : 0;
bottom : 0;
margin-top: auto;
margin-bottom: auto;
}
.top-left {
top: 0;
left: 0;
}
.top-right {
top: 0;
right: 0;
}
.bottom-left {
bottom: 0;
left: 0;
}
.bottom-right {
bottom: 0;
right: 0;
}
.products-list .amlabel-div {
float: left;
}
* html .amlabel-div {
float: left;
}
* html .amlabel-div a {
position: relative;
}
@media (max-width: 930px) {
.amlabel-table {
display: none;
}
}
.amlabel-table2 {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
}
.amlabel-txt2 {
width: 100%;
height: 100%;
background-size: contain !important;
position: absolute;
z-index: 9999;
}
#bubble-layer-overlay {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1000000;
background-color: #000;
filter: alpha(opacity=50);
opacity: .5;
}
#bubble-layer-loader {
position: fixed;
top: 50%;
left: 50%;
right: auto;
bottom: auto;
transform: translate(-50%, -50%);
z-index: 1000001;
text-align: center;
width: auto;
}
.block-layered-nav dd li {
padding: 2px 0;
}
div.layer-slider {
min-width: 100px;
}
div.price-slider {
position: relative;
margin: 10px 0 5px;
height: 22px;
cursor: pointer;
}
div.price-slider .bg {
position: absolute;
top: 10px;
background-color: #798794;
height: 2px;
width: 100%;
cursor: default;
}
div.price-slider .handle {
position: absolute;
width: 9px;
height: 22px;
cursor: move;
background: url(https://berghoffworldwide.com/skin/frontend/default/default/images/magnifier_handle.gif) left top no-repeat;
}
div.price-slider .span {
position: absolute;
top: 10px;
margin-left: 9px;
background-color: #e26703;
height: 2px;
cursor: default;
}
div.price-range {
font-weight: bold;
color: #e26703;
}
div.price-range input {
width: 40px;
margin: 0 4px;
text-align: center;
}
div.price-limit {
font-size: 11px;
}
div.price-limit .max {
float: right;
}
.block-layered-nav dl#narrow-by-list dd ol > li > span,
.block-layered-nav dl#narrow-by-list dd ol > li > a {
padding: 0;
display: inline;
}
.block-layered-nav .category-filter-tree div.on {
float: left;
width: 0;
height: 0;
margin: 6px 4px 0 -14px;
border-style: solid;
border-width: 6px 5px 0 5px;
border-color: #1e7ec8 transparent transparent transparent;
}
.block-layered-nav .category-filter-tree div.off {
float: left;
width: 0;
height: 0;
margin: 4px 4px 0 -12px;
border-style: solid;
border-width: 5px 0 5px 6px;
border-color: transparent transparent transparent #1e7ec8;
}
.block-layered-nav .category-filter-tree li.active a {
font-weight: bold;
}
.block-layered-nav .category-filter-tree .level1 {
padding-left: 12px;
}
.block-layered-nav .category-filter-tree .level2 {
padding-left: 24px;
}
.block-layered-nav .category-filter-tree .level3 {
padding-left: 36px;
}
.block-layered-nav .category-filter-tree .level4 {
padding-left: 48px;
}
.block-layered-nav .dropdown-filter {
width: 100%;
}
.block-layered-nav .label-filter li {
display: inline-block;
margin: 0 4px 8px 0;
}
.block-layered-nav .label-filter a {
font-weight: normal;
display: block;
padding: 4px 8px;
background-color: #fff;
color: #000;
border-radius: 3px;
text-decoration: none;
}
.block-layered-nav .label-filter a span.count {
display: inline-block;
min-width: 10px;
white-space: nowrap;
font-weight: bold;
color: #777;
background-color: #eee;
padding: 3px 7px;
border-radius: 10px;
text-align: center;
line-height: 1;
vertical-align: middle;
font-size: 12px;
margin-left: 3px;
}
.block-layered-nav .label-filter li.active a,
.block-layered-nav .label-filter a:hover,
.block-layered-nav .label-filter a:focus {
text-decoration: none;
outline: 0;
background-color: #496778;
color: #fff;
border-radius: 3px;
}
.block-layered-nav .label-filter li.active a span.count,
.block-layered-nav .label-filter a:hover span.count,
.block-layered-nav .label-filter a:focus span.count {
background-color: #fff;
color: #000;
}
.bubble-layer-top .block {
margin-bottom: 0;
}
.bubble-layer-top .block-content {
display: inline-table;
margin-right: 20px;
margin-bottom: 20px;
max-width: 50%;
}
#narrow-by-list dd:last-child,
.bubble-layer-top .block-layered-nav dd {
background: none;
}
/*
GENERAL
--------------------------------------------------------- */
#clerk-power-popup {
max-width: 1000px;
width: 100%;
margin: 30px auto;
}
#clerk-power-popup .clerk-top-wrapper {
display: inline-block;
width: 100%;
border-bottom: 1px solid #EEE;
margin-top: 10px;
}
#clerk-power-popup .clerk-top-wrapper .table {
width: 95% !important;
margin: 0 auto !important;
}
#clerk-power-popup .clerk-clearer {
clear: both;
}
/*
ADD SUCCESS
--------------------------------------------------------- */
.alert-success {
background-image: -webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
background-image: -o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));
background-image: linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);
background-repeat: repeat-x;
border-color: #b2dba1;
color: #3c763d;
background-color: #dff0d8;
}
.alert {
text-shadow: 0 1px 0 rgba(255,255,255,.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.left {
float: left;
}
.right {
float: right;
}
.col4 {
width: 32%;
display: inline-block;
}
.col6 {
width: 50%;
display: inline-block;
}
.col8 {
width: 66%;
display: inline-block;
}
.col12 {
width: 100%;
display: inline-block;
}
.padding20 {
padding: 20px;
}
.padding10 {
padding: 10px;
}
.padding10-top {
padding: 10px 0 0 0;
}
/*
CART OVERVIEW
--------------------------------------------------------- */
.clerk-text {
text-align: left;
}
.clerk-price {
text-align: right;
}
.clerk-total .clerk-text {
padding-top: 10px;
font-weight: bold;
font-size: 18px;
}
.clerk-total .clerk-price {
padding-top: 10px;
font-weight: bold;
font-size: 18px;
}
#clerk-power-popup .clerk-top-wrapper .clerk-to-cart {
width: 100%;
margin: 0 auto;
}
#clerk-power-popup .clerk-top-wrapper .clerk-to-cart span, #clerk-power-popup .clerk-top-wrapper .clerk-to-cart span span {
font-size: 16px;
}
#clerk-power-popup .clerk-top-wrapper .clerk-continue-shopping, #clerk-power-popup .clerk-top-wrapper .clerk-to-checkout {
margin: 0 auto;
font-size: 13px;
}
#clerk-power-popup .clerk-top-wrapper .clerk-continue-shopping span, #clerk-power-popup .clerk-top-wrapper .clerk-to-checkout span {
padding: 0px;
}
/*
RESULTS
--------------------------------------------------------- */
#clerk-power-popup .clerk-results {
clear: both;
text-align: center;
}
@media (max-width: 767px) {
.col6 {
width: 100% !important;
}
}
#clerk-power-popup .products-grid .actions {
position: static;
}
#clerk-power-popup .products-grid > li {
width: 30.8642%;
margin-right: 3.7037%;
}
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
border: 1px solid #ededed;
margin:-1px; /* Set this to minus the border thickness. */
background-color:#fff;
cursor:move;
}
/* This is for the title text. */
.cloud-zoom-title {
font-family:Arial, Helvetica, sans-serif;
position:absolute !important;
background-color:#000;
color:#fff;
padding:3px;
width:100%;
text-align:center;
font-weight:bold;
font-size:10px;
top:0px;
}
/* This is the zoom window. */
.cloud-zoom-big {
margin-left:10px;
background-repeat:no-repeat;
background-color:#ffffff;
border:2px solid white;
overflow:hidden;
-moz-box-shadow:0 0 10px #ddd;
-webkit-box-shadow:0 0 10px #ddd;
box-shadow:0 0 10px #ddd;
}
/* This is the loading message. */
.cloud-zoom-loading {
color:white;
background:#222;
padding:3px;
border:1px solid #000;
}
.mousetrap {background:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/spacer.gif') 0 0 !important; }
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
/*#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 11040;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png');
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 11000;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 11010;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 11020;
border: 0px solid #fff;
background: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/loader.gif') 50% 50% no-repeat;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 11010;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png') -40px 0px;
cursor: pointer;
z-index: 11030;
display: block !important;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/blank.gif');
z-index: 11020;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 11020;
display: block;
}
#fancybox-left-ico {
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png');
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png');
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible;
}
#fancybox-left span {
left: 20px;
}
#fancybox-right span {
left: auto;
right: 20px;
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 10010;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox-x.png');
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png');
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox-y.png');
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png');
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox-x.png');
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png');
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox-y.png');
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png');
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 11020;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancy_title_over.png');
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png') -55px -90px no-repeat;
}
.fancybox-ie6 #fancybox-close { background: transparent; }
.fancybox-ie6 #fancybox-left-ico { background: transparent; }
.fancybox-ie6 #fancybox-right-ico { background: transparent; }
.fancybox-ie6 #fancybox-title-over { background: transparent; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div { background: transparent; }
.mbdialog img{
border:0; vertical-align:top;
}
*/
#fancybox-left.always-show, #fancybox-right.always-show {
display: block !important;
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
/*width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;*/
width: 110px;
height: 110px;
margin-top: -55px;
margin-left: -55px;
cursor: pointer;
/*overflow: hidden;*/
z-index: 11040;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0 !important;
left: 0;
width: 110px;
height: 110px;
/*background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png');*/
background: url('../img/preloader.svg') no-repeat center;
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 11000;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 11010;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 11020;
border: 0 solid #fff;
/*background: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/loader.gif') 50% 50% no-repeat;*/
background: url('../img/preloader.svg') 50% 50% no-repeat;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 11010;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png') -40px 0px;
cursor: pointer;
z-index: 11030;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/blank.gif');
z-index: 11020;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 11020;
display: block;
}
#fancybox-left-ico {
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png');
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png');
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left span {
left: 20px;
}
#fancybox-right span {
left: auto;
right: 20px;
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 10010;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox-x.png');
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png');
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox-y.png');
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png');
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox-x.png');
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png');
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox-y.png');
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png');
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 11020;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancy_title_over.png');
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('https://berghoffworldwide.com/skin/frontend/shopper/default/js/fancybox/fancybox.png') -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; }
.fancybox-ie6 #fancybox-left-ico { background: transparent; }
.fancybox-ie6 #fancybox-right-ico { background: transparent; }
.fancybox-ie6 #fancybox-title-over { background: transparent; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div { background: transparent; }
.mbdialog img{
border:0; vertical-align:top;
}
/* вставка до этого места*/
.mbdialog p{
margin:0 0 10px;
}
.mbdialog{
color:#2f2f2f;
}
/*dpqzsjhiunbhfcjseepudpn*/
.mbdialog *, .mbdialog *:before, .mbdialog *:after{ /*dpqzsjhiunbhfcjseepudpn*/
box-sizing:content-box;
}
.mbdialog th, .mbdialog td{
vertical-align:top;
}
.mbdialog img{
display:inline;
}
.dialogBg{
background: rgba(255, 255, 255, 0.90);
position:fixed;
overflow-x: auto;
overflow-y: scroll;
z-index:99999999;
left:0;
top:0;
bottom:0;
right:0;
/*visibility:hidden;*/
display:none;
cursor:pointer;
}
.dialogBody{
overflow:hidden;
text-align:left;
-moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
}
.mbdialog{
display:none;
cursor:default;
margin: 0px auto;
position:absolute;
z-index:99999998;
-webkit-backface-visibility: hidden;
}
@media (max-width: 500px) {
.mbdialog,.dialogBody{
-webkit-transform:translate3d(0, 0, 0); //bugfix if theme has translate3d on field behind popup
}
}
.dialogTool{
position:relative;
}
.dialogClose{
position:absolute;
top:-20px;
right:-26px;
background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/magebird_popup/close_dark.png);
background-position:5px 5px;
background-repeat:no-repeat;
height:26px;
width:26px;
cursor:pointer;
z-index:99999995;
}
.dialogCloseCustom{
cursor:pointer;
}
.dialogClose.overlay2{
background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/magebird_popup/close_white.png);
background-position:5px 5px;
background-repeat:no-repeat;
}
.dialogClose.style2{
background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/magebird_popup/close_big.png);
height:29px;
width:29px;
top:-15px;
right:-15px;
}
.dialogClose.style2:hover{
background-position:0 -29px;
}
.dialogClose.style4,.dialogClose.style3{
background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/magebird_popup/close_simple_white.png) no-repeat 4px 4px;
height:25px;
width:25px;
}
.dialogClose.style3{
background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/magebird_popup/close_simple_dark.png) no-repeat 4px 4px;
}
.dialogClose.style6{
background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/magebird_popup/close_big_x.png) no-repeat;
top:7px;
right:8px;
width:20px;
height:20px;
}
.dialogClose.style6{
background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/magebird_popup/close_big_x_d.png) no-repeat;
}
.dialogClose.style7{
background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/magebird_popup/close_transparent.png) no-repeat;
}
.dialogClose.style8{
background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/magebird_popup/close_big_x.png) no-repeat;
}
.dialogClose.style9{
background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/magebird_popup/close_big_x_bold.png) no-repeat;
}
.dialogClose.style10{
background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/magebird_popup/close_big_x_bold_d.png) no-repeat;
}
.dialogClose.style11{
background:url(https://berghoffworldwide.com/skin/frontend/base/default/images/magebird_popup/white_circle.png) no-repeat;
}
.dialogClose.style6,.dialogClose.style7,.dialogClose.style8,.dialogClose.style9,.dialogClose.style10,.dialogClose.style11{
width:30px;
height:30px;
background-position:center;
}
.dialogClose.style7,.dialogClose.style11{
width:35px;
height:35px;
}
.dialogClose.style4:hover,.dialogClose.style3:hover{
background-position:4px -17px;
}
.dialogClose.style1:hover{
opacity: 0.9;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
.imgType img{
display:block;
}
.mbdialog .error, .mbdialog .warning{
border:1px solid #EED2D8;
color:#B94A4A;
font-size:12px;
font-weight:normal;
text-shadow:1px 1px #FFFFFF;
background-color:#F2DDDE;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
margin:0 15px 15px 0;
padding:2px 5px;
-moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
position:absolute;
z-index:999999;
}
.mbdialog .error p, .mbdialog .warning p{
margin:4px 0;
}
.transform-rotate-zoom1{
-moz-transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
-moz-transform:rotate(0deg) scale(0.001);
-webkit-transform:rotate(0deg) scale(0.001);
-o-transform:rotate(0deg) scale(0.001);
-moz-transform:rotate(0deg) scale(0.001);
-ms-transform: rotate(0deg) scale(0.001);
}
.transform-rotate-zoom2{
-webkit-transform: rotate(360deg) scale(1);
-moz-transform: rotate(360deg) scale(1);
-o-transform: rotate(360deg) scale(1);
-ms-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1);
}
.popuptransition{
-moz-transition: all 0.9s ease-in-out;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.transform-elastic1, .moctoddribegam{
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-moz-transform:scale(0.001);
-webkit-transform:scale(0.001);
-o-transform:scale(0.001);
-moz-transform:scale(0.001);
-ms-transform:scale(0.001);
}
.transform-elastic2{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.transform-elastic3{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform:scale(1);
transform: scale(1);
}
.mbdialog table {
border-spacing:0;
border-collapse:separate;
}
/*FOLLOW WIDGET*/
.followPopup{
line-height:1;
}
.followPopup ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
.followPopup li{
float:left;
margin-right:10px;
height:62px;
overflow:hidden;
width:63px;
text-align:center;
}
.followPopup li img{
width:auto;
}
.followPopup.tp2 li{
height:20px;
}
.followPopup li.twitterFollow img,.followPopup li.pinFollow img{
margin-bottom:3px;
margin-left:5px;
}
.followPopup.tp3 li.twitterFollow img,li.twitterTweet img, .followPopup.tp3 li.pinFollow img{
margin-bottom:3px;
margin-left:0px;
}
.followPopup .fbLike{
min-width:48px;
margin-right:2px;
margin-left:-3px;
}
.followPopup.tp3 .fbLike{
margin-left:0px;
}
.followPopup .twitterTweet{
/*width:58px;*/
}
.followPopup .twitterTweet{
visibility:visible !important;
}
.followPopup .gplusRecommend{
width:50px;
}
.gplusRecommend div{
vertical-align:top !important;
}
.followPopup .pinFollow{
min-width:59px;
}
.followPopup.tp3 li{
float:none;
width:63px !important;
margin-right:0;
text-align:center;
margin-bottom:10px;
}
/*FB like bugfix for ie*/
.fb-like.fb_iframe_widget iframe{
min-width:49px !important;
min-height:61px !important;
left:0;
}
/*END FOLLOW WIDGET*/
/*!
* Bootstrap v3.3.0 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
.gift-card *{box-sizing: border-box;}
.gift-card button *{box-sizing: content-box;}
.gift-card .row {
margin-right: -10px;
margin-left: -10px;
}
.gift-card .col-xs-1,.gift-card .col-xs-2,.gift-card .col-xs-3,.gift-card .col-xs-4,.gift-card .col-xs-5,.gift-card .col-xs-6,.gift-card .col-xs-7,.gift-card .col-xs-8,.gift-card .col-xs-9,.gift-card .col-xs-10,.gift-card .col-xs-11,.gift-card .col-xs-12 {
float: left;
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left;
}
.gift-card .table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.gift-card .table > thead > tr > th,
.gift-card .table > tbody > tr > th,
.gift-card .table > tfoot > tr > th,
.gift-card .table > thead > tr > td,
.gift-card .table > tbody > tr > td,
.gift-card .table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.gift-card .table > thead > tr > th {
vertical-align: middle;
border-bottom: 2px solid #ddd;
}
.gift-card .table > caption + thead > tr:first-child > th,
.gift-card .table > colgroup + thead > tr:first-child > th,
.gift-card .table > thead:first-child > tr:first-child > th,
.gift-card .table > caption + thead > tr:first-child > td,
.gift-card .table > colgroup + thead > tr:first-child > td,
.gift-card .table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.gift-card .table > tbody + tbody {
border-top: 2px solid #ddd;
}
.gift-card .table .table {
background-color: #fff;
}
.gift-card .table-condensed > thead > tr > th,
.gift-card .table-condensed > tbody > tr > th,
.gift-card .table-condensed > tfoot > tr > th,
.gift-card .table-condensed > thead > tr > td,
.gift-card .table-condensed > tbody > tr > td,
.gift-card .table-condensed > tfoot > tr > td {
padding: 5px;
}
.gift-card .table-bordered {
border: 1px solid #ddd;
}
.gift-card .table-bordered > thead > tr > th,
.gift-card .table-bordered > tbody > tr > th,
.gift-card .table-bordered > tfoot > tr > th,
.gift-card .table-bordered > thead > tr > td,
.gift-card .table-bordered > tbody > tr > td,
.gift-card .table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.gift-card .table-bordered > thead > tr > th,
.gift-card .table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.gift-card .table-striped > tbody > tr:nth-child(odd) {
background-color: #f9f9f9;
}
.gift-card .table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
.gift-card table col[class*="col-"] {
position: static;
display: table-column;
float: none;
}
.gift-card table td[class*="col-"],
.gift-card table th[class*="col-"] {
position: static;
display: table-cell;
float: none;
}
.gift-card .table-responsive {
min-height: .01%;
overflow-x: auto;
}
@media screen and (max-width: 767px) {
.gift-card .table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.gift-card .table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.gift-card .table-responsive > .table-bordered {
border: 0;
}
.gift-card .table-responsive > .table-bordered > thead > tr > th:first-child,
.gift-card .table-responsive > .table-bordered > tbody > tr > th:first-child,
.gift-card .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.gift-card .table-responsive > .table-bordered > thead > tr > td:first-child,
.gift-card .table-responsive > .table-bordered > tbody > tr > td:first-child,
.gift-card .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.gift-card .table-responsive > .table-bordered > thead > tr > th:last-child,
.gift-card .table-responsive > .table-bordered > tbody > tr > th:last-child,
.gift-card .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.gift-card .table-responsive > .table-bordered > thead > tr > td:last-child,
.gift-card .table-responsive > .table-bordered > tbody > tr > td:last-child,
.gift-card .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.gift-card .table-responsive > .table-bordered > tbody > tr:last-child > th,
.gift-card .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.gift-card .table-responsive > .table-bordered > tbody > tr:last-child > td,
.gift-card .table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
.gift-card input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gift-card input[type="radio"],
.gift-card input[type="checkbox"] {
margin: 3px 0 0;
margin-top: 1px \9;
line-height: normal;
}
.gift-card input[type="file"] {
display: block;
}
.gift-card input[type="range"] {
display: block;
width: 100%;
}
.gift-card select[multiple],
.gift-card select[size] {
height: auto;
}
.gift-card input[type="file"]:focus,
.gift-card input[type="radio"]:focus,
.gift-card input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.gift-card output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
}
.gift-card .form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.gift-card .form-control:focus {
border-color: #66afe9;
outline:none;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.gift-card .form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.gift-card .form-control:-ms-input-placeholder {
color: #999;
}
.gift-card .form-control::-webkit-input-placeholder {
color: #999;
}
.gift-card .form-control[disabled],
.gift-card .form-control[readonly],
.gift-card textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
.gift-card input[type="date"],
.gift-card input[type="time"],
.gift-card input[type="datetime-local"],
.gift-card input[type="month"] {
line-height: 34px;
line-height: 1.42857143 \0;
}
.gift-card input[type="date"].input-sm,
.gift-card input[type="time"].input-sm,
.gift-card input[type="datetime-local"].input-sm,
.gift-card input[type="month"].input-sm {
line-height: 30px;
line-height: 1.5 \0;
}
.gift-card input[type="date"].input-lg,
.gift-card input[type="time"].input-lg,
.gift-card input[type="datetime-local"].input-lg,
.gift-card input[type="month"].input-lg {
line-height: 46px;
line-height: 1.33 \0;
}
_:-ms-fullscreen,
:root input[type="date"],
_:-ms-fullscreen,
:root input[type="time"],
_:-ms-fullscreen,
:root input[type="datetime-local"],
_:-ms-fullscreen,
:root input[type="month"] {
line-height: 1.42857143;
}
_:-ms-fullscreen.input-sm,
:root input[type="date"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="time"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="datetime-local"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="month"].input-sm {
line-height: 1.5;
}
_:-ms-fullscreen.input-lg,
:root input[type="date"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="time"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="datetime-local"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="month"].input-lg {
line-height: 1.33;
}
.gift-card .form-group {
margin-bottom: 10px;
float:left;
width:100%;
text-align: left;
}
.gift-card .radio,
.gift-card .checkbox {
position: relative;
display: block;
margin-top: 5px;
margin-bottom: 5px;
}
.gift-card .radio label,
.gift-card .checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.gift-card .radio input[type="radio"],
.gift-card .radio-inline input[type="radio"],
.gift-card .checkbox input[type="checkbox"],
.gift-card .checkbox-inline input[type="checkbox"] {
position: absolute;
margin-top: 4px \9;
margin-left: -19px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.gift-card .radio-inline,
.gift-card .checkbox-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
.gift-card .form-group label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
.gift-card .hide{display:none;}
.gift-card .disabled{
opacity: 0.3;
filter: alpha(opacity=30);
cursor: default;
}
.gift-card .text-left {
text-align: left;
}
.gift-card .text-right {
text-align: right;
}
.gift-card .text-center {
text-align: center;
}
.gift-card .text-justify {
text-align: justify;
}
.gift-card .text-nowrap {
white-space: nowrap;
}
.gift-card .text-lowercase {
text-transform: lowercase;
}
.gift-card .text-uppercase {
text-transform: uppercase;
}
.gift-card .text-capitalize {
text-transform: capitalize;
}
/**
* Giftvoucher reward template
*/
.dialog.giftcard-preview-template-dialog{
left: 50% !important;
margin-left: -330px !important;
}
.input-select.validation-failed
{
border-color: red;
}
span#giftvoucher_wait{
color: #2F2F2F;
}
.giftvoucher-discount-code{
color: #008000;
}
.giftvoucher-discount-code button{
border: medium none;
background: none repeat scroll 0 0 transparent;
}
.giftvoucher-discount-code button:hover{
cursor: pointer;
}
.giftvoucher-media{
border: 2px solid #F7F9F9;
}
.giftvoucher-media .giftmedia{
border-bottom: 2px solid #F7F9F9;
padding: 7px;
color: #F18200;
font-size: 15px;
}
#giftmedia pre{
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.giftvoucher-media .giftmedia-image{
overflow: hidden;
width: 265px;
position: relative;
}
.giftvoucher-product-info .giftvoucher-amount-desc, .giftvoucher-product-info #recipient_ship_desc {
font-size: 0.9em;
font-style: italic;
color: #080;
margin-top: -5px;
}
.giftvoucher-product-info #message{
width: 100%;
height: 88px;
}
.giftvoucher-product-info #recipient_address{
width: 325px;
height: 57px;
}
.giftvoucher-product-info #recipient_email,
.giftvoucher-product-info #recipient_name,
.giftvoucher-product-info #customer_name{
width: 100%;
}
#giftvoucher-result{
font-size: 15px;
}
#giftvoucher-result label{
width: 160px;
}
/* Search Grid Style */
.data-table .giftvoucher-grid-title th{
background-image: none;
border-bottom: 1px solid #C2D3E0;
}
.data-table .giftvoucher-grid-search th{
vertical-align: top;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item{
padding-bottom: 2px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{
width: 97%;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container{
float: left;
padding-bottom: 2px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range{
min-width: 121px;
min-height: 18px;
margin-bottom: 3px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{
display: block;
width: 36px;
float: left;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{
width: 15px;
height: 15px;
cursor: pointer;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{
float: right;
width: 50px;
padding: 1px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{
width: 100%;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price,
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price{
min-width: 100px;
}
.giftvoucher-search-button {
padding-bottom: 5px;
text-align: right;
}
/* End Search */
.customer-account-giftcard .balance{
overflow: hidden;
margin-bottom: 10px;
border-bottom: 1px dotted black;
}
.customer-account-giftcard #giftvoucher_grid .gift-voucher-sent-friend{
background-color: #F6B26B;
}
.customer-account-giftcard .account-balance{
overflow: hidden;
margin-bottom: 10px;
border-bottom: 1px dotted black;
}
/*Hai.Tran*/
.giftcard-preview-template-dialog .top,
.giftcard-preview-template-dialog .bot{
display: none;
}
.giftcard-preview-template-dialog .dialog_e,
.giftcard-preview-template-dialog .dialog_w {
width: 0;
}
.giftcard-preview-template-dialog .dialog_close{
display: none;
}
.giftcard-preview-template-dialog .dialog_content{
background-color: transparent !important;
color: #2f2f2f !important;
font: 12px/1.55 Arial, Helvetica, sans-serif;
}
.gift-active{
border: 2px solid rgb(228,121,17) !important;
}
div.egcSwatch-arrow {
/* display: none;*/
position: absolute;
height: 11px;
top: -2px;
left: 1px;
width: 100%;
background-position: center top;
background-repeat: no-repeat;
clear: both;
/* z-index: 10;*/
background-image: url(https://berghoffworldwide.com/skin/frontend/shopper/ewings/css/magestore/giftvoucher/down-arrow.png);
}
#giftcard-template-show-images:hover #giftcard-template-next{
background-image: url(https://berghoffworldwide.com/skin/frontend/shopper/ewings/css/magestore/giftvoucher/arrow-slide-right.png);
}
#giftcard-template-show-images:hover #giftcard-template-prev{
background-image: url(https://berghoffworldwide.com/skin/frontend/shopper/ewings/css/magestore/giftvoucher/arrow-slide-left.png);
}
/*#giftcard-template-next:hover{
background-image: url(/../giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-right.png);
}
#giftcard-template-prev:hover{
background-image: url(/../giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-left.png);
}*/
/** Media Library **/
.uploader .file-row { display: inline-block;width:315px; padding:0.3em 0.6em; /*margin:0.5em 0.6em;*/ border:1px solid #ccc; background-color:#f9f9f9; /*vertical-align:middle;*/ }
.uploader .file-row-narrow { width: auto; margin: 0 0 2px 40px; }
.uploader .file-row .file-info { float:left; }
/*.uploader .file-row .file-info-name { with: 80%; overflow: hidden; }
.uploader .file-row .file-info-size { width: 20%; }*/
.uploader .file-row-info { margin: 0 0 0 10px; }
.uploader .file-row-info .file-info-name { font-weight:bold; }
.uploader .file-row .progress-text { float:right; font-weight:bold; }
.uploader .file-row .delete-button { float:right; }
.uploader .buttons { float:left; }
.uploader .flex { float:right; }
.uploader .progress { border:1px solid #f0e6b7; background-color:#feffcc; }
.uploader .error { border:1px solid #aa1717; background-color:#ffe6de; }
.uploader .error .progress-text { padding-right:10px; }
.uploader .complete { border:1px solid #90c898; background-color:#e5ffed; }
#amount_range{
width: 160px;
}
#popup-giftcard{
position: fixed;
z-index: 10000;
width: 600px;
left: 50%;
top: 50%;
margin-left: -300px;
margin-top: -200px;
text-align: left;
}
#bg-fade{
background: #000;
position: absolute;
z-index: 9999;
width: 100%;
min-height: 800px;
float: left;
top: 0;
left: 0;
opacity: 0.8;
filter:alpha(opacity=80);
}
#giftvoucher-view-condition {
float: left;
clear:both;
}
#giftvoucher-view-condition:hover {
text-decoration: none;
}
.calendar{
z-index: 99999;
}
.calendar .button{
display: table-cell;
}
/* stee */
.ajax-file-upload-progress {
width: 95% !important;
}
.ajax-file-upload-green {
display: none !important;
}
.ajax-file-upload-abort {
display: none !important;
}
.ajax-file-upload-statusbar {
width: 88% !important;
}
/****************************Template 02 _ top*************************************/
#giftcard-template-top{
overflow:hidden;
max-height: 550px;
font-size: 14px;
width: 100%;
height: 365px;
}
#giftcard-template-top .giftcard-template-content{
margin-left:0px;
padding: 0;
position: relative;
}
#giftcard-template-top .giftcard-template-content-top, .giftcard-change-image-temp2{
height: 190px;
background-color: #FFFFFF;
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
#giftcard-template-top .giftcard-template-content-temp2{
padding-top: 0px;
background-repeat: repeat;
background-size: 100%
}
.logo-title.logo-title-top {
padding-left: 15px;
float: left;
height: 84px;
}
.logo-title.logo-title-top img{
float: left;
border-radius: 0px 0px 5px 5px;
max-height: 70px;
background-position: 15px 0px !important;
}
.name-value-top{
float: left;
width: 100%;
background: url('https://berghoffworldwide.com/skin/frontend/shopper/ewings/css/magestore/giftvoucher/bkg-title.png') no-repeat;
background-size: 103% 105%;
margin-top: 55px;
height: 50px;
position: absolute;
bottom: 0;
}
.name-value-top .giftcard-title{
float: left;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
margin-left: 15px;
line-height: 48px;
font-weight: 600;
}
#giftcard-template-top .giftcard-value{
float: right;
padding-left: 20px;
background: url('https://berghoffworldwide.com/skin/frontend/shopper/ewings/css/magestore/giftvoucher/bkg-value.png') no-repeat left center;
height: 50px;
}
.name-value-top .giftcard-value .giftcard-text-color{
float: left;
font-size: 12px;
padding-top: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}
.name-value-top .giftcard-value .giftcard-price-change {
float: right;
margin-left: 15px;
font-size: 26px;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
}
.name-value-top .value-price span {
margin-right: 5px;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
font-size: 12px;
margin-top: -3px;
}
.name-value-top .giftcard-value .giftcard-price-change .price {
margin-right: 10px;
font-size: 26px;
font-family: 'Open Sans', sans-serif;
}
.giftcard-date-top{
width: 59%;
float:left;
padding-top: 10px;
}
.giftcard-date-top .giftcard-from-to{
float: left;
font-size: 16px;
color: #636363 !important;
font-family: 'Open Sans', sans-serif;
margin-left: 15px;
}
.giftcard-date-top .giftcard-from-to .giftcard-from{
float: left;
max-height: 25px;
}
.giftcard-date-top .giftcard-from-to .giftcard-text-color,
.giftcard-date-top .giftcard-from-to .giftcard-style-color{
font-family: 'Open Sans', sans-serif;
font-size: 16px;
}
.giftcard-information {
float: left;
clear: both;
width: 342px;
margin-top: 8px;
margin-left: 15px;
}
.giftcard-date-top .giftcard-barcode {
float: right;
text-align: right;
padding-right: 15px;
}
.giftcard-date-top span.giftcard-barcode img {
max-width: 100%;
float: right;
height: 40px;
}
.giftcard-date-top .giftcard-barcode {
padding-right: 15px;
margin-top: -10px;
}
.giftcard-date-top .giftcard-from-to .giftcard-style-color{
color: orange;
font-size: 16px
}
.giftcard-date-top .giftcard-to{
margin-left:0px;
max-height: 25px;
float:left;
clear:both;
}
.giftcard-date-top .giftcard-number .giftcard-style-color{
color: orange;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
font-style: italic;
line-height: 30px;
}
.name-value-top .value-price{
float: right;
line-height: 55px;
}
.giftcard-date-top .giftcard-message{
padding: 6px;
padding-bottom: 14px;
padding-top: 3px;
height: 80px;
vertical-align: middle;
background: #fff;
border-radius: 5px;
border:1px solid #cecece;
text-align: left;
}
.barcode-note .giftcard-code{
float: right;
margin-right: 15px;
}
.barcode-note .barcode{
text-align: right;
float: right;
width: 158px;
height: 40px;
}
.barcode-note .barcode img{
height: 40px;
max-width: 100%;
float: right;
}
.giftcard-date-top .giftcard-custom-message{
margin: 0;
white-space: pre-wrap;
max-height: 85px;
overflow: hidden;
font-size: 11px;
}
.barcode-note .giftcard-note{
margin-top: 5px;
float: right;
width: 215px;
text-align: right;
overflow: hidden;
height: 90px;
position: absolute;
bottom: 10px;
}
.barcode-note .giftcard-note .giftcard-text-color{
font-size: 12px;
margin: 0px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}
#timezone_to_send{visibility: visible !important;}
#giftcard-template-top .giftcard-template-content-top.giftcard-change-image-temp2{width:100% !important; position: relative;}
#giftcard-template-top .giftcard-template-content{
width:100%;
background-size:100% auto !important;
float: left;
height: 175px;
}
#giftcard-template-top .giftcard-title-top{
width:100%;
position: relative;
}
.hidden-giftcard-content-temp2 .giftcard-barcode-value {height: 30px !important}
#giftcard-template-top .title{width:60% !important;}
#giftcard-template-top .barcode-note{
width: 230px;
float: right;
margin-top: 5px;
position: relative;
height: 170px;
}
#giftcard-template-top .giftcard-value-bottom {display: none}
/*---Detail Template 3---*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:600italic,300,700,400,600);
#giftcard-template-back .giftcard-template-content{display: none; height: 0px}
.title-value.giftcard-logo-background {
float: left;
width: 100%;
background: url('https://berghoffworldwide.com/skin/frontend/shopper/ewings/css/magestore/giftvoucher/bkg-title.png') no-repeat;
height: 50px;
background-size: 100%;
}
.giftcard-logo-background .giftcard-value-color {
float: right;
background: url('https://berghoffworldwide.com/skin/frontend/shopper/ewings/css/magestore/giftvoucher/bkg-value.png') no-repeat left center;
height: 50px;
text-align: right;
padding-right: 15px;
padding-left: 20px;
line-height: 48px;
}
.from-to-barcode-background{
float: left;
width: 100%;
margin-bottom: 5px;
}
.giftcard-change-image-background-popup .giftcard-logo {
float: left;
height: 84px;
margin-left: 15px;
}
.giftcard-change-image-background-popup .giftcard-logo img {
margin-bottom: 15px;
border-radius: 0px 0px 5px 5px;
max-height: 70px;
float: left;
}
.giftcard-logo-background .giftcard-text-color {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
padding-right: 10px;
}
.giftcard-logo-background .giftcard-style-color.giftcard-price-change {
font-size: 26px;
margin-top: 6px;
}
.giftcard-logo-background .giftcard-style-color.giftcard-price-change .price {
font-family: 'Open Sans', sans-serif;
font-weight: bold;
float: right;
line-height: 52px;
}
.giftcard-logo-background .giftcard-title {
float: left;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
margin-left: 15px;
line-height: 52px;
font-weight: 600;
}
.from-to-barcode-background .from-to {
font-size: 16px;
font-family: 'Open Sans', sans-serif;
float: left;
margin-left: 15px;
}
.from-to-barcode-background .from-to .giftcard-form{
float: left;
text-align: left;
margin-top: 10px;
}
.from-to-barcode-background .from-to .giftcard-to {
float: left;
text-align: left;
clear: both;
}
.giftcard-text {
height: 90px;
}
.from-to-barcode-background span img {
height: 40px;
max-width: 100%;
}
.from-to-barcode-background .from-to .giftcard-text-color {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
}
.from-to-barcode-background .from-to .giftcard-style-color{
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.giftcard-box-background{
overflow: hidden;
width: 95%;
margin: 0 auto;
}
.giftcard-box-background .giftcard-text-box{
background: #fff;
border-radius: 5px;
border:1px solid #cccccc;
padding: 0;
padding-bottom: 10px;
padding-top: 3px;
display:table-cell;
vertical-align: middle;
}
.giftcard-box-background .giftcard-text-color.giftcard-custom-message{
margin: 0;
white-space: pre-wrap;
max-height: 85px;
overflow: hidden;
font-size: 11px;
font-family: 'Open Sans', sans-serif;
padding: 0px 5px;
color: black !important;
}
.from-to-barcode-background .giftcard-barcode{
float: right;
margin-right: 15px;
}
.from-to-barcode-background .giftcard-barcode .giftcard-style-color{
color: orange;
font-weight: bold;
font-size:15px;
font-family: 'Open Sans', sans-serif;
}
.from-to-barcode-background .giftcard-barcode .giftcard-style-color{
font-size: 14px;
line-height: 30px;
color: orange;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
font-style: italic;
}
.giftcard-note-background{
// margin-top: 8px;
float:left;
box-sizing: content-box;
overflow: hidden;
text-align: center;
vertical-align: middle;
margin-top: 8px;
height: 30px
}
.giftcard-note-background .form-note{
width: 100%;
margin: 0 auto;
}
.giftcard-note-background .giftcard-text-color{
font-size: 12px;
line-height: 15px;
margin: 0;
font-family: 'Open Sans', sans-serif;
text-align: left;
padding: 0 15px;
font-weight: 600;
max-height: 33px;
overflow: hidden;
}
#giftcard-template-back {width: 100% ;float: left; position: relative}
#giftcard-template-back .giftcard-change-image-background-popup{
width: 100%;
top: 0%;
}
.giftcard-box-background .giftcard-text-box {
display: inherit !important;
background-size: 100% !important;
width: 100% !important;
height: 98px;
text-align: left;
}
.giftcard-box-background {
width: 93% !important;
height: 95px;
padding: 5px 3%;
margin-top: 0px !important;
box-sizing: content-box;
float: left;
}
.from-to-barcode-background .giftcard-number{
float: right;
text-align: right;
}
.from-to-barcode-background .giftcard-barcode span.barcode {
float: right;
}
/*****template 03 width devices*******/
.giftcard-change-image-background-popup img#img-type-background{
position: relative;
top: 0;
z-index: 10;
left:0;
}
#giftcard-template-back img#img-type-background{width: 100%}
#giftcard-preview-template img#img-type-background{width: 100%}
#giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image-background-popup.giftcard-change-image{
width: 100% !important;
top: 0%;
position: absolute;
}
.giftcard-product-media{
float:Left;
width:600px;
height: 365px;
transform-origin: top left;
-webkit-transform-origin: top left;
}
.product-img-box {
// overflow: hidden\0;
}
#close-popup-giftcard {
background: url('https://berghoffworldwide.com/skin/frontend/shopper/ewings/images/giftvoucher/close.png') no-repeat;
width: 35px;
height: 35px;
position: absolute;
top: -25px;
right: -25px;
}
#giftcard-preview-template-content{float:left;width: 100%;overflow: hidden;}
/****************************Template 01 _ left*************************************/
.giftvoucher-product-info{overflow: hidden}
#giftcard-template-left{
overflow:hidden;
width: 655px;
font-size: 24px;
font-weight: bold;
float:left;
background-size: 100% 100%;
}
#giftcard-preview-template .giftcard_value-color .giftcard-text-color{
padding-right: 10px;
margin-top: 15px;
}
/*#giftcard-preview-template-content {float: left;overflow: hidden;}*/
.dialog.giftcard-preview-template-dialog .dialog_e{background:none;}
.giftcard-template-content-left,.giftcard-change-image{
width: 275px;
height: 365px;
display:block;
float: left;
background-position: center;
background-repeat: no-repeat;
background-size: 275px 400px;
}
.logo1 { width: 100%; height: 50px; margin-top: -7px;}
#giftcard-template-left .giftcard-title {
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
margin-top: 10px !important;
margin-left: 10px !important;
}
.giftcard-from{
margin-right: 15px;
overflow: hidden;
display: table-cell;
float: left;
margin-bottom: 5px;
}
.giftcard-from-to .giftcard-style-color{
color: orange;
font-size:16px;
font-family: 'Open Sans', sans-serif;
}
.giftcard-to{max-height: 25px;}
.giftcard-box{overflow: hidden;margin-top: 10px;}
.giftcard-box .giftcard-text-box{
display: block;
border-radius: 5px;
border: 1px solid #cccccc;
padding: 0 6px;
height: 90px;
vertical-align: middle;
background:#fff;
margin-top: 10px;
text-align: left;
}
.giftcard_value .giftcard-text-color{
float: left;
padding-right: 10px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}
#giftcard-preview-template .giftcard-template-content .giftcard_value .giftcard-text-color{
padding-right: 10px;
margin-top: 10px;
}
.giftcard_value .giftcard-style-color{
float: left;
clear: both;
}
.giftcard_value .giftcard-style-color .price{
font-size: 22px;
font-family: 'Open Sans', sans-serif;
/* color: orange; */
font-weight: bold;
}
.giftcard-number{
width: 100%;
float: right;
text-align: right;
margin-bottom: 5px;
}
.giftcard-number .giftcard-style-color{
color: orange;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
font-style: italic;
}
.giftcard-custom-message{
margin: 0;
white-space: pre-wrap;
max-height: 85px;
overflow: hidden;
font-size: 11px;
}
.giftcard-barcode .giftcard-style-color{
font-size: 14px;
color: orange;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
font-style: italic;
}
.giftcard-text{
overflow: hidden;
vertical-align: bottom;
height: 70px;
}
.giftcard-text .giftcard-text-color{
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
text-align: left;
}
#giftcard-template-show-images .gift-active{overflow:hidden}
#giftcard-template-show-images .gift-active img{ display:inline;}
/******************Detail giftcard by Crystal****************/
#giftcard-template-left .giftcard-template-content {
background-position: 0;
background-size: 100%;
width: 350px;
display: block;
margin-left: 0;
float: right;
height: 365px;
background-repeat: repeat;
box-sizing: content-box;
}
#giftcard-template-left .giftcard-logo div{width: 100% !important; margin-top: -7px !important;background-size: 80% 50px !important;}
#giftcard-template-left .giftcard-from-to .giftcard-text-color {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
}
#giftcard-template-left{width: 100% !important}
#giftcard-template-left .giftcard-change-image {
width:250px;
background-position:inherit !important;
background-size: 100% 100% !important;
height:365px;
padding-bottom: 0;
position: relative;
}
.giftcard-change-image img{
height: 63px;
max-width: 100%;
display: inline;
}
.giftcard-change-image img#img-type-left{
position: relative;
top: 0;
z-index: 10;
left:0;
}
.giftcard-template-content-left .giftcard-logo{
position: absolute;
top: 280px;
text-align: center;
width: 100%;
}
/*#giftcard-template-left .giftcard-template-content div {width: 100% !important; float: left;}*/
#giftcard-template-left .giftcard-template-content div.giftcard-style-color{
margin: 15px 10px 0 15px;
text-align: left;
}
#giftcard-template-left .giftcard-template-content div.giftcard_value{
float: left;
}
#giftcard-template-left .giftcard-template-content div.giftcard-code{
float: right;
width: 200px;
margin-top: -5px;
}
#giftcard-template-left .giftcard-template-content .value-barcode {
width: 320px;
float: left;
margin: 15px;
margin-bottom: 10px;
}
#giftcard-template-left .giftcard-template-content div.giftcard-from-to,
#giftcard-template-left .giftcard-template-content div.giftcard-box,
#giftcard-template-left .giftcard-template-content div.giftcard-text{
width: 320px;
float: left;
margin:0 15px;
}
#giftcard-template-left .giftcard-barcode {
float: right;
width: 177px;
text-align: right;
}
#giftcard-template-left .giftcard-barcode img {float: right;max-width: 100%;height: 40px;}
#giftcard-template-left .giftcard-to{float: left;clear: both;margin-left: 0px;}
#giftcard-template-show-images {overflow: hidden;position: relative;height: 60px;}
#giftcard-template-show-images .images-for-slide{
float:left;
position: absolute;
height: 60px;
left: 0;
}
.giftcard-template-control{
z-index: 10;
position: absolute;
top: 10px;
width: 27px;
height: 31px;
background: url("https://berghoffworldwide.com/skin/frontend/shopper/ewings/css/magestore/giftvoucher/icon-nav.png") left 1px no-repeat transparent;
text-decoration: none !important;
outline: none !important;
}
#giftcard-template-prev{left:0;}
#giftcard-template-next{
right: 0;
background: url("https://berghoffworldwide.com/skin/frontend/shopper/ewings/css/magestore/giftvoucher/icon-nav.png") left -41px no-repeat transparent;
}
/***************checkout cart by Sally***************/
.gift-card .discount{display: inline-block;width: 100%;}
.gift-card .discount .form-group label{display: inline;}
.discount .giftvoucher #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;}
.giftcard_change img{display:inline;}
/*************shopping cart by Sally*************/
.discount .giftvoucher #giftvoucher{position: relative;margin-right: 0px;margin-top: -1px;margin-left: 0px;}
.giftvoucher-discount-code img{display:inline}
/************my account by Sally***********/
.gift-card .table .col-xs-12 .label{float:left; margin-bottom: 5px;}
.gift-card .table .col-xs-12 .v-middle{float:left;margin-top: 3px;margin-left: 3px;}
/***********View giftcard*************/
#giftcard_history_table .item-hidden{display:none;}
.giftvoucher-index-email .form-list li{width:100%; float: left;}
/******History balance*******/
.dialog.giftcard-preview-template-dialog .dialog_w{background: none;}
/*---End Detail Popup Template 1---*/
.gift-card .sub-title{
font-size: 17px;
text-transform: none;
font-weight: 600;
margin: 0 0 5px;
padding:0;
}
.gift-card label em{
color: red;
font-weight: normal;
font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
font-size: 12px;
}
/***********End Detail Popup Template 3*************/
/******************Send email***************/
.giftvoucher-product-info .giftcard-date-box img {display: inline;vertical-align: middle;}
.giftvoucher-product-info .giftcard-date-box input.validate-date-giftcard {float: left;margin-right: 3px;}
.giftcard-date-box button span{padding-left: 0 !important}
.add-to-box {clear: both}
.giftvoucher-receiver{float: left; clear: both; padding-bottom: 20px; width: 100%}
.giftvoucher-product-info .validation-advice{float: left; clear: both;}
.recipient_email,
.message,
.recipient_ship_form {float:left; clear:both;}
/******************End***********************/
/***************checkout cart by Sally***************/
.fieldset .giftvoucher #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;}
.giftcard_change img{display:inline;}
.fieldset .giftvoucher_credit #giftvoucher_credit{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;}
.fieldset #giftvoucher_container{float:left; padding-bottom: 12px; width: 100% !important;}
.fieldset .sp-methods{float:left; clear:both; width: 100% !important;}
.credit_input img {display:inline;}
.credit_input .input-text{width:68px !important;}
.notice-msg li{font-weight:700;}
.giftvoucher-index-index .pager{margin-top:7px;}
/*************shopping cart by Sally*************/
.discount-form label{
font-size: 12px;
color: rgba(0,0,0,.6);
}
.discount-text {
font-size: 12px;
color: rgba(0,0,0,.6);
display: block;
}
.discount-link {
color: #000000;
font-size: 15px;
}
.discount-link:hover {
color: #000000;
}
.attach-discount-cart {
border-top: 1px solid #ccc7c6;
margin-top: 20px;
padding-top: 20px;
}
.verification-code-wrapper p{
color: #000000;
font-size: 15px;
}
.cart .cart-collaterals .verification-code-wrapper .input-box{
display: flex;
align-items: center;
}
.cart .cart-collaterals .verification-code-wrapper .input-box input{
width: 50px;
margin-right: 20px;
}
.cart .cart-collaterals .verification-code-wrapper .input-box .buttons-set button.button {
padding: 10px 5px;
}
.cart .cart-collaterals .verification-code-wrapper .input-box .buttons-set button.button span {
height: 14px;
}
.cart .cart-collaterals .verification-code-wrapper .input-box .buttons-set button.button span span {
height: 14px;
line-height: 14px;
}
.cart-block.cart-coupon .applied-discount{
margin-bottom: 15px;
font-size: 15px;
display: flex;
align-items: center;
}
.cart-block.cart-coupon .applied-discount .delete-discount{
display: block;
background-color: #fff;
width: 22px;
height: 22px;
border-radius: 50%;
cursor: pointer;
margin-left: 10px;
}
.cart-block.cart-coupon .applied-discount .delete-discount svg{
width: 22px;
height: 22px;
fill: #b2a89f;
}
.cart-block.cart-coupon .applied-discount .delete-discount:hover svg{
fill: #393431;
}
.discount-form.giftvoucher #giftvoucher{position: relative;margin-right: 5px;margin-top: 5px;margin-left: 0px;}
.discount-form .giftvoucher_credit #giftvoucher_credit{position: relative;margin-right: 5px;margin-left: 0px; float:left}
.giftvoucher-discount-code img{display:inline;}
dd#giftcard_shoppingcart_apply, dd.giftvoucher li, dt.giftvoucher, dt.giftvoucher_credit, dd.giftvoucher-credit,li.giftvoucher-discount-code strong{margin:5px 0;}
#payment_form_giftvoucher_credit #gift_credit_message{float: left; width: 100%;}
li.giftvoucher-discount-code strong{float:none;}
.giftcard-code-hidden{display:none;}
/* ----- Simple template ------ */
#giftcard-template-simple{
width:600px;
float:left;
background:#fff;
border-radius: 3px;
border: 1px solid #ddd;
}
#giftcard-template-simple .simple-top{
padding: 6px 6px 10px;
float:left;
width: 100%;
}
.giftcard-template-content-simple{
float: left;
width: 100%;
height: 310px;
}
#giftcard-template-simple .simple-content-top{margin:0;}
.simple-content-top .simple-logo{
min-height: 85px;
display:flex;
}
#giftcard-template-simple img{margin:auto;}
.simple-bottom{
float: left;
width: 100%;
padding: 6px;
border-top: 1px solid #ddd;
min-height: 90px;
}
.two-border{
border-left:1px solid #ddd;
border-right: 1px solid #dddddd;
}
.no-right{border-left:1px solid #ddd;}
.giftcard-number .giftcard-style-color{
font-size: 16px;
}
.value-price .giftcard-text-color{
font-size: 36px;
line-height: 1;
}
.simple-barcode img{
height: 35px;
margin:auto;
}
.simple-content-top .simple-logo img{max-height: 100px;max-width:100%;}
#giftcard-template-simple .form-group.giftcard-value,
#giftcard-template-simple .form-group.giftcard-number{margin:5px 0;}
.simple-bottom .giftcard-custom-message{
width: 100%;
float: left;
margin: 0;
padding: 10px;
font-size: 14px;
color: #444;
line-height: 18px;
}
#giftcard-template-simple .giftcard-template-content-simple{
background-size: 100% auto;
}
#giftcard-template-simple .logo-title{
padding: 0;
float: none;
height: auto;
}
#giftcard-template-simple img{
display: inline;
max-height: 90px;
max-width: 180px;
}
#giftcard-template-simple .simple-barcode{
min-height: 85px;
display:flex;
}
#giftcard-template-simple .simple-content-top .col-xs-4,#giftcard-template-simple .simple-content-top .col-xs-6{
height:90px;
}
#giftcard-template-simple .giftcard-number .giftcard-style-color{ font-style: normal;}
#giftcard-template-simple .giftcard-change-image{background-size:100%;}
/* ------ END -------- */
/* ----- Simple template ------ */
#giftcard-template-amazon {
float:left;
background:#fff;
border-radius: 3px;
border: 1px solid #ddd;
}
#giftcard-template-amazon .simple-top{
padding: 6px 6px 10px;
float:left;
width: 100%;
}
.giftcard-template-content-simple{
float: left;
width: 100%;
height: 310px;
}
#giftcard-template-amazon{
font-family: Arial,sans-serif;
}
#giftcard-template-amazon .simple-content-top{margin:0;}
.simple-content-top .simple-logo{
min-height: 85px;
display:flex;
}
#giftcard-template-amazon img{margin:auto;}
.simple-bottom{
float: left;
width: 100%;
padding: 6px;
border-top: 1px solid #ddd;
min-height: 90px;
}
#giftcard-template-amazon .form-group.giftcard-value,
#giftcard-template-amazon .form-group.giftcard-number{margin:5px 0;}
.simple-bottom .giftcard-custom-message{
width: 100%;
float: left;
margin: 0;
padding: 10px;
font-size: 14px;
color: #444;
line-height: 18px;
}
#giftcard-template-amazon .giftcard-template-content-simple{
background-size: 100% auto;
}
#giftcard-template-amazon .logo-title{
padding: 0;
float: none;
height: auto;
}
#giftcard-template-amazon .table-middle,
#giftcard-template-amazon .table-top td,
#giftcard-template-amazon .table-middle tbody tr > td table #mainImageContainer{
width:590px;
}
#giftcard-template-amazon img{
display: inline;
}
#giftcard-template-amazon .simple-barcode{
min-height: 85px;
display:flex;
}
#giftcard-template-amazon .simple-content-top .col-xs-4,#giftcard-template-amazon .simple-content-top .col-xs-6{
height:90px;
}
#giftcard-template-amazon .giftcard-number .giftcard-style-color{ font-style: normal;}
#giftcard-template-amazon .giftcard-change-image{background-size:100%;}
.popup-giftcard-amazon .a-popover-wrapper .a-popover-inner{
background-color: #fff;
}
.popup-giftcard-amazon {
width: 740px;
}
.popup-giftcard-amazon .a-popover-header {
position: relative;
text-align: left;
background: #f2f2f2;
background: #f0f0f0;
background: -webkit-linear-gradient(top,#f7f7f7,#eaeaea);
background: linear-gradient(to bottom,#f7f7f7,#eaeaea);
border-radius: 4px 4px 0 0;
border-bottom: 1px solid #cdcdcd;
border-bottom-color: rgba(0,0,0,.2);
box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,0 -1px 0 rgba(255,255,255,.4) inset;
padding: 0 14px;
margin: 0;
z-index: 10;
}
.popup-giftcard-amazon .a-button-close {
display: block;
zoom: 1;
background-color: transparent;
border-radius: 3px;
border: none;
float: right;
padding: 8px;
position: absolute;
top: 50%;
right: 5px;
margin: -13px 0 0;
line-height: 8px;
font-weight: bold;
}
.popup-giftcard-amazon .a-popover-header .a-popover-header-content {
min-height: 35px;
line-height: 16px;
padding: 10px 0 9px;
font-size: 13px;
font-weight: 700;
margin-right: 20px;
margin: 0;
text-transform: none;
color: #000;
font-family: Arial,sans-serif;
}
.popup-giftcard-amazon .a-popover-inner {
overflow-y: hidden!important;
}
.popup-giftcard-amazon .a-popover-inner {
padding: 14px 18px;
text-align: left;
overflow-x: hidden;
}
.popup-giftcard-amazon #gc-preview-modal-wrapper {
margin: -14px -18px;
}
.popup-giftcard-amazon #gc-preview-wrapper {
overflow-wrap: break-word;
word-break: break-all;
width: 704px;
}
.popup-giftcard-amazon #gc-preview-header-recipient-email-box-wrapper {
border-bottom: 1px solid #ddd;
}
.popup-giftcard-amazon .a-size-base {
font-size: 13px!important;
line-height: 19px!important;
}
.popup-giftcard-amazon .a-color-base {
color: #111!important;
}
.popup-giftcard-amazon .a-row {
width: 100%;
}
.popup-giftcard-amazon .a-grid-vertical-align.a-row {
display: table !important;
table-layout: fixed;
zoom: 1;
border-collapse: collapse;
}
.popup-giftcard-amazon .a-grid-vertical-align.a-row>div.a-column {
float: none!important;
display: table-cell!important;
zoom: 1;
padding-right: 14px;
}
.popup-giftcard-amazon .a-grid-vertical-align.a-row>div.a-span1 {
width: 8.68%;
}
.popup-giftcard-amazon .a-grid-vertical-align.a-row>div.a-span10 {
width: 87.43%;
}
.popup-giftcard-amazon .a-section {
margin-bottom: 22px;
}
#gc-preview-modal-wrapper,
#gc-preview-template-wrapper,
#gc-preview-wrapper{
margin: 0;
}
.popup-giftcard-amazon .a-spacing-top-extra-large {
margin-top: 26px!important;
}
.popup-giftcard-amazon .a-text-bold {
font-weight: 700!important;
}
.popup-giftcard-amazon .gc-hide {
display: none;
}
.popup-giftcard-amazon .gc-text-hidden {
display: none;
}
.popup-giftcard-amazon #gc-preview-template-wrapper {
background-color: #f3f3f3;
}
.popup-giftcard-amazon #gc-preview-template-wrapper #gc-preview-main-sections{
background-color: #fff;
}
.popup-giftcard-amazon #gc-preview-wrapper td {
vertical-align: middle;
}
.popup-giftcard-amazon #gc-preview-wrapper td img{
display: inline;
max-width: 100%;
}
.popup-giftcard-amazon{
width: auto !important;
position: absolute !important;
margin-top: 0;
font-family: Arial,sans-serif;
text-rendering: optimizeLegibility;
}
.popup-giftcard-amazon #close-popup-giftcard{
background: transparent;
top:0;
right:0;
z-index: 10000;
}
.popup-giftcard-amazon #close-popup-giftcard:hover{
text-decoration: none;
}
#giftcard-template-amazon .giftcard-style-color{
display: block;
}
.popup-giftcard-amazon .giftcard-style-color{
font-size: 15px;
font-family: Arial,Helvetica,sans-serif;
color: #868686;
font-weight: 600;
display: block;
}
@media (max-width:1199px){
/**********add giftcard************/
#gift-voucher-code{width:65% !important;}
}
/**********add giftcard by Sally************/
#gift-voucher-code{width:90% !important;}
#giftcard-template-left .giftcard-template-content .hidden-giftcard {
height: 65px !important;
}
#giftcard-template-left .hidden-content {height: auto}
@media (max-width:990px){
/************my account***********/
/*view giftcard*/
/**********check giftcard************/
}
@media (max-width:880px){
/************my account***********/
/**********add giftcard************/
#gift-voucher-code{width:100% !important;}
}
@media only screen and (max-width: 770px){
/************my account by Sally***********/
/**********add giftcard by Sally************/
.col-main .giftvoucher-fieldset .input-box input[type=text]{width:365px !important;}
}
@media (max-width:640px){
/************my account by Sally***********/
}
@media (max-width:533px){
/**********add giftcard by Sally************/
.buttons-set button{margin-bottom:3px;}
#addredeem-giftvoucher-code .buttons-set button.button{float:right !important; width:40%;}
}
@media (max-width:440px){
/**********check giftcard by Sally************/
.page-title h1{font-size:18px !important;}
/* My account */
.balance .button{float:none !important; width:185px !important;}
.giftvoucher-search-button{text-align:left !important;}
.button{padding:5px !important;}
/*my account*/
#giftvoucher_grid-gift_code{width:65px !important; margin-left:70px;}
}
@media (max-width:420px){
/***************checkout cart by Sally***************/
.giftcard{display:block;}
}
/* fix css*/
.giftvoucher-product-info #message {
clear: both;
max-width: none;
}
.jcarousel-skin-tango .jcarousel-container {
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
margin:0;
width:1200px;
padding:0px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width:1200px;
}
.home-main .jcarousel-skin-tango .jcarousel-container-horizontal {
width:900px;
}
.home-main .jcarousel-skin-tango .jcarousel-clip-horizontal {
width:900px;
}
.jcarousel-skin-tango .jcarousel-clip {
overflow:hidden;
}
.jcarousel-skin-tango .jcarousel-item {
width:252px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin:0;
position:relative;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left:0;
margin-right: 0;
}
/**
* Horizontal Buttons
*/
.jcarousel-next-horizontal, .jcarousel-prev-horizontal {display:block; position:absolute; width:35px; height:35px; background:#fefefe url("https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_about.png") 0 0 no-repeat; -webkit-border-radius:100% !important; -moz-border-radius:100% !important; border-radius:100% !important; }
.jcarousel-prev-horizontal {margin:-60px 0 0; right:55px; background-position:100% 0;}
.jcarousel-next-horizontal {margin:-60px 0 0; right:15px;}
.jcarousel-next-horizontal:hover {background-color:#97d2c9; background-position:0 100%;}
.jcarousel-prev-horizontal:hover {background-color:#97d2c9; background-position:100% 100%;}
/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html, body {}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #666; color: #fff; text-shadow: none; }
::selection { background: #666; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #00e; }
a:hover { color: #06e; }
a:focus { outline: none; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin:0; padding:0px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left:-7px; padding: 0; white-space: normal; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/
button, input { line-height: normal; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
/*
* Re-set default cursor for disabled elements
*/
button[disabled], input[disabled] { cursor: default; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* =============================================================================
Chrome Frame Prompt
========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
/* ==|== primary styles ===================================================== */
body { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1b1a19; background:#fafafa; border-top:5px solid #322c29; }
a { color:#828282; text-decoration:none; outline: none; }
a:hover { color:#828282; text-decoration:underline; }
button.button span {background:#97d2c9 url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/btn_overlay.png') 0 0 repeat-x; padding:0px; height:42px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
button.button span span {line-height:42px; padding:0 16px; font-size:14px; font-weight:300; color:#fff; text-align:center; white-space:nowrap; text-transform:lowercase;}
button.button:hover span {background-color:#393431;}
button.button:hover span span { }
button.invert span, button.btn-continue span, .cart-shipping button span, .cart-coupon button span {background-color:#393431;}
button.invert:hover span, button.btn-continue:hover span, .cart-shipping button:hover span, .cart-coupon button:hover span {background-color:#97d2c9;}
button.btn-proceed-checkout span span {padding-right:60px; background:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_button.png') 100% 50% no-repeat; }
button.btn-proceed-checkout:hover span span { background-position:98% 50%; }
.button.btn-proceed-checkout span span {padding-right:60px; background:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_button.png') 100% 50% no-repeat; }
.button.btn-proceed-checkout:hover span span { background-position:98% 50%; }
button.button_white { height:42px;
-webkit-box-shadow:1px 1px 5px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:1px 1px 5px 0px rgba(0, 0, 0, 0.15);
box-shadow:1px 1px 5px 0px rgba(0, 0, 0, 0.15);
}
button.button_white span,
button.button_white:hover span{
background: #ffffff !important; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 1%, #f2f2f2 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f2f2f2)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 1%,#f2f2f2 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 1%,#f2f2f2 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 1%,#f2f2f2 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, #ffffff 1%,#f2f2f2 100%) !important; /* W3C */
}
button.button_white span span { padding:0 37px; color:#000; color:rgba(0,0,0,0.75); }
button.button_white:hover {padding:1px 0 0 1px;-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
button.button_white:hover span span { }
.btn-remove, .btn-edit {display:block; width:15px; height:15px; background-color:#97d2c9; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.btn-remove:hover, .btn-edit:hover {background-color:#393431}
.btn-edit { background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/btn_edit.png);}
.btn-remove { background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/btn_remove.png);}
h1, h2, h3 { color:#000; color:rgba(0,0,0,0.75); letter-spacing:-0.1em; font-weight:400; }
.page-404 {}
.std dl dt{ color:#4c4c4c;}
.std h1, .std h2, .std h3, .std h4 {font-size:24px; font-family:"Myriad Pro",serif; font-weight:400; text-transform:uppercase;}
.std h2 {font-size:24px;}
.std h3, .std h3 {font-size:18px;}
.std ul.disc {list-style: none; margin:10px 0;}
.std ul.disc li {line-height: 22px; padding:0 10px 0 20px; background: url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_item.gif') 10px 8px no-repeat; }
.std ul.buttons li { background:none; float:left; padding:0; margin:0 3px 0;}
.std ul.buttons li button.button span {text-transform: capitalize; font-size:12px;}
.std img{ max-width:100%; height:auto;width:auto\9; /* ie8 */ }
.page-title { border:none; padding:0 0 58px;margin:0 15px; }
.col2-left-layout .page-title { margin-left:-285px; }
.col2-right-layout .page-title { margin-right:-285px; }
.col3-layout .page-title { margin:0 -285px; }
.page-popup .page-title { padding:0 0 18px; }
.page-title h1, .page-title h2 {text-transform: uppercase; font-size:36px; font-family:"Myriad Pro",serif; font-weight:400; line-height:30px; letter-spacing:-1.5px }
.page-head-alt {margin:0 0 20px; padding:0 0 15px; border-bottom:1px solid #e6e6e6;}
.page-head-alt h3 {text-transform: uppercase; font-size: 24px; color:#4c4c4c;}
.page-title-bg {position:absolute; width:100%; background:#f5f5f3;}
.page-head h3, .product-category-title {margin:-30px 0 30px; line-height:36px; font-size:36px; padding:20px 0; color:#322c29; border-top:1px solid; border-top-color:#e3e3e3; border-top-color:rgba(227,227,227,0.61); }
.col2-left-layout .page-head { margin-left:-300px; }
.col2-right-layout .page-head { margin-right:-300px; }
.col3-layout .page-head { margin:0 -300px; }
.buttons-set {padding:0; margin:0 15px; text-align:right;}
.buttons-set button.button {float:left;}
.buttons-set .back-link { float:right; }
.fieldset {border:none; background:transparent; padding:15px;}
.fieldset .legend {margin:-40px 0 0 -10px; padding:8px; background:transparent; border:none;}
.form-list label { float:left; color:#000; color:rgba(0,0,0,0.75); font-weight:300; position:relative; z-index:0; margin-top:0px; padding:0 0 3px 2px; }
.input-box{ border:0; padding:0; }
input.input-text, textarea, input.qty {padding:4px; border:1px solid #e0e0e0; height:19px; -webkit-box-shadow:inset 0px 0px 5px 0px #eaeaea; -moz-box-shadow:inset 0px 0px 5px 0px #eaeaea; box-shadow:inset 0px 0px 5px 0px #eaeaea; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
select {padding:1px; height:29px; line-height:29px; border:1px solid #e0e0e0; -webkit-box-shadow:inset 0px 0px 5px 0px #eaeaea; -moz-box-shadow:inset 0px 0px 5px 0px #eaeaea; box-shadow:inset 0px 0px 5px 0px #eaeaea;}
select.multiselect {height:auto;}
.form-list select {width:259px;}
.buttons-set p.required { margin: 0 0 5px;}
p.required { font-size: 12px; text-align: left; }
.form-list li.wide textarea { width: 670px;}
.dotted-border {border:2px dotted #aaa; padding:10px;}
/* Layout ================================================================================ */
.wrapper {}
.top-border{border-top:3px solid #9a1212;}
.page { width:100%; margin:0 auto; padding: 0; }
.main-container {background:#fafafa; }
.main { margin:0 auto; position: relative; z-index:1; }
/* Base Columns */
.col-left { float:left; width:300px; border:none; padding:120px 0 0; margin:0; }
.col-main, .col-main-left, .col-main-right { float:left; width:870px; border:none; padding:30px 15px 0; margin:0; min-height:400px; }
.col-right { float:right; width:300px; border:none; padding:120px 0 0; margin:0; }
/* 1 Column Layout */
.col1-layout .col-main {float:none; width:auto; margin:0;}
/* 2 Columns Layout */
.col2-left-layout .col-main {}
.col2-right-layout .col-main {}
.col3-layout .col-main {width:570px; margin:0; float:left;}
.col3-layout .col-wrapper { width:auto; }
/*** CUSTOM STYLES ****/
body.non-responsive {min-width:1200px;}
/*.cms-index-index .col-main {float:none; width:auto; margin:0; padding:0 }*/
.contacts-index-index .buttons-set {margin-top:-35px;}
.contacts-index-index .buttons-set p.required {float:left; margin:0 0 25px;}
.contacts-index-index .buttons-set button.button {margin: -12px 0 0; clear:left; }
.contacts-index-index .form-list .input-box, .contacts-index-index .form-list li.wide .input-box {width:100%}
.contacts-index-index .form-list input.input-text {width:50%}
.contacts-index-index .form-list li.wide textarea {width:90%}
.customer-account-login .footer-container{ margin-top: 0;}
.customer-account-login .main-container {-webkit-box-shadow:inset 0px 4px 10px -5px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0px 4px 10px -5px rgba(0, 0, 0, 0.15); box-shadow:inset 0px 4px 10px -5px rgba(0, 0, 0, 0.15);}
.customer-account-login .account-login {padding:30px 0 90px;}
.customer-account-login h2 {margin:0 0 10px;}
.customer-account-create .account-create {padding:30px 0;}
.customer-account-create .account-create h2.legend { margin:25px 0 0; }
.customer-account-create .account-create h2.first { margin:0; }
.customer-account-create .account-create .form-list .field { float:none; width:auto; }
.customer-account-create .account-create .buttons-set { margin:0; text-align:center; }
.customer-account-create .account-create .buttons-set button.button { float:none }
.customer-account-create .account-create p.required { text-align:center; }
.customer-account-create .footer-container, .customer-account-forgotpassword .footer-container{
margin-top: 0;
}
.customer-account-forgotpassword .account-login {padding:30px 0;}
.customer-account-forgotpassword .main-container {-webkit-box-shadow:inset 0px 4px 10px -5px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0px 4px 10px -5px rgba(0, 0, 0, 0.15); box-shadow:inset 0px 4px 10px -5px rgba(0, 0, 0, 0.15);}
.main .cart {}
.main .cart-empty {margin:15px;}
.catalog-category-view .col-left, .catalog-category-view .col-right {padding:30px 0 0;}
.catalogsearch-result-index .breadcrumbs, .catalogsearch-advanced-index .breadcrumbs, .catalogsearch-advanced-result .breadcrumbs {display:none;}
.catalog-category-view .col1-layout .products-grid {margin:0 0 0 -15px;}
.checkout-onepage-index .col-right {padding:202px 0 0; }
.checkout-onepage-success .buttons-set {margin:15px 0;}
.checkout-cart-index { overflow-x: hidden;}
.checkout-cart-index .page-title h1{line-height:42px;}
.cart .page-title .checkout-types {margin-top:0px;}
.cart .title-buttons .checkout-types li {margin:0}
.sendfriend-product-send .form-list li.wide textarea { width:100%;}
.sendfriend-product-send .buttons-set {text-align:left; }
.sendfriend-product-send .buttons-set button.button {float:none;}
.sendfriend-product-send .buttons-set button.button span span {width:120px}
/* ======================================================================================= */
/* Header ================================================================================ */
.header-container { background:#fff; color:#656565; position:relative; }
.top-switch-bg{ background:#f9f9f9; min-height:29px; position:relative; z-index:10030; }
.header-switch {line-height:29px; background-repeat:no-repeat; background-position:0% 50%; margin-right:2px; float:left;}
.top-switch-bg .over {
-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.top-switch-bg .over span { background:#fff;}
.header-switch span {color:rgba(108,108,108,0.59); display:block; padding:0 10px; position:relative; z-index:2; }
.header-switch span.current { display:inline; color:rgba(29,28,27,0.59); padding:0 12px 0 5px; background:url("../img/arrow_switch.png") 100% 50% no-repeat; }
.header-switch.top-menu-switch { margin-left: 20px; position: relative; display: none;}
.header-switch.top-menu-switch.show { display: block;}
.header-switch.top-menu-switch > span {background-color: #fff; display: block;}
.header-switch.top-menu-switch span.current{ background-position: 95% 50%; padding-right: 20px; z-index: 2;}
.top-menu-switch .header-dropdown {right: 0; z-index: 1;}
.top-menu-switch .header-dropdown ul li{ text-align: center;}
.top-menu-switch .header-dropdown ul li a{ color: #000000;}
.top-menu-visible { display: flex;}
.header-dropdown {background:#fff; padding:14px; display:none; position:absolute; margin:0;
-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.header-dropdown ul{}
.header-dropdown ul li{}
.header-dropdown ul li a{ display:block; line-height:28px; min-width:110px; margin:0; padding:0 9px; color:#8c8c8c; }
.header-dropdown ul li a:hover { background:#f5f4f4; text-decoration:none; }
.header-dropdown ul li a.selected {color:#322c29}
.language-switch {margin-left:-10px;}
.language-switch .header-dropdown ul li a{ background-repeat:no-repeat; background-position:10px 50%; padding:0 9px 0 35px; }
.language-select, .currency-select {display:none; }
.links { float:right; margin: 0; padding: 0; }
.links li{ margin: 0; padding: 0; line-height:29px; }
.links li a {color:#1d1c1b;}
.links li a:hover {color:#777; text-decoration: none;}
.links li.separator{ padding:0 12px; background:url("https://berghoffworldwide.com/skin/frontend/shopper/default/images/links_separator.png") 50% 50% no-repeat; }
header { position:relative; z-index:10020;
-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.logo { float:none; display: inline-block; }
header a.logo { text-decoration:none !important; margin:34px 0; }
header a.logo img{ max-width:100%; height:auto;width:auto\9; /* ie8 */ }
header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
header h1.logo {padding:0;}
header.fixed {position:fixed; top:0; width:100%; background:#fff;}
header.fixed a.logo { margin:14px 0; }
header.fixed #queldoreiNav, header.fixed #nav {margin:11px 0 14px 46px;}
.cart-top-container {float:right; position:relative; margin:0px 50px 0 4px;}
.cart-top {}
.cart-top > a {
display:block; background:#97d2c9 url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_cart.png') 50% 50% no-repeat; width:38px; height:38px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;
}
.cart-top > a:hover {background-color:#322c29; text-decoration:none; }
.cart-top > a span {padding:0 0 0 48px; color:#373230; font-size:14px; font-family:"Myriad Pro",sans-serif; font-weight:700; line-height:38px; text-transform:uppercase; white-space:nowrap;}
.cart-top-container .details {
display: none;
/*display: none !important;*/
background: #fff;
width: 254px;
padding:16px;
line-height:150%;
color:#7b7b7b;
position:absolute;
z-index:10020;
right:-40px;
top:48px;
-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.cart-top-container .details-border{background:#97d2c9; height:4px; width:254px; padding:0 16px; margin:-16px 0 16px -16px; border-top-left-radius:2px; border-top-right-radius:2px; -moz-border-top-left-radius:2px; -moz-border-top-right-radius:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; }
.cart-top-container .details-border:before{content:""; position:absolute; border-color: transparent transparent #97d2c9 transparent; border-style: solid; border-width:5px; height:0; width:0; top:-9px; right:52px;}
.cart-top-container .details .text-recently{font-size:11px;}
.cart-top-container .details a{color:#7b7b7b; }
.cart-top-container .details a:hover{text-decoration:none; color:#000; }
.cart-top-container .details p{margin:14px 0 5px 0}
.cart-top-container .details p.product-name {margin:0}
.cart-top-container .details a.product-image{}
.cart-top-container .details .item-options{font-size:10px; line-height:10px; }
.cart-top-container .details ol{ margin:0; padding:0; }
.cart-top-container .details ol li.item{ padding:0 0 10px; margin:0 0 10px; border-bottom:1px solid #f1f1f1;}
.cart-top-container .details ol li.item:last-child{ margin:0; border:none;}
.cart-top-container .details ol li.item strong{font-weight:300;}
.mini-products-list .product-image { border: none; padding: 0px; }
.mini-products-list .product-details { margin-left: 60px; }
.cart-top-container .details .btn-edit { float:right; margin-left: 18px; }
.cart-top-container .details .btn-remove { float:right; margin-left: 2px; }
.cart-top-container .details .buttons { margin-top:15px; }
.cart-top-container .details .button span span { font-size:14px; padding:0 15px; }
.cart-top-container .details .button { float:right; }
.cart-top-container .details .btn-continue { float:left; }
.cart-top-container .details .btn-continue span{ height: 42px; padding: 0;}
.cart-top-container .cart-promotion {background: #eee; padding: 10px; color: #392420;}
.cart-top-container .details .subtotal-wrapper{ width:286px; margin:0 0 1px -16px; padding:0; overflow:hidden;}
.cart-top-container .details .subtotal{ background:#fefefe; width:254px; margin:0 0 0 -10px; padding:0 26px; line-height:41px; font-size:13px; font-weight:700; text-align:right; text-transform:uppercase; -moz-box-shadow:inset 0 0 10px rgba(57,36,32,0.18); -webkit-box-shadow:inset 0 0 10px rgba(57,36,32,0.18); box-shadow:inset 0 0 10px rgba(57,36,32,0.18); }
.mini-products-list .product-details .price .old-price{
color: #b2b2b2;
text-decoration: line-through;
margin-left: 10px;
}
.top-dropdowns {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
position: absolute;
right: 0;
top: 50%;
margin-top: -20px;
}
.cart-top-title{font-family:'Myriad Pro', sans-serif; font-size:14px; line-height:38px; text-align:left; margin:0 0 10px 5px; display:none; }
.cart-top-title a{display:block; vertical-align:top;}
.cart-top-title a:hover{text-decoration:none; color:#000; }
.cart-top-title a span.icon {display:block; float:left; background:#97d2c9 url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_cart.png') 50% 50% no-repeat; width:38px; height:38px; margin:0 10px 0 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.cart-top-title a:hover span.icon {background-color:#322c29; text-decoration:none; }
/********** < Search form */
.search-top-container {
-webkit-order: -1;
-moz-order: -1;
-ms-order: -1;
-o-order: -1;
order: -1;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
float:right;
position:relative;
margin:0px 0 0 4px;
}
.search-top {display:block; overflow:hidden; background:#97d2c9 url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_search.png') 50% 50% no-repeat; width:38px; height:38px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; cursor:pointer; }
.search-top:hover {background-color:#322c29; }
.search-form{display:none; background:#fff; width:240px; padding:8px; position:absolute; z-index:99999; right:-60px; top:47px;
-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.search-form-border{background:#97d2c9; height:4px; width:240px; padding:0 8px; margin:-8px 0 8px -8px; border-top-left-radius:2px; border-top-right-radius:2px; -moz-border-top-left-radius:2px; -moz-border-top-right-radius:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; }
.search-form-border:before{content:""; position:absolute; border-color: transparent transparent #97d2c9 transparent; border-style: solid; border-width:5px; height:0; width:0; top:-9px; right:72px;}
.search-top-container .search-form .search-top-title{font-family:'Myriad Pro', sans-serif; font-size:16px; line-height:38px; text-align:left; vertical-align:top; margin:0 0 0 42px; display:none; }
.search-top-container .search-form .search-top-title span.icon {display:inline-block; background:#97d2c9 url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_search.png') 50% 50% no-repeat; width:38px; height:38px; margin:0 10px 0 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.search-top-container .search-form .search-top-title:hover span.icon {background-color:#322c29; text-decoration:none; }
#search_mini_form {}
#search_mini_form .form-search {}
#search { width:224px; height:19px; padding:4px 7px; border:1px solid #e3e3e3; line-height:19px; color:#7b7b7b; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; box-sizing: content-box;}
#search::-webkit-input-placeholder {color: #000000;}
#search::-moz-placeholder {color: #000000;}
#search:-moz-placeholder {color: #000000;}
#search:-ms-input-placeholder {color: #000000;}
#search:focus::-webkit-input-placeholder {color: transparent}
#search:focus::-moz-placeholder {color: transparent}
#search:focus:-moz-placeholder {color: transparent}
#search:focus:-ms-input-placeholder {color: transparent}
#search_mini_form .form-search button {display:none;}
.search-autocomplete { background:#fff; margin:0; position:relative !important; top:0 !important; left:0 !important; }
.search-autocomplete ul{margin:0; padding:0;}
.search-autocomplete ul li{line-height:21px; padding:0 10px; color:#000; color:rgba(0,0,0,0.67);}
.search-autocomplete ul li span.amount{float:right; font-weight: 800;}
.search-autocomplete ul li.odd{}
.search-autocomplete ul li.even{background:#e7e7e7;}
.search-autocomplete ul li.last{}
.search-autocomplete ul li:hover{background:#ddd;}
.search-field {}
.search-field #search {width: 164px; padding:4px 27px 4px 7px; }
.search-field #search_mini_form .form-search { margin: 5px 12px 0 0; }
.search-field #search_mini_form .form-search button {display:block; position:absolute; width:23px; height:29px; margin:-29px 0 0 176px; background:transparent url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/search_icon.png') 0 0 no-repeat; border:0; }
.search-field #search_mini_form .form-search button:hover { background-position:0 100%;}
/********** < Search form */
/* top compare block*/
.compare-top-container {float:right; position:relative; margin:0px 0 0 4px;}
.compare-top {display:block; overflow:hidden; background:#97d2c9 url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_compare.png') 50% 50% no-repeat; width:38px; height:38px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; cursor:pointer; }
.compare-top:hover {background-color:#322c29; }
.compare-top-container .details { display:none; background:#fff; width:254px; padding:16px; line-height:150%; color:#7b7b7b; position:absolute; z-index:10020; right:-40px; top:48px;
-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.compare-top-container .details-border{background:#97d2c9; height:4px; width:254px; padding:0 16px; margin:-16px 0 16px -16px; border-top-left-radius:2px; border-top-right-radius:2px; -moz-border-top-left-radius:2px; -moz-border-top-right-radius:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; }
.compare-top-container .details-border:before{content:""; position:absolute; border-color: transparent transparent #97d2c9 transparent; border-style: solid; border-width:5px; height:0; width:0; top:-9px; right:52px;}
.compare-top-container .details a:hover{text-decoration:none; color:#000; }
.compare-top-container .details li.item {margin:0 0 9px 25px; padding:0; line-height:16px; background:none;}
.compare-top-container .details .btn-remove {float:left; margin:1px 0 0 -25px; }
.compare-top-container .details .actions {margin:10px 0 0 0; padding:10px 0 0; border-top:1px solid #e8e8e8; text-align:center }
.compare-top-container .details .actions .f-right {float:none !important; line-height:25px; }
.compare-top-container .details .actions a {float:none;}
.compare-top-container .details .actions a:before {content:''; position:absolute; width:15px; height:15px; margin:5px 0 0 -20px; background-color:#393431; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-image:url("../img/btn_remove.png");}
.compare-top-title{font-family:'Myriad Pro', sans-serif; font-size:14px; line-height:38px; text-align:left; margin:0 0 10px 5px; display:none; }
.compare-top-title a{display:block; vertical-align:top;}
.compare-top-title a:hover{text-decoration:none; color:#000; }
.compare-top-title a span.icon {display:block; float:left; background:#97d2c9 url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_compare.png') 50% 50% no-repeat; width:38px; height:38px; margin:0 10px 0 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.compare-top-title a:hover span.icon {background-color:#322c29; text-decoration:none; }
/* FOOTER ================================================================================ */
.footer-container {background:none #322c29; color:#666666; margin:0; padding:0; position:relative;}
.footer-banners {background:#f7f7f6; padding:25px 0;}
.footer-banners img{max-width: 100%; height: auto; width:auto\9; /* ie8 */}
.footer-banners a:hover img{opacity:0.6;}
.footer-info {background:#f4f4f2; border-top:1px solid #ececea; padding:60px 0;}
.footer-info a {color:#97d2c9}
.footer-info a.footer-link-awards { display: block; text-align: right;}
.footer-info a:hover {color:#000; text-decoration: none;}
.footer-info h4{font-size:24px; font-family:'Myriad Pro', serif; font-weight:400; text-transform:uppercase; letter-spacing:-0.1em; color:rgb(0,0,0); color:rgba(0,0,0,0.75); margin:0 0 24px; }
.footer-info .information h4{margin-bottom:18px; }
.footer-info hr{border-top:1px solid rgb(0,0,0); border-top-color:#e6e6e4; border-top-color:rgba(0,0,0,0.06); height:1px; margin:17px 0;}
.footer-info p{line-height:150%; margin:0 0 0 3px;}
.footer-info ul{margin:0; padding:0; }
.footer-info ul li{margin:0; padding:0; line-height:30px; }
.footer-info ul li p{overflow:hidden; line-height:30px; }
.footer-info .information ul li, .footer-info ul.disc li{margin:0; padding:0 0 15px 24px; line-height:130%; position:relative; }
.footer-info .information ul li:before, .footer-info ul.disc li:before { content:'\00b7';font-size:70px;position: absolute;top:2px;left:0px;font-family: "Times New Roman", sans-serif; font-style:normal;color:#97d2c9; }
.footer-info ul.twitterList{margin:-3px 0 0;}
.footer-info ul.twitterList li{margin:0; padding:0; line-height:20px; color:#505050;}
.footer-info ul.twitterList li.follow{padding:0 0 0 53px;}
.footer-info ul.twitterList li span.tweet-icon{display:block; float:left; width:36px; height:36px; margin:0px 16px 0 1px; background:#97d2c9 url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_twitter.png') 50% 50% no-repeat; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.footer-info ul.twitterList li:hover span.tweet-icon{background-color:#322c29;}
.footer-info ul.twitterList li span.time-ago{display:block; color:rgba(146,146,146,0.85)}
.footer-info ul.twitterList li p{overflow:hidden; line-height:20px; margin:0 0 20px; padding:3px 0 23px; border-bottom:1px solid #e6e6e4; border-bottom-color:rgba(0,0,0,0.06); }
.footer-info ul.social{margin:46px 0 0;}
.footer-info ul.social li{ float:left; margin:0 4px 0 0; padding:0; background:none; }
.footer-info ul.social li a{ display:block; position:relative; width:36px; height:36px; background:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/social_icons.png') 0 0 no-repeat; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow:hidden; text-indent: -999px; }
.footer-info ul.social li a.twitter{ background-color:#53b1f0; }
.footer-info ul.social li a.facebook{ background-color:#3d5fa6; background-position: -36px 0; }
.footer-info ul.social li a.email{ background-color:#525252; background-position: -72px 0; }
.footer-info ul.social li a.google{ background-color:#fac200; background-position: -108px 0; }
.footer-info ul.social li a:hover{ background-color:#97d2c9; }
.footer-info .block-control { display:none; position:absolute; top:0; right:0; width:35px; height:35px; background:#FEFEFE url("../img/arrow_footer.png") 0 0 no-repeat;
-webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; border-radius: 100% !important; }
.footer-info .block-control:hover {background-color:#97d2c9; background-position:0 100%;}
.footer-info .block-control-hide {background-position:100% 0;}
.footer-info .block-control-hide:hover {background-color:#97d2c9; background-position:100% 100%;}
.footer-info .block-content {display:block; }
.footer-info iframe {width:300px; height:260px; margin:0 -15px;}
footer {line-height:58px; }
footer a {color:#a2a2a2}
footer a:hover {color:#fff; text-decoration: none;}
footer ul{ margin:0; padding: 0; }
footer ul.links{ float:right; margin-right:10px; }
footer ul.links a{ color:rgb(140,140,140); color:rgba(140,140,140,0.87); }
footer ul.links li a:hover {color:#fff; text-decoration: none;}
footer ul.links li.separator{ padding:0 9px 0 8px; background:url("https://berghoffworldwide.com/skin/frontend/shopper/default/images/footer_links_separator.png") 50% 50% no-repeat; }
footer .copyright{border-top:1px dotted #e0e0e0; margin:40px 0 0; padding:20px 0 0;}
footer address{ margin-left:10px; }
/********** < Navigation */
.nav-container {position:relative; z-index:10010; display:inline-block; vertical-align:middle;}
.nav-container .nav-top-title{ cursor:pointer; font-family:'Myriad Pro', sans-serif; font-size:16px; text-align:left; width:220px; margin:0 auto 3px; padding:0 10px; line-height:36px; background:#eee; color:#000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:none; }
.nav-container .nav-top-title a{color:#000; text-decoration:none; }
.nav-container .nav-top-title div.icon {float:left; width:15px; margin:11px 10px 0 0;}
.nav-container .nav-top-title div.icon span {display:block; height:3px; margin:0 0 2px;}
.nav-container .nav-top-title:hover {}
.nav-container .nav-top-title:hover a,
.nav-container .nav-top-title.active a {color:#fff; }
.nav-container .nav-top-title:hover div.icon span,
.nav-container .nav-top-title.active div.icon span {background:#fff; }
.nav-container li.parent em {float:right; display:none; width:36px; text-align:center; font-style:normal; font-weight:700; }
.nav-container li.parent em:hover {cursor:pointer; background:#fff; color:#000 !important; }
@media only screen and (min-width: 960px) and (max-width: 1200px){
.grid_12.header-bottom-wrapper {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
}
#queldoreiNav { width:750px; margin:31px 0 34px 46px; padding:0; position:relative; border:none; float:left; }
.search-field #queldoreiNav {width:560px}
.below-logo #queldoreiNav {width:auto; margin:0 0 10px 3px}
/* All Levels */
#queldoreiNav li { text-align:left; position: static; }
#queldoreiNav li.over { z-index:998; }
#queldoreiNav li.parent {}
#queldoreiNav li a { display:block; text-decoration:none; font-weight:300; }
#queldoreiNav li a:hover { text-decoration:none; }
#queldoreiNav li a span { display:block; white-space:nowrap; cursor:pointer; }
#queldoreiNav li ul a span { white-space:normal; }
/* 1st Level */
#queldoreiNav>li { float:left; position:relative; margin:0 3px 3px;}
#queldoreiNav>li>a { position:relative; float:left; padding:0; color:#373230; font-size:14px; font-family:"Myriad Pro",sans-serif; font-weight:700; line-height:36px; letter-spacing:-0.1em; text-transform:uppercase; }
#queldoreiNav>li>a>span{padding:0 10px; border-top:3px solid transparent;}
#queldoreiNav>li:hover>a>span,
#queldoreiNav>li.over>a>span,
#queldoreiNav>li.active>a>span { background:#fff; }
#queldoreiNav>li:hover,
#queldoreiNav>li.over,
#queldoreiNav>li.active{
-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
#queldoreiNav>li>a:hover, #queldoreiNav>li.over>a{z-index:1000;}
#queldoreiNav>li>a:hover>span,
#queldoreiNav>li.over>a>span,
#queldoreiNav>li.active>a>span{border-top:3px solid #97d2c9;}
#queldoreiNav>li.custom-block>a, #queldoreiNav>li.custom-block>a>span {cursor:default;}
/* 2nd Level */
/*#queldoreiNav ul,*/
#queldoreiNav div.sub-wrapper { position:absolute; z-index:999; width:auto; padding:16px 0; margin:39px 0 0; left:-10000px; border:none; background:#fff;
-webkit-box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.15);}
#queldoreiNav div.sub-wrapper ul { position:static; width:auto; border:none; }
#queldoreiNav>li>div.sub-wrapper>ul>li { float:none; display:table-cell; border:none; width:210px; padding:0 16px; border-right:1px solid #ededed;}
#queldoreiNav>li>div.sub-wrapper>ul>li:last-child { border:none;}
/* 3rd+ leven */
/*#queldoreiNav ul ul,*/
#queldoreiNav div.sub-wrapper ul div.sub-wrapper { top:-5px; margin:0 0 0 101px; padding:0; width:auto; border:none;}
#queldoreiNav ul div.sub-wrapper ul{ padding:16px; width:auto; }
#queldoreiNav ul li { float:none; border:none; width:210px; line-height:28px; position:relative; }
#queldoreiNav ul li.last {}
#queldoreiNav ul li a {float:none; padding:0 10px; font-family:Arial, serif; font-size:12px; font-weight:normal; color:#322c29 !important; background:transparent none; }
#queldoreiNav ul li.active > a {background:#322c29 !important; color:#fff !important; }
#queldoreiNav ul li.over > a, #queldoreiNav ul li a:hover {background:#f5f4f4; }
/* Show menu */
#queldoreiNav li ul.shown-sub,
#queldoreiNav li div.shown-sub { left:0px; z-index:999; }
#queldoreiNav li .shown-sub ul.shown-sub,
#queldoreiNav li .shown-sub li div.shown-sub { left:15px; }
#queldoreiNav li.custom-block div.sub-wrapper { padding:16px;}
#queldoreiNav li.custom-block div.sub-wrapper strong {color:#373230; font-family:"Myriad Pro", sans-serif; font-weight:700;}
#queldoreiNav li.custom-block div.sub-wrapper a { display:inline; color:#373230; float:none; font-weight:300; padding:0px; text-decoration:underline; border:none !important; background:transparent none !important;}
#queldoreiNav li.custom-block div.sub-wrapper a:hover,
#queldoreiNav li.custom-block div.sub-wrapper>ul>li a:hover,
#queldoreiNav li.custom-block div.sub-wrapper ul li.over > a{ color:#373230 !important; text-decoration:none; background:transparent none !important;}
#queldoreiNav li.custom-block div.sub-wrapper>ul, #queldoreiNav li.custom-block div.sub-wrapper ul {}
#queldoreiNav li.custom-block div.sub-wrapper>ul>li, #queldoreiNav li.custom-block div.sub-wrapper ul li { width:auto; float:none; background:transparent url("https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_item.gif") no-repeat 10px 8px !important;; line-height: 22px; padding: 0 10px 0 20px;}
#nav { width:750px; margin:31px 0 34px 46px; padding:0; position:relative; border:none; float:left; }
.search-field #nav {width:560px}
.below-logo .nav-container {display:block; position:static;}
.below-logo #nav {width:auto; margin:0 0 10px 3px}
/* All Levels */
#nav li { text-align:left; position: static; }
#nav li.over { z-index:998; }
#nav li.parent {}
#nav li a { display:block; text-decoration:none; font-weight:300; }
#nav li a:hover { text-decoration:none; }
#nav li a span { display:block; white-space:nowrap; cursor:pointer; }
#nav li ul a span { white-space:normal; }
/* 1st Level */
#nav>li { float:left; position:relative; margin:0 3px 3px;}
#nav>li>a { position:relative; float:left; padding:0; color:#373230; font-size:14px; font-family:"Myriad Pro",sans-serif; font-weight:700; line-height:36px; letter-spacing:-0.1em; text-transform:uppercase; }
#nav>li>a>span{padding:0px 10px; border-top:3px solid transparent; background:#fff;}
#nav>li:hover,
#nav>li.over,
#nav>li.active{-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
#nav>li>a:hover, #nav>li.over>a{z-index:1000;}
#nav>li>a:hover>span,
#nav>li.over>a>span,
#nav>li.active>a>span{border-top:3px solid #97d2c9;}
#nav>li.custom-block>a, #nav>li.custom-block>a>span {cursor:default;}
/* 2nd Level */
/*#nav ul,*/
#nav ul { position:absolute; z-index:999; width:auto; padding:16px; margin:39px 0 0; left:-10000px; border:none; background:#fff;
-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
/* 3rd+ leven */
/*#nav ul ul,*/
#nav ul ul { top:-5px; margin:0 0 0 101px; padding:0; width:auto; border:none;
-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
#nav ul ul{ padding:16px; width:auto; }
#nav ul li { float:none; border:none; width:210px; line-height:28px; position:relative; }
#nav ul li.last {}
#nav ul li a {float:none; padding:0 10px; font-family:Arial, serif; font-size:12px; font-weight:normal; color:#322c29 !important; background:transparent none; }
#nav ul li.active > a {background:#322c29 !important; color:#fff !important; }
#nav ul li.over > a, #nav ul li a:hover {background:#f5f4f4; }
/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub { left:0px; z-index:999; }
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub { left:15px; }
#nav li.custom-block>ul>li { width:350px; line-height:150%; }
#nav li.custom-block ul li strong {color:#888888; font-family:"Myriad Pro", sans-serif; font-weight:700;}
#nav li.custom-block ul li a { display:inline; color:#888888; float:none; font-weight:300; padding:0px; text-decoration:underline; border:none !important; background:transparent none !important;}
#nav li.custom-block ul li a:hover,
#nav li.custom-block ul li.over > a{ color:#888888 !important; text-decoration:none; background:transparent none !important;}
#nav li.custom-block ul li>ul { position:static; width:auto; border:none; background:#fff; top:0; margin:0; padding:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
#nav li.custom-block ul li>ul>li { width:auto; float:none; background:transparent url("https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_item.gif") no-repeat 10px 8px !important;; line-height: 22px; padding: 0 10px 0 20px;}
/********** Navigation > */
/* ======================================================================================= */
a.product-image {display:block;position:relative;}
.new-label, .sale-label {position: absolute; z-index:10000; width:91px; height:91px; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/labels.png) 0 0 no-repeat; }
.sale-top-left {top:-13px; left:-13px; background-position:-182px 0;}
.sale-top-right {top:-13px; right:-13px; background-position:-273px 0;}
.sale-bottom-left {bottom:-13px; left:-13px; background-position:-182px -91px;}
.sale-bottom-right {bottom:-13px; right:-13px; background-position:-273px -91px;}
.new-top-left {top:-13px; left:-13px; background-position:0 0;}
.new-top-right {top:-13px; right:-13px; background-position:-91px 0;}
.new-bottom-left {bottom:-13px; left:-13px; background-position:0 -91px;}
.new-bottom-right {bottom:-13px; right:-13px; background-position:-91px -91px;}
.product-img-box .sale-top-left {top:-4px; left:-4px; }
.product-img-box .sale-top-right {top:-4px; right:-4px; }
.product-img-box .new-top-left {top:-4px; left:-4px; }
.product-img-box .new-top-right {top:-4px; right:-4px; }
.price-box {}
.price-box a {white-space:nowrap;}
.price-box a:hover {text-decoration:none;}
.price-box .price{ color:#97d2c9; font-weight:400; font-size:16px; }
.price-box .old-price .price{color:#8e8e8e; font-weight:400; font-size:11px; }
.availability {}
.in-stock {color:green}
.out-of-stock {color:red}
.ratings {}
.rating-box {width:55px; height:10px; margin:2px 12px 0 0; background-image:url("../img/rating.png"); }
.rating-box .rating {height:10px; background-image:url("../img/rating.png");}
.rating-links .separator {margin: 0 2px; font-weight: 300; font-size: 12px; color:#d9d9d9;}
.breadcrumbs {border:none; margin:0 15px; padding:0; line-height:49px;}
.breadcrumbs a{color:rgba(27,26,25,0.77);}
.breadcrumbs strong{color:rgba(128,128,128,0.77); font-weight:300;}
.breadcrumbs span {
background: url("../img/icon_breadcrumb.svg") 50% 50% no-repeat;
padding: 0 9px;
}
.breadcrumbs ul{margin: 0; padding: 0px;}
/* Global Messages */
.success { color:#3d6611; font-weight:bold; }
.error { color:#f00; font-weight:bold; }
.notice { color:#ccc; }
.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.messages { width:100%; overflow:hidden; }
.messages li { margin:0 0 15px; }
.messages li li { margin:0px; min-height:26px; line-height:26px; }
.messages li li span{}
.error-msg,
.success-msg,
.note-msg,
.notice-msg { border-style:solid !important; border-width:1px !important; background-position:31px 31px !important; background-repeat:no-repeat !important; line-height:26px; min-height:26px !important; padding:31px 19px 31px 70px !important; font-size:18px !important; font-weight:normal !important; font-style: italic !important; }
@media screen and (max-width: 566px) and (min-width: 320px){
.error-msg,
.success-msg,
.note-msg,
.notice-msg {
background-position:21px 21px !important; padding: 21px 9px 21px 60px !important; font-size:16px !important;
}
}
.error-msg { border-color:#f3f3f3; background-color:#f3f3f3; background-image:url("../img/i_msg-error.png"); color:#888; }
.success-msg { border-color:#f3f3f3; background-color:#f3f3f3; background-image:url("../img/success-icon.png"); color:#888; }
.note-msg { border-color:#f3f3f3; background-color:#f3f3f3; background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/i_msg-note.gif); color:#888; }
.notice-msg { border-color:#f3f3f3; background-color:#f3f3f3; background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/i_msg-notice.gif); color:#888; }
.ajax_loading {position:absolute;margin-top:21px; display:none; }
.products-list .product-shop .ajax_loading {left:-23px; margin:10px 0 0; }
.product-shop .ajax_loading {margin:19px 0 0 -21px; }
.quick-view { display:none; position:absolute; z-index:2; top:14%; left:30%; background:#97d2c9 url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/btn_overlay.png') 0 0 repeat-x; height:42px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; line-height:42px; padding:0 16px; font-size:14px; font-weight:300; color:#fff; text-align:center; white-space:nowrap; text-transform:lowercase;}
.quick-view:hover {background-color:#393431; color:#fff; text-decoration:none;}
div.alert a{ font-size:12px; color:#8db201; padding-left:5px;}
div.alert a:hover{ color:#fff;}
/*был просто alert но совпал с битриксовским модулем*/
div.alert.product-alert {
position:fixed;
background:#353535;
top:0;
left:50%;
width:333px;
margin-left:-220px;
padding:20px 60px;
z-index:10030;
font-size:12px;
font-weight:bold;
color:#ececec;
border-radius:0 0 3px 3px;
text-align:center;
}
div.alert button{background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/remove-popup.png) 0 0 no-repeat; width:9px; height:9px; position:absolute; right:20px; top:45%; border:none; z-index:9999;}
div.alert button:hover{ cursor:pointer; background-position:0 -9px;}
/*********** < BANNERS */
.homepage-banners {margin:-13px 0px 68px !important;}
.homepage-banners a{ position:relative; overflow:hidden; display:block; padding:11px; background:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.homepage-banners a img{position:relative; z-index:1; max-width:100%; height:auto; width:auto\9; /* ie8 */}
.homepage-banners a:hover img{opacity:0.6;}
.homepage-banners a .content{position:absolute; z-index:2; margin:38px; color:#4e4d4b; text-align:center; }
.homepage-banners a .content strong{font-family:"Myriad Pro",sans-serif; font-size:32px; font-weight:300; text-transform:uppercase; line-height:24px; color:#302f2e; }
.homepage-banners a .content .border{margin:15px 10px; height:1px; background:#d7d4d0; }
.homepage-banners a .content p{margin:0;}
.homepage-banners a .content button{margin:15px 0 0;}
.homepage-banners a.text-right .content{right:11px; }
.homepage-banners a.text-center .content{right:11px; left:11px}
.category-products {margin:0 0 50px;}
.category-products h2 {margin:0 0 30px 15px;}
.home-main {width:900px; float:left; margin:30px 0 0;}
.home-right {width:300px; float:right; margin:30px 0 0;}
.home-left {width:300px;float:left; margin:30px 0 0;}
.col1-layout .home-main .products-grid {width:900px;}
.home-left-col {}
.home-left-col .home-main {float:right;}
.home-left-col .home-left {float:left;}
/*********** < SLIDER */
.slider-container{position: relative; border-top:1px solid #e1e1e1; background:#ededed; margin:53px 0 0 -15px; padding:42px 0 0; }
.main-container > .slider-container {margin:0;}
.slider-container h3{ font-family:"Myriad Pro", serif; font-size:24px; font-weight:400; padding:0 0 28px; margin:0 0 0 15px; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;}
.slider-container .block-subtitle{ margin:-15px 15px 15px; text-align:left; }
.slider-container .block-subtitle a{text-decoration:underline;}
.slider-container .block-subtitle a:hover{text-decoration:none;}
.slider-container .jcarousel-list li {float:left; width:252px; padding:0; margin:0 15px 53px; position:relative; background:#fff; border:9px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);}
.slider-container .jcarousel-list h3{ font-size:24px; font-family:"Myriad Pro",serif; font-weight:300; color:#000; color:rgba(0,0,0,0.67); letter-spacing:-1px; margin:27px 0 26px 2px; text-align:center; }
.slider-container .jcarousel-list .button-container {float:right;}
.slider-container .jcarousel-list .button-container button.button span {width:35px; height:35px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; text-indent:-9999px;}
.slider-container .jcarousel-list .button-container button.button span span {padding:0; background:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_cart_listing.png') 50% 50% no-repeat; }
.slider-container .jcarousel-list .product-image {display: block; margin:0 0 12px; }
.slider-container .jcarousel-list .product-image img {position:relative; z-index:0; }
.slider-container .jcarousel-list .product-name {color:#3c3c3c; font-size:16px; font-weight:300; display:block; margin:4px; line-height:120%; }
.slider-container .jcarousel-list .product-name:hover {color:#000; text-decoration:none;}
.slider-container .jcarousel-list .related-checkbox {margin:0 4px; line-height:12px; float:left; }
.slider-container .jcarousel-list .price-box {overflow:hidden; margin:0px 0 0 4px; line-height:12px; letter-spacing:-1.2px }
.product-slider-container {}
.footer-container .product-slider-container {background: #fafafa; width:100%;}
.footer-container .jcarousel-skin-tango .jcarousel-clip-horizontal, .footer-container .jcarousel-skin-tango .jcarousel-container-horizontal {width:auto}
.product-slider-container .title-container {margin:0 0 -27px; position:relative;}
.product-slider-container h2{ margin:0 0 0 15px; padding:0 0 28px; font-family:"Myriad Pro", serif; font-size:24px; font-weight:400; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;}
.product-slider-container .jcarousel-skin-tango .jcarousel-clip { }
.product-slider-container .jcarousel-skin-tango .jcarousel-clip ul.jcarousel-list {padding:35px 0 50px !important;}
.product-slider-container .jcarousel-skin-tango .jcarousel-clip ul li.item div.hover {
-webkit-box-shadow:0px 0px 25px 6px rgba(0, 0, 0, 0.09);
-moz-box-shadow:0px 0px 25px 6px rgba(0, 0, 0, 0.09);
box-shadow:0px 0px 25px 6px rgba(0, 0, 0, 0.09);}
/* Category Page ========================================================================= */
/* Pager */
.pager { padding:16px 0 0; margin:0 0 16px; line-height:22px; text-align:center; border-top:1px solid; border-top-color:#e3e3e3; border-top-color:rgba(227,227,227,0.61); }
.pager .amount { float:left; color:#262525; color:rgba(38,37,37,0.5); }
.pager .amount strong{ font-weight: 400; }
.pager .pages { float:right; margin:0; }
.pager .pages ol { display:inline; margin:0; padding:0; }
.pager .pages li { display:inline-block; width:22px; height:22px;; margin:0; text-align:center; }
.pager .pages li a {display:block; float:left; width:22px; height:22px; text-decoration:none; line-height:25px; color:#262525; color:rgba(38,37,37,0.75);}
.pager .pages li a:hover { color:#97d2c9; }
.pager .pages li a.next, .pager .pages li a.previous { border:1px solid #e1e1e1; background:url('../img/pager_bg.gif') 0 0 repeat-x; }
.pager .pages li a.next:hover, .pager .pages li a.previous:hover { -webkit-box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.05); box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.05);}
.pager .pages strong {display:none}
.pager .pages .current { vertical-align:top; color:#97d2c9; line-height:25px; }
/* Sorter */
.sorter { padding:0px; margin:0 0 18px; line-height:27px; text-align:left; color:#808080;}
.sorter .limiter, .sorter .sort-by, .sorter .sort-order, .sorter .view-mode { float:left; height:27px; border:1px solid #e1e1e1; -webkit-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05); box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05); background:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/sorter_bg.gif') 0 0 repeat-x }
.sorter .sort-by { margin:10px 1px 0 0}
.sorter .sort-by label{ margin:0 8px 0 5px}
.sorter .limiter {}
.sorter .limiter label{ margin:0 7px; }
.sorter .link-feed {}
.sorter .sort-order { margin:10px 10px 0 0;}
.sorter .sort-order a {display:block; }
.sorter .view-mode { margin:10px 10px 0 0;}
.sorter .view-mode label { display:block; float:left; margin:0 7px; }
.sorter .view-mode a, .sorter .view-mode strong { display:block; float:left; overflow:hidden; width:27px; height:27px; margin:0; text-indent:-999px; }
.sorter .view-mode .grid { background:transparent url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/i_grid_mode.gif) 0% 0% no-repeat; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.sorter .view-mode .list { background:transparent url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/i_list_mode.gif) 0% 0% no-repeat; }
.sorter .view-mode a:hover, .sorter .view-mode strong { background-position:0% 100% !important;}
.sorter .view-mode a:hover, .sorter .view-mode strong.grid, .sorter .view-mode strong.list, .sorter .sort-order a:hover { -webkit-box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.10); box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.10);}
/* Toolbar */
.toolbar {}
.toolbar img.v-middle{ vertical-align: top;}
.toolbar select {height:27px; padding:0; margin:0; line-height:27px; border:none; box-shadow:none; color:#434343; }
.toolbar .sort-by select {width:auto; }
.toolbar-bottom {}
.toolbar-bottom .sorter{display:none;}
.toolbar-switch {margin-top:10px; }
.toolbar-switch .toolbar-dropdown { display:none; }
.toolbar-switch select { display:none; }
.toolbar-switch .current { color:#434343; }
.toolbar-switch .toolbar-title {position:relative; z-index:4; padding:0 40px 0 0; background:transparent url('../img/selectbox_arrow.png') 100% 7px no-repeat;}
.over .toolbar-title {background-color:#fff; height:30px; margin:0 -1px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.toolbar-dropdown {background:#fff; padding:11px 22px; display:none; position:absolute; z-index:3; margin:-1px; border:1px solid #e1e1e1; -webkit-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05); box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05);}
.toolbar-dropdown ul{}
.toolbar-dropdown ul li{padding:0 0 0 12px; background: url("https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_item.gif") 0 7px no-repeat;}
.toolbar-dropdown ul li a{ display:block; line-height:20px; margin:0; padding:0; color:#8c8c8c; }
.toolbar-dropdown ul li a:hover, .toolbar-dropdown ul li.selected a { text-decoration:none; color:#97d2c9;}
.category-title { display: none; }
.category-image { width:100%; overflow:hidden; margin:0 0 30px; text-align:center; }
.category-image img {max-width:100%; width:auto\9; /* ie8 */}
.category-description { border:1px solid; border-color:#e3e3e3; border-color:rgba(227,227,227,0.61); margin:0 0 20px 0; padding:20px; line-height:18px; text-align:center; color:#808080; }
.category-description h1 {display:block; margin:0; font-size:24px; font-family:"Myriad Pro", sans-serif; font-style:normal; color:#000; color:rgba(0,0,0,0.67); text-transform:uppercase;}
.category-description p {margin:22px 0 0;}
.category-description strong {color:#000; color:rgba(0,0,0,0.67); font-family:"Myriad Pro", sans-serif; font-style:normal; }
.category-description img{ max-width:100%; height:auto;width:auto\9; /* ie8 */ }
/* View Type: Grid */
.products-grid { border:none; position:relative; margin:0 0 50px; }
.col2-left-layout .products-grid,
.col2-right-layout .products-grid { width:900px; margin:0 -15px; }
.col1-layout .products-grid { width:1200px; margin:0 auto; }
.products-grid.last { border-bottom:0; }
.products-grid li.item { float:left; width:252px; padding:0; margin:0 15px 30px; position:relative; background:#fff; border:9px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);}
.products-grid li.item a:hover {text-decoration:none; }
.products-grid h3{ font-size:24px; font-family:"Myriad Pro",serif; font-weight:300; color:#000; color:rgba(0,0,0,0.67); letter-spacing:-1px; margin:27px 0 26px 2px; text-align:center; }
.products-grid .button-container {float:right; margin-left:5px; }
.products-grid .button-container button.button span {width:35px; height:35px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; text-indent:-9999px;}
.products-grid .button-container button.button span span {padding:0; background:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_cart_listing.png') 50% 50% no-repeat; }
.products-grid .product-image {display: block; margin:0 0 12px; position:relative; z-index:1; }
.products-grid .product-image img {position:relative; z-index:0; max-width:100%; height:auto; width:auto\9; /* ie8 */ }
.products-grid .product-name {color:#3c3c3c; font-size:16px; font-weight:300; display:block; margin:4px; line-height:120%; }
.products-grid .product-name:hover {color:#000; text-decoration:none;}
.products-grid .price-box {margin:0px 0 5px 4px; line-height:14px; letter-spacing:-1.2px }
/** gird hover mode **/
.products-grid .regular {}
.products-grid .hover {display:none; position:absolute; z-index:2; top:-9px; left:-9px; width:252px; padding:0; margin:0 30px 30px 0; background:#fff; border:9px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
-webkit-box-shadow:0px 0px 46px 12px rgba(0, 0, 0, 0.09);
-moz-box-shadow:0px 0px 46px 12px rgba(0, 0, 0, 0.09);
box-shadow:0px 0px 46px 12px rgba(0, 0, 0, 0.09);}
.products-grid .hover .price-box{position:absolute; z-index:2; right:11px; min-width:66px; margin:0; padding:0; background:#97d2c9; line-height:18px; text-align:center; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
.products-grid .hover .price-box .price-label, .products-grid .hover .price-box .label{display:none;}
.products-grid .hover .price-box sup{color:#fff; color:rgba(255,255,255,0.5); font-size:18px; font-style:normal; top:-0.3em; }
.products-grid .hover .price-box .price{ color:#fff; font-size:24px; }
.products-grid .hover .price-box .old-price .price{color:#fff; color:rgba(255,255,255,0.5); font-size:18px; }
.products-grid .hover .price-box .old-price sup{top:0;}
.products-grid .hover .product-name {text-align:center;}
.products-grid .hover .ratings {width:55px; padding:0; margin:0 auto; }
.products-grid .hover .rating-links {display:none;}
.products-grid .hover .button-container {float:none; border-top:1px solid #f3f3f3; margin-top:12px; padding-top:13px; text-align:center;}
.products-grid .hover .button-container button.button span {width:auto; height:19px; line-height:19px; background:transparent none !important; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; text-indent:0;}
.products-grid .hover .button-container button.button span span {padding:0; font-size:12px; color:#4d4d4d; text-transform:none; }
.products-grid .hover .button-container button.button span span em {display:inline-block; float:left; margin:0 13px 0 0; width:24px; height:19px; background:#97d2c9 url("https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_cart_listing_mask.png") 0 0 no-repeat;}
.products-grid .hover .button-container button.button:hover span span em {background-color:#393431;}
.products-grid .add-to-links {width:270px; height:40px; margin:9px -9px -9px; background:#fcfcfc; text-align:center;
-webkit-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);
-moz-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);
box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);}
.products-grid .add-to-links li {display:inline; margin:0 5px 0 0; line-height:40px;}
.products-grid .add-to-links li span {display:inline-block; color:#97d2c9; margin-right:5px;}
.products-grid .add-to-links a {font-weight:300}
.products-grid .add-to-links a:hover {text-decoration:none;}
.products-grid .add-to-links a.link-compare {}
.products-grid .availability { line-height:39px; }
/* two_columns 3 products per row */
.two_columns_3 {}
/* two_columns 4 products per row */
.two_columns_4 {}
.two_columns_4 li.item {width:177px;}
.two_columns_4 .hover {width:177px;}
.two_columns_4 .add-to-links { width:195px; height:auto; padding:10px 0;}
.two_columns_4 .add-to-links li { display:block; margin:0; line-height:140%; }
.two_columns_4 .add-to-links li { display:block; margin:0; }
.two_columns_4 .hover .price-box {display:none}
.two_columns_4 .quick-view { top:18%; left:26%; height:32px; line-height:32px; font-size:12px; }
.two_columns_4 .product-name {font-size:14px}
.two_columns_4 .hover .button-container button.button span span em {margin:0 5px 0 0;}
/* two_columns 5 products per row */
.col2-left-layout .two_columns_5 { margin:0 -10px}
.two_columns_5 {}
.two_columns_5 li.item {width:142px; margin:0 10px 20px}
.two_columns_5 .hover {width:142px;}
.two_columns_5 .add-to-links { width:160px; height:auto; padding:10px 0;}
.two_columns_5 .add-to-links li { display:block; margin:0; line-height:140%; }
.two_columns_5 .add-to-links li { display:block; margin:0; }
.two_columns_5 .hover .price-box {display:none}
.two_columns_5 .quick-view { top:15%; left:20%; height:32px; line-height:32px; font-size:12px; }
.two_columns_5 .product-name {font-size:14px}
.two_columns_5 .hover .button-container button.button span span em {margin:0 5px 0 0;}
/* one_columns 4 products per row */
.one_column_4 {}
/* one_columns 5 products per row */
.one_column_5 {}
.one_column_5 li.item {width:192px;}
.one_column_5 .hover {width:192px;}
.one_column_5 .add-to-links { width:210px; height:auto; padding:10px 0;}
.one_column_5 .add-to-links li { display:block; margin:0; line-height:140%; }
.one_column_5 .add-to-links li { display:block; margin:0; }
.one_column_5 .hover .price-box {display:none}
.one_column_5 .quick-view { top:18%; left:26%; height:32px; line-height:32px; font-size:12px; }
.one_column_5 .product-name {font-size:14px}
.one_column_5 .hover .button-container button.button span span em {margin:0 5px 0 0;}
/* one_columns 6 products per row */
.one_column_6 {}
.one_column_6 li.item {width:152px;}
.one_column_6 .hover {width:152px;}
.one_column_6 .add-to-links { width:170px; height:auto; padding:10px 0;}
.one_column_6 .add-to-links li { display:block; margin:0; line-height:140%; }
.one_column_6 .add-to-links li { display:block; margin:0; }
.one_column_6 .hover .price-box {display:none}
.one_column_6 .quick-view { top:18%; left:21%; height:32px; line-height:32px; font-size:12px; }
.one_column_6 .product-name {font-size:14px}
.one_column_6 .hover .button-container button.button span span em {margin:0 5px 0 0;}
/* View Type: List */
.products-list { margin:0; padding:0; position:relative; }
.products-list li.item { border:none; padding:0 0 30px; }
.products-list li.item .f-left{ position:relative;}
.products-list li.item.last {}
.products-list .product-image { padding:0; margin:0; position:relative; z-index:1; background:#fff; border:9px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);}
.products-list .product-image .back_img { position:absolute; z-index:1; display:none;}
.products-list .product-shop { position:relative; margin-left:300px; }
.products-list .product-name { margin:8px 0 5px; padding:0 0 13px; border-bottom:1px solid; border-bottom-color:#e3e3e3; border-bottom-color:rgba(227,227,227,0.61); }
.products-list .product-name a { font-family:"Myriad Pro",serif; font-size:16px; color:#000; color:rgba(0,0,0,0.67); }
.products-list .product-name a:hover { text-decoration:none; color:#000;}
.products-list .price-container {float:none; margin:0 0 12px; padding:0 0 6px; border-bottom:1px solid; border-bottom-color:#e3e3e3; border-bottom-color:rgba(227,227,227,0.61); }
.products-list .price-box {float:left; margin:0; padding:0; }
.products-list .price-box .price {font-size:20px; }
.products-list .price-box p {display:inline-block; margin:0 5px 0 0; }
.products-list .ratings { float:left; width:270px; margin:6px 0 0 25px; padding:0; }
.products-list .ratings, .products-list .ratings a { color:#1b1a19;}
.products-list .price {}
.products-list .desc { margin:0 0 8px; padding:0 0 14px; color:#1b1a19; line-height:1.35; border-bottom:1px solid; border-bottom-color:#e3e3e3; border-bottom-color:rgba(227,227,227,0.61); }
.products-list .desc .link-learn { display:none;}
.products-list .desc a { text-decoration: underline;}
.products-list .desc a:hover { text-decoration: none;}
.products-list .button-container { float:left; margin:0; line-height:35px; }
.products-list .button-container p { line-height:35px;}
.products-list .button-container .btn-add-cart { display:block; vertical-align:top; color:#322c29; font-size:14px;}
.products-list .button-container .btn-add-cart span{ float:left; display:inline-block; border-radius: 100% 100% 100% 100%; height: 35px; text-indent: -9999px; width: 35px; margin:0 15px 0 0; background:#97d2c9 url("https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_cart_listing.png") no-repeat 50% 50%;}
.products-list .button-container .btn-add-cart:hover {color:#000; text-decoration: none; }
.products-list .button-container .btn-add-cart:hover span{background-color:#322c29;}
.products-list .add-to-links {float:left; clear:none;}
.products-list .add-to-links li {float:left; margin:0; line-height:35px;}
.products-list .add-to-links li span {display:inline-block; width:1px; height:15px; margin:10px 25px; background:#d5d5d5; }
.products-list .add-to-links a {color:#322c29; font-size:14px; font-weight:300 !important; line-height:35px; vertical-align:top;}
.products-list .add-to-links a.link-compare {}
.products-list .add-to-links a:hover {color:#000; text-decoration: none; }
/* ======================================================================================= */
.cart-empty a {font-weight: 800;}
.cart fieldset { margin:0;}
.cart .cart-collaterals { padding:29px 0 30px; text-align:center; }
.cart .cart-collaterals .cart-block { position:relative; background:#fff; border:none; border-top:6px solid #97d2c9; padding:20px 13.513%; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;
-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);}
.cart .cart-collaterals h2 { font-family:"Myriad Pro"; font-size:20px; font-weight:400; padding:0 0 44px; margin:0; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;}
.cart .cart-collaterals h2:after {content:''; float:left; width:90%; height:1px; background:#e8e8e8; margin:23px 0 0 5%;}
.cart .cart-collaterals .buttons-set {margin:0; text-align:center; min-height: 35px;}
.cart .cart-collaterals .buttons-set button.button{float:none;}
.cart .cart-collaterals .input-box {width:100%; margin:0 0 10px;}
.cart .cart-collaterals .input-box input{width:96%;}
.cart .cart-collaterals .input-box select{width:100%;}
.cart .cart-collaterals .cart-coupon {}
.cart .cart-collaterals .cart-coupon .input-box{margin:17px 0;}
.cart .cart-collaterals .cart-shipping {}
.cart .cart-collaterals .cart-shipping .form-list {margin:17px 0 0;}
.cart .cart-collaterals .cart-shipping .form-list label {float:none;}
.cart .cart-collaterals .cart-total {padding:0;}
.cart .cart-collaterals .cart-total .checkout-types {float:none; position:relative; width:100%; overflow:hidden; margin:0; padding:30px 0 25px; background:#fbfbfb; text-align:center;
-webkit-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15); box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);}
.cart .cart-collaterals .cart-total .checkout-types button.button {margin:0 0 10px}
.cart .cart-collaterals .cart-total .checkout-types .button {margin:0 0 10px}
#shopping-cart-totals-table {margin:20px auto 17px; }
#shopping-cart-totals-table strong{ font-family:"Myriad Pro", serif; font-size:24px; font-weight:400; text-transform:uppercase; letter-spacing:-1.2px; color:#000; color:rgba(0,0,0,0.75); }
#shopping-cart-totals-table .a-right {text-align:center !important; position: relative;}
#shopping-cart-totals-table td {padding:0 0 5px; width:60%; white-space: nowrap;}
#shopping-cart-totals-table tr.discount-total .price{
font-size: 15px;
white-space: nowrap;
}
#shopping-cart-totals-table tr.grand-total .notice-price{
/*position: absolute;*/
display: block;
right: 0;
top: 30px;
font-size: 12px;
color: rgba(0,0,0,.6);
}
#shopping-cart-totals-table tr.grand-total .notice-price a{
text-decoration: underline;
cursor: pointer;
color: rgba(0,0,0,.6);
}
@media screen and (min-width: 320px) and (max-width: 959px){
#shopping-cart-totals-table tr.grand-total .notice-price{
line-height: 15px;
top: 34px;
}
}
.data-table{border-collapse:separate; border-top:6px solid #575757; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
-moz-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 8px rgba(0, 0, 0, 0.15);}
.data-table th, .data-table td, .data-table td a{ color:#000; color:rgba(0,0,0,0.67)}
.data-table td a.product-image, .data-table td a.product-image img{ display:block; margin:0 auto;}
.data-table td a:hover{ color:#000; text-decoration:none; }
.data-table tbody td{ border:1px solid #e9e9e9; border-top:none; border-left:none;}
.data-table tbody tr:last-child td{ border-bottom:none;}
.data-table thead, .data-table tfoot{ background:#fafafa; }
.data-table thead th{ -webkit-box-shadow:inset 0px -4px 6px -4px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0px -4px 6px -4px rgba(0, 0, 0, 0.15); box-shadow:inset 0px -4px 6px -4px rgba(0, 0, 0, 0.15);}
.data-table tfoot td{ -webkit-box-shadow:inset 0px 4px 6px -4px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0px 4px 6px -4px rgba(0, 0, 0, 0.15); box-shadow:inset 0px 4px 6px -4px rgba(0, 0, 0, 0.15);}
.data-table tr.even, .data-table tr.odd {background-color:#fff;}
.data-table th {padding:18px 23px; font-weight:300; }
.data-table td {padding:18px;}
.data-table td.td-edit, .data-table td.td-price {padding:26px 18px;}
.data-table td.td-image {border-left:none; }
.data-table td.td-image img {width:115px; height:auto; }
.data-table td.td-delete {border-right:none; }
.data-table .product-name {font-weight:700;}
.data-table .td-title {display:none;}
.data-table .td-actions {display:none;}
.data-table .btn-edit2 {width:38px; height:38px; background:#97D2C9 url('../img/icon_edit.png') 50% 50% no-repeat; }
.data-table .btn-edit:hover {background-color:#393431}
.data-table .btn-remove2 {width:38px; height:38px; background:#97D2C9 url('../img/icon_trash.png') 50% 50% no-repeat; }
.data-table .btn-remove:hover {background-color:#393431}
.data-table .btn-continue {float:left;}
.data-table button.button span {font-size: 12px; text-transform: lowercase;}
/* cart table*/
.cart-table td.td-image, .cart-table th.td-image{
width: 14%;
padding: 0 38px;
}
.cart-table th.td-image{
width: 14%;
padding: 18px 38px;
}
.cart-table td.td-image img{
width: 112px;
}
.cart-table td.td-name {
width: 22.3%;
padding: 0 38px 0 0;
}
.cart-table th.td-name {
width: 22.3%;
padding: 18px 38px 18px 0;
}
.cart-table td.td-discount, .cart-table th.td-discount {
width: 22.3%;
padding: 0 37px 0 0;
}
.cart-table th.td-discount {
width: 22.3%;
padding: 18px 37px 18px 0;
}
.cart-table td.td-discount .discount-label {
display: block;
float: right;
color: #ffffff;
font-size: 10px;
text-transform: uppercase;
height: 10px;
line-height: 10px;
width: auto;
padding: 6px 13px;
margin: 5px;
white-space: nowrap;
}
.discount-label.certificate{
background-color: #88cc45;
}
.discount-label.card{
background-color: #f38b5a;
}
.discount-label.coupon{
background-color: #5ab4f3;
}
.data-table.cart-table td.td-price {
width: 11.05%;
padding: 0 38px 0 0;
font-size: 26px;
}
.data-table.cart-table td.td-price .price{
position: relative;
}
.data-table.cart-table td.td-price .old-price{
color: #b2b2b2;
font-size: 14px;
line-height: 14px;
white-space: nowrap;
text-decoration: line-through;
position: absolute;
left: 0;
top: 30px;
}
.data-table.cart-table th.td-price, .data-table.cart-table th.td-qty{
width: 11.05%;
padding: 18px 38px 18px 0;
}
.data-table.cart-table th.td-qty{
width: 11.3%;
padding: 18px 27px 18px 0;
}
.data-table.cart-table td.td-qty {
width: 11.3%;
padding: 0 27px 0 0;
}
.data-table.cart-table th.td-delete{
width: 8%;
padding: 18px 0;
}
.data-table.cart-table td.td-delete {
width: 8%;
padding: 0;
}
.data-table.cart-table .btn-remove2 {
float: right;
}
@media screen and (min-width: 960px) and (max-width: 1199px){
.cart-table td.td-image, .cart-table th.td-image{
padding: 0 18px;
}
.cart-table th.td-image{
padding: 18px 18px;
}
.cart-table td.td-name {
padding: 0 18px 0 0;
width: 26.3%;
}
.cart-table th.td-name {
padding: 18px 18px 18px 0;
width: 26.3%;
}
.cart-table td.td-discount, .cart-table th.td-discount {
padding: 0 17px 0 0;
}
.cart-table th.td-discount {
padding: 18px 17px 18px 0;
}
.data-table.cart-table td.td-price {
padding: 0 18px 0 0;
}
.data-table.cart-table th.td-price, .data-table.cart-table th.td-qty{
padding: 18px 18px 18px 0;
}
.data-table.cart-table th.td-qty{
padding: 18px 17px 18px 0;
}
.data-table.cart-table td.td-qty {
padding: 0 17px 0 0;
}
.data-table.cart-table th.td-delete, .data-table.cart-table td.td-delete{
width: 4%;
}
.data-table.cart-table td.td-price {
font-size: 22px;
}
}
@media screen and (min-width: 320px) and (max-width: 959px){
.cart-table td.td-discount, .cart-table th.td-discount {
width: 70%;
padding: 0;
float: left;
height: 42px;
}
.cart-table td.td-discount .discount-label {
float: left;
margin: 10px 5px 10px 0;
line-height: 11px;
}
.data-table.cart-table td.td-qty {
display: flex;
}
.data-table.cart-table .btn-remove2 {
float: none;
}
.data-table.cart-table td.td-price .old-price{
left: calc(100% + 10px);
top: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 959px){
.cart-table td.td-discount, .cart-table th.td-discount {
padding: 0 0 0 3%;
}
}
/* compare popup table */
#product_comparison {margin:0 0 20px}
#product_comparison th{ background:#fafafa; -webkit-box-shadow:inset -6px 0px 6px -6px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset -6px 0 6px -6px rgba(0, 0, 0, 0.15); box-shadow:inset -6px 0 6px -6px rgba(0, 0, 0, 0.15);}
#product_comparison thead, #product_comparison tfoot{ background:#fff; }
#product_comparison thead td{ border:1px solid #e9e9e9; border-top:none; border-left:none;}
#product_comparison thead tr:last-child td{ border-bottom:none;}
#product_comparison .btn-remove { float:right;}
#product_comparison a.product-image { margin:0 0 15px;}
#product_comparison .price-box, #product_comparison .product-name, #product_comparison p, #product_comparison ul.add-to-links li { text-align:center;}
#product_comparison .ratings {text-align:center; }
#product_comparison .ratings .rating-box {float:none; margin:0 auto;}
.item-options {margin-top:10px;}
.item-options dt{float:left; clear:left; font-style: normal; font-weight:300; }
.item-options dt:after{content:' - '; }
.item-options dd { float:left; margin:0 0 3px 3px; padding:0; font-weight: 400; font-style: normal; }
.product-view .item-options {margin-top:10px;}
.product-view .item-options dt{float:none; }
.product-view .item-options dd { float:none; margin:5px 0 0 20px; padding:0; font-weight: 400; font-style: normal; }
/* Shipping and Payment methods */
.sp-methods { margin:14px 0; }
.sp-methods dt { margin:13px 0 5px; font-weight:bold; }
.sp-methods dd {margin:0;}
.sp-methods dd li { margin:5px 0; }
.sp-methods label { font-weight:bold; color:#666; }
.sp-methods .price { font-weight:bold; }
.sp-methods .form-list { padding-left:20px; }
.sp-methods .form-list li { margin:0 0 8px; }
.sp-methods select.month { width:154px; margin-right:10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { width:3em !important; }
.sp-methods .checkmo-list li { margin:0 0 5px; }
.sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; }
.sp-methods .checkmo-list address { float:left; }
.sp-methods .centinel-logos a { margin-right:3px; }
.sp-methods .centinel-logos img { vertical-align:middle; }
.sp-methods .release-amounts { margin:0.5em 0; }
.sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; }
.please-wait { float:right; }
.please-wait img { vertical-align:middle; }
.cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; }
.dedicated-review-box {}
.dedicated-review-box .ratings-list{margin:10px 0;}
#product-review-table {margin:0 0 15px; }
#product-customer-reviews {}
#product-customer-reviews li{margin-bottom:30px;}
#product-customer-reviews .review-title{font-size:14px; font-family:"Myriad Pro", serif; font-weight:400; color:#000; color:rgba(0,0,0,0.67); padding-right:15px;}
#product-customer-reviews p{margin:0 0 0 5px;}
#product-customer-reviews .ratings-list{margin:10px 0 10px 5px;}
#product-customer-reviews .ratings-list td{line-height: 14px; padding:0 5px 0 0; }
.add-review {border-top:1px solid #ededed; padding-top:75px;}
.add-review h3.title{font-size:14px; font-family:"Myriad Pro", serif; padding-right: 15px; margin:0 0 20px;}
.add-review .data-table th{ padding:12px;}
.add-review .data-table td{ padding:12px; text-align: center;}
.add-review .form-list label{ color:#565656}
.add-review .buttons-set { margin:0;}
.add-review .buttons-set button.button{ float:left;}
#customer-reviews {margin-top:30px;}
#customer-reviews dt a{font-size:14px; font-family:"Myriad Pro", serif; padding-right: 15px;}
#customer-reviews dd {margin:0 0 20px 10px;}
#customer-reviews .ratings-table{margin:10px 0 10px 5px;}
#customer-reviews .ratings-table td{line-height: 14px;}
#customer-reviews .form-add {border-top:1px solid #ededed; padding-top:30px; margin-top:20px;}
#customer-reviews .form-add h2{font-size:14px; font-family:"Myriad Pro", serif; padding-right: 15px; margin:0 0 20px;}
#customer-reviews .form-add .data-table th{ padding:12px;}
#customer-reviews .form-add .data-table td{ padding:12px; text-align: center;}
#customer-reviews .form-add .form-list label{ color:#565656}
#customer-reviews .form-add .buttons-set button.button{ float:left;}
.top-opc { width:1170px; }
.top-opc li{float:left; width:150px; margin:0 40px 30px 0;}
.top-opc li .number{display:block; float:left; width:54px; height:54px; margin:0 10px 0 0; background:#dbdbdb; line-height:52px; font-family:"Myriad Pro",serif; font-size:30px; font-weight:300; color:#fff; text-align:center; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; }
.top-opc li h2{overflow:hidden; margin:11px 0 0; line-height:16px; font-size:16px; font-weight:300; color:#dbdbdb;}
.top-opc li.allow {cursor:pointer;}
.top-opc li.allow .number{background:#322c29;}
.top-opc li.allow h2{color:#322c29;}
.top-opc li.allow:hover .number{background:#97d2c9;}
.opc {border:0;}
.opc button.button span {font-size:12px; text-transform: lowercase;}
.opc .step {padding:23px 21px; margin:0 0 30px; position:relative; background:#fff; border:none; border-top:6px solid #97d2c9; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;
-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);
box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);}
.opc .step-title {display:none; padding:0; margin:0; background:transparent; border-bottom:1px solid #e8e8e8; font-size:18px; color:#4c4c4c; font-family:"Myriad Pro", serif; line-height:47px; height:47px;}
.opc .step-title h2 {margin:0; line-height:47px;}
.opc .step-title .number {margin:10px 20px 0 18px; padding:0 18px 0 0; border-right:1px solid #e0e0e0; line-height:25px;}
.opc .active .step-title {background: #f7f7f7; border:1px solid #e8e8e8;}
.opc .active .step-title .number {border-right:1px solid #e8e8e8;}
.opc .step-title:hover {background: #f7f7f7;}
.opc .active .step-title:hover {background: #f7f7f7;}
.opc h3{margin:0 0 15px; font-size:18px; color:#97d2c9; font-family:"Myriad Pro", serif; font-weight:300; }
.opc h4 {font-size:12px; font-weight:300; color:#97d2c9;}
.opc .buttons-set {margin:0;}
.opc .form-list {margin:10px 0 0;}
.opc .form-list li{margin:0;}
.opc .form-list .input-box {margin:0 0 15px;}
.opc .form-list .input-box {width:100%;}
.opc .form-list input.input-text {width:90%;}
.opc .form-list li.wide .input-box {width:100%;}
.opc .form-list li.wide input.input-text {width:95%;}
.opc .form-list .field {width:50%;}
.opc .td-label {display:none; font-style:italic; width:90px; }
.opc .product-name {overflow:hidden; }
#checkout-step-login {padding:0; margin:0; background:none transparent; border:0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
#checkout-step-login .block-checkout-register, #checkout-step-login .block-checkout-login{width:378px}
#checkout-step-login .block-checkout-register{margin-left:0}
#checkout-step-login .block-checkout-login{margin-right:0}
#checkout-step-login .block .block-title{margin:0; border:none; }
#checkout-step-login .block .block-content li {margin:0; padding:0; line-height:20px; background:none}
#checkout-step-login .block-checkout-register h4{margin-top:20px; }
#checkout-step-login .block-checkout-register ul.ul{}
#checkout-step-login .block-checkout-register ul.ul li {line-height:24px; font-weight:300; padding:0 0 0 24px; position:relative; }
#checkout-step-login .block-checkout-register ul.ul li:before { content: '\00b7';font-size:70px;position:absolute;top:2px;left:0px;font-family: "Times New Roman", sans-serif;font-style:normal;color:#97d2c9; }
#checkout-step-login .block-checkout-login .buttons-set button.button {float:left; margin:0 13px 0 0;}
#checkout-step-login .block-checkout-login .buttons-set .required {float:left; width:200px;}
#checkout-step-login .block-checkout-login .buttons-set a {float:left;}
#checkout-step-login input.input-text {width:318px;}
#checkout-step-login label {color:#808080; margin:0;}
#checkout-review-table {}
#checkout-review-table h3 {margin:0; font-size:12px; font-family:Arial,serif; color:#000; color:rgba(0,0,0,0.75); }
#checkout-step-review {}
#checkout-step-review .buttons-set {margin-top:10px; line-height:42px;}
#checkout-step-review .buttons-set button.button {float:right;}
#cart-sidebar-reorder {margin:0 0 30px}
.block-reorder .block-content .actions {text-align:right; line-height:42px; }
.block-progress dt {line-height:24px; font-weight:300; padding:0 0 0 24px; position:relative;}
.block-progress dt:before { content: '\00b7';font-size:70px;position:absolute;top:2px;left:0px;font-family: "Times New Roman", sans-serif;font-style:normal;color:#97d2c9; }
.block-progress dt.complete {background:transparent; font-weight:700; }
.block-progress dt a {font-size:10px; text-decoration:underline; }
.block-progress dt a:hover {text-decoration:none;}
.block-progress dt:last-child { border-bottom:none; }
.block-progress dd {margin:5px 0; padding:0 0 0 23px; }
.block-progress dd.complete { background: transparent;}
.block { float:left; width:230px; padding:23px 20px; margin:0 15px 30px; position:relative; background:#fff; border:none; border-top:6px solid #97d2c9; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;
-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);
box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);}
.block .block-title {border:0; padding:0 0 22px; margin:0 0 25px; color:#000; color:rgba(0,0,0,0.75); border-bottom:1px solid #e8e8e8; }
.block .block-title strong {font-size:22px; font-weight:400; font-family:"Myriad Pro", serif; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;}
.block .block-title small {font-size:70%}
.block .block-subtitle {margin:0 0 10px; padding: 0 0 25px; border-bottom: 1px solid #f4f4f4; font-size:14px;}
.block .block-content {padding:0; margin:0;}
.block .block-content p {padding:0 0 10px;}
.block .block-content .actions {margin:0; padding:0; text-align:center; }
.block .block-content .actions a:hover {text-decoration:none;}
.block .block-content .actions .f-right {line-height:35px;}
.block .block-content li, .block .block-content li.item {margin:0 0 0 3px; padding:0 0 0 13px; line-height:20px; background: url("https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_item.gif") 0 8px no-repeat }
.block .block-content li:last-child, .block .block-content li.item:last-child {border:0; }
.block .block-content a, .block .block-content li a, .block .block-content li.item a {color:#322c29; text-decoration:none;}
.block .block-content a:hover, .block .block-content li a:hover, .block .block-content li.item a:hover {color:#999; text-decoration:none; }
.block li.even, .block li.odd {background-color: transparent;}
.block .btn-remove, .block .btn-edit {float:left;}
/*.cms-index-index .block { float:left; width:270px; padding:0; margin:0 15px 30px; position:relative; background:#fff; border:none; border-top:6px solid #97d2c9; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;*/
/*-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);*/
/*-moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);*/
/*box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);}*/
/*.cms-index-index .block .block-title {border:0; padding:24px 35px 27px; margin:0; color:#000; color:rgba(0,0,0,0.75); text-align:center;}*/
/*.cms-index-index .block .block-title:after {content:''; float:left; width:120px; height:1px; background:#e8e8e8; margin:14px 0 0 39px;}*/
/*.cms-index-index .block .block-title strong {font-size:24px; font-weight:400; font-family:"Myriad Pro", serif; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;}*/
/*.cms-index-index .block .block-subtitle {margin:0 0 10px; padding: 0 0 15px; border-bottom: 1px solid #f4f4f4;}*/
/*.cms-index-index .block .block-content {padding:0 20px 25px; margin:0;}*/
/*.cms-index-index .block .block-content .actions {margin:0; padding:0; text-align:center; }*/
/*.cms-index-index .block .block-content .actions .f-right {line-height:35px;}*/
/*.cms-index-index .block .block-content li, .block .block-content li.item {margin:0; padding:0; line-height:20px; background: none; }*/
/*.cms-index-index .block .block-content li:last-child, .cms-index-index .block .block-content li.item:last-child {border:0; }*/
/*.cms-index-index .block .block-content li a:hover, .cms-index-index .block .block-content li.item a:hover {color:#999; }*/
/*.cms-index-index .block li.even, .cms-index-index .block li.odd {background-color: transparent;}*/
/*.cms-index-index .block .btn-remove, .cms-index-index .block .btn-edit {float:left;}*/
.block-tags .block-content li {line-height:22px; font-size:16px; background:none; padding:0; margin:0; }
.block-tags .block-content li a {color:#322c29;}
.block-tags .block-content .actions {width:270px; height:40px; line-height:40px; margin:16px -21px -22px; background:#fcfcfc; text-align:center;
-webkit-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);
-moz-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);
box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);}
.block-tags .block-content .actions a { float:none;}
.block-poll .question {float:left; margin:0 10px 0 0; font-size:18px; font-weight:300; font-family:"Myriad Pro", serif; color:#000; color:rgba(0,0,0,0.67); }
.block-poll .block-subtitle {font-weight:300; }
.block-poll .block-content li {line-height:30px; margin:0; padding:0; background:none; }
.block-poll input.radio { margin-top:7px; }
.block-poll .block-content .actions {margin:10px 0 0 0; padding:20px 0 0; border-top:1px solid #e8e8e8;}
.block-layered-nav .block-subtitle {display:none;}
.block-layered-nav dt {margin:10px 0 5px; padding:0px; border:0; font-size:14px; font-weight:400; font-family:"Myriad Pro", serif; color:#000; color:rgba(0,0,0,0.67);}
.block-layered-nav dd {margin:0 0 15px;}
.block-layered-nav .block-content dd li {margin:0 0 0 3px; padding:0 0 0 13px; line-height:20px; background: url("https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_item.gif") 0 8px no-repeat }
.block-layered-nav .block-content dd li:last-child {border:0; }
.block-layered-nav .block-content dd li a:hover {color:#999; }
.block-layered-nav .shopby_more {display:none; text-align:right;}
.block-layered-price {}
.block-layered-price .ui-slider-horizontal { height:6px; border:1px solid #e6e6e6; background:#fefefe; margin:0 0 10px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;
-webkit-box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.15);}
.block-layered-price .ui-widget-header {background:#5e5e5e none; }
.block-layered-price .ui-slider-horizontal .ui-slider-handle {top: -.3em; margin-left: -.6em;}
.block-layered-price .ui-slider .ui-slider-handle {width:19px; height:18px; }
.block-layered-price .ui-widget-content .ui-state-default {background:transparent url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/slider_handle.png') 0 0 no-repeat; border:none; cursor:pointer; }
.block-left-nav .block-title strong {font-size:24px;}
.block-compare .block-content li.item {margin:0 0 9px 25px; padding:0; line-height:16px; background:none;}
.block-compare .btn-remove {float:left; margin:1px 0 0 -25px; }
.block-compare .block-content .actions {margin:20px 0 0 0; padding:20px 0 0; border-top:1px solid #e8e8e8;}
.block-compare .block-content .actions .f-right {float:none !important;}
.block-compare .block-content .actions a {float:none;}
.block-compare .block-content .actions a:before {content:''; position:absolute; width:15px; height:15px; margin:10px 0 0 -20px; background-color:#393431; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/btn_remove.png);}
.block-bestsellers{}
.block-bestsellers .block-title {margin:0 0 21px;}
.block-bestsellers .block-content li {margin:0 0 12px; padding:0 0 12px; line-height:16px; background:none; border-bottom: 1px solid #f4f4f4;}
.block-bestsellers .block-content li:last-child {margin:0; padding:0; border:none;}
.block-bestsellers .product-image {float:left; width:56px; margin-right:10px; border:5px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);}
.block-bestsellers .product-info {float:left; width:120px; }
.block-bestsellers .price-box {margin-top:5px;}
.block-bestsellers .price-box .price {font-size:12px;}
.block-viewed{}
.block-viewed .block-title {margin:0 0 21px;}
.block-viewed .block-content li {margin:0 0 12px; padding:0 0 12px; line-height:16px; background:none; border-bottom: 1px solid #f4f4f4;}
.block-viewed .block-content li:last-child {margin:0; padding:0; border:none;}
.block-viewed .product-image {float:left; width:56px; margin-right:10px; border:5px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);}
.block-viewed .product-info {float:left; width:120px; }
.block-viewed .price-box {margin-top:5px;}
.block-viewed .price-box .price {font-size:12px;}
.block-subscribe{}
.block-subscribe .form-subscribe-header{text-align:center; font-size:14px; color:#000; color:rgba(0,0,0,0.67);}
.block-subscribe .input-box{margin:16px 0; text-align:center }
.block-subscribe input.input-text{min-width:90%; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }
.block-login {float:none; width:350px; margin:0 auto; padding:0; position:relative; background:#fff; border:none; border-top:6px solid #97d2c9; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;
-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);
box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);}
.block-login .block-title {padding:29px 33px 50px; border:0; margin:0; color:#000; color:rgba(0,0,0,0.75); text-align:center;}
.block-login .block-title:after {width:250px; margin:23px 0 0 17px; content:''; float:left; height:1px; background:#e8e8e8; }
.block-login .block-title strong {font-size:36px; line-height:30px;}
.block-login .block-content {margin:0; padding:0 43px 25px; text-align:center;}
.block-login .block-content ul {margin:0; padding:0; background:none; border:none; list-style:none; }
.block-login .block-content li {margin:0; padding:0; background:none; border:none; text-align:center;}
.block-login .block-content .form-list label { float:none; color:#505050; font-weight:300; padding:0;}
.block-login .block-content .form-list .input-box{margin:2px 0 21px; width:auto; text-align:center;}
.block-login input.input-text{margin:0; display:inline; min-width:96%; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }
.block-login .forgot-password{display:block; margin:10px 0 16px; color:#322c29; }
.block-login .forgot-password:hover{color:#000; text-decoration:none; }
.block-login .block-slider .slides > li strong {padding:0; margin:0; border:0;}
.block-login .block-slider .slides > li button.button {margin:0;}
.block-login .new-users {position:relative; width:350px; height:42px; overflow:hidden; margin:-25px 0 0; padding:13px 0; background:#fefefe; text-align:center;
-webkit-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);
-moz-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);
box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);}
.block-login .new-users .button{float:none;}
.block-login .error-msg, .block-login .success-msg { border:none !important; background:none !important; line-height:1.4; min-height:10px !important; padding:0 0 10px !important; font-size:14px !important; font-weight:normal !important; font-style: italic !important; }
/* Product Tabs */
.product-tabs-container {}
.product-tabs-container h2.tab-heading {display:none}
.product-tabs { margin:25px 0 0; border:0; }
.product-tabs li { float:left; border:1px solid #e1e1e1; height:43px; line-height:43px; margin-right:7px; position:relative; }
.product-tabs li.first { }
.product-tabs li.last { }
.product-tabs a { display:block; height:47px; padding:0px 20px; color:#000; color:rgba(0,0,0,0.67); font-size:16px; font-family:"Myriad Pro", serif; background: #f5f5f5; }
.product-tabs a:hover { background-color:#fff; text-decoration:none; }
.product-tabs li.active {border:none; border-top:4px solid #97D2C9; z-index:3; margin-top:-4px; height:46px; background:#fff;
border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;
-webkit-box-shadow:1px -1px 6px -1px rgba(0, 0, 0, 0.15);
-moz-box-shadow:1px -1px 6px -1px rgba(0, 0, 0, 0.15);
box-shadow:1px -1px 6px -1px rgba(0, 0, 0, 0.15);}
.product-tabs li.active a,
.product-tabs li.active a:hover { background-color:#fff; }
.product-tabs-content {position:relative; z-index:2; border:none; background:#fff; padding:23px; margin:69px 0 40px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
-webkit-box-shadow:2px 1px 6px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:2px 1px 6px 0px rgba(0, 0, 0, 0.15);
box-shadow:2px 1px 6px 0px rgba(0, 0, 0, 0.15);}
.product-tabs {
display: flex;
}
.product-tab-button {
height: 49px;
display: inline-block;
width: 33%;
}
.product-tabs .product-tab-button > li {
width: 100%;
}
.product-tab-button li a {
pointer-events: none;
}
.product-tab-input-switcher-1:checked ~ .product-tabs .product-tab-button:nth-child(1) > li,
.product-tab-input-switcher-2:checked ~ .product-tabs .product-tab-button:nth-child(2) > li,
.product-tab-input-switcher-3:checked ~ .product-tabs .product-tab-button:nth-child(3) > li{
border-bottom: 2px solid #000000;
}
.product-tab-input-switcher-1:checked ~ .product-tabs .product-tab-button:nth-child(1) > li > a,
.product-tab-input-switcher-2:checked ~ .product-tabs .product-tab-button:nth-child(2) > li > a,
.product-tab-input-switcher-3:checked ~ .product-tabs .product-tab-button:nth-child(3) > li > a{
font-weight: 700;
}
.product-tabs-content {
display: none;
}
.product-tab-input-switcher-1:checked ~ .product-tabs-content-1,
.product-tab-input-switcher-2:checked ~ .product-tabs-content-2,
.product-tab-input-switcher-3:checked ~ .product-tabs-content-3 {
display: block;
}
.product-tabs-content h2 { display:none; font-size:12px; font-weight:bold; }
.product-tabs-content h3, .product-tabs-content h4 {font-weight:400;}
.product-tabs-content h4 {margin:0 0 10px;}
.product-tabs-content .data-table td {padding-left:12px}
.product-tabs-content ul.disc {}
.product-tabs-content ul.disc li { width:auto; float:none; background:transparent url("https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_item.gif") no-repeat 10px 8px !important;; line-height: 22px; padding: 0 10px 0 20px;}
.product-tabs-accordion {display:none; margin:25px 0 30px; border:0; }
.product-tabs-container h2.tab-heading { border:1px solid #e1e1e1; height:43px; line-height:43px; margin:-1px 0 0; position:relative; background: #f5f5f5; }
.product-tabs-container h2.tab-heading:hover { background-color:#fff; }
.product-tabs-container h2.tab-heading{
color:#000; color:rgba(0,0,0,0.67); font-size:16px; font-family:"Sintony", sans-serif; padding-left: 20px;
}
.product-tabs-container h2.tab-heading a { display:block; height:35px; width:35px; /*padding:0px 20px;*/ position:absolute; top:5px; right:5px; background:#FEFEFE url("../img/arrow_footer.png") 0 0 no-repeat; background-size: 70px 70px;
background-position: 0% 0%;
-webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; border-radius: 100% !important; }
.product-tabs-container h2.tab-heading a:hover { text-decoration:none; background-color: #B2A89F !important; background-position: 0% 100%; }
.product-tabs-container h2.active {border:none; border-top:4px solid #97D2C9; background:#fff;
border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;
-webkit-box-shadow:1px -1px 6px -1px rgba(0, 0, 0, 0.15);
-moz-box-shadow:1px -1px 6px -1px rgba(0, 0, 0, 0.15);
box-shadow:1px -1px 6px -1px rgba(0, 0, 0, 0.15);}
.product-tabs-container h2.active a,
.product-tabs-container h2.active a:hover { background-color:#fff; background-position: 100% 100%;}
.product-tabs-container h2.active a{background-position: 100% 0%;}
.accordion-content {display:none; margin:0;}
.product-view {}
.product-view .buttons-set .back-link {float:right; margin:-60px 0 0;}
.review-product-list .product-view .buttons-set .back-link {display:none;}
.review-product-list .product-view .box-reviews {margin:0 0 30px;}
.product-view h1 {font-size:30px; font-family:"Myriad Pro",serif; font-weight:400; color:#322c29; letter-spacing:-1px}
.product-view h2 {font-size:20px; font-family:"Myriad Pro",serif; font-weight:400; color:#322c29; letter-spacing:-1px}
.product-view .product-name { margin-bottom:7px; }
.product-view .product-name a{ color:#322c29; }
.product-view .product-name a:hover{ color:#000; text-decoration:none; }
.product-view .availability { float:left; clear:left; font-size:12px; font-weight:300; color:#73b334; margin:10px 14px 0px 0; }
.product-view .sku { float:left; font-size:12px; font-weight:700; margin:10px 0 0; }
.product-view .availability-grouped { float:none; margin:5px 14px 15px 0; }
.product-view .sku-grouped { font-size:12px; font-weight:700; margin:0 0 15px; }
.product-view .grouped-items-table {margin:0 0 20px;}
.product-view .product-shop .grouped-items-table .price-box .price { font-size:24px; line-height:24px; }
.product-view .product-shop .grouped-items-table tbody td { padding:10px;}
.product-view .product-essential {}
.product-view .short-description { margin:15px 0; padding:17px 0; border:1px solid; border-color:#e3e3e3; border-color:rgba(227,227,227,0.61); border-left:none; border-right:none; color:#000; color:rgba(0,0,0,0.67);}
.product-view .qty-container { margin:0 0 17px; padding:0 0 17px; border-bottom:1px solid; border-bottom-color:#e3e3e3; border-bottom-color:rgba(227,227,227,0.61);}
.product-view .qty-container label{float:left; margin-right:10px; line-height:30px; color:#000; color:rgba(0,0,0,0.67);}
.product-view .qty-container input{float:left; width:40px;}
.product-view .product-options {background: transparent; margin:0 0 0 13px; padding:0;}
.col1-layout .product-view .product-shop { float:none; width:auto; overflow:hidden; margin:0;}
.product-view .product-shop-info {overflow:hidden; padding:0 2px;}
.product-view .product-shop .product-options {margin:0px 0 13px;}
.product-view .product-shop .price-box {position:relative; float:left;}
.product-view .product-shop .price-box .price-label { display:block;}
.product-view .product-shop .price-box .price { font-size:48px; line-height:48px; }
.product-view .product-shop .price-box .old-price { position:absolute; left:100%; margin:7px 14px; }
.product-view .product-shop .price-box .old-price .price { color:#b5b5b5; font-size:14px; line-height:100%; }
.product-view .product-shop .price-box p{}
.product-view .product-shop .price-box-bundle {float:none;}
.product-view .product-shop .price-box-bundle .price-box {float:none;}
.product-view .product-shop .price-box-bundle .price-box p {display:block;}
.product-view .product-shop .grouped-items-table .price-box .old-price {position:static; margin:0;}
.product-view .product-options dt {margin:10px 0 0;}
.product-view .product-options dt label em {color:#9A1212;}
.product-view .product-options dd {padding: 0px 0px 17px; margin:0 0 17px; border-bottom:1px solid; border-bottom-color:#e3e3e3; border-bottom-color:rgba(227,227,227,0.61);}
.product-options dd input.input-text {width:96%}
.product-view .product-options .qty-holder {display:block; margin-top:5px;}
.product-view .product-options dd input.qty {width:40px;}
.product-view .product-options-bottom {background: transparent; margin:10px 0; padding:0;}
.product-view .product-shop .product-options-bottom {margin:0; float:left;}
.product-view .product-shop .product-options-bottom .price-box {float:none; margin:0 0 15px; }
.product-view .product-img-box {width:363px; position:relative; margin: 0 30px 0 0;}
.product-view .product-img-box .zoom {width: 210px; background:none; }
#track { background: url("https://berghoffworldwide.com/skin/frontend/shopper/default/images/slider_bg.gif") no-repeat scroll 50% 50% transparent; }
.product-view .product-img-box .product-image {padding:0; margin:0 0 6px; position:relative; background:#fff; border:9px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);}
.product-view .product-img-box .product-image a {display:block; position: relative; overflow: hidden;}
.product-view .product-img-box .zoom-notice {margin:5px 0;}
.product-view .product-img-box .product-image-zoom {width:363px; height:363px;}
.product-view .product-img-box .zoom-thumbnail {}
.product-view .product-img-box .more-views { padding:8px 0; margin:0 0 6px; position:relative; background:#fff; border:9px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);
box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);}
.product-view .product-img-box .more-views ul {margin:0;}
.product-view .product-img-box .more-views li { float:left; background:transparent; padding:0; margin:0 6px 0 0;}
.product-view .product-img-box .more-views .jcarousel-skin-tango {margin:0 46px;}
.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-container-horizontal {margin:0; width:402px;}
.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-clip-horizontal {margin:0; width:402px;}
.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item {width:126px; margin:0 4px;}
.product-view .product-img-box .more-views .jcarousel-controls {position:relative;}
.product-view .product-img-box .more-views .jcarousel-prev-horizontal { position:absolute; left:1px;}
.product-view .product-img-box .more-views .jcarousel-next-horizontal { position:absolute; right:1px;}
.product-view .add-to-cart { margin:0;}
.product-view .product-shop .add-to-box { margin:0; float:left;}
.product-view .product-shop .add-to-cart button.button { margin:0;}
.product-view .add-to-cart button.button span{ height:52px; background-image:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/btn_overlay_product.png'); }
.product-view .add-to-cart button.button span span {line-height:52px; font-size:14px; text-transform:capitalize; padding:0 20px 0 70px; background:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_cart_product.png') 17px 50% no-repeat; }
.product-view .add-to-links{margin:88px 0 0; padding:0; float:left; }
.product-view .add-to-links li{line-height:38px; padding-left:53px; margin:0 0 0 20px; float:left;}
.product-view .product-shop-info .add-to-links{float:none; clear:left;}
.product-view .product-shop-info .add-to-links li{margin:8px 50px 0 0; float:none;}
.product-view .add-to-links li a{display:block; color:#322c29; font-size:14px;}
.product-view .add-to-links li span.icon {display:block; float:left; overflow:hidden; margin-left:-53px; width:38px; height:38px; background:#322c29 url("https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_wishlist.png") 50% 50% no-repeat; -webkit-border-radius:100% !important; -moz-border-radius:100% !important; border-radius:100% !important; text-indent:-999px; }
.product-view .add-to-links li.compare span.icon {background-image:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_compare.png');}
.product-view .add-to-links li.email-friend span.icon {background-image:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_email.png');}
.product-view .add-to-links li a:hover {text-decoration:none }
.product-view .add-to-links li:hover span.icon {background-color:#97d2c9}
.product-view .add-to-links .link-wishlist,
.product-view .add-to-links .link-compare {font-weight:400;}
.product-view .product-shop .no-rating, .product-view .product-shop .ratings { margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid; border-bottom-color:#e3e3e3; border-bottom-color:rgba(227,227,227,0.61); }
.product-view .product-shop .no-rating a, .product-view .product-shop .ratings a {color:#000; color:rgba(0,0,0,0.67); font-size:12px; text-decoration:none;}
.product-view .product-shop .no-rating a:hover, .product-view .product-shop .ratings a:hover {color:#000;}
.product-view .addthis_toolbox {margin:17px 0;}
.product-view .grouped-items-table .qty{width:30px;}
.product-view .tier-prices{margin:14px 0 0;}
.product-options dd select {width:208px;}
.product-options dd select.multiselect {width:100%;}
.product-view .box-tags h3 {font-size:14px; font-family:"Myriad Pro", serif;}
.product-view .box-tags .product-tags {margin:10px 0 20px;}
.product-view .box-tags .product-tags li { display:inline; padding:0 6px; }
.product-view .box-tags .product-tags li a{ text-decoration: underline; }
.product-view .box-tags div.form-add{ border-top:1px solid #ededed; padding-top:20px; }
.product-view .box-tags .form-add label{ display:block; float:none; font-size:14px; margin-bottom:5px; }
.product-view .box-tags .form-add .input-box {margin:0;}
.product-view .box-tags .form-add .input-text {height:24px; line-height:24px; border-right:0;}
.product-view .box-tags .form-add button.button span {height:34px;line-height:34px; }
.product-view .after-tabs-block { margin:0 0 30px;}
.product-view .product-additional { float:right; width:270px; margin:0 3px 0 27px;}
.product-view .product-additional .block {margin:0 0 20px; padding:0; width:270px; }
.product-view .product-additional .block .block-title {border:0; padding:24px 35px 27px; margin:0; color:#000; color:rgba(0,0,0,0.75); text-align:center;}
.product-view .product-additional .block .block-title:after {content:''; float:left; width:120px; height:1px; background:#e8e8e8; margin:14px 0 0 39px;}
.product-view .product-additional .block .block-title strong {font-size:24px; font-weight:400; font-family:"Myriad Pro", serif; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;}
.product-view .product-additional .block .block-subtitle {margin:0 0 10px; padding: 0 0 15px; border-bottom: 1px solid #f4f4f4;}
.product-view .product-additional .block .block-content {padding:0 20px 25px; margin:0;}
.product-view .product-additional .block .block-content .actions {margin:0; padding:0; text-align:center; }
.product-view .product-additional .block .block-content .actions .f-right {line-height:35px;}
.product-view .product-additional .block .block-content li {margin:0; padding:0; line-height:20px; background: none; }
.product-view .product-additional .block .block-content li:last-child, .product-view .product-additional .block .block-content li.item:last-child {border:0; }
.product-view .product-additional .block .block-content li:hover a, .product-view .product-additional .block .block-content li.item:hover a {color:#999; }
.product-view .product-additional .block li.even, .product-view .product-additional .block li.odd {background-color: transparent;}
.product-view .product-additional .block .btn-remove, .product-view .product-additional .block .btn-edit {float:left;}
.product-view .box-up-sell {}
.product-view .box-up-sell h2{font-size:24px; text-transform:uppercase; margin:0 80px 20px 0 }
.product-view .box-up-sell .block-subtitle {line-height:32px;}
.product-view .box-up-sell .block-subtitle a {font-weight:300; text-decoration:underline; }
.product-view .box-up-sell .block-subtitle a:hover {text-decoration:none; }
.product-view .box-up-sell .jcarousel-item, .product-view .box-up-sell .item {width:280px; margin:0;}
.product-view .box-up-sell .item {float:left; width:130px; padding:0; margin:3px 4px 20px 3px; position:relative; }
.product-view .box-up-sell .product-image {display:block; border:9px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);}
.product-view .box-up-sell .product-name {color:#3c3c3c; font-size:12px; font-weight:300; display:block; margin:10px 4px 6px; line-height:120%; }
.product-view .box-up-sell .product-name:hover {color:#000; text-decoration:none;}
.product-view .box-up-sell .upsell-checkbox {margin:0 4px; line-height:12px; float:left; }
.product-view .box-up-sell .price-box {overflow:hidden; margin:0px 0 0 4px; line-height:12px; }
.product-view .box-up-sell .price-box .price {font-size:12px; font-family:Arial,serif; line-height:100%;}
.product-view .box-up-sell .jcarousel-next-horizontal {margin:-55px 0 0 30px; background-color:#efefef}
.product-view .box-up-sell .jcarousel-prev-horizontal {margin:-55px 0 0 0; background-color:#efefef}
.product-view .box-up-sell .jcarousel-container-horizontal {width:280px; margin:0;}
.product-view .box-up-sell .jcarousel-clip-horizontal {width:280px; margin:0;}
.box-up-sell2 {position: relative; margin:30px 0 0 -15px; display:none; }
.box-up-sell2 h3{ font-family:"Myriad Pro", serif; font-size:24px; font-weight:300; padding:0 0 28px; margin:0 0 0 15px; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;}
.box-up-sell2 .block-subtitle{ margin:-15px 15px 15px; text-align:left; }
.box-up-sell2 .block-subtitle a{text-decoration:underline;}
.box-up-sell2 .block-subtitle a:hover{text-decoration:none;}
.box-up-sell2 .jcarousel-list li {float:left; width:252px; padding:0; margin:0 15px 53px; position:relative; background:#fff; border:9px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15);}
.box-up-sell2 .jcarousel-list h3{ font-size:24px; font-family:"Myriad Pro",serif; font-weight:300; color:#000; color:rgba(0,0,0,0.67); letter-spacing:-1px; margin:27px 0 26px 2px; text-align:center; }
.box-up-sell2 .jcarousel-list .button-container {float:right;}
.box-up-sell2 .jcarousel-list .button-container button.button span {width:35px; height:35px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; text-indent:-9999px;}
.box-up-sell2 .jcarousel-list .button-container button.button span span {padding:0; background:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_cart_listing.png') 50% 50% no-repeat; }
.box-up-sell2 .jcarousel-list .product-image {display: block; margin:0 0 12px; }
.box-up-sell2 .jcarousel-list .product-image img {position:relative; z-index:0; }
.box-up-sell2 .jcarousel-list .product-name {color:#3c3c3c; font-size:16px; font-weight:300; display:block; margin:4px; line-height:120%; }
.box-up-sell2 .jcarousel-list .product-name:hover {color:#000; text-decoration:none;}
.box-up-sell2 .jcarousel-list .upsell-checkbox {margin:0 4px; line-height:12px; float:left; }
.box-up-sell2 .jcarousel-list .price-box {overflow:hidden; margin:0px 0 0 4px; line-height:12px; letter-spacing:-1.2px }
.box-up-sell2 .jcarousel-next-horizontal {background-color:#efefef}
.box-up-sell2 .jcarousel-prev-horizontal {background-color:#efefef}
.banner{margin-bottom:10px;}
.banner a{display: block; position: relative; margin:0px; text-decoration:none;}
.banner a:hover{text-decoration:none;}
.banner a span{position:absolute; padding: 12px; top:50%; background: #1b1a19; font-weight: 300 !important; font-size:16px; line-height: 16px; color:#fff}
.banner a.text-left span{left:0; text-align: left;}
.banner a.text-center span{left:0; right:0; margin:0 auto; text-align: center;}
.banner a.text-right span{right:0; text-align: right;}
.banner a em{position:absolute; z-index:2; width:100%; height:100%; top:0; left:0; background: #000;
filter: alpha(opacity=0); /* internet explorer */
opacity: 0; /* fx, safari, opera, chrome */
}
.banner a:hover em{
filter:alpha(opacity=10); /* internet explorer */
opacity:0.1; /* fx, safari, opera, chrome */
}
/* My Account ============================================================================= */
.my-account .title-buttons .link-rss { float:none; margin:0; }
/********** < Dashboard */
.dashboard .welcome-msg { margin:0 8em 1.5em 0; }
.dashboard .welcome-msg p { margin:0; }
.dashboard .col2-set { margin:0 0 15px; }
/* General Box */
.box-account { margin:0 0 15px; }
.box-account .box-head { margin:0 0 5px; text-align:right; }
.box-account .box-head h2 { float:left; margin:0; font-size:14px; font-weight:bold; color:#4c4c4c; }
.box-account .box-head a { font-size:10px; text-transform:uppercase; }
.dashboard .box .box-title { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; text-align:right; }
.dashboard .box .box-title h3,
.dashboard .box .box-title h4 { float:left; margin:0; font-size:12px; font-weight:bold; line-height:1.35; }
.dashboard .box .box-title a { font-size:10px; text-transform:uppercase; }
.dashboard .box .box-content { padding:0 10px; }
/* Block: Recent Orders */
.dashboard .box-recent {}
/* Block: Account Information */
.dashboard .box-info {}
.dashboard .box-info h4 { font-size:11px; font-weight:bold; }
/* Block: Reviews */
.dashboard .box-reviews .box-head { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; }
.dashboard .box-reviews .box-head h2 { font-size:12px; font-weight:bold; line-height:1.35; color:#444; }
.dashboard .box-reviews .number { display:none; float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; }
.dashboard .box-reviews .details { padding:0 10px; }
.dashboard .box-reviews li.item { margin:0 0 7px; }
.dashboard .box-reviews li.item.last { margin:0; }
.dashboard .box-reviews .ratings { margin:7px 0 0; }
/* Block: Tags */
.dashboard .box-tags .box-head { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; }
.dashboard .box-tags .box-head h2 { font-size:12px; font-weight:bold; line-height:1.35; color:#444; }
.dashboard .box-tags .number { display:none; float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; }
.dashboard .box-tags .details { padding:0 10px; }
.dashboard .box-tags li.item { margin:0 0 7px; }
.dashboard .box-tags li.item.last { margin:0; }
.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li { display:inline; }
/********** Dashboard > */
/* Address Book */
.addresses-list h2 { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; font-size:13px; font-weight:bold; line-height:1.25; }
.addresses-list h3 { font-weight:bold; font-size:12px; }
.addresses-list address { margin:0 0 3px; }
.addresses-list p { margin:0; }
.addresses-list a { font-weight:bold; }
.addresses-list .link-remove {}
.addresses-list .separator { margin:0 3px; }
.addresses-list li.item { padding:0 10px; margin:0 0 12px; }
.addresses-list li.empty {}
.addresses-list li.empty p { font-weight:bold; }
.addresses-list .addresses-additional li.item {}
/* Order View */
.order-info dt { display:none; }
.order-info ul { margin-bottom:15px; border-bottom:1px solid #666; background:#f2f2f2; }
.order-info li{ float:left; border-right:1px solid #a4a4a4; border-left:1px solid #fff; font-size:1.1em; line-height:1em; }
.order-info li.first { border-left:0; }
.order-info li.last { border-right:0; }
.order-info li a { display:block; padding:6px 15px; color:#444; }
.order-info li a:hover { background-color:#ddd; text-decoration:none; color:#444; }
.order-info li.current { background-color:#666; font-weight:bold; padding:6px 15px; color:#fff; }
.order-date { margin:10px 0; }
.order-info-box { margin:0 0 15px; }
.order-info-box h2 { font-size:13px; font-weight:bold; border-bottom:1px solid #ddd; margin:0 0 8px; }
.order-info-box .box-payment p { margin:0 0 3px; }
.order-info-box .box-payment th { font-weight:bold; padding-right:7px; }
.order-items { width:100%; overflow-x:auto; }
.order-items h2,
.order-items h3 { clear:none; font-weight:bold; font-size:13px; padding:0; margin:0 0 .45em; }
.order-items h3 { font-size:12px; }
.order-items .product-name { font-weight:bold !important; }
.order-items .link-print { font-size:10px; text-transform:uppercase; }
.order-items .order-links { text-align:right; }
.order-items .order-links .link-print { font-weight:bold; font-size:11px; text-transform:none; }
.order-additional { margin:15px 0; }
/* Order Gift Message */
.gift-message dt strong { color:#555; }
.gift-message dd { font-size:13px; margin:5px 0 0; }
/* Order Comments */
.order-about dt { font-weight:bold; }
.order-about dd { font-size:13px; margin:0 0 7px; }
#my-orders-table {}
#my-orders-table span.title {display:none; font-weight:700; width:100px; padding:0 15px 0 0 ;}
.tracking-table { margin:0 0 15px; }
.tracking-table th { font-weight:bold; white-space:nowrap; }
.tracking-table-popup { width:100%; }
.tracking-table-popup th { font-weight:bold; white-space:nowrap; }
.tracking-table-popup th,
.tracking-table-popup td { padding:1px 8px; }
/* Order Print Pages */
.page-print .print-head { margin:0 0 15px; }
.page-print .print-head .logo { float:left; }
.page-print .print-head address { float:left; margin-left:15px; }
.page-print h1 { font-size:15px; font-weight:bold; }
.page-print h2,
.page-print h3 { font-size:12px; font-weight:bold; }
.page-print h2.h2 { font-size:15px; font-weight:bold; text-align:right; }
.page-print .order-date { border-bottom:1px solid #ccc; padding:0 0 10px; margin:0 0 10px; }
.page-print .col2-set { margin:0 0 10px; }
/* Price Rewrites */
.page-print .gift-message-link { display:none; }
.page-print .price-excl-tax,
.page-print .price-incl-tax { display:block; white-space:nowrap; }
.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price { display:inline; }
/* My Wishlist */
.my-wishlist .data-table td { padding:10px; text-align: center !important; }
.my-wishlist .product-image { display:block; width:113px; height:113px; margin:0 auto 5px; }
.my-wishlist textarea { display:block; width:96%; height:109px; }
.my-wishlist .buttons-set { border:0; padding:0; margin:20px 0 0; text-align:left; }
.my-wishlist .buttons-set button.button { float:none; }
.my-wishlist .buttons-set .btn-add span,
.my-wishlist .buttons-set .btn-share span {}
#wishlist-table .add-to-links { white-space:nowrap; }
#wishlist-table input.qty { width:50px; margin:0 0 15px; }
/* My Tags */
.my-tag-edit { float:left; margin:0 0 10px; }
.my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; }
#my-tags-table { clear:both; }
#my-tags-table td { padding:10px; }
#my-tags-table .add-to-links { white-space:nowrap; }
/* My Reviews */
#my-reviews-table td { padding:10px; }
#my-reviews-table .rating-box { margin:3px 0 0; }
.product-review .product-img-box { float:left; width:140px; }
.product-review .product-img-box .product-image { display:block; width:125px; height:125px; }
.product-review .product-img-box .label { font-size:11px; margin:0 0 3px; }
.product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; }
.product-review .product-details { margin-left:150px; }
.product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; }
.product-review h3 { font-size:12px; margin:0 0 3px; color:#2f2f2f; }
.product-review .ratings-table { margin:0 0 10px; }
.product-review dt { font-weight:bold; }
.product-review dd { font-size:13px; margin:5px 0 0; }
.product-review dd { font-size:13px; margin:5px 0 0; }
.new-users button.button {float:left;}
.registered-users input.input-text{width:455px;}
.site-block { position:fixed; z-index:11999; }
.left-side, .right-side { width:250px; top:200px; }
.left-side{ left:-250px; }
.right-side { right:-250px; }
.bottom { right:0; bottom:0; }
.prev-next {margin:0; position:relative; float:right; }
.prev-next span{}
.product-prev {}
.product-next {}
.product-prev, .product-next {display:block; float:right; margin:-5px 0 0 5px; overflow:hidden; height:27px; line-height:27px; border:1px solid #e1e1e1; -webkit-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05); box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.05); background:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/sorter_bg.gif') 0 0 repeat-x }
.product-prev span, .product-next span {display:block; width:63px; padding:0 11px; background:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/prev_next.png') 0 0 no-repeat }
.product-prev {right:108px; }
.product-prev span{padding-left:28px; text-align:right; }
.product-next span{padding-right:28px; background-position:100% 100%; }
.product-next:hover, .product-prev:hover { text-decoration:none; -webkit-box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.05); box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.05);}
/************* POPUP style */
.page-popup { background: #e9e9e9; }
/************* FACEBOOK */
#fb-root { display: none;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }
/************* SLIDER */
.slider { position: relative; top: 0; left: 0; overflow: hidden; width:100%; height:100%; padding:7px 0 20px; background:#f4f4f2;}
#slide-timeline {position: absolute; z-index: 999; top: 0; width:0; height: 12px; background:#322c29;}
#slider-timeline.animated {
animation: progress-bar 7s infinite;
}
@keyframes progress-bar {
0% {
width: 0;
}
100% {
width: 100%;
}
}
/* Browser Resets */
.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 Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; width:auto\9; /* ie8 */}
.flexslider .slides .small_image{display:none; width:100%; height:auto;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin:0; position:relative; zoom:1; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
.flexslider .slides .row{position:relative;}
.flexslider .slides .content{float:left; max-width:1000px; margin:30px 100px; color:#454746; color:rgba(0,0,0, 0.6); text-align:center; }
.flexslider .slides .content strong{font-family:"Myriad Pro",sans-serif; font-size:60px; font-weight:300; text-transform:uppercase; line-height:50px; color:#454746; color:rgba(0,0,0, 0.8); }
.flexslider .slides .content .border{margin:15px 10px; height:1px; background:#bfc5c3; background:rgba(0,0,0,0.09); }
.flexslider .slides .content p{margin:0; font-size:14px;}
.flexslider .slides .content button{margin:15px 0 0;}
.flexslider .slides .text-right .content{float:right; }
.flexslider .slides .text-center .content{float:none; margin:30px auto;}
/* Direction Nav */
.flex-direction-nav {position:relative; width:1200px; margin:0 auto;}
.flex-direction-nav a {width: 77px; height: 77px; margin:0; display: block; background:#fff url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/slideshow_arrows.png) no-repeat 0 0; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:8px; height:8px; display: block; background:#ededed; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #97d2c9; }
.flex-control-paging li a.flex-active { background: #97d2c9; cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
/*** Column slider ***/
.block-slider {}
.block-slider {margin: 0; padding: 0; }
.block-slider .slides > li {margin:0; padding:0; line-height:1.4; text-align:center; background:none transparent; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.block-slider .slides > li strong {display:block; border:0; padding:0 0 22px; margin:0 0 25px; color:#000; color:rgba(0,0,0,0.75); border-bottom:1px solid #e8e8e8; font-size:22px; font-weight:400; font-family:"Myriad Pro", serif; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;}
.block-slider .slides > li p {margin:0 0 20px; text-align:center; font-size:14px; color:#000; color:rgba(0,0,0,0.67);}
.block-slider .slides > li button.button {margin:-21px 0 21px;}
.block-slider .slides img {max-width: 100%; display: block; }
.block-slider .flex-control-nav {position:relative; width:270px; height:33px; overflow:hidden; margin:0 -20px -25px; background:#fefefe; text-align:center;
border-bottom-left-radius:2px; -moz-border-bottom-left-radius:2px; -webkit-border-bottom-left-radius:2px; border-bottom-right-radius:2px; -moz-border-bottom-right-radius:2px; -webkit-border-bottom-right-radius:2px;
-webkit-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);
-moz-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);
box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);}
.block-slider .flex-control-nav li {margin: 0 6px; padding:0; line-height:33px; background:none transparent; display:inline-block; zoom: 1; *display: inline;}
.block-slider .flex-control-paging li a {margin:12px 0; }
.cms-index-index .block-slider {}
.cms-index-index .block-slider {margin: 0; padding: 0; }
.cms-index-index .block-slider .slides > li {margin:0; padding:22px 0 0; line-height:1.4; text-align:center; background:none transparent; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.cms-index-index .block-slider .slides > li strong {display:block; border:0; padding:0 0 22px; margin:0 0 25px; color:#000; color:rgba(0,0,0,0.75); border-bottom:1px solid #e8e8e8; font-size:22px; font-weight:400; font-family:"Myriad Pro", serif; text-transform:uppercase; letter-spacing:-1.2px; line-height:21px;}
.cms-index-index .block-slider .slides > li p {margin:0 0 20px; text-align:center; font-size:14px; color:#000; color:rgba(0,0,0,0.67);}
.cms-index-index .block-slider .slides > li button.button {margin:-21px 0 21px;}
.cms-index-index .block-slider .slides img {max-width: 100%; display: block; }
.cms-index-index .block-slider .flex-control-nav {position:relative; width:270px; height:33px; overflow:hidden; margin:0 -20px -25px; background:#fefefe; text-align:center;
-webkit-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);
-moz-box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);
box-shadow:inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);}
.cms-index-index .block-slider .flex-control-nav li {margin: 0 6px; padding:0; line-height:33px; background:none transparent; display:inline-block; zoom: 1; *display: inline;}
.cms-index-index .block-slider .flex-control-paging li a {margin:12px 0; }
.block-slideshow {padding:23px 20px 25px;}
/* toTop Button */
#toTop { display:none; text-decoration:none; position:fixed; z-index:100; bottom:100px; right:10px; overflow:hidden; width:56px; height:56px; border:none; text-indent:-999px; background:#97d2c9 url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_totop.png) 0 0 no-repeat; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; border-radius:100%;}
#toTop:hover {background-color:#fff; background-position:0 100%;}
.twitterWidget {min-height:275px}
#review-buttons-container {margin:15px;}
#review-buttons-container button {margin:0 15px 15px 0;}
.paypal-shipping-method {margin:0 0 15px}
.calendar {z-index:1 !important}
.page-sitemap .links { float:none; text-align: right; margin: 0 0 10px; }
.page-sitemap img.v-middle {vertical-align:top;}
/* ==|== media queries ======================================================
EXAMPLE Media Query for Responsive Design.
This example overrides the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
/***** Standard 1200px *****/
.row { margin:0 auto; width:1200px; }
.row .row { width:auto; display:inline-block; margin:0 -15px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin:0 15px; min-height:1px;}
.grid_1 { width:70px;}
.grid_2 { width:170px;}
.grid_3 { width:270px;}
.grid_4 { width:370px;}
.grid_5 { width:470px;}
.grid_6 { width:570px;}
.grid_7 { width:670px;}
.grid_8 { width:770px;}
.grid_9 { width:870px;}
.grid_10 { width:970px;}
.grid_11 { width:1070px;}
.grid_12 { width:1170px;}
.space_1 { margin-left:100px; }
.space_2 { margin-left:200px; }
.space_3 { margin-left:300px; }
.space_4 { margin-left:400px; }
.space_5 { margin-left:500px; }
.space_6 { margin-left:600px; }
.space_7 { margin-left:700px; }
.space_8 { margin-left:800px; }
.space_9 { margin-left:900px; }
.space_10 { margin-left:1000px; }
.space_11 { margin-left:1100px; }
/* CMS PAGE ======================================================================================= */
.cms-page-view h1,.cms-page-view h2,.cms-page-view h3,.cms-page-view h4,.cms-page-view h5,.cms-page-view h6{margin: 0 0 10px}
.cms-page-view h1 {font-size: 30px;}
.cms-page-view h2 {font-size: 26px;}
.cms-page-view h3 {font-size: 22px;}
.cms-page-view h4 {font-size: 18px;}
.cms-page-view h5 {font-size: 16px;}
.cms-page-view h6 {font-size: 14px;}
.cms-page-view .page-head h3 {font-size: 36px; margin: -30px 0 30px}
.cms-page-view p {margin: 5px 0 15px;}
.std .alignleft { margin: 4px 27px 7px 0; float: left;}
.std .alignright { margin: 4px 0 7px 27px; float: right;}
.std .aligncenter { margin: 0 auto 7px; display: block; text-align: center;}
.content-container .std a.alignleft, .content-container .std a.alignright, .content-container .std a.aligncenter { background-color: transparent; padding: 0;}
.std blockquote {
background-color: #f0f0f0;
margin: 0;
padding: 25px 25px 10px;
font-size: 15px;
}
.std blockquote:before {
content: '"';
width: 15px; height: 11px;
margin: -2px 5px 0 -2px;
font-size: 22px;
float: left;
}
/* Class: std - styles for admin-controlled content */
.std { }
.std a {}
.std a:hover {}
.std ul.ox_list_simple { list-style: disc}
.std ol.ox_list_simple { list-style: decimal}
.std ul.ox_list_simple, .std ol.ox_list_simple { padding-left: 18px; margin: 0 0 18px;}
.std ul.ox_list_simple li, .std ol.ox_list_simple li {margin-bottom: 8px;}
.std ul.ox_list_simple li p, .std ol.ox_list_simple li p {margin: 0;}
.std ul.ox_list_simple li p img, .std ol.ox_list_simple li p img {margin-top: 10px;}
.std dl dt { margin-bottom: 8px; text-transform: uppercase;}
.std dl dd { margin: 0 0 18px; padding: 0;}
/* for table */
.std .data-table thead th { color: #000;}
.std .data-table tbody th {
padding: 13px 19px;
color: #000;
font-size: 13px;
text-transform: uppercase;
}
/* Tables
-------------------------------------------------- */
table.ox_table { margin-bottom: 21px; width: 100%}
table.ox_table th, table.ox_table td, table.ox_table caption { padding: 10px 15px}
table.ox_table caption { background: #eee}
table.ox_table thead { background: #363636}
table.ox_table thead th { text-align: left; color: #fafafa}
table.ox_table tbody td { border-top: 1px solid #ddd; border-color: rgba(0,0,0,.06); -moz-transition: all .6s ease-in; -webkit-transition: all .6s ease-in; -o-transition: all .6s ease-in;}
table.ox_table tbody tr:first-child td { border-top: 0}
table.ox_table tbody tr:hover td {background: #f8f8f8; border-color: rgba(0,0,0,.03); color: #757575; -moz-transition: all .1s ease-in; -webkit-transition: all .1s ease-in; -o-transition: all .1s ease-in;}
table.ox_table tfoot { font-style: italic}
pre {
overflow-x: auto;
padding-left: 8px; margin-bottom: 20px;
line-height: 21px;
}
/* Fluid Columns
-------------------------------------------------------------- */
.one_half, .one_third, .two_third, .one_fourth, .three_fourth { float: left; margin-right: 3.8%;}
.one_half { width: 48%; *width: 47.99%;}
.one_third { width: 30.66%; }
.two_third { width: 65.32%; }
.one_fourth { width: 22%; *width: 21.9%; }
.three_fourth { width: 74%; }
.one_half.last, .one_third.last, .two_third.last, .one_fourth.last, .three_fourth.last { margin-right: 0px;}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
.no-shadow{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear { clear:both; height:0; line-height: 0; font-size: 0;}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/***** Standard 960px *****/
@media only screen and (min-width:960px) and (max-width:1200px) {
.row { margin:0 auto; width:960px; }
.order-main-row.row { width: 900px;}
.row .row { width:auto; display:inline-block; margin:0 -16px; }
.grid_1 { width:48px; margin:0 16px 0 16px; float:left; display:inline; position:relative }
.grid_2 { width:128px; margin:0 16px 0 16px; float:left; display:inline; position:relative }
.grid_3 { width:208px; margin:0 16px 0 16px; float:left; display:inline; position:relative }
.grid_4 { width:288px; margin:0 16px 0 16px; float:left; display:inline; position:relative }
.grid_5 { width:368px; margin:0 16px 0 16px; float:left; display:inline; position:relative }
.grid_6 { width:448px; margin:0 16px 0 16px; float:left; display:inline; position:relative }
.grid_7 { width:528px; margin:0 16px 0 16px; float:left; display:inline; position:relative }
.grid_8 { width:608px; margin:0 16px 0 16px; float:left; display:inline; position:relative }
.grid_9 { width:688px; margin:0 16px 0 16px; float:left; display:inline; position:relative }
.grid_10 { width:768px; margin:0 16px 0 16px; float:left; display:inline; position:relative }
.grid_11 { width:848px; margin:0 16px 0 16px; float:left; display:inline; position:relative }
.grid_12 { width:928px; margin:0 16px 0 16px; float:left; display:inline; position:relative }
.space_1 { margin-left:96px; }
.space_2 { margin-left:176px; }
.space_3 { margin-left:256px; }
.space_4 { margin-left:336px; }
.space_5 { margin-left:416px; }
.space_6 { margin-left:496px; }
.space_7 { margin-left:576px; }
.space_8 { margin-left:656px; }
.space_9 { margin-left:736px; }
.space_10 { margin-left:816px; }
.space_11 { margin-left:896px; }
#queldoreiNav, #nav { width:510px; }
.search-field #queldoreiNav, .search-field #nav { width:320px; }
.below-logo #queldoreiNav, .below-logo #nav {width:auto; margin:0 0 10px 26px}
.homepage-banners a .content{margin:18px;}
.col1-layout .products-grid { width:900px; margin:0;}
.home-right {margin-right:30px;}
.home-main {width:600px;}
.col1-layout .home-main .products-grid {width:600px;}
.home-main .category-products {margin-left:30px;}
.home-left-col {}
.home-left-col .home-main {margin:30px 30px 0 0;}
.home-left-col .home-main .category-products {margin-left:0;}
.home-left-col .home-left {margin:30px 0 0 30px;}
.flexslider .slides .content{max-width:760px;}
.flex-direction-nav {width:960px;}
.product-view .product-additional {display:none }
.product-view .box-up-sell2 {display:block; margin-left:0; }
.main .slider-container {width:900px; margin-left:0px }
.main .slider-container h3 {width:600px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal,
.jcarousel-skin-tango .jcarousel-container-horizontal {width:900px;}
.home-main .jcarousel-skin-tango .jcarousel-container-horizontal,
.home-main .jcarousel-skin-tango .jcarousel-clip-horizontal { width:600px; }
.product-slider-container {width:900px}
.home-main .product-slider-container {width:600px; margin-left:30px }
.home-left-col .home-main .product-slider-container {margin:30px 30px 0 0;}
.col-main, .col-main-left, .col-main-right { width:600px; padding:30px 0 0; margin:0 15px; min-height:400px; }
.col2-right-layout .col-main {margin-left:45px;}
.checkout-onepage-index .col2-right-layout .col-main {margin-left:0;}
.col3-layout .col-main {width:330px;}
.col-left { margin-left:30px; }
.col2-left-layout .products-grid,
.col2-right-layout .products-grid { width:600px; margin:0 -15px; }
.col1-layout .col-main {width: 900px; margin:0 0 0 45px;}
.cms-index-index .col1-layout .col-main {width: 960px; margin:0 0 0 30px;}
.toolbar { margin: 0 30px 0 0; }
.breadcrumbs{ margin-left:45px; }
.cart .cart-collaterals .grid_4{margin:0 2px 0 16px;}
.homepage-banners {width:900px !important;}
.homepage-banners .grid_6{width:420px !important; margin:0 15px;}
.col2-left-layout .category-description {margin-right:30px; }
.products-list {margin: 0 30px 0 0; }
.products-list .add-to-links {float:none; clear:both;}
.products-list .price-box {float:none}
.products-list .ratings {float:none; margin:5px 0;}
.products-list .add-to-links li:first-child span {display:none}
/* two_columns 4 products per row */
.two_columns_4 {}
.two_columns_4 li.item {width:152px; margin:0 15px 30px}
.two_columns_4 .hover {width:152px;}
.two_columns_4 .add-to-links { width:170px; height:auto; padding:10px 0;}
.two_columns_4 .add-to-links li { display:block; margin:0; line-height:140%; }
.two_columns_4 .add-to-links li { display:block; margin:0; }
.two_columns_4 .hover .price-box {display:none}
.two_columns_4 .quick-view { top:15%; left:23%; height:32px; line-height:32px; font-size:12px; }
.two_columns_4 .product-name {font-size:14px}
.two_columns_4 .hover .button-container button.button span span em {margin:0 5px 0 0;}
/* two_columns 5 products per row */
.col2-left-layout .two_columns_5 { margin:0 -15px}
.two_columns_5 {}
.two_columns_5 li.item {width:152px; margin:0 15px 30px}
.two_columns_5 .hover {width:152px;}
.two_columns_5 .add-to-links { width:170px; height:auto; padding:10px 0;}
.two_columns_5 .add-to-links li { display:block; margin:0; line-height:140%; }
.two_columns_5 .add-to-links li { display:block; margin:0; }
.two_columns_4 .hover .price-box {display:none}
.two_columns_5 .quick-view { top:15%; left:23%; height:32px; line-height:32px; font-size:12px; }
.two_columns_5 .product-name {font-size:14px}
.two_columns_5 .hover .button-container button.button span span em {margin:0 5px 0 0;}
/* one_columns 5 products per row */
.one_column_5 {}
.one_column_5 li.item {width:177px;}
.one_column_5 .hover {width:177px;}
.one_column_5 .add-to-links { width:195px; height:auto; padding:10px 0;}
.one_column_5 .add-to-links li { display:block; margin:0; line-height:140%; }
.one_column_5 .add-to-links li { display:block; margin:0; }
.one_column_5 .hover .price-box {display:none}
.one_column_5 .quick-view { top:18%; left:26%; height:32px; line-height:32px; font-size:12px; }
.one_column_5 .product-name {font-size:14px}
.one_column_5 .hover .button-container button.button span span em {margin:0 5px 0 0;}
/* one_columns 6 products per row */
.one_column_6 {}
.one_column_6 li.item {width:177px;}
.one_column_6 .hover {width:177px;}
.one_column_6 .add-to-links { width:195px; height:auto; padding:10px 0;}
.one_column_6 .add-to-links li { display:block; margin:0; line-height:140%; }
.one_column_6 .add-to-links li { display:block; margin:0; }
.one_column_6 .hover .price-box {display:none}
.one_column_6 .quick-view { top:18%; left:26%; height:32px; line-height:32px; font-size:12px; }
.one_column_6 .product-name {font-size:14px}
.one_column_6 .hover .button-container button.button span span em {margin:0 5px 0 0;}
.top-opc {width:960px;}
.top-opc li{float:left; width:150px; margin: 0 10px 30px 0;}
.opc {width:630px;}
#checkout-step-login .block-checkout-register, #checkout-step-login .block-checkout-login{width:258px}
#checkout-step-login input.input-text {width: 248px;}
.form-list li.wide .input-box {width:100%}
.form-list li.wide input.input-text {width:98%}
.footer-info iframe {width:200px; margin:0 auto;}
}
/***** 960px and up *****/
@media only screen and (min-width:960px) {
.dashboard .block-account {display:none;}
}
/***** Smaller than 959px *****/
@media only screen and (max-width:959px) {
.col-left.sidebar .block-account {display:none;}
.dashboard .box-recent {overflow: hidden; }
}
/***** iPad Smaller than 959px *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.row { margin:0 auto; width:768px; }
.row .row { width:auto; display:inline-block; margin:0 -14px; }
.grid_1 { width:36px; margin:0 14px}
.grid_2 { width:100px; margin:0 14px}
.grid_3 { width:164px; margin:0 14px}
.grid_4 { width:228px; margin:0 14px}
.grid_5 { width:292px; margin:0 14px}
.grid_6 { width:356px; margin:0 14px}
.grid_7 { width:420px; margin:0 14px}
.grid_8 { width:484px; margin:0 14px}
.grid_9 { width:548px; margin:0 14px}
.grid_10 { width:612px; margin:0 14px}
.grid_11 { width:676px; margin:0 14px}
.grid_12 { width:740px; margin:0 14px}
.space_1 { margin-left:78px; }
.space_2 { margin-left:142px; }
.space_3 { margin-left:206px; }
.space_4 { margin-left:270px; }
.space_5 { margin-left:334px; }
.space_6 { margin-left:398px; }
.space_7 { margin-left:462px; }
.space_8 { margin-left:526px; }
.space_9 { margin-left:590px; }
.space_10 { margin-left:654px; }
.space_11 { margin-left:718px; }
header a.logo { float:none; display:block; margin:20px 10px 10px; text-align:center; }
header h1.logo { float:none; display:block; }
.top-dropdowns {width:240px; margin:8px auto 0; position:static;}
.cart-top-container {display:none; }
.cart-top-title{display:block; float:left; width:110px; }
.compare-top-container {display:none; }
.compare-top-title{display:block; float:left; width:110px; }
.search-top-container {margin:0 0 10px; padding:0; float:none; clear:left; }
.search-top-container .search-top, .search-top-container .search-form-border{display:none; }
.search-top-container .search-form{display:block !important; opacity:1 !important; position:relative; top:0; left:0; margin:0 auto; padding:0 0 8px 0; background:none transparent; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }
.search-field #search {width:204px}
.search-field #search_mini_form .form-search button {margin-left:216px}
footer .grid_6{ text-align:center; float:none; width:768px; margin:0 auto; }
footer ul.links { float:none; }
footer address{ margin:15px 0 0;}
.footer-info .grid_3 {width:356px; margin-bottom:30px; }
.nav-container, .nav-container .nav-top-title, .nav-container li.parent em {display:block; }
.below-logo .nav-container {margin:0 0 15px;}
#queldoreiNav, #nav{float:none; width:240px !important; margin:0 auto 10px !important; display:none;}
#queldoreiNav li, #nav li { float:none; position:relative; width:240px; margin:0 auto 3px;}
#queldoreiNav li a, #nav li a, #queldoreiNav ul li a, #nav ul li a { float:none; padding:0; }
#queldoreiNav li a span, #nav li a span {padding:0px 10px; border:none;}
#queldoreiNav li:hover,
#queldoreiNav li.over,
#queldoreiNav li.active,
#nav li:hover,
#nav li.over,
#nav li.active{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
#queldoreiNav>li>a:hover>span,
#queldoreiNav>li.over>a>span,
#queldoreiNav>li.active>a>span,
#nav>li>a:hover>span,
#nav>li.over>a>span,
#nav>li.active>a>span{border:none; background:transparent; color:#fff; }
#queldoreiNav>li>a:hover>em,
#queldoreiNav>li.over>a>em,
#queldoreiNav>li.active>a>em,
#nav>li>a:hover>em,
#nav>li.over>a>em,
#nav>li.active>a>em{color:#fff; }
#queldoreiNav li.custom-block, #nav li.custom-block { display:none !important;}
#queldoreiNav ul, #queldoreiNav ul ul, #nav ul, #nav ul ul { position:static; margin:0; padding:5px 0 10px 5px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
#nav ul, #nav ul ul { display:none; }
#queldoreiNav ul li, #nav ul li {width:auto; }
#queldoreiNav div.sub-wrapper, #queldoreiNav div.sub-wrapper ul div.sub-wrapper { display:none; position:static; width:auto; padding:0; margin:0; border:none; background:#fff; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
#queldoreiNav>li>div.sub-wrapper>ul>li { float:none; display:block; border:none; width:auto; padding:0;}
#queldoreiNav ul div.sub-wrapper ul { float:none; display:block; border:none; width:auto; padding:5px 0 10px 5px;}
#nav ul.level0, #nav > li div { position:static; margin:0; padding:5px 0 10px 5px; width:auto; }
#nav ul.level0 > li { float:none; display:block; width:auto; margin:0 auto 3px;}
#nav ul.level0 > li.last {}
#nav ul.level0 > li > a { padding:0; font-family:Arial, serif !important; font-size:12px; font-weight:normal; color:#322c29 !important; line-height:28px; letter-spacing:0; text-transform:none; }
#nav ul ul li { float:none; width:auto; margin:0 auto 3px; padding:0; line-height:28px; background:none;}
#nav ul li.over > a, #nav ul li a:hover {background:#f5f4f4 !important; }
.homepage-banners {width:600px !important;}
.homepage-banners .grid_6{width:270px !important; margin:0 15px;}
.homepage-banners a .content{margin:8px 14px;}
.homepage-banners a .content p{display:none; }
.homepage-banners a .content .border{margin:5px 10px; }
.homepage-banners a .content strong{font-size:24px; }
.homepage-banners a .content button{margin:5px 0 0;}
.col1-layout .products-grid { width:600px; margin:0; }
.col-main, .col-main-left { width:600px; padding:30px 0 0; margin-right:84px; }
.col-main-right { width:600px; padding:30px 0 0; margin-left:84px; }
.col3-layout .col-main {width:600px; float:none !important; margin:0 0 0 84px;}
.col2-right-layout .col-main {margin:0 0 0 84px;}
.col1-layout .col-main {width: 600px; margin:0 0 0 84px;}
.col1-layout .col-main .products-grid { margin:0;}
.col-left, .col-right {width:600px; float:none; clear:both; margin:0 0 0 75px; }
.col2-left-layout .products-grid,
.col2-right-layout .products-grid { width:600px; margin:0; }
.col2-left-layout .page-title, .col2-right-layout .page-title, .col3-layout .page-title,
.col2-left-layout .page-head, .col2-right-layout .page-head, .col3-layout .page-head { margin:0 15px; }
.cart .cart-collaterals .grid_4{width:600px; margin:0 0 24px 14px;}
.checkout-onepage-index .col-right {padding:20px 0 0; float:none; margin:0 0 0 84px; }
.checkout-onepage-index .col-right .block { float:none; margin:0 auto 30px; width:378px; position: static !important; top:0; }
.breadcrumbs{ margin-left:99px; }
.home-main .category-products {margin:0 0 30px 0;}
.home-main, .home-right, .home-left {float:none}
.home-right, .home-left {width:600px; margin:0 auto;}
.home-main, .col1-layout .home-main .products-grid {width:600px;}
.flexslider .slides .content{max-width:560px;}
.flexslider .slides .content strong{font-size:48px; line-height:40px; }
.flex-direction-nav {width:768px; display:none !important; }
.site-block, .mousetrap, #cloud-big-zoom {display:none; }
#shopping-cart-totals-table strong {font-size:18px; padding:0;}
.data-table table, .data-table thead, .data-table tbody, tablr.data-table th, table.data-table td, .data-table tr { display: inline-block; border: 0; text-align: left !important; padding-bottom: 30px;}
#shopping-cart-table tfoot tr {
display: block;
}
#shopping-cart-table tfoot tr td{
display: block;
}
.data-table tfoot td { text-align:right !important;}
.data-table th { display:none;}
.data-table td {padding:10px; white-space: nowrap;}
.data-table td.td-name h2 {font-size:20px; font-weight:300; }
.data-table.cart-table td a.product-image {width: 100%;}
.data-table td.td-image a {text-align:center; }
.data-table td.td-image img {width:200px;}
.data-table td.td-edit, .data-table .btn-remove {display:none;}
.data-table .td-actions .btn-remove, .data-table .td-actions .btn-edit {display:inline-block;}
.data-table td.td-price {padding:10px; background:#fafafa;}
.data-table td.td-qty {padding:0 10px; background:#fafafa;}
.data-table td.td-delete {background:#fafafa; text-align:center !important;}
.data-table .td-title {display:inline-block; width:100px; padding:0 10px 0 0; font-weight:bold; }
.data-table .td-actions {display:inline; padding:0 5px; }
.data-table th.td-wishlist, .data-table td.td-wishlist {display:none;}
#product-attribute-specs-table th { display:block;}
#product-review-table {display:table; }
#product-review-table thead, #product-review-table tfoot, #product-review-table tbody{display:table-row-group; }
#product-review-table tr{display:table-row; }
#product-review-table td{display:table-cell; }
#product-review-table th{display:table-cell; padding:8px 3px; }
#checkout-review-table tfoot{}
#checkout-review-table tfoot tr{display:table-row; }
#checkout-review-table tfoot td{display:table-cell; }
.product-view .product-additional {display:none }
.product-view .box-up-sell2 {display:block; margin-left:0; }
.product-view .product-img-box {float:none; margin:0 auto 20px;}
.product-view .product-shop-info .add-to-links {float:left; clear:none; margin:0;}
.product-view .product-shop-info .add-to-links li{float:left; margin:8px 0 0 20px;}
.product-view .product-shop-info .add-to-links li.wishlist{margin-left:0}
.main .slider-container {width:600px; margin-left:0 }
.main .slider-container h3 {width:500px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal,
.jcarousel-skin-tango .jcarousel-container-horizontal {width:600px;}
.home-main .jcarousel-skin-tango .jcarousel-container-horizontal,
.home-main .jcarousel-skin-tango .jcarousel-clip-horizontal { width:600px; }
.product-slider-container {width:600px}
#toTop {display:none !important;}
.toolbar { margin:0 15px; }
.language-switch, .currency-switch {display:none;}
.language-select, .currency-select {display:block; float:left; margin:4px 10px 0 0; text-align:center;}
.language-select select, .currency-select select {width:100px; height:auto;}
.toolbar-switch .current { display:none; }
.toolbar-switch .toolbar-title { background: none; padding: 0 7px 0 0; }
.toolbar-switch select { display:inline; height:auto; }
.products-list {margin: 0 15px; }
.products-list .add-to-links {display:none;}
.products-list .price-box {float:none}
.products-list .ratings {float:none; margin:5px 0;}
.products-list .add-to-links li:first-child span {display:none}
/* two_columns 4 products per row */
.two_columns_4 {}
.two_columns_4 li.item {width:152px; margin:0 15px 30px}
.two_columns_4 .hover {width:152px;}
.two_columns_4 .add-to-links { width:170px; height:auto; padding:10px 0;}
.two_columns_4 .add-to-links li { display:block; margin:0; line-height:140%; }
.two_columns_4 .add-to-links li { display:block; margin:0; }
.two_columns_4 .hover .price-box {display:none}
.two_columns_4 .quick-view { top:15%; left:23%; height:32px; line-height:32px; font-size:12px; }
.two_columns_4 .product-name {font-size:14px}
.two_columns_4 .hover .button-container button.button span span em {margin:0 5px 0 0;}
/* two_columns 5 products per row */
.col2-left-layout .two_columns_5 { margin:0}
.two_columns_5 {}
.two_columns_5 li.item {width:152px; margin:0 15px 30px}
.two_columns_5 .hover {width:152px;}
.two_columns_5 .add-to-links { width:170px; height:auto; padding:10px 0;}
.two_columns_5 .add-to-links li { display:block; margin:0; line-height:140%; }
.two_columns_5 .add-to-links li { display:block; margin:0; }
.two_columns_4 .hover .price-box {display:none}
.two_columns_5 .quick-view { top:15%; left:23%; height:32px; line-height:32px; font-size:12px; }
.two_columns_5 .product-name {font-size:14px}
.two_columns_5 .hover .button-container button.button span span em {margin:0 5px 0 0;}
/* one_columns 5 products per row */
.one_column_5 {}
.one_column_5 li.item {width:152px;}
.one_column_5 .hover {width:152px;}
.one_column_5 .add-to-links { width:170px; height:auto; padding:10px 0;}
.one_column_5 .add-to-links li { display:block; margin:0; line-height:140%; }
.one_column_5 .add-to-links li { display:block; margin:0; }
.one_column_5 .hover .price-box {display:none}
.one_column_5 .quick-view { top:18%; left:21%; height:32px; line-height:32px; font-size:12px; }
.one_column_5 .product-name {font-size:14px}
.one_column_5 .hover .button-container button.button span span em {margin:0 5px 0 0;}
/* one_columns 6 products per row */
.one_column_6 {}
.one_column_6 li.item {width:152px;}
.one_column_6 .hover {width:152px;}
.one_column_6 .add-to-links { width:170px; height:auto; padding:10px 0;}
.one_column_6 .add-to-links li { display:block; margin:0; line-height:140%; }
.one_column_6 .add-to-links li { display:block; margin:0; }
.one_column_6 .hover .price-box {display:none}
.one_column_6 .quick-view { top:18%; left:21%; height:32px; line-height:32px; font-size:12px; }
.one_column_6 .product-name {font-size:14px}
.one_column_6 .hover .button-container button.button span span em {margin:0 5px 0 0;}
.top-opc {width:600px; margin:0 0 0 50px}
.opc {width:600px;}
.opc .td-label {display:block; float:left; }
#checkout-step-login .block-checkout-register, #checkout-step-login .block-checkout-login { width: 378px; margin: 20px auto 0 !important; float: none;}
.buttons-set .back-link {margin:10px 0;}
#my-orders-table span.title {display:inline-block}
#my-orders-table tr {border-bottom:1px solid #e9e9e9 }
#my-orders-table tr.last {border:none}
.form-list li.wide .input-box,
.form-list li.wide input.input-text {width:254px}
}
/***** iPhone (portrait) *****/
@media only screen and (max-width: 767px) {
.row { margin:0 auto; width:300px; }
.row .row { margin:0; width:auto; display:inline-block; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { width:270px; margin:0 15px 10px; float:left; display:inline; position:relative }
.space_1, .space_2, .space_3, .space_4, .space_5, .space_6, .space_7, .space_8, .space_9, .space_10, .space_11 {
margin-left:0;
}
.title-buttons {text-align:center}
.title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 {float:none;}
.prev-next {display:none; }
.site-block {display:none;}
.top-switch-bg .grid_6 {text-align:center; margin:0 15px 5px }
ul.links { float:none; margin:0; }
.links li{ line-height:120%; display:inline; padding:0 5px; text-align:center; white-space:nowrap; }
.links li.separator {display:none; }
.footer-banners {padding:25px 0 0; }
.footer-info {padding:30px 0 0; }
.footer-info .grid_3 {margin-bottom:0px; }
.footer-info .grid_3 .block-content {margin-bottom:30px; }
.footer-info ul.social {margin:10px 0 0; }
.footer-info .block-control {display:block; }
.footer-info .block-content {display:none; }
footer { line-height:150%;}
footer .grid_6{ text-align:center; }
footer address{ margin:15px 0 0;}
footer ul.links { float:none; }
.language-switch, .currency-switch {display:none;}
.language-select, .currency-select {display:block; width:50%; float:left; text-align:center; margin:5px 0 10px; }
.language-select span, .currency-select span {display:none; }
.language-select select, .currency-select select {width:125px; height:auto }
.toolbar-switch .current { display:none; }
.toolbar-switch .toolbar-title { background: none; padding: 0 7px 0 0; }
.toolbar-switch select { display:inline; height:auto; }
header a.logo { float:none; display:block; margin:20px 10px 10px; text-align:center; }
header h1.logo { float:none; display:block; width: 100%;}
.top-dropdowns {width:240px; margin:8px auto 0; position:static;}
.cart-top-container {display:none; }
.cart-top-title{display:block; float:left; width:110px; }
.compare-top-container {display:none; }
.compare-top-title{display:block; float:left; width:110px; }
.search-top-container {margin:0; padding:0; float:none; clear:left; }
.search-top-container .search-top, .search-top-container .search-form-border{display:none; }
.search-top-container .search-form{display:block !important; opacity:1 !important; position:relative; top:0; left:0; margin:0 auto; padding:0 0 8px 0; background:none transparent; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }
.search-field #search {width:204px}
.search-field #search_mini_form .form-search button {margin-left:216px}
header .grid_12 {margin-bottom:5px;}
.nav-container, .nav-container .nav-top-title, .nav-container li.parent em {display:block; }
.below-logo .nav-container {margin:0 0 15px;}
#queldoreiNav, #nav{float:none; width:240px !important; margin:0 auto 10px !important; display:none;}
#queldoreiNav li, #nav li { float:none; position:relative; width:240px; margin:0 auto 3px;}
#queldoreiNav li a, #nav li a, #queldoreiNav ul li a, #nav ul li a { float:none; padding:0; }
#queldoreiNav li a span, #nav li a span {padding:0px 10px; border:none;}
#queldoreiNav li:hover,
#queldoreiNav li.over,
#queldoreiNav li.active,
#nav li:hover,
#nav li.over,
#nav li.active{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
#queldoreiNav>li>a:hover>span,
#queldoreiNav>li.over>a>span,
#queldoreiNav>li.active>a>span,
#nav>li>a:hover>span,
#nav>li.over>a>span,
#nav>li.active>a>span{border:none; background:transparent; color:#fff; }
#queldoreiNav>li>a:hover>em,
#queldoreiNav>li.over>a>em,
#queldoreiNav>li.active>a>em,
#nav>li>a:hover>em,
#nav>li.over>a>em,
#nav>li.active>a>em{color:#fff; }
#queldoreiNav li.custom-block, #nav li.custom-block { display:none !important;}
#queldoreiNav ul, #queldoreiNav ul ul, #nav ul, #nav ul ul { position:static; margin:0; padding:5px 0 10px 5px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
#nav ul, #nav ul ul { display:none; }
#queldoreiNav ul li, #nav ul li {width:auto; }
#queldoreiNav div.sub-wrapper, #queldoreiNav div.sub-wrapper ul div.sub-wrapper { display:none; position:static; width:auto; padding:0; margin:0; border:none; background:#fff; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
#queldoreiNav>li>div.sub-wrapper>ul>li { float:none; display:block; border:none; width:auto; padding:0;}
#queldoreiNav ul div.sub-wrapper ul { float:none; display:block; border:none; width:auto; padding:5px 0 10px 5px;}
#nav ul.level0, #nav > li div { position:static; margin:0; padding:5px 0 10px 5px; width:auto; }
#nav ul.level0 > li { float:none; display:block; width:auto; margin:0 auto 3px;}
#nav ul.level0 > li.last {}
#nav ul.level0 > li > a { padding:0; font-family:Arial, serif !important; font-size:12px; font-weight:normal; color:#322c29 !important; line-height:28px; letter-spacing:0; text-transform:none; }
#nav ul ul li { float:none; width:auto; margin:0 auto 3px; padding:0; line-height:28px; background:none;}
#nav ul li.over > a, #nav ul li a:hover {background:#f5f4f4 !important; }
.homepage-banners a .content{margin:14px;}
.homepage-banners a .content .border{margin:5px 10px; }
.homepage-banners a .content strong{font-size:24px; line-height:18px }
.homepage-banners a .content p{display:none;}
.homepage-banners a .content button{margin:5px 0 0;}
.col1-layout .products-grid { width:300px; margin:0; }
.col-main, .col-main-left, .col-main-right { float:none !important; width:300px; margin:0 auto; padding:30px 0 0; }
.col-left, .col-right { float:none; margin:0 auto; }
.col3-layout .col-main, .col1-layout .col-main {width: 300px; margin:0;}
.col3-layout .col-wrapper {float:none; width:300px; margin:0 auto;}
.col1-layout .col-main .products-grid { margin:0;}
.col2-left-layout .products-grid,
.col2-right-layout .products-grid { width:300px; margin:0 auto; }
.col2-left-layout .page-title, .col2-right-layout .page-title, .col3-layout .page-title,
.col2-left-layout .page-head, .col2-right-layout .page-head, .col3-layout .page-head { margin:0; }
.catalog-category-view .col-left, .catalog-category-view .col-right {padding:0;}
.cart .cart-collaterals .grid_4{width:300px; margin:0 0 25px;}
.checkout-onepage-index .col-right {padding:20px 0 0; float:none; margin:0 auto; }
.checkout-onepage-index .col-right .block { float:none; margin:0 auto 30px; }
.breadcrumbs{ margin-left:0px; }
.home-main .category-products {width:300px; margin:0 auto 30px ;}
.home-main, .home-right {float:none; margin:30px auto 0}
.home-main, .col1-layout .home-main .products-grid {width:300px;}
.flexslider .slides .content{max-width:240px; margin:30px; }
.flexslider .slides .content strong{font-size:32px; line-height:26px; }
.flex-direction-nav {width:300px;display:none !important;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/bg_direction_nav.png') no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; }
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.site-block, .mousetrap, #cloud-big-zoom {display:none; }
.block-login {width:300px;}
.block-login .block-title {padding:29px 8px 50px;}
.block-login .block-content {padding:0 18px 25px;}
.block-login .new-users {width:300px;margin:0 0 -15px;}
.product-view .product-additional {display:none }
.product-view .box-up-sell2 {display:block; margin-left:0; }
.product-view .product-img-box {float:none; margin:0 auto 20px; max-width:300px }
.product-view .product-img-box .product-image img{ width:282px; height:auto; }
.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-container-horizontal,
.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-clip-horizontal {width:190px !important; overflow:hidden; }
.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item {width:190px !important; margin:0}
.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item img {display:block; width:140px; height:auto; margin:0 auto;}
.product-view .product-shop-info .add-to-links {float:left; clear:none; margin:0;}
.product-view .product-shop-info .add-to-links li{float:left; margin:8px 0 0 0px;}
.product-tabs {display:none}
.product-tabs-container {margin: 0 0 30px;}
.product-tabs-container h2.tab-heading{display:block}
.product-tabs-content {margin:0}
.product-view .box-tags .form-add .input-box {width:167px;}
.product-view .box-tags .form-add input.input-text {width:167px;}
#customer-reviews .form-add .data-table th{ padding:6px;}
#customer-reviews .form-add .data-table td{ padding:6px; text-align: center;}
.main .slider-container {width:300px; margin-left:0px }
.main .slider-container h3 {width:190px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal,
.jcarousel-skin-tango .jcarousel-container-horizontal {width:300px;}
.home-main .jcarousel-skin-tango .jcarousel-container-horizontal,
.home-main .jcarousel-skin-tango .jcarousel-clip-horizontal { width:300px; }
.product-slider-container {width:300px}
.product-slider-container h2 {width:200px;}
.cart .page-title {height:auto;}
.cart .page-title .checkout-types {margin:60px 15px 0; float:none;}
.cart .title-buttons .checkout-types li {float:none; margin:0; text-align:center;}
#shopping-cart-totals-table strong {font-size:20px; padding:0;}
.data-table table, .data-table thead, .data-table tbody, table.data-table td, .data-table tr { display: inline-block; border: 0; text-align: left !important; padding-bottom: 30px;}
#shopping-cart-table tfoot tr {
display: block;
}
#shopping-cart-table tfoot tr td{
display: block;
}
.data-table th { display:none;}
.data-table td {padding:10px;}
.data-table td.td-name h2 {font-size:20px; font-weight:300; }
.data-table.cart-table td a.product-image {width: 100%;}
.data-table td.td-image a {text-align:center; }
.data-table td.td-image img {width:200px;}
.data-table td.td-edit, .data-table .btn-remove {display:none;}
.data-table .td-actions .btn-remove, .data-table .td-actions .btn-edit {display:inline-block;}
.data-table td.td-price {padding:10px; background:#fafafa;}
.data-table td.td-qty {padding:0 10px; background:#fafafa;}
.data-table td.td-delete {background:#fafafa; text-align:center !important;}
.data-table .td-title {display:inline-block; width:100px; padding:0 10px 0 0; font-weight:bold; }
.data-table .td-actions {display:inline; padding:0 5px; }
.data-table .button, .data-table .btn-continue {float:none; display:block; margin:0 auto 10px}
.product-tabs-content .data-table th { display:block;}
#product-review-table {display:table; }
#product-review-table thead, #product-review-table tfoot, #product-review-table tbody{display:table-row-group; }
#product-review-table tr{display:table-row; }
#product-review-table td{display:table-cell; }
#product-review-table th{display:table-cell; padding:8px 3px; }
#checkout-review-table tfoot{}
#checkout-review-table tfoot tr{display:table-row; }
#checkout-review-table tfoot td{display:table-cell; }
#toTop {display:none !important;}
.pager {text-align:center; }
.pager .amount {margin:0 0 10px;}
.pager .pages, .pager .amount {float:none}
.products-list .product-image, .products-list .f-left {float:none !important;}
.products-list li.item {padding: 0 15px 30px;}
.products-list .add-to-links {display:none;}
.products-list .price-box {float:none}
.products-list .ratings {float:none; margin:5px 0;}
.products-list .add-to-links li:first-child span {display:none}
.products-list .product-shop {margin:10px 0 0;}
/* two_columns 4 products per row */
.two_columns_4 {}
.two_columns_4 li.item {width:252px; margin:0 15px 30px}
.two_columns_4 .product-name {font-size:16px}
/* two_columns 5 products per row */
.col2-left-layout .two_columns_5 { margin:0 auto}
.two_columns_5 {}
.two_columns_5 li.item {width:252px; margin:0 15px 30px}
.two_columns_5 .product-name {font-size:16px}
/* one_column 5 products per row */
.one_column_5 {}
.one_column_5 li.item {width:252px; margin:0 15px 30px}
.one_column_5 .product-name {font-size:16px}
/* one_column 6 products per row */
.one_column_6 {}
.one_column_6 li.item {width:252px; margin:0 15px 30px}
.one_column_6 .product-name {font-size:16px}
.top-opc {width:300px; margin:0}
.top-opc li{margin:0 0 30px 0}
.opc {width:300px;}
.opc .form-list select {width:126px}
.opc .td-label {display:block; float:left; }
#checkout-review-submit p {margin:0 20px 0 0;}
#checkout-step-login .block-checkout-register, #checkout-step-login .block-checkout-login { width:228px; margin: 20px auto 0 !important; float: none;}
#checkout-step-login input.input-text {width:218px;}
#review-buttons-container {text-align: center}
#review-buttons-container button {float:none;}
#my-orders-table span.title {display:inline-block}
#my-orders-table tr {border-bottom:1px solid #e9e9e9 }
#my-orders-table tr.last {border:none}
.form-list li.wide select {width:250px}
.form-list li.wide .input-box,
.form-list li.wide input.input-text {width:254px}
.col2-set .col-1, .col2-set .col-2 {float:none; width:100%;}
.col2-set address {margin:5px 0;}
.buttons-set .back-link {margin:10px 0;}
}
/***** iPhone (landscape) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.row { margin:0 auto; width:456px; }
.row .row { width:auto; display:inline-block; margin:0 -15px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { width:426px; margin:0 15px 25px; float:left; display:inline; position:relative }
ul.links { display:inline;}
.links li{ line-height:150%; display:inline; margin-right:15px; }
.links li:last-child{ margin-right:0; }
.links li.separator {display:none; }
.col1-layout .col-main {width: 300px; margin:0 0 0 84px;}
.col1-layout .col-main .products-grid { margin:0;}
.cart .cart-collaterals .grid_4{width:300px; margin:0 15px 25px;}
.homepage-banners a .content p{display:block;}
.flexslider .slides .content{max-width:396px; margin:30px; }
.flex-direction-nav {width:456px;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/bg_direction_nav.png') no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; }
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.main .slider-container {margin-left:0 }
.breadcrumbs{ margin-left:84px; }
.homepage-banners {width:300px !important;}
.homepage-banners .grid_6{width:300px;}
.homepage-banners a .content p{display:none;}
}
.jcarousel-next-horizontal, .jcarousel-prev-horizontal { background-size:70px 70px; }
button.btn-proceed-checkout span span {background-size:44px 20px; }
.button.btn-proceed-checkout span span {
background-size: 44px 20px;
font-size: 14px;
font-weight: 300;
color: #fff;
text-align: center;
white-space: nowrap;
font-family: "Roboto", sans-serif;
}
.header-switch span.current { background-size:7px 4px}
#toTop { background-size:56px 112px}
.btn-remove, .block-compare .block-content .actions a:before { background-size:15px 15px}
.sorter .view-mode .grid { background-size:27px 54px}
.sorter .view-mode .list { background-size:27px 54px}
.error-msg { background-size:26px 26px}
.success-msg { background-size:26px 26px}
.note-msg { background-size:26px 26px}
.notice-msg { background-size:26px 26px}
.breadcrumbs span { background-size:3px 5px}
.cart-top > a, .cart-top-title a span.icon { background-size:24px 20px}
.compare-top, .compare-top-title a span.icon { background-size:13px 16px}
.products-grid .hover .button-container button.button span span em { background-size:24px 19px}
.product-view .add-to-cart button.button span span { background-size:41px 20px}
.product-view .add-to-links li span.icon { background-size:17px 16px}
.product-view .add-to-links li.compare span.icon { background-size:13px 16px}
.product-view .add-to-links li.email-friend span.icon { background-size:18px 13px}
.search-top, .search-top-container .search-form .search-top-title span.icon { background-size:18px 18px}
.data-table .btn-remove2 { background-size:16px 17px}
.footer-info ul.twitterList li span.tweet-icon { background-size:13px 10px}
.product-prev span, .product-next span { background-size:26px 54px}
.rating-box, .rating-box .rating { background-size:11px 20px}
.block-layered-price .ui-widget-content .ui-state-default { background-size:19px 18px}
.flex-direction-nav a { background-size:154px 77px}
.footer-info ul.social li a { background-size:144px 36px}
.footer-info .block-control { background-size:70px 70px}
.btn-edit { background-size:15px 15px}
.data-table .btn-edit2 { background-size:16px 17px}
.std ul.disc li,
#queldoreiNav li.custom-block div.sub-wrapper>ul>li, #queldoreiNav li.custom-block div.sub-wrapper ul li,
#nav li.custom-block ul li>ul>li,
.toolbar-dropdown ul li,
.block .block-content li, .block .block-content li.item,
.block-layered-nav .block-content dd li,
.product-tabs-content ul.disc li { background-size:3px 5px}
.slider-container .jcarousel-list .button-container button.button span span,
.products-grid .button-container button.button span span,
.products-list .button-container .btn-add-cart span,
.box-up-sell2 .jcarousel-list .button-container button.button span span { background-size:17px 13px}
.new-label, .sale-label { background-size:364px 182px}
.product-view .product-img-box .zoom #handle { background-size:9px 22px}
.toolbar-switch .toolbar-title { background-size:29px 14px}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
.jcarousel-next-horizontal,
.jcarousel-prev-horizontal { background-image:url("https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_about@2x.png")}
button.btn-proceed-checkout span span {background-image:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_button@2x.png')}
.button.btn-proceed-checkout span span {background-image:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_button@2x.png')}
.header-switch span.current { background-image:url("https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_switch@2x.png")}
#toTop { background-image:url("https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_totop@2x.png")}
.btn-remove, .block-compare .block-content .actions a:before { background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/btn_remove@2x.png);}
.sorter .view-mode .grid { background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/i_grid_mode@2x.png);}
.sorter .view-mode .list { background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/i_list_mode@2x.png);}
.error-msg { background-image:url("../img/i_msg-error@2x.png")}
.success-msg { background-image:url("../img/i_msg-success@2x.png")}
.note-msg { background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/i_msg-note@2x.png);}
.notice-msg { background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/i_msg-notice@2x.png);}
.breadcrumbs span { background-image:url('../img/icon_breadcrumb.svg');}
.cart-top > a, .cart-top-title a span.icon { background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_cart@2x.png);}
.compare-top, .compare-top-title a span.icon { background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_compare@2x.png);}
.products-grid .hover .button-container button.button span span em { background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_cart_listing_mask@2x.png);}
.product-view .add-to-cart button.button span span { background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_cart_product@2x.png);}
.product-view .add-to-links li span.icon {background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_wishlist@2x.png);}
.product-view .add-to-links li.compare span.icon { background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_compare@2x.png);}
.product-view .add-to-links li.email-friend span.icon { background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_email@2x.png);}
.search-top, .search-top-container .search-form .search-top-title span.icon {background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_search@2x.png);}
.data-table .btn-remove2 {background-image:url("../img/icon_trash@2x.png");}
.footer-info ul.twitterList li span.tweet-icon {background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_twitter@2x.png);}
.product-prev span, .product-next span {background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/prev_next@2x.png);}
.rating-box, .rating-box .rating {background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/rating@2x.png);}
.block-layered-price .ui-widget-content .ui-state-default {background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/slider_handle@2x.png);}
.flex-direction-nav a {background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/slideshow_arrows@2x.png);}
.footer-info ul.social li a {background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/social_icons@2x.png);}
.footer-info .block-control {background-image:url("../img/arrow_footer@2x.png");}
.std ul.disc li,
#queldoreiNav li.custom-block div.sub-wrapper>ul>li, #queldoreiNav li.custom-block div.sub-wrapper ul li,
#nav li.custom-block ul li>ul>li,
.toolbar-dropdown ul li,
.block .block-content li, .block .block-content li.item,
.block-layered-nav .block-content dd li,
.product-tabs-content ul.disc li {background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_item@2x.png);}
.btn-edit {background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/btn_edit@2x.png);}
.slider-container .jcarousel-list .button-container button.button span span,
.products-grid .button-container button.button span span,
.products-list .button-container .btn-add-cart span,
.box-up-sell2 .jcarousel-list .button-container button.button span span {background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/icon_cart_listing@2x.png);}
.data-table .btn-edit2 {background-image:url("../img/icon_edit@2x.png");}
.new-label, .sale-label {background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/labels@2x.png);}
.product-view .product-img-box .zoom #handle {background-image:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/magnifier_handle@2x.png);}
.toolbar-switch .toolbar-title {
background-image: url("../img/selectbox_arrow@2x.png");
}
.block-slider .slides > li,
.block-viewed .block-content li,
.block-tags .block-content li,
.block-bestsellers .block-content li,
.block-login .block-content li,
.block-reorder .block-content li.item,
.block-compare .block-content li.item,
.block-slider .flex-control-nav li,
.block-poll .block-content li{background:none;}
.block-compare .block-content .actions a::before, .compare-top-container .details .actions a::before {display:none }
.form-list li.wide select {width:200px }
.footer-info .information ul li:before,
#checkout-step-login .block-checkout-register ul.ul li:before,
.block-progress dt:before {top:-2px}
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5) and (max-width: 959px),
only screen and (-moz-min-device-pixel-ratio: 1.5) and (max-width: 959px),
only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width: 959px),
only screen and (min-device-pixel-ratio: 1.5) and (max-width: 959px){
.toolbar-switch .toolbar-title {background-image:none}
.block-slider .slides > li,
.block-viewed .block-content li,
.block-tags .block-content li,
.block-bestsellers .block-content li,
.block-login .block-content li,
.block-reorder .block-content li.item,
.block-compare .block-content li.item,
.block-slider .flex-control-nav li,
.block-poll .block-content li{background:none;}
.block-compare .block-content .actions a::before, .compare-top-container .details .actions a::before {display:none }
.form-list li.wide select {width:200px }
.footer-info .information ul li:before,
#checkout-step-login .block-checkout-register ul.ul li:before,
.block-progress dt:before {top:-2px}
}
a{
transition: color 600ms ease-in-out;
-webkit-transition: color 600ms ease-in-out;
-moz-transition: color 600ms ease-in-out;
-o-transition: color 600ms ease-in-out;
}
a:hover{
transition: color 10ms ease-in-out;
-webkit-transition: color 10ms ease-in-out;
-moz-transition: color 10ms ease-in-out;
-o-transition: color 10ms ease-in-out;
}
.slider-container .jcarousel-list .btn-cart,
.jcarousel-next-horizontal, .jcarousel-prev-horizontal,
#toTop,
.banners a span,
.banners a em,
.banner a span,
.banner a em,
.products-grid .btn-cart,
.products-list .btn-cart,
.opc .step-title,
.product-tabs a,
.footer-banners a img, .homepage-banners a img,
footer .footer-subscribe button.button span,
.quick-view,
nav .nav-top-title, .nav-container .nav-top-title,
nav .nav-top-title div.icon span, .nav-container .nav-top-title div.icon span,
.compare-top{
transition: all 400ms ease-in-out;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
}
.jcarousel-next-horizontal:hover, .jcarousel-prev-horizontal:hover{
transition: all 400ms ease-in-out;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
}
.footer-info .block-control {
transition: background-color 400ms ease-in-out;
-webkit-transition: background-color 400ms ease-in-out;
-moz-transition: background-color 400ms ease-in-out;
-o-transition: background-color 400ms ease-in-out;
}
button.button span,
.button.button span,
.products-list .button-container .btn-add-cart span,
.pager .pages li a.next span,
.pager .pages li a.previous span,
.slideshow-nav a,
.header-dropdown ul li a,
.cart-top-title a span.icon,
.compare-top-title a span.icon,
.search-top-container .search-form .search-top-title span.icon,
.footer-info ul.social li a,
.footer-info ul.twitterList li span.tweet-icon,
.search-top, .cart-top > a,
.product-view .add-to-links li span.icon,
.top-opc li.allow .number,
.btn-remove, .btn-edit, .products-grid .hover .button-container button.button span span em {
transition: background 200ms ease-in-out;
-webkit-transition: background 200ms ease-in-out;
-moz-transition: background 200ms ease-in-out;
-o-transition: background 200ms ease-in-out;
}
#nav>li>a, #nav ul li a, #nav>li>a>span,
#mobile-nav>li>a, #mobile-nav ul li a, #mobile-nav>li>a>span,
#queldoreiNav>li>a, #queldoreiNav ul li a, #queldoreiNav>li>a>span {
transition: all 600ms ease-in-out;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
}
#nav>li>a:hover, #nav ul li a:hover, #nav>li>a:hover>span,
#mobile-nav>li>a:hover, #mobile-nav ul li a:hover, #mobile-nav>li>a:hover>span,
#queldoreiNav>li>a:hover, #queldoreiNav ul li a:hover, #queldoreiNav>li>a:hover>span {
transition: all 100ms ease-in-out;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
}
.products-grid .add-to-links li a:hover span {
color:#000;
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.products-grid .add-to-links li a span,
.mobile-nav li.parent > a em,
.search-field #search_mini_form .form-search button{
transition: all 400ms ease-in-out;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
}
/*-----------------------------------------------------------------------------
- Revolution Slider 1.5.4 -
Screen Stylesheet
version: 2.1
date: 09/18/11
last update: 06.12.2012
author: themepunch
email: info@themepunch.com
website: http://www.themepunch.com
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
- Revolution Slider 2.0 Captions -
Screen Stylesheet
version: 1.4.5
date: 09/18/11
last update: 06.12.2012
author: themepunch
email: info@themepunch.com
website: http://www.themepunch.com
-----------------------------------------------------------------------------*/
.fullwidthbanner-container{
width:100% !important;
position:relative;
padding:0;
}
.fullwidthbanner-container .fullwidthbanner {width:100% !important; overflow:hidden; position:relative;}
.fullwidthbanner-container iframe{border:0;}
/*************************
- CAPTIONS -
**************************/
.tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important;}
.tp-caption.big_white{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
padding: 3px 4px;
padding-top: 1px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#000;
letter-spacing: 0px;
}
.tp-caption.big_orange{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 700;
font-size: 36px;
line-height: 36px;
font-family: Arial;
padding: 0px 4px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#fb7354;
letter-spacing: -1.5px;
}
.tp-caption.big_black{
position: absolute;
color: #000;
text-shadow: none;
font-weight: 800;
font-size: 36px;
line-height: 36px;
font-family: 'Open Sans', sans;
padding: 0px 4px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#fff;
letter-spacing: -1.5px;
}
.tp-caption.medium_grey{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 700;
font-size: 20px;
line-height: 20px;
font-family: Arial;
padding: 2px 4px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#888;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.small_text{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 700;
font-size: 14px;
line-height: 20px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.medium_text{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 300;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.large_text{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 36px;
line-height: 36px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.large_black_text{
position: absolute;
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 42px;
line-height: 42px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.very_large_text{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 60px;
line-height: 60px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
letter-spacing: 0px;
}
.tp-caption.very_large_black_text{
position: absolute;
color: #000;
text-shadow: none;
font-weight: 800;
font-size: 72px;
line-height: 72px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.bold_red_text{
position: absolute;
color: #d31e00;
text-shadow: none;
font-weight: 800;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.bold_brown_text{
position: absolute;
color: #a04606;
text-shadow: none;
font-weight: 800;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.bold_green_text{
position: absolute;
color: #5b9830;
text-shadow: none;
font-weight: 800;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.very_big_white{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 36px;
line-height: 36px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
padding: 3px 4px;
padding-top: 1px;
background-color:#7e8e96;
}
.tp-caption.very_big_black{
position: absolute;
color: #000;
text-shadow: none;
font-weight: 700;
font-size: 60px;
line-height: 60px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
padding: 0px 4px;
padding-top: 1px;
background-color:#fff;
}
.tp-caption.boxshadow{
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black{
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 19px;
line-height: 19px;
font-family: 'Open Sans', sans;
}
.tp-caption.noshadow {
text-shadow: none;
}
.tp-caption a {
color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}
.tp-caption a:hover {
color: #ffa902;
}
.tp_inner_padding { box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
max-height:none !important; }
/******************************
- revolution-buttonS -
*******************************/
.revolution-button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px;
cursor:pointer;
color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
}
.revolution-button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/gradient/g40.png) repeat-x top;}
.purchase:hover,
.revolution-button:hover,
.revolution-button.big:hover { background-position:bottom, 15px 11px;}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.revolution-button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; }
a.revolution-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.revolution-button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;}
a.revolution-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
/* revolution-button COLORS */
.revolution-button.green, .revolution-button:hover.green,
.purchase.green, .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; }
.revolution-button.blue, .revolution-button:hover.blue,
.purchase.blue, .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68;}
.revolution-button.red, .revolution-button:hover.red,
.purchase.red, .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212;}
.revolution-button.orange, .revolution-button:hover.orange,
.purchase.orange, .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00;}
.revolution-button.darkgrey,.revolution-button.grey,
.revolution-button:hover.darkgrey,.revolution-button:hover.grey,
.purchase.darkgrey, .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222;}
.revolution-button.lightgrey, .revolution-button:hover.lightgrey,
.purchase.lightgrey, .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555;}
/****************************************************************
- SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID -
******************************************************************/
.tp-simpleresponsive .slotholder *,
.tp-simpleresponsive img { -webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
/************************************************
- SOME CAPTION MODIFICATION AT START -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
-moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position:absolute; visibility: hidden;
}
.tp-simpleresponsive img { max-width:none;}
/******************************
- IE8 HACKS -
*******************************/
.noFilterClass {
filter:none !important;
}
/******************************
- SHADOWS -
******************************/
.tp-bannershadow {
position:absolute;
display:none;
margin-left:auto;
margin-right:auto;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-bannershadow.tp-shadow1 { background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/shadow1.png) no-repeat; background-size:100%; width:890px; height:30px; bottom:-30px;}
.tp-bannershadow.tp-shadow2 { background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/shadow2.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}
.tp-bannershadow.tp-shadow3 { background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/shadow3.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}
/********************************
- FULLSCREEN VIDEO -
*********************************/
.caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;}
.caption.fullscreenvideo iframe { width:100% !important; height:100% !important;}
.tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;}
.tp-caption.fullscreenvideo iframe { width:100% !important; height:100% !important;}
/************************
- NAVIGATION -
*************************/
/** BULLETS **/
.tp-bullets { z-index:100; position:absolute; bottom:-14px !important; }
.tp-bullets.simplebullets { bottom:10px;}
.tp-bullets.simplebullets.navbar { margin-left:-40px; border:1px solid #666; border-bottom:1px solid #444; bottom:-20px; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/boxed_bgtile.png); height:40px; padding:0px 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;margin-top:-17px;}
.tp-bullets.simplebullets.navbar-old { bottom:-20px; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/navigdots_bgtile.png); height:35px; padding:0px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;margin-top:-17px;}
.tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:#ededed; width:8px; height:8px; margin-right:0px; float:left; margin-top:-4px; margin-left:6px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.tp-bullets.simplebullets.round .bullet.last { margin-right:6px;}
.tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/bullets.png) no-repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:-12px;}
.tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px;}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/bullets2.png) no-repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;}
.tp-bullets.simplebullets.square .bullet.last { margin-right:0px;}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/bullets2.png) no-repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;}
.tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px;}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/bullet_boxed.png) no-repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:10px;}
.tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important;}
.tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important;}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/navigdots.png) no-repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;}
.tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:30px !important;}
.tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:30px !important;}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected { background-position:top left; }
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; }
/*************************************
- TP ARROWS -
**************************************/
.tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:#fff url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/slideshow_arrows.png) no-repeat 0 0; width:78px; height:78px; float:left; margin-left:39px; margin-top:-39px; opacity: 0.8; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease;}
.tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:#fff url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/slideshow_arrows.png) no-repeat 100% 0; width:78px; height:78px; float:left; margin-left:-39px; margin-top:-39px; opacity: 0.8; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease;}
.tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/arrow_left.png) no-repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px; }
.tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/arrow_right.png) no-repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px;}
.tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/small_left_boxed.png) no-repeat top left; width:20px; height:15px; float:left; margin-right:4px; margin-top:-4px;}
.tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/small_right_boxed.png) no-repeat top left; width:20px; height:15px; float:left; margin-left:-36px; margin-top:-4px;}
.tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/arrowleft.png) no-repeat top left; width:9px; height:16px; float:left; margin-right:-20px; margin-top:-8px;}
.tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/arrowright.png) no-repeat top left; width:9px; height:16px; float:left; margin-left:-20px; margin-top:-8px;}
.tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; }
.tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; }
.tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/arrow_left2.png) no-repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;}
.tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/arrow_right2.png) no-repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;}
.tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/arrow_left2.png) no-repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;}
.tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/arrow_right2.png) no-repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;}
.tp-leftarrow.large { z-index:100;cursor:pointer; position:relative; background:#fff url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/slideshow_arrows.png) no-repeat 0 0; width:78px; height:78px; margin-left:39px; margin-top:-39px; opacity: 0.8; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease;}
.tp-rightarrow.large { z-index:100;cursor:pointer; position:relative; background:#fff url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/slideshow_arrows.png) no-repeat 100% 0; width:78px; height:78px; margin-left:-39px; margin-top:-39px; opacity: 0.8; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease;}
.tp-leftarrow:hover,
.tp-rightarrow:hover { opacity: 1; }
/****************************************************************************************************
- TP THUMBS -
*****************************************************************************************************
- tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)
- .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)
*****************************************************************************************************/
.tp-bullets.tp-thumbs { z-index:100; position:absolute; padding:3px;background-color:#fff;
width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
margin-top:-50px;
}
.fullwidthbanner-container .tp-thumbs { padding:3px;}
.tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
overflow:hidden; position:relative;}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;}
.tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */
cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
/*filter: alpha(opacity=50); */
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected { -moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.tp-thumbs img { width:100%; }
/************************************
- TP BANNER TIMER -
*************************************/
.tp-bannertimer { width:100%; height:3px; background:#322c29;position:absolute; z-index:200;}
.tp-bannertimer.tp-bottom { bottom:0px !important;height:3px;}
/***************************************
- RESPONSIVE SETTINGS -
****************************************/
@media only screen and (max-width: 767px) {
.fullwidthbanner-container .tp-bullets { display:none}
.fullwidthbanner-container .tparrows { display:none;}
}
/*********************************************
- BASIC SETTINGS FOR THE BANNER -
***********************************************/
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-simpleresponsive a{ text-decoration:none;}
.tp-simpleresponsive ul {
list-style:none;
padding:0;
margin:0;
}
.tp-simpleresponsive >ul >li{
list-stye:none;
position:absolute;
visibility:hidden;
}
/* CAPTION SLIDELINK **/
.caption.slidelink a div,
.tp-caption.slidelink a div { width:10000px; height:10000px; background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/coloredbg.png) repeat;}
.tp-loader { background:url(https://berghoffworldwide.com/skin/frontend/shopper/default/assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
/*-----------------------------------------------------------------------------
- Revolution Slider 2.0 Captions -
Screen Stylesheet
version: 1.4.5
date: 09/18/11
last update: 13.10.2012
author: themepunch
email: info@themepunch.com
website: http://www.themepunch.com
-----------------------------------------------------------------------------*/
/*************************
- SHOPPER CAPTIONS -
**************************/
.tp-caption.shopper_large_caption_light { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:"Myriad Pro", sans-serif; font-size:72px; font-weight:300;
line-height:72px;
}
.tp-caption.shopper_large_caption_medium { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:"Myriad Pro", sans-serif; font-size:72px; font-weight:500;
line-height:72px;
}
.tp-caption.shopper_large_caption_bold { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:"Myriad Pro", sans-serif; font-size:72px; font-weight:800;
line-height:72px;
}
.tp-caption.shopper_caption_light { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:"Myriad Pro", sans-serif; font-size:60px; font-weight:300;
line-height:60px;
}
.tp-caption.shopper_caption_medium { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:"Myriad Pro", sans-serif; font-size:60px; font-weight:500;
line-height:60px;
}
.tp-caption.shopper_caption_bold { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:"Myriad Pro", sans-serif; font-size:60px; font-weight:800;
line-height:60px;
}
.tp-caption.shopper_caption_underline_light { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px 10px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:"Myriad Pro", sans-serif; font-size:60px; font-weight:300;
line-height:60px;
border-bottom:1px solid rgba(0, 0, 0, 0.09) !important;
}
.tp-caption.shopper_caption_underline_medium { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px 10px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:"Myriad Pro", sans-serif; font-size:60px; font-weight:500;
line-height:60px;
border-bottom:1px solid rgba(0, 0, 0, 0.09) !important;
}
.tp-caption.shopper_caption_underline_bold { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px 10px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:"Myriad Pro", sans-serif; font-size:60px; font-weight:800;
line-height:60px;
border-bottom:1px solid rgba(0, 0, 0, 0.09) !important;
}
.tp-caption.shopper_small_caption_light { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:"Myriad Pro", sans-serif; font-size:24px; font-weight:300;
line-height:28px;
}
.tp-caption.shopper_small_caption_medium { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:"Myriad Pro", sans-serif; font-size:24px; font-weight:500;
line-height:28px;
}
.tp-caption.shopper_small_caption_bold { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:3px 4px; padding-top:1px; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:"Myriad Pro", sans-serif; font-size:24px; font-weight:800;
line-height:28px;
}
.tp-caption.shopper_small_text_light { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:none; padding:0; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:Arial, sans-serif !important; font-size:14px; font-weight:300;
line-height:19px;
}
.tp-caption.shopper_small_text_medium { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:none; padding:0; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:Arial, sans-serif !important; font-size:14px; font-weight:500;
line-height:19px;
}
.tp-caption.shopper_small_text_bold { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:none; padding:0; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:Arial, sans-serif !important; font-size:14px; font-weight:800;
line-height:19px;
}
.tp-caption.shopper_medium_text_light { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:none; padding:0; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:"Myriad Pro", sans-serif; font-size:20px; font-weight:300;
line-height:28px;
}
.tp-caption.shopper_medium_text_medium { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:none; padding:0; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:"Myriad Pro", sans-serif; font-size:20px; font-weight:500;
line-height:28px;
}
.tp-caption.shopper_medium_text_bold { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:none; padding:0; margin:0px; border-width:0px; border-style:none; letter-spacing:0px;
font-family:"Myriad Pro", sans-serif; font-size:20px; font-weight:800;
line-height:28px;
}
.tp-caption.shopper_white_bg_light { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:0 4px; margin:0px; border-width:0px; border-style:none; letter-spacing:-1.5px;
font-family:"Myriad Pro", sans-serif; font-size:36px; font-weight:300;
line-height:36px;
background:#fff;
}
.tp-caption.shopper_white_bg_medium { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:0 4px; margin:0px; border-width:0px; border-style:none; letter-spacing:-1.5px;
font-family:"Myriad Pro", sans-serif; font-size:36px; font-weight:500;
line-height:36px;
background:#fff;
}
.tp-caption.shopper_white_bg_bold { position:absolute; color:#000; color:rgba(0, 0, 0, 0.8); text-shadow:none; text-transform:uppercase; padding:0 4px; margin:0px; border-width:0px; border-style:none; letter-spacing:-1.5px;
font-family:"Myriad Pro", sans-serif; font-size:36px; font-weight:800;
line-height:36px;
background:#fff;
}
/*************************
- CAPTIONS -
**************************/
.tp-caption.big_white {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
padding: 3px 4px;
padding-top: 1px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color: #000;
letter-spacing: 0px;
}
.tp-caption.big_orange {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 700;
font-size: 36px;
line-height: 36px;
font-family: Arial;
padding: 0px 4px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color: #fb7354;
letter-spacing: -1.5px;
}
.tp-caption.big_black {
position: absolute;
color: #000;
color: rgba(0, 0, 0, 0.8);
text-shadow: none;
font-weight: 800;
font-size: 36px;
line-height: 36px;
font-family: 'Open Sans', sans;
padding: 0px 4px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color: #fff;
letter-spacing: -1.5px;
}
.tp-caption.medium_grey {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 700;
font-size: 20px;
line-height: 20px;
font-family: Arial;
padding: 2px 4px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color: #888;
white-space: nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.small_text {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 700;
font-size: 14px;
line-height: 20px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.medium_text {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 300;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.large_text {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 36px;
line-height: 36px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.large_black_text {
position: absolute;
color: #000;
color: rgba(0, 0, 0, 0.8);
text-shadow: none;
font-weight: 300;
font-size: 42px;
line-height: 42px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.very_large_text {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 60px;
line-height: 60px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
letter-spacing: 0px;
}
.tp-caption.very_large_black_text {
position: absolute;
color: #000;
color: rgba(0, 0, 0, 0.8);
text-shadow: none;
font-weight: 800;
font-size: 72px;
line-height: 72px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.bold_red_text {
position: absolute;
color: #d31e00;
text-shadow: none;
font-weight: 800;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.bold_brown_text {
position: absolute;
color: #a04606;
text-shadow: none;
font-weight: 800;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.bold_green_text {
position: absolute;
color: #5b9830;
text-shadow: none;
font-weight: 800;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.very_big_white {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 36px;
line-height: 36px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
padding: 3px 4px;
padding-top: 1px;
background-color: #7e8e96;
}
.tp-caption.very_big_black {
position: absolute;
color: #000;
color: rgba(0, 0, 0, 0.8);
text-shadow: none;
font-weight: 700;
font-size: 60px;
line-height: 60px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
padding: 0px 4px;
padding-top: 1px;
background-color: #fff;
}
.tp-caption.boxshadow {
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black {
color: #000;
color: rgba(0, 0, 0, 0.8);
text-shadow: none;
font-weight: 300;
font-size: 19px;
line-height: 19px;
font-family: 'Open Sans', sans;
}
.tp-caption.noshadow {
text-shadow: none;
}
.tp-caption a {
color: #ff7302;
text-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.tp-caption a:hover {
color: #ffa902;
}
/******************************
- revolution-buttonS -
*******************************/
.revolution-button {
padding: 6px 13px 5px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
height: 30px;
cursor: pointer;
color: #fff !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important;
font-size: 15px;
line-height: 45px !important;
background: url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/gradient/g30.png) repeat-x top;
font-family: arial, sans-serif;
font-weight: bold;
letter-spacing: -1px;
}
.revolution-button.big {
color: #fff;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
font-weight: bold;
padding: 9px 20px;
font-size: 19px;
line-height: 57px !important;
background: url(https://berghoffworldwide.com/skin/frontend/shopper/default/images/gradient/g40.png) repeat-x top;
}
.purchase:hover,
.revolution-button:hover,
.revolution-button.big:hover {
background-position: bottom, 15px 11px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.revolution-button {
padding: 4px 8px 3px;
line-height: 25px !important;
font-size: 11px !important;
font-weight: normal;
}
a.revolution-button {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.revolution-button {
padding: 2px 5px 2px;
line-height: 20px !important;
font-size: 10px !important;
}
a.revolution-button {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
}
/* revolution-button COLORS */
.revolution-button.green, .revolution-button:hover.green,
.purchase.green, .purchase:hover.green {
background-color: #21a117;
-webkit-box-shadow: 0px 3px 0px 0px #104d0b;
-moz-box-shadow: 0px 3px 0px 0px #104d0b;
box-shadow: 0px 3px 0px 0px #104d0b;
}
.revolution-button.blue, .revolution-button:hover.blue,
.purchase.blue, .purchase:hover.blue {
background-color: #1d78cb;
-webkit-box-shadow: 0px 3px 0px 0px #0f3e68;
-moz-box-shadow: 0px 3px 0px 0px #0f3e68;
box-shadow: 0px 3px 0px 0px #0f3e68;
}
.revolution-button.red, .revolution-button:hover.red,
.purchase.red, .purchase:hover.red {
background-color: #cb1d1d;
-webkit-box-shadow: 0px 3px 0px 0px #7c1212;
-moz-box-shadow: 0px 3px 0px 0px #7c1212;
box-shadow: 0px 3px 0px 0px #7c1212;
}
.revolution-button.orange, .revolution-button:hover.orange,
.purchase.orange, .purchase:hover.orange {
background-color: #ff7700;
-webkit-box-shadow: 0px 3px 0px 0px #a34c00;
-moz-box-shadow: 0px 3px 0px 0px #a34c00;
box-shadow: 0px 3px 0px 0px #a34c00;
}
.revolution-button.darkgrey, .revolution-button.grey,
.revolution-button:hover.darkgrey, .revolution-button:hover.grey,
.purchase.darkgrey, .purchase:hover.darkgrey {
background-color: #555;
-webkit-box-shadow: 0px 3px 0px 0px #222;
-moz-box-shadow: 0px 3px 0px 0px #222;
box-shadow: 0px 3px 0px 0px #222;
}
.revolution-button.lightgrey, .revolution-button:hover.lightgrey,
.purchase.lightgrey, .purchase:hover.lightgrey {
background-color: #888;
-webkit-box-shadow: 0px 3px 0px 0px #555;
-moz-box-shadow: 0px 3px 0px 0px #555;
box-shadow: 0px 3px 0px 0px #555;
}
/**
*
*/
/* General */
.col-left { padding:30px 0 0; }
h1, h2, h3 { letter-spacing:0em; }
.page-title h1, .page-title h2 { letter-spacing:0em; }
.footer-info h4{ letter-spacing:0em; }
#queldoreiNav>li>a { letter-spacing:0em; }
#nav>li>a { letter-spacing:0em; }
.slider-container .jcarousel-list li { letter-spacing:0em; }
.slider-container .jcarousel-list h3{ letter-spacing:0em; }
.product-slider-container h2{ letter-spacing:0em; }
.products-grid h3{ letter-spacing:0em; }
.std ul{list-style-type: disc; margin-left: 15px;}
.std ol{list-style-type: decimal; margin-left: 15px;}
.preorder{font-weight: bold;}
/* Captions */
.tp-caption.shopper_white_bg_light { letter-spacing:0em; }
.tp-caption.shopper_white_bg_medium { letter-spacing:0em; }
.tp-caption.shopper_white_bg_bold { letter-spacing:0em; }
/* Global site notices */
.global-site-notice { background:#322c29; font-size:12px; line-height:1.25; text-align:center; color:#fff; }
.global-site-notice .notice-inner { padding:10px }
.global-site-notice .notice-inner p { margin:0; text-align:center; }
.global-site-notice .notice-inner .actions { float:right; margin-left:15px; }
.global-site-notice .notice-inner .actions button.button span { height:auto; line-height:inherit; }
.global-site-notice .notice-inner .actions button.button span span { padding:5px 10px; }
/* custom drop nav */
.drop-nav ul {list-style: none;padding: 0px;margin: 0px;}
.drop-nav ul li {display: block;position: relative;float: left;}
.drop-nav li ul {display: none; line-height: normal;}
.drop-nav ul li a {display: block; padding: 5px 10px 5px 10px; white-space: nowrap; }
.drop-nav li:hover, .drop-nav li:hover ul { background: #FFF; }
.drop-nav li:hover ul {display: block; position: absolute;}
.drop-nav li:hover li {float: none;}
.drop-nav li ul li {border-top: 0px;}
.drop-nav > li > span { display:inline; color:rgba(29,28,27,0.59); padding:0 12px 0 5px; background:url("../img/arrow_switch.png") 100% 50% no-repeat; }
/* Header */
.top-switch-bg .language-switch .current img { padding-right: 5px; height: 20px; }
.top-switch-bg .currency-switch { margin-right: 10px; }
.top-cms-right { float: right; margin-right: 10px; }
.top-cms-right, .top-cms-left { line-height: 45px; }
header a.logo {margin: 10px 0;}
.cart-top-container {margin-right: 130px;}
.cart-top-container .details {right: -100px;}
.cart-top-container .details-border:before {right: 115px;}
/* Brands */
.brand-description img { margin-bottom:22px; }
.brand-description img:last-child { margin-bottom:0; }
div.brand_details{margin-left:0;}
div.brand_container{border:none;}
div.brand_container.bottom{padding:0; margin:0; text-align:left;min-height:0;margin-bottom:20px;}
/* Buttons */
button.button span span {text-transform: capitalize;}
.data-table button.button span {text-transform: capitalize;}
.opc button.button span {text-transform: capitalize;}
/* Language switcher */
.language-switch .header-dropdown{right:0px;}
.language-switch .header-dropdown ul li a { padding-left:0;background-position:left; text-align:right;}
.language-switch span.current img{padding-right:17px;}
.language-switch span.current{cursor:pointer;padding-right:23px;}
/* Cart details panel */
.cart-top-container .details {width:400px; z-index: 10050}
.cart-top-container .details-border {width:400px;}
.cart-top-container .details .subtotal {width:400px; text-align:center;}
.cart-top-container .details .subtotal-wrapper {width:432px;}
.cart-top-container .details .totals-wrapper { margin-top: 15px; line-height: 42px; float: right; font-weight: bold; text-transform: uppercase; }
.cart-top-container .details .buttons { float: left; }
.cart .freeshippingmessage, #checkout-step-shipping_method .freeshippingmessage {
text-transform: uppercase;
padding: 0 10px;
background: #fefefe;
padding: 0 26px;
line-height: 41px;
font-size: 13px;
font-weight: 700;
-moz-box-shadow: inset 0 0 10px rgba(57,36,32,0.18);
-webkit-box-shadow: inset 0 0 10px rgba(57,36,32,0.18);
box-shadow: inset 0 0 10px rgba(57,36,32,0.18);
}
.subtotal .freeshippingmessage span {
width: 100%;
text-align: center;
margin: 15px 0;
line-height: 13px;
display: block;
}
.cart .cart-collaterals .cart-total .checkout-types li {
clear: both;
}
.cart .cart-collaterals .cart-total .checkout-types li p {
text-align: right;
}
#show-coupon-form {
color: #000000;
font-size: 15px;
}
#show-coupon-form:after {
/*content: ">";
margin-left: 3px;*/
}
/* Checkout */
.top-opc li {width:205px;margin: 0 25px 30px 0;}
.top-opc li h2 {line-height:24px;word-break: inherit;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
@media only screen and (min-width:960px) and (max-width:1200px) {
.top-opc li {width:175px;}
}
@media only screen and (min-width:1280px) {
.product-info-alt .clerk-slider{float: right;}
}
@media only screen and (max-width: 1280px){
.product-info-alt{clear: both;}
}
@media only screen and (min-width:960px) and (max-width:1280px) {
.product-info-alt .clerk-slider ul.products-grid {width: 100% !important;}
}
.checkout-agreements .agreement-content{height:auto;}
li.class_pl_store_pickup_afhaling_afhaling_te_kontich_2550_ma_vr_9u_18u label .price{display:none;}
li.class_pl_store_pickup_enl_vement_enl_vement_kontich_2550_lu_ve_9h_18h label .price{display:none;}
/* Search autocomplete */
.search-autocomplete{z-index: 2;}
.product-view .qty-container { margin:17px 0 17px; padding:0 0 17px; border-bottom:1px solid; border-bottom-color:#e3e3e3; border-bottom-color:rgba(227,227,227,0.61);}
dl#checkout-payment-method-load dt.pickupatstore {
background-image: url("https://berghoffworldwide.com/skin/frontend/shopper/ewings/images/cash-eco.jpg");
}
dl#checkout-payment-method-load dt.eub {
background-image: url("https://berghoffworldwide.com/skin/frontend/shopper/ewings/images/europabank.jpg");
}
dl#checkout-payment-method-load dt.cashondelivery {
background-image: url("https://berghoffworldwide.com/skin/frontend/shopper/ewings/images/rembourse.jpg");
}
dl#checkout-payment-method-load dt.banktransfer {
background-image: url("https://berghoffworldwide.com/skin/frontend/shopper/ewings/images/overschrijving.jpg");
}
dl#checkout-payment-method-load dt.paypal_standard {
background-image: url("https://berghoffworldwide.com/skin/frontend/shopper/ewings/images/paypal.jpg");
}
dl#checkout-payment-method-load dt{
background-color: transparent;
background-repeat: no-repeat;
background-position: 290px center;
line-height: 2.6em;
padding: 5px;
}
dl#checkout-payment-method-load dt > label {
cursor: pointer;
}
#shopbybrand-selection{
width: 100%;
}
.product-view .box-up-sell .jcarousel-item {width:870px; margin:0;}
.product-view .box-up-sell .jcarousel-container-horizontal {width:870px; margin:0;}
.product-view .box-up-sell .jcarousel-clip-horizontal {width:870px; margin:0;}
li.class_flatrate_flatrate{
background-color: transparent;
background-position: 20px -1px;
background-repeat: no-repeat;
line-height: 2.4em;
background-image: url("https://berghoffworldwide.com/skin/frontend/shopper/ewings/images/gls_logo_small.jpg");
}
li.class_flatrate_flatrate > label{
padding-left: 100px;
cursor: pointer;
}
/* Homepage */
.header-switch{
float: right;
line-height: 45px;
padding: 0px;
margin: 0px;
}
.header-switch span{
padding: 0px;
margin: 0px;
}
/* Search */
.col2-left-layout .page-title {margin-left: 0;}
.catalogsearch-result-index .preorder{text-align: center;margin-top: 10px;}
/* Product page */
.product-view .shopbybrands-brand-page {margin-bottom: 17px;}
.product-view .shopbybrands-brand-page span.brand-name {padding-left: 0;}
.product-view .product-options dt {max-width: 120px; line-height: 29px; float:left; margin-top: 0;}
.product-view .product-options dd {padding-bottom: 0; border-bottom: 0; margin-left: 130px; min-height: 44px;}
.product-options dd input.input-text {width: 198px;}
.product-view #product_tabs_description_tabbed_contents ul{list-style-type: disc;margin-left:15px;}
.product-view #product_tabs_description_tabbed_contents p{padding:5px;}
.product-view .product-options dt label em{display:none;}
.product-view .product-options p.required{display:none;}
.product-view .preorder{margin-bottom: 13px;}
.product-view .ean{float: left; font-size: 12px; font-weight: 700; margin: 10px 0; clear:left;}
.product-view .delivery_time{float: left; font-size: 12px; margin-bottom: 10px; clear:left;}
.stock-overlay:before{position: absolute;top: 0;right: 0;bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.7);
content: ' ';
padding: 0;
z-index: 99999;}
.stock-overlay-text{position: absolute;z-index: 100000;background: white;padding: 20px;top: 150px;right: 10px;}
.product-view .availability {
color: inherit;
}
.availability.in-stock span {
color: #73b334;
}
.availability.out-of-stock .out-of-stock-title, .availability.in-stock .in-stock-title {
display: inline-block;
}
.availability.out-of-stock .in-stock-title, .availability.in-stock .out-of-stock-title {
display: none;
}
.availability.out-of-stock ~ .add-to-box {
display: none;
}
.giftvoucher-product-info {
overflow: inherit;
}
.gift-card .form-group label[for="amount_dropdown"] {
padding-left: 5px;
width: 200px;
}
.giftcard-date-box .col-xs-12 {
padding-left: 15px;
}
/* Product page Product Line content block */
.content-block-productline {
height: auto;
left: calc(-50vw + 50%);
margin-bottom: 50px;
position: relative;
width: 100vw;
}
/* product popup */
.ajax-index-options .ZenboxTabLeft{display:none !important;}
.ajax-index-options .widget{display:none;}
/* category view */
.catalog-category-view .preorder{text-align: center;margin-top: 10px;}
.category-image{margin:0;}
.category-products{margin-top:20px;}
.category-description{border:none;}
.category-description.bottom{padding:0; margin:0;text-align:left;}
/* Footer */
.footer-logos {text-align: right;}
.footer-logos img {height: 25px;}
.footer-logos{width: 650px;}
/* Checkout */
.checkout-onepage-index p.required{display:none;}
.checkout-onepage-index .subscribe{line-height: 25px; text-align:right;}
.checkout-onepage-index .subscribe-description{line-height: normal;}
.checkout-onepage-index #review-buttons-container{margin-right:0px;}
.checkout-onepage-index .sole{background-position: left -1px !important;}
#checkout-step-review .buttons-set button.button{margin-right:0px;}
#checkout-agreements-form-wrapper{display: inline;}
#checkout-agreements textarea{width:100%;}
#ebizmarts_checkout_wrapper{display:inline;}
/* Blog */
.blog-index-list .postTitle,
.blog-cat-view .postTitle{border:none;}
.blog-index-list .postTitle h2 a,
.blog-cat-view .postTitle h2 a{color:#F88A36;}
.blog-index-list .postWrapper,
.blog-cat-view .postWrapper{border-bottom:1px solid #DDDDDD;margin-bottom:25px;}
.blog-index-list .postWrapper .aw-blog-read-more
.blog-cat-view .postWrapper .aw-blog-read-more{margin-top: 5px; position: relative; display: block;}
.blog-index-list .page-title h1,
.blog-post-view .page-title h1,
.blog-cat-view .page-title h1{color:#226B7A;letter-spacing: -0.05em;}
.blog-index-list .aw-blog-read-more,
.blog-cat-view .aw-blog-read-more{color:gray;font-weight:bold;}
.blog-index-list .postDetails a,
.blog-cat-view .postDetails a{color:gray;font-weight:bold;}
.blog-post-view .postContent a{color:#F88A36;}
.blog-post-view .postDetails{font-size: 10px; margin-bottom: 10px;}
.blog-post-view .postWrapper .poster{font-size:10px;}
.blog-post-view .commentWrapper{border-bottom:1px solid #DDDDDD;}
.blog-post-view #postComment .group-select{margin-top: 15px;}
.blog-post-view #postComment label{margin-top:5px;}
.blog-post-view .commentWrapper .createdAt{font-size: 10px; margin-top: 10px; color: gray;}
.product-info-alt .clerk-slider{clear: right;}
.clerk-slider .products-grid{width:100%; margin:0;}
.clerk-slider .products-grid li.item{margin-left:0; margin-right:28px;}
.clerk-slider .products-grid li.item a.product-image{text-align:center;}
.clerk-slider h2{margin-top: 10px;margin-bottom: 10px;font-size: 24px;font-weight: bold;}
.clerk-slider .old-price{float:left; margin-right:5px;}
.clerk-slider .actions{position:static; width:100%;}
.clerk-slider .actions .btn-cart{width:100%;}
.clerk-slider .actions .btn-cart span{text-align: center; width:100%;}
.clerk-slider .actions .btn-cart span span{padding:0; width:100%;}
.clerk-slider .products-grid .product-name{min-height:50px;}
.product-tabs-container{min-height: inherit !important;}
/* responsive */
@media only screen and (max-width: 959px) {
.block-layered-nav .block-title:before {
content:"\A";
border-style: solid;
border-width: 5px;
border-color: transparent transparent transparent black;
position: absolute;
left: 0px;
top:6px;
}
.block-layered-nav .block-title {
margin: 0;
padding:0;
border-bottom: none;
padding-left: 15px;
position: relative;
}
.block-layered-nav.active .block-title {
padding: 0 15px 22px;
margin: 0 0 25px;
border-bottom: 1px solid #e8e8e8;
}
.block-layered-nav.active .block-title:before {
border-color: black transparent transparent transparent;
}
.block-layered-nav .block-content {
display: none;
}
.block-layered-nav.active .block-content {
display: block;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
#zenbox_tab{display:none !important;}
.footer-logos{width: 270px; text-align:center;}
.language-select, .currency-select{
cursor:pointer; font-family:'Myriad Pro', sans-serif; font-size:16px; text-align:left; width:220px; margin:0 auto 3px; padding:0 10px; line-height:36px; background:#eee; color:#000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
float: none;
}
.language-select span{
display: none;
}
.language-select select, .currency-select select{
width: 220px;
background-color: transparent;
border: none;
}
.below-logo .nav-container{
margin: 0 0 10px;
}
.product-view .product-shop{float:none; width:auto;}
.product-view .availability{float:none;}
.product-view .sku{float:none;}
.product-view .ean{float:none;}
.product-view .delivery_time{float:none;}
.product-options dd select{width:100%;}
.product-shop{text-align: center;}
.product-view .product-shop .price-box{float:none;}
.product-view .product-shop .add-to-cart button.button{float:none;}
.product-view .product-shop .product-options-bottom{float:none;}
.product-view .product-shop .product-options{margin-top:20px;}
.product-view .shopbybrands-brand-page{margin-top:17px;}
.product-view .product-tabs-content{margin-bottom:10px;}
.cart-top-title{width: 100%; text-align: center;margin:0;}
.cart-top-title a span.icon{display: inline-block; float:none;}
.breadcrumbs{line-height: 20px; padding-top: 25px;text-align: center;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#zenbox_tab{display:none !important;}
.footer-logos{width: 270px; text-align:center;}
.product-view .product-shop{float:none; width:auto;}
.product-view .availability{float:none;}
.product-view .sku{float:none;}
.product-view .ean{float:none;}
.product-view .delivery_time{float:none;}
.product-options dd select{width:100%;}
.product-shop{text-align: center;}
.product-view .product-shop .price-box{float:none;}
.product-view .product-shop .add-to-cart button.button{float:none;}
.product-view .product-shop .product-options-bottom{float:none;}
.product-view .product-shop .product-options{margin-top:20px;}
.product-view .shopbybrands-brand-page{margin-top:17px;}
.cart-top-title{width: 100%; text-align: center;margin:0;}
.cart-top-title a span.icon{display: inline-block; float:none;}
.breadcrumbs{line-height: 20px; padding-top: 25px;text-align: center;}
}
@media only screen and (max-width: 767px) {
#zenbox_tab{display:none !important;}
.footer-logos{width: 270px; text-align:center;}
.language-select, .currency-select{
cursor:pointer; font-family:'Myriad Pro', sans-serif; font-size:16px; text-align:left; width:220px; margin:0 auto 3px; padding:0 10px; line-height:36px; background:#eee; color:#000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
float: none;
}
.language-select select, .currency-select select{
width: 220px;
background-color: transparent;
border: none;
}
.below-logo .nav-container{
margin: 0 0 5px;
}
.product-view .box-up-sell .jcarousel-item {width:280px; margin:0;}
.product-view .box-up-sell .jcarousel-container-horizontal {width:280px; margin:0;}
.product-view .box-up-sell .jcarousel-clip-horizontal {width:280px; margin:0;}
.footer-logos{width: 270px; text-align:center;}
.product-view .product-shop{float:none; width:auto;}
.product-view .availability{float:none;}
.product-view .sku{float:none;}
.product-view .ean{float:none;}
.product-view .delivery_time{float:none;}
.product-options dd select{width:100%;}
.product-shop{text-align: center;}
.product-view .product-shop .price-box{float:none;}
.product-view .product-shop .add-to-cart button.button{float:none;}
.product-view .product-shop .product-options-bottom{float:none;}
.product-view .product-shop .product-options{margin-top:20px;}
.product-view .shopbybrands-brand-page{margin-top:17px;}
.cart-top-title{width: 100%; text-align: center;margin:0;}
.cart-top-title a span.icon{display: inline-block; float:none;}
.breadcrumbs{line-height: 20px; padding-top: 25px;text-align: center;}
}
/* adjustments economic review */
.price-box .old-price .price{text-decoration: none;}
/**
* STORELOCATOR
*/
.storelocator-page .page-title h1{
border: none;
color: #000;
font-weight: 400;
}
#overlay_modal {
z-index: 10000003!important;
background: #000;
opacity: 0.3;
}
#site-switcher {
z-index: 10000004!important;
position: absolute;
background: #FFF;
max-width: 600px;
width: 100%!important;
}
#site-switcher_content {
max-width: 600px;
width: 100%!important;
}
.site_switcher_content .modal-body, .site_switcher_content .modal-footer {
padding: 10px;
}
.site_switcher_content .modal-body .close {
display: none;
}
.site_switcher_content .modal-footer {
position: absolute;
bottom: 0;
}
#site-switcher_row1 {
display: none;
}
@media only screen and (max-width:600px) {
#site-switcher {
top: 0!important;
left: 0!important;
height: 100%!important;
}
}
/**
HTML Inline styles =================================================================================
*/
/**~~ Shopper v1.5.4 ~~**/
/**~~ Theme Font ~~**/
.std h1, .std h2, .std h3, .std h4,
.page-title h1, .page-title h2,
.cart-top-title,
.compare-top-title,
.search-top-container .search-form .search-top-title,
.footer-info h4,
nav .nav-top-title, .nav-container .nav-top-title,
#queldoreiNav>li>a,
#queldoreiNav li.custom-block div.sub-wrapper strong,
#nav>li>a, #mobile-nav>li>a,
#nav li.custom-block ul li strong,
.wide-navigation #nav ul.level0 > li > a,
.homepage-banners a .content strong,
.slider-container h3,
.slider-container .jcarousel-list h3,
.category-description h1,
.category-description strong,
.products-grid h3,
.products-list .product-name a,
.cart .cart-collaterals h2,
#shopping-cart-totals-table strong,
#product-customer-reviews .review-title,
.add-review h3.title,
#customer-reviews dt a,
#customer-reviews .form-add h2,
.top-opc li .number,
.opc .step-title,
.opc h3,
.block .block-title strong,
.cms-index-index .block .block-title strong,
.block-poll .question,
.block-layered-nav dt,
.product-tabs a,
.product-tabs-accordion h2.tab-heading a,
.product-category-title,
.page-head h3,
.product-view h1,
.product-view h2,
.product-view .box-tags h3,
.product-view .product-additional .block .block-title strong,
.box-up-sell2 h3,
.box-up-sell2 .jcarousel-list h3,
.flexslider .slides .content strong,
.data-table td.td-name h2,
.product-slider-container h2,
.block-slider .slides > li strong,
.cms-index-index .block-slider .slides > li strong {font-family:"Open Sans"}
/**~~ Theme Color ~~**/
button.button span,
button.invert:hover span, button.btn-continue:hover span, .cart-shipping button:hover span, .cart-coupon button:hover span,
.btn-remove, .btn-edit,
.cart-top > a,
.cart-top-container .details-border,
.cart-top-title a span.icon,
.compare-top,
.compare-top-container .details-border,
.compare-top-title a span.icon,
.search-top,
.search-form-border,
.search-top-container .search-form .search-top-title span.icon,
.footer-info ul.twitterList li span.tweet-icon,
.footer-info ul.social li a:hover,
.footer-info .block-control:hover,
.footer-info .block-control-hide:hover,
.products-grid .hover .price-box,
.products-grid .hover .button-container button.button span span em,
.products-list .button-container .btn-add-cart span,
.data-table .btn-remove2,
.data-table .btn-edit2,
.top-opc li.allow:hover .number,
.product-view .add-to-links li:hover span.icon,
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active,
#toTop,
.jcarousel-prev-horizontal:hover,
.jcarousel-next-horizontal:hover,
.product-view .box-up-sell .jcarousel-next-horizontal:hover,
.product-view .box-up-sell .jcarousel-prev-horizontal:hover,
.quick-view,
nav .nav-top-title:hover, .nav-container .nav-top-title:hover,
nav .nav-top-title.active, .nav-container .nav-top-title.active,
nav .nav-top-title div.icon span, .nav-container .nav-top-title div.icon span
{background-color:#b2a89f}
/***** iPad Smaller than 959px *****/
@media only screen and (max-width: 959px) {
#queldoreiNav>li>a:hover, #nav>li>a:hover, #mobile-nav>li>a:hover,
#queldoreiNav>li.over>a, #nav>li.over>a, #mobile-nav>li.over>a,
#queldoreiNav>li.active>a, #nav>li.active>a, #mobile-nav>li.active>a {background-color:#b2a89f; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
}
.footer-info a,
.footer-info .information ul li:before, .footer-info ul.disc li:before,
.price-box .price,
.pager .pages li a:hover,
.pager .pages .current,
.toolbar-dropdown ul li a:hover, .toolbar-dropdown ul li.selected a,
.products-grid .add-to-links li span,
.opc h3, .opc h4,
.block-progress dt:before,
#checkout-step-login .block-checkout-register ul.ul li:before
{color:#b2a89f}
.cart-top-container .details-border:before{border-color: transparent transparent #b2a89f transparent;}
.compare-top-container .details-border:before{border-color: transparent transparent #b2a89f transparent;}
.search-form-border:before{border-color: transparent transparent #b2a89f transparent;}
#queldoreiNav>li>a:hover>span,
#queldoreiNav>li.over>a>span,
#queldoreiNav>li.active>a>span,
#nav>li>a:hover>span,
#nav>li.over>a>span,
#nav>li.active>a>span,
#mobile-nav>li>a:hover>span,
#mobile-nav>li.over>a>span,
#mobile-nav>li.active>a>span,
.cart .cart-collaterals .cart-block,
.opc .step,
.block,
.cms-index-index .block,
.block-login,
.cart .cart-collaterals .cart-block,
.product-tabs li.active, .product-tabs-container h2.active {border-top-color:#b2a89f;}
/** links hover color **/
.header-container .links li a:hover,
.block .block-content a:hover, .block .block-content li a:hover, .block .block-content li.item a:hover,
.cms-index-index .block .block-content a:hover, .cms-index-index .block .block-content li a:hover, .cms-index-index .block .block-content li.item a:hover,
.block-layered-nav .block-content dd li a:hover,
.product-view .product-shop .no-rating a:hover, .product-view .product-shop .ratings a:hover,
.product-view .box-up-sell .product-name:hover,
.data-table td a:hover,
#left-nav li.active a{color:#b2a89f}
#left-nav li.active a{font-weight:bold;}
#left-nav li.inactive a{color:#322c29;}
#left-nav li.inactive a{font-weight:normal;}
.header-container, header.fixed {background-color:#ffffff}
#queldoreiNav > li > a, #nav > li > a, #mobile-nav > li > a {color:#373230}
.slider {background-color:#f4f4f2}
body, .main-container, .footer-container .product-slider-container {background-color:#ffffff}
.block .block-content a, .block .block-content li a, .block .block-content li.item a,
.cms-index-index .block .block-content a, .cms-index-index .block .block-content li a, .cms-index-index .block .block-content li.item a,
.block-layered-nav .block-content dd li a,
.product-view .product-shop .no-rating a, .product-view .product-shop .ratings a,
.product-view .box-up-sell .product-name,
.data-table td a{color:#322c29}
.block .block-content a:hover, .block .block-content li a:hover, .block .block-content li.item a:hover,
.cms-index-index .block .block-content a:hover, .cms-index-index .block .block-content li a:hover, .cms-index-index .block .block-content li.item a:hover,
.block-layered-nav .block-content dd li a:hover,
.product-view .product-shop .no-rating a:hover, .product-view .product-shop .ratings a:hover,
.product-view .box-up-sell .product-name:hover,
.data-table td a:hover {color:#b2a89f}
.page-title-bg {background-color:#f5f5f3}
.slider-container {background-color:#ededed}
.slider-container {border-top-color:#e1e1e1}
.top-switch-bg {background-color:#f9f9f9}
.header-switch span.current {color:#1d1c1b}
.header-container .links li a, .header-switch span {color:rgba(29,28,27, 0.65)}
.footer-container {background-color:#f7f7f7}
.footer-container, footer a, footer ul.links li a {color:#efeeec}
footer a:hover, footer ul.links li a:hover {color:#b2a89f}
.footer-banners {background-color:#fafafa}
.footer-info {background-color:#efeeec}
.footer-info {border-top-color:#efeeec}
.footer-info, .footer-info ul.twitterList li {color:#666666}
.footer-info ul.twitterList li span.time-ago {color:rgba(102,102,102, 0.85)}
.footer-info a {color:#b2a89f}
.footer-info a:hover {color:#231f20}
.price-box .price {font-family:"Open Sans"}
#slide-timeline {background-color:#322c29}
button.invert span, button.btn-continue span, .cart-shipping button span, .cart-coupon button span {background-color:#393431;}
#queldoreiNav > li > a:hover, #queldoreiNav > li.active > a, #queldoreiNav > li.over > a,
#nav > li > a:hover, #nav > li.active > a, #nav > li.over > a,
#mobile-nav > li > a:hover, #mobile-nav > li.active > a, #mobile-nav > li.over > a {color:#373230}
.compare-top-title, .compare-top-container {display:none !important}
.compare-top-title, .compare-top-container,
.products-grid .add-to-links a.link-compare,
.products-list .add-to-links li:last-child,
.product-view .add-to-links li.compare {display:none !important}
/** Brands slider **/
.brands-slider-container ul.brands li{width:96px;}
.brands-slider-container .jcarousel-clip-horizontal{margin:0 24px;}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
.brands-slider-container .jcarousel-clip-horizontal{margin:0;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.brands-slider-container .jcarousel-clip-horizontal{margin:0;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.brands-slider-container .jcarousel-clip-horizontal{margin:0 36px;}
}
@media only screen and (max-width: 479px) {
.brands-slider-container .jcarousel-clip-horizontal{margin:0 6px;}
}
/**~~ helper classes ~~**/
.shopper-font {
font-family:"Open Sans";
}
.shopper-color {
color:#b2a89f;
}
.shopper-bgcolor {
background-color:#b2a89f;
}
.shopper-menucolor {
color:#373230;
}
.shopper-content_bg {
background-color:#ffffff;
}
.shopper-content_link {
color:#322c29;
}
.shopper-content_link_hover {
color:#b2a89f;
}
.shopper-page_title_bg {
background-color:#f5f5f3;
}
/**
HTML Inline styles =================================================================================
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900);
body {
font:13px/1.4 "Roboto", sans-serif;color:#000;border-top:0;
}
.std h1,
.std h2,
.std h3,
.std h4,
.page-title h1,
.page-title h2,
.cart-top-title,
.compare-top-title,
.search-top-container .search-form .search-top-title,
.footer-info h4,
nav .nav-top-title,
.nav-container .nav-top-title,
#queldoreiNav>li>a,
#queldoreiNav li.custom-block div.sub-wrapper strong,
#nav>li>a,
#mobile-nav>li>a,
#nav li.custom-block ul li strong,
.wide-navigation #nav ul.level0 > li > a,
.homepage-banners a .content strong,
.slider-container h3,
.slider-container .jcarousel-list h3,
.category-description h1,
.category-description strong,
.products-grid h3,
.products-list .product-name a,
.cart .cart-collaterals h2,
#shopping-cart-totals-table strong,
#product-customer-reviews .review-title,
.add-review h3.title,
#customer-reviews dt a,
#customer-reviews .form-add h2,
.top-opc li .number,
.opc .step-title,
.opc h3,
.block .block-title strong,
.cms-index-index .block .block-title strong,
.block-poll .question,
.block-layered-nav dt,
.product-tabs a,
.product-tabs-accordion h2.tab-heading a,
.product-category-title,
.page-head h3,
.product-view h1,
.product-view h2,
.product-view .box-tags h3,
.product-view .product-additional .block .block-title strong,
.box-up-sell2 h3,
.box-up-sell2 .jcarousel-list h3,
.flexslider .slides .content strong,
.data-table td.td-name h2,
.product-slider-container h2,
.block-slider .slides > li strong,
.cms-index-index .block-slider .slides > li strong {
font-family:"Roboto", sans-serif;
}
.col-main {padding:0 15px 0;}
.block {padding:23px 5%;margin:0 0 30px;background:#FFF;border-top:none;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.col-left .block {width:90%;}
.block .block-title {border:0;padding:0 0 22px;margin:0;color:#000;border-bottom:none;}
.block .block-title strong {font-size:22px;font-weight:400;text-transform:none;letter-spacing:0;line-height:21px;}
.catalog-category-view .col-left {padding:0;}
#left-nav li.inactive a {color:#B2A89F;}
.block .block-content li, .block .block-content li.item {margin:0;padding:0 0 0 20px;line-height:20px;background:none;}
.block-layered-price .ui-slider-horizontal {margin:0 20px 10px;}
.block-layered-price .ui-widget-header {background:#988A81;}
div#slider-min {margin-left:10px;}
div#slider-max {margin-right:10px;}
.block-layered-nav dt {margin:0 0 5px;padding:20px 0 0 0;color:#000;border-top:1px solid #E0E0E0;}
.block-layered-nav .block-content dd li {margin:0;padding:0;background:none;}
.block-layered-nav .block-content dd li a, .block-layered-nav .block-content .category-filter-tree span.count {color:#A1A1A1;}
.block-layered-nav .block-content dd li a:hover {color:#000;}
.block-layered-nav .currently {padding-bottom:15px;}
.category-filter-tree {width:100%;padding:0;}
.category-filter-tree li {background:none !important;}
.block-layered-nav .category-filter-tree .level1 {padding-left:0;}
.block.block-viewed .block-content li {padding:0;margin:0 0 15px 0;}
.block-viewed .price-box .old-price, .block-viewed .price-box .special-price {text-align:left;padding:0;}
.block-viewed p.old-price {float:left;margin-right:10px;text-decoration:line-through;}
.block-viewed p.price {float:left;}
.block.block-layered-nav .block-title span {text-transform:uppercase;font-size:18px;}
.category-filter-tree li.level0 {display:block;}
.category-filter-tree li.level1 {display:none;}
#narrow-by-list input[type=checkbox] {position:absolute;left:-9999px;}
#narrow-by-list label {display:-webkit-inline-flex;display:-moz-inline-flex;position:relative;margin:0;padding:0 0 0 30px;color:#000;background-color:#FFF;user-select:none;}
#narrow-by-list ol li {color:#A1A1A1;}
#narrow-by-list label::before {content:'';display:block;position:absolute;top:3px;left:0px;width:12px;height:12px;border:1px solid #000;}
#narrow-by-list input:checked + label {background-color:#FFF;}
#narrow-by-list input:checked + label::before {background-color:#000;}
#narrow-by-list .category-filter-tree label::before {display:none;}
#narrow-by-list .category-filter-tree label {padding:0;}
.catalog-category-view .category-filter-tree .level0 {display:none;}
.catalog-category-view .category-filter-tree .level1 {display:block;}
.layer-slider .price-limit {display:none;}
.layer-slider .price-range {font-weight:400;color:#000;}
.layer-slider .price-slider .bg {background-color:#A1A1A1;}
.layer-slider .price-slider .span {background-color:#000 !important;}
.layer-slider .price-slider .handle {position:absolute;width:13px;height:13px;cursor:move;background:#000;top:4px;}
.btn-remove {background-color:#000;}
.block .currently ol li {padding-left:0;}
div.price-range input {border:1px solid #000;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
.page-title {margin:0;padding:20px 0 30px;}
.page-title h1, .page-title h2 {text-transform:none;font-size:24px;letter-spacing:0;}
.row-100, .row-50, .row-33, .row-25 {overflow:auto;float:left;}
.row-100, .row-50, .row-25, .grid_12 {width:100%;margin:0;}
.grid_6 {width:50%;margin:0;}
.grid_3 {width:25%;margin:0;}
.top-switch-bg {background-color:#FFF;}
.cms-home .main.row {width:100%;}
.cms-home .main.row .col-main {padding:0;}
.home-content {margin:0;overflow:auto;}
h3.home {text-align:center;text-transform:none;font-size:42px;padding:30px 0;}
.cms-home .row-50.leo, .cms-home .row-50.gem {position:relative;display:inline-block;}
.cms-home .row-50.leo img, .cms-home .row-50.gem img {width:100%;}
.home-wrap {width:100%;overflow:auto;position:absolute;top:0;bottom:0;}
.home-content-container {width:1200px;position:relative;margin:0 auto;overflow:auto;height:100%;}
.home-content-container .column {width:50%;display:block;float:left;height:100%;}
.home-product-line {display:block;height:170px;width:170px;text-align:center;line-height:170px;color:#FFF;font-size:36px;}
.home-product-line.leo {background-color: #B0ACA7;}
.home-product-line.gem {background-color: #292425;}
.home-content-container a {padding-top:15px;padding-left:40px;display:block;}
.grid_6.wrap {height:100%;}
.column.rechts.caption h4, button.btn-home {position:relative;top:50%;transform:perspective(1px) translateY(-50%);display:block;}
.column.caption h4 {font-size:40px;text-transform:lowercase;line-height:40px;}
.column.caption h4.light {color:#FFF;}
button.button.btn-home {width:80%;}
button.button.btn-home span {width:100%;background:transparent;}
button.button.btn-home span span {width:100%;font-size:16px;}
button.button.btn-home.dark span span {border:1px solid #000;color:#000;}
button.button.btn-home.light span span {border:1px solid #FFF;color:#FFF;}
.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-top:30px;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
.slider {padding:0;}
.slides li {background-size:contain !important;}
.flexslider .slides .content {color:#efeeec;background-color:rgba(255,255,255,0);padding:20px 30px 20px;text-align:left;margin:30px 0;}
.flexslider .slides .content strong {text-transform:none;color:#231F20;line-height:38px;font-size:34px;text-align:left; }.flexslider .slides .content p {text-align:left;color:#231F20;}
.flexslider .slides .content .border {height:0;}
.slider .fullwidthbanner-container li img {left:0 !important;}
.slider .fullwidthbanner-container .fullwidthbanner {max-height:630px !important} button.button_white {float:right;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
button.button_white span, button.button_white:hover span {background:#FF7F5C !important;}
button.button_white:hover {padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
button.button span span {text-transform:none;color:#FFF;}
button.button span span:hover {color:#231F20;}
button.button span {font-family:"Roboto", sans-serif;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
button.button.theme_button {width:50%;margin:0 50px;}
button.theme_button span {width:100%;}
button.theme_button span span {width:100%;border:1px solid #988A81;background-color:#FAFAFA;color:#988A81;}
button.theme_button span span {width:100%;border:1px solid #988A81;background-color:#FAFAFA;color:#988A81;}
button.theme_button span span:hover, button.theme_button span span:active {border:none;background-color:#B2A89F;color:#EFEEEC;}
button.button.btn-cart.banner {float:left;}
button.button.btn-cart.banner span {background:none;border:1px solid #FF7F5C;}
button.button.btn-cart.banner span span {color:#FF7F5C;}
button.button.btn-cart.banner span span:hover {color:#231F20;}
.header-container .row {width:98%;margin:0 auto;}
header a.logo {float:left;margin:0 0 10px;}
header h1.logo {float:left;}
header a.logo img {width:200px;}
.widget .icon img {max-width:100%;}
.top-header {line-height:34px;}
.top-header li.hightlight, .top-header li.caption {line-height:34px}.header-switch {font-size:12px;line-height:34px;display:block;}
.header-switch span.current {background-position:95% 50%;}
.language-switch .header-dropdown {width:190px;}
.language-switch .header-dropdown ul li a {background-size:24px 24px}header.fixed a.logo {margin:10px 0;}
header.fixed #queldoreiNav, header.fixed #nav {margin:10px 0 0 20px;}
.below-logo .nav-container {height:52px;}
#queldoreiNav {margin:0 0 0 20px; width:100%;}
#queldoreiNav>li {margin:0;height:52px;border-bottom:2px solid #FFF;}
#queldoreiNav>li>a {position:relative;float:left;padding:0;font-family:'Roboto',sans-serif;font-weight:400;text-transform:uppercase;}
#queldoreiNav > li > a, #queldoreiNav > li.active > a {height:52px;line-height:52px;}
#queldoreiNav>li>a>span {border-top:0;color:#000;padding:0 10px;font-size:12px}#queldoreiNav>li>a:hover>span, #queldoreiNav>li.over>a>span, #queldoreiNav>li.active>a>span {border-top:0;}
#queldoreiNav>li:hover, #queldoreiNav>li.over, #queldoreiNav>li.active {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-bottom:2px solid #000;}
.div-temp {height:48px;}
.search-field #search {width:260px;}
input {font-size:12px;font-family:"Roboto", sans-serif;}
#search {color:#000;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.search-top-container .search-top {background:url('../img/zoek-icon.svg') 50% 50% no-repeat;}
.search-form-border {height:0;}
.search-form-border::before {display:none;}
.catalogsearch-result-index .page-title {margin-top:30px;}
.catalogsearch-result-index .block-layered-nav dd {padding:0 0 2px 40px;background:url('https://berghoffworldwide.com/skin/frontend/shopper/default/images/arrow_item.gif') no-repeat;background-position:28px 6px;margin:0;color:#A1A1A1;}
.catalogsearch-result-index .block-layered-nav dd:hover {color:#000;}
.catalogsearch-result-index .block-layered-nav dt {margin:15px 0 5px;}
.catalogsearch-result-index .category-products {margin:0;}
.catalogsearch-result-index .block-layered-nav dd[data-attribute="categories"] {padding:0;background:none;}
.cart-top-container {margin:0px 26px 0 4px;}
.cart-top > a span {padding:0 0 0 38px;color:#231F20;font-size:13px;font-family:"Roboto", sans-serif;font-weight:normal;line-height:38px;text-transform:none;white-space:nowrap;}
.cart-top a span span {display:none;}
.cart-top > a {
background: transparent url('../img/mandje-icon.svg') 50% 50% no-repeat;
white-space: nowrap;
}
.cart-top > a:hover {background-color:transparent;text-decoration:underline;}
.cart-top-container .details {right:-20px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:1px solid #A1A1A1;}
.cart-top-container .details p.product-name {font-weight:700;}
.cart-top-container .details p.product-name a {color:#000;}
.cart-top-container .details .button span span {padding:0 25px;background-color:#000;border:1px solid #000;}
.cart-top-container .details .button span span:hover {background-color:#FFF;border:1px solid #000;color:#000;}
.cart-top-container .details .subtotal {color:#000;text-transform:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;margin:0 auto;padding:0;border-bottom:1px solid #A1A1A1;border-top:1px solid #A1A1A1;}
.cart-top-container .details .subtotal a {color:#A1A1A1}.cart-top-container .details .subtotal span.price, .cart-top-container .details .totals-wrapper span.price {color:#A1A1A1;}
.cart-top-container .details-border {height:0;}
.cart-top-container .details-border::before {display:none;}
.cart-top-container .details {color:#000; z-index: 10050}
.cart-top-container .btn-edit, .cart-top-container .btn-remove {background-color:#000;}
.compare-top-title {float:right;display:block;font-size:13px;}
.compare-top-container {display:none;}
.compare-top-title a span.icon {background-size:24px;}
.compare-top-title a span.icon {background:transparent url('https://berghoffworldwide.com/media/wysiwyg/general/compare-bh.png') 50% 50% no-repeat;margin:0 3px 0 0;}
.compare-top-title a {font-family:"Roboto", sans-serif;margin-right:10px;color:#231F20;}
.compare-top-title a:hover span.icon {background-color:transparent;}
.compare-top-title a:hover {text-decoration:underline;}
.page-title-bg {background-color:#FFF;height:38px !important;}
.breadcrumbs {margin:0 auto;padding:0;line-height:40px;font-size:11px;}
.catalog-product-view .breadcrumbs {width:80%}.breadcrumbs a {color:#000;font-weight:700;}
.breadcrumbs li.home a {color:transparent;font-weight:700;}
.breadcrumbs li.home {background:url("../img/home-icon.svg");background-repeat:no-repeat;background-position: 10px center;background-size: 20px 15px;padding:10px 10px 10px 5px;}
.breadcrumbs strong {color:#A1A1A1;font-weight:700;}
.top-cms-right {line-height:24px;margin-right:0;}
.drop-nav li:hover ul {right:0;text-align:right;width:120px;z-index: 20000;}
.drop-nav ul li a:hover {text-decoration:none;color:#A1A1A1;}
.drop-nav ul li a {color:#000;font-size:12px;}
.cms-full {width:80%;margin:0 auto 30px;}
.cms-full a {color:#FF7F5C;text-decoration:underline;}
.cms-page-view h1 {font-weight:400;text-transform:none;font-size:24px;margin:30px 0;}
.cms-page-view h3 {font-size:18px;text-transform:none;}
h2.legend {font-size:13px;font-weight:700;margin:10px 0 20px;}
.cms-page-view p {margin:5px 0 15px;line-height:24px;color:#777;}
.contact-form .page-title {display:none;}
.contact-map {width:400px;margin-right:36px;float:left;}
.contact-form {width:400px;float:left;margin-right:30px;}
.fieldset {margin:28px 0 0;}
ul.form-list {margin-left:0;}
.form-list li {list-style:none;}
.form-list input.input-text {width:370px;}
.form-list li.wide textarea {width:370px;}
.buttons-set {margin:0 15px 30px;}
.buttons-set p.required {text-align:right;}
.buttons-set button.button {float:right;}
.buttons-set button.button span span {color:#FFF;background-color:#000;font-weight:400;font-size:14px; height: 42px; padding: 0 16px;}
.buttons-set button.button span span:hover, .buttons-set button.button span span:active {color:#FFF;background-color:#000;}
.cms-content .layer {position:absolute;left:0;bottom:0;width:100%;height:25%;text-align:center;vertical-align:center;background:rgba(255, 255, 255, 0.75);}
.cms-content .layer .title {font-size:24px;font-weight:700;color:#231F20;margin:20px 40px;}
.cms-content .layer .content {font-size:18px;color:#988A81;margin:20px 40px;}
.cms-content .category-link {background-color:#988A81;color:#FFF;height:30px;line-height:30px;font-size:16px;padding:0 15px;position:absolute;top:0;width:340px;text-align:center;}
.category-title {display:block;}
.category-description h1 {display:none;}
.category-description {margin:20px 0;padding:0;text-align:left;color:#988A81;}
.sorter {float:right;}
.sorter .sort-by {border:1px solid #000;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0 -1px 0 0;background:transparent;}
.sorter .sort-order {margin:0 20px 0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:1px solid #000;background:transparent;}
.sorter .limiter {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:1px solid #000;background:transparent;}
.sorter .view-mode {float:right;display:none;}
.toolbar-switch {margin-top:0;}
.toolbar {border-bottom:1px solid #E0E0E0;}
.pager {padding:0;border-top:none;}
.pager .amount {color:#000;line-height:27px;}
.pager .pages {margin:0 20px 0 0;}
.pager .pages .current {color:#000;line-height:27px;}
.pager .pages li {width:27px;height:27px;}
.pager .pages li a {color:#A1A1A1;line-height:27px;width:27px;height:27px;}
.pager .pages li a.next, .pager .pages li a.previous {border:1px solid #000;}
a.next.i-next img.v-middle {margin-top:3px;}
.products-grid li.item {float:left;width:252px;padding:0;margin:0 15px 30px;position:relative;background:#fff;border:9px solid #fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.products-grid li.item a.product-image {background-color:#000;}
.products-grid .product-image img {opacity:0.97;width:100%;height:100%;}
.regular .price-box {text-align:left;line-height:28px;letter-spacing:0;}
.products-grid .product-name {
color:#000;margin:4px 4px 4px 4px;line-height:120%;text-align:left;
height: 56px;
font-size:15px;
font-weight:400;
margin-bottom: 0;
overflow: hidden;
}
.price-box .price {
font-family:"Roboto", sans-serif;font-size:26px;color:#000;font-weight:400; line-height: 20px;
}
.old-price {text-align:right;padding:3px 0 0;}
.price-box .old-price .price {color:#988A81;font-weight:400;font-size:12px;text-decoration:line-through;}
.special-price {text-align:left;}
.special-price .price-label {font-weight:bold;white-space:nowrap;display:none;}
.products-grid .button-container {float:right;margin-top:40px;display:block;position:absolute;right:0;bottom:20px;}
.products-grid .button-container button.button span {border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;background-color:#FFF;background:transparent;}
.products-grid .button-container button.button span span {background:transparent url('../img/mandje-icon.svg') 50% 50% no-repeat;border:1px solid #000;}
.button-container p {height:18px;}
.products-grid .old-price {position:absolute;left:110px;}
.products-grid .old-price .price {font-size:18px;color:#A1A1A1;}
.products-grid .availability {line-height:32px;}
.category-products .availability.out-of-stock span {background:#E0E0E0;color:#A1A1A1;padding:10px !important;text-transform:uppercase;}
.products-grid .hover {display:none !important;}
.rating-box {background-image:url("../img/rating-icon.png");width:70px;}
.rating-box .rating {height:10px;background-image:url("../img/rating-icon.png");}
.product-view .product-shop .no-rating, .product-view .product-shop .ratings {border-bottom:none;}
#srka-product-review-list .srka-rating-code .options li .option {background:url("../img/rating-icon.png") center top no-repeat;background-size:14px 20px;}
.product-view .product-shop .no-rating, .product-view .product-shop .ratings {border-bottom:none;}
.product-view .product-shop .ratings a {color:#A1A1A1;padding-left:10px;}
.product-view .product-shop .ratings a:hover {color:#000;}
.ratings .rating-links .separator {margin:0 0 0 10px;}
.rating-box, .rating-box .rating {background-size:14px 20px;}
.products-grid .add-to-links {height:30px;margin:0 -9px 0;background:#F8F8F8;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.products-grid .add-to-links a {font-weight:400;font-size:11px;}
.new-label, .sale-label {background-image:url(https://berghoffworldwide.com/media/wysiwyg/general/labels-bh.png);}
.products-grid .new-label.new-top-left {left:-10px;top:-9px;}
.products-grid .sale-label.sale-top-right {top:-9px;right:-10px;}
.product-img-box .new-top-left {top:2px;right:2px;}
.product-img-box .sale-top-right {top:2px;right:2px;}
.old-price .price-label {display:none;}
.bubble-layer-top {display:none;}
.products-grid .amlabel-txt2 {height:16px !important;}
.products-grid .amlabel-txt2.top-right {width:36px !important;max-width:36px !important;font-size:10px !important;line-height:16px !important;}
.catalog-category-view .category-image {position:absolute;width:25%;padding:0 15px 0 0;right:0;}
.products-grid .amlabel-txt2.bottom-left {height:46px !important;margin-left:10px;margin-bottom:10px;}
.catalog-category-view .category-image img {float:right;}
.category-description.top {color:#000;font-weight:100;font-size:16px;background-color:#F7F7F7 !important;padding:3%;margin:0 0 40px;letter-spacing:0.5px;min-height:12em;}
.category-description.top p {margin:0 0 20px;width:66%;}
.catalog-category-view .page-title {display:none;padding:0;}
.col-main .category-description .page-title, .col-main .category-description h1 {display:block;}
.category-description .page-title h1 {text-transform:none;font-size:42px;letter-spacing:0;font-weight:700;line-height:1.5em;width:66%;}
.main-cat-grid .subcategories {width:100%;overflow:auto;}
.main-cat-grid li.sub-item {width:30%;float:left;background-color:#F7F7F7;margin:0 1.5% 3%;}
.main-cat-grid li.sub-item img {width:100%;float:left;margin-top:-48px;}
.main-cat-grid li.sub-item h3 {text-align:center;font-size:16px;padding:10px 0 0;height:3em;}
a.category-description-top.read-more {margin-left:10px;}
a.category-description-top.read-more:hover {color:#000;}
.attributesplash-page-view .splash-title {padding-bottom:0;margin-top:20px;}
.attributesplash-page-view .splash-title h1 {font-size:42px;font-weight:700;line-height:1.5em;}
.attributesplash-page-view .splash-description p {font-size:16px;margin-bottom:15px;font-weight:100;letter-spacing:0.5px;}
.catalog-product-view .main.row {width:100%;}
.catalog-product-view .col-main {width:100%;padding:0;}
.catalog-product-view .product-view {background-color:#F7F7F7;width:100%;}
.product-view .product-essential {margin:0 auto 50px;padding-top:30px;width:70%;}
.product-view .product-img-box {margin:0 75px 0 0;width:51% !important;}
.product-view .product-img-box .product-image {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;margin:0;border:9px solid #F7F7F7; background-color: #f7f7f7;}
.product-view .product-img-box .product-image a {background-color:#000;}
.product-view .product-img-box .product-image a img {opacity:0.97;width:100%;height:100%;}
.product-view .product-img-box .more-views {
-webkit-box-shadow:none;-moz-box-shadow:none;
box-shadow:none;
border-radius: 0px;-webkit-border-radius:0px;-moz-border-radius:0px;
padding:0;border:9px solid #F7F7F7;border-top:none;
}
.product-view .product-img-box .more-views li.jcarousel-item {
width:60px !important;margin:0 2px !important;border:1px solid #E0E0E0; display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.product-view .product-img-box .more-views li.jcarousel-item:active, .product-view .product-img-box .more-views li.jcarousel-item:hover {border:1px solid #000;}
.product-view .product-img-box .more-views li.jcarousel-item img {width:60px; height: inherit;}
.product-view .product-img-box .more-views .jcarousel-skin-tango {margin:0;background-color:#F7F7F7;}
.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-container-horizontal {width:100% !important;}
.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-clip-horizontal {width:100% !important;}
.product-view .product-img-box .more-views ul#shopper_gallery_carousel {margin:0 auto !important;width:100% !important;justify-content:center;display:flex;}
.product-view .product-img-box .more-views .jcarousel-controls {display:none;}
.product-view h1 {font-size:38px;}
.product-view #intro-text {margin-bottom:20px;}
.product-view #intro-text h3 {font-weight:700;}
.product-view #intro-text p {color:#777777;margin-bottom:10px;}
.product-view div#body_usp_text {overflow:auto;padding-bottom:20px;border-bottom:1px solid #777777;margin-bottom:20px;color:#777777;}
.product-view #body_usp_text ul li.body-usp {width:45%;float:left;line-height:24px;padding:3px 0 3px 5%;display:block;background:url('../img/check-icon.svg') no-repeat left center;background-size:16px;}
.product-view .product-shop .price-box .price {font-size:40px;line-height:140%;font-weight:400;}
.product-shop-info .price-box .special-price span.price-label {text-align:left;font-weight:400;font-size:12px;}
.product-view .special-price {text-align:left;}
.product-view .availability {margin:10px 0;font-size:13px;color:#777777;}
.availability.in-stock span {background:transparent url('../img/check-icon.svg') 0 0px no-repeat;background-size:16px 16px;padding-left:24px !important;font-weight:400;margin-left:10px;color:#777777;}
.availability.out-of-stock span {background:transparent url('../img/close-icon.png') 0 0px no-repeat;background-size:14px;padding-left:24px !important;font-weight:400;margin-left:10px;color:#777777;}
.product-view .sku {font-weight:400;color:#777777;}
.product-view .ean {display:none;}
.product-view .delivery_time {font-size:13px;margin:20px 0 10px 0; }p.delivery {overflow:auto;}
p.delivery.pay-methods img {width:210px;}
.delivery_time p.shipping {padding-left:40px;background:transparent url('https://berghoffworldwide.com/media/wysiwyg/general/shipping-bh.png') 0 0px no-repeat;background-size:24px 24px;line-height:24px;}
.delivery_time p.returns {padding-left:40px;background:transparent url('https://berghoffworldwide.com/media/wysiwyg/general/return-bh.png') 0 0px no-repeat;background-size:24px 24px;line-height:24px;}
.delivery_time p.payments {padding-left:40px;background:transparent url('https://berghoffworldwide.com/media/wysiwyg/general/cc-bh.png') 0 0px no-repeat;background-size:24px 24px;line-height:24px;}
.delivery_time img.icon {width:30px;float:left;padding-right:10px;margin-bottom:10px;}
.delivery.store a:hover {color:#FF7F5C;}
.delivery.store a {color:#231F20;}
.product-view .product-shop .price-box .old-price {margin:0;padding:0;}
.product-view .product-shop .price-box p {margin-right:20px;}
.product-view .product-shop .price-box .price-label {text-align:left;}
.product-view .product-shop .price-box .old-price .price {font-size:32px;float:left;color:#A1A1A1;padding-top:5px;}
.product-view li#product_tabs_additional_tabbed {padding-top:150px;margin-top:-154px;}
.product-view a.tabs {color:#777777;text-decoration:underline;}
.product-view a.tabs:hover {color:#231F20;}
.product-view a.tabs:after {content:' >';}
.product-view .product-shop .add-to-box {margin:0;float:left;width:100%;}
.product-view .add-to-cart {padding-bottom:20px;border-bottom:1px solid #777777;width:100%;margin-bottom:10px;}
.product-view .add-to-cart button.button > span {height:36px;background-image:none;background-color:#000;}
.product-view .add-to-cart button.button > span > span {line-height:36px;font-size:14px;text-transform:none;padding:0 60px 0 20px;background:url("../img/mandje-wit-icon.svg") 92% no-repeat;border:1px solid #000;height:34px;}
.product-view .add-to-cart button.button > span:hover {background-color:#F7F7F7;}
.product-view .add-to-cart button.button > span > span:hover {border:1px solid #000;background:url('../img/mandje-icon.svg') 92% no-repeat;}
.product-view .add-to-cart button.button.is-active span.delete-to-cart-title, .product-view .add-to-cart button.button span.add-to-cart-title{
display: inline-block;
}
.product-view .add-to-cart button.button span span.delete-to-cart-title, .product-view .add-to-cart button.button.is-active span.add-to-cart-title{
display: none;
}
.product-view .ewings_reseller {width:33%;float:left;}
button.button.btn-cart.reseller {width:100%;}
.product-view .ewings_reseller button.button span {background:transparent;height:34px;}
.product-view .ewings_reseller button.button span span {line-height:34px;font-size:14px;text-transform:none;font-weight:400;padding:0 0 0 30px;color:#231F20;background:url(https://berghoffworldwide.com/media/wysiwyg/icons/reseller-icon.png) no-repeat;background-size:30px;background-position:left center;}
.add-to-box .clear {clear:none;}
.product-view .product-shop-info .add-to-links {float:left;margin:0;clear:none;width:66%;}
.product-view .product-shop-info .add-to-links li {float:left;width:50%;padding-left:0;margin:0;line-height:34px;}
.product-view .add-to-links li span.icon {display:none;}
.product-view .add-to-links li a.link-wishlist {background:url(https://berghoffworldwide.com/media/wysiwyg/icons/wishlist-icon.png) no-repeat;background-size:30px;background-position:left center;padding-left:30px;}
.product-view .add-to-links li a.link-compare {background:url(https://berghoffworldwide.com/media/wysiwyg/general/wishlist.png) no-repeat;background-size:13px;background-position:left center;padding-left:30px;}
li.email-friend {display:none;}
.content-block-productline {margin-bottom:0;}
.product-tabs-zone {overflow:auto;width:100%;background-color:#FFF;}
.products-tabs-wrapper {overflow:auto;width:70%;margin:0 auto 40px;}
.product-tabs-container {width:50%;display:block;float:left;margin-top:60px;}
.product-tabs {margin:0;padding-right:46px;}
.product-tabs li {border:0;margin-right:0;width:33%;text-align:center;height:47px;margin-top:-4px;border-bottom:2px solid #E0E0E0;}
.product-tabs li:hover {border-bottom:2px solid #000;}
.product-tabs a {background-color:#FFF;color:#000;font-size:13px;padding:0 10px;}
.product-tabs li.active a, .product-tabs li.active a:hover {font-size:13px;font-weight:700;color:#000;background-color:#FFF;}
.product-tabs li.active {border-top:none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;height:47px;border-bottom:2px solid #000;}
.product-tabs-container h2.tab-heading a {font-family:"Roboto", sans-serif;}
.product-tabs-content {background-color:#FFF;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:47px 0 40px;padding:23px 46px 23px 0;}
.product-tabs-content h3 {display:none;}
.product-tabs-content .data-table td {padding-left:34px;font-size:14px;font-weight:700;}
.product-tabs-content .data-table th.label {font-weight:normal;background-color:#FFF;font-size:14px;border-bottom:1px solid #E0E0E0;}
.product-tabs-content tr.first.odd {border-top:1px solid ;}
.product-tabs-content #main-description br {line-height:30px;}
.product-tabs-content #main-description p {display:none;}
.product-tabs-content .pdp-designer {overflow:auto;margin-top:30px;padding-top:40px;background-color:#F7F7F7;}
.product-tabs-content .pdp-designer .image {width:22%;float:left;}
.product-tabs-content .pdp-designer .text {width:76%;float:left;margin-left:2%;}
.product-tabs-content .pdp-designer .text p {padding:0;display:block !important;}
.product-tabs-content .pdp-designer h4 {font-size:18px;text-transform:uppercase;margin:0 0 20px 0;font-weight:700;padding-left:5px;}
.product-tabs-content .features {
overflow:auto;
justify-content: space-between;
display: flex;
flex-wrap: wrap;
}
.product-tabs-content .product-tabs-content h3 {padding:20px 0;}
.product-tabs-content .feature-icon {
width: 45%;
/*float:left;*/
margin:7px 0;
display: flex;
align-items: center;
}
.product-tabs-content .feature-icon span {padding-left:15px;}
.product-tabs-content .feature-icon img {height:50px;width:auto;}
.product-info-alt {overflow:auto;width:50%;margin-top:30px;}
div#product-related-products {overflow:auto;margin-top:60px;width:50%;}
#product-related-products h2 {width:95%;margin-left:5%;font-size:18px;font-weight:400;text-transform:uppercase;line-height:43px;border-bottom:1px solid #E0E0E0;letter-spacing:0;}
#product-related-products #product-related-producturls {width:95%;margin-left:5%;margin-bottom:30px;margin-top:10px;}
#product-related-products a.related-producturl {width:45%;display:flex;float:left;line-height:1.5em;border:1px solid #E0E0E0;margin-bottom:3px;margin-right:0.5%;padding:0 2%;font-size:12px;color:#000;background:url(https://berghoffworldwide.com/media/wysiwyg/icons/arrow-icon.png) no-repeat;background-position:right center;min-height:40px;align-items:center;}
div.alert a {color:#FFF;text-decoration:underline;}
.checkout-cart-index .main.row {width:100%;background-color:#F7F7F7; overflow-x: hidden;}
.checkout-cart-index .col-main {float:none; width: 80%; margin:30px auto 0;}
.cart .page-title h1 {font-size:46px;line-height:140%;padding-bottom:30px;}
.data-table {border-top:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
.data-table th {color:#000;text-transform:uppercase;font-size:18px;padding:18px;border-bottom:1px solid #CCC7C6;}
.data-table td a.product-image {background-color:#000; width: 112px;}
.data-table td a.product-image img {opacity:0.97;}
.data-table tr.even, .data-table tr.odd {background-color:#F7F7F7;}
.data-table thead, .data-table tfoot {background:#F7F7F7;}
.data-table thead th, .data-table tfoot td {box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
.data-table tbody td {border:1px solid #F8F8F8;padding:0 18px;vertical-align:middle;}
.data-table td a {color:#000;font-size:16px;}
.data-table td a:hover {color:#777;}
.data-table td.a-center {color:#000;text-align:left !important;font-size:16px;}
.data-table td.td-price {padding:18px 23px;font-size:24px;}
.data-table .td-edit {display:none;}
.data-table .td-qty input {border:1px solid #000;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-align:center; }.data-table tfoot td {padding:18px 0;border-top:1px solid #CCC7C6;}
.data-table .td-qty .count-control-wrapper {
display: flex;
flex-wrap: nowrap;
}
.data-table .td-qty input.input-count-product {
border: none;
width: 40px;
height: 40px;
padding: 0;
font-size: 16px;
}
.data-table .td-qty .set-count-product{
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
color: #fff;
font-size: 22px;
background-color: #b2a89f;
cursor: pointer;
}
.data-table .td-qty .set-count-product:hover{
background-color: #393431;
}
@media screen and (max-width: 1199px) and (min-width: 320px) {
.data-table .td-qty .set-count-product {
width: 30px;
height: 30px;
font-size: 18px;
}
.data-table .td-qty input.input-count-product {
width: 30px;
height: 30px;
font-size: 14px;
}
}
@media screen and (max-width: 959px) and (min-width: 320px) {
.data-table .td-qty .count-control-wrapper {
width: 90px;
}
}
.button.btn-proceed-checkout {
color: #fff;
display: flex;
text-decoration: none;
width: auto;
line-height: normal;
text-align: center;
box-sizing: border-box;
border: 0;
padding: 0;
font-size: 100%;
margin: 0;
vertical-align: baseline;
}
.button.btn-proceed-checkout > span {background-color:#000;height:34px; padding: 0;}
.button.btn-proceed-checkout > span > span {background-color:#000;border:1px solid #000;background-image:none;line-height:34px;height:34px; padding:0 16px;}
.button.btn-proceed-checkout > span > span::after {content:'>';padding-left:10px;}
.button.btn-proceed-checkout > span > span:hover {background-color:#FFF;color:#000;border:1px solid #000;}
.buttons-set button.button[title="Apply Coupon"] span span {color:#000;background:none;text-decoration:underline;padding:0;}
.buttons-set button.button[title="Apply Coupon"] span span:hover {color:#000;}
.cart-coupon button span, .cart-coupon button span:hover {background:none;}
button#empty_cart_button {display:none;}
button.button.button_white.btn-update span, button.button.button_white.btn-update span:hover, button.button.button_white.btn-continue span, button.button.button_white.btn-continue span:hover {background:none !important;}
button.button.button_white.btn-update span span, button.button.button_white.btn-continue span span {background:none !important;padding:0;color:#000;text-decoration:underline;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;font-size:14px;}
button.button.button_white.btn-update span span:hover, button.button.button_white.btn-continue span span:hover {background:none !important;color:#000;}
.cart .cart-collaterals .grid_4:nth-child(1) {min-height:0;}
.cart .cart-collaterals .grid_4:nth-child(3) {float:right;}
.cart .cart-collaterals .cart-block.cart-coupon {border-top:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-transform:none;letter-spacing:0;padding:0 0 20px;text-align:left;background-color:#F7F7F7;}
.cart .cart-collaterals .cart-block.cart-coupon h2 {padding-bottom:10px;}
.cart .cart-collaterals .input-box input {
-webkit-box-shadow:none;
-moz-box-shadow:none;box-shadow:none;
border-radius:0;-webkit-border-radius:0;
-moz-border-radius:0;border:1px solid #000;
height:30px;line-height:30px;font-size:14px;
padding: 4px 17px;
}
.cart .cart-collaterals h2:after {height:0;margin:0;}
.cart .cart-collaterals .buttons-set button.button {float:left;}
.cart .cart-collaterals .cart-block.cart-total {border-top:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#F7F7F7;}
#shopping-cart-totals-table {margin:0;width:370px;}
#shopping-cart-totals-table strong {font-size:16px;}
#shopping-cart-totals-table .a-right {text-align:right !important;}
.cart .cart-collaterals .cart-total .checkout-types button.button {float:right;}
.cart .cart-collaterals .cart-total .checkout-types .button {float:right;}
.cart .cart-collaterals .cart-total .checkout-types {float:right;position:relative;width:100%;overflow:hidden;margin:0;padding:30px 0 25px;background:#F7F7F7;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.cart .cart-block td.a-left {width:30% !important;font-size:15px;line-height:36px;}
.cart .cart-block td.a-right {width:70% !important;line-height:36px;}
.cart .cart-block span.price {font-size: 46px; line-height: 46px;}
@media screen and (min-width: 320px) and (max-width: 959px) {
.cart .cart-block span.price {font-size: 36px; line-height: 36px;}
}
#shopping-cart-totals-table strong {font-size:15px;text-transform:initial;letter-spacing:0;color:#000;}
.cart .freeshippingmessage {text-transform:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;text-align:center;font-weight:400;font-size:18px;line-height:80px;color:#988A81;display:none;}
.cart .cart-block .freeshippingmessage {display:block;width:100%;padding:0;font-size:14px;line-height:2em;color:#000;background:#F7F7F7;padding:10px 0;text-align:right;}
.cart .cart-block .freeshippingmessage span.price {font-size:14px;}
.cart .page-title {padding:20px 0 0 0}button.button.btn-empty-cart {margin-top:10px;}
button.button.btn-empty-cart span {height: 42px;}
button.button.btn-empty-cart span span {background-color:#000;border:1px solid #000; padding: 0 16px;}
button.button.btn-empty-cart span span:hover {color:#000;background-color:#FFF;}
.cart span.cart-delivery {display:none;}
#aw-afptc-overlay {z-index:1000000;}
#aw-afptc-popup {z-index:1000001;}
#aw-afptc-popup .free-products-list .item .price-box {width:100%;}
#aw-afptc-popup .free-products-list .item .product-name a {color:#000;font-weight:700;}
#aw-afptc-popup .free-products-list .item .product-name a:hover {color:#000;text-decoration:underline;}
#aw-afptc-popup .free-products-list .item .special-price {width:50%;float:left;}
#aw-afptc-popup .free-products-list .item .special-price .price-label {display:block;font-weight:400;}
#aw-afptc-popup .free-products-list .item .special-price .price-label:after {content:":";}
#aw-afptc-popup .free-products-list .item .old-price {width:50%;float:right;text-align:left;}
#aw-afptc-popup .free-products-list .item .old-price .price {color:#A1A1A1;font-size:20px;}
#aw-afptc-popup .free-products-list .item .old-price .price-label {display:block;}
#aw-afptc-popup button#aw-afptc-accept.button.btn-cart span {background-color:#000;}
#aw-afptc-popup button#aw-afptc-accept.button.btn-cart span span {color:#FFF;border:1px solid #000;}
#aw-afptc-popup button#aw-afptc-decline.button.btn-cart span {background-color:#FFF;}
#aw-afptc-popup button#aw-afptc-decline.button.btn-cart span span {color:#000;border:1px solid #000;}
.top-opc {width:1170px;margin-bottom:40px;overflow:auto;}
.top-opc li span.number {display:none;}
.top-opc li {width:auto;margin:0;padding:0 15px;border:1px solid #E0E0E0;height:2.5em;}
.top-opc li.allow {background-color:#000;border:1px solid #000;}
.top-opc li h2 {color:#000;margin:0;line-height:2em;font-size:15px;}
.top-opc li.allow h2 {color:#FFF;}
.opc .step {border:1px solid #E0E0E0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.opc .form-list input, .opc .form-list select, .opc .form-list textarea {border:1px solid #000;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;color:#777;}
#checkout-step-login {margin:40px 0 0 0;}
#checkout-step-login .block {width:45%;padding:0 5% 0 0;}
#checkout-step-login .block-checkout-login .buttons-set button.button {float:right;margin:0;}
#checkout-step-shipping_method .freeshippingmessage {display:none;}
.buttons-set p.back-link {float:left;}
dl#checkout-payment-method-load dt {line-height:3.5em;background-position:24px center;}
dl#checkout-payment-method-load dt > label {padding-left:60px;background-size:50px 30px;background-position:left center;}
.sp-methods label {background-repeat:no-repeat;display:inline-block;line-height:60px;padding-left:60px;background-image:url("https://berghoffworldwide.com/media/wysiwyg/general/ups-logo.png");background-size:40px;background-position:left center;}
.sp-methods label img {display:none;}
dl#checkout-payment-method-load dt.banktransfer {background-image:url("https://berghoffworldwide.com/media/wysiwyg/payment/banktransfer.jpg");}
dl#checkout-payment-method-load dt.pickupatstore {background-image:url("https://berghoffworldwide.com/media/wysiwyg/payment/cash.jpg");}
label[for=p_method_msp_banktransfer] {background-image:url('https://berghoffworldwide.com/media/wysiwyg/payment/banktransfer.jpg');}
label[for=p_method_msp_directebanking] {background-image:url('https://berghoffworldwide.com/media/wysiwyg/payment/sofort.png');}
label[for=p_method_msp_mistercash] {background-image:url('https://berghoffworldwide.com/media/wysiwyg/payment/bancontact.png');}
label[for=p_method_msp_ideal] {background-image:url('https://berghoffworldwide.com/media/wysiwyg/payment/ideal.png');}
label[for=p_method_msp_visa] {background-image:url('https://berghoffworldwide.com/media/wysiwyg/payment/visa.png');}
label[for=p_method_msp_mastercard] {background-image:url('https://berghoffworldwide.com/media/wysiwyg/payment/mastercard.png');}
label[for=p_method_msp_maestro] {background-image:url('https://berghoffworldwide.com/media/wysiwyg/payment/maestro.png');}
label[for=p_method_msp_paypal] {background-image:url('https://berghoffworldwide.com/media/wysiwyg/payment/paypal.png');}
label[for=p_method_msp_multisafepay] {background-image:url('https://berghoffworldwide.com/media/wysiwyg/payment/multisafepaywallet.jpg');}
label[for=p_method_msp_klarna] {background-image:url('https://berghoffworldwide.com/media/wysiwyg/payment/klarna.png');}
li.wide p {display:none;}
.account-login .block, .account-create .block {margin:0 auto;}
.block-login .form-list input.input-text {width:auto;}
.block-login .block-title:after {width:290px;margin:23px 30px;}
.block-login .block-content li {padding:0;}
.block-login .new-users {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.block-login #send2.button span {background:#FFF; height: inherit;}
.block-login #send2.button span span {border:1px solid #000;color:#000; padding: 0 16px;
height: inherit;}
.block-login .block-content button.button span span:hover {background-color:#988A81;}
.login-button-submit.button span{
height: inherit;
background-color: #b2a89f;
}
.login-button-create.button span {
height: inherit;
background-color: #000;
}
.login-button-submit.button span span, .login-button-create.button span span{
height: inherit;
padding: 0 16px;
}
.new-users button span span {background-color:#000;}
.new-users button span span:hover {background-color:#000;color:#FFF;}
.my-wishlist .buttons-set {text-align:right;}
.catalog-product-compare-index .top-header {display:none;}
.block-account li.billing_agreements, .block-account li.recurring_profiles, .block-account li.tags, .block-account li.OAuth.Customer.Tokens, .block-account li.downloadable_products {display:none;}
dl#checkout-payment-method-load dt.checkmo {display:none;}
#clerk-search-results .action-div span span {background-color:#FF7F5C;}
.clerk-livesearch-title {font-size:14px;background-color:#231F20;color:#FFF;}
.clerk-livesearch-categories a {font-size:13px;color:#231F20;}
.clerk-livesearch-categories a:hover {text-decoration:underline;}
.clerk-live-search-container span.new-price {color:#000;font-weight:700;}
.catalogsearch-result-index .clerk-facets-count {float:none;}
a.clerk-facets-show-more {display:block;font-size:0.9em;text-align:center;margin:10px 50px 0;padding:10px 0;background-color:#000;color:#FFF !important;}
a.clerk-facets-show-more:hover {color:#FFF !important;}
#clerk-search-load-more-button button.button {margin:0 auto 30px;background-color:#FF7F5C;padding:10px 20px;color:#FFF;}
ul#clerk-search-results .price-box {line-height:16px;text-align:right;}
ul#clerk-search-results .regular-price {position:relative;}
#clerk-search-results li.item.calc-price-box {min-height:375px;}
#clerk-search-results .product-name a {color:#231F20;}
.clerk-slider > h2 {font-size:18px;font-weight:400;text-transform:uppercase;line-height:43px;border-bottom:1px solid #E0E0E0;letter-spacing:0;margin-top:0;}
.clerk-slider .products-grid .product-name {line-height:120%;font-weight:400;letter-spacing:0;}
.clerk-slider .products-grid .product-name a {color:#000;}
.clerk-slider .actions {position:absolute;right:0;bottom:-5px;width:40px;}
.clerk-slider .actions .btn-cart {width:40px;}
.clerk-slider li.item .actions button.button > span {height:40px;background-image:none;background-color:#FFF;}
.clerk-slider li.item .actions button.button > span > span {padding:0;background:url('../img/mandje-icon.svg') no-repeat;border:1px solid #000;height:38px;width:38px;color:transparent;line-height:40px;}
.clerk-slider li.item .actions button.button > span:hover {background-color:#000;}
.clerk-slider li.item .actions button.button > span > span:hover {border:1px solid #000;background:url('../img/mandje-wit-icon.svg') 92% no-repeat;}
.cms-home .clerk-slider {display:block;}
.cms-home .clerk-slider h2 {display:block;width:100%;overflow:auto;font-size:20px;margin:30px auto;text-align:center;}
.catalog-product-view .clerk-slider {width:95%;margin-left:5%;}
.clerk-slider li.item {width:46%;margin:0 5% 30px 0 !important;border:none;}
.checkout-cart-index .clerk-slider {margin:0 -10000px;background-color:#FFF;width:auto;padding:40px 0;}
.checkout-cart-index .clerk-slider h2 {margin:0 10000px;}
.checkout-cart-index .clerk-slider h2.product-name {margin:4px;}
.checkout-cart-index .clerk-slider ul.products-grid {overflow:hidden;white-space:nowrap;position:relative;background-color:#FFF;margin:20px 10000px 0;width:auto;}
.checkout-cart-index .clerk-slider .products-grid li.item {width:21%;}
.inspiration .caption {position:relative;bottom:0;background-color:#EFEEEC;text-align:center;width:90%;color:#988A81;height:100%;min-height:80px;padding:20px 5%;}
.inspiration .caption .title {font-size:18px;padding-bottom:10px;color:#231F20;}
.inspiration .caption .title:hover {text-decoration:underline;}
.inspiration .grid_6 a:hover, .inspiration .grid_4 a:hover {text-decoration:none;}
.faq .cc-links, .legal .legal-links {width:230px;padding:23px 15px;float:left;background-color:#EFEEEC;}
.faq .cc-links li, .legal .legal-links li {list-style:none;}
.faq .cc-links.info-menu {
width: 280px;
padding: 40px 20px 40px 30px;
margin-top: 32px;
}
.faq .info-menu h2.info-menu-title{
margin-left: 0;
font-family: Roboto;
font-size: 21px;
font-weight: 400;
}
.faq .cc-links.info-menu .info-menu-list{
margin-left: 0;
}
.faq .cc-content.info-content {
padding-left: 116px;
width: calc(100% - 280px);
}
.faq h1.info-title {
color: #000;
font-family: "Roboto", sans-serif;;
font-size: 24px;
font-weight: 400;
ine-height: 1.15;
padding: 0;
margin: 0 0 25px 0;
}
.faq .cc-content.info-content .info-faq {
max-width: 760px;
}
.faq .cc-content.info-content .info-faq ul {
list-style-type: disc;
margin-left: 15px;
}
.faq .cc-content p {
margin: 5px 0 15px;
line-height: 24px;
color: #777;
}
.faq .cc-content, .legal .legal-content {float:right;width:870px;padding:0 15px 23px;}
.faq h1, .legal h1 {font-weight:700;font-size:38px;}
.faq h2, .legal h2 {text-transform:none;font-size:22px;}
.faq .cc-content h2, .legal .legal-content h2 {border-bottom:2px solid #E0E0E0;margin-top:-60px;padding-top:80px;padding-bottom:23px;}
.faq .cc-content h3, .legal .legal-content h3 {margin:20px 0 0px 0;font-size:16px;}
.terms ol li {padding-bottom:5px;list-style:none;}
.legal li {color:#777;}
.legal-content li a, .legal-content a {color:#777;text-decoration:underline;}
.legal-content li a:hover, .legal-content a:hover {color:#000;}
.legal-content h4 {text-transform:none;font-size:15px;font-style:italic;}
.distributors a {color:#777;text-decoration:underline;}
.distributors a:hover {color:#000;}
.distributors p.country-select{font-size:18px;}
#cd-timeline {position:relative;padding:2em 0;margin-top:2em;margin-bottom:2em;overflow:auto;}
#cd-timeline::before {content:'';position:absolute;top:0;left:50%;height:100%;width:4px;background:#231F20;}
.cd-timeline-img {width:460px;margin:20px auto}.cd-timeline-block {width:500px;margin-top:40px;background-color:#F8F8F8;}
.cd-timeline-block.links {float:left;margin-right:15px;}
.cd-timeline-block.rechts {float:right;margin-left:15px;}
.cd-timeline-block.rechts.eerst {margin-top:200px;}
.cd-timeline-block.rechts .cd-timeline-content {text-align:left;}
.cd-timeline-content {width:460px;margin:0 auto;}
.cd-time-content-title {display:block;float:left;width:100%;}
.cd-timeline-block h2 {margin-top:20px;text-align:left;}
.cd-timeline-block.rechts h2 {text-align:left;}
a.cd-read-more button {margin-bottom:30px;background-color:#FF7F5C;width:120px;line-height:30px;font-size:14px;border:none;color:#FFF;}
.cd-timeline-block button:hover {color:#231F20;}
.awards-img {float:left;width:200px}.awards-img img {height:120px;}
.awards-text {float:left;width:970px;}
.cms-content .row-50 .fifty-pct {display:inline;float:left;width:585px;height:585px;margin-bottom:30px;}
.cms-content .row-50 .fifty-pct.text {background-color:#F8F8F8;}
.cms-content .row-50 .fifty-pct.text .text-block {padding:30px;}
.cms-content .row-50 .fifty-pct.text .text-block h3 {margin-top:20px;}
.cms-content.contact h1 {text-align:center;margin-top:60px;}
.cms-content.contact .grid_6 {background-color:#F7F7F7;min-height:300px;}
.cms-content.contact .contact-subtitle h3 {text-align:center;padding:80px 0 0;font-weight:700;}
.cms-content.contact .contact-text {text-align:center;}
.cms-content.contact .contact-text p {color:#231F20;}
.cms-content.contact .contact-text a button {margin-top:50px;}
.cms-content.contact button.button.btn-cart.contact span {background-color:#000;color:#FFF;}
.cms-content.contact .contact-call {margin-top:65px;line-height:42px;}
.cms-content.contact .contact-call span {padding:10px 0 10px 30px;background:url('https://berghoffworldwide.com/media/wysiwyg/icons/phone-call.png') no-repeat;background-position:0;background-size:18px;font-weight:700;}
.cms-content.contact .social-icons {text-align:center;}
.cms-content.contact .social-icons img {padding:20px 10px;width:40px;}
.cms-content.contact .use-care-list {text-align:center;margin-bottom:30px;}
.cms-content.contact .use-care-item a {background:url(https://berghoffworldwide.com/media/wysiwyg/icons/pdf.png) no-repeat;line-height:80px;height:80px;padding-left:60px;background-position:0;display:inline-block;color:#777;background-size:32px;}
.cms-content.contact .use-care-item a:hover {color:#000;}
.cms-content.contact.email .grid_6 {background-color:#FFF;}
.footer-container {margin-top:60px;}
.footer {padding:0;line-height:normal;}
footer address {margin-left:0;line-height:inherit;}
.footer-info p {margin:0;}
.grid_6.footer {margin:0;padding:20px 0;position:relative;width:585px;}
.footer-banners {background:#C4BFBE;padding:40px 0;}
.footer-banners a, .top-header a {color:#231F20;text-decoration:none}.footer-banners a:hover, .top-header a:hover {color:#231F20;text-decoration:none}div#mc_embed_signup_scroll {background-color:#C4BFBE;}
#mc_embed_signup .button {background-color:#000 !important;border-radius:0 !important;border:1px solid #000 !important;padding:0 40px !important;margin:0 0 0 -3px !important;height:40px !important;line-height:40px !important;}
#mc_embed_signup .button:hover {background:#FFF !important;border:1px solid #000 !important;color:#000 !important;}
.footer-banners .mc-title {font-size:24px;color:#000;font-weight:400;text-align:center;}
#mc_embed_signup input.email {font-family:'Roboto', sans-serif !important;color:#A1A1A1 !important;border-radius:0 !important;-webkit-border-radius:0;-moz-border-radius:0;font-size:13px !important;border:1px solid #000 !important;padding:0 1em !important;height:40px !important;}
.footer-banners .mc-body {color:#000;text-align:center;font-size:16px;line-height:30px;font-weight:400;padding:0 0 20px;}
.footer-info {padding:60px 0;background-color:#FFF;border-bottom:1px solid #E0E0E0;}
.footer-info .row {width:70%;}
.footer-info .grid_3:nth-child(1), .footer-info .grid_3:nth-child(2), .footer-info .grid_3:nth-child(3) {width:20%;margin:0;}
.footer-info .grid_3:nth-child(4) {width:40%;margin:0;}
.footer-info a {color:#000;}
.footer-info a:hover {color:#A1A1A1;}
.footer-info h4 {text-transform:none;color:#000;margin:0 0 20px 0;font-weight:700;font-size:16px;}
.footer-info ul li, .footer-info .information ul li, .footer-info ul.disc li {margin:0;padding:0;line-height:20px;}
.footer-info .information h4 {margin:0 0 20px 0;}
li.logo {position:absolute;left:-90px;top:32px;}
.footer-info li.logo img {padding:10px 0 0 0;width:70px}.footer-info .information ul li:before, .footer-info ul.disc li:before {display:none;}
.info-footer-4 .col-l, .info-footer-4 .col-r {width:50%;float:left;}
.col-r ul {overflow:auto;padding:10px 0 20px;}
.col-r ul li {float:left;margin-right:14px;}
.col-r ul li img {width:24px; height: 24px;}
.col-r ul.design-awards li img {width:26px; height: inherit;}
footer.row {width:100%;}
footer .grid_6 {width:100%;margin:auto;}
footer address {width:100;}
.footer-row-dark {width:70%;position:relative;overflow:auto;margin:0 auto;}
.grid_6.footer.email {float:left;position:relative;}
.grid_6.footer.email p {text-align:left;}
.grid_6.footer.social {float:left;position:relative;text-align:right;}
.footer-row-light {position:relative;overflow:auto;background-color:#FFF;border-top:1px solid #E0E0E0;}
.footer-row-dark .grid_3.usp {color:#000;}
.footer-row-dark .grid_3.usp .usp img {width:16px; height: 16px; margin-right:10px;}
.grid_3.usp.usp-2, .grid_3.usp.usp-3 {text-align:center;}
.grid_3.usp.usp-4 {text-align:right;}
.footer-content-wrapper {overflow:auto;width:70%;margin:0 auto;}
footer .footer-content-wrapper .grid_6 {width:50%;}
footer .copyright {border-top:none;margin:0;padding:5px 0;color:#000;}
.footer-content-wrapper .copyright p {
margin: 0;
line-height: inherit;
color: #000;
}
.pay-icons {
padding: 5px 0;
}
.pay-icons ul {text-align:right;}
.pay-icons ul li {float:right;padding-left:8px;}
.pay-icons ul li img {
/*width:44px;*/
height: 23px;
}
.order-payment-cards-1.fin-counter {
margin-top: 3px;
height: 26px;
}
.order-payment-cards-1.fin-online {
margin-top: 3px;
height: 27px;
}
#site-switcher {max-width:50%;left:25% !important;right:25%;}
#site-switcher_content {max-width:unset;width:100%!important;}
.modal-body {width:90% !important;padding:10px 5% !important;}
.modal-footer {width:90% !important;padding:10px 5% !important;bottom:30px;text-align:center;}
.pop-up-logo {display:block;float:left;width:100%;text-align:center;padding:0 0 20px 0;}
.pop-up-logo img {width:250px;}
h1.pop-up-title {padding:20px;text-align:center;}
p.pop-up-text {padding:5px 20px;text-align:center;}
.pop-up-row {overflow:auto;padding:10px 20px;}
.pop-up-row .block-33 {width:33%;float:left;}
.pop-up-row .flag {float:left;}
.pop-up-row .website-link a {padding-left:10px;line-height:32px;}
.site_switcher_content .modal-footer {bottom:10px;width:100%;}
button.btn.btn-primary.site-switcher-close {background-color:#000;padding:8px 20px;color:#FFF;border:0;font-family:"Roboto", sans-serif;}
.storelocator-page h1 {font-weight:700 !important;font-size:38px;padding:30px 0;background:none;text-transform:none;}
.storelocator-page div#form-search-distance {width:100%;}
.storelocator-page .track {background-color:#000;height:0.2em;}
.storelocator-page div#handle1.handle.selected {position:absolute;width:16px !important;height:16px;cursor:move;background:#000;top:-6px;}
.storelocator-page .search-filter {display:none;}
.storelocator-page .search-content {border:none;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.storelocator-page .search-content .container-search {border-bottom:none;}
.storelocator-page .locator-content h2 {margin-top:0;}
.storelocator-page #list-store-detail h4 {color:#000;font-size:16px;}
.storelocator-page .info-locator .box {border:none;}
.storelocator-page .info-locator {margin-bottom:20px;}
.storelocator-page .info-locator .tag-content a.view-detail {color:#231F20;}
.storelocator-page span.btn.btn-link {color:#000;font-size:12px;font-weight:700;}
.storelocator-page span.btn.btn-link:hover {text-decoration:underline;}
.storelocator-page button.search-distance span:hover, .storelocator-page button.reset span:hover, .storelocator-page button.button.search-area-magestore span {color:#FFF;background-color:#000;}
.storelocator-page button.search-distance span, .storelocator-page button.reset span:hover {background-color:#000;}
.storelocator-page button.button.reset span {background:#FFF;color:#000;}
.storelocator-page button.button.reset span span {border:1px solid #000;}
.storelocator-page .back-page {margin:10px 0;}
.storelocator-page .btn.btn-go-direction {padding:6px 10px;}
.locator-content .form-information {display:none;}
@media only screen and (min-width:1441px) and (max-width:1550px) {#queldoreiNav>li>a>span {font-size:11px; padding:0 15px;}
header a.logo {margin:0;}
header a.logo img {width:150px;}
#queldoreiNav>li>.header-submenu>ul>li>a.header-submenu-link {font-size: 11px;}
}
@media only screen and (min-width:1341px) and (max-width:1440px) {
#queldoreiNav {margin:0 0 0 10px;}
#queldoreiNav>li>a>span {font-size:10px; padding:0 14px;}
#queldoreiNav>li>.header-submenu>ul>li>a.header-submenu-link {font-size: 10px;}
header a.logo {margin:0;}
header a.logo img {width:150px;}
.footer-info ul li.logo {position:relative; top:0; left:0;}
.product-view .product-essential {width:80%}.product-tabs-wrapper {width:80%;}
.footer-info .row {width:80%;}
.footer-row-dark {width:80%;}
.footer-content-wrapper {width:80%;}
}
@media only screen and (min-width:1281px) and (max-width:1340px) {
#queldoreiNav>li>.header-submenu>ul>li>a.header-submenu-link {font-size: 10px;}
#queldoreiNav>li>a>span {
font-size:10px; padding:0 13px;
}
header a.logo {margin:0;}
header a.logo img {width:150px;}
.footer-info ul li.logo {position:relative; top:0; left:0;}
.product-view .product-essential {width:80%}.product-tabs-wrapper {width:80%;}
.footer-info .row {width:80%;}
.footer-row-dark {width:80%;}
.footer-content-wrapper {width:80%;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) {
header a.logo {margin:0;}
header a.logo img {width:150px;}
header.fixed #queldoreiNav {margin:0;}
.col-main {margin:0;}
.col1-layout .col-main {margin:0; width:100%; padding:0;}
/* .top-dropdowns {position:relative; float:right; top:unset; right:unset; margin-top:0;} */
.search-top-container {margin:0px 0 0 4px;}
.cart-top-container {display:block; margin-top:0px;}
.cart-top-title {display:none;}
.compare-top-title {width:120px; margin:14px 0 3px 5px;}
.compare-top-title a span.icon {margin:0;}
.nav-container .nav-top-title {width:672px; font-size:13px; line-height:52px; margin:0 auto;}
.nav-container .nav-top-title:hover {background-color:#231F20;}
.nav-container .nav-top-title a {color:#EFEEEC;}
.nav-container .nav-top-title div.icon {margin:19px 10px 0 0;}
.nav-container .nav-top-title div.icon span {background-color:#EFEEEC;}
.nav-container .nav-top-title {background-color:#231F20;}
#queldoreiNav {width:auto; margin:0;}
#queldoreiNav>li {width:auto; float:left; }#queldoreiNav>li>a>span {font-size:10px; padding:0 9px;}
#queldoreiNav>li>.header-submenu>ul>li>a.header-submenu-link {font-size: 10px;}
#queldoreiNav div.sub-wrapper {margin:40px 0 0; background-color:#EFEEEC;}
footer address {margin:0;}
.catalog-product-view .breadcrumbs {width:96%}.breadcrumbs ul {text-align:left;}
.col-main {width:672px; padding:0 10px; margin:0 40px;}
.grid_3.usp-footer {width:240px; margin:0;}
ul.f-usp-1, ul.f-usp-2, ul.f-usp-3, ul.f-usp-4 {margin-left:0; padding:8px 0;}
.footer-info .grid_3 {width:300px; margin:0;}
.info-footer-1, .info-footer-2, .info-footer-3, .info-footer-4 {margin-left:0;}
.info-footer-2 {margin-bottom:156px;}
.gimmick {top:314px; right:20px;}
.gimmick img {width:400px;}
.product-view .product-essential {margin:0 auto; width:96%;}
.product-view .product-img-box {margin:0 30px 0 0;}
.faq .cc-links, .legal .legal-links {width:230px; padding:15px 15px 23px;}
.faq .cc-content, .legal .legal-content {float:right; width:600px; padding:0 0px 23px;}
.cms-content .layer .content {font-size:14px;}
.cms-content .category-link {width:100%; padding:0;}
.col-main .cart {width:96%; margin:0 auto;}
.cart .cart-collaterals.row {width:100%; margin:0;}
.cart .cart-collaterals.row .grid_4 {width:33%; margin:1px 0;}
.cart .freeshippingmessage {line-height:24px; font-size:20px; padding:15px 0; margin:15px 0; background:#F8F8F8;}
.cart #shopping-cart-totals-table {width:100%;}
.product-info-alt {clear:none;}
.awards-text {width:728px;}
.cd-timeline-block {width:430px;}
.cd-timeline-img {width:390px;}
.cd-timeline-content {width:390px;}
.header-dropdown {z-index:1;}
.bubble-layer-top {display:none;}
.products-tabs-wrapper {width:80%;}
#product-related-products a.related-producturl {width:95%;}
.footer-info ul li.logo {position:relative; top:0; left:0;}
.product-view .product-essential {width:90%}.product-tabs-wrapper {width:90%;}
.footer-info .row {width:90%;}
.footer-row-dark {width:90%;}
.footer-content-wrapper {width:90%;}
.catalog-product-view .col-main {margin:0 !important;}
.catalog-category-view .col2-left-layout .main.row {width:96%;}
.catalog-category-view .col2-left-layout .col-main {width:70%; margin:0; padding:0 0 0 5%;}
.catalog-category-view .col2-left-layout .col-left {width:25%; margin-left:0;}
.catalog-category-view .col2-left-layout .products-grid {width:92%; margin:0 auto;}
.catalog-category-view .category-image {padding:0;}
.faq .cc-content h2, .legal .legal-content h2 {padding-top:120px; margin-top:-100px;}
.checkout-onepage-index .col2-right-layout .col-main {width:70%; margin:0; padding:0;}
.checkout-onepage-index .col-right {width:30%;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) and (orientation:landscape) {
.cms-index-index .col1-layout .col-main {margin:0; width:100%;}
.catalog-product-view .col1-layout .col-main {width:100%; padding:0; margin:0;}
.grid_3.usp-footer li {font-size:11px;}
.grid_6.footer.email {width:465px; text-align:left; margin:0; line-height:32px;}
.grid_6.footer.social {width:465px; text-align:right; margin:0;}
.grid_6.footer.labels {width:465px; padding:20px 0; text-align:left;}
.pay-icons img {/*max-width:52px;*/}
.grid_6.footer.awards {width:465px; padding:20px 0; text-align:right;}
.col-left {margin-left:0px;}
}
@media only screen and (min-width:960px) and (max-width:1024px) {
.col-main {margin:0;}
.catalog-product-view .col-main {margin:0 auto;}
.col1-layout .col-main {margin:0; width:100%; padding:0;}
header .logo {width:100%;}
header.fixed #queldoreiNav {margin:0;}
/* .top-dropdowns {position:relative; float:right; right:0; top:0; margin-top:0;} */
.cart-top-container {
display:block;
/* margin-top:6px; */
}
.cart-top-title {display:none;}
.search-top-container {margin:0px 0 0 4px;}
.compare-top-title {width:120px; margin:14px 0 3px 5px;}
.compare-top-title a span.icon {margin:0;}
.nav-container .nav-top-title {width:672px; font-size:13px; line-height:52px; margin:0 auto;}
.nav-container .nav-top-title:hover {background-color:#231F20;}
.nav-container .nav-top-title a {color:#EFEEEC;}
.nav-container .nav-top-title div.icon {margin:19px 10px 0 0;}
.nav-container .nav-top-title div.icon span {background-color:#EFEEEC;}
.nav-container .nav-top-title {background-color:#231F20;}
#queldoreiNav {width:auto; margin:0;}
#queldoreiNav>li {width:auto; float:left; }#queldoreiNav > li > a, #queldoreiNav > li.active > a {}#queldoreiNav>li>a>span {font-size: 9px; padding:0 9px;}
#queldoreiNav>li>.header-submenu>ul>li>a.header-submenu-link {font-size: 9px;}
#queldoreiNav li.level0.first a span {padding-left:0;}
#queldoreiNav li.level0.last a span {padding-right:0;}
footer address {margin:0;}
.breadcrumbs {width:90%;}
.breadcrumbs ul {padding:0; text-align:left;}
.catalog-product-view .breadcrumbs {width:90%;}
.col-main {width:672px; padding:0 10px; margin:0 40px;}
.grid_3.usp-footer {width:240px; margin:0;}
ul.f-usp-1, ul.f-usp-2, ul.f-usp-3, ul.f-usp-4 {margin-left:0; padding:8px 0;}
.footer-info .grid_3 {width:240px; margin:0;}
.info-footer-1, .info-footer-2, .info-footer-3, .info-footer-4 {margin-left:0;}
.info-footer-2 {margin-bottom:156px;}
.gimmick {top:314px; right:20px;}
.gimmick img {width:400px;}
.product-view .product-img-box {margin:0 30px 0 0;}
.cms-page-view .col-main {width:100%; padding:0; margin:0 auto;}
.cms-content.faq, .cms-content.legal, .cms-content.contact {width:96%; margin:0 auto;}
.faq .cc-links, .legal .legal-links {width:25%; padding:2%;}
.faq .cc-content, .legal .legal-content {float:right; width:65%; padding:0; margin:0 0 0 3%;}
.cms-content .layer .content {font-size:14px;}
.cms-content .category-link {width:100%; padding:0;}
.col-main .cart {width:96%; margin:0 auto;}
.cart .cart-collaterals.row {width:100%; margin:0;}
.cart .cart-collaterals.row .grid_4 {width:33%; margin:1px 0;}
.cart .freeshippingmessage {line-height:24px; font-size:20px; padding:15px 0; margin:15px 0; background:#F8F8F8;}
.cart #shopping-cart-totals-table {width:100%;}
.catalog-product-view .clerk-slider {width:100%;}
.awards-text {width:728px;}
.cd-timeline-block {width:430px;}
.cd-timeline-img {width:390px;}
.cd-timeline-content {width:390px;}
.header-dropdown {z-index:1;}
.bubble-layer-top {display:none;}
.catalog-product-view .product-essential {width:90%;}
.catalog-product-view .products-tabs-wrapper {width:90%;}
#product-related-products a.related-producturl {width:95%;}
.footer-info ul li.logo {position:relative; top:0; left:0;}
.product-view .product-info-alt {clear:none;}
.product-view .product-essential {width:90%}.product-tabs-wrapper {width:90%;}
.footer-info .row {width:90%;}
.footer-row-dark {width:90%;}
.footer-content-wrapper {width:90%;}
.catalog-category-view .col2-left-layout .main.row {width:96%;}
.catalog-category-view .col2-left-layout .col-main {width:70%; margin:0; padding:0 0 0 5%;}
.catalog-category-view .col2-left-layout .col-left {width:25%; margin-left:0;}
.catalog-category-view .col2-left-layout .products-grid {width:96%; margin:0 auto;}
.catalog-category-view .category-image {padding:0;}
.faq .cc-content h2, .legal .legal-content h2 {padding-top:130px; margin-top:-110px;}
.checkout-onepage-index .main.row {width:96%; margin:0 auto;}
.checkout-onepage-index .col2-right-layout .col-main {width:70%; margin:0; padding:0;}
.checkout-onepage-index .col-right {width:30%;}
}
@media only screen and (min-width:960px) and (max-width:1024px) and (orientation:landscape) {
header a.logo img {width:150px;}
.grid_3.usp-footer li {font-size:11px;}
.grid_6.footer.email {width:465px; text-align:left; margin:0; line-height:32px;}
.grid_6.footer.social {width:465px; text-align:right; margin:0;}
.grid_6.footer.labels {width:465px; padding:20px 0; text-align:left;}
.pay-icons img {/*max-width:52px;*/}
.grid_6.footer.awards {width:465px; padding:20px 0; text-align:right;}
.col-left {margin-left:0px;}
}
@media only screen and (min-width:768px) and (max-width:959px) {
.row {width:100%;}
.col-main {width:96%; margin:0 auto;}
.col1-layout .col-main {width: calc(100% - 30px); margin:0;}
.col-main.account-main { width: calc(100% - 30px);}
.col1-layout .order-main-row .col-main {width: calc(100% - 30px); margin:0;}
.checkout-cart-index .col1-layout .col-main {width: calc(100% - 30px);}
.row-100, .row-50, .row-33, .row-25 {overflow-y:auto;}
.row-100 .grid_12 {margin-bottom:20px; width:100%;}
.row-50 .grid_6 {margin:0 0 20px 0; width:48%;}
.row-50 .grid_6.links {margin:0 2% 2% 0;}
.row-50 .grid_6.rechts {margin:0 0 2% 2%;}
.row-33 .grid_4 {width:210px; margin:0 10px 20px;}
.row-33 .grid_4.links {margin:0 10px 20px 0;}
.row-33 .grid_4.rechts {margin:0 0 20px 10px;}
.row-25 .grid_3 {margin:0 0 20px 0; width:158px;}
.row-25 .grid_3.links, .row-25 .grid_3.mid-r {margin:0 10px 20px 0;}
.row-25 .grid_3.rechts, .row-25 .grid_3.mid-l {margin:0 0 20px 10px;}
.top-switch-bg .grid_6 {width:50%; float:left; margin:0px; overflow:auto;}
.top-header {display:none;}
.language-select {display:none;}
.drop-nav {float:right;}
.cart-top-container {
display:block;
margin-top:4px;
}
.cart-top-title {display:none;}
.top-dropdowns {display:block; margin:0; position:absolute; float:right; top:35px; width:60%;}
.search-top-container {float:left; margin:10px 0 0 0;}
.header-dropdown {
z-index:1;
position:fixed;
margin:0 2% 0 0;
}
.top-menu-switch .header-dropdown {
position: absolute;
margin: 0;
}
.nav-container .nav-top-title {font-size:13px; line-height:52px; margin:0 auto; width:100px; padding-left:20px;}
.nav-container .nav-top-title.over, .nav-container .nav-top-title:hover, nav .nav-top-title.active {background-color:#FFF;}
.nav-container .nav-top-title a {color:#000;}
.nav-container .nav-top-title.over a, .nav-container .nav-top-title:hover a, nav .nav-top-title.active a {color:#000;}
.nav-container .nav-top-title div.icon {margin:19px 10px 0 0;}
.nav-container .nav-top-title div.icon span {background-color:#000;}
.nav-container .nav-top-title.over div.icon span, .nav-container .nav-top-title:hover div.icon span, .nav-container .nav-top-title.active div.icon span {background-color:#000;}
.nav-container .nav-top-title {background-color:#FFF; display:flex; float:left;}
#queldoreiNav {position:relative; overflow:auto; width:100% !important;}
#queldoreiNav>li {height:40px; float:left; width:auto; border:2px solid #FFF;}
#queldoreiNav > li > a, #queldoreiNav > li.active > a {height:40px; line-height:40px; width:auto;}
#queldoreiNav>li>a>span {color:#000; padding:0 10px;}
#queldoreiNav div.sub-wrapper {margin:40px 0 0; background-color:#EFEEEC;}
#queldoreiNav>li.active>a, #queldoreiNav>li.over>a {background-color:#FFF;}
#queldoreiNav>li.active>a>span, #queldoreiNav>li.over>a>span {color:#000;}
.breadcrumbs {width:100%;}
.breadcrumbs ul {text-align:left;}
.col-left.sidebar .block-account {display:block;}
.pager .pages {margin:0 0 0 20px; float:left;}
.block-layered-nav .block-title {padding:0 20px 22px;}
.block-layered-nav.active .block-title {padding:0 20px 22px;}
.block-layered-nav .block-title::before {left:8px;}
.bubble-layer-top {display:block; overflow:auto; margin-top:15px;}
.block.block-layered-nav {width:100%; margin:0;padding:20px 0;}
.block-content {max-width:100%;}
.block-content .layer-slider {width:100%; margin:0;}
.footer-info .row {width:96%;}
.footer-info {padding:30px 0;}
.footer-info .block-content {display:block !important; height:210px;}
.footer-info .block-control {display:none;}
.footer-info .grid_3 {width:100%; margin:0;}
.footer-info .grid_3:nth-child(1), .footer-info .grid_3:nth-child(2), .footer-info .grid_3:nth-child(3), .footer-info .grid_3:nth-child(4) {width:50%}.footer-info h4, .footer-info .information h4 {margin:20px 0 10px 0;}
.info-footer-4 .col-l, .info-footer-4 .col-r {width:100%; float:left;}
.info-footer-4 .col-r {margin-top:20px;}
footer address {margin:0; width:100%;}
footer.row {margin:0; width:100%;}
footer .grid_6 {margin:0; width:100%;}
footer {line-height:32px;}
.footer-row-dark {width:96%; margin:0 auto;}
.footer-row-dark .grid_3.usp {width:50%; height:40px; padding:0; text-align:left;}
.footer-row-dark .grid_3.usp p {font-size:12px; background-position:left center !important; line-height:40px}.footer-row-dark .grid_3.usp.usp-2, .footer-row-dark .grid_3.usp.usp-3, .footer-row-dark .grid_3.usp.usp-4 {text-align:left;}
.footer-row-light {width:100%; margin:0;}
.footer-content-wrapper {margin:0 auto; width:96%;}
.footer-content-wrapper .grid_6.copyright p {text-align:center; padding:10px 0 0; display: flex; align-items: center; justify-content: center;}
.footer-content-wrapper .grid_6.copyright p {background-position:left center !important;}
.footer-content-wrapper .grid_6.copyright p img{ margin: 0 10px 0 0 !important;}
.footer-content-wrapper .grid_6.pay-icons {margin:10px 0;}
.footer-content-wrapper .grid_6.pay-icons ul {width:max-content; margin:0 auto;}
.footer-content-wrapper .grid_6.pay-icons ul li {
float:left;
padding: 0 4px 6px 4px;
}
.footer-container #mc_embed_signup {width:96%; margin:0 auto; padding-bottom:20px;}
.footer-container #mc_embed_signup input.email {margin-bottom:0px;}
.footer-container #mc_embed_signup .button {margin:0 !important;}
.products-grid .price-box .price {font-size:22px;}
.category-products .availability.out-of-stock span {font-size:11px;}
.products-grid .price-box .special-price {font-size:20px;}
.products-grid .price-box .old-price {left:85px; font-size:; padding:0;}
.catalog-category-view .col2-left-layout .main.row {width:96%;}
.catalog-category-view .col2-left-layout .col-main {width:100%; margin:0; padding:0;}
.catalog-category-view .col2-left-layout .col-left {width:50%; margin-left:0;}
.catalog-category-view .col2-left-layout .products-grid {width:100%; margin:0 auto;}
.catalog-category-view .col2-left-layout .products-grid li.item {width:197px;}
.catalog-category-view .col2-left-layout .products-grid li.item a.product-image {height: 197px;}
.catalog-category-view .category-image {padding:0; width:33%;}
.product-view .product-essential {width:90%;}
.product-view .product-shop {text-align:left;}
.product-view .product-img-box {margin:0 20px 0 0; float:left;}
.product-view .product-shop .add-to-box {float:none;}
.add-to-box .add-to-cart {float:none;}
.catalog-product-view .clerk-slider {width:100%;}
.product-tabs-container {min-height:0}.product-view .product-shop .price-box {float:left;}
.product-view #body_usp_text ul li.body-usp {width:92%; text-align:left;padding-left:8%; }.product-view .availability {float:left;}
.product-view .product-shop .add-to-cart button.button {float:left;}
.product-view .ewings_reseller {width:50%;}
.product-view .product-shop-info .add-to-links {width:50%; margin:0;}
.product-view .add-to-links li.wishlist {width:100%}.product-view .sku {float:left;}
.products-tabs-wrapper {width:90%;}
.product-tabs-container {width:100%;}
.product-tabs {padding-right:0;}
.product-tabs-content {padding:23px 0;}
#product-related-products {margin-top:30px !important; float:left;}
#product-related-products h2 {width:100%; margin-left:0;}
#product-related-products #product-related-producturls {width:100%; margin-left:0;}
#product-related-products a.related-producturl {width:95%;}
.product-info-alt {float:left; clear:none;}
.catalog-product-view .breadcrumbs {width:90%;}
.cart .freeshippingmessage {line-height:24px; font-size:20px; padding:15px 0; margin:15px 0; background:#F8F8F8;}
.col-main .cart {width:96%; margin:0 auto;}
.cart .cart-collaterals.row {width:100%; margin:0;}
.cart .cart-collaterals.row .grid_4 {width:33%; margin:1px 0;}
.cart #shopping-cart-totals-table {width:100%;}
.checkout-cart-index .clerk-slider .products-grid li.item {width:30%;}
.cart .data-table td.td-image, .cart .data-table td.td-price, .cart .data-table td.td-qty {width:25%; float:left; padding:0; margin:0;}
.cart .data-table td.td-image img {width:100%;}
.cart .data-table td.td-name {width:70%; padding:0 0 0 3%; margin:0; float:left; display:block; line-height:2em;}
.cart .data-table td.td-name h2.product-name a {font-size:24px; font-weight:700;}
.cart .data-table td.td-price {width:70%; padding:0 0 0 3%; margin:0; float:left; display:block; line-height:2em; font-size:16px;}
.cart .data-table td.td-price span.td-title {width:50%;}
.cart .data-table td.td-price span.cart.price {width:50%;}
.cart .data-table td.td-qty {width:70%; padding:0 0 0 3%; margin:0; float:left; display: flex; line-height:2em;}
.cart .data-table td.td-qty span.td-title {width:50%;}
.cart .data-table td.td-delete {width:70%; padding:0 0 0 3%; margin:0; float:left; display:block;}
.cart .cart-collaterals.row .grid_4 {width:50%;}
.cart .cart-collaterals.row .grid_4:nth-child(2) {display:none;}
.cart .cart-collaterals .input-box input {width:80%;}
.cms-page-view .col-main {width:100%; margin:0 auto;}
.cms-page-view.cms-faq .col-main {width:calc(100% - 30px); margin:0 auto;}
.cms-content .category-link {width:100%; padding:0;}
.cms-content .layer {position:relative;}
.cms-content .layer .title {font-size:14px; margin:0; text-align:left;}
.cms-content .layer .content {font-size:13px; margin:20px 0; text-align:left; line-height:24px;}
.cms-content.faq, .cms-content.legal, .cms-content.contact {width:96%; margin:0 auto;}
.faq .cc-links, .legal .legal-links {width:25%; padding:2%;}
.faq .cc-content, .legal .legal-content {float:right; width:65%; padding:0; margin:0 0 0 3%;}
.faq .cc-content h2, .legal .legal-content h2 {padding-top:70px; margin-top:-70px;}
.awards-img {width:200px;}
.awards-text {width:472px;}
#cd-timeline::before {left:10px;}
.cd-timeline-block {width:600px;}
.cd-timeline-img {width:500px;}
.cd-timeline-content {width:560px;}
.cd-timeline-block.links {float:right; margin-right:0;}
.cd-timeline-block.links, .cd-timeline-block.rechts, .cd-timeline-block.rechts.eerst {margin-top:40px;}
.awards .row-100 h2 {text-align:left;}
.storelocator-page {width:96%; margin:0 auto;}
.checkout-onepage-index .main.row {width:96%; margin:0 auto;}
.checkout-onepage-index .col2-right-layout .col-main {width:100%; margin:0; padding:0;}
.checkout-onepage-index .col-right {width:30%;}
.checkout-onepage-index .top-opc {margin:0 0 40px 0; width:100%;}
.checkout-onepage-index .top-opc li {padding:0 10px; height:2em;}
.checkout-onepage-index .top-opc li h2 {font-size:12px;}
.checkout-onepage-index .opc {width:100%;}
.checkout-onepage-index .page-title {margin:0;}
#checkout-step-login .block {margin:0 !important; float:left;}
#checkout-progress-wrapper { display:none;}
.header-container .flex { display: flex; }
}
@media only screen and (min-width:768px) and (max-width:959px) and (orientation:landscape) {
.col-left {margin-left:0px;}
header a.logo img {width:150px; padding-top:7px;}
.compare-top-title {width:120px;}
.compare-top-title a {font-size:12px;}
.cart-top > a span {font-size:12px;}
#queldoreiNav>li>a>span {padding:0 16px; font-size: 12px;}
#queldoreiNav>li>.header-submenu>ul>li>a.header-submenu-link{font-size: 12px;}
.grid_3.usp-footer li {font-size:11px;}
.product-view .product-img-box {margin:0 auto;}
.block-layered-nav .block-title {padding:0 15px 22px;}
}
@media only screen and (min-width:567px) and (max-width:767px) {
.row {width:100%;}
.grid_12 {margin:0 !important;}
.col-main {width:96%; padding:0; margin:0 auto;}
.col1-layout .col-main {width:100%; margin:0;}
.row-100, .row-50, .row-33, .row-25 {overflow-y:auto;}
.row-100 {margin-bottom:20px;}
.row-50 .grid_6 {margin:0 0 20px 0; width:265px;}
.row-50 .grid_6.links {margin:0 2% 20px 0; width:48%;}
.row-50 .grid_6.rechts {margin:0 0 20px 2%; width:48%;}
.row-33 .grid_4 {width:170px; margin:0 10px 20px;}
.row-33 .grid_4.links {margin:0 10px 20px 0;}
.row-33 .grid_4.rechts {margin:0 0 20px 10px;}
.row-25 .grid_3 {margin:0 0 20px 0; width:265px;}
.row-25 .grid_3.links, .row-25 .grid_3.mid-r {margin:0 10px 20px 0;}
.row-25 .grid_3.rechts, .row-25 .grid_3.mid-l {margin:0 0 20px 10px;}
.l-center, .r-center {text-align:center;}
.header-container .grid_6 {width:51%; float:right; margin:1px 0;}
.header-container .flex { display: flex; }
.center-goriz { position: absolute; left: 50%; transform: translateX(-50%); }
.top-header {display:none;}
.language-select {display:none;}
.drop-nav {float:right;}
.drop-nav ul li a {font-size:11px;}
header a.logo {margin:5px 0 0 0;}
header a.logo img {max-width:180px; padding:0;}
.cart-top-container {display:block; margin-top:-4px;}
.cart-top-title {display:none;}
.top-dropdowns {display:block; margin:0; position:absolute; float:right; top:85px; width:45%;}
.search-top-container {margin:1px 18px 0 0; float:right; width:120px;}
.search-top-container #search {width:122px;}
.header-switch {font-size:11px;}
.header-dropdown {z-index:1;}
.nav-container .nav-top-title {font-size:13px; line-height:52px; margin:0 auto; width:100px; padding-left:20px;}
.nav-container .nav-top-title.over, .nav-container .nav-top-title:hover, nav .nav-top-title.active {background-color:#FFF;}
.nav-container .nav-top-title a {color:#000;}
.nav-container .nav-top-title.over a, .nav-container .nav-top-title:hover a, nav .nav-top-title.active a {color:#000;}
.nav-container .nav-top-title div.icon {margin:19px 10px 0 0;}
.nav-container .nav-top-title div.icon span {background-color:#000;}
.nav-container .nav-top-title.over div.icon span, .nav-container .nav-top-title:hover div.icon span, .nav-container .nav-top-title.active div.icon span {background-color:#000;}
.nav-container .nav-top-title {background-color:#FFF; display:flex; float:left;}
#queldoreiNav {position:relative; overflow:auto; width:100% !important;}
#queldoreiNav>li {height:40px; float:left; width:auto; border:2px solid #FFF;}
#queldoreiNav > li > a, #queldoreiNav > li.active > a {height:40px; line-height:40px; width:auto;}
#queldoreiNav>li>a>span {color:#000; padding:0 10px;}
#queldoreiNav div.sub-wrapper {margin:40px 0 0; background-color:#EFEEEC;}
#queldoreiNav>li.active>a, #queldoreiNav>li.over>a {background-color:#FFF;}
#queldoreiNav>li.active>a>span, #queldoreiNav>li.over>a>span {color:#000;}
li.level0 {background-color:#FFF;}
.breadcrumbs ul {padding:10px 0 0 0; text-align:left; line-height:22px;}
.toolbar {font-size:12px;}
.pager {text-align:left}.pager .pages, .pager .amount {float:left;}
.sorter {float:left; width:100%;}
.block-layered-nav .block-title {padding:0 20px 22px;}
.block-layered-nav.active .block-title {padding:0 20px 22px;}
.block-layered-nav .block-title::before {left:8px;}
.bubble-layer-top {display:block; overflow:auto; margin-top:15px;}
.block.block-layered-nav {width:550px;margin:0;padding:20px 0;}
.block-content {max-width:100%;}
.block-content .layer-slider {width:100%; margin:0;}
.col-left.sidebar .block-account {display:block;}
.col-left.sidebar {width:96%; margin:0 auto;}
.footer-info .row {width:96%;}
.footer-info {padding:30px 0;}
.footer-info .block-content {display:block !important; height:210px;}
.footer-info .block-control {display:none;}
.footer-info .grid_3 {width:100%; margin:0;}
.footer-info .grid_3:nth-child(1), .footer-info .grid_3:nth-child(2), .footer-info .grid_3:nth-child(3), .footer-info .grid_3:nth-child(4) {width:50%}.footer-info h4, .footer-info .information h4 {margin:20px 0 10px 0;}
.info-footer-4 .col-l, .info-footer-4 .col-r {width:100%; float:left;}
.info-footer-4 .col-r {margin-top:20px;}
footer address {margin:0; width:100%;}
footer.row {margin:0; width:100%;}
footer .grid_6 {margin:0; width:100%;}
#mc_embed_signup .clear {height:100% !important;}
#mc_embed_signup .button {width:96% !important; margin:0 auto !important;}
#mc_embed_signup > form > div > input.email {width:96% !important; margin:0 auto !important;}
#mc_embed_signup input.email {width:96% !important; margin:0 auto !important;}
.footer-row-dark {width:96%; margin:0 auto;}
.footer-row-dark .grid_3.usp {width:50%; height:40px; padding:20px 0 0; text-align:left;}
.footer-row-dark .grid_3.usp p {font-size:12px; background-position:left top !important;}
.footer-row-dark .grid_3.usp.usp-2, .footer-row-dark .grid_3.usp.usp-3, .footer-row-dark .grid_3.usp.usp-4 {text-align:left;}
.footer-row-light {width:100%; margin:0;}
.footer-content-wrapper {margin:0 auto; width:96%;}
.footer-content-wrapper .grid_6.copyright p {text-align:center; padding:10px 0 0; display: flex; align-items: center; justify-content: center;}
.footer-content-wrapper .grid_6.copyright p img{ margin: 0 10px 0 0 !important;}
.footer-content-wrapper .grid_6.pay-icons {margin:10px 0;}
.footer-content-wrapper .grid_6.pay-icons ul {width:max-content; margin:0 auto;}
.footer-content-wrapper .grid_6.pay-icons ul li {float:left; padding:0 4px;}
.footer-content-wrapper .grid_6.pay-icons img {/*width:30px;*/}
footer .footer-content-wrapper .grid_6 {width:100%;}
.col2-left-layout .products-grid {width:550px; margin:0 auto;}
.products-grid li.item {margin:20px 5px; border:5px solid #FFF;}
.category-description p {font-size:12px;}
.catalog-category-view .category-image {width:33%;}
.product-view .product-essential {width:90%;}
.product-view .product-img-box {margin:0; float:left; width:100% !important; max-width:unset;}
.col1-layout .product-view .product-shop {float:left; width:100%; margin-top:30px;}
.product-view .product-shop-info {float:left; text-align:left;}
.product-tabs-content {margin:0;}
.product-tabs-container h2 {font-family:"Roboto", sans-serif !important;}
.product-tabs-container h2.active {border-top:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.product-tabs-container h2.tab-heading {background-color:#FFF; border:1px solid #F8F8F8;}
.product-tabs-container h2.tab-heading.active {background-color:#F8F8F8; border:1px solid #F8F8F8;}
.product-tabs-container h2.active a, .product-tabs-container h2.active a:hover {background-color:#F8F8F8;}
.product-tabs-content h3, .product-tabs-content h4, #srka-product-review-list {width:254px;}
.product-tabs-content h3 span {color:#FF7F5C;}
.product-view .product-shop-info .add-to-links {margin:0;}
.pdp-designer .image {width:48%;}
.pdp-designer .text {width:50%; margin-left:2%;}
.pdp-designer .text p {padding:0 !important;}
.product-view .product-shop .price-box {float:left;}
.catalog-product-view .clerk-slider {width:100%;}
.product-tabs-container {min-height:0}.product-view .product-shop .price-box {float:left;}
.product-view .availability {float:left;}
.product-view .product-shop .add-to-cart button.button {float:left;}
.product-view .ewings_reseller {width:50%;}
.product-view .product-shop-info .add-to-links {width:50%; margin:0;}
.product-view .add-to-links li.wishlist {width:100%}.product-view .sku {float:left;}
.products-tabs-wrapper {width:90%;}
.product-tabs-container {width:100%;}
.product-tabs {padding-right:0;}
.product-tabs-content {padding:23px 0;}
#product-related-products {margin-top:30px !important; float:left;}
#product-related-products h2 {width:100%; margin-left:0;}
#product-related-products #product-related-producturls {width:100%; margin-left:0;}
#product-related-products a.related-producturl {width:95%;}
.product-info-alt {float:left; clear:none;}
.catalog-product-view .breadcrumbs {width:90%;}
.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item {width:60px !important;}
.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item img {width:60px;}
#product-related-products {width:100% !important;}
.product-info-alt {width:100%;}
.product-info-alt .clerk-slider {margin-left:0;}
.cart .freeshippingmessage {line-height:24px; font-size:20px; padding:15px 0; margin:15px 0; background:#F8F8F8;}
.col-main .cart {width:96%; margin:0 auto;}
.cart .cart-collaterals.row {width:100%; margin:0;}
.cart .cart-collaterals.row .grid_4 {width:33%; margin:1px 0;}
.cart #shopping-cart-totals-table {width:100%;}
.checkout-cart-index .clerk-slider .products-grid li.item {width:28%;}
.cart .data-table td.td-image {width:30%; float:left; padding:0; margin:0;}
.cart .data-table td.td-image img {width:100%;}
.cart .data-table td.td-name {width:65%; padding:0 0 0 3%; margin:0; float: right; display:block; line-height:2em;}
.cart .data-table td.td-discount {width:65%; padding:0 0 0 3%; margin:0; float: right; line-height:2em;}
.cart .data-table td.td-name h2.product-name a {font-size:24px; font-weight:700;}
.cart .data-table td.td-price {width:65%; padding:0 0 0 3%; margin:0; float: right; display:block; line-height:2em; font-size:16px;}
.cart .data-table td.td-price span.td-title {width:50%;}
.cart .data-table td.td-price span.cart.price {width:50%;}
.cart .data-table td.td-qty {width:65%; padding:0 0 0 3%; margin:0; float: right; display: flex; line-height:2em;}
.cart .data-table td.td-qty span.td-title {width:50%;}
.cart .data-table td.td-delete {width:65%; padding:0 0 0 3%; margin:0; float: right; display:block;}
.cart .cart-collaterals.row .grid_4 {width:50%;}
.cart .cart-collaterals.row .grid_4:nth-child(2) {display:none;}
.cart .cart-collaterals .input-box input {width:80%;}
.cart .page-title h1 {width:50%; float:left; text-align:left; font-weight:700}.cart .page-title ul.checkout-types {width:50%;float:right;text-align:right;margin:0;padding-top:8px;}
.catalog-product-view .clerk-slider {width:100%;}
.clerk-slider .products-grid li.item {width:252px; margin:0 15px;}
.clerk-slider .price-box {margin:0 0 5px 0; text-align:left;}
.cms-page-view .cms-content {width:90%; margin:0 auto;}
.cms-content .category-link {font-size:14px; padding:0; width:100%;}
.cms-content .layer {position:relative;}
.cms-content .layer .title {font-size:14px; margin:0; text-align:left;}
.cms-content .layer .content {font-size:13px; margin:20px 0; text-align:left; line-height:24px;}
.faq .cc-links, .legal .legal-links {width:90%; padding:5%;}
.faq .cc-content, .legal .legal-content {width:100%; padding:0 0px 23px;}
.awards-img {width:200px;}
.awards-text {width:340px;}
#cd-timeline::before {left:10px;}
.cd-timeline-block {width:510px;}
.cd-timeline-img {width:470px;}
.cd-timeline-content {width:470px;}
.cd-timeline-block.links {float:right; margin-right:0;}
.cd-timeline-block.links, .cd-timeline-block.rechts, .cd-timeline-block.rechts.eerst {margin-top:40px;}
.awards .row-100 h2 {text-align:left;}
.storelocator-page {width:96%; margin:0 auto;}
.storelocator-page .search-content .search-type .reset, .storelocator-page .search-content .search-type .search {width:inherit; height:inherit;}
.flexslider .slides {background-color:#F8F8F8;}
.flexslider .slides .content {display:block !important; margin:0 !important; float:left !important; background-color:#F8F8F8 !important; padding:20px 0 !important; width:550px !important; max-width:550px;}
.flexslider .slides .content strong {font-size:30px; line-height:34px}.modal-body, .modal-footer {width:100% !important; padding:0 !important;}
.pop-up-logo {padding:20px 0 20px 0;}
.checkout-onepage-index .main.row {width:96%; margin:0 auto;}
.checkout-onepage-index .col2-right-layout .col-main {width:100%; margin:0; padding:0;}
.checkout-onepage-index .col-right {width:30%;}
.checkout-onepage-index .top-opc {margin:0 0 40px 0; width:100%;}
.checkout-onepage-index .top-opc li {padding:0 10px; height:2em;}
.checkout-onepage-index .top-opc li h2 {font-size:12px;}
.checkout-onepage-index .opc {width:100%;}
.checkout-onepage-index .page-title {margin:0;}
#checkout-step-login .block {width:margin:0 !important; float:left;}
#checkout-progress-wrapper { display:none;}
}
@media only screen and (min-width:567px) and (max-width:767px) and (orientation:landscape) {
header .grid_12 {margin-bottom:0;}
header a.logo img {width:160px; float:left;}
header a.logo {margin:6px 0 0 0px;}
.cart-top-title {display:none}.footer.email iframe {height:95px;}
}
@media only screen and (min-width:370px) and (max-width:566px) {
.row {width:96%;}
.grid_12 {margin:0 !important;}
.col-main {width:100%; padding:0;}
.col1-layout .col-main {width:100%; padding:0; margin:0;}
.row-100, .row-50, .row-33, .row-25 {overflow-y:auto;}
.row-100 {margin-bottom:20px;}
.row-50 .grid_6 {margin:0 0 20px 0; width:350px;}
.row-33 .grid_4 {margin:0 0 20px 0; width:350px;}
.row-25 .grid_3 {margin:0 0 20px 0; width:350px;}
.form-list input.input-text {width:300px;}
.form-list li.wide .input-box, .form-list li.wide input.input-text {width:300px;}
.form-list li.wide textarea {width:100%;}
.top-hea.top-drop-companyder {display:none;}
.language-select {display:none;}
.top-cms-right {width:165px;}
header h1.logo {width:100%;}
header a.logo {margin:5px 0 0 0; text-align:left; width:100%;}
header a.logo img {width:140px;}
.cart-top-title {display:none; }.cart-top-container {display:block; margin-top:6px;}
.cart-top-title {display:none;}
.top-dropdowns {display:block; margin:0; position:absolute; float:right; top:70px; width:100%;}
.search-top-container {margin:10px 18px 0 0; float:right; width:120px;}
.search-top-container #search {width:122px;}
.header-dropdown {z-index:1;}
.top-switch-bg .grid_6 {width:100%; margin:0;}
.drop-nav {float:right;}
.nav-container .nav-top-title {font-size:13px; line-height:52px; margin:0 auto; width:100px; padding-left:2px;}
.nav-container .nav-top-title.over, .nav-container .nav-top-title:hover, nav .nav-top-title.active {background-color:#FFF;}
.nav-container .nav-top-title a {color:#000;}
.nav-container .nav-top-title.over a, .nav-container .nav-top-title:hover a, nav .nav-top-title.active a {color:#000;}
.nav-container .nav-top-title div.icon {margin:19px 10px 0 0;}
.nav-container .nav-top-title div.icon span {background-color:#000;}
.nav-container .nav-top-title.over div.icon span, .nav-container .nav-top-title:hover div.icon span, .nav-container .nav-top-title.active div.icon span {background-color:#000;}
.nav-container .nav-top-title {background-color:#FFF; display:flex; float:left;}
#queldoreiNav {position:relative; overflow:auto; width:100% !important;}
#queldoreiNav>li {height:40px; float:left; width:50%; border-bottom:2px solid #FFF;}
#queldoreiNav > li > a, #queldoreiNav > li.active > a {height:40px; line-height:40px; width:100%;}
#queldoreiNav>li>a>span {color:#000; padding:0 10px;}
#queldoreiNav div.sub-wrapper {margin:40px 0 0; background-color:#EFEEEC;}
#queldoreiNav>li.active>a, #queldoreiNav>li.over>a {background-color:#FFF;}
#queldoreiNav>li.active>a>span, #queldoreiNav>li.over>a>span {color:#000;}
li.level0 {background-color:#FFF;}
.breadcrumbs {margin:0 auto;}
.breadcrumbs ul {padding:10px 0 0 0; text-align:left; line-height:22px;}
.catalog-product-view .breadcrumbs {width:96%;}
.pager .pages, .pager .amount {text-align:center;}
.sorter {float:none; text-align:center; margin:0 0 8px;}
.sorter .sort-by {margin-right:-4px; float:none; display:inline-block;}
.sorter .sort-order {margin:0; float:none; display:inline-block;}
.sorter .limiter {display:inline-block; float:none; margin-top:8px;}
.pager .pages {margin:0;}
.bubble-layer-top {display:block; overflow:auto; margin-top:15px;}
.bubble-layer-top .block.block-layered-nav {width:350px;margin:0;padding:20px 0;}
.bubble-layer-top .block-content {max-width:100%;}
.bubble-layer-top .layer-slider {width:310px; margin:0 20px;}
.block-layered-nav .block-title {padding:0 20px 22px;}
.block-layered-nav.active .block-title {padding:0 20px 22px;}
.block-layered-nav .block-title::before {left:8px;}
.col-left.sidebar .block-account {display:block;}
.footer-info {padding:30px 0;}
.footer-info .block-control {top:10px; background-color:#EFEEEC;}
.footer-info .grid_3 {width:100%; margin:0;}
.footer-info .grid_3:nth-child(1), .footer-info .grid_3:nth-child(2), .footer-info .grid_3:nth-child(3), .footer-info .grid_3:nth-child(4) {width:100%}.footer-info h4, .footer-info .information h4 {margin:20px 0 10px 0;}
.info-footer-4 .col-l, .info-footer-4 .col-r {width:100%; float:left;}
.info-footer-4 .col-r {margin-top:20px;}
.footer-info .block-control:hover, .footer-info .block-control-hide:hover {background-color:#000;}
.footer-info .footer-links li.logo {position:relative; left:0; top:0;}
footer address {margin:0; width:100%;}
footer.row {margin:0; width:100%;}
footer .grid_6 {margin:0; width:100%;}
#mc_embed_signup .clear {height:100% !important;}
#mc_embed_signup .button {width:96% !important; margin:0 auto !important;}
#mc_embed_signup > form > div > input.email {width:96% !important; margin:0 auto !important;}
#mc_embed_signup input.email {width:96% !important; margin:0 auto !important;}
.footer-row-dark {width:96%; margin:0 auto;}
.footer-row-dark .grid_3.usp {width:50%; height:40px; padding:20px 0 0; text-align:left;}
.footer-row-dark .grid_3.usp p {font-size:12px; background-position:left top !important;}
.footer-row-dark .grid_3.usp.usp-2, .footer-row-dark .grid_3.usp.usp-3, .footer-row-dark .grid_3.usp.usp-4 {text-align:left;}
.footer-row-light {width:100%; margin:0;}
.footer-content-wrapper {margin:0 auto; width:96%;}
.footer-content-wrapper .grid_6.copyright p {text-align:center; padding:10px 0 0; display: flex; align-items: center; justify-content: center;}
.footer-content-wrapper .grid_6.copyright p img{ margin: 0 10px 0 0 !important;}
.footer-content-wrapper .grid_6.pay-icons {margin:10px 0;}
.footer-content-wrapper .grid_6.pay-icons ul {width:max-content; margin:0 auto;}
.footer-content-wrapper .grid_6.pay-icons ul li {float:left; padding:0 4px;}
.footer-content-wrapper .grid_6.pay-icons img {/*width:30px;*/}
footer .footer-content-wrapper .grid_6 {width:100%;}
.category-description p {font-size:12px;}
.col2-left-layout .products-grid {width:260px; margin:0 auto;}
.products-grid li.item {margin:0 auto; border:5px solid #FFF;}
.product-tabs-container {min-height:0}.products-grid li.item {margin:20px auto;}
.main-cat-grid .subcategories {width:80%; margin:0 auto;}
.main-cat-grid .subcategories li.sub-item {width:100%; margin:0 auto 3%;}
.catalog-category-view .category-image {display:none;}
.category-description .page-title h1 {width:100%; font-size:34px !important;}
.category-description.top p {width:100%;}
.product-view .product-essential {width:96%;}
.product-view .product-shop {text-align:left;}
.product-view .product-img-box {width:100% !important; margin:0 auto; max-width:unset;}
.product-view .product-name {text-align:left;}
.product-view .product-shop .add-to-box {width:100%;}
.product-tabs-container {width:100%;}
.product-tabs-content {margin:0;}
.product-tabs-container h2.active {border-top:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.product-tabs-container h2.tab-heading {background-color:#FFF; border:1px solid #F8F8F8;}
.product-tabs-container h2.tab-heading.active {background-color:#F8F8F8; border:1px solid #F8F8F8;}
.product-tabs-container h2.active a, .product-tabs-container h2.active a:hover {background-color:#F8F8F8;}
.product-tabs-content h3 span {color:#FF7F5C;}
.pdp-designer .image {width:100%;}
.pdp-designer .text {width:100%; margin-left:0;}
.pdp-designer .text p {padding:0 !important;}
.pdp-designer h4 {margin:10px 0;}
.feature-icon {width:350px;}
.product-view .product-shop .price-box {float:left;}
p.delivery.ship {width:275px; padding:0 0 0 75px; text-align:left;}
p.delivery.rtrns {width:275px; padding:0 0 0 75px; text-align:left;}
p.delivery.pay {width:275px; padding:0 0 0 75px; text-align:left;}
p.delivery.pay-methods {width:100%; text-align:center;}
.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item {width:60px !important;}
.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item img {width:60px;}
.product-view #body_usp_text ul li.body-usp {width:92%; padding-left:8%;}
.product-view .ewings_reseller {width:50%;}
.product-view .product-shop-info .add-to-links {width:50%; margin:0;}
.product-view .add-to-links li.wishlist {width:100%}.products-tabs-wrapper {width:96%;}
.product-tabs-content {padding:23px 0;}
#product-related-products {margin-top:30px !important; float:left; width:100% !important;}
#product-related-products h2 {width:100%; margin-left:0;}
#product-related-products #product-related-producturls {width:100%; margin-left:0;}
#product-related-products a.related-producturl {width:95%;}
.product-info-alt {float:left; clear:none; width:100%;}
.product-info-alt .clerk-slider {margin-left:0;}
.product-tabs-content .feature-icon {width:100%;}
.cart .freeshippingmessage {line-height:24px; font-size:20px; padding:15px 0; margin:15px 0; background:#F8F8F8;}
.col-main .cart {width:96%; margin:0 auto;}
.cart .cart-collaterals.row {width:100%; margin:0;}
.cart .cart-collaterals.row .grid_4 {width:33%; margin:1px 0;}
.cart #shopping-cart-totals-table {width:100%;}
.checkout-cart-index .clerk-slider .products-grid li.item {width:95%;}
.cart .data-table td.td-image {width:100%; float:left; padding:0; margin:0;}
.cart .data-table td.td-image img {width:100%;}
.cart .data-table td.td-name {width:100%; padding:0; margin:0; float:left; display:block; line-height:2em;}
.cart .data-table td.td-name h2.product-name a {font-size:24px; font-weight:700;}
.cart .data-table td.td-price {width:100%; padding:0; margin:0; float:left; display:block; line-height:2em; font-size:16px;}
.cart .data-table td.td-price span.td-title {width:50%;}
.cart .data-table td.td-price span.cart.price {width:50%;}
.cart .data-table td.td-qty {width:100%; padding:0; margin:0; float:left; display: flex; line-height:2em;}
.cart .data-table td.td-qty span.td-title {width:50%;}
.cart .data-table td.td-delete {width:100%; padding:0; margin:0; float:left; display:block;}
.cart .cart-collaterals.row .grid_4 {width:100%;}
.cart .cart-collaterals.row .grid_4:nth-child(2) {display:none;}
.cart .cart-collaterals .input-box input {width:80%;}
.cart .page-title h1 {width: 90px; height: 44px; line-height: 44px; float:left; text-align:left; font-weight:700; font-size:22px !important}.cart .page-title ul.checkout-types {width: auto;float:right;text-align:right;margin:0;}
.storelocator-page .search-content .range-slider-label {padding-left:20px;}
.storelocator-page .search-content .search-type .reset {width:71px; height:52px;}
.storelocator-page .search-content .search-type .reset span {text-transform:none;}
.search-content .search-type .search-distance span span {font-size:12px; color:#FFF;}
.storelocator-page .search-content .search-type .reset span span {font-size:12px; color:#000;}
.cms-page-view .col-main {width:100%; margin:0 auto;}
.cms-content .layer {position:relative;}
.cms-content .layer .title {font-size:14px; margin:0; text-align:left;}
.cms-content .layer .content {font-size:13px; margin:20px 0; text-align:left; line-height:24px;}
.cms-content .category-link {width:100%; padding:0;}
.faq .cc-links, .legal .legal-links {width:90%; padding:5%;}
.faq .cc-content, .legal .legal-content {width:100%; padding:0 0px 23px;}
.contact-form {width:350px;}
.awards-img {width:100%; text-align:center;}
.awards-text {width:100%; padding-top:15px; text-align:center;}
#cd-timeline::before {left:10px;}
.cd-timeline-block {width:300px;}
.cd-timeline-img {width:260px;}
.cd-timeline-content {width:260px;}
.cd-timeline-block.links {float:right; margin-right:0;}
.cd-timeline-block.links, .cd-timeline-block.rechts, .cd-timeline-block.rechts.eerst {margin-top:40px;}
.awards .row-100 h2 {text-align:left;}
div#gmap_canvas {width:350px !important;}
.flexslider .slides {background-color:#F8F8F8;}
.flexslider .slides .content {display:block !important; margin:0 !important; float:left !important; background-color:#F8F8F8 !important; padding:20px 0 !important; width:350px !important; max-width:350px;}
.flexslider .slides .content strong {font-size:26px; line-height:30px}ul.slides {height:390px !important;}
.modal-body, .modal-footer {width:100% !important; padding:0 !important;}
.pop-up-logo {padding:20px 0 20px 0;}
#site-switcher {height:600px !important;}
.pop-up-row .block-33 {width:100%;}
.checkout-onepage-index .main.row {width:96%; margin:0 auto;}
.checkout-onepage-index .col2-right-layout .col-main {width:100%; margin:0; padding:0;}
.checkout-onepage-index .col-right {width:30%;}
.checkout-onepage-index .top-opc {margin:0 0 40px 0; width:100%;}
.checkout-onepage-index .top-opc li {padding:0 10px; height:2em; width:42%; float:left;}
.checkout-onepage-index .top-opc li h2 {font-size:12px;}
.checkout-onepage-index .opc {width:100%;}
.checkout-onepage-index .page-title {margin:0;}
#checkout-step-login .block {width:100%; margin:0 !important; float:left;}
#checkout-progress-wrapper { display:none;}
.header-container .flex { display: flex; }
}
@media only screen and (max-width:369px) {
.grid_12 {margin:0 !important;}
.col-main {padding:0; width:100%;}
.col1-layout .col-main {width:100%; padding:0;}
.row-100, .row-50, .row-33, .row-25 {overflow-y:auto;}
.row-100 {margin-bottom:20px;}
.row-50 .grid_6 {margin:0 0 20px 0; width:300px;}
.row-33 .grid_4 {margin:0 0 20px 0; width:300px;}
.row-25 .grid_3 {margin:0 0 20px 0; width:300px;}
.form-list input.input-text {width:254px;}
.top-header {display:none;}
.language-select {display:none;}
.top-cms-right {width:126px; float:right;}
header a.logo {width:100%; margin:5px 0 0 0;}
header a.logo img {width:140px; /*padding:0 70px;*/}
.header-container .grid_6 {margin:0; width:300px;}
.top-dropdowns {position:relative; width:300px; margin:0 auto; display:block; float:left;}
.cart-top-title {display:none;}
.cart-top-container {display:block; margin-top:6px;}
.cart-top-title {display:none;}
.top-dropdowns {display:block; margin:0; position:absolute; float:right; top:68px; width:100%;}
.search-top-container {margin:10px 10px 0 0; float:right; width:120px;}
.search-top-container .search-form {width:110px;}
.search-top-container #search {width:122px;}
.drop-nav {float:right;}
.header-switch {width:174px; text-align:left; float:left; font-size:11px;}
.header-dropdown {z-index:1;}
.nav-container .nav-top-title {font-size:13px; line-height:52px; margin:0 auto; width:100px; padding-left:6px;}
.nav-container .nav-top-title.over, .nav-container .nav-top-title:hover, nav .nav-top-title.active {background-color:#FFF;}
.nav-container .nav-top-title a {color:#000;}
.nav-container .nav-top-title.over a, .nav-container .nav-top-title:hover a, nav .nav-top-title.active a {color:#000;}
.nav-container .nav-top-title div.icon {margin:19px 10px 0 0;}
.nav-container .nav-top-title div.icon span {background-color:#000;}
.nav-container .nav-top-title.over div.icon span, .nav-container .nav-top-title:hover div.icon span, .nav-container .nav-top-title.active div.icon span {background-color:#000;}
.nav-container .nav-top-title {background-color:#FFF; display:flex; float:left;}
#queldoreiNav {position:relative; overflow:auto; width:100% !important;}
#queldoreiNav>li {height:40px; float:left; width:50%; border-bottom:2px solid #FFF;}
#queldoreiNav > li > a, #queldoreiNav > li.active > a {height:40px; line-height:40px; width:100%;}
#queldoreiNav>li>a>span {color:#000; padding:0 10px; font-size:11px;}
#queldoreiNav>li>.header-submenu>ul>li>a.header-submenu-link {font-size: 11px;}
#queldoreiNav div.sub-wrapper {margin:40px 0 0; background-color:#EFEEEC;}
#queldoreiNav>li.active>a, #queldoreiNav>li.over>a {background-color:#FFF;}
#queldoreiNav>li.active>a>span, #queldoreiNav>li.over>a>span {color:#000;}
li.level0 {background-color:#FFF;}
.breadcrumbs {text-align:left;line-height:24px; padding:5px 0 0 0; margin:0;}
.catalog-product-view .breadcrumbs {width:96%; margin:0 auto;}
.sorter {float:none; text-align:center; margin:0 0 8px;}
.sorter .sort-by {margin-right:-4px; float:none; display:inline-block;}
.sorter .sort-order {margin:0; float:none; display:inline-block;}
.sorter .limiter {display:inline-block; float:none; margin-top:8px;}
.pager .pages {margin:0;}
.bubble-layer-top {display:block; overflow:auto; margin-top:15px;}
.bubble-layer-top .block.block-layered-nav {width:300px;margin:0;padding:20px 0;}
.bubble-layer-top .block-content {max-width:100%;}
.bubble-layer-top .layer-slider {width:260px; margin:0 20px;}
.account-login .block, .account-create .block {padding:23px 0;}
.block-login .block-title:after {width:270px; margin:23px 15px;}
.block-layered-nav .block-title {padding:0 20px 22px;}
.block-layered-nav.active .block-title {padding:0 20px 22px;}
.block-layered-nav .block-title::before {left:8px;}
.col-left.sidebar .block-account {display:block;}
.footer-info {padding:30px 0;}
.footer-info .block-control {top:10px; background-color:#EFEEEC;}
.footer-info .grid_3 {width:100%; margin:0;}
.footer-info .grid_3:nth-child(1), .footer-info .grid_3:nth-child(2), .footer-info .grid_3:nth-child(3), .footer-info .grid_3:nth-child(4) {width:100%}.footer-info h4, .footer-info .information h4 {margin:20px 0 10px 0;}
.info-footer-4 .col-l, .info-footer-4 .col-r {width:100%; float:left;}
.info-footer-4 .col-r {margin-top:20px;}
.footer-info .block-control:hover, .footer-info .block-control-hide:hover {background-color:#000;}
.footer-info .footer-links li.logo {position:relative; left:0; top:0;}
footer address {margin:0; width:100%;}
footer.row {margin:0; width:100%;}
footer .grid_6 {margin:0; width:100%;}
#mc_embed_signup .clear {height:100% !important;}
#mc_embed_signup .button {width:96% !important; margin:0 auto !important;}
#mc_embed_signup > form > div > input.email {width:96% !important; margin:0 auto !important;}
#mc_embed_signup input.email {width:96% !important; margin:0 auto !important;}
.footer-row-dark {width:96%; margin:0 auto;}
.footer-row-dark .grid_3.usp {width:50%; height:40px; padding:20px 0 0; text-align:left;}
.footer-row-dark .grid_3.usp p {font-size:12px; background-position:left top !important;}
.footer-row-dark .grid_3.usp.usp-2, .footer-row-dark .grid_3.usp.usp-3, .footer-row-dark .grid_3.usp.usp-4 {text-align:left;}
.footer-row-light {width:100%; margin:0;}
.footer-content-wrapper {margin:0 auto; width:96%;}
.footer-content-wrapper .grid_6.copyright p {text-align:center; padding:10px 0 0;}
.footer-content-wrapper .grid_6.copyright p img{ margin: 0 10px 0 0 !important;}
.footer-content-wrapper .grid_6.pay-icons {margin:10px 0;}
.footer-content-wrapper .grid_6.pay-icons ul {width:max-content; margin:0 auto;}
.footer-content-wrapper .grid_6.pay-icons ul li {float:left; padding:0 4px;}
.footer-content-wrapper .grid_6.pay-icons img {
/*width:30px;*/
width: 240px;
height: auto;
}
.products-grid {margin-top:30px;}
.products-grid li.item {margin-top:10px;}
.main-cat-grid .subcategories {width:80%; margin:0 auto;}
.main-cat-grid .subcategories li.sub-item {width:100%; margin:0 auto 3%;}
.catalog-category-view .category-image {display:none;}
.category-description .page-title h1 {width:100%; font-size:34px !important;}
.category-description.top p {width:100%;}
.product-view .product-essential {width:96%;}
.product-view .product-shop {text-align:left;}
.product-view .product-img-box {width:100% !important; margin:0 auto; max-width:unset;}
.product-view .product-name {text-align:left;}
.product-view .product-shop .add-to-box {width:100%;}
.product-tabs-container {width:100%;}
.product-tabs-content {margin:0;}
.product-tabs-container h2.active {border-top:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.product-tabs-container h2.tab-heading {background-color:#FFF; border:1px solid #F8F8F8;}
.product-tabs-container h2.tab-heading.active {background-color:#F8F8F8; border:1px solid #F8F8F8;}
.product-tabs-container h2.active a, .product-tabs-container h2.active a:hover {background-color:#F8F8F8;}
.product-tabs-content h3 span {color:#FF7F5C;}
.pdp-designer .image {width:100%;}
.pdp-designer .text {width:100%; margin-left:0;}
.pdp-designer .text p {padding:0 !important;}
.pdp-designer h4 {margin:10px 0;}
.feature-icon {width:350px;}
.product-view .product-shop .price-box {float:left;}
p.delivery.ship {width:275px; padding:0 0 0 75px; text-align:left;}
p.delivery.rtrns {width:275px; padding:0 0 0 75px; text-align:left;}
p.delivery.pay {width:275px; padding:0 0 0 75px; text-align:left;}
p.delivery.pay-methods {width:100%; text-align:center;}
.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item {width:60px !important;}
.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item img {width:60px;}
.product-view #body_usp_text ul li.body-usp {width:92%; padding-left:8%;}
.product-view .ewings_reseller {width:50%;}
.product-view .ewings_reseller button {padding:0 !important;}
.product-view .product-shop-info .add-to-links {width:50%; margin:0;}
.product-view .add-to-links li.wishlist {width:100%}.products-tabs-wrapper {width:96%;}
.product-tabs-content {padding:23px 0;}
#product-related-products {margin-top:30px !important; float:left; width:100% !important;}
#product-related-products h2 {width:100%; margin-left:0;}
#product-related-products #product-related-producturls {width:100%; margin-left:0;}
#product-related-products a.related-producturl {width:95%;}
.product-info-alt {float:left; clear:none; width:100%;}
.product-info-alt .clerk-slider {margin-left:0;}
footer .footer-content-wrapper .grid_6 {width:100%;}
.product-tabs-content .feature-icon {width:100%;}
.cart .freeshippingmessage {line-height:24px; font-size:20px; padding:15px 0; margin:15px 0; background:#F8F8F8;}
.col-main .cart {width:96%; margin:0 auto;}
.cart .cart-collaterals.row {width:100%; margin:0;}
.cart .cart-collaterals.row .grid_4 {width:33%; margin:1px 0;}
.cart #shopping-cart-totals-table {width:100%;}
.checkout-cart-index .clerk-slider .products-grid li.item {width:95%;}
.cart .data-table td.td-image {width:100%; float:left; padding:0; margin:0;}
.cart .data-table td.td-image img {width:100%;}
.cart .data-table td.td-name {width:100%; padding:0; margin:0; float:left; display:block; line-height:2em;}
.cart .data-table td.td-name h2.product-name a {font-size:24px; font-weight:700;}
.cart .data-table td.td-price {width:100%; padding:0; margin:0; float:left; display:block; line-height:2em; font-size:16px;}
.cart .data-table td.td-price span.td-title {width:50%;}
.cart .data-table td.td-price span.cart.price {width:50%;}
.cart .data-table td.td-qty {width:100%; padding:0; margin:0; float:left; display: flex; line-height:2em;}
.cart .data-table td.td-qty span.td-title {width:50%;}
.cart .data-table td.td-delete {width:100%; padding:0; margin:0; float:left; display:block;}
.cart .cart-collaterals.row .grid_4 {width:100%;}
.cart .cart-collaterals.row .grid_4:nth-child(2) {display:none;}
.cart .cart-collaterals .input-box input {width:80%;}
.cart .page-title h1 {width: 90px; height: 44px; line-height: 44px; float:left; text-align:left; font-weight:700; font-size:22px !important}.cart .page-title ul.checkout-types {width: auto;float:right;text-align:right;margin:0;}
.storelocator-page #track1 {width:210px;}
.storelocator-page .search-content .search-type .reset {width:71px; height:52px;}
.storelocator-page .search-content .search-type .reset span {text-transform:none;}
.storelocator-page .search-content .search-type .reset span span, .search-content .search-type .search-distance span span {font-size:12px; color:#FFF;}
.cms-page-view .col-main {width:100%; margin:0 auto;}
.cms-content .layer {position:relative;}
.cms-content .layer .title {font-size:14px; margin:0; text-align:left;}
.cms-content .layer .content {font-size:13px; margin:20px 0; text-align:left; line-height:24px;}
.cms-content .category-link {width:100%; padding:0;}
#cd-timeline::before {left:10px;}
.cd-timeline-block {width:270px;}
.cd-timeline-img {width:230px;}
.cd-timeline-content {width:230px;}
.cd-timeline-block.links {float:right; margin-right:0;}
.cd-timeline-block.links, .cd-timeline-block.rechts, .cd-timeline-block.rechts.eerst {margin-top:40px;}
.awards .row-100 h2 {text-align:left;}
.faq .cc-links, .legal .legal-links {width:90%; padding:5%;}
.faq .cc-content, .legal .legal-content {width:100%; padding:0 0px 23px;}
.contact-form {width:300px;}
.form-list li.wide textarea {width:100%;}
div#gmap_canvas {width:300px !important;}
.awards-img {width:100%; text-align:center;}
.awards-text {width:100%; padding-top:15px; text-align:center;}
.flexslider .slides {background-color:#F8F8F8;}
.flexslider .slides .content {display:block !important; margin:0 !important; float:left !important; background-color:#F8F8F8 !important; padding:20px 0 !important; width:300px !important; max-width:300px;}
.flexslider .slides .content strong {font-size:24px; line-height:28px;}
.flexslider .slides .content p {font-size:12px; line-height:18px;}
ul.slides {height:350px !important;}
.modal-body, .modal-footer {width:100% !important; padding:0 !important;}
.pop-up-logo {padding:10px 0;}
#site-switcher {height:480px !important;}
.pop-up-row .block-33 {width:100%;}
.checkout-onepage-index .main.row {width:96%; margin:0 auto;}
.checkout-onepage-index .col2-right-layout .col-main {width:100%; margin:0; padding:0;}
.checkout-onepage-index .col-right {width:30%;}
.checkout-onepage-index .top-opc {margin:0 0 40px 0; width:100%;}
.checkout-onepage-index .top-opc li {padding:0 10px; height:2em; width:42%; float:left;}
.checkout-onepage-index .top-opc li h2 {font-size:12px;}
.checkout-onepage-index .opc {width:100%;}
.checkout-onepage-index .page-title {margin:0;}
#checkout-step-login .block {width:100%; margin:0 !important; float:left;}
#checkout-progress-wrapper { display:none;}
.header-container .flex { display: flex; }
}
@media only screen and (max-width:767px) {
.search-top-container .search-form {
width:100%;
}
}
@media only screen and (max-width:1200px) and (min-width:960px) {
.cms-index-index .col1-layout .col-main {width:100%; margin:0;}
}
.cms-home .clerk-slider {display:none;}
.catalog-product-view .clerk-slider.complementary {display:none;}
/**
HTML Inline styles =================================================================================
*/
/*---------------------------------------------------
LESS Elements 0.9
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
/*-------------------------------------*/
/*FOOTER SITE AWARDS GEDEELTE OVERRULEN*/
/*-------------------------------------*/
.info-footer-4 .col-r p:nth-of-type(2) {
font-weight: 700;
/*text-decoration: underline;*/
}
.info-footer-4 .col-r ul.design-awards {
display: flex;
flex-wrap: wrap;
padding: 10px 0 15px 0;
}
.info-footer-4 .col-r ul.design-awards * {
box-sizing: border-box;
}
.info-footer-4 .col-r ul.design-awards li {
width: 18%;
float: none;
display: flex;
align-items: center;
padding: 5px;
border: 1px dashed #e0e0e0;
margin: 1%;
}
.info-footer-4 .col-r ul.design-awards li img {
width: 100%;
}
/*-----------------------------*/
/* AWARD PAGE */
/*-----------------------------*/
#bgh-custom.award-page {
/*overflow: hidden;*/
/* .product{.transition(.4s);}
&.award-hover{
.product{.opacity(.1);}
.product.active{.opacity(1);}
}*/
}
#bgh-custom.award-page .category.reddot:before {
background: url("/bgh-custom/img/awards/reddot-logo.png") center center / contain no-repeat;
}
#bgh-custom.award-page .category.german:before {
background: url("/bgh-custom/img/awards/german-design-logo.png") center center / contain no-repeat;
}
#bgh-custom.award-page .category.if:before {
background: url("/bgh-custom/img/awards/if-logo.png") center center / contain no-repeat;
}
#bgh-custom.award-page .category.good:before {
background: url("/bgh-custom/img/awards/good-design-logo.png") center center / contain no-repeat;
}
#bgh-custom.award-page .category.henry:before {
background: url("/bgh-custom/img/awards/henry-van-de-velde-logo.png") center center / contain no-repeat;
}
#bgh-custom.award-page .awards-header {
background: rgba(255, 255, 255, 0.8);
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
z-index: 9001;
position: -webkit-sticky;
position: sticky;
top: 0;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
#bgh-custom.award-page .awards-header .nav {
padding: 10px 20px;
}
#bgh-custom.award-page .awards-items-content {
padding: 30px;
}
#bgh-custom.award-page .awards-items-content .timeline {
position: relative;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
}
#bgh-custom.award-page .awards-items-content .timeline:before {
content: '';
position: absolute;
width: 1px;
height: 100%;
left: 14px;
top: 0;
background: #000000;
z-index: -1;
}
#bgh-custom.award-page .awards-items-content .timeline .jaar {
position: sticky;
z-index: 9001;
top: 20px;
height: 70px;
width: 70px;
margin-left: -20px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 100;
font-size: 24px;
}
#bgh-custom.award-page .awards-items-content .timeline .jaar:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
background: #ffffff;
border: 1px solid #000000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#bgh-custom.award-page .awards-items-content .timeline .jaar:before {
content: "";
position: absolute;
left: -1px;
right: -1px;
top: -1px;
bottom: -1px;
z-index: -1;
background: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item {
position: relative;
padding-top: 30px;
padding-left: 60px;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:before {
content: '';
position: absolute;
width: 40px;
height: 1px;
left: 15px;
top: 40px;
background: #000000;
z-index: -1;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:after {
content: '';
position: absolute;
width: 10px;
height: 10px;
left: 10px;
top: 40px;
background: #000000;
z-index: -1;
margin-top: -5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item .product {
display: flex;
flex-wrap: wrap;
position: relative;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item .product h4 {
margin-bottom: 10px;
width: 100%;
line-height: 1.1;
text-decoration: underline;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item .product a {
line-height: 0;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item .product a:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item.disabled .product h4 {
text-decoration: none;
}
#bgh-custom.award-page .awards-content {
padding: 30px 0;
background: #f7f7f7;
display: flex;
flex-wrap: wrap;
flex-grow: 1;
}
#bgh-custom.award-page .awards-content h2 {
width: 100%;
padding: 0 20px;
}
#bgh-custom.award-page .awards-content .award-type {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
padding: 0 20px;
height: 100%;
flex-direction: column;
}
#bgh-custom.award-page .awards-content .img-wrapper {
background: black;
line-height: 0;
margin-bottom: 10px;
}
#bgh-custom.award-page .awards-content .img-wrapper img {
opacity: .97;
height: 100px;
}
#bgh-custom.award-page .awards-content p {
text-align: justify;
}
#bgh-custom.award-page .awards-content .smallFont {
color: #7f7f7f;
}
@media only screen and (min-width: 640px) {
#bgh-custom.award-page .awards-header .nav .sections a {
font-size: 14px;
}
#bgh-custom.award-page .awards-header .nav .categories .category:before {
width: 50px;
height: 50px;
}
#bgh-custom.award-page .awards-items-content .timeline {
align-items: center;
}
#bgh-custom.award-page .awards-items-content .timeline:before {
left: 50%;
}
#bgh-custom.award-page .awards-items-content .timeline .jaar {
height: 100px;
width: 100px;
font-size: 30px;
margin: 0;
top: 100px;
z-index: 2;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item {
width: 50%;
padding-left: 0;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:hover {
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-o-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
#bgh-custom.award-page .awards-items-content .timeline .award-item.disabled:hover {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:before {
width: 35px;
top: 40px;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:after {
top: 40px;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:nth-child(2n) {
align-self: flex-start;
padding-right: 40px;
text-align: right;
transform-origin: right top;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:nth-child(2n):before {
right: 0;
left: inherit;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:nth-child(2n):after {
right: -5px;
left: inherit;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:nth-child(2n) .product {
justify-content: flex-end;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:nth-child(2n-1) {
align-self: flex-end;
padding-left: 40px;
text-align: left;
transform-origin: left top;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:nth-child(2n-1):before {
left: 0;
right: inherit;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:nth-child(2n-1):after {
left: -5px;
right: inherit;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:nth-child(2n-1) .product {
justify-content: flex-start;
}
#bgh-custom.award-page .awards-content {
padding: 60px 0;
}
#bgh-custom.award-page .awards-content h2 {
padding: 0 45px;
}
#bgh-custom.award-page .awards-content .award-type {
width: 50%;
padding: 45px;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.award-page .awards-content .award-type {
width: 33.333%;
}
}
@media only screen and (min-width: 1366px) {
#bgh-custom.award-page .awards-items-content .timeline .jaar {
height: 150px;
width: 150px;
font-size: 40px;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:before {
width: 95px;
top: 47px;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:after {
top: 47px;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:nth-child(2n) {
align-self: flex-start;
padding-right: 100px;
text-align: right;
}
#bgh-custom.award-page .awards-items-content .timeline .award-item:nth-child(2n-1) {
align-self: flex-end;
padding-left: 100px;
text-align: left;
}
#bgh-custom.award-page .awards-content {
padding: 100px 0;
}
#bgh-custom.award-page .awards-content h2 {
padding: 0 60px;
}
#bgh-custom.award-page .awards-content .award-type {
width: 25%;
padding: 60px;
}
}
@media only screen and (min-width: 1600px) {
#bgh-custom.award-page .awards-content .award-type {
width: 20%;
}
}
/*-----------------------------*/
/* INIT */
/*-----------------------------*/
/*-----------------------------*/
/* RESET */
/*-----------------------------*/
body {
padding: 0;
margin: 0;
}
#bgh-custom *,
#bgh-custom *:before,
#bgh-custom *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#bgh-custom a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bgh-custom ol,
#bgh-custom ul,
#bgh-custom li,
#bgh-custom h1,
#bgh-custom h2,
#bgh-custom h3,
#bgh-custom h4,
#bgh-custom h5,
#bgh-custom p {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
text-transform: initial;
}
#bgh-custom img {
width: auto;
max-width: 100%;
height: auto;
border: 0;
outline: 0;
}
/*-----------------------------*/
/* GENERAL */
/*-----------------------------*/
.no-scroll {
overflow: hidden;
}
html.no-scroll body {
overflow: hidden;
}
#bgh-custom {
font-family: 'Roboto', sans-serif;
font-size: 11px;
color: #000000;
font-weight: 400;
}
#bgh-custom p {
margin: 1em 0;
line-height: 1.2;
font-family: 'Roboto', sans-serif;
font-size: 11px;
color: #000000;
font-weight: 400;
}
#bgh-custom h1,
#bgh-custom h2,
#bgh-custom h3,
#bgh-custom h4,
#bgh-custom h5 {
margin: 0 0 1em 0;
line-height: 1;
font-weight: 900;
color: #000000;
}
#bgh-custom h1 {
font-size: 30px;
}
#bgh-custom h2 {
font-size: 26px;
}
#bgh-custom h3 {
font-size: 22px;
}
#bgh-custom h4 {
font-size: 18px;
}
#bgh-custom h5 {
font-size: 14px;
}
#bgh-custom b {
font-weight: 900;
}
#bgh-custom .smallFont {
font-size: 10px;
}
#bgh-custom .secondary {
font-weight: 100;
}
#bgh-custom a {
color: #000000;
text-decoration: none;
}
#bgh-custom a:hover {
text-decoration: underline;
}
#bgh-custom a.button {
background: transparent;
border: 1px solid rgba(0, 0, 0, 0.5);
display: inline-block;
padding: 10px;
cursor: pointer;
text-decoration: none;
text-align: center;
}
#bgh-custom a.button:hover {
border-color: #000000;
background: rgba(255, 255, 255, 0.5);
}
#bgh-custom a.button:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
#bgh-custom a.button.disabled {
cursor: default;
pointer-events: none;
}
#bgh-custom a.button.button-click-zone:before {
display: none;
}
#bgh-custom .dark h1,
#bgh-custom .dark h2,
#bgh-custom .dark h3,
#bgh-custom .dark h4,
#bgh-custom .dark h5,
#bgh-custom .dark p,
#bgh-custom .dark a,
#bgh-custom .dark ul,
#bgh-custom .dark li {
color: #ffffff;
}
#bgh-custom .dark a.button {
color: #ffffff;
border-color: rgba(255, 255, 255, 0.5);
}
#bgh-custom .dark a.button:hover {
border-color: #ffffff;
background: rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 1023px) {
#bgh-custom .dark-mobile h1,
#bgh-custom .dark-mobile h2,
#bgh-custom .dark-mobile h3,
#bgh-custom .dark-mobile h4,
#bgh-custom .dark-mobile h5,
#bgh-custom .dark-mobile p,
#bgh-custom .dark-mobile a,
#bgh-custom .dark-mobile ul,
#bgh-custom .dark-mobile li {
color: #ffffff;
}
#bgh-custom .dark-mobile a.button {
color: #ffffff;
border-color: rgba(255, 255, 255, 0.5);
}
#bgh-custom .dark-mobile a.button:hover {
border-color: #ffffff;
background: rgba(0, 0, 0, 0.5);
}
}
#bgh-custom .facts h4 {
text-align: center;
}
#bgh-custom .facts ul {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: left;
}
#bgh-custom .facts ul li {
width: 50%;
padding: 5px 10px;
list-style: none;
display: flex;
flex-direction: column;
text-align: center;
flex-wrap: wrap;
}
#bgh-custom .facts ul li:before {
content: '';
background: url("../img/facts-icon.png") center bottom / cover no-repeat;
width: 20px;
height: 20px;
display: block;
margin: 0 auto;
}
#bgh-custom .dark .facts ul li:before {
background: url("../img/facts-icon-invert.png") center bottom / cover no-repeat;
}
@media only screen and (max-width: 1023px) {
#bgh-custom .dark-mobile .facts ul li:before {
background: url("../img/facts-icon-invert.png") center bottom / cover no-repeat;
}
}
@media only screen and (min-width: 768px) {
#bgh-custom {
font-size: 14px;
}
#bgh-custom h1 {
font-size: 50px;
}
#bgh-custom h2 {
font-size: 40px;
}
#bgh-custom h3 {
font-size: 30px;
}
#bgh-custom h4 {
font-size: 20px;
}
#bgh-custom h5 {
font-size: 16px;
}
#bgh-custom p {
font-size: 14px;
}
#bgh-custom .smallFont {
font-size: 11px;
}
#bgh-custom .bigFont {
font-size: 16px;
}
}
@media only screen and (min-width: 1366px) {
#bgh-custom {
font-size: 16px;
}
#bgh-custom h1 {
font-size: 60px;
}
#bgh-custom h2 {
font-size: 50px;
}
#bgh-custom h3 {
font-size: 40px;
}
#bgh-custom h4 {
font-size: 30px;
}
#bgh-custom h5 {
font-size: 20px;
}
#bgh-custom p {
font-size: 16px;
}
#bgh-custom .smallFont {
font-size: 13px;
}
#bgh-custom .bigFont {
font-size: 18px;
}
}
/*-----------------------------*/
/* COMMON */
/*-----------------------------*/
#bgh-custom #pinterest-imgs {
display: none;
}
#bgh-custom .container {
width: 100%;
max-width: 1320px;
margin: 0 auto;
text-align: center;
padding: 0 20px;
}
#bgh-custom .container-small {
max-width: 800px;
margin: 0 auto;
text-align: center;
padding: 0 20px;
}
#bgh-custom .category {
display: flex;
align-items: center;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter: alpha(opacity=70);
}
#bgh-custom .category:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
text-decoration: none;
}
#bgh-custom .category:before {
content: '';
width: 34px;
height: 34px;
display: inline-block;
}
#bgh-custom .category.potten-pannen:before {
background: url("../img/potten-pannen-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.keukenmessen:before {
background: url("../img/keukenmessen-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.keukenaccessoires:before {
background: url("../img/keukenaccessoires-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.servies:before {
background: url("../img/servies-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.ovengerei:before {
background: url("../img/ovengerei-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.bestek:before {
background: url("../img/bestek-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.glaswerk:before {
background: url("../img/glaswerk-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.barbecue:before {
background: url("../img/barbecue-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.koffie-thee:before {
background: url("../img/koffie-thee-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.alle:before {
background: url("../img/alle-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category {
color: #ffffff;
}
#bgh-custom .dark .category.potten-pannen:before {
background: url("../img/potten-pannen-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.keukenmessen:before {
background: url("../img/keukenmessen-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.keukenaccessoires:before {
background: url("../img/keukenaccessoires-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.servies:before {
background: url("../img/servies-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.ovengerei:before {
background: url("../img/ovengerei-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.bestek:before {
background: url("../img/bestek-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.glaswerk:before {
background: url("../img/glaswerk-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.barbecue:before {
background: url("../img/barbecue-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.koffie-thee:before {
background: url("../img/koffie-thee-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.alle:before {
background: url("../img/alle-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.big:before {
width: 120px;
height: 120px;
}
#bgh-custom .category.big.potten-pannen:before {
background: url("../img/potten-pannen-big-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.big.keukenmessen:before {
background: url("../img/keukenmessen-big-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.big.keukenaccessoires:before {
background: url("../img/keukenaccessoires-big-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.big.servies:before {
background: url("../img/servies-big-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.big.ovengerei:before {
background: url("../img/ovengerei-big-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.big.bestek:before {
background: url("../img/bestek-big-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.big.glaswerk:before {
background: url("../img/glaswerk-big-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.big.barbecue:before {
background: url("../img/barbecue-big-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.big.koffie-thee:before {
background: url("../img/koffie-thee-big-icon.png") center center / contain no-repeat;
}
#bgh-custom .category.big.alle:before {
background: url("../img/alle-big-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.big.potten-pannen:before {
background: url("../img/potten-pannen-big-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.big.keukenmessen:before {
background: url("../img/keukenmessen-big-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.big.keukenaccessoires:before {
background: url("../img/keukenaccessoires-big-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.big.servies:before {
background: url("../img/servies-big-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.big.ovengerei:before {
background: url("../img/ovengerei-big-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.big.bestek:before {
background: url("../img/bestek-big-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.big.glaswerk:before {
background: url("../img/glaswerk-big-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.big.barbecue:before {
background: url("../img/barbecue-big-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.big.koffie-thee:before {
background: url("../img/koffie-thee-big-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .dark .category.big.alle:before {
background: url("../img/alle-big-invert-icon.png") center center / contain no-repeat;
}
#bgh-custom .collection-logo {
position: relative;
}
#bgh-custom .collection-logo h3 {
width: 100px;
height: 100px;
font-size: 0;
background: #afaca7;
background-position: center center;
background-size: contain;
position: relative;
}
#bgh-custom .collection-logo h3 a {
display: block;
width: 100%;
height: 100%;
}
#bgh-custom .leo .collection-logo h3 {
background-image: url("../img/leo-logo.png");
}
#bgh-custom .gem .collection-logo h3 {
background-image: url("../img/gem-logo.png");
background-color: #282425;
}
#bgh-custom .ron .collection-logo h3 {
background-image: url("../img/ron-logo.png");
}
#bgh-custom .outdoor .collection-logo h3 {
background-image: url("../img/outdoor-logo.png");
}
#bgh-custom .essentials .collection-logo h3 {
background-image: url("../img/essentials-logo.png");
}
#bgh-custom .kids .collection-logo h3 {
background-image: url("../img/kids-logo.png");
position: relative;
z-index: 1;
}
#bgh-custom .kids .collection-logo .collection-sidekick {
position: absolute;
z-index: 0;
width: 70px;
height: 70px;
display: block;
left: -70px;
top: 20px;
background: url("../img/kids-sidekick.png") center center / contain no-repeat;
}
#bgh-custom .collection-logo h3:before {
content: '';
position: absolute;
bottom: 0;
height: 7.5%;
left: 0;
right: 0;
background: #afaca7;
}
#bgh-custom .leo .collection-logo h3:before {
background: #507388;
}
#bgh-custom .gem .collection-logo h3:before {
background: #282425;
}
#bgh-custom .ron .collection-logo h3:before {
background: #c2c6a0;
}
#bgh-custom .outdoor .collection-logo h3:before {
background: #587d70;
}
#bgh-custom .essentials .collection-logo h3:before {
background: #a6b7ad;
}
#bgh-custom .kids .collection-logo h3:before {
background: #f1841a;
}
#bgh-custom .nav {
padding: 10px 20px 10px 120px;
display: flex;
justify-content: flex-end;
align-items: center;
}
#bgh-custom .nav .sections {
display: none;
}
#bgh-custom .nav .sections a {
font-size: 11px;
padding-left: 20px;
text-transform: uppercase;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter: alpha(opacity=70);
text-decoration: none;
}
#bgh-custom .nav .sections a:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
#bgh-custom .nav .sections a:first-child {
padding-left: 0;
}
#bgh-custom .nav .categories {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
#bgh-custom .nav .categories .category {
font-size: 0;
margin-left: 5px;
}
#bgh-custom .nav .categories .category:first-child {
margin-left: 0;
}
@media only screen and (min-width: 640px) {
#bgh-custom .collection-logo h3 {
width: 120px;
height: 120px;
}
#bgh-custom .kids .collection-logo .collection-sidekick {
width: 80px;
height: 80px;
left: 78px;
}
#bgh-custom .nav .categories .category {
font-size: 11px;
flex-direction: column;
margin-left: 15px;
}
}
@media only screen and (min-width: 768px) {
#bgh-custom .container {
padding: 0 45px;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom .collection-logo h3 {
width: 150px;
height: 150px;
}
#bgh-custom .kids .collection-logo .collection-sidekick {
width: 100px;
height: 100px;
left: 98px;
}
#bgh-custom .nav {
padding: 10px 45px 10px 170px;
}
#bgh-custom .nav .sections {
display: flex;
flex-grow: 1;
}
}
@media only screen and (min-width: 1366px) {
#bgh-custom .container {
padding: 0 60px;
}
#bgh-custom .collection-logo h3 {
width: 196px;
height: 196px;
}
#bgh-custom .kids .collection-logo .collection-sidekick {
left: 144px;
top: 50px;
}
#bgh-custom .nav {
padding: 10px 60px 10px 216px;
}
#bgh-custom .nav .sections a {
font-size: 14px;
padding-left: 30px;
}
}
/*-----------------------------*/
/* MIXIN */
/*-----------------------------*/
/*-----------------------------*/
/* COLLECTIONS */
/*-----------------------------*/
#bgh-custom .collection {
position: relative;
}
#bgh-custom .collection:after {
content: '';
padding-top: 100%;
display: block;
}
#bgh-custom .collection .container {
display: flex;
position: absolute;
}
#bgh-custom .collection .wrapper {
display: flex;
}
#bgh-custom .collection .title-categories {
padding-right: 20px;
}
#bgh-custom .collection .title-categories .categories {
display: none;
}
#bgh-custom .collection .description {
padding: 20px 0;
/*VOOR IE10*/
width: 100%;
}
#bgh-custom .collection .description h2 {
font-size: 5vw;
}
#bgh-custom .collection.leo {
background: #e8e7e4 url("../img/leo-bground-mobile.jpg") center center / cover no-repeat;
}
#bgh-custom .collection.gem {
background: #3b3b3b url("../img/gem-bground-mobile.jpg") center center / cover no-repeat;
}
#bgh-custom .collection.ron {
background: #d4d6ca url("../img/ron-bground-mobile.jpg") center center / cover no-repeat;
}
#bgh-custom .collection.outdoor {
background: #698d8a url("../img/outdoor-bground-mobile.jpg") center center / cover no-repeat;
}
#bgh-custom .collection.essentials {
background: #e0dcd3 url("../img/essentials-bground-mobile.jpg") center center / cover no-repeat;
}
#bgh-custom .collection.kids {
background: #d4d6ca url("../img/kids-bground-mobile.jpg") center center / cover no-repeat;
}
@media only screen and (min-width: 640px) {
#bgh-custom .collection:after {
display: none;
}
#bgh-custom .collection .container {
position: static;
}
#bgh-custom .collection .wrapper {
text-align: left;
width: 50%;
min-height: 30vh;
flex-direction: column;
}
#bgh-custom .collection .description h2 {
font-size: 25px;
}
#bgh-custom .collection.leo {
background-image: url("../img/leo-bground.jpg");
}
#bgh-custom .collection.gem {
background-image: url("../img/gem-bground.jpg");
}
#bgh-custom .collection.gem .container {
justify-content: flex-end;
}
#bgh-custom .collection.ron {
background-image: url("../img/ron-bground.jpg");
}
#bgh-custom .collection.outdoor {
background-image: url("../img/outdoor-bground.jpg");
}
#bgh-custom .collection.outdoor .container {
justify-content: flex-end;
}
#bgh-custom .collection.essentials {
background-image: url("../img/essentials-bground.jpg");
}
#bgh-custom .collection.kids {
background-image: url("../img/kids-bground.jpg");
}
#bgh-custom .collection.kids .container {
justify-content: flex-end;
}
}
@media only screen and (min-width: 768px) {
#bgh-custom .collection .title-categories {
padding-right: 45px;
}
#bgh-custom .collection .description {
padding: 45px 0;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom .collection .wrapper {
width: 50%;
flex-direction: row;
min-height: 40vh;
}
#bgh-custom .collection .title-categories .categories {
display: block;
padding: 20px 0;
}
#bgh-custom .collection .title-categories .categories .categorie {
font-size: 14px;
}
#bgh-custom .collection .title-categories .categories .categorie:before {
margin-right: 10px;
}
#bgh-custom .collection .description {
align-self: center;
}
#bgh-custom .collection .description a.button {
font-size: 20px;
min-width: 90%;
}
#bgh-custom .collection .description a.button:before {
display: none;
}
}
@media only screen and (min-width: 1366px) {
#bgh-custom .collection {
/*.wrapper{min-height: 65vh;}*/
}
#bgh-custom .collection .title-categories {
padding: 0 60px 0 0;
}
#bgh-custom .collection .title-categories .collection-logo {
width: 196px;
height: 196px;
}
#bgh-custom .collection .title-categories .categories .category {
font-size: 16px;
}
#bgh-custom .collection .title-categories .categories .category:before {
margin-right: 15px;
}
#bgh-custom .collection .description {
padding: 60px 0;
}
#bgh-custom .collection .description h2 {
font-size: 35.71428571px;
}
}
/*-----------------------------*/
/* HOME SPECIFIC */
/*-----------------------------*/
#bgh-custom.home-page {
padding-top: 60px;
}
#bgh-custom.home-page .collections h1 {
margin: 0;
padding: 20px;
text-align: center;
}
@media only screen and (min-width: 768px) {
#bgh-custom.home-page .collections h1 {
padding: 45px;
}
#bgh-custom.home-page .collections .collection .wrapper {
min-height: 30vh;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.home-page .collections .collection .wrapper {
min-height: 50vh;
}
#bgh-custom .collection .title-categories .categories .category:before {
margin-right: 10px;
}
}
@media only screen and (min-width: 1366px) {
#bgh-custom.home-page .collections h1 {
padding: 60px;
}
#bgh-custom.home-page .collections .collection .wrapper {
min-height: 65vh;
}
}
/*-----------------------------*/
/* HOME VIDEO */
/*-----------------------------*/
#bgh-custom.home-page .video .responsive-video {
display: block;
position: relative;
padding-bottom: 52.75%;
height: 0;
overflow: hidden;
max-width: 100%;
}
#bgh-custom.home-page .video .responsive-video iframe,
#bgh-custom.home-page .video .responsive-video object,
#bgh-custom.home-page .video .responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*-----------------------------*/
/* COLLECTION PAGES */
/*-----------------------------*/
#bgh-custom.collection-page {
/*scrollbar fix*/
}
#bgh-custom.collection-page .intro-collection-title {
height: 12vw;
max-height: 131px;
margin: 0 auto;
margin-bottom: 2vw;
font-size: 0;
}
#bgh-custom.collection-page .collection-header {
background: rgba(255, 255, 255, 0.8);
border-bottom: 1px solid rgba(0, 0, 0, 0.03);
z-index: 9001;
position: -webkit-sticky;
position: sticky;
top: 0;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
/* .nav{
padding: 10px @smallSpacing-mobile 10px 120px; display: flex; justify-content: flex-end; align-items: center;
.sections{
display: none;
a{
font-size: @baseFontSize-mobile; padding-left: 20px; text-transform: uppercase; .opacity(.7); text-decoration: none;
&:hover{ .opacity(1); }
&:first-child{ padding-left: 0; }
}
}
.categories{
display: flex;flex-wrap: wrap; justify-content: flex-end;
.category{
font-size: 0; margin-left:5px;
&:first-child{ margin-left: 0; }
}
}
}*/
}
#bgh-custom.collection-page .collection-header .collection-logo {
position: absolute;
z-index: 1;
cursor: pointer;
}
#bgh-custom.collection-page .dark .collection-header {
background: rgba(0, 0, 0, 0.8);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#bgh-custom.collection-page .collection-content {
overflow: hidden;
}
#bgh-custom.collection-page .collection-blocks {
width: 100vw;
}
#bgh-custom.collection-page .intro h2 {
font-size: 5vw;
font-weight: 300;
margin: 0;
}
#bgh-custom.collection-page .collection-block {
position: relative;
z-index: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
height: 100vw;
}
#bgh-custom.collection-page .collection-block:after {
content: '';
height: 1px;
width: 100%;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.1);
}
#bgh-custom.collection-page .collection-block.low {
height: 100vw;
}
#bgh-custom.collection-page .collection-block.med {
height: 100vw;
}
#bgh-custom.collection-page .collection-block.high {
height: 100vw;
}
#bgh-custom.collection-page .collection-block.ultrahigh {
height: 150vw;
}
#bgh-custom.collection-page .collection-block .container {
display: flex;
}
#bgh-custom.collection-page .collection-block .description {
width: 100%;
}
#bgh-custom.collection-page .collection-block.text-top-mobile .container {
align-self: flex-start;
}
#bgh-custom.collection-page .collection-block.text-middle-mobile .container {
align-self: center;
}
#bgh-custom.collection-page .collection-block.text-bottom-mobile .container {
align-self: flex-end;
}
#bgh-custom.collection-page .collection-block.content-right-mobile .container {
justify-content: flex-end;
}
#bgh-custom.collection-page .collection-block.content-right-mobile .container .description {
width: 50%;
text-align: left;
padding: 30px 0;
}
#bgh-custom.collection-page .collection-block.content-left-mobile .container {
justify-content: flex-start;
}
#bgh-custom.collection-page .collection-block.content-left-mobile .container .description {
width: 50%;
text-align: right;
padding: 30px 0;
}
#bgh-custom.collection-page .collection-block.content-center-mobile .container .description {
padding: 30px 0;
}
#bgh-custom.collection-page .collection-footer {
padding: 20px 0;
}
#bgh-custom.collection-page .collection-footer .categories {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
#bgh-custom.collection-page .collection-footer .categories .category {
flex-direction: column;
padding: 20px;
}
@media only screen and (min-width: 480px) {
#bgh-custom.collection-page .intro h2 {
font-size: 20px;
}
#bgh-custom.collection-page .collection-block.low {
height: 70vw;
}
#bgh-custom.collection-page .collection-block.med {
height: 70vw;
}
#bgh-custom.collection-page .collection-block.high {
height: 85vw;
}
#bgh-custom.collection-page .collection-block.ultrahigh {
height: 100vw;
}
#bgh-custom.collection-page .facts ul li:before {
width: 30px;
height: 30px;
}
}
@media only screen and (min-width: 640px) {
#bgh-custom.collection-page .collection-header {
/* .nav{
.categories{
.category{ font-size: @baseFontSize-mobile; flex-direction: column; margin-left:15px; }
}
}*/
}
#bgh-custom.collection-page .facts ul li:before {
width: 40px;
height: 40px;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .collection-block.text-top .container {
align-self: flex-start;
}
#bgh-custom.collection-page .collection-block.text-middle .container {
align-self: center;
}
#bgh-custom.collection-page .collection-block.text-bottom .container {
align-self: flex-end;
}
#bgh-custom.collection-page .collection-block.text-offset-6 {
padding-top: 6%;
}
#bgh-custom.collection-page .collection-block.text-offset-12 {
padding-top: 12%;
}
#bgh-custom.collection-page .collection-block.content-right .container {
justify-content: flex-end;
}
#bgh-custom.collection-page .collection-block.content-right .container .description {
width: 50%;
text-align: left;
padding: 60px 0 60px 60px;
}
#bgh-custom.collection-page .collection-block.content-left .container {
justify-content: flex-start;
}
#bgh-custom.collection-page .collection-block.content-left .container .description {
width: 50%;
text-align: right;
padding: 60px 60px 60px 0;
}
#bgh-custom.collection-page .collection-block.content-center .container .description {
padding: 60px 0;
}
#bgh-custom.collection-page .collection-footer {
padding: 45px 0;
}
#bgh-custom.collection-page .collection-footer .categories {
justify-content: center;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page {
/* .collection-header{
.nav{
padding: 10px @smallSpacing-tablet 10px 170px;
.sections{ display: flex; flex-grow: 1; }
}
}*/
}
#bgh-custom.collection-page .intro .container .description,
#bgh-custom.collection-page .collection-block.content-center .container .description {
max-width: 70%;
margin: 0 auto;
}
#bgh-custom.collection-page .collection-block.low {
height: 40vw;
}
#bgh-custom.collection-page .collection-block.med {
height: 45vw;
}
#bgh-custom.collection-page .collection-block.high {
height: 50vw;
}
#bgh-custom.collection-page .collection-block.ultrahigh {
height: 50vw;
}
}
@media only screen and (min-width: 1366px) {
#bgh-custom.collection-page .collection-header {
/* .nav{
padding: 10px @smallSpacing-desktop 10px 216px;
.sections{
a{ font-size: @baseFontSize-tablet; padding-left: 30px; }
}
}*/
}
#bgh-custom.collection-page .facts ul li {
width: 33.333%;
}
}
@media only screen and (min-width: 1600px) {
#bgh-custom.collection-page .intro h2 {
font-size: 30px;
}
#bgh-custom.collection-page .collection-block.content-right .container .description {
padding: 100px 0 100px 100px;
}
#bgh-custom.collection-page .collection-block.content-left .container .description {
padding: 100px 100px 100px 0;
}
#bgh-custom.collection-page .collection-block.content-center .container .description {
padding: 100px 0;
}
}
/*-----------------------------*/
/* LEO PAGE */
/*-----------------------------*/
#bgh-custom.collection-page .leo {
background: #ffffff;
}
#bgh-custom.collection-page .leo .intro-collection-title {
background: url("../img/leo-logo-big-invert.png") center top / contain no-repeat;
}
#bgh-custom.collection-page .leo .collection-block.img-1 {
background: url("../img/leo/intro-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .leo .collection-block.img-2 {
background: url("../img/leo/new-cooking-adventures-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .leo .collection-block.img-3 {
background: url("../img/leo/who-is-leo-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .leo .collection-block.img-4 {
background: url("../img/leo/cooking-with-leo-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .leo .collection-block.img-5 {
background: url("../img/leo/leo-cookware-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .leo .collection-block.img-6 {
background: url("../img/leo/leo-facts-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .leo .collection-block.img-6 {
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
}
#bgh-custom.collection-page .leo .collection-block.img-2:before {
background: top;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
display: block;
height: 70%;
top: inherit;
bottom: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .leo .collection-block.img-4:before {
background: top;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
display: block;
height: 70%;
top: inherit;
bottom: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .leo .collection-block.img-1 {
background: url("../img/leo/intro.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .leo .collection-block.img-2 {
background: url("../img/leo/new-cooking-adventures.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .leo .collection-block.img-3 {
background: url("../img/leo/who-is-leo.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .leo .collection-block.img-4 {
background: url("../img/leo/cooking-with-leo.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .leo .collection-block.img-5 {
background: url("../img/leo/leo-cookware.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .leo .collection-block.img-6 {
background: url("../img/leo/leo-facts.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .leo .collection-block.img-2:before {
background: right;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: inherit;
display: block;
width: 70%;
height: 100%;
top: 0;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .leo .collection-block.img-4:before {
background: right;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: inherit;
display: block;
width: 70%;
height: 100%;
top: 0;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
}
/*-----------------------------*/
/* GEM PAGE */
/*-----------------------------*/
#bgh-custom.collection-page .gem {
background: #000000;
}
#bgh-custom.collection-page .gem .intro {
text-align: center;
position: relative;
padding-top: 85vh;
overflow: hidden;
width: 100vw;
}
#bgh-custom.collection-page .gem .intro .intro-child {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
height: 100vw;
}
#bgh-custom.collection-page .gem .intro .intro-child.cover {
top: -30%;
z-index: 2;
background: url("../img/gem/gem-intro-cover.png") center center / cover no-repeat;
}
#bgh-custom.collection-page .gem .intro .intro-child.beeld {
top: -30%;
background: url("../img/gem/gem-intro.jpg") center center / cover no-repeat;
}
#bgh-custom.collection-page .gem .intro .intro-child.tekst {
top: 35%;
z-index: 3;
height: auto;
}
#bgh-custom.collection-page .gem .intro .intro-collection-title {
background: url("../img/gem-logo-big.png") center top / contain no-repeat;
}
#bgh-custom.collection-page .gem .collection-block.img-1 {
background: url("../img/gem/look-and-feel-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .gem .collection-block.img-2 {
background: url("../img/gem/whats-gem-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .gem .collection-block.img-3 {
background: url("../img/gem/cooking-with-gem-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .gem .collection-block.img-4 {
background: url("../img/gem/gem-cookware-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .gem .collection-block.img-5 {
background: url("../img/gem/gem-facts-mobile.jpg") center bottom / cover no-repeat;
}
@media only screen and (orientation: portrait) {
#bgh-custom.collection-page .gem .intro {
padding-top: 50vh;
}
#bgh-custom.collection-page .gem .intro .intro-child.cover {
top: 0%;
}
#bgh-custom.collection-page .gem .intro .intro-child.beeld {
top: 50%;
}
#bgh-custom.collection-page .gem .intro .intro-child.tekst {
top: 10%;
padding-top: 20px;
}
}
@media only screen and (orientation: portrait) and (min-width: 768px) {
#bgh-custom.collection-page .gem .intro {
padding-top: 50vh;
}
#bgh-custom.collection-page .gem .intro .intro-child.cover {
top: -5%;
}
#bgh-custom.collection-page .gem .intro .intro-child.beeld {
top: 30%;
}
#bgh-custom.collection-page .gem .intro .intro-child.tekst {
top: 30%;
padding-top: 45px;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .gem .collection-block.img-1 {
background: url("../img/gem/look-and-feel.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .gem .collection-block.img-2 {
background: url("../img/gem/whats-gem.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .gem .collection-block.img-3 {
background: url("../img/gem/cooking-with-gem.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .gem .collection-block.img-4 {
background: url("../img/gem/gem-cookware.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .gem .collection-block.img-5 {
background: url("../img/gem/gem-facts.jpg") center bottom / cover no-repeat;
}
}
/*-----------------------------*/
/* RON PAGE */
/*-----------------------------*/
#bgh-custom.collection-page .ron {
background: #000000;
}
#bgh-custom.collection-page .ron .intro-collection-title {
background: url("../img/ron-logo-big.png") center top / contain no-repeat;
}
#bgh-custom.collection-page .ron .collection-block.img-1 {
background: url("../img/ron/intro-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .ron .collection-block.img-2 {
background: url("../img/ron/pure-simplicity-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .ron .collection-block.img-3 {
background: url("../img/ron/who-is-ron-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .ron .collection-block.img-4 {
background: url("../img/ron/cooking-with-ron-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .ron .collection-block.img-5 {
background: url("../img/ron/ron-cookware-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .ron .collection-block.img-6 {
background: url("../img/ron/ron-facts-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .ron .collection-block.img-1 {
height: 100vw;
}
@media only screen and (min-width: 480px) {
#bgh-custom.collection-page .ron .collection-block.img-1 {
height: 70vw;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .ron .collection-block.img-1 {
height: 45vw;
}
}
#bgh-custom.collection-page .ron .collection-block.img-1 .container {
justify-content: center;
align-self: flex-end;
}
#bgh-custom.collection-page .ron .collection-block.img-1 .container .description {
width: 100%;
text-align: center;
padding: 30px 0;
}
#bgh-custom.collection-page .ron .collection-block.img-2 {
height: 100vw;
}
@media only screen and (min-width: 480px) {
#bgh-custom.collection-page .ron .collection-block.img-2 {
height: 70vw;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .ron .collection-block.img-2 {
height: 40vw;
}
}
#bgh-custom.collection-page .ron .collection-block.img-2 .container {
justify-content: center;
align-self: flex-start;
}
#bgh-custom.collection-page .ron .collection-block.img-2 .container .description {
width: 100%;
text-align: center;
padding: 30px 0;
}
#bgh-custom.collection-page .ron .collection-block.img-3 {
height: 100vw;
}
@media only screen and (min-width: 480px) {
#bgh-custom.collection-page .ron .collection-block.img-3 {
height: 70vw;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .ron .collection-block.img-3 {
height: 40vw;
}
}
#bgh-custom.collection-page .ron .collection-block.img-3 .container {
justify-content: center;
align-self: flex-end;
}
#bgh-custom.collection-page .ron .collection-block.img-3 .container .description {
width: 100%;
text-align: center;
padding: 30px 0;
}
#bgh-custom.collection-page .ron .collection-block.img-4 {
height: 100vw;
}
@media only screen and (min-width: 480px) {
#bgh-custom.collection-page .ron .collection-block.img-4 {
height: 70vw;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .ron .collection-block.img-4 {
height: 40vw;
}
}
#bgh-custom.collection-page .ron .collection-block.img-4 .container {
justify-content: center;
align-self: flex-start;
}
#bgh-custom.collection-page .ron .collection-block.img-4 .container .description {
width: 100%;
text-align: center;
padding: 30px 0;
}
#bgh-custom.collection-page .ron .collection-block.img-5 {
height: 100vw;
}
@media only screen and (min-width: 480px) {
#bgh-custom.collection-page .ron .collection-block.img-5 {
height: 85vw;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .ron .collection-block.img-5 {
height: 50vw;
}
}
#bgh-custom.collection-page .ron .collection-block.img-5 .container {
justify-content: center;
align-self: flex-end;
}
#bgh-custom.collection-page .ron .collection-block.img-5 .container .description {
width: 100%;
text-align: center;
padding: 30px 0;
}
#bgh-custom.collection-page .ron .collection-block.img-6 {
height: 100vw;
}
@media only screen and (min-width: 480px) {
#bgh-custom.collection-page .ron .collection-block.img-6 {
height: 70vw;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .ron .collection-block.img-6 {
height: 45vw;
}
}
#bgh-custom.collection-page .ron .collection-block.img-6 .container {
justify-content: center;
align-self: flex-start;
}
#bgh-custom.collection-page .ron .collection-block.img-6 .container .description {
width: 100%;
text-align: center;
padding: 30px 0;
}
#bgh-custom.collection-page .ron .collection-block.img-1:before {
background: top;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
display: block;
height: 70%;
top: inherit;
bottom: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .ron .collection-block.img-2:before {
background: bottom;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
display: block;
height: 70%;
top: 0;
bottom: inherit;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .ron .collection-block.img-3:before {
background: top;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
display: block;
height: 70%;
top: inherit;
bottom: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .ron .collection-block.img-4:before {
background: bottom;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
display: block;
height: 70%;
top: 0;
bottom: inherit;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .ron .collection-block.img-5:before {
background: top;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
display: block;
height: 70%;
top: inherit;
bottom: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .ron .collection-block.img-6 {
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .ron .collection-block.img-1 {
background: url("../img/ron/intro.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .ron .collection-block.img-2 {
background: url("../img/ron/pure-simplicity.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .ron .collection-block.img-3 {
background: url("../img/ron/who-is-ron.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .ron .collection-block.img-4 {
background: url("../img/ron/cooking-with-ron.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .ron .collection-block.img-5 {
background: url("../img/ron/ron-cookware.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .ron .collection-block.img-6 {
background: url("../img/ron/ron-facts.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .ron .collection-block.img-1 .container {
justify-content: center;
align-self: flex-end;
}
#bgh-custom.collection-page .ron .collection-block.img-1 .container .description {
width: 100%;
text-align: center;
padding: 60px 0;
}
#bgh-custom.collection-page .ron .collection-block.img-2 .container {
justify-content: flex-end;
align-self: center;
}
#bgh-custom.collection-page .ron .collection-block.img-2 .container .description {
width: 50%;
text-align: left;
padding: 60px 0 60px 60px;
}
#bgh-custom.collection-page .ron .collection-block.img-3 .container {
justify-content: flex-start;
align-self: center;
}
#bgh-custom.collection-page .ron .collection-block.img-3 .container .description {
width: 50%;
text-align: right;
padding: 60px 60px 60px 0;
}
#bgh-custom.collection-page .ron .collection-block.img-4 .container {
justify-content: flex-end;
align-self: center;
}
#bgh-custom.collection-page .ron .collection-block.img-4 .container .description {
width: 50%;
text-align: left;
padding: 60px 0 60px 60px;
}
#bgh-custom.collection-page .ron .collection-block.img-5 .container {
justify-content: center;
align-self: flex-end;
}
#bgh-custom.collection-page .ron .collection-block.img-5 .container .description {
width: 100%;
text-align: center;
padding: 60px 0;
}
#bgh-custom.collection-page .ron .collection-block.img-6 .container {
justify-content: flex-end;
align-self: center;
}
#bgh-custom.collection-page .ron .collection-block.img-6 .container .description {
width: 50%;
text-align: left;
padding: 60px 0 60px 60px;
}
#bgh-custom.collection-page .ron .collection-block.img-2:before {
background: left;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: inherit;
right: 0;
display: block;
width: 70%;
height: 100%;
top: 0;
background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .ron .collection-block.img-3:before {
background: right;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: inherit;
display: block;
width: 70%;
height: 100%;
top: 0;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .ron .collection-block.img-4:before {
background: left;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: inherit;
right: 0;
display: block;
width: 70%;
height: 100%;
top: 0;
background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
}
/*-----------------------------*/
/* OUTDOOR PAGE */
/*-----------------------------*/
#bgh-custom.collection-page .outdoor {
background: #ffffff;
}
#bgh-custom.collection-page .outdoor .intro-collection-title {
background: url("../img/outdoor-logo-big.png") center top / contain no-repeat;
}
#bgh-custom.collection-page .outdoor .collection-block.img-1 {
background: url("../img/outdoor/intro-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .outdoor .collection-block.img-2 {
background: url("../img/outdoor/the-perfect-gathering-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .outdoor .collection-block.img-3 {
background: url("../img/outdoor/what-is-the-outdoor-collection-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .outdoor .collection-block.img-4 {
background: url("../img/outdoor/outdoor-cooking-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .outdoor .collection-block.img-5 {
background: url("../img/outdoor/outdoor-products-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .outdoor .collection-block.img-6 {
background: url("../img/outdoor/outdoor-facts-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .outdoor .collection-block.img-2:before {
background: top;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 1));
background: -ms-linear-gradient(bottom, 70%, 1);
background: -moz-linear-gradient(center bottom, 70% 0%, 1 100%);
background: -o-linear-gradient(1, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='1', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
display: block;
height: 70%;
top: inherit;
bottom: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .outdoor .collection-block.img-3:before {
background: bottom;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.8));
background: -ms-linear-gradient(bottom, 70%, 0.8);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.8 100%);
background: -o-linear-gradient(0.8, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.8', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
display: block;
height: 70%;
top: 0;
bottom: inherit;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .outdoor .collection-block.img-4:before {
background: bottom;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.8));
background: -ms-linear-gradient(bottom, 70%, 0.8);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.8 100%);
background: -o-linear-gradient(0.8, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.8', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
display: block;
height: 70%;
top: 0;
bottom: inherit;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .outdoor .collection-block.img-1 {
background: url("../img/outdoor/intro.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .outdoor .collection-block.img-2 {
background: url("../img/outdoor/the-perfect-gathering.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .outdoor .collection-block.img-3 {
background: url("../img/outdoor/what-is-the-outdoor-collection.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .outdoor .collection-block.img-4 {
background: url("../img/outdoor/outdoor-cooking.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .outdoor .collection-block.img-5 {
background: url("../img/outdoor/outdoor-products.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .outdoor .collection-block.img-6 {
background: url("../img/outdoor/outdoor-facts.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .outdoor .collection-block.img-3:before {
background: left;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: inherit;
right: 0;
display: block;
width: 70%;
height: 100%;
top: 0;
background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .outdoor .collection-block.img-4:before {
background: right;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: inherit;
display: block;
width: 70%;
height: 100%;
top: 0;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
}
/*-----------------------------*/
/* ESSENTIALS PAGE */
/*-----------------------------*/
#bgh-custom.collection-page .essentials {
background: #ffffff;
}
#bgh-custom.collection-page .essentials .intro-collection-title {
background: url("../img/essentials-logo-big.png") center top / contain no-repeat;
}
#bgh-custom.collection-page .essentials .collection-block.img-1 {
background: url("../img/essentials/intro-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .essentials .collection-block.img-2 {
background: url("../img/essentials/a-trust-worthy-companion-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .essentials .collection-block.img-3 {
background: url("../img/essentials/what-is-the-essentials-collection-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .essentials .collection-block.img-4 {
background: url("../img/essentials/cooking-with-essentials-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .essentials .collection-block.img-5 {
background: url("../img/essentials/essentials-products-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .essentials .collection-block.img-6 {
background: url("../img/essentials/essentials-facts-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .essentials .collection-block.img-1:before {
background: top;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.8));
background: -ms-linear-gradient(bottom, 70%, 0.8);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.8 100%);
background: -o-linear-gradient(0.8, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.8', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
display: block;
height: 70%;
top: inherit;
bottom: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .essentials .collection-block.img-6:before {
background: bottom;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 60%), color-stop(1, 0.5));
background: -ms-linear-gradient(bottom, 60%, 0.5);
background: -moz-linear-gradient(center bottom, 60% 0%, 0.5 100%);
background: -o-linear-gradient(0.5, 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.5', endColorstr='60%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
display: block;
height: 60%;
top: 0;
bottom: inherit;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .essentials .collection-block.img-1 {
background: url("../img/essentials/intro.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .essentials .collection-block.img-2 {
background: url("../img/essentials/a-trust-worthy-companion.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .essentials .collection-block.img-3 {
background: url("../img/essentials/what-is-the-essentials-collection.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .essentials .collection-block.img-4 {
background: url("../img/essentials/cooking-with-essentials.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .essentials .collection-block.img-5 {
background: url("../img/essentials/essentials-products.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .essentials .collection-block.img-6 {
background: url("../img/essentials/essentials-facts.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .essentials .collection-block.img-6:before {
background: left;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.4));
background: -ms-linear-gradient(bottom, 70%, 0.4);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.4 100%);
background: -o-linear-gradient(0.4, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.4', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: inherit;
right: 0;
display: block;
width: 70%;
height: 100%;
top: 0;
background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}
}
/*-----------------------------*/
/* KIDS PAGE */
/*-----------------------------*/
#bgh-custom.collection-page .kids {
background: #ffffff;
}
#bgh-custom.collection-page .kids .intro-collection-title {
background: url("../img/kids-logo-big-invert.png") center top / contain no-repeat;
}
#bgh-custom.collection-page .kids .collection-block.img-1 {
background: url("../img/kids/intro-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .kids .collection-block.img-2 {
background: url("../img/kids/flatware-for-kids-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .kids .collection-block.img-3 {
background: url("../img/kids/monsterchefz-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .kids .collection-block.img-4 {
background: url("../img/kids/untitled-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .kids .collection-block.img-5 {
background: url("../img/kids/kids-facts-mobile.jpg") center bottom / cover no-repeat;
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .kids .collection-block.img-1 {
background: url("../img/kids/intro.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .kids .collection-block.img-2 {
background: url("../img/kids/flatware-for-kids.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .kids .collection-block.img-3 {
background: url("../img/kids/monsterchefz.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .kids .collection-block.img-4 {
background: url("../img/kids/untitled.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .kids .collection-block.img-5 {
background: url("../img/kids/kids-facts.jpg") center bottom / cover no-repeat;
}
}
/*-----------------------------*/
/* GEM AD */
/*-----------------------------*/
#bgh-custom.collection-page .gem-ad {
background: #000000;
}
#bgh-custom.collection-page .gem-ad .collection-header .nav {
padding: 10px 20px;
justify-content: space-between;
}
#bgh-custom.collection-page .gem-ad .collection-header .nav .sections {
display: flex;
}
#bgh-custom.collection-page .gem-ad .collection-block {
height: auto;
}
#bgh-custom.collection-page .gem-ad .collection-block h1 {
margin-bottom: 0;
}
#bgh-custom.collection-page .gem-ad .collection-block.block1 {
background: #2b2b2b url("/bgh-custom/img/gem-ad/win-gem-cookware-mobile.jpg") center bottom / contain no-repeat;
padding: 30px 0 50% 0;
}
#bgh-custom.collection-page .gem-ad .collection-block.block2 {
background: #000000;
padding: 30px 0;
}
#bgh-custom.collection-page .gem-ad .collection-block.block3 {
background: #2b2b2b url("/bgh-custom/img/gem-ad/gem-ad-specs-mobile.jpg") center center / contain no-repeat;
height: 70vw;
}
#bgh-custom.collection-page .gem-ad .collection-block.block3 .container {
justify-content: center;
align-self: flex-start;
}
#bgh-custom.collection-page .gem-ad .collection-block.block3 .container .description {
width: 100%;
text-align: center;
padding: 30px 0;
}
#bgh-custom.collection-page .gem-ad .collection-block ol {
padding-left: 15px;
}
#bgh-custom.collection-page .gem-ad .collection-block ol li {
margin-bottom: 5px;
}
#bgh-custom.collection-page .gem-ad .collection-block .smallFont {
color: rgba(255, 255, 255, 0.5);
}
#bgh-custom.collection-page .gem-ad .subscribe-container {
padding: 30px 0;
border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}
#bgh-custom.collection-page .gem-ad #mc_embed_signup #mc_embed_signup_scroll {
background: transparent;
text-align: left;
}
#bgh-custom.collection-page .gem-ad #mc_embed_signup #mc_embed_signup_scroll input.email {
border: 1px solid rgba(255, 255, 255, 0.5) !important;
width: 100% !important;
}
#bgh-custom.collection-page .gem-ad #mc_embed_signup #mc_embed_signup_scroll input#mc-embedded-subscribe.button {
border: 1px solid rgba(255, 255, 255, 0.5) !important;
width: 100% !important;
text-transform: uppercase;
font-size: 20px;
}
@media only screen and (min-width: 769px) {
#bgh-custom.collection-page .gem-ad #mc_embed_signup #mc_embed_signup_scroll input.email {
width: 350px !important;
}
#bgh-custom.collection-page .gem-ad #mc_embed_signup #mc_embed_signup_scroll input#mc-embedded-subscribe.button {
width: auto !important;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .gem-ad .collection-block.block1 {
background: url("/bgh-custom/img/gem-ad/win-gem-cookware.jpg") center center / cover no-repeat;
padding-bottom: 0;
height: 40vw;
padding: 0;
}
#bgh-custom.collection-page .gem-ad .collection-block.block1 .container {
justify-content: center;
align-self: flex-start;
}
#bgh-custom.collection-page .gem-ad .collection-block.block1 .container .description {
width: 100%;
text-align: center;
padding: 60px 0;
}
#bgh-custom.collection-page .gem-ad .collection-block.block3 {
background: #2b2b2b url("/bgh-custom/img/gem-ad/gem-ad-specs.jpg") center center / cover no-repeat;
height: 40vw;
}
#bgh-custom.collection-page .gem-ad .collection-block.block3 .container {
justify-content: flex-start;
align-self: center;
}
#bgh-custom.collection-page .gem-ad .collection-block.block3 .container .description {
width: 50%;
text-align: right;
padding: 60px 60px 60px 0;
}
}
/*-----------------------------*/
/* FOLLOW BLOCK */
/*-----------------------------*/
#bgh-custom .follow-block {
height: auto!important;
background: #000000;
}
#bgh-custom .follow-block .container {
justify-content: center;
align-self: center;
}
#bgh-custom .follow-block .container .description {
width: 100%;
text-align: center;
padding: 30px 0;
}
#bgh-custom .follow-block h4,
#bgh-custom .follow-block p {
color: #ffffff;
}
#bgh-custom .follow-block .follow-links {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#bgh-custom .follow-block .follow-links a {
width: 50px;
height: 50px;
display: block;
font-size: 0;
border: 1px solid transparent;
}
#bgh-custom .follow-block .follow-links a:hover {
border-color: rgba(255, 255, 255, 0.5);
}
#bgh-custom .follow-block .follow-links a.fb {
background: url("../img/fb-icon.png") center center / contain no-repeat;
}
#bgh-custom .follow-block .follow-links a.insta {
background: url("../img/insta-icon.png") center center / contain no-repeat;
}
#bgh-custom .follow-block .follow-links a.li {
background: url("../img/li-icon.png") center center / contain no-repeat;
}
#bgh-custom .follow-block .follow-links a.yt {
background: url("../img/yt-icon.png") center center / contain no-repeat;
}
#bgh-custom .follow-block .follow-links a.nb {
background: url("../img/nb-icon.png") center center / contain no-repeat;
}
@media only screen and (min-width: 1024px) {
#bgh-custom .follow-block .container {
justify-content: center;
align-self: center;
}
#bgh-custom .follow-block .container .description {
width: 100%;
text-align: center;
padding: 60px 0;
}
}
/*-----------------------------*/
/* BRAND PAGE */
/*-----------------------------*/
#bgh-custom.collection-page .brand {
background: #000000;
}
#bgh-custom.collection-page .brand .nav {
display: none;
}
#bgh-custom.collection-page .brand .intro-collection-title {
background: url("../img/berghoff-logo-big.png") center top / contain no-repeat;
}
#bgh-custom.collection-page .brand h2 {
font-size: 14px;
}
#bgh-custom.collection-page .brand h2 a {
pointer-events: none;
}
#bgh-custom.collection-page .brand .container.we-are {
position: absolute;
bottom: -20px;
left: 0;
right: 0;
}
#bgh-custom.collection-page .brand .container.we-are h2 {
font-size: 40px;
}
#bgh-custom.collection-page .brand .collection-block.img-1 {
background: url("../img/brand/1-mobile.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .brand .collection-block.img-2 {
background: url("../img/brand/2-mobile.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .brand .collection-block.img-3 {
background: url("../img/brand/3-mobile.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .brand .collection-block.img-4 {
background: url("../img/brand/5-mobile.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .brand .collection-block.img-1 {
height: 100vw;
}
@media only screen and (min-width: 480px) {
#bgh-custom.collection-page .brand .collection-block.img-1 {
height: 85vw;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .brand .collection-block.img-1 {
height: 50vw;
}
}
#bgh-custom.collection-page .brand .collection-block.img-1 .container {
justify-content: center;
align-self: center;
}
#bgh-custom.collection-page .brand .collection-block.img-1 .container .description {
width: 100%;
text-align: center;
padding: 30px 0;
}
#bgh-custom.collection-page .brand .collection-block.img-2 {
height: 100vw;
}
@media only screen and (min-width: 480px) {
#bgh-custom.collection-page .brand .collection-block.img-2 {
height: 70vw;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .brand .collection-block.img-2 {
height: 40vw;
}
}
#bgh-custom.collection-page .brand .collection-block.img-2 .container {
justify-content: flex-start;
align-self: center;
}
#bgh-custom.collection-page .brand .collection-block.img-2 .container .description {
width: 50%;
text-align: right;
padding: 30px 0;
}
#bgh-custom.collection-page .brand .collection-block.img-3 {
height: 100vw;
}
@media only screen and (min-width: 480px) {
#bgh-custom.collection-page .brand .collection-block.img-3 {
height: 70vw;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .brand .collection-block.img-3 {
height: 40vw;
}
}
#bgh-custom.collection-page .brand .collection-block.img-3 .container {
justify-content: center;
align-self: flex-end;
}
#bgh-custom.collection-page .brand .collection-block.img-3 .container .description {
width: 100%;
text-align: center;
padding: 30px 0;
}
#bgh-custom.collection-page .brand .collection-block.img-4 {
height: 100vw;
}
@media only screen and (min-width: 480px) {
#bgh-custom.collection-page .brand .collection-block.img-4 {
height: 85vw;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .brand .collection-block.img-4 {
height: 50vw;
}
}
#bgh-custom.collection-page .brand .collection-block.img-4 .container {
justify-content: center;
align-self: flex-start;
}
#bgh-custom.collection-page .brand .collection-block.img-4 .container .description {
width: 100%;
text-align: center;
padding: 30px 0;
}
#bgh-custom.collection-page .brand .collection-block.img-1:before {
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
display: block;
height: 100%;
top: 0;
bottom: inherit;
background: rgba(0, 0, 0, 0.7);
}
#bgh-custom.collection-page .brand .collection-block.img-2:before {
background: right;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: inherit;
display: block;
width: 70%;
height: 100%;
top: 0;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .brand .collection-block.img-3:before {
background: top;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 100%), color-stop(1, 0.85));
background: -ms-linear-gradient(bottom, 100%, 0.85);
background: -moz-linear-gradient(center bottom, 100% 0%, 0.85 100%);
background: -o-linear-gradient(0.85, 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.85', endColorstr='100%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
display: block;
height: 100%;
top: inherit;
bottom: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .brand .collection-block.img-4:before {
background: bottom;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 100%), color-stop(1, 0.85));
background: -ms-linear-gradient(bottom, 100%, 0.85);
background: -moz-linear-gradient(center bottom, 100% 0%, 0.85 100%);
background: -o-linear-gradient(0.85, 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.85', endColorstr='100%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
display: block;
height: 100%;
top: 0;
bottom: inherit;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .brand .collection-logo-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#bgh-custom.collection-page .brand .collection-logo-list > div {
background: transparent;
padding: 1px;
}
#bgh-custom.collection-page .brand .collection-logo-list .collection-logo h3 {
width: 50px;
height: 50px;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
#bgh-custom .collections-previews
#bgh-custom.collection-page .brand .collection-logo-list .collection-logo h3:hover {
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-o-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
@media only screen and (min-width: 768px) {
#bgh-custom.collection-page .brand h2 {
font-size: 22px;
}
#bgh-custom.collection-page .brand .container.we-are {
bottom: 40px;
}
#bgh-custom.collection-page .brand .container.we-are h2 {
font-size: 50px;
}
#bgh-custom.collection-page .brand .collection-logo-list > div {
padding: 5px;
}
#bgh-custom.collection-page .brand .collection-logo-list .collection-logo h3 {
width: 80px;
height: 80px;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .brand .nav {
display: block;
padding: 10px 20px;
}
#bgh-custom.collection-page .brand .collection-block.img-1 {
background: url("../img/brand/1.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .brand .collection-block.img-2 {
background: url("../img/brand/2.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .brand .collection-block.img-3 {
background: url("../img/brand/3.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .brand .collection-block.img-4 {
background: url("../img/brand/5.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .brand .collection-block.img-1 .container {
justify-content: center;
align-self: center;
}
#bgh-custom.collection-page .brand .collection-block.img-1 .container .description {
width: 100%;
text-align: center;
padding: 60px 0;
}
#bgh-custom.collection-page .brand .collection-block.img-2 .container {
justify-content: flex-start;
align-self: center;
}
#bgh-custom.collection-page .brand .collection-block.img-2 .container .description {
width: 50%;
text-align: right;
padding: 60px 60px 60px 0;
}
#bgh-custom.collection-page .brand .collection-block.img-3 .container {
justify-content: flex-start;
align-self: center;
}
#bgh-custom.collection-page .brand .collection-block.img-3 .container .description {
width: 50%;
text-align: right;
padding: 60px 60px 60px 0;
}
#bgh-custom.collection-page .brand .collection-block.img-4 .container {
justify-content: flex-end;
align-self: center;
}
#bgh-custom.collection-page .brand .collection-block.img-4 .container .description {
width: 50%;
text-align: left;
padding: 60px 0 60px 60px;
}
#bgh-custom.collection-page .brand .collection-block.img-1:before {
background: rgba(0, 0, 0, 0.5);
}
#bgh-custom.collection-page .brand .collection-block.img-2:before {
background: right;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: inherit;
display: block;
width: 70%;
height: 100%;
top: 0;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .brand .collection-block.img-3:before {
background: right;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: inherit;
display: block;
width: 70%;
height: 100%;
top: 0;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .brand .collection-block.img-4:before {
background: left;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 80%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 80%, 0.7);
background: -moz-linear-gradient(center bottom, 80% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='80%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: inherit;
right: 0;
display: block;
width: 80%;
height: 100%;
top: 0;
background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .brand .collection-logo-list {
justify-content: flex-start;
}
}
@media only screen and (min-width: 1366px) {
#bgh-custom.collection-page .brand .container.we-are {
bottom: 50px;
}
#bgh-custom.collection-page .brand .container.we-are h2 {
font-size: 70px;
}
}
@media only screen and (min-width: 1600px) {
#bgh-custom.collection-page .brand .container.we-are {
bottom: 100px;
}
#bgh-custom.collection-page .brand .container.we-are h2 {
font-size: 70px;
}
}
/*-----------------------------*/
/* CTA_FLAP */
/*-----------------------------*/
#custom-cta-tag {
position: fixed;
right: 5%;
bottom: 0;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
line-height: 1;
z-index: 90001;
}
#custom-cta-tag .cta-toggle {
background: #000000;
width: 24px;
height: 24px;
position: absolute;
right: 0;
top: -24px;
}
#custom-cta-tag .cta-toggle:before,
#custom-cta-tag .cta-toggle:after {
content: '';
width: 10px;
height: 1px;
background: #ffffff;
display: block;
top: 50%;
position: absolute;
left: 50%;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
#custom-cta-tag .cta-toggle:before {
transform: rotate(45deg);
margin-left: -8px;
}
#custom-cta-tag .cta-toggle:after {
transform: rotate(-45deg);
margin-left: -2px;
}
#custom-cta-tag.cta-hide {
transform: translateY(100%);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#custom-cta-tag.cta-hide .cta-toggle:before {
transform: rotate(-45deg);
margin-left: -8px;
}
#custom-cta-tag.cta-hide .cta-toggle:after {
transform: rotate(45deg);
margin-left: -2px;
}
#custom-cta-tag.cta-show {
transform: translateY(0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#custom-cta-tag.cta-show .cta-toggle:before {
transform: rotate(45deg);
margin-left: -8px;
}
#custom-cta-tag.cta-show .cta-toggle:after {
transform: rotate(-45deg);
margin-left: -2px;
}
#custom-cta-tag.cta-is-hidden {
transform: translateY(100%);
-webkit-transition: all 0 ease-out;
-moz-transition: all 0 ease-out;
-o-transition: all 0 ease-out;
transition: all 0 ease-out;
}
#custom-cta-tag.cta-is-hidden .cta-toggle:before {
transform: rotate(-45deg);
margin-left: -8px;
}
#custom-cta-tag.cta-is-hidden .cta-toggle:after {
transform: rotate(45deg);
margin-left: -2px;
}
#custom-cta-tag .cta-content {
background: #000000;
padding: 10px 20px 15px 20px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
}
#custom-cta-tag .cta-content .cta-title {
font-size: 26px;
font-weight: 700;
padding-bottom: 6px;
}
#custom-cta-tag .cta-content .cta-title span {
font-size: 86px;
display: block;
}
#custom-cta-tag .cta-content .cta-knop {
border: 1px solid #ffffff;
text-decoration: none;
color: #ffffff;
padding: 7px 10px;
display: block;
font-size: 11px;
}
/*-----------------------------*/
/* SHARE: addtoany */
/*-----------------------------*/
.a2a_kit {
position: fixed;
left: -1px;
bottom: -1px;
z-index: 90001;
}
.a2a_svg,
.a2a_count {
border-radius: 0 !important;
}
.a2a_dd {
background: #ffffff url("../img/share-icon.png") center top / contain no-repeat;
border: 1px solid #000000;
width: 40px;
height: 40px;
display: block;
}
.a2a_dd:hover {
text-decoration: none !important;
}
.a2a_dd > span {
display: none;
}
.a2a_menu,
.a2a_menu_find_container {
border-radius: 0 !important;
}
#a2apage_dropdown {
background: rgba(0, 0, 0, 0.8);
border: 1px solid rgba(255, 255, 255, 0.5);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.a2a_wide a.a2a_more {
border: none;
border-top: 1px dashed rgba(255, 255, 255, 0.5);
}
.a2a_i {
border: none !important;
}
#a2apage_show_more_less {
display: none;
}
@media only screen and (min-width: 1024px) {
.a2a_kit {
top: 50%;
bottom: inherit;
left: inherit;
right: -1px;
}
}
@media only screen and (min-width: 1366px) {
.a2a_dd {
background-size: auto;
width: 70px;
height: 70px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.a2a_dd:after {
content: 'share';
font-size: 14px;
color: #000000;
padding: 10px;
}
}
/*-----------------------------*/
/* TEMP POC */
/*-----------------------------*/
/*.cms-gem .breadcrumbs,*/
/*.cms-leo .breadcrumbs,*/
/*.cms-ron .breadcrumbs,*/
/*.cms-outdoor .breadcrumbs,*/
/*.cms-essentials .breadcrumbs,*/
/*.cms-kids .breadcrumbs,*/
.cms-newsletter-subscribe .breadcrumbs,
.cms-ons-merk .breadcrumbs,
/*.cms-our-brand .breadcrumbs,*/
.cms-notre-marque .breadcrumbs,
.cms-il-nostro-marchio .breadcrumbs,
.cms-unsere-marke .breadcrumbs,
.cms-delhaize-nl .breadcrumbs,
.cms-delhaize-fr .breadcrumbs,
.cms-awards .breadcrumbs {
display: none;
}
.cms-gem .col-main,
.cms-leo .col-main,
.cms-ron .col-main,
.cms-outdoor .col-main,
.cms-essentials .col-main,
.cms-kids .col-main,
.cms-newsletter-subscribe .col-main,
.cms-ons-merk .col-main,
.cms-our-brand .col-main,
.cms-notre-marque .col-main,
.cms-il-nostro-marchio .col-main,
.cms-unsere-marke .col-main,
.cms-delhaize-nl .col-main,
.cms-delhaize-fr .col-main,
.cms-awards .col-main {
padding: 0;
}
.cms-gem .main.row,
.cms-leo .main.row,
.cms-ron .main.row,
.cms-outdoor .main.row,
.cms-essentials .main.row,
.cms-kids .main.row,
.cms-newsletter-subscribe .main.row,
.cms-ons-merk .main.row,
.cms-our-brand .main.row,
.cms-notre-marque .main.row,
.cms-il-nostro-marchio .main.row,
.cms-unsere-marke .main.row,
.cms-delhaize-nl .main.row,
.cms-delhaize-fr .main.row,
.cms-awards .main.row {
width: 100%;
}
.cms-gem .footer-container,
.cms-leo .footer-container,
.cms-ron .footer-container,
.cms-outdoor .footer-container,
.cms-essentials .footer-container,
.cms-kids .footer-container,
.cms-newsletter-subscribe .footer-container,
.cms-ons-merk .footer-container,
.cms-our-brand .footer-container,
.cms-notre-marque .footer-container,
.cms-il-nostro-marchio .footer-container,
.cms-unsere-marke .footer-container,
.cms-delhaize-nl .footer-container,
.cms-delhaize-fr .footer-container,
.cms-awards .footer-container {
margin-top: 0;
}
.cms-gem header.fixed,
.cms-leo header.fixed,
.cms-ron header.fixed,
.cms-outdoor header.fixed,
.cms-essentials header.fixed,
.cms-kids header.fixed,
.cms-newsletter-subscribe header.fixed,
.cms-ons-merk header.fixed,
.cms-our-brand header.fixed,
.cms-notre-marque header.fixed,
.cms-il-nostro-marchio header.fixed,
.cms-unsere-marke header.fixed,
.cms-delhaize-nl header.fixed,
.cms-delhaize-fr header.fixed,
.cms-awards header.fixed {
position: relative;
}
.cms-home .footer-container {
margin-top: 0;
}
/*-----------------------------*/
/* SLIDER POC */
/*-----------------------------*/
.slider {
overflow: inherit !important;
}
.slider #flexslider {
overflow: inherit !important;
}
.slider #flexslider .slides {
position: relative;
padding-top: 75.63%;
height: auto !important;
}
.slider #flexslider .slides li {
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100% !important;
}
.slider #flexslider .slides .row {
width: 100% !important;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.slider #flexslider .slides .content {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
.slider #flexslider .slides .content .border {
display: none;
}
.slider #flexslider .slides .content .button {
margin: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.slider #flexslider .slides .content .button span {
display: none;
}
.slider #flexslider .flex-control-nav {
position: absolute;
bottom: -13px;
z-index: 10010;
padding: 0;
}
.slider #flexslider .flex-control-nav li a {
background: #ffffff;
width: 13px;
height: 13px;
border: 2px solid #ffffff;
}
.slider #flexslider .flex-control-nav li a.flex-active {
background: #000000;
}
@media only screen and (min-width: 768px) {
.slider #flexslider .slides {
padding-top: 37.5%;
}
.slider #flexslider .flex-control-nav {
bottom: 0;
padding: 10px 0;
}
}
/*-----------------------------*/
/* TEMP OUT OF STOCK */
/*-----------------------------*/
.col-main .products-grid .button-container {
bottom: 0;
}
.col-main .products-grid .button-container p {
height: inherit;
}
.col-main .category-products .availability.out-of-stock {
width: 35px;
height: 35px;
background: transparent url('../img/mandje-icon.svg') 50% 50% no-repeat;
border: 1px solid black;
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
-webkit-opacity: 0.2;
opacity: 0.2;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
filter: alpha(opacity=20);
cursor: help;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
position: relative;
}
.col-main .category-products .availability.out-of-stock:before {
content: '\00d7';
position: absolute;
left: 0;
top: 0;
width: 35px;
height: 10px;
display: block;
font-size: 18px;
text-align: center;
line-height: 1;
color: black;
}
.col-main .category-products .availability.out-of-stock span {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
position: absolute;
top: 0;
display: block;
font-size: 12px;
color: black;
padding: 5px !important;
line-height: 1;
border: 1px solid black;
white-space: nowrap;
right: 0;
}
.col-main .category-products .availability.out-of-stock:hover span {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
top: -27px;
}
/*-----------------------------*/
/* SPOON AD */
/*-----------------------------*/
#leo-spoon-ad {
position: relative;
}
#leo-spoon-ad:after {
content: '';
padding-top: 75.6302521%;
display: block;
}
.lang-en #leo-spoon-ad .image-placeholder {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: url("/bgh-custom/img/leo-spoon-ad/LeoActie-Slide-detailPG-mobile_EN.jpg") center top / contain no-repeat;
}
.lang-fr #leo-spoon-ad .image-placeholder {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: url("/bgh-custom/img/leo-spoon-ad/LeoActie-Slide-detailPG-mobile_FR.jpg") center top / contain no-repeat;
}
.lang-nl #leo-spoon-ad .image-placeholder {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: url("/bgh-custom/img/leo-spoon-ad/LeoActie-Slide-detailPG-mobile_NL.jpg") center top / contain no-repeat;
}
.lang-it #leo-spoon-ad .image-placeholder {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: url("/bgh-custom/img/leo-spoon-ad/LeoActie-Slide-detailPG-mobile_IT.jpg") center top / contain no-repeat;
}
.lang-de #leo-spoon-ad .image-placeholder {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: url("/bgh-custom/img/leo-spoon-ad/LeoActie-Slide-detailPG-mobile_DE.jpg") center top / contain no-repeat;
}
@media only screen and (min-width: 768px) {
#leo-spoon-ad:after {
content: '';
padding-top: 27.08333333%;
}
.lang-en #leo-spoon-ad .image-placeholder {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: url("/bgh-custom/img/leo-spoon-ad/LeoActie-Slide-detailPG_EN.jpg") center top / contain no-repeat;
}
.lang-fr #leo-spoon-ad .image-placeholder {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: url("/bgh-custom/img/leo-spoon-ad/LeoActie-Slide-detailPG_FR.jpg") center top / contain no-repeat;
}
.lang-nl #leo-spoon-ad .image-placeholder {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: url("/bgh-custom/img/leo-spoon-ad/LeoActie-Slide-detailPG_NL.jpg") center top / contain no-repeat;
}
.lang-it #leo-spoon-ad .image-placeholder {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: url("/bgh-custom/img/leo-spoon-ad/LeoActie-Slide-detailPG_IT.jpg") center top / contain no-repeat;
}
.lang-de #leo-spoon-ad .image-placeholder {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: url("/bgh-custom/img/leo-spoon-ad/LeoActie-Slide-detailPG_DE.jpg") center top / contain no-repeat;
}
}
/*-----------------------------*/
/* LEO HowTo vacuumdoos*/
/*-----------------------------*/
.video-vacuumdoos {
width: 100%;
}
/*-----------------------------*/
/* Responsive-video algemeen */
/*-----------------------------*/
.responsive-video {
display: block;
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*-----------------------------*/
/* DELHAIZE LEO ACTIE */
/*-----------------------------*/
@keyframes squishing {
0% {
-webkit-border-top-right-radius: 85%;
-webkit-border-bottom-right-radius: 95%;
-webkit-border-bottom-left-radius: 100%;
-webkit-border-top-left-radius: 90%;
-moz-border-radius-topright: 85%;
-moz-border-radius-bottomright: 95%;
-moz-border-radius-bottomleft: 100%;
-moz-border-radius-topleft: 90%;
border-top-right-radius: 85%;
border-bottom-right-radius: 95%;
border-bottom-left-radius: 100%;
border-top-left-radius: 90%;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
transform: scaleX(1.05) scaleY(0.9) skewX(5deg) skewY(5deg);
}
25% {
-webkit-border-top-right-radius: 95%;
-webkit-border-bottom-right-radius: 100%;
-webkit-border-bottom-left-radius: 95%;
-webkit-border-top-left-radius: 85%;
-moz-border-radius-topright: 95%;
-moz-border-radius-bottomright: 100%;
-moz-border-radius-bottomleft: 95%;
-moz-border-radius-topleft: 85%;
border-top-right-radius: 95%;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 95%;
border-top-left-radius: 85%;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
50% {
-webkit-border-top-right-radius: 85%;
-webkit-border-bottom-right-radius: 95%;
-webkit-border-bottom-left-radius: 85%;
-webkit-border-top-left-radius: 90%;
-moz-border-radius-topright: 85%;
-moz-border-radius-bottomright: 95%;
-moz-border-radius-bottomleft: 85%;
-moz-border-radius-topleft: 90%;
border-top-right-radius: 85%;
border-bottom-right-radius: 95%;
border-bottom-left-radius: 85%;
border-top-left-radius: 90%;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
transform: scaleX(1) scaleY(0.8) skewX(0deg) skewY(0deg);
}
75% {
-webkit-border-top-right-radius: 90%;
-webkit-border-bottom-right-radius: 92%;
-webkit-border-bottom-left-radius: 82%;
-webkit-border-top-left-radius: 95%;
-moz-border-radius-topright: 90%;
-moz-border-radius-bottomright: 92%;
-moz-border-radius-bottomleft: 82%;
-moz-border-radius-topleft: 95%;
border-top-right-radius: 90%;
border-bottom-right-radius: 92%;
border-bottom-left-radius: 82%;
border-top-left-radius: 95%;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transform: perspective(1px) rotate(5deg);
-moz-transform: perspective(1px) rotate(5deg);
-o-transform: perspective(1px) rotate(5deg);
-ms-transform: perspective(1px) rotate(5deg);
transform: perspective(1px) rotate(5deg);
}
100% {
-webkit-border-top-right-radius: 90%;
-webkit-border-bottom-right-radius: 100%;
-webkit-border-bottom-left-radius: 90%;
-webkit-border-top-left-radius: 85%;
-moz-border-radius-topright: 90%;
-moz-border-radius-bottomright: 100%;
-moz-border-radius-bottomleft: 90%;
-moz-border-radius-topleft: 85%;
border-top-right-radius: 90%;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 90%;
border-top-left-radius: 85%;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
transform: scaleX(1) scaleY(1) skewX(-5deg) skewY(-5deg);
}
}
#bgh-custom.collection-page .delhaize-leo .sections a {
display: none;
/*Voorlopig op display none > misschien dat hier de actievoorwaarden kunnen komen.*/
}
#bgh-custom.collection-page .delhaize-leo .sections a.faq-btn {
display: flex;
padding: 4px 10px;
border: 1px solid #000000;
cursor: pointer;
}
#bgh-custom.collection-page .delhaize-leo .acties .actie {
text-transform: uppercase;
font-size: 11px;
height: 100%;
padding: 5px 10px;
color: #ffffff;
text-decoration: none;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
#bgh-custom.collection-page .delhaize-leo .acties .actie.active {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
#bgh-custom.collection-page .delhaize-leo .acties .actie.main-wedstrijd {
background: #ed2925;
}
#bgh-custom.collection-page .delhaize-leo .acties .actie.fb-wedstrijd {
background: #54728a;
}
#bgh-custom.collection-page .delhaize-leo .nav {
padding: 10px 20px;
justify-content: space-between;
}
#bgh-custom.collection-page .delhaize-leo .nav .sections,
#bgh-custom.collection-page .delhaize-leo .nav .acties {
display: flex;
}
#bgh-custom.collection-page .delhaize-leo .nav .acties a {
margin-left: 2px;
}
#bgh-custom.collection-page .delhaize-leo .collection-blocks.top {
position: relative;
height: 155vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-blocks.top .intro {
position: absolute;
left: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
width: 100%;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
#bgh-custom.collection-page .delhaize-leo .collection-blocks.top .intro.active {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
z-index: 1;
}
#bgh-custom.collection-page .delhaize-leo .collection-blocks.top .fb-content {
position: absolute;
width: 100%;
left: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
#bgh-custom.collection-page .delhaize-leo .collection-blocks.top .fb-content.active {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
z-index: 1;
}
#bgh-custom.collection-page .delhaize-leo .intro {
height: 155vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .woman {
background: url("/bgh-custom/img/delhaize-leo/woman-smiling.jpg") left top / contain no-repeat;
width: 100.85784314vw;
height: 110.29411765vw;
position: absolute;
z-index: -1;
left: -55vw;
top: -20vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .berghoff-logo {
background: url("/bgh-custom/img/delhaize-leo/berghoff-logo.png") left top / contain no-repeat;
width: 49.0625vw;
height: 9.58333333vw;
position: absolute;
left: 45vw;
top: 5vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .primeur {
font-size: 2.9vw;
font-weight: 700;
position: absolute;
right: 11vw;
top: 14vw;
color: #ed2925;
text-transform: uppercase;
}
#bgh-custom.collection-page .delhaize-leo .intro .primeur a {
font-size: 133%;
text-decoration: underline;
color: #ed2925;
}
#bgh-custom.collection-page .delhaize-leo .intro .spaar-voor-korting {
position: absolute;
left: 45vw;
top: 25vw;
display: flex;
flex-wrap: wrap;
width: 49.0625vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .spaar-voor-korting .spaar {
color: #ed2925;
font-size: 8vw;
font-weight: 900;
text-transform: uppercase;
}
#bgh-custom.collection-page .delhaize-leo .intro .spaar-voor-korting .pijl {
background: url("/bgh-custom/img/delhaize-leo/pijltje.png") left top / contain no-repeat;
width: 8.83928571vw;
height: 7.76785714vw;
position: absolute;
left: 26vw;
top: 3vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .spaar-voor-korting .tot-korting {
color: #ffffff;
width: 35vw;
height: 35vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-transform: uppercase;
font-weight: 700;
line-height: 1;
position: relative;
margin: 0 0 0 auto;
}
#bgh-custom.collection-page .delhaize-leo .intro .spaar-voor-korting .tot-korting:after {
content: '';
animation: squishing 8s ease-in-out infinite alternate;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
background: #ed2925;
left: 0;
top: 0;
}
#bgh-custom.collection-page .delhaize-leo .intro .spaar-voor-korting .tot-korting .tot {
font-size: 4vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .spaar-voor-korting .tot-korting .procent {
font-size: 14vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .spaar-voor-korting .tot-korting .korting {
font-size: 3.4vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .slogan {
position: absolute;
left: 45vw;
top: 70vw;
text-transform: uppercase;
font-weight: 700;
font-size: 4.3vw;
line-height: 1;
}
#bgh-custom.collection-page .delhaize-leo .intro .aanbod {
background: url("/bgh-custom/img/delhaize-leo/leo-overzicht2.png") right bottom / contain no-repeat;
width: 104.16666667vw;
height: 43.4375vw;
position: absolute;
z-index: -1;
top: 85vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .delhaize-logo {
background: url("/bgh-custom/img/delhaize-leo/delhaize-logo.png") right bottom / contain no-repeat;
width: 52.08333333vw;
height: 24.6875vw;
position: absolute;
z-index: 3;
bottom: 21vw;
right: 0;
/*.rotation(5deg);*/
}
#bgh-custom.collection-page .delhaize-leo .intro .voorwaarden {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: #ed2925;
text-align: center;
padding: 7vw 3vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .voorwaarden p {
margin: 0;
color: #ffffff;
font-size: 2.7vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .voorwaarden p a {
color: #ffffff;
text-decoration: underline;
}
#bgh-custom.collection-page .delhaize-leo .intro .voorwaarden p.big {
text-transform: uppercase;
font-weight: 900;
}
#bgh-custom.collection-page .delhaize-leo .intro .reddot-logo {
background: url("/bgh-custom/img/delhaize-leo/red-dot-2018.png") left top / contain no-repeat;
width: 17.29166667vw;
height: 12.1875vw;
position: absolute;
left: 2vw;
bottom: 32vw;
}
#bgh-custom.collection-page .delhaize-leo .fb-content {
text-align: center;
height: 155vw;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
}
#bgh-custom.collection-page .delhaize-leo .fb-content .fb-link {
font-size: 4vw;
}
#bgh-custom.collection-page .delhaize-leo .fb-content .fb-link a {
position: relative;
display: flex;
height: 40vw;
width: 40vw;
justify-content: center;
align-items: center;
color: #ffffff;
}
#bgh-custom.collection-page .delhaize-leo .fb-content .fb-link a:hover {
text-decoration: none;
}
#bgh-custom.collection-page .delhaize-leo .fb-content .fb-link a:after {
content: '';
animation: squishing 8s ease-in-out infinite alternate;
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: #54728a;
}
#bgh-custom.collection-page .delhaize-leo .fb-content .fb-link a:before {
content: '';
background: url("/bgh-custom/img/delhaize-leo/pijltje-blauw.png") left top / contain no-repeat;
width: 12.375vw;
height: 10.875vw;
position: absolute;
left: -30%;
top: 30%;
}
#bgh-custom.collection-page .delhaize-leo .fb-content p.browser-link {
display: none;
}
#bgh-custom.collection-page .delhaize-leo .fb-content .voorwaarden-link {
position: absolute;
right: 10px;
bottom: 10px;
margin: 0;
}
#bgh-custom.collection-page .delhaize-leo .fb-content .voorwaarden-link a {
color: #54728a;
font-size: 2.7vw;
text-decoration: underline;
}
#bgh-custom.collection-page .delhaize-leo.lang-nl .collection-blocks.top .fb-content {
background: url("/bgh-custom/img/delhaize-leo/fb-actie-mobile3.jpg") right bottom / contain no-repeat;
}
#bgh-custom.collection-page .delhaize-leo.lang-fr .collection-blocks.top .intro .pijl {
left: 41vw;
}
#bgh-custom.collection-page .delhaize-leo.lang-fr .collection-blocks.top .intro .delhaize-logo {
background: url("/bgh-custom/img/delhaize-leo/delhaize-logo-fr.png") right bottom / contain no-repeat;
}
#bgh-custom.collection-page .delhaize-leo.lang-fr .collection-blocks.top .fb-content {
background: url("/bgh-custom/img/delhaize-leo/fb-actie-mobile3-fr.jpg") right bottom / contain no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .collection-content.overlay {
position: relative;
}
#bgh-custom.collection-page .delhaize-leo .collection-content.overlay:before {
content: '';
background: rgba(0, 0, 0, 0.85);
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 1;
}
#bgh-custom.collection-page .delhaize-leo .collection-content.overlay .video {
z-index: 1;
}
#bgh-custom.collection-page .delhaize-leo .video {
height: 1.9047619%;
width: 100%;
/*RESPONSIVE VIDEO*/
/*@videoRatio: 100% / (16/9);*/
}
#bgh-custom.collection-page .delhaize-leo .video .container,
#bgh-custom.collection-page .delhaize-leo .video .container .description {
padding: 0;
max-width: 100%;
}
#bgh-custom.collection-page .delhaize-leo .video .responsive-video {
display: block;
position: relative;
padding-bottom: 52.5%;
height: 0;
overflow: hidden;
max-width: 100%;
}
#bgh-custom.collection-page .delhaize-leo .video .responsive-video iframe,
#bgh-custom.collection-page .delhaize-leo .video .responsive-video object,
#bgh-custom.collection-page .delhaize-leo .video .responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-1 {
background: url("/bgh-custom/img/delhaize-leo/recepten/img-1.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-1 .container {
justify-content: flex-start;
align-self: center;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-1 .container .description {
width: 50%;
text-align: right;
padding: 30px 0;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-1 .container .description {
padding: 30px;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-2 {
background: url("/bgh-custom/img/delhaize-leo/recepten/img-2.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-2 .container {
justify-content: flex-end;
align-self: center;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-2 .container .description {
width: 50%;
text-align: left;
padding: 30px 0;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-2:before {
background: left;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
background: -ms-linear-gradient(bottom, 70%, 0.7);
background: -moz-linear-gradient(center bottom, 70% 0%, 0.7 100%);
background: -o-linear-gradient(0.7, 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: inherit;
right: 0;
display: block;
width: 70%;
height: 100%;
top: 0;
background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-2 .container .description {
padding: 30px;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-2 .container .description h3,
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-2 .container .description p {
color: #ffffff;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-2 .container .description:after {
border-color: rgba(255, 255, 255, 0.5);
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-2 .container .description:before {
background: url("/bgh-custom/img/delhaize-leo/pijltje-wit.png") left top / contain no-repeat;
left: 30%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-3 {
background: url("/bgh-custom/img/delhaize-leo/recepten/img-3.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-3 .container {
justify-content: flex-end;
align-self: flex-start;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-3 .container .description {
width: 50%;
text-align: left;
padding: 30px 0;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-3 .container .description {
margin-top: 1vw;
padding: 30px;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept.img-3 .container .description:before {
left: 0%;
bottom: -10%;
top: inherit;
-webkit-transform: perspective(1px) rotate(180deg);
-moz-transform: perspective(1px) rotate(180deg);
-o-transform: perspective(1px) rotate(180deg);
-ms-transform: perspective(1px) rotate(180deg);
transform: perspective(1px) rotate(180deg);
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept .description {
position: relative;
width: 45vw !important;
height: 45vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept .description:after {
content: '';
animation: squishing 8s ease-in-out infinite alternate;
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
border: 1px solid rgba(0, 0, 0, 0.5);
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept .description:before {
content: '';
background: url("/bgh-custom/img/delhaize-leo/pijltje-zwart.png") left top / contain no-repeat;
width: 8.83928571vw;
height: 7.76785714vw;
position: absolute;
left: 50%;
top: -20%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept h3 {
text-align: center;
font-size: 5vw;
margin-bottom: 0;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept p {
text-align: center;
font-size: 4vw;
margin: 0;
}
#bgh-custom.collection-page .delhaize-leo .collection-blocks.producten .collection-block {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bgh-custom.collection-page .delhaize-leo .collection-blocks.producten .collection-block.faded {
filter: blur(5px);
-moz-opacity: 0.3 !important;
-khtml-opacity: 0.3 !important;
-webkit-opacity: 0.3 !important;
opacity: 0.3 !important;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30) !important;
filter: alpha(opacity=30) !important;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product {
display: flex;
align-items: flex-start;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .show-info-btn {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 30px;
height: 30px;
display: inline-block;
border: 1px solid #000000;
position: absolute;
z-index: 9001;
text-align: center;
background: #ffffff;
font-size: 20px;
line-height: 28px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
cursor: pointer;
user-select: none;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-1 {
background: url("/bgh-custom/img/delhaize-leo/producten/img-1.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-1 .show-info-btn {
right: 17vw;
top: 60vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-1 h4 {
width: 75%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-2 {
background: url("/bgh-custom/img/delhaize-leo/producten/img-2.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-2 .show-info-btn {
right: 2vw;
top: 35vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-2 h4 {
width: 73%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-3.mechanisme {
background: url("/bgh-custom/img/delhaize-leo/producten/img-3.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-3.mechanisme .container {
justify-content: center;
align-self: flex-end;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-3.mechanisme .container .description {
width: 100%;
text-align: center;
padding: 30px 0;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-3.mechanisme:before {
background: top;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 80%), color-stop(1, 0.6));
background: -ms-linear-gradient(bottom, 80%, 0.6);
background: -moz-linear-gradient(center bottom, 80% 0%, 0.6 100%);
background: -o-linear-gradient(0.6, 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.6', endColorstr='80%', GradientType=0);
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
display: block;
height: 80%;
top: inherit;
bottom: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-3.mechanisme h4,
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-3.mechanisme p {
color: #ffffff;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-4 {
background: url("/bgh-custom/img/delhaize-leo/producten/img-4.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-4 .show-info-btn {
right: 33vw;
top: 92vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-4 h4 {
width: 100%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-4 ul {
width: 63%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-5 {
background: url("/bgh-custom/img/delhaize-leo/producten/img-5.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-5 .show-info-btn {
right: 35vw;
top: 48vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-5 h4 {
width: 100%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-5 ul {
width: 90%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-6 {
background: url("/bgh-custom/img/delhaize-leo/producten/img-6.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-6 .show-info-btn {
right: 22vw;
top: 35vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-6 h4 {
width: 100%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-7 {
background: url("/bgh-custom/img/delhaize-leo/producten/img-7.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-7 .show-info-btn {
right: 19vw;
top: 28vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-7 h4 {
width: 100%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-7 ul {
width: 55%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-8 {
background: url("/bgh-custom/img/delhaize-leo/producten/img-8.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-8 .show-info-btn {
right: 28vw;
top: 48vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-8 h4 {
width: 100%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-8 ul {
width: 60%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-9 {
background: url("/bgh-custom/img/delhaize-leo/producten/img-9.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-9 .show-info-btn {
right: 8vw;
top: 48vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-9 h4 {
width: 100%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-9 ul {
width: 60%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-10 {
background: url("/bgh-custom/img/delhaize-leo/producten/img-10.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-10 .show-info-btn {
right: 38vw;
top: 68vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-10 h4 {
width: 100%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-10 ul {
width: 60%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-11 {
background: url("/bgh-custom/img/delhaize-leo/producten/img-11.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-11 .show-info-btn {
right: 22vw;
top: 38vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-11 h4 {
width: 100%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-11 ul {
width: 54%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-12 {
background: url("/bgh-custom/img/delhaize-leo/producten/img-12.jpg") center top / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-12 .show-info-btn {
right: 13vw;
top: 55vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-12 h4 {
width: 100%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-12 ul {
width: 56%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .container .description {
text-align: left;
padding: 20px 0;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product h4 {
text-transform: uppercase;
font-size: 5.3vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product ul {
padding-left: 4.7vw;
width: 50%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product p,
#bgh-custom.collection-page .delhaize-leo .collection-block.product ul {
font-size: 3.4vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box {
padding-top: 20px;
width: 50%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .kleur {
font-size: 3.4vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .kleur span {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 3.75vw;
height: 3.75vw;
display: inline-block;
border: 1px solid #000000;
margin: 0 0.6vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .kleur .roze {
background: #c1827f;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .kleur .groen {
background: #87c1af;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .kleur .blauw {
background: #116091;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .kleur .grijs {
background: #a7a9ab;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box {
display: flex;
font-weight: 700;
width: auto;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper {
border: 1px solid #000000;
border-width: 1px 0;
display: flex;
align-items: flex-end;
padding: 1vw 0;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper .aantal-zegels {
text-transform: uppercase;
font-size: 2.5vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper .aantal-zegels span {
color: #ed2925;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper .kortingsprijs {
color: #ed2925;
font-size: 5vw;
padding: 0 2vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper .prijs {
font-size: 3.5vw;
position: relative;
display: none;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper .prijs:before {
content: '';
width: 100%;
height: 1px;
background: #ed2925;
position: absolute;
left: 0;
right: 0;
top: 50%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .voordeel {
text-transform: uppercase;
padding-top: 1vw;
font-size: 2.5vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .voordeel span {
color: #ed2925;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .extra-info {
position: absolute;
z-index: 9000;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.98);
border: 1px solid rgba(0, 0, 0, 0.03);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 20px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
user-select: none;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .extra-info p {
font-size: 14px;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .extra-info .close-info {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
font-size: 60px;
text-align: center;
font-weight: 100;
line-height: 22px;
cursor: pointer;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.show-info .extra-info {
top: 0;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
z-index: 9002;
}
#bgh-custom.collection-page .delhaize-leo .popup-container {
position: fixed;
z-index: 9001;
top: -100%;
left: 0;
width: 100vw;
height: 100%;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
overflow: hidden;
}
#bgh-custom.collection-page .delhaize-leo .popup-container .close-popup-btn {
z-index: 9001;
top: 50px;
right: 10px;
width: 40px;
height: 40px;
font-size: 60px;
text-align: center;
font-weight: 100;
line-height: 22px;
cursor: pointer;
}
#bgh-custom.collection-page .delhaize-leo .popup-container h4 span {
color: #ed2925;
display: block;
}
#bgh-custom.collection-page .delhaize-leo .popup-container h5 {
margin: 30px 0 0 0;
}
#bgh-custom.collection-page .delhaize-leo .popup-container ul {
padding-left: 15px;
padding-top: 10px;
}
#bgh-custom.collection-page .delhaize-leo .popup-container ul li {
padding: 3px 0;
}
#bgh-custom.collection-page .delhaize-leo .popup-container p {
margin: 5px 0;
}
#bgh-custom.collection-page .delhaize-leo .popup-container p span {
display: block;
padding: 10px 0;
border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
}
#bgh-custom.collection-page .delhaize-leo .popup-container .background {
width: 100%;
height: 100%;
position: fixed;
overflow: hidden;
z-index: -1;
}
#bgh-custom.collection-page .delhaize-leo .popup-container .background .blurring {
filter: blur(8px);
-webkit-filter: blur(8px);
left: -5%;
right: -5%;
bottom: -5%;
content: "";
position: absolute;
height: 110%;
width: 110%;
overflow: hidden;
}
#bgh-custom.collection-page .delhaize-leo .popup-container .background:before {
content: '';
background: rgba(255, 255, 255, 0.6);
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 1;
}
#bgh-custom.collection-page .delhaize-leo .popup-container.chai-latte .blurring {
background: url("/bgh-custom/img/delhaize-leo/recepten/img-1.jpg") center center / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .popup-container.quinoasalade .blurring {
background: url("/bgh-custom/img/delhaize-leo/recepten/img-2.jpg") center center / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .popup-container.yoghurt .blurring {
background: url("/bgh-custom/img/delhaize-leo/recepten/img-3.jpg") center center / cover no-repeat;
}
#bgh-custom.collection-page .delhaize-leo .popup-container.faq .background:before {
background: rgba(255, 255, 255, 0.9);
}
#bgh-custom.collection-page .delhaize-leo .popup-container.faq .content {
padding: 0;
padding-top: 43px;
}
#bgh-custom.collection-page .delhaize-leo .popup-container.faq h3 {
margin-bottom: 0;
padding: 15px 30px;
}
#bgh-custom.collection-page .delhaize-leo .popup-container.faq h4 {
position: sticky;
padding: 20px 30px;
top: 43px;
margin: 0;
background: rgba(255, 255, 255, 0.8);
color: #ed2925;
left: -10px;
right: -10px;
}
#bgh-custom.collection-page .delhaize-leo .popup-container.faq h4:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
height: 1px;
background: rgba(0, 0, 0, 0.2);
}
#bgh-custom.collection-page .delhaize-leo .popup-container.faq h4:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: rgba(0, 0, 0, 0.5);
}
#bgh-custom.collection-page .delhaize-leo .popup-container.faq .vragen {
padding: 0 30px 30px 30px;
}
#bgh-custom.collection-page .delhaize-leo .popup-container.faq i {
color: #ed2925;
}
#bgh-custom.collection-page .delhaize-leo .popup-container .content {
padding: 30px;
padding-top: 50px;
overflow-y: auto;
height: 100%;
}
#bgh-custom.collection-page .delhaize-leo .popup-container.quinoasalade .background:before {
background: rgba(0, 0, 0, 0.6);
}
#bgh-custom.collection-page .delhaize-leo .popup-container.quinoasalade .content h4,
#bgh-custom.collection-page .delhaize-leo .popup-container.quinoasalade .content h5,
#bgh-custom.collection-page .delhaize-leo .popup-container.quinoasalade .content ul li,
#bgh-custom.collection-page .delhaize-leo .popup-container.quinoasalade .content p {
color: #ffffff;
}
#bgh-custom.collection-page .delhaize-leo .popup-container.quinoasalade .close-popup-btn {
color: #ffffff;
}
#bgh-custom.collection-page .delhaize-leo .popup-popped-up {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
top: 0;
}
#bgh-custom.collection-page .delhaize-leo .popup-popped-up .close-popup-btn {
position: fixed;
}
@media only screen and (min-width: 430px) {
#bgh-custom.collection-page .delhaize-leo .sections a {
display: block;
}
#bgh-custom.collection-page .delhaize-leo .sections a.faq-btn {
padding: 0 0 0 20px;
border: inherit;
}
#bgh-custom.collection-page .delhaize-leo .acties .actie {
text-transform: uppercase;
font-size: 11px;
height: 100%;
padding: 5px 10px;
color: #ffffff;
text-decoration: none;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
#bgh-custom.collection-page .delhaize-leo .acties .actie.active {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
#bgh-custom.collection-page .delhaize-leo .acties .actie.main-wedstrijd {
background: #ed2925;
}
#bgh-custom.collection-page .delhaize-leo .acties .actie.fb-wedstrijd {
background: #54728a;
}
}
@media only screen and (min-width: 768px) {
#bgh-custom.collection-page .delhaize-leo .container {
padding: 0 20px;
}
#bgh-custom.collection-page .delhaize-leo .collection-blocks.producten,
#bgh-custom.collection-page .delhaize-leo .collection-blocks.recepten {
display: flex;
flex-wrap: wrap;
}
#bgh-custom.collection-page .delhaize-leo .collection-blocks.producten {
justify-content: flex-end;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept {
width: 33.333vw;
height: 33.333vw;
/*IE11 FIX*/
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept .description {
width: 15vw !important;
height: 15vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept .description:before {
width: 2.94642857vw;
height: 2.58928571vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept h3 {
font-size: 1.66666667vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept p {
font-size: 1.33333333vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.recept h3,
#bgh-custom.collection-page .delhaize-leo .collection-block.recept p {
max-width: 100%;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product {
width: 50vw;
height: 50vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(1) {
order: 1;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(2) {
order: 2;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(3) {
order: 4;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(4) {
order: 3;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(5) {
order: 5;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(6) {
order: 6;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(7) {
order: 8;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(8) {
order: 7;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(9) {
order: 9;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(10) {
order: 10;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(11) {
order: 12;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(12) {
order: 11;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-1 .show-info-btn {
right: 8.5vw;
top: 30vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-2 .show-info-btn {
right: 1vw;
top: 17.5vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-6 .show-info-btn {
right: 11vw;
top: 17.5vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-4 .show-info-btn {
right: 16.5vw;
top: 46vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-5 .show-info-btn {
right: 17.5vw;
top: 24vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-7 .show-info-btn {
right: 9.5vw;
top: 14vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-8 .show-info-btn {
right: 14vw;
top: 24vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-9 .show-info-btn {
right: 4vw;
top: 24vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-10 .show-info-btn {
right: 19vw;
top: 34vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-11 .show-info-btn {
right: 11vw;
top: 19vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-12 .show-info-btn {
right: 6.5vw;
top: 27.5vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-13.video {
width: 100vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product h4 {
font-size: 2.8vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product ul {
padding-left: 2.35vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product p,
#bgh-custom.collection-page .delhaize-leo .collection-block.product ul {
font-size: 1.7vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .kleur {
font-size: 1.7vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .kleur span {
width: 1.875vw;
height: 1.875vw;
margin: 0 0.3vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper {
padding: 0.5vw 0;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper .aantal-zegels {
font-size: 1.25vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper .kortingsprijs {
font-size: 2.5vw;
padding: 0 1vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper .prijs {
font-size: 1.75vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .voordeel {
padding-top: 0.5vw;
font-size: 1.25vw;
}
#bgh-custom.collection-page .delhaize-leo .popup-container .content {
max-width: 80%;
margin: 0 auto;
}
#bgh-custom.collection-page .delhaize-leo .popup-container.faq .content {
padding: 20px;
padding-top: 43px;
}
#bgh-custom.collection-page .delhaize-leo .popup-container.faq h3 {
padding: 20px 0;
}
#bgh-custom.collection-page .delhaize-leo .popup-container.faq h4 {
padding: 20px 0;
top: 43px;
}
#bgh-custom.collection-page .delhaize-leo .popup-container.faq h4:after {
left: 0;
right: 0;
}
#bgh-custom.collection-page .delhaize-leo .popup-container.faq .vragen {
padding: 20px 0;
}
}
@media only screen and (min-width: 1024px) {
#bgh-custom.collection-page .delhaize-leo .collection-blocks.top {
height: 60vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-blocks.top .fb-content {
height: 60vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-blocks.top .fb-content .fb-link {
font-size: 2vw;
position: absolute;
left: 15vw;
bottom: 0;
}
#bgh-custom.collection-page .delhaize-leo .collection-blocks.top .fb-content .fb-link a {
width: 20vw;
height: 20vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-blocks.top .fb-content .fb-link a:before {
height: 4.41964286vw;
width: 3.88392857vw;
}
#bgh-custom.collection-page .delhaize-leo.lang-nl .collection-blocks.top .fb-content {
background: url("/bgh-custom/img/delhaize-leo/fb-actie-desktop3.jpg") right bottom / contain no-repeat;
}
#bgh-custom.collection-page .delhaize-leo.lang-fr .collection-blocks.top .fb-content {
background: url("/bgh-custom/img/delhaize-leo/fb-actie-desktop3-fr.jpg") right bottom / contain no-repeat;
}
#bgh-custom.collection-page .delhaize-leo.lang-fr .collection-blocks.top .intro .pijl {
left: 22vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-blocks.producten {
justify-content: flex-start;
}
#bgh-custom.collection-page .delhaize-leo .collection-blocks.producten .collection-block {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bgh-custom.collection-page .delhaize-leo .collection-blocks.producten .collection-block.faded {
filter: blur(5px);
-moz-opacity: 0.3 !important;
-khtml-opacity: 0.3 !important;
-webkit-opacity: 0.3 !important;
opacity: 0.3 !important;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30) !important;
filter: alpha(opacity=30) !important;
}
#bgh-custom.collection-page .delhaize-leo .intro {
height: 60vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .woman {
width: 51.4375vw;
height: 56.25vw;
left: -25vw;
top: -10vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .berghoff-logo {
width: 29.4375vw;
height: 5.75vw;
left: 68vw;
top: 2vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .primeur {
font-size: 1.8vw;
right: 5vw;
top: 7.5vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .spaar-voor-korting {
left: 25vw;
top: 5vw;
width: 29.4375vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .spaar-voor-korting .spaar {
font-size: 4vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .spaar-voor-korting .pijl {
width: 4.41964286vw;
height: 3.88392857vw;
left: 13vw;
top: 1vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .spaar-voor-korting .tot-korting {
width: 20vw;
height: 20vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .spaar-voor-korting .tot-korting .tot {
font-size: 2vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .spaar-voor-korting .tot-korting .procent {
font-size: 7vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .spaar-voor-korting .tot-korting .korting {
font-size: 2vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .slogan {
left: 58vw;
top: 22vw;
font-size: 3vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .aanbod {
width: 62.5vw;
height: 26.0625vw;
top: 30vw;
left: 20vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .delhaize-logo {
width: 26.04166667vw;
height: 12.34375vw;
bottom: 4vw;
right: 0;
}
#bgh-custom.collection-page .delhaize-leo .intro .voorwaarden {
padding: 2vw 1vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .voorwaarden p {
font-size: 1vw;
}
#bgh-custom.collection-page .delhaize-leo .intro .reddot-logo {
bottom: 6.5vw;
width: 10.375vw;
height: 7.3125vw;
}
}
@media only screen and (min-width: 1025px) {
#bgh-custom.collection-page .delhaize-leo .fb-content p.app-link {
display: none;
}
#bgh-custom.collection-page .delhaize-leo .fb-content p.browser-link {
display: flex;
}
#bgh-custom.collection-page .delhaize-leo .fb-content .voorwaarden-link {
right: 30px;
bottom: 1.4vw;
margin: 0;
}
#bgh-custom.collection-page .delhaize-leo .fb-content .voorwaarden-link a {
font-size: 1vw;
}
}
@media only screen and (min-width: 1100px) {
#bgh-custom.collection-page .delhaize-leo .collection-block.product {
width: 33.333vw;
height: 33.333vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(1) {
order: 3;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(2) {
order: 4;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(3) {
order: 1;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(4) {
order: 2;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(5) {
order: 5;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(6) {
order: 6;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(7) {
order: 7;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(8) {
order: 8;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(9) {
order: 9;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(10) {
order: 10;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(11) {
order: 11;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(12) {
order: 12;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-1 .show-info-btn {
right: 5.66666667vw;
top: 20vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-2 .show-info-btn {
right: 0.66666667vw;
top: 11.66666667vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-4 .show-info-btn {
right: 11vw;
top: 30.66666667vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-5 .show-info-btn {
right: 11.66666667vw;
top: 16vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-6 .show-info-btn {
right: 7.33333333vw;
top: 11.66666667vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-7 .show-info-btn {
right: 6.33333333vw;
top: 9.33333333vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-8 .show-info-btn {
right: 9.33333333vw;
top: 16vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-9 .show-info-btn {
right: 2.66666667vw;
top: 16vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-10 .show-info-btn {
right: 12.66666667vw;
top: 22.66666667vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-11 .show-info-btn {
right: 7.33333333vw;
top: 12.66666667vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-12 .show-info-btn {
right: 4.33333333vw;
top: 18.33333333vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product h4 {
font-size: 1.86666667vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product ul {
padding-left: 1.56666667vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product p,
#bgh-custom.collection-page .delhaize-leo .collection-block.product ul {
font-size: 1.13333333vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .kleur {
font-size: 1.13333333vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .kleur span {
width: 1.25vw;
height: 1.25vw;
margin: 0 0.2vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper {
padding: 0.33333333vw 0;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper .aantal-zegels {
font-size: 0.83333333vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper .kortingsprijs {
font-size: 1.66666667vw;
padding: 0 0.66666667vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper .prijs {
font-size: 1.16666667vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .voordeel {
padding-top: 0.33333333vw;
font-size: 0.83333333vw;
}
#bgh-custom.collection-page .delhaize-leo .popup-container.faq h4 {
top: 0;
}
}
@media only screen and (min-width: 1356px) {
#bgh-custom.collection-page .delhaize-leo .collection-block.product {
width: 25vw;
height: 25vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(1) {
order: 1;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(2) {
order: 2;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(3) {
order: 3;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(4) {
order: 4;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(5) {
order: 6;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(6) {
order: 7;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(7) {
order: 8;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(8) {
order: 5;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(9) {
order: 9;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(10) {
order: 10;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(11) {
order: 11;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product:nth-child(12) {
order: 12;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-1 .show-info-btn {
right: 4.25vw;
top: 15vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-2 .show-info-btn {
right: 0.5vw;
top: 8.75vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-4 .show-info-btn {
right: 8.25vw;
top: 23vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-5 .show-info-btn {
right: 8.75vw;
top: 12vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-6 .show-info-btn {
right: 5.5vw;
top: 8.75vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-7 .show-info-btn {
right: 4.75vw;
top: 7vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-8 .show-info-btn {
right: 7vw;
top: 12vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-9 .show-info-btn {
right: 2vw;
top: 12vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-10 .show-info-btn {
right: 9.5vw;
top: 17vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-11 .show-info-btn {
right: 5.5vw;
top: 9.5vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product.img-12 .show-info-btn {
right: 3.25vw;
top: 13.75vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product h4 {
font-size: 1.4vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product ul {
padding-left: 1.175vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product p,
#bgh-custom.collection-page .delhaize-leo .collection-block.product ul {
font-size: 0.85vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .kleur {
font-size: 0.85vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .kleur span {
width: 0.9375vw;
height: 0.9375vw;
margin: 0 0.15vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper {
padding: 0.25vw 0;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper .aantal-zegels {
font-size: 0.625vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper .kortingsprijs {
font-size: 1.25vw;
padding: 0 0.5vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .prijs-box .prijs-box-wrapper .prijs {
font-size: 0.875vw;
}
#bgh-custom.collection-page .delhaize-leo .collection-block.product .product-box .voordeel {
padding-top: 0.25vw;
font-size: 0.625vw;
}
#bgh-custom.collection-page .delhaize-leo .popup-container .content {
max-width: 60%;
}
}
@media only screen and (min-width: 1366px) {
#bgh-custom.collection-page .delhaize-leo .sections a.faq-btn {
padding: 0 0 0 30px;
}
}
/*FIREFOX BUG FIX*/
@-moz-document url-prefix() {
#bgh-custom.collection-page .delhaize-leo .popup-container {
transition-property: none;
}
}
/**
HTML Inline styles =================================================================================
*/
.bg-none{background:none !important}.tc-orange{color:#feb753}.bg-orange{background-color:#feb753}.bd-orange{border-color:#feb753}.tc-blood{color:#c6524c}.bg-blood{background-color:#c6524c}.bd-blood{border-color:#c6524c}.tc-grapefruit{color:#f25951}.bg-grapefruit{background-color:#f25951}.bd-grapefruit{border-color:#f25951}.tc-salmon{color:#f57a74}.bg-salmon{background-color:#f57a74}.bd-salmon{border-color:#f57a74}.tc-white{color:#fff}.bg-white{background-color:#fff}.bd-white{border-color:#fff}.tc-background{color:#fff9f2}.bg-background{background-color:#fff9f2}.bd-background{border-color:#fff9f2}.tc-border{color:#e6e0d8}.bg-border{background-color:#e6e0d8}.bd-border{border-color:#e6e0d8}.tc-footer{color:#1e1e1e}.bg-footer{background-color:#1e1e1e}.bd-footer{border-color:#1e1e1e}.tc-maroon{color:#813333}.bg-maroon{background-color:#813333}.bd-maroon{border-color:#813333}.tc-gray{color:#888888}.bg-gray{background-color:#888888}.bd-gray{border-color:#888888}.tc-dark-maroon{color:#610000}.bg-dark-maroon{background-color:#610000}.bd-dark-maroon{border-color:#610000}.tc-footer-border{color:#353535}.bg-footer-border{background-color:#353535}.bd-footer-border{border-color:#353535}.tc-form-border{color:#ccc}.bg-form-border{background-color:#ccc}.bd-form-border{border-color:#ccc}.tc-light-gray{color:#aaa}.bg-light-gray{background-color:#aaa}.bd-light-gray{border-color:#aaa}.tc-medium-gray{color:#bbb}.bg-medium-gray{background-color:#bbb}.bd-medium-gray{border-color:#bbb}.tc-slevin{color:#777}.bg-slevin{background-color:#777}.bd-slevin{border-color:#777}.tc-off-white{color:#d2d2d2}.bg-off-white{background-color:#d2d2d2}.bd-off-white{border-color:#d2d2d2}.tc-nav-bg{color:#2e3034}.bg-nav-bg{background-color:#2e3034}.bd-nav-bg{border-color:#2e3034}.tc-nav-header{color:#27292c}.bg-nav-header{background-color:#27292c}.bd-nav-header{border-color:#27292c}.tc-satan{color:#666}.bg-satan{background-color:#666}.bd-satan{border-color:#666}.tc-sidebar-border{color:#3a3d43}.bg-sidebar-border{background-color:#3a3d43}.bd-sidebar-border{border-color:#3a3d43}.tc-embed{color:#999}.bg-embed{background-color:#999}.bd-embed{border-color:#999}.tc-nav-link -hover{color:#4a4d53}.bg-nav-link -hover{background-color:#4a4d53}.bd-nav-link -hover{border-color:#4a4d53}.tc-input-color{color:#555}.bg-input-color{background-color:#555}.bd-input-color{border-color:#555}.tc-white-field{color:#f9f8f6}.bg-white-field{background-color:#f9f8f6}.bd-white-field{border-color:#f9f8f6}.j-facebook{background:#3B5998}.j-facebook:before{content:"п‚љ"}.j-facebook-border{border-color:#3B5998}.j-facebook-text{color:#3B5998;background:transparent}.j-facebook-text:before{color:#3B5998}.j-facebook-hover.highlight,.j-facebook-hover:hover{background:#3B5998 !important;color:white;border-bottom:1px solid #2d4373 !important}.j-facebook-hover.highlight:before,.j-facebook-hover:hover:before{color:white}.j-twitter{background:#55ACEE}.j-twitter:before{content:"п‚™"}.j-twitter-border{border-color:#55ACEE}.j-twitter-text{color:#55ACEE;background:transparent}.j-twitter-text:before{color:#55ACEE}.j-twitter-hover.highlight,.j-twitter-hover:hover{background:#55ACEE !important;color:white;border-bottom:1px solid #2795e9 !important}.j-twitter-hover.highlight:before,.j-twitter-hover:hover:before{color:white}.j-instagram{background:#3F729B}.j-instagram:before{content:"п…"}.j-instagram-border{border-color:#3F729B}.j-instagram-text{color:#3F729B;background:transparent}.j-instagram-text:before{color:#3F729B}.j-instagram-hover.highlight,.j-instagram-hover:hover{background:#3F729B !important;color:white;border-bottom:1px solid #305777 !important}.j-instagram-hover.highlight:before,.j-instagram-hover:hover:before{color:white}.j-youtube{background:#CC181E}.j-youtube:before{content:"п…§"}.j-youtube-border{border-color:#CC181E}.j-youtube-text{color:#CC181E;background:transparent}.j-youtube-text:before{color:#CC181E}.j-youtube-hover.highlight,.j-youtube-hover:hover{background:#CC181E !important;color:white;border-bottom:1px solid #9e1317 !important}.j-youtube-hover.highlight:before,.j-youtube-hover:hover:before{color:white}.j-tumblr{background:#375471}.j-tumblr:before{content:"п…і"}.j-tumblr-border{border-color:#375471}.j-tumblr-text{color:#375471;background:transparent}.j-tumblr-text:before{color:#375471}.j-tumblr-hover.highlight,.j-tumblr-hover:hover{background:#375471 !important;color:white;border-bottom:1px solid #263b4f !important}.j-tumblr-hover.highlight:before,.j-tumblr-hover:hover:before{color:white}.j-googleplus{background:#DD4B39}.j-googleplus:before{content:"пѓ•"}.j-googleplus-border{border-color:#DD4B39}.j-googleplus-text{color:#DD4B39;background:transparent}.j-googleplus-text:before{color:#DD4B39}.j-googleplus-hover.highlight,.j-googleplus-hover:hover{background:#DD4B39 !important;color:white;border-bottom:1px solid #c23321 !important}.j-googleplus-hover.highlight:before,.j-googleplus-hover:hover:before{color:white}.j-pinterest{background:#CB2028}.j-pinterest:before{content:"пѓ’"}.j-pinterest-border{border-color:#CB2028}.j-pinterest-text{color:#CB2028;background:transparent}.j-pinterest-text:before{color:#CB2028}.j-pinterest-hover.highlight,.j-pinterest-hover:hover{background:#CB2028 !important;color:white;border-bottom:1px solid #9f191f !important}.j-pinterest-hover.highlight:before,.j-pinterest-hover:hover:before{color:white}.j-blog{background:#FF6600}.j-blog:before{content:"п‚ћ"}.j-blog-border{border-color:#FF6600}.j-blog-text{color:#FF6600;background:transparent}.j-blog-text:before{color:#FF6600}.j-blog-hover.highlight,.j-blog-hover:hover{background:#FF6600 !important;color:white;border-bottom:1px solid #cc5200 !important}.j-blog-hover.highlight:before,.j-blog-hover:hover:before{color:white}.j-vine{background:#00BF8F}.j-vine:before{content:"п‡Љ"}.j-vine-border{border-color:#00BF8F}.j-vine-text{color:#00BF8F;background:transparent}.j-vine-text:before{color:#00BF8F}.j-vine-hover.highlight,.j-vine-hover:hover{background:#00BF8F !important;color:white;border-bottom:1px solid #008c69 !important}.j-vine-hover.highlight:before,.j-vine-hover:hover:before{color:white}.j-soundcloud{background:#f30}.j-soundcloud:before{content:"п†ѕ"}.j-soundcloud-border{border-color:#f30}.j-soundcloud-text{color:#f30;background:transparent}.j-soundcloud-text:before{color:#f30}.j-soundcloud-hover.highlight,.j-soundcloud-hover:hover{background:#f30 !important;color:white;border-bottom:1px solid #cc2900 !important}.j-soundcloud-hover.highlight:before,.j-soundcloud-hover:hover:before{color:white}.j-linkedin{background:#007bb6}.j-linkedin:before{content:"пѓЎ"}.j-linkedin-border{border-color:#007bb6}.j-linkedin-text{color:#007bb6;background:transparent}.j-linkedin-text:before{color:#007bb6}.j-linkedin-hover.highlight,.j-linkedin-hover:hover{background:#007bb6 !important;color:white;border-bottom:1px solid #005983 !important}.j-linkedin-hover.highlight:before,.j-linkedin-hover:hover:before{color:white}.j-flickr{background:#ff0084}.j-flickr:before{content:"п…®"}.j-flickr-border{border-color:#ff0084}.j-flickr-text{color:#ff0084;background:transparent}.j-flickr-text:before{color:#ff0084}.j-flickr-hover.highlight,.j-flickr-hover:hover{background:#ff0084 !important;color:white;border-bottom:1px solid #cc006a !important}.j-flickr-hover.highlight:before,.j-flickr-hover:hover:before{color:white}.j-vimeo{background:#1AB7EA}.j-vimeo:before{content:""}.j-vimeo-border{border-color:#1AB7EA}.j-vimeo-text{color:#1AB7EA;background:transparent}.j-vimeo-text:before{color:#1AB7EA}.j-vimeo-hover.highlight,.j-vimeo-hover:hover{background:#1AB7EA !important;color:white;border-bottom:1px solid #1295bf !important}.j-vimeo-hover.highlight:before,.j-vimeo-hover:hover:before{color:white}.j-hashtag{background:#F17E6F}.j-hashtag:before{content:"п†"}.j-hashtag-border{border-color:#F17E6F}.j-hashtag-text{color:#F17E6F;background:transparent}.j-hashtag-text:before{color:#F17E6F}.j-hashtag-hover.highlight,.j-hashtag-hover:hover{background:#F17E6F !important;color:white;border-bottom:1px solid #ec5441 !important}.j-hashtag-hover.highlight:before,.j-hashtag-hover:hover:before{color:white}.j-yelp{background:#C41200}.j-yelp:before{content:""}.j-yelp-border{border-color:#C41200}.j-yelp-text{color:#C41200;background:transparent}.j-yelp-text:before{color:#C41200}.j-yelp-hover.highlight,.j-yelp-hover:hover{background:#C41200 !important;color:white;border-bottom:1px solid #910d00 !important}.j-yelp-hover.highlight:before,.j-yelp-hover:hover:before{color:white}.j-deviantart{background:#05cc47}.j-deviantart:before{content:"п†Ѕ"}.j-deviantart-border{border-color:#05cc47}.j-deviantart-text{color:#05cc47;background:transparent}.j-deviantart-text:before{color:#05cc47}.j-deviantart-hover.highlight,.j-deviantart-hover:hover{background:#05cc47 !important;color:white;border-bottom:1px solid #049a36 !important}.j-deviantart-hover.highlight:before,.j-deviantart-hover:hover:before{color:white}.j-email{background:#F17E6F}.j-email:before{content:"пѓ "}.j-email-border{border-color:#F17E6F}.j-email-text{color:#F17E6F;background:transparent}.j-email-text:before{color:#F17E6F}.j-email-hover.highlight,.j-email-hover:hover{background:#F17E6F !important;color:white;border-bottom:1px solid #ec5441 !important}.j-email-hover.highlight:before,.j-email-hover:hover:before{color:white}.j-slack{background:#6ecadc}.j-slack:before{content:"п†"}.j-slack-border{border-color:#6ecadc}.j-slack-text{color:#6ecadc;background:transparent}.j-slack-text:before{color:#6ecadc}.j-slack-hover.highlight,.j-slack-hover:hover{background:#6ecadc !important;color:white;border-bottom:1px solid #45bbd2 !important}.j-slack-hover.highlight:before,.j-slack-hover:hover:before{color:white}.j-spotify{background:#1ed760}.j-spotify:before{content:"п†ј"}.j-spotify-border{border-color:#1ed760}.j-spotify-text{color:#1ed760;background:transparent}.j-spotify-text:before{color:#1ed760}.j-spotify-hover.highlight,.j-spotify-hover:hover{background:#1ed760 !important;color:white;border-bottom:1px solid #18aa4c !important}.j-spotify-hover.highlight:before,.j-spotify-hover:hover:before{color:white}.j-giphy{background:#232830}.j-giphy:before{content:"пЂ–"}.j-giphy-border{border-color:#232830}.j-giphy-text{color:#232830;background:transparent}.j-giphy-text:before{color:#232830}.j-giphy-hover.highlight,.j-giphy-hover:hover{background:#232830 !important;color:white;border-bottom:1px solid #0d0f13 !important}.j-giphy-hover.highlight:before,.j-giphy-hover:hover:before{color:white}.j-soundcloud:before{position:relative;left:-4px}.j-googleplus:before{position:relative;left:-0.15em}.j-hashtag:before{-moz-transform:rotate(19deg);-ms-transform:rotate(19deg);-webkit-transform:rotate(19deg);transform:rotate(19deg);position:relative;left:-2px}.j-juicer:before{content:url(//assets.juicer.io/small-square-5c1396a2ebe4ff05db2926e880300420d3de4482b82fad44edb5956de50e5a9b.png)}.j-email:before{position:relative;top:-1px !important}.j-social-icon:before{font-family:'fontawesome-webfont'}@font-face{font-family:"fontawesome-webfont";src:url(//assets.juicer.io/fontawesome-webfont-7bfcab6db99d5cfbf1705ca0536ddc78585432cc5fa41bbd7ad0f009033b2979.eot);src:url(//assets.juicer.io/fontawesome-webfont-7bfcab6db99d5cfbf1705ca0536ddc78585432cc5fa41bbd7ad0f009033b2979.eot?#iefix) format("embedded-opentype"),url(//assets.juicer.io/fontawesome-webfont-adbc4f95eb6d7f2738959cf0ecbc374672fce47e856050a8e9791f457623ac2c.woff) format("woff"),url(//assets.juicer.io/fontawesome-webfont-ae19e2e4c04f2b04bf030684c4c1db8faf5c8fe3ee03d1e0c409046608b38912.ttf) format("truetype"),url(//assets.juicer.io/fontawesome-webfont-e0d04e3fed3df6f5d84bc45d9b96279e7177b1b8c3d18d567af75af5997ff73b.svg#fontawesome-webfont) format("svg");font-weight:normal;font-style:normal}.j-sprite,.juicer-feed h1.referral a:after,.juicer-feed li.feed-item.j-twitter .j-retweet:before,.juicer-feed .j-meta .j-twitter-intents a,.j-gallery .j-image:after,.j-gallery-nav .j-gallery-arrow,.j-overlay .j-close{text-indent:-9999px;display:block;background-repeat:no-repeat;background-image:url(//assets.juicer.io/embed-sa624fbec2c-4fecd24066ded341efee40608d065d30fc9c4de2c0e3aab0829cd35669c57823.png)}@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2){.j-sprite,.juicer-feed h1.referral a:after,.juicer-feed li.feed-item.j-twitter .j-retweet:before,.juicer-feed .j-meta .j-twitter-intents a,.j-gallery .j-image:after,.j-gallery-nav .j-gallery-arrow,.j-overlay .j-close{background-image:url(//assets.juicer.io/embed-retina-s1ef173355c-32a8eff53c6a00182f28e0f256cc0edcd4d7741a0c042b7abd087bf6030e2af4.png)}}.j-loading-container{width:100%;position:absolute;z-index:99;height:100%;background:rgba(242,242,242,0.6);top:0}.j-loading-container .j-loading{position:fixed;left:58.5%}@media all and (max-width: 1000px){.j-loading-container .j-loading{left:50%}}.source-form .j-loading{margin:35px auto 0}.j-loading{-moz-animation:loader 2s infinite ease;-webkit-animation:loader 2s infinite ease;animation:loader 2s infinite ease;width:30px;height:30px;border:4px solid #F17E6F;margin:0 auto;font-size:0;color:transparent}.j-loading:before{-moz-animation:loader-inner 2s infinite ease-in;-webkit-animation:loader-inner 2s infinite ease-in;animation:loader-inner 2s infinite ease-in;vertical-align:top;display:inline-block;width:100%;background-color:#F17E6F;content:''}@-moz-keyframes loader{0%{transform:rotate(0deg)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes loader{0%{transform:rotate(0deg)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@keyframes loader{0%{transform:rotate(0deg)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@-moz-keyframes loader-inner{0%{height:0%}25%{height:0%}50%{height:100%}75%{height:100%}100%{height:0%}}@-webkit-keyframes loader-inner{0%{height:0%}25%{height:0%}50%{height:100%}75%{height:100%}100%{height:0%}}@keyframes loader-inner{0%{height:0%}25%{height:0%}50%{height:100%}75%{height:100%}100%{height:0%}}.juicer-feed{*zoom:1;-moz-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;-webkit-overflow-scrolling:touch;width:100%;position:relative;margin:0 auto !important;overflow-y:auto;overflow-x:hidden;padding:0;line-height:1.4}.juicer-feed:after{content:"";display:table;clear:both}.juicer-feed .j-stacker{display:table;table-layout:fixed;width:100%}.juicer-feed .j-stacker>*{display:table-cell !important;vertical-align:top;float:none !important}.juicer-feed *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.juicer-feed.loaded{visibility:visible;opacity:1}.juicer-feed .j-loading-wrapper,.juicer-feed .j-paginate{margin:50px auto}.juicer-feed .j-paginate{-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;display:inline-block;border:2px solid #F17E6F;font-size:12px;font-weight:bold;letter-spacing:0.5px;color:#F17E6F;text-align:center;padding:12px 0 10px;cursor:pointer;background-color:transparent;width:150px;display:block;text-transform:uppercase}.juicer-feed .j-paginate:hover{background:#F17E6F;color:#F2F2F2}.juicer-feed a{text-decoration:none !important;border-bottom:none}.juicer-feed h1.referral{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;margin:0 auto 30px;text-align:center;display:block;white-space:nowrap}.juicer-feed h1.referral a{color:#f05a4b;display:inline-block}.juicer-feed h1.referral a:after{height:25px;width:14px;background-position:100% -168px;content:'';display:inline-block;vertical-align:middle;margin-left:10px;position:relative;top:-1px}@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2){.juicer-feed h1.referral a:after{background-position:100% -336px;-moz-background-size:18px auto;-o-background-size:18px auto;-webkit-background-size:18px auto;background-size:18px auto;background-position:100% -168px}}.juicer-feed .bulk-moderate{color:white}.juicer-feed .bulk-moderate:hover{color:white}.juicer-feed .emoji{width:1.5em !important;height:1.5em !important;margin-bottom:0 !important;margin-bottom:-0.25em !important;display:inline-block}.juicer-feed.photos-only li.words{display:none}.juicer-feed.white li.feed-item,.juicer-feed.user li.feed-item,.juicer-feed.image-grid li.feed-item,.juicer-feed.hip li.feed-item,.juicer-feed.gray li.feed-item,.juicer-feed.modern li.feed-item,.juicer-feed.polaroid li.feed-item{opacity:0}.juicer-feed.hover-images .feed-item.j-twitter .j-retweet:before{height:13px;width:18px;background-position:0 -636px}@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2){.juicer-feed.hover-images .feed-item.j-twitter .j-retweet:before{background-position:0 -1272px;-moz-background-size:18px auto;-o-background-size:18px auto;-webkit-background-size:18px auto;background-size:18px auto;background-position:0 -636px}}.juicer-feed.hover-images .feed-item.j-twitter .j-twitter-meta{color:white}.juicer-feed.hover-images .feed-item.j-twitter .j-twitter-meta a{font-weight:normal}.juicer-feed.hover-images .feed-item.j-twitter.image-post .j-image,.juicer-feed.hover-images .feed-item.j-twitter.j-video .j-image,.juicer-feed.hover-images .feed-item.j-twitter.slick-slide .j-image{position:absolute;width:100%;height:100%}.juicer-feed.hover-images .feed-item.j-twitter.image-post .j-image img,.juicer-feed.hover-images .feed-item.j-twitter.j-video .j-image img,.juicer-feed.hover-images .feed-item.j-twitter.slick-slide .j-image img{height:100% !important;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%)}.juicer-feed.hover-images .feed-item.j-twitter.image-post .j-message,.juicer-feed.hover-images .feed-item.j-twitter.j-video .j-message,.juicer-feed.hover-images .feed-item.j-twitter.slick-slide .j-message{color:white}.juicer-feed.hover-images .feed-item.j-twitter.j-video .j-image:before{content:''}.juicer-feed.white .feed-item.j-twitter .j-image,.juicer-feed.user .feed-item.j-twitter .j-image,.juicer-feed.juicer-widget .feed-item.j-twitter .j-image,.juicer-feed.colors .feed-item.j-twitter .j-image,.juicer-feed.gray .feed-item.j-twitter .j-image{margin-top:20px;display:block}.juicer-feed.white li.feed-item,.juicer-feed.user li.feed-item,.juicer-feed.juicer-widget li.feed-item,.juicer-feed.colors li.feed-item,.juicer-feed.gray li.feed-item,.juicer-feed.modern li.feed-item,.juicer-feed.polaroid li.feed-item{padding:10px;background:white;color:#3A3A3A;margin-bottom:5%;border-color:#e5e5e5;border-style:solid;border-width:0 1px 1px 0;white-space:normal;float:none;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.juicer-feed.white li.feed-item.juicer,.juicer-feed.user li.feed-item.juicer,.juicer-feed.juicer-widget li.feed-item.juicer,.juicer-feed.colors li.feed-item.juicer,.juicer-feed.gray li.feed-item.juicer,.juicer-feed.modern li.feed-item.juicer,.juicer-feed.polaroid li.feed-item.juicer{background:#F17E6F;color:white}.juicer-feed.white li.feed-item.juicer a,.juicer-feed.user li.feed-item.juicer a,.juicer-feed.juicer-widget li.feed-item.juicer a,.juicer-feed.colors li.feed-item.juicer a,.juicer-feed.gray li.feed-item.juicer a,.juicer-feed.modern li.feed-item.juicer a,.juicer-feed.polaroid li.feed-item.juicer a{color:white;text-decoration:underline !important}.juicer-feed.white li.feed-item.juicer a:hover,.juicer-feed.user li.feed-item.juicer a:hover,.juicer-feed.juicer-widget li.feed-item.juicer a:hover,.juicer-feed.colors li.feed-item.juicer a:hover,.juicer-feed.gray li.feed-item.juicer a:hover,.juicer-feed.modern li.feed-item.juicer a:hover,.juicer-feed.polaroid li.feed-item.juicer a:hover{color:white}.juicer-feed.white li.feed-item.j-twitter .j-text,.juicer-feed.user li.feed-item.j-twitter .j-text,.juicer-feed.juicer-widget li.feed-item.j-twitter .j-text,.juicer-feed.colors li.feed-item.j-twitter .j-text,.juicer-feed.gray li.feed-item.j-twitter .j-text,.juicer-feed.modern li.feed-item.j-twitter .j-text,.juicer-feed.polaroid li.feed-item.j-twitter .j-text{padding:20px}.juicer-feed.white li.feed-item.j-twitter .j-message,.juicer-feed.user li.feed-item.j-twitter .j-message,.juicer-feed.juicer-widget li.feed-item.j-twitter .j-message,.juicer-feed.colors li.feed-item.j-twitter .j-message,.juicer-feed.gray li.feed-item.j-twitter .j-message,.juicer-feed.modern li.feed-item.j-twitter .j-message,.juicer-feed.polaroid li.feed-item.j-twitter .j-message{color:#5c5c5c;font-weight:bold;font-size:18px}.juicer-feed.white li.feed-item .j-message a,.juicer-feed.white li.feed-item .j-edit a,.juicer-feed.user li.feed-item .j-message a,.juicer-feed.user li.feed-item .j-edit a,.juicer-feed.juicer-widget li.feed-item .j-message a,.juicer-feed.juicer-widget li.feed-item .j-edit a,.juicer-feed.colors li.feed-item .j-message a,.juicer-feed.colors li.feed-item .j-edit a,.juicer-feed.gray li.feed-item .j-message a,.juicer-feed.gray li.feed-item .j-edit a,.juicer-feed.modern li.feed-item .j-message a,.juicer-feed.modern li.feed-item .j-edit a,.juicer-feed.polaroid li.feed-item .j-message a,.juicer-feed.polaroid li.feed-item .j-edit a{font-weight:bold}.juicer-feed.white img,.juicer-feed.white .video-wrapper,.juicer-feed.white .vine-wrapper,.juicer-feed.white .instagram-wrapper,.juicer-feed.white .twitter-wrapper,.juicer-feed.user img,.juicer-feed.user .video-wrapper,.juicer-feed.user .vine-wrapper,.juicer-feed.user .instagram-wrapper,.juicer-feed.user .twitter-wrapper,.juicer-feed.juicer-widget img,.juicer-feed.juicer-widget .video-wrapper,.juicer-feed.juicer-widget .vine-wrapper,.juicer-feed.juicer-widget .instagram-wrapper,.juicer-feed.juicer-widget .twitter-wrapper,.juicer-feed.colors img,.juicer-feed.colors .video-wrapper,.juicer-feed.colors .vine-wrapper,.juicer-feed.colors .instagram-wrapper,.juicer-feed.colors .twitter-wrapper,.juicer-feed.gray img,.juicer-feed.gray .video-wrapper,.juicer-feed.gray .vine-wrapper,.juicer-feed.gray .instagram-wrapper,.juicer-feed.gray .twitter-wrapper,.juicer-feed.modern img,.juicer-feed.modern .video-wrapper,.juicer-feed.modern .vine-wrapper,.juicer-feed.modern .instagram-wrapper,.juicer-feed.modern .twitter-wrapper,.juicer-feed.polaroid img,.juicer-feed.polaroid .video-wrapper,.juicer-feed.polaroid .vine-wrapper,.juicer-feed.polaroid .instagram-wrapper,.juicer-feed.polaroid .twitter-wrapper{width:100%;margin-bottom:10px}.juicer-feed.white img iframe,.juicer-feed.white img video,.juicer-feed.white img embed,.juicer-feed.white .video-wrapper iframe,.juicer-feed.white .video-wrapper video,.juicer-feed.white .video-wrapper embed,.juicer-feed.white .vine-wrapper iframe,.juicer-feed.white .vine-wrapper video,.juicer-feed.white .vine-wrapper embed,.juicer-feed.white .instagram-wrapper iframe,.juicer-feed.white .instagram-wrapper video,.juicer-feed.white .instagram-wrapper embed,.juicer-feed.white .twitter-wrapper iframe,.juicer-feed.white .twitter-wrapper video,.juicer-feed.white .twitter-wrapper embed,.juicer-feed.user img iframe,.juicer-feed.user img video,.juicer-feed.user img embed,.juicer-feed.user .video-wrapper iframe,.juicer-feed.user .video-wrapper video,.juicer-feed.user .video-wrapper embed,.juicer-feed.user .vine-wrapper iframe,.juicer-feed.user .vine-wrapper video,.juicer-feed.user .vine-wrapper embed,.juicer-feed.user .instagram-wrapper iframe,.juicer-feed.user .instagram-wrapper video,.juicer-feed.user .instagram-wrapper embed,.juicer-feed.user .twitter-wrapper iframe,.juicer-feed.user .twitter-wrapper video,.juicer-feed.user .twitter-wrapper embed,.juicer-feed.juicer-widget img iframe,.juicer-feed.juicer-widget img video,.juicer-feed.juicer-widget img embed,.juicer-feed.juicer-widget .video-wrapper iframe,.juicer-feed.juicer-widget .video-wrapper video,.juicer-feed.juicer-widget .video-wrapper embed,.juicer-feed.juicer-widget .vine-wrapper iframe,.juicer-feed.juicer-widget .vine-wrapper video,.juicer-feed.juicer-widget .vine-wrapper embed,.juicer-feed.juicer-widget .instagram-wrapper iframe,.juicer-feed.juicer-widget .instagram-wrapper video,.juicer-feed.juicer-widget .instagram-wrapper embed,.juicer-feed.juicer-widget .twitter-wrapper iframe,.juicer-feed.juicer-widget .twitter-wrapper video,.juicer-feed.juicer-widget .twitter-wrapper embed,.juicer-feed.colors img iframe,.juicer-feed.colors img video,.juicer-feed.colors img embed,.juicer-feed.colors .video-wrapper iframe,.juicer-feed.colors .video-wrapper video,.juicer-feed.colors .video-wrapper embed,.juicer-feed.colors .vine-wrapper iframe,.juicer-feed.colors .vine-wrapper video,.juicer-feed.colors .vine-wrapper embed,.juicer-feed.colors .instagram-wrapper iframe,.juicer-feed.colors .instagram-wrapper video,.juicer-feed.colors .instagram-wrapper embed,.juicer-feed.colors .twitter-wrapper iframe,.juicer-feed.colors .twitter-wrapper video,.juicer-feed.colors .twitter-wrapper embed,.juicer-feed.gray img iframe,.juicer-feed.gray img video,.juicer-feed.gray img embed,.juicer-feed.gray .video-wrapper iframe,.juicer-feed.gray .video-wrapper video,.juicer-feed.gray .video-wrapper embed,.juicer-feed.gray .vine-wrapper iframe,.juicer-feed.gray .vine-wrapper video,.juicer-feed.gray .vine-wrapper embed,.juicer-feed.gray .instagram-wrapper iframe,.juicer-feed.gray .instagram-wrapper video,.juicer-feed.gray .instagram-wrapper embed,.juicer-feed.gray .twitter-wrapper iframe,.juicer-feed.gray .twitter-wrapper video,.juicer-feed.gray .twitter-wrapper embed,.juicer-feed.modern img iframe,.juicer-feed.modern img video,.juicer-feed.modern img embed,.juicer-feed.modern .video-wrapper iframe,.juicer-feed.modern .video-wrapper video,.juicer-feed.modern .video-wrapper embed,.juicer-feed.modern .vine-wrapper iframe,.juicer-feed.modern .vine-wrapper video,.juicer-feed.modern .vine-wrapper embed,.juicer-feed.modern .instagram-wrapper iframe,.juicer-feed.modern .instagram-wrapper video,.juicer-feed.modern .instagram-wrapper embed,.juicer-feed.modern .twitter-wrapper iframe,.juicer-feed.modern .twitter-wrapper video,.juicer-feed.modern .twitter-wrapper embed,.juicer-feed.polaroid img iframe,.juicer-feed.polaroid img video,.juicer-feed.polaroid img embed,.juicer-feed.polaroid .video-wrapper iframe,.juicer-feed.polaroid .video-wrapper video,.juicer-feed.polaroid .video-wrapper embed,.juicer-feed.polaroid .vine-wrapper iframe,.juicer-feed.polaroid .vine-wrapper video,.juicer-feed.polaroid .vine-wrapper embed,.juicer-feed.polaroid .instagram-wrapper iframe,.juicer-feed.polaroid .instagram-wrapper video,.juicer-feed.polaroid .instagram-wrapper embed,.juicer-feed.polaroid .twitter-wrapper iframe,.juicer-feed.polaroid .twitter-wrapper video,.juicer-feed.polaroid .twitter-wrapper embed{height:100% !important}.juicer-feed.white .j-meta ul,.juicer-feed.user .j-meta ul,.juicer-feed.juicer-widget .j-meta ul,.juicer-feed.colors .j-meta ul,.juicer-feed.gray .j-meta ul,.juicer-feed.modern .j-meta ul,.juicer-feed.polaroid .j-meta ul{margin:0;padding:0}.juicer-feed.colors .j-meta a.j-social.j-facebook,.juicer-feed.colored-icons .j-meta a.j-social.j-facebook{color:#3B5998}.juicer-feed.colors .j-meta a.j-social.j-instagram,.juicer-feed.colored-icons .j-meta a.j-social.j-instagram{color:#3F729B}.juicer-feed.colors .j-meta a.j-social.j-twitter,.juicer-feed.colored-icons .j-meta a.j-social.j-twitter{color:#55ACEE}.juicer-feed.colors .j-meta a.j-social.j-youtube,.juicer-feed.colored-icons .j-meta a.j-social.j-youtube{color:#CC181E}.juicer-feed.colors .j-meta a.j-social.j-tumblr,.juicer-feed.colored-icons .j-meta a.j-social.j-tumblr{color:#375471}.juicer-feed.colors .j-meta a.j-social.j-googleplus,.juicer-feed.colored-icons .j-meta a.j-social.j-googleplus{color:#DD4B39}.juicer-feed.colors .j-meta a.j-social.j-pinterest,.juicer-feed.colored-icons .j-meta a.j-social.j-pinterest{color:#CB2028}.juicer-feed.colors .j-meta a.j-social.j-blog,.juicer-feed.colored-icons .j-meta a.j-social.j-blog{color:#FF6600}.juicer-feed.colors .j-meta a.j-social.j-vine,.juicer-feed.colored-icons .j-meta a.j-social.j-vine{color:#00BF8F}.juicer-feed.colors .j-meta a.j-social.j-soundcloud,.juicer-feed.colored-icons .j-meta a.j-social.j-soundcloud{color:#f30}.juicer-feed.colors .j-meta a.j-social.j-linkedin,.juicer-feed.colored-icons .j-meta a.j-social.j-linkedin{color:#007bb6}.juicer-feed.colors .j-meta a.j-social.j-flickr,.juicer-feed.colored-icons .j-meta a.j-social.j-flickr{color:#ff0084}.juicer-feed.colors .j-meta a.j-social.j-vimeo,.juicer-feed.colored-icons .j-meta a.j-social.j-vimeo{color:#1AB7EA}.juicer-feed.colors .j-meta a.j-social.j-hashtag,.juicer-feed.colored-icons .j-meta a.j-social.j-hashtag{color:#F17E6F}.juicer-feed.colors .j-meta a.j-social.j-yelp,.juicer-feed.colored-icons .j-meta a.j-social.j-yelp{color:#C41200}.juicer-feed.colors .j-meta a.j-social.j-deviantart,.juicer-feed.colored-icons .j-meta a.j-social.j-deviantart{color:#05cc47}.juicer-feed.colors .j-meta a.j-social.j-email,.juicer-feed.colored-icons .j-meta a.j-social.j-email{color:#F17E6F}.juicer-feed.colors .j-meta a.j-social.j-slack,.juicer-feed.colored-icons .j-meta a.j-social.j-slack{color:#6ecadc}.juicer-feed.colors .j-meta a.j-social.j-spotify,.juicer-feed.colored-icons .j-meta a.j-social.j-spotify{color:#1ed760}.juicer-feed.colors .j-meta a.j-social.j-giphy,.juicer-feed.colored-icons .j-meta a.j-social.j-giphy{color:#232830}.juicer-feed li.feed-item{position:relative;width:100%;text-align:left;margin:0;list-style-type:none;display:block}.juicer-feed li.feed-item:before{content:''}.juicer-feed li.feed-item:hover ul.actions{visibility:visible;opacity:1}.juicer-feed li.feed-item.j-video a.j-image{position:relative;display:block}.juicer-feed li.feed-item.j-video a.j-image:before{font-family:"fontawesome-webfont", Helvetica, Arial, sans-serif;font-size:2.5rem;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-shadow:0px 0px 4px #999;content:'\f04b';color:white;position:absolute;left:50%;top:50%;z-index:3}.juicer-feed li.feed-item.j-video a.j-image.playing:before{opacity:0;content:'\f04c'}.juicer-feed li.feed-item.j-video a.j-image.playing:hover:before{opacity:1}@media all and (max-width: 500px){.juicer-feed li.feed-item.j-video a.j-image.playing:before{display:none}}.juicer-feed li.feed-item.j-video.flickr .j-image.playing:before{display:none}.juicer-feed li.feed-item.j-twitter .j-poster img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border-color:white;margin:0 11px 0 0;height:30px}.juicer-feed li.feed-item.j-twitter .j-twitter-meta{font-size:12px;letter-spacing:0;font-weight:normal;color:#bababa;margin-bottom:5px}.juicer-feed li.feed-item.j-twitter .j-twitter-meta a{font-weight:normal;color:#bababa}.juicer-feed li.feed-item.j-twitter .j-retweet:before{height:13px;width:18px;background-position:0 -510px;content:'';display:inline-block;margin-right:5px;position:relative;top:2px}@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2){.juicer-feed li.feed-item.j-twitter .j-retweet:before{background-position:0 -1020px;-moz-background-size:18px auto;-o-background-size:18px auto;-webkit-background-size:18px auto;background-size:18px auto;background-position:0 -510px}}.juicer-feed li.feed-item.j-twitter .j-twitter-quote{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:1px solid #e6e6e6;padding:12px;font-size:12px;line-height:1.4;font-weight:normal;margin-top:25px;letter-spacing:0}.juicer-feed li.feed-item.j-twitter .j-twitter-quote-display-name,.juicer-feed li.feed-item.j-twitter .j-twitter-quote-screen-name{display:inline-block}.juicer-feed li.feed-item.j-twitter .j-twitter-quote-screen-name{margin:0 0 10px 10px;font-weight:normal;color:#999}.juicer-feed ul.actions{visibility:hidden;opacity:0;position:absolute;top:0;right:0;font-weight:bold;z-index:4}.juicer-feed ul.actions li{padding:10px 15px;cursor:pointer;background:rgba(119,124,133,0.7);color:white;display:inline-block;margin-left:1px;font-size:12px}.juicer-feed ul.actions li:hover{background:#777c85}.juicer-feed ul.actions li.primary{background:rgba(245,122,116,0.7)}.juicer-feed ul.actions li.primary:hover{background:#f57a74}.juicer-feed .empty{padding:250px 0;text-align:center}.juicer-feed .empty h2{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.5rem;font-weight:bold}.juicer-feed .empty a{color:#F17E6F}.juicer-feed a{-moz-transition:color 0.2s ease-in-out;-o-transition:color 0.2s ease-in-out;-webkit-transition:color 0.2s ease-in-out;transition:color 0.2s ease-in-out;color:#3A3A3A}.juicer-feed a:hover{color:#F17E6F}.juicer-feed hr{display:none}.juicer-feed .j-title{font-weight:bold}.juicer-feed.j-mobile li.feed-item.j-video a.j-image.playing:before{display:none}.juicer-feed ul.j-filters{overflow:hidden;*zoom:1;display:-webkit-flex;display:flex;display:-ms-flexbox;-webkit-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-flow:row wrap;-webkit-justify-content:center;justify-content:center;-ms-flex-pack:center;list-style-type:none;width:100%;margin:0 0 25px 0}.juicer-feed ul.j-filters li{color:white;padding:10px;cursor:pointer;font-size:14px;font-weight:bold;white-space:nowrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis;position:relative;text-align:left;list-style-type:none;margin:0;width:190px;display:inline-block}.juicer-feed ul.j-filters li:before{font-family:"fontawesome-webfont", Helvetica, Arial, sans-serif;font-size:14px;margin:0 5px 0 0;font-weight:normal}.juicer-feed ul.j-filters li:hover:after,.juicer-feed ul.j-filters li.selected:after,.juicer-feed ul.j-filters li.highlight:after{content:'';display:block;width:100%;height:4px;background:#F17E6F;bottom:0;left:0;position:absolute}.juicer-feed ul.j-filters li.all,.juicer-feed ul.j-filters li.grouped,.juicer-feed ul.j-filters li.moderate-filter{background:#232830}.juicer-feed ul.j-filters li.all:before,.juicer-feed ul.j-filters li.grouped:before,.juicer-feed ul.j-filters li.moderate-filter:before{content:'\f0c0'}.juicer-feed ul.j-filters li.grouped,.juicer-feed ul.j-filters li.moderate-filter{border-right:1px solid #e5e5e5}.juicer-feed ul.j-filters li.grouped:before,.juicer-feed ul.j-filters li.moderate-filter:before{content:''}.juicer-feed ul.j-filters li.grouped:last-of-type,.juicer-feed ul.j-filters li.moderate-filter:last-of-type{border:none}.juicer-feed ul.j-filters li.moderate-filter{width:auto}@media all and (max-width: 500px){.juicer-feed ul.j-filters li{width:33.333%}}.juicer-feed .j-display-filters{text-align:center;margin:15px 0 30px;font-weight:500;font-size:11px;text-transform:uppercase;color:#777}.juicer-feed .j-display-filters li{display:inline-block;margin:0 20px 20px 0;cursor:pointer;background:white;padding:7px 10px;border-bottom:1px solid #e5e4e4}.juicer-feed .j-display-filters li:first-of-type{margin:0 20px 20px 20px}.juicer-feed .j-display-filters li:last-of-type{margin:0 0 20px 0}.juicer-feed .j-display-filters li:before{margin-right:8px;line-height:11px;font-size:14px;position:relative;top:1px}.juicer-feed .j-display-filters li.all{color:#f57a74}.juicer-feed .j-display-filters li.all:before{content:'\f0c0'}.juicer-feed .j-display-filters li.all.highlight,.juicer-feed .j-display-filters li.all:hover{background:#f57a74 !important;color:white;border-bottom:1px solid #f24c44 !important}.juicer-feed .j-display-filters li.grouped,.juicer-feed .j-display-filters li.moderate-filter{color:#3A3A3A}.juicer-feed .j-display-filters li.grouped.highlight,.juicer-feed .j-display-filters li.grouped:hover,.juicer-feed .j-display-filters li.grouped.selected,.juicer-feed .j-display-filters li.moderate-filter.highlight,.juicer-feed .j-display-filters li.moderate-filter:hover,.juicer-feed .j-display-filters li.moderate-filter.selected{background:#3A3A3A !important;color:white;border-bottom:1px solid #212121 !important}.juicer-feed .j-display-filters li.grouped:before,.juicer-feed .j-display-filters li.moderate-filter:before{content:'';margin-right:0}.juicer-feed .j-meta{margin-top:25px}.juicer-feed .j-meta a{color:#bababa}.juicer-feed .j-meta a:hover{color:#F17E6F}.juicer-feed .j-meta ul{display:inline-block;width:auto !important;padding:0;margin:0;font-size:1em;line-height:1em;float:none}.juicer-feed .j-meta li{display:inline-block;margin:0 10px 0 0;padding:0;background-image:none;border:none;font-size:1em;font-weight:normal;height:auto;width:auto}.juicer-feed .j-meta li:last-of-type{margin-right:0}.juicer-feed .j-meta nav,.juicer-feed .j-meta .j-twitter-date{display:inline-block;float:right}.juicer-feed .j-meta nav{border:none;background:transparent;position:relative;width:auto;height:auto}.juicer-feed .j-meta .j-twitter-date{font-weight:bold;color:#bababa;font-size:12px;position:relative;top:2px}.juicer-feed .j-meta a{background:transparent;width:auto;height:auto;float:none}.juicer-feed .j-meta a span{display:none}.juicer-feed .j-meta a.j-social{font-size:1.5em;line-height:1;float:none;margin:0}.juicer-feed .j-meta a:before{font-family:"fontawesome-webfont", Helvetica, Arial, sans-serif;font-size:1em;margin-right:5px}.juicer-feed .j-meta a.comments:before{content:'\f086'}.juicer-feed .j-meta a.likes:before{content:'\f164'}.juicer-feed .j-meta a.retweets:before{content:'\f079'}.juicer-feed .j-meta a.repins:before{content:'\f08d'}.juicer-feed .j-meta a.views:before{content:'\f06e'}.juicer-feed .j-meta a.heart:before{content:'\f004'}.juicer-feed .j-meta .j-twitter-intents{position:relative;top:1px}.juicer-feed .j-meta .j-twitter-intents a.j-twitter-reply{height:13px;width:14px;background-position:0 -378px}.juicer-feed .j-meta .j-twitter-intents a.j-twitter-reply:hover{background-position:0 -345px}@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2){.juicer-feed .j-meta .j-twitter-intents a.j-twitter-reply{background-position:0 -756px;-moz-background-size:18px auto;-o-background-size:18px auto;-webkit-background-size:18px auto;background-size:18px auto;background-position:0 -378px}.juicer-feed .j-meta .j-twitter-intents a.j-twitter-reply:hover{background-position:0 -690px;background-position:0 -345px}}.juicer-feed .j-meta .j-twitter-intents a.j-twitter-retweet{height:13px;width:18px;background-position:0 -510px}.juicer-feed .j-meta .j-twitter-intents a.j-twitter-retweet:hover{background-position:0 -477px}@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2){.juicer-feed .j-meta .j-twitter-intents a.j-twitter-retweet{background-position:0 -1020px;-moz-background-size:18px auto;-o-background-size:18px auto;-webkit-background-size:18px auto;background-size:18px auto;background-position:0 -510px}.juicer-feed .j-meta .j-twitter-intents a.j-twitter-retweet:hover{background-position:0 -954px;background-position:0 -477px}}.juicer-feed .j-meta .j-twitter-intents a.j-twitter-like{height:13px;width:15px;background-position:0 -246px}.juicer-feed .j-meta .j-twitter-intents a.j-twitter-like:hover{background-position:0 -213px}@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2){.juicer-feed .j-meta .j-twitter-intents a.j-twitter-like{background-position:0 -492px;-moz-background-size:18px auto;-o-background-size:18px auto;-webkit-background-size:18px auto;background-size:18px auto;background-position:0 -246px}.juicer-feed .j-meta .j-twitter-intents a.j-twitter-like:hover{background-position:0 -426px;background-position:0 -213px}}.juicer-feed .feed-item.j-twitter .j-meta{line-height:1}.juicer-feed .video-wrapper,.juicer-feed .vine-wrapper,.juicer-feed .instagram-wrapper,.juicer-feed .twitter-wrapper{position:relative}.juicer-feed .video-wrapper iframe,.juicer-feed .video-wrapper video,.juicer-feed .video-wrapper embed,.juicer-feed .vine-wrapper iframe,.juicer-feed .vine-wrapper video,.juicer-feed .vine-wrapper embed,.juicer-feed .instagram-wrapper iframe,.juicer-feed .instagram-wrapper video,.juicer-feed .instagram-wrapper embed,.juicer-feed .twitter-wrapper iframe,.juicer-feed .twitter-wrapper video,.juicer-feed .twitter-wrapper embed{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.juicer-feed .video-wrapper{padding-bottom:56.25%}.juicer-feed .vine-wrapper,.juicer-feed .instagram-wrapper,.juicer-feed .twitter-wrapper{padding-bottom:100%}.juicer-feed video::-internal-media-controls-download-button{display:none}.juicer-feed video::-webkit-media-controls-enclosure{overflow:hidden}.juicer-feed video::-webkit-media-controls-panel{width:calc(100% + 30px)}.juicer-feed.juicer-widget.j-modern{overflow:visible;max-height:100% !important}.juicer-feed.juicer-widget.j-modern .flip-container{-moz-perspective:1000;-webkit-perspective:1000;perspective:1000}.juicer-feed.juicer-widget.j-modern .flip-container.flip .flipper{-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.juicer-feed.juicer-widget.j-modern .flipper{*zoom:1;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:0.6s;position:relative}.juicer-feed.juicer-widget.j-modern .flipper:after{content:"\0020";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}.juicer-feed.juicer-widget.j-modern .front,.juicer-feed.juicer-widget.j-modern .back{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.juicer-feed.juicer-widget.j-modern .front{-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);position:relative;z-index:2}.juicer-feed.juicer-widget.j-modern .back{-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);position:absolute;left:0;top:0}.juicer-feed.juicer-widget.j-modern .flip .front{position:absolute;top:0;left:0}.juicer-feed.juicer-widget.j-modern .flip .back{position:relative}.juicer-feed.juicer-widget.j-ie{overflow:visible;max-height:100% !important}.juicer-feed.juicer-widget.j-ie .flip-container{-moz-perspective:1000;-webkit-perspective:1000;perspective:1000}.juicer-feed.juicer-widget.j-ie .flipper{*zoom:1;position:relative}.juicer-feed.juicer-widget.j-ie .flipper:after{content:"\0020";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}.juicer-feed.juicer-widget.j-ie .front,.juicer-feed.juicer-widget.j-ie .back{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:0s;-ms-backface-visibility:hidden;overflow:hidden}.juicer-feed.juicer-widget.j-ie .front{-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);position:relative;z-index:2}.juicer-feed.juicer-widget.j-ie .back{-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);position:absolute;left:0;top:0}.juicer-feed.juicer-widget.j-ie .flip .front{-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);position:absolute;top:0;left:0}.juicer-feed.juicer-widget.j-ie .flip .back{-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);position:relative}.juicer-feed.gray li.feed-item{background:#C6C8CA;color:#464648}.juicer-feed.gray a{color:#55C1BD}.juicer-feed.gray .j-meta a{color:#464648}.juicer-feed.gray .j-meta a:hover{color:#55C1BD}.juicer-feed.image-grid li.feed-item,.juicer-feed.slider li.feed-item,.juicer-feed.hip li.feed-item{padding:0}.juicer-feed.image-grid li.feed-item:hover .j-text,.juicer-feed.slider li.feed-item:hover .j-text,.juicer-feed.hip li.feed-item:hover .j-text{visibility:visible;opacity:1}.juicer-feed.image-grid li.feed-item.words,.juicer-feed.slider li.feed-item.words,.juicer-feed.hip li.feed-item.words{border-right:1px solid white;border-bottom:1px solid white}.juicer-feed.image-grid li.feed-item.words .j-text,.juicer-feed.slider li.feed-item.words .j-text,.juicer-feed.hip li.feed-item.words .j-text{visibility:visible;opacity:1;position:relative;color:white;background:transparent}.juicer-feed.image-grid li.feed-item.words .j-text a,.juicer-feed.slider li.feed-item.words .j-text a,.juicer-feed.hip li.feed-item.words .j-text a{color:white;font-weight:bold}.juicer-feed.image-grid li.feed-item.words .j-text a:hover,.juicer-feed.slider li.feed-item.words .j-text a:hover,.juicer-feed.hip li.feed-item.words .j-text a:hover{color:#F17E6F}.juicer-feed.image-grid li.feed-item.words .j-text p,.juicer-feed.slider li.feed-item.words .j-text p,.juicer-feed.hip li.feed-item.words .j-text p{color:white}.juicer-feed.image-grid li.feed-item.words .j-meta,.juicer-feed.slider li.feed-item.words .j-meta,.juicer-feed.hip li.feed-item.words .j-meta{position:relative;margin:25px 0 0 0}.juicer-feed.image-grid li.feed-item.words .j-meta a,.juicer-feed.slider li.feed-item.words .j-meta a,.juicer-feed.hip li.feed-item.words .j-meta a{color:white;font-weight:normal}.juicer-feed.image-grid li.feed-item.words .j-poster,.juicer-feed.slider li.feed-item.words .j-poster,.juicer-feed.hip li.feed-item.words .j-poster{display:none}.juicer-feed.image-grid li.feed-item.words .j-poster h3,.juicer-feed.image-grid li.feed-item.words .j-poster .j-date,.juicer-feed.slider li.feed-item.words .j-poster h3,.juicer-feed.slider li.feed-item.words .j-poster .j-date,.juicer-feed.hip li.feed-item.words .j-poster h3,.juicer-feed.hip li.feed-item.words .j-poster .j-date{color:white}.juicer-feed.image-grid li.feed-item.j-video .j-text .j-message,.juicer-feed.slider li.feed-item.j-video .j-text .j-message,.juicer-feed.hip li.feed-item.j-video .j-text .j-message{vertical-align:top}.juicer-feed.image-grid li.feed-item.j-twitter .j-twitter-post-icon:before,.juicer-feed.slider li.feed-item.j-twitter .j-twitter-post-icon:before,.juicer-feed.hip li.feed-item.j-twitter .j-twitter-post-icon:before{color:white}.juicer-feed.image-grid li.feed-item.j-twitter .j-poster,.juicer-feed.slider li.feed-item.j-twitter .j-poster,.juicer-feed.hip li.feed-item.j-twitter .j-poster{position:relative;opacity:1;visibility:visible;padding:0;margin:0}.juicer-feed.image-grid li.feed-item.j-twitter .j-poster a,.juicer-feed.slider li.feed-item.j-twitter .j-poster a,.juicer-feed.hip li.feed-item.j-twitter .j-poster a{color:white}.juicer-feed.image-grid li.feed-item.j-twitter .j-text,.juicer-feed.slider li.feed-item.j-twitter .j-text,.juicer-feed.hip li.feed-item.j-twitter .j-text{padding:30px;font-weight:bold;text-align:left}.juicer-feed.image-grid li.feed-item.j-twitter .j-text:before,.juicer-feed.slider li.feed-item.j-twitter .j-text:before,.juicer-feed.hip li.feed-item.j-twitter .j-text:before{content:'';display:none}.juicer-feed.image-grid li.feed-item.j-twitter .j-message,.juicer-feed.slider li.feed-item.j-twitter .j-message,.juicer-feed.hip li.feed-item.j-twitter .j-message{margin:30px 0 40px;font-size:16px;line-height:25px}.juicer-feed.image-grid li.feed-item.j-twitter .j-message p,.juicer-feed.image-grid li.feed-item.j-twitter .j-message a,.juicer-feed.slider li.feed-item.j-twitter .j-message p,.juicer-feed.slider li.feed-item.j-twitter .j-message a,.juicer-feed.hip li.feed-item.j-twitter .j-message p,.juicer-feed.hip li.feed-item.j-twitter .j-message a{color:white}.juicer-feed.image-grid li.feed-item.j-twitter .j-meta,.juicer-feed.slider li.feed-item.j-twitter .j-meta,.juicer-feed.hip li.feed-item.j-twitter .j-meta{position:relative;padding:0;margin:0}.juicer-feed.image-grid li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-reply,.juicer-feed.slider li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-reply,.juicer-feed.hip li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-reply{height:13px;width:14px;background-position:0 -444px}@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2){.juicer-feed.image-grid li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-reply,.juicer-feed.slider li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-reply,.juicer-feed.hip li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-reply{background-position:0 -888px;-moz-background-size:18px auto;-o-background-size:18px auto;-webkit-background-size:18px auto;background-size:18px auto;background-position:0 -444px}}.juicer-feed.image-grid li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-retweet,.juicer-feed.slider li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-retweet,.juicer-feed.hip li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-retweet{height:13px;width:18px;background-position:0 -636px}@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2){.juicer-feed.image-grid li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-retweet,.juicer-feed.slider li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-retweet,.juicer-feed.hip li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-retweet{background-position:0 -1272px;-moz-background-size:18px auto;-o-background-size:18px auto;-webkit-background-size:18px auto;background-size:18px auto;background-position:0 -636px}}.juicer-feed.image-grid li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-like,.juicer-feed.slider li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-like,.juicer-feed.hip li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-like{height:13px;width:15px;background-position:0 -312px}@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2){.juicer-feed.image-grid li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-like,.juicer-feed.slider li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-like,.juicer-feed.hip li.feed-item.j-twitter .j-meta .j-twitter-intents a.j-twitter-like{background-position:0 -624px;-moz-background-size:18px auto;-o-background-size:18px auto;-webkit-background-size:18px auto;background-size:18px auto;background-position:0 -312px}}.juicer-feed.image-grid li.feed-item.j-twitter .j-meta .j-twitter-date,.juicer-feed.slider li.feed-item.j-twitter .j-meta .j-twitter-date,.juicer-feed.hip li.feed-item.j-twitter .j-meta .j-twitter-date{color:white}.juicer-feed.image-grid li.feed-item.j-twitter .j-meta .j-twitter-quote-screen-name,.juicer-feed.slider li.feed-item.j-twitter .j-meta .j-twitter-quote-screen-name,.juicer-feed.hip li.feed-item.j-twitter .j-meta .j-twitter-quote-screen-name{color:white}.juicer-feed.image-grid li.feed-item.j-twitter.image-post .j-text,.juicer-feed.image-grid li.feed-item.j-twitter.j-video .j-text,.juicer-feed.slider li.feed-item.j-twitter.image-post .j-text,.juicer-feed.slider li.feed-item.j-twitter.j-video .j-text,.juicer-feed.hip li.feed-item.j-twitter.image-post .j-text,.juicer-feed.hip li.feed-item.j-twitter.j-video .j-text{visibility:visible;opacity:1;background:rgba(83,174,232,0.7);position:relative}.juicer-feed.image-grid .j-text,.juicer-feed.slider .j-text,.juicer-feed.hip .j-text{-moz-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;opacity:0;visibility:hidden;color:#bababa;background:rgba(58,58,58,0.7);text-align:center;position:absolute;padding:5%;top:0;left:0;height:100%;width:100%;z-index:2;overflow:hidden}.juicer-feed.image-grid .j-text:before,.juicer-feed.slider .j-text:before,.juicer-feed.hip .j-text:before{content:'';display:inline-block;height:100%;vertical-align:middle}.juicer-feed.image-grid .j-text .j-message,.juicer-feed.image-grid .j-text .j-edit,.juicer-feed.slider .j-text .j-message,.juicer-feed.slider .j-text .j-edit,.juicer-feed.hip .j-text .j-message,.juicer-feed.hip .j-text .j-edit{display:inline-block;vertical-align:middle;max-height:90%;overflow:hidden;width:100%}.juicer-feed.image-grid .j-text .j-message a,.juicer-feed.image-grid .j-text .j-edit a,.juicer-feed.slider .j-text .j-message a,.juicer-feed.slider .j-text .j-edit a,.juicer-feed.hip .j-text .j-message a,.juicer-feed.hip .j-text .j-edit a{color:#F17E6F}.juicer-feed.image-grid .j-text .j-message p,.juicer-feed.image-grid .j-text .j-edit p,.juicer-feed.slider .j-text .j-message p,.juicer-feed.slider .j-text .j-edit p,.juicer-feed.hip .j-text .j-message p,.juicer-feed.hip .j-text .j-edit p{word-break:break-word;color:#bababa}.juicer-feed.image-grid .j-text .j-message p:last-of-type,.juicer-feed.image-grid .j-text .j-edit p:last-of-type,.juicer-feed.slider .j-text .j-message p:last-of-type,.juicer-feed.slider .j-text .j-edit p:last-of-type,.juicer-feed.hip .j-text .j-message p:last-of-type,.juicer-feed.hip .j-text .j-edit p:last-of-type{margin:0}.juicer-feed.image-grid .j-image.playing+.j-text,.juicer-feed.slider .j-image.playing+.j-text,.juicer-feed.hip .j-image.playing+.j-text{visibility:hidden !important;opacity:0 !important}.juicer-feed.image-grid .j-meta,.juicer-feed.slider .j-meta,.juicer-feed.hip .j-meta{position:absolute;bottom:0;width:100%;padding:5px 7px;margin:25px -5% 0;text-align:left}.juicer-feed.image-grid .j-poster,.juicer-feed.slider .j-poster,.juicer-feed.hip .j-poster{position:absolute;top:0;left:0;width:100%;padding:10px;height:auto;opacity:0;visibility:hidden}.juicer-feed.image-grid .j-poster h3,.juicer-feed.image-grid .j-poster .j-date,.juicer-feed.slider .j-poster h3,.juicer-feed.slider .j-poster .j-date,.juicer-feed.hip .j-poster h3,.juicer-feed.hip .j-poster .j-date{color:#bababa}.juicer-feed.slider{position:relative}.juicer-feed.slider li.feed-item{display:block}.juicer-feed.slider li.feed-item a.j-image{width:100%;overflow:hidden;display:block;position:relative}.juicer-feed.slider li.feed-item a.j-image img{width:100%}.juicer-feed.slider li.feed-item.words{border-right:none}.juicer-feed.slider li.feed-item.words:after{content:'';width:1px;height:100%;background-color:white;position:absolute;display:block;top:0;right:0}.juicer-feed.slider li.feed-item.j-twitter .j-message{position:absolute;top:50%;transform:translateY(-50%);left:0;margin:0;padding:0 25px}.juicer-feed.slider li.feed-item.j-twitter .j-meta{position:absolute;bottom:0;left:0;width:100%;padding:25px}.juicer-feed.slider .slick-track{overflow:hidden}.juicer-feed.slider .slick-prev,.juicer-feed.slider .slick-next{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;position:absolute;border:none;background:none;cursor:pointer;font-size:0;color:transparent;outline:none;background:rgba(58,58,58,0.7);margin:auto 0;height:90px;width:auto;top:0;bottom:0;line-height:1;z-index:99}.juicer-feed.slider .slick-prev:before,.juicer-feed.slider .slick-next:before{font-family:"fontawesome-webfont", Helvetica, Arial, sans-serif;font-size:4rem;line-height:43px;color:white}.juicer-feed.slider .slick-prev:hover:before,.juicer-feed.slider .slick-next:hover:before{color:#F17E6F}@media all and (max-width: 500px){.juicer-feed.slider .slick-prev,.juicer-feed.slider .slick-next{height:65px}.juicer-feed.slider .slick-prev:before,.juicer-feed.slider .slick-next:before{font-size:2rem}}.juicer-feed.slider .slick-prev{left:0;padding:10px 15px 15px 10px}.juicer-feed.slider .slick-prev:before{content:'\f104'}@media all and (max-width: 500px){.juicer-feed.slider .slick-prev{padding:5px 7px 7px 5px}}.juicer-feed.slider .slick-next{right:0;padding:10px 10px 15px 15px}.juicer-feed.slider .slick-next:before{content:'\f105'}@media all and (max-width: 500px){.juicer-feed.slider .slick-next{padding:5px 5px 7px 7px}}.juicer-feed.slider.j-ie li.feed-item.image-post{background:transparent}.juicer-feed.slider.j-modern li.feed-item a.j-image img{-moz-transform:none;-ms-transform:none;-webkit-transform:none;transform:none;object-fit:cover}.juicer-feed.slider.j-ie li.feed-item a.j-image{background-size:cover}.juicer-feed.slider.j-ie li.feed-item a.j-image img{visibility:hidden}.juicer-feed.hip{font-family:Courier, monospace}.juicer-feed.hip li.feed-item{font-size:14px}.juicer-feed.hip li.feed-item.words{background:#232323;border-color:#333}.juicer-feed.hip li.feed-item.words .j-meta a{color:#aaa}.juicer-feed.hip li.feed-item.j-twitter{font-family:'Helvetica Neue', Helvetica}.juicer-feed.hip li.feed-item:hover:after{content:'';width:100%;height:2px;background:#F17E6F;display:block;position:absolute;bottom:0}.juicer-feed.hip .j-meta{padding:10px 15px}.juicer-feed.hip .j-meta nav{display:none}.juicer-feed.classic li.feed-item{background:white;min-height:100px;overflow:hidden}.juicer-feed.classic li.feed-item img,.juicer-feed.classic li.feed-item .j-meta{position:absolute;top:0;width:100px}.juicer-feed.classic li.feed-item .j-meta{left:0;margin:0;height:100%;text-align:center;padding:30px 0 0 0}.juicer-feed.classic li.feed-item .j-meta a{color:white}.juicer-feed.classic li.feed-item .j-meta:before{content:''}.juicer-feed.classic li.feed-item .j-meta nav{float:none;display:block;display:block;font-size:1.5em}.juicer-feed.classic li.feed-item .j-meta ul{font-size:0.75em}.juicer-feed.classic li.feed-item .j-meta li{margin:0 10px 10px 0;width:auto}.juicer-feed.classic li.feed-item .j-meta li:last-of-type{margin:0 0 10px 0}.juicer-feed.classic li.feed-item img{right:0}@media all and (max-width: 500px){.juicer-feed.classic li.feed-item img{position:relative;top:6px}}.juicer-feed.classic li.feed-item .j-text{font-family:"Georgia", Georgia, serif;font-size:1.25em;margin:0 100px;padding:10px 25px;min-height:100px}.juicer-feed.classic li.feed-item .j-message{height:80px;display:table-cell;vertical-align:middle}.juicer-feed.classic li.feed-item .j-message a{color:#F17E6F}.juicer-feed.classic li.feed-item .info{font-size:0.85rem;color:#878787}.juicer-feed.classic li.feed-item .info a{color:#878787;border-bottom:1px solid}.juicer-feed.classic li.feed-item .info a:hover{color:#F17E6F}.juicer-feed.living-wall{overflow:hidden}.juicer-feed.living-wall li.feed-item{-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;font-size:0;overflow:hidden;cursor:pointer;position:absolute;z-index:2}.juicer-feed.living-wall li.feed-item.j-video .j-image{position:absolute}.juicer-feed.living-wall li.feed-item.j-video .j-image:before{content:''}.juicer-feed.living-wall .j-image{position:absolute;left:0;top:0;height:100%;width:100%}.juicer-feed.living-wall img{max-width:100%;height:auto;width:auto;min-width:100%}.juicer-feed.living-wall img.landscape{-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;position:relative;max-width:none;max-height:100%;height:100%}.juicer-feed.living-wall ul.actions{font-size:16px}.juicer-feed.living-wall .j-text{color:white;font-size:14px;border:1px solid white;text-align:center;padding-top:45%;height:100%}.juicer-feed.living-wall .j-text a{color:white;font-weight:bold}.juicer-feed.living-wall .j-text a:hover{color:#F17E6F}.juicer-feed.living-wall .j-living-wall-hover{-moz-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;opacity:0;visibility:hidden;background:rgba(58,58,58,0.7);position:absolute;top:0;left:0;height:100%;width:100%;z-index:2;overflow:hidden;text-align:center}.juicer-feed.living-wall .j-living-wall-hover:before{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:'+';color:white;border:3px solid white;width:50px;height:50px;font-size:42px;line-height:42px;display:block;position:absolute;left:50%;top:50%}.juicer-feed.living-wall li.feed-item:hover .j-image:before{display:none}.juicer-feed.living-wall li.feed-item:hover .j-living-wall-hover{visibility:visible;opacity:1}.juicer-feed.living-wall h1.referral{position:relative;z-index:3;background:rgba(58,58,58,0.7);padding:15px;display:inline-block;float:right}.juicer-feed.living-wall h1.referral a{color:white}.juicer-feed.modern li.feed-item{padding:0}.juicer-feed.modern li.feed-item.words .j-message{font-size:18px;line-height:30px;padding-bottom:10px}.juicer-feed.modern li.feed-item.juicer .j-poster .j-date,.juicer-feed.modern li.feed-item.juicer .j-poster h3{color:white}.juicer-feed.modern li.feed-item.juicer .j-message{color:white}.juicer-feed.modern li.feed-item.j-twitter .j-image{margin:20px -20px 0 -20px;display:block}.juicer-feed.modern .j-poster{padding:14px 10px 12px;height:auto;margin:0;height:56px}.juicer-feed.modern .j-poster img,.juicer-feed.modern .j-poster h3{margin-bottom:0}.juicer-feed.modern .j-poster img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border-color:white;margin:0 11px 0 0;height:30px}.juicer-feed.modern .j-poster h3{margin:6px 0 0 0}.juicer-feed.modern .j-poster h3,.juicer-feed.modern .j-poster .j-date{font-size:12px}.juicer-feed.modern .j-poster .j-date{margin-top:7px}.juicer-feed.modern .j-image img{margin-bottom:0}.juicer-feed.modern .j-text{font-size:14px;padding:20px 15px 20px 20px}.juicer-feed.modern .j-message{color:#666;line-height:25px}.juicer-feed.polaroid li.feed-item{padding:12px;text-align:center}.juicer-feed.polaroid li.feed-item.words .j-post-container{top:0;margin-bottom:0}.juicer-feed.polaroid li.feed-item.words .j-message{font-size:16px;line-height:25px;font-family:Georgia, serif}.juicer-feed.polaroid li.feed-item.juicer .j-message{color:white}.juicer-feed.polaroid li.feed-item.j-twitter{text-align:left}.juicer-feed.polaroid li.feed-item.j-twitter .j-post-container{top:0;margin-bottom:0}.juicer-feed.polaroid li.feed-item.j-twitter .j-poster img{float:left;width:30px !important;border:none}.juicer-feed.polaroid li.feed-item.j-twitter .j-image{margin-top:30px;display:block}.juicer-feed.polaroid li.feed-item.j-twitter .j-text{padding:10px}.juicer-feed.polaroid li.feed-item.j-twitter .j-message{font-family:'Helvetica Neue', Helvetica;font-size:18px;line-height:1.5}.juicer-feed.polaroid .j-image img{margin-bottom:0}.juicer-feed.polaroid .j-post-container{position:relative;top:-32px;margin-bottom:-32px}.juicer-feed.polaroid .j-post-container.no-poster{top:0;margin-bottom:0;margin-top:25px}.juicer-feed.polaroid .j-poster{text-align:center;height:auto;margin:0}.juicer-feed.polaroid .j-poster img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;float:none;width:64px !important;height:64px;border:7px solid white;background-color:white}.juicer-feed.polaroid .j-poster h3,.juicer-feed.polaroid .j-poster .j-date{display:none}.juicer-feed.polaroid .j-poster-meta{font-size:12px;color:#5c5c5c}.juicer-feed.polaroid .j-poster-meta a{text-transform:uppercase;font-weight:bold}.juicer-feed.polaroid .j-text{margin-top:17px}.juicer-feed.polaroid .j-message{font-size:13px;color:#5c5c5c;line-height:22px}.juicer-feed.polaroid .j-meta ul a{font-size:14px}.juicer-feed.polaroid .j-meta nav{display:none}.juicer-feed.night li.feed-item{background-color:#1f1f1f;color:#ccc;overflow:hidden}.juicer-feed.night li.feed-item a{color:#ccc}.juicer-feed.night li.feed-item .j-meta a{color:#a1a1a1}.juicer-feed.night li.feed-item.words .j-text,.juicer-feed.night li.feed-item.j-twitter .j-text{position:relative;opacity:1;visibility:visible}.juicer-feed.night li.feed-item.words .j-message,.juicer-feed.night li.feed-item.j-twitter .j-message{font-size:16px;line-height:25px;margin:25px 0 30px}.juicer-feed.night li.feed-item.words .j-meta a:before,.juicer-feed.night li.feed-item.j-twitter .j-meta a:before{font-size:16px}.juicer-feed.night li.feed-item:hover .j-text{opacity:1;visibility:visible}.juicer-feed.night li.feed-item.j-twitter .j-twitter-post-icon:before{color:white}.juicer-feed.night li.feed-item.j-twitter .j-message{font-weight:bold}.juicer-feed.night li.feed-item.j-twitter.image-post .j-text,.juicer-feed.night li.feed-item.j-twitter.j-video .j-text{background:rgba(31,31,31,0.7)}.juicer-feed.night .j-text-container{position:relative}.juicer-feed.night .j-text{-moz-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(31,31,31,0.9);overflow:hidden;padding:25px;opacity:0;visibility:hidden}.juicer-feed.night .j-message{font-size:13px;color:#ccc;line-height:20px}.juicer-feed.night .j-message a{font-weight:bold}.juicer-feed.night .j-gallery-nav{z-index:2}.juicer-feed.night .j-meta{font-size:11px;margin-top:15px}.juicer-feed.night .j-poster-meta{font-size:10px;text-transform:uppercase;padding:10px 18px 15px 18px}.juicer-feed.night .j-poster-meta .j-social-icon{background:transparent;font-size:22px;position:relative;top:5px;margin-right:10px}.j-poster{overflow:hidden;*zoom:1;margin:0 0 10px 0;height:30px}.j-poster img{float:left;width:30px !important;margin:0 7px 0 0;padding:0}.j-poster a{color:#3A3A3A}.j-poster a:hover{color:#F17E6F}.j-poster h3,.j-poster .twitter-poster{float:left;margin:4px 0 0 0;padding:0;font-size:14px;font-weight:bold;max-width:67%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;clear:none;color:#3A3A3A;line-height:20px}.j-poster .j-date{float:right;font-size:14px;margin-top:4px;color:#a0a0a0}.j-poster .j-twitter-poster{float:left;font-size:12px;line-height:1.3;margin:1px 0 0 0;text-align:left}.j-poster .j-twitter-poster .j-twitter-display-name{font-weight:bold}.j-poster .j-twitter-post-icon{float:right;line-height:1;font-size:0}.j-poster .j-twitter-post-icon:before{font-family:"fontawesome-webfont", Helvetica, Arial, sans-serif;font-size:30px}.j-gallery .j-image{position:relative;display:block}.j-gallery .j-image:after{height:14px;width:14px;background-position:0 -134px;-webkit-filter:drop-shadow(0px 0px 3px #a9a9a9);filter:drop-shadow(0px 0px 3px #a9a9a9);content:'';position:absolute;top:10px;right:10px}@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2){.j-gallery .j-image:after{background-position:0 -268px;-moz-background-size:18px auto;-o-background-size:18px auto;-webkit-background-size:18px auto;background-size:18px auto;background-position:0 -134px}}.j-gallery:hover .j-gallery-nav{display:block}.j-gallery-nav{-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;top:50%;*zoom:1;position:absolute;width:100%;display:none}.j-gallery-nav:after{content:"";display:table;clear:both}.j-gallery-nav .j-gallery-arrow{-webkit-filter:drop-shadow(0px 0px 2px grey);filter:drop-shadow(0px 0px 2px grey)}.j-gallery-nav .j-gallery-previous{height:15px;width:10px;background-position:0 -64px;float:left;margin-left:10px}@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2){.j-gallery-nav .j-gallery-previous{background-position:0 -128px;-moz-background-size:18px auto;-o-background-size:18px auto;-webkit-background-size:18px auto;background-size:18px auto;background-position:0 -64px}}.j-gallery-nav .j-gallery-next{height:15px;width:10px;background-position:0 -99px;float:right;margin-right:10px}@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2){.j-gallery-nav .j-gallery-next{background-position:0 -198px;-moz-background-size:18px auto;-o-background-size:18px auto;-webkit-background-size:18px auto;background-size:18px auto;background-position:0 -99px}}.juicer-feed.image-grid .j-gallery-nav,.juicer-feed.hip .j-gallery-nav{z-index:3}.j-edit span{display:block;font-size:0.85rem;color:#a0a0a0}.j-post-overlay.juicer-feed{overflow:hidden;*zoom:1;margin:0 !important}.j-post-overlay.juicer-feed .image{float:left;max-width:50%}.j-post-overlay.juicer-feed .vine-wrapper,.j-post-overlay.juicer-feed .instagram-wrapper,.j-post-overlay.juicer-feed .twitter-wrapper,.j-post-overlay.juicer-feed .video-wrapper{float:left;width:50%;padding-bottom:50%}.j-post-overlay.juicer-feed .image img{margin-bottom:0 !important;display:block;width:100%}.j-post-overlay.juicer-feed .j-overlay-text{overflow:hidden;padding:25px}.j-post-overlay.juicer-feed .j-overlay-text .j-message,.j-post-overlay.juicer-feed .j-overlay-text .j-edit{margin-bottom:25px;text-align:left}.j-post-overlay.juicer-feed .j-overlay-text .j-message a,.j-post-overlay.juicer-feed .j-overlay-text .j-edit a{font-weight:bold}.j-post-overlay.juicer-feed .j-overlay-text .j-message p,.j-post-overlay.juicer-feed .j-overlay-text .j-edit p{margin-bottom:15px}.j-post-overlay.juicer-feed .j-overlay-text.words .j-message{font-family:'Georgia', sans-serif;font-size:24px}.j-post-overlay.juicer-feed .j-bottom{overflow:hidden;*zoom:1}.j-post-overlay.juicer-feed .j-meta{margin:15px 0 30px}.j-post-overlay.juicer-feed .j-meta nav{display:none}.j-post-overlay.juicer-feed a.juicer-button{float:left;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;display:inline-block;border:2px solid #F17E6F;font-size:12px;font-weight:bold;letter-spacing:0.5px;color:#F17E6F;text-align:center;padding:12px 0 10px;cursor:pointer;background-color:transparent;padding:12px 35px 14px}.j-post-overlay.juicer-feed a.juicer-button:hover{background:#F17E6F;color:#F2F2F2}.j-post-overlay.juicer-feed a.juicer-button:before{font-family:"fontawesome-webfont", Helvetica, Arial, sans-serif;font-size:1rem;position:relative;left:-10px;top:1px;font-weight:normal}@media all and (max-width: 1190px){.j-post-overlay.juicer-feed a.juicer-button{margin-bottom:10px}}.j-post-overlay.juicer-feed ul.j-share{float:right;margin-top:10px}.j-post-overlay.juicer-feed ul.j-share li{display:inline-block}.j-post-overlay.juicer-feed ul.j-share a{font-size:0;color:transparent;display:inline-block;width:33px;padding:5px;text-align:center}.j-post-overlay.juicer-feed ul.j-share a:before{font-family:"fontawesome-webfont", Helvetica, Arial, sans-serif;font-size:16px;color:white;position:relative;top:1px}.j-post-overlay.juicer-feed ul.j-share a.googleplus:before{left:0}@media all and (max-width: 1190px){.j-post-overlay.juicer-feed ul.j-share{float:none;display:block;clear:left}}.j-post-overlay.juicer-feed .j-navigate{position:absolute;bottom:5px;right:5px}.j-post-overlay.juicer-feed .j-navigate a.j-previous,.j-post-overlay.juicer-feed .j-navigate a.j-next{cursor:pointer;color:#bababa}.j-post-overlay.juicer-feed .j-navigate a.j-previous span,.j-post-overlay.juicer-feed .j-navigate a.j-next span{display:none}.j-post-overlay.juicer-feed .j-navigate a.j-previous:before,.j-post-overlay.juicer-feed .j-navigate a.j-next:before{font-family:"fontawesome-webfont", Helvetica, Arial, sans-serif;font-size:16px}.j-post-overlay.juicer-feed .j-navigate a.j-previous{margin-right:5px}.j-post-overlay.juicer-feed .j-navigate a.j-previous:before{content:'\f053'}.j-post-overlay.juicer-feed .j-navigate a.j-next:before{content:'\f054'}@media all and (max-width: 800px){.j-post-overlay.juicer-feed .image{float:none;display:block;max-width:100%}.j-post-overlay.juicer-feed .vine-wrapper,.j-post-overlay.juicer-feed .instagram-wrapper,.j-post-overlay.juicer-feed .twitter-wrapper,.j-post-overlay.juicer-feed .video-wrapper{float:none;display:block;width:100%;padding-bottom:100%}.j-post-overlay.juicer-feed ul.j-share{position:absolute;top:0;left:0;margin:0;padding:0}.j-post-overlay.juicer-feed .j-navigate{position:relative;bottom:0;right:0;margin-top:15px}.j-post-overlay.juicer-feed .j-navigate .j-next{float:right}}.j-post-overlay.juicer-feed .j-gallery-nav{display:block}.juicer-feed.image-grid .j-post-overlay .j-meta,.juicer-feed.slider .j-post-overlay .j-meta{margin:0 0 15px 0;padding:0;position:relative}.j-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);padding-top:50px;z-index:99999999;outline:none}.j-overlay .j-overlay-content{margin:0 auto;background:white;position:relative;color:#3A3A3A;font-weight:normal;max-height:90%;overflow-y:auto;outline:none;max-width:980px}.j-overlay .j-overlay-content h2{margin-bottom:1.5rem}@media all and (max-width: 800px){.j-overlay .j-overlay-content{width:95% !important}}.j-overlay .facebook-warning{color:#F17E6F;margin-bottom:40px}.j-overlay .facebook-warning strong{text-decoration:underline;font-style:italic}.j-overlay .facebook-warning a{color:#F17E6F;text-decoration:underline}.j-overlay .j-close{height:12px;width:12px;background-position:100% -32px;cursor:pointer;position:absolute;top:4px;right:0;z-index:3;text-align:right;padding:15px}.j-overlay .j-close:hover{background-position:100% 0}@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2){.j-overlay .j-close{background-position:100% -64px;-moz-background-size:18px auto;-o-background-size:18px auto;-webkit-background-size:18px auto;background-size:18px auto;background-position:100% -32px}.j-overlay .j-close:hover{background-position:100% 0}}.j-overlay .j-close span{display:none}.juicer-feed .slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.juicer-feed .slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.juicer-feed .slick-list:focus{outline:none}.juicer-feed .slick-list.dragging{cursor:pointer;cursor:hand}.juicer-feed .slick-slider .slick-track,.juicer-feed .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.juicer-feed .slick-track{position:relative;left:0;top:0;display:block}.juicer-feed .slick-track:before,.juicer-feed .slick-track:after{content:"";display:table}.juicer-feed .slick-track:after{clear:both}.slick-loading .juicer-feed .slick-track{visibility:hidden}.juicer-feed .slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .juicer-feed .slick-slide{float:right}.juicer-feed .slick-slide img{display:block}.juicer-feed .slick-slide.slick-loading img{display:none}.juicer-feed .slick-slide.dragging img{pointer-events:none}.slick-initialized .juicer-feed .slick-slide{display:block}.slick-loading .juicer-feed .slick-slide{visibility:hidden}.slick-vertical .juicer-feed .slick-slide{display:block;height:auto;border:1px solid transparent}.juicer-feed .j-facebook{background:#3B5998}.juicer-feed .j-facebook:before{content:"п‚љ"}.juicer-feed .j-facebook-border{border-color:#3B5998}.juicer-feed .j-facebook-text{color:#3B5998;background:transparent}.juicer-feed .j-facebook-text:before{color:#3B5998}.juicer-feed .j-facebook-hover.highlight,.juicer-feed .j-facebook-hover:hover{background:#3B5998 !important;color:white;border-bottom:1px solid #2d4373 !important}.juicer-feed .j-facebook-hover.highlight:before,.juicer-feed .j-facebook-hover:hover:before{color:white}.juicer-feed .j-twitter{background:#55ACEE}.juicer-feed .j-twitter:before{content:"п‚™"}.juicer-feed .j-twitter-border{border-color:#55ACEE}.juicer-feed .j-twitter-text{color:#55ACEE;background:transparent}.juicer-feed .j-twitter-text:before{color:#55ACEE}.juicer-feed .j-twitter-hover.highlight,.juicer-feed .j-twitter-hover:hover{background:#55ACEE !important;color:white;border-bottom:1px solid #2795e9 !important}.juicer-feed .j-twitter-hover.highlight:before,.juicer-feed .j-twitter-hover:hover:before{color:white}.juicer-feed .j-instagram{background:#3F729B}.juicer-feed .j-instagram:before{content:"п…"}.juicer-feed .j-instagram-border{border-color:#3F729B}.juicer-feed .j-instagram-text{color:#3F729B;background:transparent}.juicer-feed .j-instagram-text:before{color:#3F729B}.juicer-feed .j-instagram-hover.highlight,.juicer-feed .j-instagram-hover:hover{background:#3F729B !important;color:white;border-bottom:1px solid #305777 !important}.juicer-feed .j-instagram-hover.highlight:before,.juicer-feed .j-instagram-hover:hover:before{color:white}.juicer-feed .j-youtube{background:#CC181E}.juicer-feed .j-youtube:before{content:"п…§"}.juicer-feed .j-youtube-border{border-color:#CC181E}.juicer-feed .j-youtube-text{color:#CC181E;background:transparent}.juicer-feed .j-youtube-text:before{color:#CC181E}.juicer-feed .j-youtube-hover.highlight,.juicer-feed .j-youtube-hover:hover{background:#CC181E !important;color:white;border-bottom:1px solid #9e1317 !important}.juicer-feed .j-youtube-hover.highlight:before,.juicer-feed .j-youtube-hover:hover:before{color:white}.juicer-feed .j-tumblr{background:#375471}.juicer-feed .j-tumblr:before{content:"п…і"}.juicer-feed .j-tumblr-border{border-color:#375471}.juicer-feed .j-tumblr-text{color:#375471;background:transparent}.juicer-feed .j-tumblr-text:before{color:#375471}.juicer-feed .j-tumblr-hover.highlight,.juicer-feed .j-tumblr-hover:hover{background:#375471 !important;color:white;border-bottom:1px solid #263b4f !important}.juicer-feed .j-tumblr-hover.highlight:before,.juicer-feed .j-tumblr-hover:hover:before{color:white}.juicer-feed .j-googleplus{background:#DD4B39}.juicer-feed .j-googleplus:before{content:"пѓ•"}.juicer-feed .j-googleplus-border{border-color:#DD4B39}.juicer-feed .j-googleplus-text{color:#DD4B39;background:transparent}.juicer-feed .j-googleplus-text:before{color:#DD4B39}.juicer-feed .j-googleplus-hover.highlight,.juicer-feed .j-googleplus-hover:hover{background:#DD4B39 !important;color:white;border-bottom:1px solid #c23321 !important}.juicer-feed .j-googleplus-hover.highlight:before,.juicer-feed .j-googleplus-hover:hover:before{color:white}.juicer-feed .j-pinterest{background:#CB2028}.juicer-feed .j-pinterest:before{content:"пѓ’"}.juicer-feed .j-pinterest-border{border-color:#CB2028}.juicer-feed .j-pinterest-text{color:#CB2028;background:transparent}.juicer-feed .j-pinterest-text:before{color:#CB2028}.juicer-feed .j-pinterest-hover.highlight,.juicer-feed .j-pinterest-hover:hover{background:#CB2028 !important;color:white;border-bottom:1px solid #9f191f !important}.juicer-feed .j-pinterest-hover.highlight:before,.juicer-feed .j-pinterest-hover:hover:before{color:white}.juicer-feed .j-blog{background:#FF6600}.juicer-feed .j-blog:before{content:"п‚ћ"}.juicer-feed .j-blog-border{border-color:#FF6600}.juicer-feed .j-blog-text{color:#FF6600;background:transparent}.juicer-feed .j-blog-text:before{color:#FF6600}.juicer-feed .j-blog-hover.highlight,.juicer-feed .j-blog-hover:hover{background:#FF6600 !important;color:white;border-bottom:1px solid #cc5200 !important}.juicer-feed .j-blog-hover.highlight:before,.juicer-feed .j-blog-hover:hover:before{color:white}.juicer-feed .j-vine{background:#00BF8F}.juicer-feed .j-vine:before{content:"п‡Љ"}.juicer-feed .j-vine-border{border-color:#00BF8F}.juicer-feed .j-vine-text{color:#00BF8F;background:transparent}.juicer-feed .j-vine-text:before{color:#00BF8F}.juicer-feed .j-vine-hover.highlight,.juicer-feed .j-vine-hover:hover{background:#00BF8F !important;color:white;border-bottom:1px solid #008c69 !important}.juicer-feed .j-vine-hover.highlight:before,.juicer-feed .j-vine-hover:hover:before{color:white}.juicer-feed .j-soundcloud{background:#f30}.juicer-feed .j-soundcloud:before{content:"п†ѕ"}.juicer-feed .j-soundcloud-border{border-color:#f30}.juicer-feed .j-soundcloud-text{color:#f30;background:transparent}.juicer-feed .j-soundcloud-text:before{color:#f30}.juicer-feed .j-soundcloud-hover.highlight,.juicer-feed .j-soundcloud-hover:hover{background:#f30 !important;color:white;border-bottom:1px solid #cc2900 !important}.juicer-feed .j-soundcloud-hover.highlight:before,.juicer-feed .j-soundcloud-hover:hover:before{color:white}.juicer-feed .j-linkedin{background:#007bb6}.juicer-feed .j-linkedin:before{content:"пѓЎ"}.juicer-feed .j-linkedin-border{border-color:#007bb6}.juicer-feed .j-linkedin-text{color:#007bb6;background:transparent}.juicer-feed .j-linkedin-text:before{color:#007bb6}.juicer-feed .j-linkedin-hover.highlight,.juicer-feed .j-linkedin-hover:hover{background:#007bb6 !important;color:white;border-bottom:1px solid #005983 !important}.juicer-feed .j-linkedin-hover.highlight:before,.juicer-feed .j-linkedin-hover:hover:before{color:white}.juicer-feed .j-flickr{background:#ff0084}.juicer-feed .j-flickr:before{content:"п…®"}.juicer-feed .j-flickr-border{border-color:#ff0084}.juicer-feed .j-flickr-text{color:#ff0084;background:transparent}.juicer-feed .j-flickr-text:before{color:#ff0084}.juicer-feed .j-flickr-hover.highlight,.juicer-feed .j-flickr-hover:hover{background:#ff0084 !important;color:white;border-bottom:1px solid #cc006a !important}.juicer-feed .j-flickr-hover.highlight:before,.juicer-feed .j-flickr-hover:hover:before{color:white}.juicer-feed .j-vimeo{background:#1AB7EA}.juicer-feed .j-vimeo:before{content:""}.juicer-feed .j-vimeo-border{border-color:#1AB7EA}.juicer-feed .j-vimeo-text{color:#1AB7EA;background:transparent}.juicer-feed .j-vimeo-text:before{color:#1AB7EA}.juicer-feed .j-vimeo-hover.highlight,.juicer-feed .j-vimeo-hover:hover{background:#1AB7EA !important;color:white;border-bottom:1px solid #1295bf !important}.juicer-feed .j-vimeo-hover.highlight:before,.juicer-feed .j-vimeo-hover:hover:before{color:white}.juicer-feed .j-hashtag{background:#F17E6F}.juicer-feed .j-hashtag:before{content:"п†"}.juicer-feed .j-hashtag-border{border-color:#F17E6F}.juicer-feed .j-hashtag-text{color:#F17E6F;background:transparent}.juicer-feed .j-hashtag-text:before{color:#F17E6F}.juicer-feed .j-hashtag-hover.highlight,.juicer-feed .j-hashtag-hover:hover{background:#F17E6F !important;color:white;border-bottom:1px solid #ec5441 !important}.juicer-feed .j-hashtag-hover.highlight:before,.juicer-feed .j-hashtag-hover:hover:before{color:white}.juicer-feed .j-yelp{background:#C41200}.juicer-feed .j-yelp:before{content:""}.juicer-feed .j-yelp-border{border-color:#C41200}.juicer-feed .j-yelp-text{color:#C41200;background:transparent}.juicer-feed .j-yelp-text:before{color:#C41200}.juicer-feed .j-yelp-hover.highlight,.juicer-feed .j-yelp-hover:hover{background:#C41200 !important;color:white;border-bottom:1px solid #910d00 !important}.juicer-feed .j-yelp-hover.highlight:before,.juicer-feed .j-yelp-hover:hover:before{color:white}.juicer-feed .j-deviantart{background:#05cc47}.juicer-feed .j-deviantart:before{content:"п†Ѕ"}.juicer-feed .j-deviantart-border{border-color:#05cc47}.juicer-feed .j-deviantart-text{color:#05cc47;background:transparent}.juicer-feed .j-deviantart-text:before{color:#05cc47}.juicer-feed .j-deviantart-hover.highlight,.juicer-feed .j-deviantart-hover:hover{background:#05cc47 !important;color:white;border-bottom:1px solid #049a36 !important}.juicer-feed .j-deviantart-hover.highlight:before,.juicer-feed .j-deviantart-hover:hover:before{color:white}.juicer-feed .j-email{background:#F17E6F}.juicer-feed .j-email:before{content:"пѓ "}.juicer-feed .j-email-border{border-color:#F17E6F}.juicer-feed .j-email-text{color:#F17E6F;background:transparent}.juicer-feed .j-email-text:before{color:#F17E6F}.juicer-feed .j-email-hover.highlight,.juicer-feed .j-email-hover:hover{background:#F17E6F !important;color:white;border-bottom:1px solid #ec5441 !important}.juicer-feed .j-email-hover.highlight:before,.juicer-feed .j-email-hover:hover:before{color:white}.juicer-feed .j-slack{background:#6ecadc}.juicer-feed .j-slack:before{content:"п†"}.juicer-feed .j-slack-border{border-color:#6ecadc}.juicer-feed .j-slack-text{color:#6ecadc;background:transparent}.juicer-feed .j-slack-text:before{color:#6ecadc}.juicer-feed .j-slack-hover.highlight,.juicer-feed .j-slack-hover:hover{background:#6ecadc !important;color:white;border-bottom:1px solid #45bbd2 !important}.juicer-feed .j-slack-hover.highlight:before,.juicer-feed .j-slack-hover:hover:before{color:white}.juicer-feed .j-spotify{background:#1ed760}.juicer-feed .j-spotify:before{content:"п†ј"}.juicer-feed .j-spotify-border{border-color:#1ed760}.juicer-feed .j-spotify-text{color:#1ed760;background:transparent}.juicer-feed .j-spotify-text:before{color:#1ed760}.juicer-feed .j-spotify-hover.highlight,.juicer-feed .j-spotify-hover:hover{background:#1ed760 !important;color:white;border-bottom:1px solid #18aa4c !important}.juicer-feed .j-spotify-hover.highlight:before,.juicer-feed .j-spotify-hover:hover:before{color:white}.juicer-feed .j-giphy{background:#232830}.juicer-feed .j-giphy:before{content:"пЂ–"}.juicer-feed .j-giphy-border{border-color:#232830}.juicer-feed .j-giphy-text{color:#232830;background:transparent}.juicer-feed .j-giphy-text:before{color:#232830}.juicer-feed .j-giphy-hover.highlight,.juicer-feed .j-giphy-hover:hover{background:#232830 !important;color:white;border-bottom:1px solid #0d0f13 !important}.juicer-feed .j-giphy-hover.highlight:before,.juicer-feed .j-giphy-hover:hover:before{color:white}.juicer-feed .j-soundcloud:before{position:relative;left:-4px}.juicer-feed .j-googleplus:before{position:relative;left:-0.15em}.juicer-feed .j-hashtag:before{-moz-transform:rotate(19deg);-ms-transform:rotate(19deg);-webkit-transform:rotate(19deg);transform:rotate(19deg);position:relative;left:-2px}.juicer-feed .j-juicer:before{content:url(//assets.juicer.io/small-square-5c1396a2ebe4ff05db2926e880300420d3de4482b82fad44edb5956de50e5a9b.png)}.juicer-feed .j-email:before{position:relative;top:-1px !important}.juicer-feed .j-social-icon:before{font-family:'fontawesome-webfont'}
.cms-best-mug-to-give-and-to-get .main.row { width: 100%; }
.cms-best-mug-to-give-and-to-get .col-main { padding: 0; }
.cms-best-mug-to-give-and-to-get .juicer-feed { padding-top: 30px; }
.cms-best-mug-to-give-and-to-get .footer-container { margin-top: 0; }
.cms-best-mug-to-give-and-to-get .video-best-mugs { width: 100%; }
.cms-best-mug-to-give-and-to-get .links {
float: none;
display: inline-block;
max-width: 350px;
width: 100%;
vertical-align: top;
margin-right: 20px;
margin-bottom: 20px;
}
.cms-best-mug-to-give-and-to-get .midden {
float: none;
display: inline-block;
max-width: 350px;
width: 100%;
vertical-align: top;
margin-right: 20px;
margin-bottom: 20px;
}
.cms-best-mug-to-give-and-to-get .rechts {
float: none;
display: inline-block;
max-width: 320px;
width: auto;
background: #FDF8F2;
padding: 20px 30px 25px 30px;
vertical-align: top;
margin-right: 20px;
margin-bottom: 20px;
}
.cms-best-mug-to-give-and-to-get .rechts a {
border: 1px solid #EC665F;
border-radius: 6px;
text-decoration: none;
font-size: 16px;
color: #ec665f;
padding: 10px 20px;
display: inline-block;
margin-top: 17px;
}
@media only screen and (max-width: 1200px) and (min-width: 780px) {
.cms-best-mug-to-give-and-to-get .mugs-highlight-inner {
max-width: 730px;
margin: 0 auto;
}
.cms-best-mug-to-give-and-to-get .mugs-highlight-inner .midden {
margin-right: 0;
}
.cms-best-mug-to-give-and-to-get .mugs-highlight-inner .rechts {
display: block;
margin: 0 auto;
}
}
@media only screen and (max-width: 780px) {
.cms-best-mug-to-give-and-to-get .mugs-highlight-inner .links,
.cms-best-mug-to-give-and-to-get .mugs-highlight-inner .midden,
.cms-best-mug-to-give-and-to-get .mugs-highlight-inner .rechts {
display: block;
margin: 20px auto;
}
}
/**
HTML Inline styles =================================================================================
*/
/* MailChimp Form Embed Code - Horizontal Super Slim - 12/16/2015 v10.7
Adapted from: http://blog.heyimcat.com/universal-signup-form/ */
#mc_embed_signup form {text-align:center; padding:10px 0 10px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:350px; vertical-align:top;}
#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #aaa; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
#mc_embed_signup input.email {width:100%; margin-bottom:5px;}
#mc_embed_signup > form input.email {width: 100% !important; margin-bottom:5px;}
#mc_embed_signup .clear {display: block; width: 100% }
#mc_embed_signup .button {width: 100%; margin:0; }
}
.promoset-list{}
.promoset-list .box-collateral{}
.promoset-list .promoset-list-product{ border:#CCC solid 1px; overflow:hidden; }
.promoset-list .promoset-list-product .promoset-list-product-items{ overflow:hidden; }
.promoset-list .promoset-list-product .promoset-list-product-items .list-image { display:block; float:left;clear:none; }
.promoset-list .promoset-list-product .promoset-list-product-items .promoset-plus{margin:25px 5px; font-size:25px; font-weight:bolder; display:block; float:left;clear:none; }
.promoset-list .promoset-list-product .promoset-cart{ float:right; clear:none;width:150px;margin-top:10px; }
.checkout-cart-index .page .main .col-main .promoset-list{ margin-bottom:20px;}
.checkout-cart-index .page .main .col-main .promoset-list .box-collateral{}
.checkout-cart-index .page .main .col-main .promoset-list .promoset-list-product{ border:#CCC solid 1px; overflow:hidden; margin-bottom:10px;}
.checkout-cart-index .page .main .col-main .promoset-list .promoset-list-product .promoset-list-product-items{ overflow:hidden; }
.checkout-cart-index .page .main .col-main .promoset-list .promoset-list-product .promoset-list-product-items .list-image { display:block; float:left;clear:none; }
.checkout-cart-index .page .main .col-main .promoset-list .promoset-list-product .promoset-list-product-items .promoset-plus{margin:25px 5px; font-size:25px; font-weight:bolder; display:block; float:left;clear:none; }
.checkout-cart-index .page .main .col-main .promoset-list .promoset-list-product .promoset-cart{ float:right; clear:none;width:150px;margin-top:10px; }
#srka-product-review-list { width: 338px; padding-bottom: 5px; background: #fff; border: none; }
#srka-product-review-list .srka-rating-code { padding: 3px 0; }
#srka-product-review-list .srka-rating-code .label { min-width: 100px; display: block; float: left; color: #333; }
#srka-product-review-list .srka-rating-code .options {}
#srka-product-review-list .srka-rating-code .options li { display: block; float: left; margin-top: 2px; }
#srka-product-review-list .srka-rating-code .options li .option { display: block; width: 14px; height: 10px; background: url(../img/rating.png) center top no-repeat; text-indent: -9999em; }
#srka-product-review-list .srka-rating-code .options li .option.selected { background-position: center bottom; }
#srka-product-review-list .srka-rating-code .options li .option {
background: url("../img/rating-icon.png") center top no-repeat;
background-size: 14px 20px;
}
.header-container .grid_4 {
margin: 0;
width: 33.3333%;
}
/**
NO LOGO STUDIO styles
*/
@media (min-width: 1200px) {
.header-container {
height: 88px;
}
.header-wrapper {
height: 400px !important;
height: 400px;
overflow: hidden;
/*height: 82px;*/
/*padding-top: 14px;*/
}
}
.cms-page-view h1 {
margin: 0;
}
.faq h1 {
margin: 30px 0;
}
.top-switch-bg .grid_4:nth-child(1) {
position: relative;
z-index: 1;
opacity: 1;
}
@media screen and (max-width: 920px) and (min-width: 901px) {
.top-switch-bg .grid_4:nth-child(2) {
width: calc(66% - 290px);
}
.top-switch-bg .grid_4:nth-child(3) {
width: 290px;
}
}
@media (max-width: 900px) {
/*.header-switch.top-menu-switch .header-dropdown {
right: inherit;
left: 0;
}
.top-menu-switch .header-dropdown ul li{
text-align: left;
}*/
.top-switch-bg .grid_4:nth-child(1) {
width: 40%;
display: none;
}
.top-switch-bg .grid_4:nth-child(2) {
/* display: none; */
z-index: 20;
}
.top-switch-bg .grid_4:nth-child(3) {
width: 55%;
margin-left: 5%;
}
}
@media screen and (max-width: 570px) and (min-width: 471px) {
.top-switch-bg .grid_4:nth-child(1) {
width: calc(95% - 340px);
}
.header-switch.top-menu-switch {
margin-left: 0;
}
.top-switch-bg .grid_4:nth-child(3) {
width: 340px;
margin-left: 5%;
}
.top-menu-switch .header-dropdown {
right: inherit;
left: 0;
}
.top-menu-switch .header-dropdown ul.js-top-menu-switch-list li {
text-align: left;
}
}
@media screen and (max-width: 470px) and (min-width: 370px) {
.top-switch-bg .grid_4:nth-child(1) {
width: calc(100% - 340px);
}
.header-switch.top-menu-switch {
margin-left: 0;
display: none !important;
}
.top-switch-bg .header-top-menu {
display: none;
}
.top-switch-bg .grid_4:nth-child(3) {
width: 340px;
margin-left: 0;
}
}
@media screen and (max-width: 369px) {
.top-switch-bg .grid_4:nth-child(1) {
/*display: none;*/
position: absolute;
z-index: -999;
opacity: 0;
}
.top-switch-bg .grid_4:nth-child(3) {
width: 100%;
margin-left: 0;
}
.language-switch .header-dropdown {
right: inherit;
left: 0;
}
}
.header-top-menu {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
@media (max-width: 1199px) {
.header-top-menu {
/*display: none;*/
}
}
.header-top-menu-item {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
}
.header-top-menu-item.hidden{
display: none;
}
.header-top-menu-item + .header-top-menu-item {
margin-left: 20px;
}
.header-top-menu-link {
color: #000;
font-size: 12px;
line-height: 34px;
}
.header-top-menu-link:hover {
text-decoration: none;
}
.header-top-tel {
text-align: center;
}
@media (max-width: 840px) {
.header-top-tel {
/*display: none;*/
}
}
.header-top-tel-link {
background-color: #f6f6f6;
color: #373836;
display: inline-block;
font-family: Roboto;
font-size: 15px;
line-height: 34px;
padding: 0 20px 0 45px;
position: relative;
vertical-align: top;
}
.header-top-tel-link:hover {
text-decoration: none;
}
.header-top-tel-link-icon {
position: absolute;
top: 0;
bottom: 0;
left: 18px;
margin: auto 0;
}
#queldoreiNav>li {
position: static;
}
#queldoreiNav > li.nav-item-highlighted {
border-bottom-color: #f26d7d;
}
/*#queldoreiNav > li.nav-item-highlighted > a:hover {
background-color: rgb(242, 109, 125, 0.7);
}*/
#queldoreiNav > li.nav-item-highlighted > a span {
background-color: rgb(242, 109, 125, 0.7);
color: #fff;
}
.header-submenu {
display: none;
position: absolute;
top: 100%;
left: 0 !important;
width: 100%;
}
.header-submenu:before {
content: '';
box-shadow: 0px 3px 21px 0px rgba(151, 151, 151, 0.1);
position: absolute;
top: 0;
left: -9999px;
right: -9999px;
height: 100%;
background-color: #fff;
}
@media (min-width: 1200px) {
.nav-item:hover .header-submenu {
display: block;
}
}
.header-submenu-list {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -88px;
padding: 10px 0 22px;
}
#queldoreiNav ul li.header-submenu-item {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
line-height: 1.2;
margin-left: 88px;
margin-top: 14px;
width: auto;
}
#queldoreiNav li a.header-submenu-link {
display: inline;
text-transform: uppercase;
font-family: Roboto;
font-size: 12px;
padding: 0;
}
#queldoreiNav li a.header-submenu-link:hover {
background: none;
}
.popup {
background-color: rgba(255, 255, 255, 0.95);
display: none;
height: 100%;
left: 0;
overflow-y: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 9999999999;
}
.popup.is-active {
display: block;
}
.popup-body {
-ms-align-items: center;
align-items: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
min-height: 100%;
margin: 0 auto;
max-width: 1600px;
padding: 40px 140px;
position: relative;
}
.popup-close-button {
position: absolute;
z-index: 2;
top: 44px;
right: 76px;
height: 40px;
width: 40px;
display: block;
padding: 0;
background: none;
border: none;
}
.popup-close-button:before,
.popup-close-button:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -6px;
right: -6px;
height: 2px;
background-color: #343434;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
margin: auto 0;
}
.popup-close-button:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.popup-close-button:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.popup-content {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin: auto;
width: 100%;
}
.info-popup {
color: #3d3d3d;
font-family: Roboto;
font-weight: 300;
font-size: 24px;
}
.info-popup h3 {
font-family: Roboto;
font-size: 30px;
font-weight: 700;
text-align: center;
}
.info-popup-shop-link {
color: #3d3d3d;
display: block;
margin: 52px auto 0;
width: 288px;
height: 70px;
line-height: 66px;
text-align: center;
border: 2px solid #3d3d3d;
font-family: Roboto;
font-weight: 700;
font-size: 18px;
text-decoration: none;
}
.info-popup-shop-link:hover {
color: #3d3d3d;
text-decoration: none;
}
.region-popup-title {
color: #3d3d3d;
font-family: Roboto;
font-weight: 300;
font-size: 24px;
text-align: center;
}
.region-popup-buttons {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
margin-top: 20px;
}
.region-popup-button {
background-color: #fff;
border: 1px solid #3d3d3d;
color: #3d3d3d;
display: block;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-weight: 300;
font-size: 18px;
line-height: 28px;
padding: 0 16px;
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}
.region-popup-button:hover {
background-color: #3d3d3d;
color: #fff;
text-decoration: none;
}
.region-popup-button + .region-popup-button {
margin-left: 15px;
}
.complaint-popup{
display: none;
}
.complaint-popup.complaint-popup-error, .complaint-popup.complaint-popup-success {
min-height: 60vh;
align-items: center;
justify-content: center;
flex-direction: column;
}
.complaint-popup.is-active{
display: block;
}
.complaint-popup.complaint-popup-error.is-active, .complaint-popup.complaint-popup-success.is-active {
display: flex;
}
.instruction-popup, .delivery-popup, .complaint-popup {
box-sizing: border-box;
padding: 120px 156px 0;
position: relative;
text-align: left;
}
.instruction-popup-title, .delivery-popup-title {
color: #000;
font-family: Roboto;
font-size: 38px;
font-weight: 400;
margin-bottom: 43px;
}
.complaint-popup-title {
text-align: center;
color: #000;
font-family: Roboto;
font-size: 30px;
font-weight: 400;
margin-bottom: 43px;
}
.instruction-popup-text, .delivery-popup-text {
color: #3d3d3d;
font-family: Roboto;
font-size: 16px;
font-weight: 300;
line-height: 1.6;
}
.instruction-popup-text h4, .delivery-popup-text h4 {
color: #3d3d3d;
font-family: Roboto;
font-size: 18px;
font-weight: 700;
}
.instruction-popup-buttons {
position: absolute;
top: 120px;
right: 15px;
}
.instruction-popup-button-print {
background-color: transparent;
background-image: url('../img/print-icon.svg');
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
border: none;
cursor: pointer;
display: block;
font-size: 0;
padding: 0;
width: 36px;
height: 36px;
}
.instruction-popup-button-download {
background-image: url('../img/download-icon.svg');
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
cursor: pointer;
display: block;
font-size: 0;
width: 36px;
height: 36px;
margin-top: 50px;
}
.popup-content.delivery-content, .popup-content.complaint-content {
min-height: calc(100vh - 80px);
}
@media screen and (max-width: 767px) and (min-width: 320px){
.popup-content .instruction-popup, .popup-content .delivery-popup, .popup-content .complaint-popup{
padding: 0;
}
.instruction-popup .instruction-popup-title, .delivery-popup .delivery-popup-title, .complaint-popup .complaint-popup-title{
font-size: 24px;
margin-top: 80px;
}
.instruction-popup .instruction-popup-buttons{
display: flex;
align-items: center;
top: -86px;
left: 0;
right: inherit;
}
.instruction-popup-buttons .instruction-popup-button-download{
margin-top: 0;
margin-left: 30px;
}
}
@media screen and (max-width: 1199px) and (min-width: 768px){
.popup-content .instruction-popup, .popup-content .delivery-popup, .popup-content .complaint-popup{
padding: 120px 80px 0;
}
}
.promotions-tabs {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 34px 100px 96px;
max-width: 1492px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.promotions-tabs {
padding: 34px 0 50px;
width: 680px;
}
.cart-recommend-products .promotions-slider.products-grid {
width: 680px;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.promotions-tabs {
padding: 34px 0 50px;
width: 320px;
}
.cart-recommend-products .promotions-slider.products-grid {
width: 320px;
margin: 0 auto;
}
}
.promotions-tabs-buttons {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-bottom: 48px;
}
@media (max-width: 1199px) {
.promotions-tabs-buttons {
padding: 0 10px;
}
}
.promotions-tabs-button {
background: none;
border: none;
color: #a3a3a3;
font-family: Roboto;
font-size: 42px;
font-weight: 700;
padding: 0;
}
@media (max-width: 1199px) {
.promotions-tabs-button {
font-size: 24px;
}
}
.promotions-tabs-button + .promotions-tabs-button {
margin-left: 118px;
}
@media (max-width: 1199px) {
.promotions-tabs-button + .promotions-tabs-button {
margin-left: 27px;
}
}
.promotions-tabs-button:hover {
color: #7a7a7a;
}
.promotions-tabs-button.is-active {
color: #515151;
}
.promotions-tabs-content {
display: none;
}
.promotions-tabs-content.is-active {
display: block;
}
@media (max-width: 1199px) {
.promotions-tabs-content {
padding: 0 30px;
}
}
.promotions-slider {
position: relative;
}
.promotions-slider.products-grid {
width: auto;
}
.promotions-slider .slick-arrow {
background: none;
border: none;
bottom: 0;
font-size: 0;
height: 80px;
margin: auto 0;
padding: 0;
position: absolute;
text-indent: -9999px;
top: 0;
width: 80px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
@media (max-width: 425px) {
.cart-recommend-products .promotions-slider.products-grid {
width: 260px;
}
}
@media (max-width: 1199px) {
.promotions-slider .slick-arrow {
height: 60px;
width: 30px;
}
}
.promotions-slider .slick-arrow:before {
background: url('../img/arrow_slider.svg') 50% 50%/contain no-repeat;
bottom: 0;
content: '';
height: 60px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.promotions-slider .slick-prev {
left: -95px;
}
.promotions-slider .slick-prev:before {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
.promotions-slider .slick-next {
right: -95px;
}
@media screen and (max-width: 1290px) and (min-width: 1200px) {
.promotions-slider {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 0 60px;
}
.promotions-slider .slick-prev {
left: -30px;
}
.promotions-slider .slick-next {
right: -30px;
}
}
@media (max-width: 1199px) {
.promotions-slider .slick-prev {
left: -30px;
}
.promotions-slider .slick-next {
right: -30px;
}
}
.promotions-slider .slick-list {
overflow: hidden;
}
.promotions-slider .slick-track {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.promotions-slider .item {
/*margin-right: 50px;*/
margin: 0 25px;
position: relative;
}
@media screen and (max-width: 767px){
.promotions-slider .item {
margin-right: 0;
}
}
.promotions-slider .item .product-image {
/* background-color: #000; */
height: 282px;
}
.promotions-slider .product-tile .product-image img {
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
max-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.product-tile-series {
border: 1px solid #000;
color: #000;
font-family: Roboto;
font-size: 12px;
font-weight: 400;
line-height: 14px;
/*padding: 0 8px 2px;*/
text-transform: uppercase;
max-width: 100%;
position: absolute;
top: 4px;
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
left: 5px;
z-index: 2;
height: 14px;
padding: 1px 8px 0 8px;
}
#bgh-custom a.product-tile-series{
box-sizing: content-box;
text-decoration: none;
}
#bgh-custom a.product-tile-series:hover{
box-sizing: content-box;
text-decoration: none;
color: #fff;
}
.product-tile-series:hover {
background-color: #000;
color: #fff;
text-decoration: none;
}
.product-tile-label-wrapper {
position: absolute;
top: 4px;
right: 6px;
width: 44px;
z-index: 2;
}
.product-tile-label {
/*position: absolute;
top: 4px;
right: 6px;*/
height: 44px;
width: 44px;
margin-bottom: 6px;
border-radius: 50%;
color: #fff;
font-family: Roboto;
font-size: 10px;
line-height: 44px;
text-transform: uppercase;
text-align: center;
overflow: hidden;
letter-spacing: 0.02em;
}
.product-tile-label-hit {
background-color: #f38b5a;
}
.product-tile-label-sale {
background-color: #f26d7d;
}
.product-tile-label-new {
background-color: #82ca9c;
}
.product-tile-price-old {
color: #b2b2b2;
font-size: 19px;
text-decoration: line-through;
padding-left: 6px;
}
.product-tile-buttons {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
/*bottom: 5px;*/
position: absolute;
right: 0;
bottom: 0;
}
.product-tile-favorite-button {
width: 17px;
height: 16px;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
background: none;
font-size: 0;
padding: 0;
border: none;
/*position: relative;*/
position: absolute;
right: 8px;
top: -90px;
z-index: 2;
}
.product-favorite-button {
position: absolute;
right: 9px;
top: 12px;
z-index: 1;
}
.product-tile-favorite-button-icon-base {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: block;
}
.product-tile-favorite-button.is-active .product-tile-favorite-button-icon-base {
display: none;
}
.product-tile-favorite-button-icon-active {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: none;
}
.product-tile-favorite-button.is-active .product-tile-favorite-button-icon-active {
display: block;
}
.product-tile-cart-button {
background: transparent url('../img/mandje-icon.svg') 50% 50% no-repeat;
border: 1px solid #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 35px;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-size: 0;
margin-left: 9px;
padding: 0;
text-indent: -9999px;
width: 35px;
}
.product-tile-cart-button.is-active {
background-color: #000;
background-image: url('../img/mandje-wit-icon.svg');
}
.product-tile-cart-button-disabled {
opacity: 0.2;
position: relative;
cursor: help;
text-indent: inherit;
}
.product-tile-cart-button-disabled span {
opacity: 0;
transition: all .3s ease-out;
position: absolute;
top: 0;
display: block;
font-size: 12px;
color: #000;
padding: 5px!important;
line-height: 1;
border: 1px solid #000;
font-weight: 400;
margin-left: 10px;
text-transform: uppercase;
background: #E0E0E0;
white-space: nowrap;
right: 0;
}
.product-tile-cart-button-disabled:hover span {
opacity: 1;
top: -27px;
}
.product-tile-cart-button-disabled:before {
color: #000;
content: '\00d7';
display: block;
font-size: 18px;
height: 10px;
left: 0;
line-height: 1;
position: absolute;
text-align: center;
text-indent: 0;
top: 0;
width: 100%;
}
.delivery-notification {
background-color: #000;
color: #fff;
position: absolute;
top: 100%;
left: 0;
height: 40px;
width: 100%;
z-index: 10;
}
.delivery-notification-body {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: Roboto;
font-size: 12px;
font-weight: 400;
line-height: 40px;
margin: 0 auto;
max-width: 1660px;
padding: 0 40px;
position: relative;
text-align: center;
}
.delivery-notification-body a {
color: #fff;
font-weight: 700;
text-decoration: underline;
}
.delivery-notification-close-button {
display: block;
right: 34px;
top: 0;
bottom: 0;
position: absolute;
width: 16px;
height: 16px;
margin: auto 0;
border: none;
background: none;
padding: 0;
cursor: pointer;
}
.delivery-notification-close-button:before,
.delivery-notification-close-button:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto 0;
height: 2px;
background-color: #fff;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.delivery-notification-close-button:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.delivery-notification-close-button:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
@media only screen and (max-width: 424px) and (min-width: 320px) {
.delivery-notification {
height: 60px;
display: flex;
align-items: center;
}
.delivery-notification-body {
font-size: 11px;
line-height: 16px;
}
.delivery-notification-close-button {
margin: 0;
right: 10px;
}
}
@media only screen and (max-width: 563px) and (min-width: 425px) {
.delivery-notification {
height: 60px;
display: flex;
align-items: center;
}
.delivery-notification-body {
font-size: 12px;
line-height: 18px;
}
.delivery-notification-close-button {
margin: 0;
right: 10px;
}
}
@media only screen and (min-width: 564px) and (max-width: 600px) {
.delivery-notification {
height: 40px;
display: flex;
align-items: center;
}
.delivery-notification-body {
font-size: 12px;
line-height: 18px;
}
.delivery-notification-close-button {
margin: 0;
right: 10px;
}
}
#mc_embed_signup input.email {
width: 496px !important;
}
#mc_embed_signup input.email.is-invalid {
border-color: #ff0000 !important;
}
.site-switcher-label {
font-family: Roboto;
font-size: 14px;
font-weight: 700;
padding-right: 9px;
text-align: right;
}
.site-switcher-primary-items {
margin-bottom: 14px;
}
.site-switcher-primary-item {
border-bottom: 1px solid rgba(119, 119, 119, 0.13);
color: #8c8c8c;
display: block;
font-family: Roboto;
font-size: 12px;
font-weight: 400;
line-height: 35px;
margin: 0 -9px 0 -7px;
padding: 0 18px 0 60px;
position: relative;
text-align: right;
}
.site-switcher-primary-item.active {
color: #373836;
}
.site-switcher-primary-item.active:before {
background: url('../img/check-full.svg') 50% 50% no-repeat;
bottom: 0;
content: "";
height: 13px;
left: 30px;
margin: auto 0;
position: absolute;
top: 0;
width: 18px;
}
.catalog-filters-radio-input {
display: none;
}
#narrow-by-list .checkbox-filter-label {
color: #a1a1a1;
}
#narrow-by-list .checkbox-filter-label span{
margin-right: 3px;
}
#narrow-by-list input:checked + .checkbox-filter-label {
color: #000;
}
.favorites-top {
-ms-align-items: center;
align-items: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
height: 38px;
color: #231f20;
font-size: 13px;
font-family: "Roboto", sans-serif;
font-weight: normal;
white-space: nowrap;
margin: 0 16px 0 18px;
}
@media only screen and (min-width:1025px) and (max-width:1280px) {
.favorites-top {
margin-top: 0px;
}
}
@media only screen and (min-width:960px) and (max-width:1024px) {
/* .favorites-top {
margin-top: 6px;
} */
}
@media only screen and (max-width: 959px) {
.favorites-top {
display: none;
}
}
.favorites-top-icon {
widows: 17px;
height: 16px;
margin-right: 4px;
}
.favorites-top-title {
display: none;
}
.main-cat-grid {
padding-bottom: 20px;
}
.category-more-link {
background-color: #fff;
box-sizing: border-box;
border: 1px solid #3d3d3d;
color: #3d3d3d;
display: block;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-weight: 300;
font-size: 16px;
line-height: 36px;
padding: 0 16px;
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
width: 260px;
margin: 0 auto;
text-align: center;
position: relative;
}
.category-more-link:hover {
background-color: #3d3d3d;
color: #fff;
text-decoration: none;
}
.subcategories-more-link {
background-color: #fff;
box-sizing: border-box;
border: 1px solid #3d3d3d;
color: #3d3d3d;
display: block;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-weight: 300;
font-size: 16px;
line-height: 36px;
padding: 0 16px;
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
width: 260px;
margin: 5px auto 0;
text-align: center;
}
.subcategories-more-link:hover {
background-color: #3d3d3d;
color: #fff;
text-decoration: none;
}
.toolbar-bottom {
margin-top: 20px;
}
.cart .cart-collaterals {
display: block;
}
.cart-recommend-products {
padding: 40px 0;
position: relative;
}
.cart-recommend-products:before {
background-color: #fff;
content: "";
height: 100%;
left: -9999px;
position: absolute;
right: -9999px;
top: 0;
z-index: -1;
}
.cart-recommend-products h2 {
border-bottom: 1px solid #e0e0e0;
font-size: 18px;
font-weight: 400;
line-height: 43px;
margin-bottom: 10px;
text-transform: uppercase;
}
/*.product-view .product-img-box .product-image a img {
opacity: 0;
}*/
.product-image-body {
background-color: transparent; /*#fff*/
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
/*display: block;*/
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.97;
}
.product-image-series {
border: 1px solid #000;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
line-height: 16px;
padding: 0 9px 2px;
text-transform: uppercase;
max-width: 100%;
position: absolute;
top: 18px;
left: 5px;
z-index: 9999;
}
.product-view .product-img-box .product-image a.product-image-series {
background-color: #fff;
position: absolute;
text-decoration: none;
color: #000;
top: 5px;
display: flex;
align-items: center;
height: 24px;
padding: 0 9px;
line-height: normal;
transition: all 10ms ease-in-out;
-webkit-transition: all 10ms ease-in-out;
-moz-transition: all 10ms ease-in-out;
-o-transition: all 10ms ease-in-out;
}
.product-view .product-img-box .product-image a.product-image-series:hover {
background-color: #000;
color: #fff;
}
.product-image-label-wrapper {
display: flex;
flex-direction: column;
position: absolute;
top: 54px;
left: 5px;
width: 60px;
}
.product-image-label {
/*position: absolute;
top: 54px;
left: 5px;*/
height: 60px;
width: 60px;
margin-bottom: 10px;
border-radius: 50%;
color: #fff;
font-family: Roboto;
font-size: 14px;
line-height: 60px;
text-transform: uppercase;
text-align: center;
overflow: hidden;
letter-spacing: 0.02em;
z-index: 9999;
}
.product-image-label-hit {
background-color: #f38b5a;
}
.product-image-label-sale {
background-color: #f26d7d;
}
.product-image-label-new {
background-color: #82ca9c;
}
.product-rating {
margin-bottom: 17px;
margin-top: 13px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.rating-links a {
font-size: 12px;
white-space: nowrap;
}
.product-rating-reviews {
display: flex;
white-space: nowrap;
font-family: Roboto;
font-size: 12px;
font-weight: 400;
padding-right: 15px;
margin-bottom: 10px;
}
.product-rating-reviews span{
margin-right: 5px;
}
.product-estimate {
display: flex;
align-items: center;
margin-left: 0;
margin-bottom: 10px;
}
.product-estimate-title {
display: inline;
white-space: nowrap;
font-family: Roboto;
font-size: 12px;
font-weight: 400;
}
.product-estimate-value {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
font-size: 0;
margin-left: 8px;
vertical-align: top;
}
.product-estimate-star {
background-image: url(../img/star-icon.svg);
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
display: block;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
height: 16px;
opacity: 0.43;
width: 16px;
}
.product-estimate-star.is-active {
opacity: 1;
}
.product-estimate-star + .product-estimate-star {
margin-left: 4px;
}
.price-old {
color: #b2b2b2;
font-size: 34px;
padding-left: 4px;
text-decoration: line-through;
}
.product-awards {
margin-top: 44px;
}
.product-awards-title {
color: #000;
font-family: Roboto;
font-size: 14px;
}
.product-awards-items {
margin-top: 22px;
display: flex;
flex-wrap: wrap;
}
.product-awards-logo {
display: inline-block;
height: 100%; /*auto*/
vertical-align: top;
width: 58px;
margin-right: 27px;
margin-bottom: 20px;
}
/*.product-awards-logo + .product-awards-logo {
margin-left: 27px;
}*/
.product-review {
padding-bottom: 25px;
}
.product-review-header {
-ms-align-items: baseline;
align-items: baseline;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-bottom: 9px;
}
.product-review-title {
color: #050101;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
}
.product-review-date {
color: #050101;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-size: 12px;
font-weight: 300;
margin-left: auto;
padding-left: 15px;
}
.product-review-text {
color: #050101;
font-family: Roboto;
font-size: 13px;
font-weight: 400;
}
.product-review-answer {
margin-top: 20px;
}
.product-review-answer-title {
color: #050101;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
margin-bottom: 5px;
}
.product-review-answer-text {
background-color: #efefef;
box-sizing: border-box;
color: #050101;
font-family: Roboto;
font-size: 13px;
font-weight: 400;
padding: 16px 30px;
}
.product-instructions {
margin-top: 70px;
}
.product-instructions-title.product-instructions-title {
border-bottom: 2px solid #dcd9d8;
color: #000;
font-family: Roboto;
font-size: 14px;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 8px;
text-align: center;
text-transform: none;
}
.product-instructions-title.product-instructions-title {
display: block;
}
.product-instruction {
-ms-align-items: center;
align-items: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-top: 13px;
min-height: 40px;
position: relative;
}
.product-instruction:before {
background-image: url('../img/pdf-file-icon.svg');
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-position: 0 0;
content: '';
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
}
.product-instruction-name {
box-sizing: border-box;
color: #000;
cursor: pointer;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
padding-left: 59px;
}
.product-instruction-name:hover {
color: #727272;
}
.product-manufacture {
clear: both;
margin-top: 76px;
}
.product-manufacture-item {
color: #989898;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
}
.product-manufacture-item + .product-manufacture-item {
margin-top: 3px;
}
.product-interested {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 90px 100px 96px;
max-width: 1492px;
}
@media (max-width: 767px) {
.product-interested {
padding: 34px 0 50px;
width: 320px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.product-interested {
padding: 34px 0 50px;
width: 680px;
}
}
.product-interested-title {
border-bottom: 1px solid #e0e0e0;
font-size: 18px;
font-family: Roboto;
font-weight: 300;
letter-spacing: 0.01em;
margin-bottom: 30px;
padding-bottom: 11px;
text-transform: uppercase;
}
.catalog-product-view #fancybox-overlay {
background-color: #fff !important;
opacity: 0.95 !important;
}
/*
.catalog-product-view #fancybox-wrap {
left: 0 !important;
padding: 0;
width: 100% !important;
}*/
.catalog-product-view #fancybox-outer {
background-color: transparent !important;
}
.catalog-product-view .fancybox-bg {
display: none;
}
.catalog-product-view #fancybox-content {
border-color: transparent !important;
}
.catalog-product-view #fancybox-close {
position: fixed;
height: 80px;
width: 80px;
top: 5px;
right: 0;
background: none;
}
.catalog-product-view #fancybox-close:before,
.catalog-product-view #fancybox-close:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
height: 2px;
left: 5px;
right: 5px;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
margin: auto;
background-color: #000;
}
.catalog-product-view #fancybox-close:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.catalog-product-view #fancybox-close:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.catalog-product-view #fancybox-left,
.catalog-product-view #fancybox-right {
border: none;
bottom: 0;
font-size: 0;
padding: 0;
top: 0;
width: 80px;
}
.catalog-product-view #fancybox-title-over {
display: none;
}
@media (max-width: 1199px) {
.catalog-product-view #fancybox-left,
.catalog-product-view #fancybox-right {
height: 60px;
width: 30px;
}
}
.catalog-product-view #fancybox-left .fancy-ico,
.catalog-product-view #fancybox-right .fancy-ico {
background: url('../img/arrow_slider.svg') 50% 50%/contain no-repeat;
bottom: 0;
height: 60px;
margin: auto;
position: fixed;
top: 0;
width: 30px;
}
.catalog-product-view #fancybox-left .fancy-ico {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
@media (max-width: 600px) {
.catalog-product-view #fancybox-left,
.catalog-product-view #fancybox-right {
top: calc(100% + 10px);
}
.catalog-product-view #fancybox-left {
left: calc(50vw - 63px);
}
.catalog-product-view #fancybox-right {
right: calc(50vw - 60px);
}
.catalog-product-view #fancybox-left .fancy-ico,
.catalog-product-view #fancybox-right .fancy-ico {
height: 40px;
position: absolute;
right: 0;
left: 0;
}
.catalog-product-view #fancybox-close {
height: 50px;
width: 50px;
right: 5px;
border-radius: 50%;
background: rgba(white, 0.6);
}
.catalog-product-view #fancybox-close:before,
.catalog-product-view #fancybox-close:after {
left: 10px;
right: 10px;
}
.catalog-product-view #fancybox-title-over {
padding: 10px;
margin: 10px 0;
font-size: 18px;
font-family: "Roboto", sans-serif;
background: none;
display: block;
}
}
.order {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 40px;
}
.order-section {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
}
.order-section_personal-data {
border-bottom: 1px solid #ccc7c6;
padding-bottom: 35px;
width: 100%;
}
.order-section_delivery {
border-bottom: 1px solid #ccc7c6;
display: block;
padding-bottom: 50px;
width: 100%;
}
.order-section_payment {
width: calc(100% - 442px);
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.order .order-info-block {
width: 290px;
}
.order-delivery-shops .order-delivery-shops-items {
width: 48%;
}
.order-section_payment {
width: calc(100% - 400px);
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.order-main-row {
width: 96%;
}
.order .order-info-block {
width: 100%;
margin-top: 30px;
}
.order-section_payment {
width: 100%;
}
.order .order-info-block .order-info{
padding: 56px 20px;
}
.order-delivery-choice-input-shop:checked ~ .order-delivery-shops {
flex-wrap: wrap;
}
.order-delivery-shops-items .order-delivery-shop {
padding: 17px 0;
flex-wrap: wrap;
}
.order-delivery-shop .order-delivery-shop-timetable {
margin-left: 0;
padding-top: 20px;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.order-delivery-shop-timetable .order-delivery-shop-timetable-item {
display: flex;
justify-content: flex-start;
max-width: 45%;
}
.order-delivery-shop-timetable-item .order-delivery-shop-timetable-value {
margin-left: 10px;
}
.order-delivery-shops .order-delivery-shops-map {
width: 100%;
margin-top: 25px;
}
.order .order-delivery-shops .order-delivery-shops-items, .order-delivery-shop .order-delivery-shop-input-label, .order-delivery-shop .order-delivery-shop-header {
width: 100%;
}
.order-delivery-details .order-delivery-details-fields {
flex-wrap: wrap;
}
.order-delivery-details-fields .order-field{
width: 100%;
margin-bottom: 30px;
}
}
@media screen and (min-width: 531px) and (max-width: 767px) {
.order-delivery-shops .order-delivery-shops-items {
width: 48%;
}
.order-section_delivery .order-delivery-addresses, .order-section_delivery .order-field-city {
width: 50%;
}
}
@media screen and (min-width: 320px) and (max-width: 530px) {
.order-main-row {
width: 96%;
}
.order-section_personal-data .order-fields {
flex-wrap: wrap;
}
.order-section-header .order-section-title {
min-width: 100%;
}
.order-section_personal-data .order-fields .order-field {
width: 100%;
margin-bottom: 30px;
}
.order-section-header .order-section-login-button {
margin-left: 0;
margin-top: 25px;
}
.order-section_delivery .order-delivery-addresses, .order-section_delivery .order-field-city, .order .order-delivery-shops .order-delivery-shops-items, .order-delivery-shop .order-delivery-shop-input-label, .order-delivery-shop .order-delivery-shop-header {
width: 100%;
}
.order-payment-online .order-payment-item {
overflow-x: hidden;
}
.order-info-block .order-submit-button {
width: 100%;
margin-top: 0;
margin-left: 0;
}
}
.order-section + .order-section {
margin-top: 36px;
}
.order-section-header {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: 35px;
width: 100%;
}
.order-section-title {
color: #000;
-webkit-flex: 1 1 0;
-moz-flex: 1 1 0;
-ms-flex: 1 1 0;
-o-flex: 1 1 0;
flex: 1 1 0;
font-family: Roboto;
font-size: 24px;
font-weight: 400;
white-space: nowrap;
}
.order-section-login-button {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
padding: 0 20px;
line-height: 35px;
margin-left: auto;
color: #fff;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
background-color: #000;
min-width: 160px;
}
.order-section-login-button:hover {
color: #fff;
text-decoration: none;
}
.order-section-notification {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
font-family: Roboto;
font-size: 13px;
font-weight: 400;
margin-top: 3px;
}
.order-fields {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
justify-content: space-between;
max-width: 1266px;
width: 100%;
}
.order-field {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: 30%;
}
.order-field-city {
margin-bottom: 42px;
}
.order-delivery-building {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: flex-start;
align-items: flex-start;
}
.order-subfield {
max-width: calc(50% - 19px);
width: 150px;
}
.order-subfield + .order-subfield {
margin-left: 38px;
}
.order-field-label {
color: rgba(0, 0, 0, 0.7);
font-family: Roboto;
font-size: 15px;
font-weight: 300;
}
.order-field-label1{
color: rgba(0, 0, 0, 0.7);
font-family: Roboto;
font-size: 15px;
font-weight: 300;
padding-left: 20px;
}
.order-field-label-required-mark {
color: #ff435a;
opacity: 0.7;
padding-left: 2px;
}
.order-field-input {
border: 1px solid #ccc7c6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: none !important;
color: #000;
display: block;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
height: 27px;
margin-top: 6px;
padding: 0 7px;
width: 100%;
outline: none;
}
.order-field-input:focus {
border-color: #000;
}
.order-delivery-details {
display: none;
margin-top: 30px;
}
.order-delivery-choice-input-courier:checked ~ .order-delivery-details,
.order-delivery-choice-input-post:checked ~ .order-delivery-details,
.order-delivery-choice-input-office:checked ~ .order-delivery-details {
display: block;
}
.order-delivery-choice-input-courier:checked ~ .order-delivery-details > .order-delivery-details-choose-button,
.order-delivery-choice-input-post:checked ~ .order-delivery-details > .order-delivery-details-choose-button,
.order-delivery-choice-input-office:checked ~ .order-delivery-details > .order-delivery-details-choose-button{
animation: showBtn 0.8s ease-in-out;
}
.order-delivery-choice-separator {
display: block;
height: 5px;
}
.order-delivery-details-fields {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.order-delivery-details-choose-button {
background-color: #000;
border: none;
color: #fff;
display: block;
font-family: Roboto;
font-size: 15px;
font-weight: 400;
line-height: 40px;
margin-top: 32px;
text-align: center;
width: 243px;
transition: opacity 0.8s ease;
}
@keyframes showBtn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.order-delivery-shops {
-ms-align-items: flex-start;
align-items: flex-start;
display: none;
margin-top: 33px;
}
.order-delivery-choice-input-shop:checked ~ .order-delivery-shops {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.order-delivery-choice-input-shop:disabled ~ label.order-delivery-choice-label{
opacity: 0.5;
cursor: default;
}
.order-delivery-shops-items {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
padding-bottom: 45px;
position: relative;
width: 44.5%;
}
.order-delivery-shops-input-all-switcher {
display: none;
}
.order-delivery-shops-button-all-switcher {
position: absolute;
display: block;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
font-family: Roboto;
font-size: 15px;
font-weight: 300;
text-decoration: underline;
}
.order-delivery-shops-input-all-switcher:checked + .order-delivery-shops-button-all-switcher {
display: none;
}
.order-delivery-shop {
-ms-align-items: flex-start;
align-items: flex-start;
box-sizing: border-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 17px 60px 17px 0;
position: relative;
}
.order-delivery-shop:nth-child(1) {
/*display: flex;*/
}
.order-delivery-shop-hidden {
display: none;
}
.order-delivery-shops-input-all-switcher:checked ~ .order-delivery-shop-hidden {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.order-delivery-shop-input {
display: none;
}
.order-delivery-shop-input-label {
position: absolute;
top: 0;
left: 0;
width: calc(100% - 60px);
height: 100%;
border-bottom: 1px solid #ccc7c6;
}
.order-delivery-shop-input:checked + .order-delivery-shop-input-label {
border-bottom: 3px solid #000;
width: 100%;
}
.order-delivery-shop-input-label:before {
background: url('../img/check-full.svg') 50% 50% no-repeat;
bottom: 0;
content: "";
display: none;
height: 13px;
right: 0;
margin: auto 0;
position: absolute;
top: 0;
width: 18px;
}
.order-delivery-shop-input:checked + .order-delivery-shop-input-label:before {
display: block;
}
.order-delivery-shop-header {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: 57.1%;
}
.order-delivery-shop-title {
color: #000;
font-family: Roboto;
font-size: 18px;
font-weight: 400;
}
.order-delivery-shop-address {
color: #000;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
margin-top: 3px;
}
.order-delivery-shop-timetable {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-left: auto;
padding-top: 2px;
width: 36%;
}
.order-delivery-shop-timetable-item {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.order-delivery-shop-timetable-item + .order-delivery-shop-timetable-item {
margin-top: 8px;
}
.order-delivery-shop-timetable-label {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
}
.order-delivery-shop-timetable-value {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
}
.order-delivery-shops-map {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
height: 436px;
margin-left: auto;
width: 50%;
}
.order-account-create {
margin-top: 30px;
}
.order-account-create-input {
position: relative;
top: 2px;
}
.order-account-create-label {
color: #050101;
display: inline-block;
font-family: Roboto;
font-size: 13px;
font-weight: 400;
margin-left: 4px;
}
.order-delivery-choice {
margin-top: 45px;
}
.order-delivery-choice-item + .order-delivery-choice-item {
margin-top: 4px;
}
.order-delivery-choice-input {
position: relative;
top: 2px;
}
.order-delivery-choice-label {
display: inline-block;
margin-left: 3px;
opacity: 0.7;
}
.order-delivery-choice-input:checked + .order-delivery-choice-label {
opacity: 1;
}
.order-payment-choice {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.order-payment-choice-item {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
}
.order-payment-choice-input {
display: none;
}
.order-payment-choice-label {
border: 1px solid #000;
color: #000;
display: inline-block;
line-height: 35px;
padding: 0 15px;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
}
.order-payment-choice-input-pickup:checked ~ .order-payment-choice .order-payment-choice-item:nth-child(1) .order-payment-choice-label,
.order-payment-choice-input-online:checked ~ .order-payment-choice .order-payment-choice-item:nth-child(2) .order-payment-choice-label {
background-color: #000;
color: #fff;
}
.order-payment-pickup {
display: none;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-top: 50px;
width: 100%;
}
.order-payment-online {
display: none;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-top: 50px;
width: 100%;
}
.order-payment-choice-input-pickup:checked ~ .order-payment-pickup,
.order-payment-choice-input-online:checked ~ .order-payment-online {
display: block;
}
.order-payment-item + .order-payment-item {
margin-top: 32px;
}
.order-payment-input {
position: relative;
top: 1px;
}
.order-payment-label {
color: rgba(5, 1, 1, 0.7);
display: inline-block;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
margin-left: 4px;
}
.order-payment-input:checked + .order-payment-label {
color: rgba(5, 1, 1, 1);
}
.order-payment-cards-1 {
display: block;
margin-left: 21px;
}
.order-payment-cards-2 {
display: block;
margin: 3px 0 0 18px;
}
.order-info-block {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-left: auto;
margin-top: 90px;
width: 442px;
}
.order-info {
background-color: #f6f6f6;
padding: 56px 34px;
}
.order-info-title {
color: #000;
font-family: Roboto;
font-size: 13px;
font-weight: 400;
}
.order-info-title_error {
opacity: 0.7
}
.order-info-title:not(:first-child) {
margin-top: 16px;
}
.order-info-value {
color: #050101;
font-family: Roboto;
font-size: 26px;
font-weight: 400;
margin-top: 2px;
}
.order-info-value_error {
opacity: 0.7
}
.order-info-notification {
color: #f20000;
font-family: Roboto;
font-size: 13px;
font-weight: 400;
margin-top: 2px;
}
.order-info-total-title {
color: #000;
font-family: Roboto;
font-size: 18px;
font-weight: 400;
margin-top: 44px;
}
.order-info-total-value {
color: #050101;
font-family: Roboto;
font-size: 46px;
font-weight: 400;
margin-top: 2px;
}
.order-submit-button {
background-color: #000;
border: none;
color: #fff;
display: block;
font-family: Roboto;
font-size: 18px;
font-weight: 400;
line-height: 55px;
margin-left: auto;
margin-top: 20px;
text-align: center;
width: 288px;
}
.page-order-confirmation .main-container {
background-color: #f7f7f7;
}
.order-confirmation {
max-width: 710px;
padding: 120px 0 80px;
}
.order-confirmation-title {
font-size: 48px;
font-family: Roboto;
font-weight: 200;
color: rgb(24, 24, 24);
line-height: 0.667;
text-indent: 0.05px;
}
.order-confirmation-subtitle {
font-size: 15px;
font-family: Roboto;
color: rgb(55, 56, 54);
line-height: 1.533;
margin-top: 30px;
}
.order-confirmation-schedule {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
margin-top: 60px;
}
.order-confirmation-schedule-item {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
}
.order-confirmation-schedule-title {
color: #373836;
font-family: Roboto;
font-size: 15px;
font-weight: 700;
}
.order-confirmation-schedule-value {
color: #373836;
font-family: Roboto;
font-size: 15px;
font-weight: 400;
margin-top: 18px;
}
.order-confirmation-buttons {
-ms-align-items: baseline;
align-items: baseline;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-top: 84px;
}
.order-confirmation-continue-button {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: 203px;
line-height: 53px;
background-color: #000;
color: #fff;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
text-align: center;
}
.order-confirmation-continue-button:hover {
color: #fff;
text-decoration: none;
}
.order-confirmation-orders-button {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
color: #050101;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
text-decoration: underline;
margin-left: 45px;
}
.order-confirmation-orders-button:hover {
color: #050101;
}
.shops {
padding: 30px 0;
}
.shop-banner + .shop-banner {
margin-top: 30px;
}
.shop-banner img {
display: block;
height: auto;
width: 100%;
}
.info {
margin: 0 auto;
max-width: 1430px;
padding: 10px 2% 0;
}
.info-body {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-top: 5px;
}
.info-sidebar {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
padding-top: 32px;
width: 294px;
}
.info-menu {
background-color: #f7f7f7;
box-sizing: border-box;
color: #000;
margin-bottom: 60px;
padding: 40px 20px 40px 30px;
}
.info-menu-title {
font-family: Roboto;
font-size: 21px;
}
.info-menu-list + .info-menu-title {
margin-top: 70px;
}
.info-menu-list {
margin-top: 13px;
padding-left: 15px;
}
.info-menu-link {
color: #000;
font-family: Roboto;
font-size: 13px;
letter-spacing: 0.01em;
}
.info-menu-link.is-active {
font-weight: 700;
}
.info-sidebar-banner:not(:first-child) {
margin-top: 60px;
}
.info-sidebar-banner img {
display: block;
vertical-align: top;
width: 100%;
}
.info-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
padding-left: 116px;
width: calc(100% - 294px);
}
.info-title {
color: #000;
font-family: Roboto;
font-size: 24px;
}
.info-sections-previews {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -50px;
padding-top: 42px;
}
.info-sections-previews-item {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-top: 50px;
width: 48%; /* 50% */
}
.info-sections-previews-item:nth-child(2n + 1) {
margin-right: 4%;
}
.info-section-preview-title {
color: #404040;
font-family: Roboto;
font-size: 18px;
}
.info-section-preview-description {
color: #a1a1a1;
font-family: Roboto;
font-size: 14px;
margin-bottom: 6px;
margin-top: 10px;
max-width: 410px;
}
.info-section-preview-link {
text-decoration: underline;
}
.info-about {
margin-top: 64px;
padding-bottom: 90px;
}
.info-about-banner {
background-image: url(../img/info-about-2.jpg);
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-position: 50% 50%;
box-sizing: border-box;
height: 432px;
margin-bottom: -40px;
padding: 90px 0 50px;
}
.info-about-banner-logo {
display: block;
margin-bottom: 30px;
vertical-align: top;
}
.info-about-banner-title {
color: #000;
font-family: Roboto;
font-size: 24px;
font-weight: 400;
letter-spacing: 0.01em;
text-transform: uppercase;
}
.info-about-description {
color: #000;
font-family: Roboto;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.01em;
}
.info-about-description-1 {
border-bottom: 1px solid #ccc7c6;
margin-bottom: 48px;
padding-bottom: 35px;
}
.info-about-numbers-info {
-ms-align-items: center;
align-items: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.info-about-numbers-header {
box-sizing: border-box;
color: #000;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-size: 24px;
font-weight: 400;
letter-spacing: 0.01em;
text-align: center;
text-transform: uppercase;
height: 300px;
background-color: #f7f7f7;
width: 300px;
padding-top: 20px;
}
.info-about-numbers-header-value {
display: block;
font-size: 150px;
}
.info-about-numbers-content {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
color: rgba(0, 0, 0, 0.57);
font-family: Roboto;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 1.8;
padding-left: 36px;
width: calc(100% - 336px);
}
.info-about-figure {
border-bottom: 1px solid #ccc7c6;
margin-top: 50px;
padding-bottom: 45px;
}
.info-about-figure-image {
display: block;
height: auto;
width: 100%;
vertical-align: top;
}
.info-about-figure-caption {
color: #000;
font-family: Roboto;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 1.4;
padding-top: 32px;
}
.info-about-figure-caption-highlight {
color: #9d9d9d;
display: block;
}
.info-about-products {
margin-top: 75px;
}
.info-about-products-title {
color: #000;
font-family: Roboto;
font-size: 24px;
font-weight: 400;
letter-spacing: 0.01em;
}
.info-about-products-list {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 60px;
padding-top: 1px;
}
.info-about-products-item {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-top: 14px;
width: 50%;
}
.info-about-products-link {
color: #000;
font-family: Roboto;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.01em;
text-decoration: underline;
}
.info-about-products-image {
display: block;
height: auto;
margin-top: 36px;
vertical-align: top;
width: 100%;
}
.info-about-title-2 {
margin-bottom: 38px;
margin-top: 78px;
color: #000;
font-family: Roboto;
font-size: 36px;
font-weight: 400;
letter-spacing: 0.01em;
}
.info-about-numbers-info-2 {
margin-top: 62px;
}
.info-about-numbers-info-2 .info-about-numbers-header {
font-size: 17px;
}
.info-about-footer {
border-top: 1px solid #ccc7c6;
margin-top: 62px;
padding-top: 65px;
text-align: center;
}
.info-about-footer-image {
display: inline-block;
vertical-align: top;
}
@media only screen and (max-width: 1030px) and (min-width: 960px){
.info-sections-previews .info-sections-previews-item.info-section-preview {
width: 45%;
}
.info-sections-previews .info-sections-previews-item.info-section-preview:nth-child(2n + 1) {
margin-right: 10%;
}
}
@media only screen and (max-width: 1030px) and (min-width: 768px){
.info-content {
padding-left: 85px;
width: calc(100% - 254px);
}
.faq .cc-content.info-content {
padding-left: 85px;
width: calc(100% - 254px);
margin: 0;
}
.faq .cc-links.info-menu {
width: 254px;
}
.info-sidebar {
width: 254px;
}
.info-award .info-award-cover {
width: 100%;
margin-bottom: 40px;
}
.info-award .info-award-content {
margin-right: 0;
}
.info-awards-products .info-awards-product:nth-child(n+2){
margin-top: 70px;
}
.info-advantages-list .info-advantages-item {
flex-wrap: wrap;
}
.info-advantages-item .info-advantage-content {
width: 100%;
max-width: 100%;
margin-top: 30px;
order: 2;
}
.info-advantages-item .info-advantage-picture {
width: 100%;
order: 1;
}
}
@media only screen and (max-width: 959px) {
.info-awards-tabs .info-awards-tab-button {
font-size: 11px;
padding: 0 10px;
}
.info-awards-info .info-awards-info-item {
padding-left: 40px;
}
.info-awards-info .info-awards-info-item-description {
padding-left: 40px;
}
.info-awards .info-awards-info, .info-awards .info-awards-products {
padding-top: 0;
}
.info-about {
margin-top: 24px;
}
.info-about .info-about-banner{
height: 300px;
margin-bottom: 0;
padding: 100px 0 0 0;
}
.info-about .info-about-banner .info-about-banner-logo {
width: 50%;
}
.info-about .info-about-banner .info-about-banner-title {
font-size: 18px;
}
.info-about .info-about-numbers-header {
width: 200px;
height: 200px;
font-size: 18px;
}
.info-about .info-about-numbers-header-value {
font-size: 90px;
}
.info-about .info-about-numbers-content {
width: calc(100% - 236px);
font-size: 16px;
}
.info-about-footer .info-about-footer-image {
width: 90%;
max-width: 480px;
}
}
@media only screen and (max-width: 959px) and (min-width: 768px){
.info-content {
padding-left: 70px;
}
.info-history-item .info-history-year {
width: 100px;
font-size: 22px;
}
.info-history-item .info-history-content {
width: calc(100% - 100px);
}
}
@media only screen and (max-width: 767px) and (min-width: 641px){
.info-awards-products .info-awards-product:nth-child(2){
margin-top: 0;
}
.info-awards-products .info-awards-product:nth-child(2n + 1){
margin-right: 46px;
}
}
@media only screen and (max-width: 689px) and (min-width: 320px){
.info-awards-products .info-awards-product:nth-child(n+2){
margin-top: 70px;
}
}
@media only screen and (max-width: 480px) and (min-width: 320px){
.info-sellers-content .info-seller {
flex-direction: column;
}
.info-seller .info-seller-content{
padding-left: 0;
padding-top: 30px;
width: 100%;
}
.info-sellers-tabs .info-sellers-tab-button {
font-size: 11px;
padding: 0 10px;
}
.info-about .info-about-banner{
height: 270px;
margin-bottom: 0;
background-position: 0% 0%;
padding: 40px 0 0 0;
}
.info-about .info-about-banner .info-about-banner-logo {
width: 65%;
}
.info-about .info-about-numbers-info {
flex-direction: column;
}
.info-about .info-about-numbers-content {
width: 100%;
padding-left: 0;
font-size: 16px;
}
.info-about .info-about-numbers-header {
margin-bottom: 30px;
}
.info-about-products-list .info-about-products-item{
width: 100%;
}
}
@media only screen and (max-width: 424px) and (min-width: 320px){
.info-awards-tabs {
margin-left: calc(-2% - 10px);
}
.info-awards-tabs .info-awards-tab-button {
font-size: 9px;
padding: 0 4px;
}
.info-awards-products .info-awards-product:nth-child(2n + 1){
margin-right: 0;
}
.info-awards-info .info-awards-info-item {
padding-left: 0;
display: flex;
flex-direction: column;
}
.info-awards-info-item .info-awards-info-item-icon {
padding-top: 0;
padding-bottom: 30px;
}
.info-awards-info-item .info-awards-info-item-description {
padding-left: 0;
width: 100%;
}
.info-sections-previews .info-sections-previews-item.info-section-preview {
width: 100%;
}
.info-sections-previews .info-sections-previews-item.info-section-preview:nth-child(2n + 1) {
margin-right: 0;
}
.info-history-item .info-history-year {
width: 70px;
font-size: 20px;
}
.info-history-item .info-history-content {
width: calc(100% - 70px);
}
}
@media only screen and (max-width: 767px) and (min-width: 320px){
.info-body {
flex-wrap: wrap;
}
.cms-page-view.cms-faq .cms-content {
width: 96%;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
.faq .cc-content.info-content {
padding-left: 10px;
padding-right: 10px;
margin-top: 30px;
width: 100%;
float: none;
}
.info-content {
padding-left: 10px;
padding-right: 10px;
margin-top: 30px;
width: 100%;
}
.info-awards .info-award, .info-promotions .info-award {
margin-left: 0;
padding: 20px 26px;
}
.info-award .info-award-cover {
width: 100%;
margin-bottom: 40px;
}
.info-award .info-award-content {
margin-right: 0;
}
.faq .cc-links.info-menu {
order: 2;
width: calc(100% - 20px);
margin: 0 10px;
float: none;
}
.info-sidebar {
order: 2;
width: calc(100% - 20px);
margin: 0 10px;
}
.info-advantages-list .info-advantages-item {
flex-wrap: wrap;
}
.info-advantages-item .info-advantage-content {
width: 100%;
max-width: 100%;
margin-top: 30px;
order: 2;
}
.info-advantages-item .info-advantage-picture {
width: 100%;
order: 1;
}
}
.account {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 42px 0 150px;
}
@media (max-width: 1024px) and (min-width: 960px) {
.account-menu {
width: 260px;
}
}
@media (max-width: 980px) and (min-width: 960px) {
.account {
padding: 42px 2% 150px;
}
}
@media (max-width: 959px) and (min-width: 320px) {
.account {
padding: 42px 0 40px;
flex-direction: column;
}
.account .account-menu {
width: 100%;
padding-right: 0;
margin-bottom: 50px;
}
.account-menu .account-menu-items {
display: flex;
flex-wrap: wrap;
padding-left: 0;
align-items: center;
}
.account-menu-item {
margin-right: 30px;
}
.account .account-content {
width: 100%;
}
.order-detailed {
flex-direction: column;
margin: 40px 0;
}
.order-detailed .order-detailed-item {
font-weight: bold;
width: 100%;
padding-left: 20px;
margin-bottom: 20px;
white-space: nowrap;
text-overflow: ellipsis;
overflow-x: hidden;
}
.order-detailed-item .order-detailed-item-label {
font-weight: 300;
margin-right: 4px;
}
.order-detailed-products .order-detailed-product {
display: flex;
flex-direction: column;
flex-wrap: wrap;
padding-left: 70px;
border-bottom: 1px solid #e8e8e8;
position: relative;
padding-bottom: 10px;
padding-top: 20px;
}
.order-detailed-product .order-detailed-product-cover {
position: absolute;
left: 0;
max-width: 55px;
}
.order-detailed-product-item.order-detailed-product-item-status {
position: absolute;
right: 20px;
bottom: 10px;
}
.order-detailed-content .order-detailed-info {
display: flex;
flex-wrap: wrap;
}
.order-detailed-info .order-detailed-info-title {
margin-bottom: 14px;
padding: 9px 0;
width: 100%;
}
.order-detailed-info .order-detailed-info-item {
width: calc(50% - 5px);
padding-right: 5px;
margin-bottom: 20px;
}
.order-detailed-content .order-detailed-repeat-link {
margin: 0 20px 12px 20px;
}
.order-detailed-content .order-detailed-review-link {
margin: 0 20px 12px 20px;
}
.order-detailed-content .order-detailed-links-wrapper {
justify-content: center;
}
.order-detailed-content .order-detailed-info-item-person {
padding-left: 0;
width: calc(50% - 5px);
}
}
@media (max-width: 767px) and (min-width: 567px){
.account {
padding: 42px 2% 40px;
}
}
.account-menu {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 20px;
width: 300px;
}
.account-menu-title {
color: #000;
font-family: Roboto;
font-size: 21px;
font-weight: 400;
letter-spacing: 0.01em;
margin-bottom: 15px;
}
.account-menu-items {
padding-left: 18px;
}
.account-menu-item + .account-menu-item {
margin-top: 4px;
}
.account-menu-link {
color: #000;
font-family: Roboto;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.01em;
}
.account-menu-link.is-active {
font-weight: 700;
}
.account-content {
-webkit-flex: 1 1 0;
-moz-flex: 1 1 0;
-ms-flex: 1 1 0;
-o-flex: 1 1 0;
flex: 1 1 0;
}
.account-title {
color: #000;
font-family: Roboto;
font-size: 24px;
font-weight: 400;
letter-spacing: 0.01em;
}
.customer-card {
margin-top: 18px;
}
.customer-card-form {
margin-top: 24px;
}
.customer-card-fields {
display: flex;
align-items: center;
width: 100%;
}
.customer-card-field {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: 45.8%;
}
.customer-card-field-code {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: 45.8%;
margin-left: 8.4%;
}
.attach-card {
display: flex;
align-items: center;
margin-top: 18px;
}
.attach-card-number {
margin-right: 25px;
}
.attach-card-text {
font-weight: 700;
margin-right: 25px;
}
.attach-card-delete {
color: #000;
cursor: pointer;
}
.attach-card-delete:hover {
color: #000;
}
.profile {
margin-top: 18px;
}
.profile-title {
color: #000;
font-family: Roboto;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.01em;
}
.profile-description {
color: #000;
font-family: Roboto;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.01em;
}
.profile-form {
margin-top: 24px;
}
.profile-data {
-ms-align-items: flex-end;
align-items: flex-end;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
width: 100%;
}
.profile-field-name {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: 45.8%;
margin-bottom: 34px;
}
.profile-field-tel {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-left: 8.4%;
width: 45.8%;
}
.profile-field-email {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: 45.8%;
}
.profile-input-label,.customer-card-label {
color: #050101;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
}
.profile-input,.customer-card-input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: 27px;
padding: 0 7px;
width: 100%;
color: #000;
border: 1px solid #000;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
margin-top: 3px;
}
.profile-password {
-ms-align-items: flex-start;
align-items: flex-start;
border-bottom: 1px solid #ccc7c6;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 32px;
padding-bottom: 40px;
}
.profile-password:before {
content: "";
display: block;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.profile-password-checkbox {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: 40px;
-webkit-order: -1;
-moz-order: -1;
-ms-order: -1;
-o-order: -1;
order: -1;
width: 100%;
}
.profile-password-checkbox-input {
position: relative;
top: 1px;
}
.profile-password-checkbox-label {
color: #050101;
font-family: Roboto;
font-size: 13px;
font-weight: 400;
display: inline-block;
margin-left: 4px;
}
.checkbox-style {
opacity: 0;
z-index: -100;
}
.checkbox-style-label {
position: relative;
}
.checkbox-style-label:before {
content: "";
position: absolute;
display: block;
border: 1px solid #b2a89f;
width: 10px;
height: 10px;
left: -20px;
top: 1px;
background: transparent;
}
.checkbox-style:checked + .checkbox-style-label:before {
background: url(../img/checkbox-done.png) no-repeat center;
}
.profile-password-title {
color: #000;
font-family: Roboto;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.01em;
margin-bottom: 20px;
-webkit-order: -1;
-moz-order: -1;
-ms-order: -1;
-o-order: -1;
order: -1;
width: 100%;
}
.profile-field-password-old {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-order: -1;
-moz-order: -1;
-ms-order: -1;
-o-order: -1;
order: -1;
width: 45.8%;
}
.profile-field-password-new {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-top: 34px;
width: 45.8%;
}
.profile-field-password-new-repeat {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-left: 8.4%;
margin-top: 34px;
width: 45.8%;
}
.customer-card-button, .profile-submit-button {
background-color: #000;
border: none;
box-sizing: border-box;
display: block;
margin-left: auto;
margin-top: 20px;
height: 53px;
padding: 0;
text-align: center;
width: 203px;
color: #fff;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
line-height: 50px;
padding-bottom: 2px;
}
.orders-history {
margin-top: 10px;
margin-top: 15px;
}
.orders-history-title {
color: #000;
font-family: Roboto;
font-size: 13px;
font-weight: 700;
margin-bottom: 5px;
}
@media (min-width: 768px) {
.orders-history-header {
-ms-align-items: flex-start;
align-items: flex-start;
background-color: #f9f9fa;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 19px 0;
}
}
.orders-history-header-item {
color: #050101;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
opacity: 0.7;
}
.orders-history-header-item-number {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 38px;
width: 20.78%;
}
.orders-history-header-item-date {
width: 16.66%;
}
.orders-history-header-item-person {
width: 33.78%;
}
.orders-history-header-item-price {
width: 16.9%;
}
.orders-history-header-item-status {
width: 11.88%;
}
.order-detailed {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.order-detailed {
border-bottom: 1px solid #ccc7c6;
padding: 30px 0;
}
}
.order-detailed-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.01em;
}
.order-detailed-item-number {
padding-left: 38px;
width: 20.78%;
}
.order-detailed-item-date {
width: 16.66%;
}
.order-detailed-item-person {
padding-right: 15px;
width: 33.78%;
}
@media (min-width: 768px) {
.order-detailed-item-person {
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.order-detailed-item-price {
width: 14.9%;
}
.order-detailed-item-status {
width: 12.88%;
}
@media (min-width: 768px) {
.order-detailed-item-label {
display: none;
}
}
.order-detailed-number {
color: #010000;
cursor: pointer;
font-weight: 700;
}
.order-detailed-status {
font-family: Roboto;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.order-detailed-status-yellow {
color: #c39b20;
}
.order-detailed-status-gray {
color: #adadad;
}
.order-detailed-status-green {
color: #068000;
}
.order-detailed-content {
display: none;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-top: 32px;
width: 100%;
}
.order-detailed.is-active .order-detailed-content {
display: block;
}
@media (min-width: 931px) {
.order-detailed-content {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.order-detailed.is-active .order-detailed-content {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
}
@media (min-width: 931px) {
.order-detailed-products {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.order-detailed-products-header {
-ms-align-items: center;
align-items: center;
background-color: #f9f9fa;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
height: 58px;
}
}
.order-detailed-products-header-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-size: 13px;
font-weight: 300;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.order-detailed-products-header-item-name {
padding-left: 38px;
width: 37.44%;
}
.order-detailed-products-header-item-price {
width: 16.89%;
}
.order-detailed-products-header-item-quantity {
width: 16.89%;
}
.order-detailed-products-header-item-total {
width: 16.9%;
}
.order-detailed-products-header-item-status {
width: 11.88%;
}
.order-detailed-product-item-icon {
width: 30px;
height: 30px;
display: block;
background: url('../img/icon-order-msg.png') no-repeat center;
}
.order-detailed-product-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.01em;
}
@media (min-width: 768px) {
.order-detailed-product {
-ms-align-items: center;
align-items: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 21px 0;
}
.order-detailed-product-not-first {
border-top: 1px solid rgba(204, 199, 198, 0.4);
}
.order-detailed-product-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
}
.order-detailed-product-item-name {
padding-left: 38px;
white-space: nowrap;
width: 37.44%;
}
.order-detailed-product-item-price {
width: 16.89%;
}
.order-detailed-product-item-quantity {
width: 16.89%;
}
.order-detailed-product-item-total {
width: 16.9%;
}
.order-detailed-product-item-status {
width: 11.88%;
}
.order-detailed-product-cover {
display: inline-block;
position: relative;
top: 2px;
vertical-align: middle;
}
.order-detailed-product-name {
display: inline-block;
margin-left: 5px;
vertical-align: middle;
max-width: calc(100% - 80px);
white-space: pre-wrap;
}
}
.order-detailed-info-title {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background-color: #f9f9fa;
box-sizing: border-box;
color: #000;
font-family: Roboto;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.01em;
margin-bottom: 14px;
padding: 9px;
}
.order-detailed-info-item {
color: #050101;
font-family: Roboto;
font-size: 12px;
font-weight: 400;
}
.order-detailed-info-item-person {
font-weight: 700;
padding-left: 38px;
width: 25.11%;
}
.order-detailed-info-item-label {
display: block;
font-weight: 700;
}
.order-detailed-product-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.01em;
}
.order-detailed-links-wrapper {
display: flex;
align-items: center;
width: 100%;
justify-content: flex-end;
flex-wrap: wrap;
}
.order-detailed-review-link {
border: 1px solid #181619;
line-height: 43px;
height: 45px;
width: 203px;
font-family: Roboto;
font-size: 14px;
text-align: center;
padding: 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 400;
color: #000;
flex-shrink: 0;
}
.order-detailed-review-link:hover {
color: #000;
text-decoration: none;
}
.order-detailed-repeat-link {
color: #fff;
background-color: #000;
line-height: 45px;
height: 45px;
width: 203px;
display: block;
font-family: Roboto;
font-size: 14px;
text-align: center;
padding: 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 400;
margin-left: 20px;
flex-shrink: 0;
}
.order-detailed-repeat-link:hover {
color: #fff;
text-decoration: none;
}
@media (min-width: 768px) {
.order-detailed-info {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 40px;
margin-top: 24px;
width: 100%;
}
.order-detailed-info-title {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.order-detailed-info-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
}
.order-detailed-info-item-address {
width: 46.11%;
}
.order-detailed-info-item-payment {
width: 16.9%;
}
.order-detailed-info-item-delivery {
width: 11.88%;
}
}
.subscribes {
margin-top: 18px;
}
.subscribes__item + .subscribes__item {
margin-top: 18px;
}
.subscribe-item-input {
position: relative;
top: 2px;
}
.subscribe-item-label {
margin-left: 5px;
}
.subscribes-buttons {
-ms-align-items: baseline;
align-items: baseline;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-top: 78px;
}
.subscribes-cancel-button {
color: rgba(5,1,1, 0.7);
font-family: Roboto;
font-size: 15px;
font-weight: 300;
margin-left: auto;
text-decoration: underline;
background: transparent;
border: none;
height: 45px;
line-height: 45px;
}
.subscribes-save-button {
background-color: #000;
color: #fff;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
margin-left: 24px;
width: 203px;
height: 45px;
line-height: 45px;
text-align: center;
}
.subscribes-save-button:hover {
color: #fff;
text-decoration: none;
}
.info-advantages {
margin-top: 50px;
}
.info-advantages-description {
color: #333;
font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 24px;
max-width: 820px;
}
.info-advantages-list {
margin-top: 50px;
}
.info-advantages-item {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.info-advantages-item + .info-advantages-item {
border-top: 1px solid rgba(0,0,0,0.14);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: -38px;
margin-top: 75px;
padding-left: 38px;
padding-top: 60px;
}
.info-advantage-title {
color: #000;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-size: 24px;
font-weight: 700;
letter-spacing: 0.01em;
margin-bottom: 27px;
width: 100%;
}
.info-advantage-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #333;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 24px;
max-width: 490px;
padding-right: 30px;
width: calc(100% - 418px);
}
.info-advantage-content p {
margin: 10px 0;
}
.info-advantage-text-highlighted {
margin: 27px -38px;
padding: 25px 38px;
}
.info-advantage-picture {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-left: auto;
width: 418px;
}
.info-advantage-image {
display: block;
height: auto;
vertical-align: top;
width: 100%;
}
.info-history {
margin-top: 50px;
}
.info-history-item {
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.info-history-item + .info-history-item {
border-top: 1px solid #ccc7c6;
margin-top: 24px;
padding-top: 30px;
}
.info-history-year {
color: #000;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-size: 24px;
font-weight: 700;
letter-spacing: 0.01em;
width: 150px;
}
.info-history-content {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 24px;
width: calc(100% - 150px);
}
.info-awards {
margin-top: 22px;
}
.info-awards-tab-input-switcher, .product-tab-input-switcher {
display: none;
}
.info-awards-tabs {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-bottom: 36px;
}
.info-awards-tab-button {
border-bottom: 2px solid currentColor;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #a1a1a1;
cursor: pointer;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-size: 14px;
font-weight: 700;
line-height: 40px;
padding: 0 24px;
white-space: nowrap;
}
.info-awards-tab-input-switcher-1:checked ~ .info-awards-tabs .info-awards-tab-button:nth-child(1),
.info-awards-tab-input-switcher-2:checked ~ .info-awards-tabs .info-awards-tab-button:nth-child(2),
.info-awards-tab-input-switcher-3:checked ~ .info-awards-tabs .info-awards-tab-button:nth-child(3) {
color: #000;
}
.info-awards-tab-content {
display: none;
}
.info-awards-tab-input-switcher-1:checked ~ .info-awards-tab-content-1,
.info-awards-tab-input-switcher-2:checked ~ .info-awards-tab-content-2,
.info-awards-tab-input-switcher-3:checked ~ .info-awards-tab-content-3 {
display: block;
}
.info-awards-news-description {
font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-bottom: 36px;
max-width: 940px;
}
.info-award {
background-color: #f7f7f7;
margin-left: -36px;
padding: 20px 36px;
position: relative;
}
.info-award + .info-award {
margin-top: 22px;
}
.info-award:after {
content: '';
display: block;
visibility: hidden;
/*width: 0;*/
height: 0;
clear: both;
}
.info-award-cover {
float: right;
width: 53.2%;
}
.info-award-cover-image {
display: block;
height: auto;
vertical-align: top;
width: 100%;
}
.info-award-content {
box-sizing: border-box;
margin-right: 53.2%;
padding: 28px 36px 10px 0;
}
.info-award-title {
font-family: Roboto;
font-size: 20px;
font-weight: 700;
line-height: 29px;
margin-bottom: 24px;
}
.info-award-description {
color: #010101;
font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.info-award-footer {
border-top: 1px solid rgba(0,0,0,0.21);
margin-top: 43px;
padding-top: 20px;
}
.info-award-link {
color: #a1a1a1;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
text-decoration: underline;
}
.info-awards-products {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
max-width: 742px;
padding-top: 55px;
}
.info-awards-product {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: 298px;
}
.info-awards-product-disabled {
opacity: 0.35;
}
.info-awards-product:nth-child(n+3) {
margin-top: 70px;
}
.info-awards-product-title {
color: #373836;
font-family: Roboto;
font-size: 20px;
font-weight: 400;
margin-bottom: 22px;
}
.info-awards-product-title-link {
color: inherit;
}
.info-awards-product-awards {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
min-height: 60px;
padding-bottom: 10px;
overflow-y: hidden;
overflow-x: auto;
}
.nicescroll-cursors {
height: 6px;
top: -10px;
}
.info-awards-product-award {
display: block;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 34px;
}
.info-awards-product-award + .info-awards-product-award {
margin-left: 24px;
}
.info-awards-product-cover {
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
height: 190px;
margin: 5px 0;
}
.info-awards-product-cover-image {
display: block;
height: 100%;
opacity: 0;
width: 100%;
}
.info-awards-product-info {
color: #050101;
font-family: Roboto;
font-size: 24px;
font-weight: 400;
position: relative;
}
.info-awards-info {
padding-top: 58px;
}
.info-awards-info-item {
-ms-align-items: flex-start;
align-items: flex-start;
border-bottom: 1px solid rgba(0,0,0,0.16);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding-bottom: 32px;
padding-left: 58px;
}
.info-awards-info-item + .info-awards-info-item {
margin-top: 36px;
}
.info-awards-info-item-icon {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
padding-top: 14px;
width: 74px;
}
.info-awards-info-item-image {
display: inline-block;
vertical-align: top;
height: auto;
max-width: 100%;
text-align: center;
}
.info-awards-info-item-description {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #333;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 24px;
padding-left: 53px;
width: calc(100% - 74px);
}
.info-promotions {
margin-top: 27px;
}
.info-instructions {
margin-top: 46px;
}
.info-instruction {
-ms-align-items: flex-start;
align-items: flex-start;
border-bottom: 1px solid rgba(0,0,0,0.14);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding-bottom: 26px;
padding-left: 25px;
}
.info-instruction + .info-instruction {
margin-top: 24px;
}
.info-instruction-cover {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
height: 134px;
width: 134px;
}
.info-instruction-cover-image {
height: auto;
width: 100%;
}
.info-instruction-content {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
padding-left: 25px;
padding-top: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: calc(100% - 134px);
}
.info-instruction-title {
font-family: Roboto;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.01em;
}
.info-instruction-description {
color: #a1a1a1;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
margin-top: 17px;
}
.info-instruction-link {
color: #a1a1a1;
display: inline-block;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.01em;
margin-top: 13px;
vertical-align: top;
text-decoration: underline;
}
@media screen and (max-width: 425px) and (min-width: 320px){
.info-instructions .info-instruction {
padding-left: 0;
flex-direction: column;
}
.info-instruction .info-instruction-cover{
width: 220px;
height: 220px;
}
.info-instruction .info-instruction-content {
width: 100%;
padding-left: 0;
}
}
.contacts {
margin-top: 40px;
}
.contacts-sections {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: flex-start;
align-items: flex-start;
}
.contacts-section {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: 27.66%;
padding: 68px 0 90px;
}
.contacts-section-highlighted {
background-color: #f7f7f7;
margin-right: auto;
padding-left: 38px;
padding-right: 38px;
width: 37%;
}
.contacts-section-title {
color: #000;
font-family: Roboto;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.01em;
margin-bottom: 70px;
}
.contacts-section-item-title {
color: rgba(0, 0, 0, 0.62);
font-family: Roboto;
font-size: 14px;
font-weight: 400;
margin-top: 22px;
}
.contacts-section-highlighted .contacts-section-item-title {
margin-top: 42px;
}
.contacts-section-item-link {
color: #000;
font-family: Roboto;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.02em;
text-decoration: none;
}
.contacts-section-item-link:hover {
color: #000;
text-decoration: underline;
}
.contacts-section-highlighted .contacts-section-item-link {
font-size: 26px;
white-space: nowrap;
}
.contacts .social-icons {
overflow: auto;
padding: 10px 0 1px;
}
.contacts .social-icons li {
float: left;
}
.contacts .social-icons li + li {
margin-left: 20px;
}
.contacts .social-icons li img {
width: 24px;
}
.contacts-section-address {
color: #000;
font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 23px;
margin-top: 81px;
}
.contacts-section-address-button {
display: block;
margin-top: 35px;
width: 204px;
height: 44px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 42px;
border: 1px solid #000;
text-align: center;
color: #000;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}
.contacts-section-address-button:hover {
background-color: #000;
color: #fff;
text-decoration: none;
}
.contacts-feedback {
margin-top: 72px;
}
.contacts-feedback-title {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 38px;
color: #000;
font-family: Roboto;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.01em;
border-bottom: 1px solid #ccc7c6;
padding-bottom: 13px;
}
.contacts-feedback-form {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-top: 60px;
}
.contacts-feedback-form-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: auto;
max-width: 438px;
padding: 0 38px;
width: 48.2%;
}
.contacts-feedback-form-content.complaint-form-content {
margin: auto;
max-width: 638px;
width: 100%;
}
.contacts-feedback-form-item + .contacts-feedback-form-item {
margin-top: 16px;
}
.contacts-feedback-form-label {
color: rgba(0, 0, 0, 0.7);
font-family: Roboto;
font-size: 15px;
font-weight: 300;
}
.contacts-feedback-form-label-required-mark {
color: #ff435a;
opacity: 0.7;
padding-left: 2px;
}
.contacts-feedback-form-input {
border: 1px solid #ccc7c6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000;
display: block;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
height: 27px;
margin-top: 6px;
padding: 0 7px;
width: 100%;
outline: none;
}
.contacts-feedback-form-input:focus {
border-color: #000;
}
.contacts-feedback-form-textarea {
border: 1px solid #ccc7c6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000;
display: block;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
height: 178px;
margin-top: 6px;
padding: 5px 7px;
width: 100%;
outline: none;
resize: none;
box-shadow: none;
}
.contacts-feedback-form-textarea:focus {
border-color: #000;
}
.contacts-feedback-form-documents-upload {
margin-top: 18px;
}
.contacts-feedback-form-documents-upload-button {
cursor: pointer;
position: relative;
line-height: 18px;
padding-left: 31px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.contacts-feedback-form-documents-upload-button:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 19px;
height: 17px;
background-image: url(../img/clip-icon.png);
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-background-size: contain;
background-size: contain;
}
.contacts-feedback-form-document {
margin-top: 10px;
}
.contacts-feedback-form-document_hidden {
display: none;
}
.contacts-feedback-form-document-input {
display: none;
}
.contacts-feedback-form-submit-button {
display: block;
margin: 26px 0 0 auto;
width: 204px;
height: 44px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 40px;
border: 1px solid #000;
text-align: center;
color: #fff;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
background-color: #000;
padding: 0;
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}
.contacts-feedback-form-submit-button:hover {
background-color: transparent;
color: #000;
text-decoration: none;
}
.contacts-feedback-form-cover {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: 51.8%;
}
.contacts-feedback-form-cover-image {
display: block;
height: auto;
vertical-align: top;
width: 100%;
}
@media screen and (max-width: 1200px) and (min-width: 901px){
.contacts .contacts-sections{
flex-wrap: wrap;
}
.contacts-sections .contacts-section {
width: 40%;
margin: 0 5%;
}
.contacts-sections .contacts-section.contacts-section-highlighted {
width: 100%;
margin: auto;
}
}
@media screen and (max-width: 901px) and (min-width: 320px){
.contacts .contacts-sections{
flex-wrap: wrap;
}
.contacts-sections .contacts-section {
width: 42%;
margin: 0 20px 0 0;
}
.contacts-sections .contacts-section .contacts-section-title {
margin-bottom: 50px;
min-height: 42px;
}
.contacts-sections .contacts-section .contacts-section-address {
margin-top: 50px;
}
.contacts-sections .contacts-section.contacts-section-highlighted {
width: 100%;
margin: auto;
}
.contacts-sections .contacts-section.contacts-section-highlighted .contacts-section-title {
min-height: inherit;
}
.contacts-feedback .contacts-feedback-form {
flex-wrap: wrap;
}
.contacts-feedback .contacts-feedback-form {
flex-wrap: wrap;
}
.contacts-feedback-form .contacts-feedback-form-content{
width: 100%;
}
.contacts-feedback-form .contacts-feedback-form-content.complaint-form-content{
width: 100%;
padding: 0;
}
.contacts-feedback-form .contacts-feedback-form-cover{
width: 100%;
margin: 40px auto 0 auto;
}
}
@media screen and (max-width: 767px) and (min-width: 550px){
.contacts-sections .contacts-section {
width: 40%;
margin: 0 5%;
}
.contacts-feedback-form .contacts-feedback-form-content{
width: 48.2%;
}
contacts-feedback-form .contacts-feedback-form-content.complaint-form-content{
width: 100%;
}
.contacts-feedback-form .contacts-feedback-form-cover{
width: 51.8%;
margin: 0;
}
}
@media screen and (max-width: 500px) and (min-width: 320px){
.contacts-sections .contacts-section {
width: 100%;
padding: 50px 10% 0 10%;
}
.contacts-sections .contacts-section.contacts-section-highlighted {
padding: 38px 10% 60px 10%;
}
.contacts-sections .contacts-section .contacts-section-title {
margin-bottom: 30px;
min-height: inherit;
}
.contacts-sections .contacts-section .contacts-section-address {
margin-top: 30px;
}
}
.success-subscribe {
box-sizing: border-box;
color: #3d3d3d;
font-family: Roboto;
font-weight: 300;
margin: 0 auto;
max-width: 776px;
padding: 0 38px;
}
.success-subscribe-title {
font-family: Roboto;
font-size: 30px;
font-weight: 700;
text-align: center;
}
.success-subscribe-subtitle {
font-size: 20px;
margin: 7px 0 32px;
text-align: center;
}
.success-subscribe-form {
display: none;
}
.success-subscribe-form.is-active {
display: block;
}
.error-subscribe.is-active ~ .success-subscribe-form {
display: none;
}
.success-subscribe-form-title {
font-size: 20px;
font-weight: 700;
margin: 0 auto 24px;
max-width: 490px;
}
.success-subscribe-field {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
text-align: left;
margin-left: auto;
margin-right: auto;
max-width: 490px;
}
.success-subscribe-field + .success-subscribe-field {
margin-top: 10px;
}
.success-subscribe-field-title {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
padding-top: 2px;
width: 238px;
}
.success-subscribe-field-label {
color: #3d3d3d;
font-size: 15px;
font-weight: 400;
display: inline-block;
vertical-align: top;
}
.success-subscribe-field-input {
border: 1px solid #b2a89f;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: calc(100% - 238px);
color: #3d3d3d;
font-family: Roboto;
font-weight: 300;
font-size: 15px;
box-sizing: border-box;
padding: 0 7px;
height: 25px;
}
.success-subscribe-field-items {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: calc(100% - 238px);
}
.success-subscribe-subfield {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
padding-bottom: 17px;
position: relative;
width: 50px;
}
.success-subscribe-subfield + .success-subscribe-subfield {
margin-left: 10px;
}
.success-subscribe-subfield-title {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
}
.success-subscribe-subfield-label {
color: #3d3d3d;
font-size: 12px;
font-weight: 300;
display: block;
vertical-align: top;
}
.success-subscribe-subfield-input {
display: block;
width: 100%;
border: 1px solid #b2a89f;
color: #3d3d3d;
font-family: Roboto;
font-weight: 300;
font-size: 15px;
box-sizing: border-box;
padding: 0 7px;
height: 25px;
}
.success-subscribe-buttons {
-ms-align-items: baseline;
align-items: baseline;
justify-content: flex-end;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-top: 50px;
}
.success-subscribe-cancel-button {
padding: 0;
background-color: transparent;
text-decoration: underline;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
color: rgba(5,1,1,0.7);
font-size: 15px;
font-weight: 300;
font-family: Roboto;
border: none;
}
.success-subscribe-submit-button {
border: none;
padding: 0;
background-color: #000;
text-decoration: underline;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
color: #fff;
font-size: 14px;
font-weight: 400;
font-family: Roboto;
margin-left: 30px;
width: 134px;
text-align: center;
height: 45px;
line-height: 43px;
padding-bottom: 2px;
text-decoration: none;
}
.success-subscribe-checkbox {
margin-left: auto;
margin-right: auto;
max-width: 490px;
text-align: left;
}
.success-subscribe-checkbox + .success-subscribe-checkbox {
margin-top: 15px;
}
.success-subscribe-checkbox-input {
position: relative;
top: 2px;
}
.success-subscribe-checkbox-label {
color: #050101;
display: inline-block;
font-family: Roboto;
font-size: 13px;
font-weight: 400;
margin-left: 4px;
}
.success-subscribe-finish-close-button {
display: block;
margin: 38px auto 0;
width: 90px;
height: 44px;
line-height: 42px;
border: 1px solid #000;
text-align: center;
font-family: Roboto;
font-weight: 300;
font-size: 15px;
text-decoration: none;
padding: 0;
background-color: transparent;
}
.collections-previews {
background-color: #424242;
padding: 50px 0 56px;
}
.collections-previews-title {
color: #fff;
font-size: 40px;
font-weight: 100;
line-height: 1;
margin-bottom: 34px;
text-align: center;
}
.collections-previews .collection-logo-list {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin: 0 auto;
max-width: 800px;
}
#bgh-custom .collections-previews.collection-page .collection-logo-list > div {
background: transparent;
}
.collections-previews .collection-logo-list div + div {
margin-left: 11px;
}
.collections-previews .collection-logo,
#bgh-custom .collections-previews .collection-logo h3 {
height: 120px;
width: 120px;
}
#bgh-custom .collections-previews .leo .collection-logo h3 {
background-image: url("../img/leo-logo.png");
}
#bgh-custom .collections-previews .gem .collection-logo h3 {
background-image: url("../img/gem-logo.png");
background-color: #282425;
}
#bgh-custom .collections-previews .ron .collection-logo h3 {
background-image: url("../img/ron-logo.png");
}
#bgh-custom .collections-previews .outdoor .collection-logo h3 {
background-image: url("../img/outdoor-logo.png");
}
#bgh-custom .collections-previews .essentials .collection-logo h3 {
background-image: url("../img/essentials-logo.png");
}
#bgh-custom .collections-previews .kids .collection-logo h3 {
background-image: url("../img/kids-logo.png");
position: relative;
z-index: 1;
}
#bgh-custom .collections-previews .leo .collection-logo h3:before {
background: #507388;
}
#bgh-custom .collections-previews .gem .collection-logo h3:before {
background: #000;
}
#bgh-custom .collections-previews .ron .collection-logo h3:before {
background: #c2c6a0;
}
#bgh-custom .collections-previews .outdoor .collection-logo h3:before {
background: #587d70;
}
#bgh-custom .collections-previews .essentials .collection-logo h3:before {
background: #a6b7ad;
}
#bgh-custom .collections-previews .kids .collection-logo h3:before {
background: #f1841a;
}
#bgh-custom .collections-previews .collection-logo h3, #bgh-custom.collection-page .brand .collection-logo h3 {
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
#bgh-custom .collections-previews .collection-logo h3:hover , #bgh-custom.collection-page .brand .collection-logo h3:hover{
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-o-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
.breadcrumbs-theme-collection {
margin-left: auto;
margin-right: auto;
width: 96%;
}
.promobanner img {
display: block;
width: 100%;
height: auto;
}
.promobanner-sidebar {
margin-bottom: 60px;
}
.promobanner-sidebar:not(:first-child) {
margin-top: 60px;
}
.order-delivery-addresses {
margin-bottom: 30px;
width: 30%;
}
.order-delivery-addresses-title {
color: rgba(0, 0, 0, 0.7);
font-family: Roboto;
font-size: 15px;
font-weight: 300;
margin-bottom: 6px;
}
.select {
font-family: Roboto;
font-weight: 300;
color: #000;
font-size: 15px;
height: 27px;
position: relative;
}
.select_native {
z-index: 1;
}
.select:before {
background-color: #fff;
border: 1px solid #000;
box-sizing: border-box;
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -2;
}
.select:after {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #000;
bottom: 0;
content: '';
height: 0;
margin: auto 0;
position: absolute;
right: 16px;
top: 2px;
width: 0;
z-index: -1;
}
.select__native {
font-weight: 300;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: 1px solid #000;
box-sizing: border-box;
font-size: 15px;
height: 100%;
left: 0;
outline: none;
padding: 0 30px 0 7px;
position: absolute;
top: 0;
width: 100%;
}
.select__container {
height: 100%;
left: 0;
outline: none;
position: absolute;
top: 0;
width: 100%;
}
.select__container.is-open {
z-index: 2;
}
.select__container:before {
background-color: rgba(0, 78, 102, 0.03);
border-bottom: 4px solid rgba(0, 78, 102, 0.4);
border-radius: 4px 4px 0 0;
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.select__container::after {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #007c96;
bottom: 0;
content: '';
height: 0;
margin: auto 0;
position: absolute;
right: 16px;
top: 2px;
width: 0;
z-index: 1;
}
.select__container.is-open::after {
transform: rotate(180deg);
}
.select__label {
position: relative;
z-index: 1;
}
.select__container.is-open .select__label {
color: rgba(0, 78, 102, 0.6);
}
.select__item {
box-sizing: border-box;
cursor: default;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select__label .select__item {
line-height: 48px;
padding: 0 36px 0 16px;
}
.select__dropdown {
background-color: #f7fafa;
border-radius: 4px;
box-shadow: 0px 4px 12px rgba(0, 78, 102, 0.4), 0px 2px 4px rgba(0, 78, 102, 0.4);
box-sizing: border-box;
display: none;
left: 0;
overflow: hidden;
padding-top: 48px;
position: absolute;
top: 0;
width: 100%;
}
.select__container.is-open .select__dropdown {
display: block;
}
.select__dropdown-body {
overflow: hidden;
}
.select__dropdown .select__list {
max-height: 384px;
overflow-y: auto;
}
.select__dropdown-item {
color: rgba(0, 21, 26, 0.8);
line-height: 19px;
padding: 14px 16px 15px;
position: relative;
}
.select__dropdown-item.is-highlighted, .select__dropdown-item:hover {
background-color: rgba(0, 78, 102, 0.1);
}
.select__scrolltrack {
bottom: 2px;
opacity: 0;
position: absolute;
right: 0;
top: 48px;
width: 4px;
}
.select__dropdown_scrolling .select__scrolltrack {
opacity: 1;
}
.select__scrollbar {
background-color: rgba(0, 78, 102, 0.4);
border-radius: 2px;
position: relative;
width: 100%;
}
.account-addresses {
margin-top: 48px;
}
.account-address {
-ms-align-items: flex-start;
align-items: flex-start;
border-bottom: 1px solid #ccc7c6;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
font-family: Roboto;
padding-bottom: 21px;
}
.account-address + .account-address {
margin-top: 20px;
}
.account-address-city {
color: #000;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.01em;
margin-bottom: 12px;
width: 100%;
}
.account-address-value {
color: #050101;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-size: 14px;
font-weight: 400;
width: calc(100% - 160px);
}
.account-address-input-switcher {
display: none;
}
.account-address-button-switcher {
-ms-align-self: flex-end;
align-self: flex-end;
color: rgba(5,1,1,0.7);
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-size: 15px;
font-weight: 300;
margin-left: auto;
text-decoration: underline;
}
.account-address-button-switcher:hover {
color: #000;
}
.account-address-form {
display: none;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-top: 28px;
width: 100%;
}
.account-address-input-switcher:checked ~ .account-address-form {
display: block;
}
.account-address-field-city {
margin-bottom: 32px;
}
.account-address-form-buttons {
-ms-align-items: center;
align-items: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-end;
margin-top: 78px;
}
.account-address-button-delete {
background-color: transparent;
border: none;
color: rgba(5,1,1, 0.7);
font-family: Roboto;
font-size: 15px;
font-weight: 300;
margin-left: auto;
text-decoration: underline;
}
.account-address-button-save {
background-color: #000;
border: none;
color: #fff;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
margin-left: 24px;
width: 203px;
height: 45px;
line-height: 45px;
text-align: center;
}
.account-address-button-save:hover {
color: #fff;
text-decoration: none;
}
.account-address-new {
margin-top: 35px;
}
.account-address-new-button-switcher {
background-color: transparent;
border: 1px solid #000;
color: #000;
display: block;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
height: 45px;
line-height: 45px;
text-align: center;
width: 164px;
}
.account-address-new-button-switcher:hover {
color: #000;
text-decoration: none;
}
.yd-widget-modal {
text-align: left;
}
.autocomplete-suggestions {
text-align: left;
}
.info-shops {
margin-top: 39px;
}
.info-shops-city-input {
display: none;
}
.info-shops-city-title {
border-bottom: 1px solid #ccc7c6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000;
display: block;
font-family: Roboto;
font-size: 16px;
font-weight: 300;
letter-spacing: 0.05em;
padding: 20px 35px 16px;
text-transform: uppercase;
width: 100%;
}
.info-shops-city-input:checked + .info-shops-city-title {
border-bottom-color: transparent;
}
.info-shops-city:last-child .info-shops-city-title {
border-bottom-color: transparent;
}
.info-shops-city-title-quantity {
font-size: 12px;
font-weight: 400;
letter-spacing: 0.02em;
position: relative;
top: -2px;
}
.info-shops-city-content {
display: none;
/*display: block;
position: absolute;
z-index: -9999;
pointer-events: none;
opacity: 0;*/
}
.info-shops-city-input:checked ~ .info-shops-city-content {
display: block;
/*position: relative;
opacity: 1;
z-index: 1;
pointer-events: all;*/
}
.info-shops-city-map {
height: 316px;
width: 100%;
margin: 0 -20px 0 -26px;
}
.info-city-shops {
background-color: #f7f7f7;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 11px -20px 0 -26px;
padding: 0 20px 17px 26px; /* 22px 20px 17px 26px*/
}
.info-city-shop {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding-top: 22px;
}
.info-city-shop + .info-city-shop {
border-top: 1px solid #ccc7c6;
margin-top: 26px;
padding-top: 30px;
}
.info-city-shop-content {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
font-family: Roboto;
width: 54.2%;
}
.info-city-shop-title {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-size: 21px;
font-weight: 400;
margin-bottom: 20px;
width: 100%;
}
.info-city-shop-phone {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.info-city-shop-phone-title {
color: rgba(0,0,0,0.62);
font-size: 14px;
margin-bottom: 3px;
}
.info-city-shop-phone-value {
color: #000;
font-size: 16px;
line-height: 23px;
letter-spacing: 0.02em;
}
.info-city-shop-phone-link {
color: inherit;
}
.info-city-shop-hours {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.info-city-shop-hours-title {
color: rgba(0,0,0,0.62);
font-size: 14px;
margin-bottom: 3px;
}
.info-city-shop-hours-value {
color: #000;
font-size: 16px;
line-height: 23px;
letter-spacing: 0.02em;
}
.info-city-shop-address {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-top: 18px;
width: 100%;
}
.info-city-shop-address-title {
color: rgba(0,0,0,0.62);
font-size: 14px;
margin-bottom: 3px;
}
.info-city-shop-address-value {
color: #000;
font-size: 16px;
line-height: 23px;
letter-spacing: 0.02em;
}
.info-city-shop-metro-wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.info-city-shop-metro {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 15px;
padding-left: 26px;
padding-right: 20px;
position: relative;
color: #0c0b0b;
font-size: 14px;
letter-spacing: 0.02em;
}
/*.info-city-shop-metro:before {
content: '';
position: absolute;
top: 4px;
left: 0;
width: 16px;
height: 11px;
background: url('../img/icon-metro.svg') 50% 50%/contain no-repeat;
}*/
.info-city-shop-metro svg {
position: absolute;
top: 4px;
left: 0;
width: 16px;
height: 11px;
}
/*.info-city-shop-metro.color-icon-metro-red svg path{
fill: #f82928;
}
.info-city-shop-metro.color-icon-metro-blue svg path{
fill: #1c01e5;
}*/
.info-city-shop-gallery-block {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
margin-left: auto;
width: 295px;
}
.info-sellers {
margin-top: 22px;
}
.info-sellers-tab-input-switcher {
display: none;
}
.info-sellers-tabs {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-bottom: 38px;
}
.info-sellers-tab-button {
border-bottom: 2px solid currentColor;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #a1a1a1;
cursor: pointer;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
font-family: Roboto;
font-size: 14px;
font-weight: 700;
line-height: 40px;
padding: 0 24px;
white-space: nowrap;
}
.info-sellers-tab-input-switcher:checked + .info-sellers-tab-button,
.info-sellers-tab-input-switcher:checked + .info-sellers-tab-button,
.info-sellers-tab-input-switcher:checked + .info-sellers-tab-button {
color: #000;
}
.info-sellers-content {
padding-bottom: 115px;
position: relative;
}
.info-seller {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 40px 0;
border-bottom: 1px solid rgba(64,64,64,0.16);
}
.info-seller-logo {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
width: 172px;
}
.info-seller-logo-image {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
height: auto;
max-width: 100%;
}
.info-seller-content {
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-o-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 22px;
width: calc(100% - 172px);
color: #333;
font-family: Roboto;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.info-seller-link {
display: inline-block;
vertical-align: top;
color: #333;
margin-top: 12px;
text-decoration: underline;
}
.info-sellers-more-link {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 188px;
height: 45px;
line-height: 42px;
text-align: center;
color: #000;
font-family: Roboto;
font-weight: 400;
font-size: 14px;
border: 1px solid #000;
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
text-decoration: none;
}
.info-sellers-more-link:hover {
background-color: #000;
color: #fff;
text-decoration: none;
}
.info-city-shop-gallery {
height: 185px;
position: relative;
}
.info-city-shop-gallery-slide {
height: 185px;
}
.info-city-shop-gallery .slick-arrow {
background: none;
border: none;
bottom: 0;
font-size: 0;
margin: auto 0;
padding: 0;
position: absolute;
text-indent: -9999px;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
height: 60px;
width: 18px;
}
.info-city-shop-gallery .slick-arrow:before {
background: url('../img/arrow_slider.svg') 50% 50%/contain no-repeat;
bottom: 0;
content: '';
height: 26px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 18px;
}
.info-city-shop-gallery .slick-prev {
left: -20px;
}
.info-city-shop-gallery .slick-prev:before {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
.info-city-shop-gallery .slick-next {
right: -20px;
}
.info-city-shop-gallery .slick-list {
overflow: hidden;
}
.info-city-shop-gallery .slick-track {
-ms-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.info-city-shop-button-map {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: none;
border: none;
text-decoration: underline;
padding: 0;
margin-top: 26px;
display: inline-block;
position: relative;
left: 100%;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
font-family: Roboto;
font-weight: 400;
font-size: 14px;
letter-spacing: 0.02em;
padding-left: 20px;
}
.info-city-shop-button-map:before {
content: '';
background: url('../img/icon-marker-black.svg') 50% 50%/contain no-repeat;
position: absolute;
top: 0;
left: 0;
width: 14px;
height: 18px;
}
@media only screen and (max-width: 1120px) and (min-width: 995px){
.info-city-shop .info-city-shop-content {
width: calc(100% - 295px);
}
.info-city-shop .info-city-shop-gallery-block {
width: 255px;
}
}
@media only screen and (max-width: 994px) {
.info-shops-city .info-shops-city-content {
overflow-x: hidden;
}
.info-city-shops .info-city-shop {
flex-direction: column;
padding-left: 20px;
padding-right: 20px;
}
.info-city-shop .info-city-shop-content {
width: 100%;
}
.info-city-shop .info-city-shop-gallery-block {
width: 295px;
margin: 30px 0 0 22px;
}
.info-shops-city-content .info-shops-city-map {
margin: 0;
}
}
@media only screen and (max-width: 424px) and (min-width: 320px) {
.info-shops-city .info-shops-city-content {
overflow-x: hidden;
}
.info-city-shops .info-city-shop {
flex-direction: column;
padding-right: 10px;
padding-left: 10px;
}
.info-city-shop-title {
font-size: 20px;
}
.info-city-shop-content .info-city-shop-address-value, .info-city-shop-content .info-city-shop-phone-value, .info-city-shop-content .info-city-shop-hours-value{
font-size: 14px;
}
.info-city-shop .info-city-shop-content {
width: 100%;
}
.info-city-shop .info-city-shop-gallery-block {
width: calc(100% - 44px);
max-width: 295px;
margin: 30px 0 0 22px;
}
.info-shops-city-content .info-shops-city-map {
margin: 0;
}
}
@media only screen and (max-width: 480px) {
.popup .popup-body{ padding: 40px 15px;}
.popup .popup-close-button { width: 26px; height: 26px; top: 34px; right: 15px;}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
.popup .popup-body{ padding: 40px 40px;}
.popup .popup-close-button { width: 26px; height: 26px; top: 44px; right: 40px;}
}
.catalog-products li.item a.product-image {
overflow: hidden;
height: 252px;
}
.catalog-products {
transition: opacity 0.2s ease;
opacity: 1;
position: relative;
}
.catalog-products.load {
opacity: 0.25;
}
.catalog-products.load .catalog-loader-wrapper.load {
opacity: 1;
}
.catalog-loader-wrapper{
position: absolute;
opacity: 1;
z-index: 50;
width: 100%;
height: 100%;
display: none;
background-color: #fff;
align-items: center;
justify-content: center;
}
.catalog-loader-wrapper.load, .catalog-loader-wrapper.load-more{
display: flex;
opacity: 0.6;
}
.catalog-loader-wrapper.load ~ .catalog-loading {
display: inline-block;
/*opacity: 0.6;*/
}
.catalog-loading {
display: none;
width: 100px;
height: 100px;
border: 3px solid rgba(208,208,208,.5);
top: calc(50% - 50px);
left: calc(50% - 50px);
position: fixed;
z-index: 55;
border-radius: 50%;
border-top-color: #000000;
animation: spin 1s ease-in-out infinite;
-webkit-animation: spin 1s ease-in-out infinite;
}
.catalog-loading.load-more{
width: 26px;
height: 26px;
border: 2px solid rgba(208,208,208,.5);
position: absolute;
border-top-color: #000000;
right: -50px;
left: inherit;
top: 3px;
display: none;
}
.catalog-loading.load-more.load{
display: block;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg);
}
}
.add-review .form-list input.input-text {
border: 1px solid #ccc7c6;
box-shadow: none;
border-radius: 0;
width: 100%;
box-sizing: border-box;
font-size: 15px;
padding: 4px 10px;
height: 27px;
}
.add-review .form-list textarea {
border: 1px solid #ccc7c6;
box-shadow: none;
border-radius: 0;
width: 100%;
box-sizing: border-box;
font-size: 15px;
padding: 4px 10px;
resize: none;
height: 176px;
}
.add-review .form-list input.input-text:focus, .add-review .form-list textarea:focus {
border: 1px solid #000000;
}
.add-review .form-list label {
font-size: 15px;
}
.add-review .form-list li {
margin: 0 0 20px 0;
}
.add-review .form-list .input-box {
width: 100%;
}
.add-review .form-list label.contacts-feedback-form-documents-upload-button {
cursor: pointer;
position: relative;
line-height: 18px;
padding-left: 31px;
box-sizing: border-box;
font-size: 13px;
color: #000;
}
.add-review .form-list .contacts-feedback-form-documents-upload {
display: flex;
flex-direction: column;
}
.add-review .buttons-set {
margin: 0;
display: flex;
justify-content: flex-end;
position: relative;
top: -42px;
}
.add-review .buttons-set button span span{
width: 160px;
}
/*!
* baguetteBox.js
* @author feimosi
* @version 1.11.0
* @url https://github.com/feimosi/baguetteBox.js
*/
#baguetteBox-overlay {
display: none;
opacity: 0;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000000;
background-color: #222;
background-color: rgba(0, 0, 0, 0.8);
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease; }
#baguetteBox-overlay.visible {
opacity: 1; }
#baguetteBox-overlay .full-image {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
text-align: center; }
#baguetteBox-overlay .full-image figure {
display: inline;
margin: 0;
height: 100%; }
#baguetteBox-overlay .full-image img {
display: inline-block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
#baguetteBox-overlay .full-image figcaption {
display: block;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
line-height: 1.8;
white-space: normal;
color: #ccc;
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
font-family: sans-serif; }
#baguetteBox-overlay .full-image:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px; }
#baguetteBox-slider {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
white-space: nowrap;
-webkit-transition: left .4s ease, -webkit-transform .4s ease;
transition: left .4s ease, -webkit-transform .4s ease;
transition: left .4s ease, transform .4s ease;
transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; }
#baguetteBox-slider.bounce-from-right {
-webkit-animation: bounceFromRight .4s ease-out;
animation: bounceFromRight .4s ease-out; }
#baguetteBox-slider.bounce-from-left {
-webkit-animation: bounceFromLeft .4s ease-out;
animation: bounceFromLeft .4s ease-out; }
@-webkit-keyframes bounceFromRight {
0% {
margin-left: 0; }
50% {
margin-left: -30px; }
100% {
margin-left: 0; } }
@keyframes bounceFromRight {
0% {
margin-left: 0; }
50% {
margin-left: -30px; }
100% {
margin-left: 0; } }
@-webkit-keyframes bounceFromLeft {
0% {
margin-left: 0; }
50% {
margin-left: 30px; }
100% {
margin-left: 0; } }
@keyframes bounceFromLeft {
0% {
margin-left: 0; }
50% {
margin-left: 30px; }
100% {
margin-left: 0; } }
.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
top: 50%;
top: calc(50% - 30px);
width: 44px;
height: 60px; }
.baguetteBox-button {
position: absolute;
cursor: pointer;
outline: none;
padding: 0;
margin: 0;
border: 0;
-moz-border-radius: 15%;
border-radius: 15%;
background-color: #323232;
background-color: rgba(50, 50, 50, 0.5);
color: #ddd;
font: 1.6em sans-serif;
-webkit-transition: background-color .4s ease;
transition: background-color .4s ease; }
.baguetteBox-button:focus, .baguetteBox-button:hover {
background-color: rgba(50, 50, 50, 0.9); }
.baguetteBox-button#next-button {
right: 2%; }
.baguetteBox-button#previous-button {
left: 2%; }
.baguetteBox-button#close-button {
top: 20px;
right: 2%;
right: calc(2% + 6px);
width: 30px;
height: 30px; }
.baguetteBox-button svg {
position: absolute;
left: 0;
top: 0; }
/*
Preloader
Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner {
width: 40px;
height: 40px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px; }
.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
width: 100%;
height: 100%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
opacity: .6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: bounce 2s infinite ease-in-out;
animation: bounce 2s infinite ease-in-out; }
.baguetteBox-double-bounce2 {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
50% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes bounce {
0%, 100% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform: scale(0); }
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1); } }
/* SEARCH-POPUP*/
.search-popup-container {
background-color: white;
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px 0;
min-width: 347px;
position: absolute;
z-index: 16777271;
top: 84px;
right: -159px;
display: none;
}
.search-popup-title {
font-size: 14px;
background-color: #231F20;
color: #FFF;
padding: 0.6em 0.8em;
text-transform: uppercase;
}
.search-popup-categories a{
font-size: 13px;
color: #231F20;
display: block;
padding: 0.6em 0.8em;
}
.search-popup-products {
padding: 10px;
}
.search-popup-product {
height: 60px;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #eee;
font-size: 13px;
cursor: pointer;
text-align: left;
}
.search-popup-product-img {
float: left;
margin-right: 5px;
height: 60px;
width: 60px;
}
.search-popup-product-link {
color: #000;
}
.search-popup-product-link:hover {
color: #000;
}
.bx-sls .dropdown-block{min-height:35px;}
input#order-street-input{margin-bottom:0 !important;}
.street_suggest{position:absolute;background:#fff;border:1px solid #aaa;z-index:10;padding:5px;width:100%;max-width:300px;display:none;}
.street_suggest.active{display:block;}
.street_suggest p{cursor:pointer;}
.city_suggest{position:absolute;top:24px;right:0;background:#fff;border:1px solid #aaa;z-index:10;padding:5px;width:100%;max-width:calc(100% - 238px);display:none;}
.city_suggest.active{display:block;}
.city_suggest p{cursor:pointer;font-size:15px;}
@media (min-width: 960px) {
.btn-catalog-filter {
display: none;
}
}
@media (max-width: 959px) {
.btn-catalog-filter {
display: none;
position: relative;
align-items: center;
justify-content: center;
background-color: #000;
color: #fff;
font-size: 16px;
padding: 0 10px;
min-width: 270px;
margin: -30px auto 50px auto;
height: 38px;
border: none;
box-shadow: none;
outline: none;
}
.btn-catalog-filter.is-show {
display: flex;
}
}
.js-popup-close-button2{
margin-top: 4rem;
}
#order_form_div label{
display: inline-block!important;
}
.order-comment-field{
margin-top: 30px;
width: 240px;
}
.discounts__list {
margin-top: 25px;
}
.discounts__item {
margin-bottom: 10px;
}
.discounts__link {
font-weight: normal;
font-size: 13px;
line-height: 15px;
color: #222222;
}
.discounts__item.active .discounts__link {
font-weight: normal;
font-size: 13px;
line-height: 15px;
text-decoration-line: underline;
color: #6F6F6F;
}
.discounts__link:hover {
color: inherit;
text-decoration: inherit;
}
.discounts__acting-list {
margin-top: 40px;
background: #F7F7F7;
border-radius: 3px;
padding: 15px;
}
@media only screen and (max-width: 767px) {
.discounts__acting-list {
margin-top: 25px;
}
}
.discounts__acting-item {
margin-bottom: 30px;
display: flex;
}
.discounts__acting-content {
margin-left: 15px;
}
.discounts__acting-title {
font-size: 18px;
line-height: 21px;
color: #666666;
margin-bottom: 10px;
display: block;
}
.discounts__acting-subtitle {
margin: 0 !important;
font-weight: normal;
font-size: 16px !important;
line-height: 19px !important;
color: #333333 !important;
}
@media only screen and (max-width: 767px) {
.discounts__acting-title {
font-size: 14px;
line-height: 16px;
margin-bottom: 3px;
}
.discounts__acting-subtitle {
font-size: 12px !important;
line-height: 14px !important;
}
}
.discounts__acting-more {
font-size: 14px;
line-height: 16px;
color: #777777;
position: relative;
display: inline-block;
padding-right: 19px;
margin-top: 15px;
}
@media only screen and (max-width: 767px) {
.discounts__acting-more {
margin-top: 10px;
}
}
.discounts__acting-more:after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 6px;
height: 5px;
transform: translateY(-50%);
background: url(../img/more.png) no-repeat;
background-size: contain;
}
.discounts__acting-img-wrap {
width: 84px;
height: 84px;
}
.discounts__acting-img-wrap a {
display: flex;
align-items: center;
height: 100%;
width: 100%;
}
.discounts__acting-img {
width: 84px;
height: auto;
max-height: 84px;
}
@media only screen and (max-width: 767px) {
.discounts__acting-img-wrap {
width: 52px;
height: 52px;
}
.discounts__acting-img {
width: 52px;
max-height: 52px;
}
}
.discounts__time-wrap {
margin: 15px 0 20px 0;
}
.discounts__time {
font-size: 14px;
line-height: 16px !important;
color: #777777 !important;
padding: 5px 0;
margin: 0 !important;
}
@media only screen and (max-width: 767px) {
.discounts__time {
font-size: 12px;
line-height: 14px !important;
}
}
.banner__mob {
display: none;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.banner__mob {
display: block;
}
.discounts__mob .info-sidebar {
order: 0;
}
.discounts__mob .info-sidebar > .promobanner {
display: none;
}
.discounts__mob .info-menu {
margin-bottom: 0;
}
}
.product-tile-label-discount{
position: absolute;
left: 0;
bottom: 0;
font-weight: 500;
font-size: 13px;
line-height: 15px;
color: #FFFFFF;
padding: 8px 12px;
background: #1E90FF;
border-radius: 0px 5px 0px 0px;
z-index: 50;
}