/* Kombiniert brink.css, responsive.css, LP-2023.css */
@media (prefers-reduced-motion: reduce) {
    *, *:after { transition: none !important; }
}

/* brink.css*/
:root {
    --brinkRed: rgb(210,10,17);
}

/* roboto-condensed-300italic - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/roboto-condensed-v16-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'),
    url('../fonts/roboto-condensed-v16-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-condensed-v16-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v16-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-condensed-v16-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v16-latin-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300 - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-condensed-v16-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
    url('../fonts/roboto-condensed-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-condensed-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v16-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-condensed-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v16-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
    url('../fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-italic - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/roboto-condensed-v16-latin-italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
    url('../fonts/roboto-condensed-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-condensed-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-condensed-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v16-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
    url('../fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700italic - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/roboto-condensed-v16-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
    url('../fonts/roboto-condensed-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-condensed-v16-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-condensed-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v16-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Courier Prime';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/CourierPrime-Regular.ttf') format('ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Courier Prime';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/CourierPrime-Bold.ttf') format('ttf');
    font-display: swap;
}
/** * 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"../css/bootstrap.css"; *//* Reset ================================================================================= */
* {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
    width: 100%;
}
.catalog-product-compare-index > div {
    min-width: 600px;
}
body {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #777777;
    min-width: 320px;
    position: relative;
    -webkit-text-size-adjust: none;
    background: #fff;
}.ce-bodytext p {    font-size: 16px;    line-height: 22px;}
body.cms-home {
}
body > .wrapper {
    position: relative;
}
.wrapper-tail {
}
img {
    border: 0;
    vertical-align: top;
}
a {
    color: #000000;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #73d5c9;
}
:focus {
    outline: 0;
    text-decoration: none;
}
a:focus {
    outline: 0;
    text-decoration: none;
    color: #73d5c9;
}
.form-control:focus {
    border-color: #b7b7b7;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(21, 21, 21, 0.3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(21, 21, 21, 0.3);
}
/* Headings */
h1 , .h1{
    font-size: 20px;
    font-weight: normal;
    line-height: 1.15;
    margin-bottom: 0px;
}
h2, .h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.25;
    margin-bottom: 7px;
    font-family: 'Roboto Condensed';
    font-style: italic;
}
h3, .h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: 7px;
}
.frame-layout-2 h1, .frame-layout-2 h2, .frame-layout-2 h3, .frame-layout-2 h4 {
    color: var(--brinkGrey)!important;
}
h4, .h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 7px;
}
h5 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 7px;
}
h6 {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 7px;
}
p {
    margin-bottom: 2rem;
}
/* Colors */
.brinkRed {
    /*color: #d91920;*/
    color: var(--brinkRed, rgb(210,10,17));
}
.brinkBlau {
    color: #1088c6;
}
/* Forms */
form {
    display: inline;
}
fieldset {
    border: 0;
}
legend {
    display: none;
}
/* 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;
    margin-bottom: 5px;
}
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;*/
    top: -0.9rem;
}
/* Lists */
ul, ol {
    list-style: none;
}
.footer ol, .footer ul {
    padding-left: 0;
}
.productDescription ul,
.productDescription ol {
    list-style: disc;
}


/* 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;
}
.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;
}
.p-reletive {
    position: relative;
}
.calendar {
    z-index: 6;
}
/* ======================================================================================= *//* =========================== font awesome ============================================== */
.block-cart-header:before, .block-cart-header .block-content:before, .header-button.currency-list > a:after, .header-button.lang-list > a:after, .sf-menu li a:before, .add-to-links li a:before, .row-product .email-friend:before, .btn-remove:before, .btn-remove2:before, .btn-edit:before, .sorter .view-mode .grid:before, .sorter .list:before, .block-layered-nav dd li:before, .product-view .box-tags .form-add .input-box:before, .row-product .no-rating:before, #menu-icon:before, .sf-menu-phone li strong:before, span.toggle:before, .checkout-progress li:before, .about-padd-2 ul li:before, .currency-switch .currency-title:before, .language-list .language-title:before, .swipe ul a:before, .switch-show > div:after, #back-top span:before, .map-popup-close:before, .block-slider-sidebar .slider-sidebar-pager a:before, .home-link:before, button.button span:before, .header .form-search button.button span:before, .camera_wrap .camera_pag .camera_pag_ul li:before, .list-icon li a:before, .product-view .bx-controls-direction > a:before, .header .links li a:before, .block-cart-header .summary:before, .block-cart-header .empty:before, .sf-menu-phone li a:before, .footer ul li:after, .camera_prev:before, .camera_next:before, .footer ul li:before, .footer .footer-col .tel:before, .footer .free-shipping a:before, .product-view .bx-controls-direction > a:before, .header .links li a:before, .sf-menu > li.parent > a span:after, .banner-block li a:before, .tparrows:before, .freeslider-pag a:before, .mw_top_menu ul.mw-mega-menu-top li a:after, .postDetails-tags ul:before, .sf-menu > li.parent > a:after, .nav #nav > li.parent > a:after, .le-social-button-login button:before, #jQuery_ajaxcart_button_close:before, .header .form-search:before, .nav .grid-full > li > a > span:after, .block .link-wishlist:before, .block .link-cart:before, .ui-state-default:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    text-indent: 0 !important;
}
/* =========================== font fontello ============================================== *//* Layout ================================================================================ */
.wrapper {
    width: 100%;
}
.tail-top {
}
.page {
    margin: 0 auto;
    padding: 0 0 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;
    margin: 0 auto;
    background: #fff;
}
.page-popup .ratings .rating-box {
    float: none;
    margin: 0 auto 10px;
}
.main-container {
    padding: 40px 0;
    position: relative; /*z-index:1;*/
}
.main {
}
/* Base Columns */
.col-left {
    float: left;
}
.col-main {
    float: left;
}
.col-right {
    float: right;
}
/* 1 Column Layout */
.col1-layout .col-main {
    float: none;
}
/* 2 Columns Layout */
.col2-left-layout .col-main {
    float: right;
}
.col2-right-layout .col-main {
}
/* 3 Columns Layout */
.col3-layout .col-main {
}
.col3-layout .col-wrapper {
    float: left;
}
.col3-layout .col-wrapper .col-main {
    float: right;
}
/* Content Columns */
.col2-set .col-1 {
}
.col2-set .col-2 {
}
.col2-set .col-narrow {
    width: 33%;
}
.col2-set .col-wide {
    width: 65%;
}
.cart-collaterals .col2-set .col-1, .cart-collaterals .col2-set .col-2 {
    width: 48%;
    float: left;
}
.cart-collaterals .col2-set .col-1 {
    margin-right: 20px;
}
.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, .form-control {
    border: 1px solid #e5e5e5;
    /*border-radius: 0;*/
}
input.input-text, textarea {
    padding: 6px 12px;
    resize: none;
    -webkit-appearance: none;
    border-radius: 0;
}
select {
    padding: 2px;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
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;
}
input.qty {
    width: 40px !important;
    text-align: center !important;
    background: none;
    display: inline-block;
}
.downloadButton::-moz-focus-inner, button.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
/* FF Fix */
.downloadButton, button.button {
    -webkit-border-fit: lines;
    outline: none;
}
button.readMore {
    vertical-align: top;
}
/* <- Safari & Google Chrome Fix */
button.button {
    background: transparent;
    border: 0;
    overflow: visible;
    cursor: pointer;
    padding: 0;
    margin: 0;
    width: auto;
}
.downloadButton {
    display: inline-block;
    margin-top: 1rem;
    margin-right: 1em;
}
.downloadButton a {
    color: #fff;
}
.downloadButton a:hover {
    color: #fff;
}
.downloadButton > span, button.button > span {
    float: left;
    text-align: center;
    white-space: normal;
    padding: 0;
}
.downloadButton span span, button.button span span {
    padding: 16px 24px;
    display: block;
    float: left;
}
.downloadButton > span, button.button > span, .page-sitemap .links a, .but-link, .scrollpages a.loadmore {
    font-family: "Roboto Condensed", sans-serif;
    background: #303c4b;
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;

    z-index: 2;
}
.downloadButton:hover > span{
    background: var(--brinkRed, rgb(210,10,17));
}
button.button-bg-1 > span {
    background: #ffa744;
}
button.button-bg-2 > span {
    background: #777777;
}
/*.downloadButton > span:after, button.button > span:after, .but-link:after {
      background: none repeat scroll 0 0 #73d5c9;
      bottom: 50%;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      transition: all 0.4s ease 0s;
      width: 0%;
      z-index: -1;
  }
  body.ps-static .downloadButton:hover > span:after,
  body.ps-static button.button:hover > span:after,
  .page-popup button.button:hover > span:after,
  body.ps-static .but-link:hover:after,
  body.ps-static .but-link:focus:after
  {
      height: 100%;
      width: 100%;
      bottom: 0;
      left: 0;
      transition: all 0.2s ease 0s;
  }
  body.ps-static .downloadButton:hover > span, body.ps-static button.button:hover > span {
      background: none;
  }*/
body.ps-static .page-sitemap .links a:hover {
    color: #fff;
}
/*
  .products-grid button.btn-cart > span {
      width: 50px;
      height: 51px;
  }
  .products-grid button.btn-cart > span:before {
      content: "\f07a";
      font-size: 20px;
      line-height: 48px;
  }
  .products-grid button.btn-cart span {
      float: none;
      display: block;
  }
  .products-grid button.btn-cart span span {
      display: none;
  }
  */
.page-sitemap .links a, .but-link {
    display: inline-block;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    padding: 0px 11px;
    height: 36px;
    line-height: 36px;
}
.but-link {
    font-size: 13px;
    text-transform: capitalize;
    padding: 10px 20px 12px;
    line-height: 19px;
    height: auto;
    float: left;
}
.link-extra.but-link:hover, .but-link:focus {
    color: #fff;
}
/********** Button right Contact Form and Account login home *****************//*******************************************************/
button.disabled {
}
button.disabled span {
}
button.btn-checkout span {
}
button.btn-checkout span span {
}
button.btn-checkout.no-checkout {
}
p.control input.checkbox, p.control input.radio {
    margin-right: 6px;
}
/* Form Highlight *//* Form lists *//* Grouped fields */
.form-list li {
}
.form-list label {
    float: left;
    color: #000;
    font-weight: bold;
    position: relative;
    z-index: 0;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 0;
}
.form-list label.required {
}
.form-list label.required em {
    float: right;
    font-style: normal;
    color: #73d5c9;
    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 .input-box {
    display: block;
    clear: both;
    margin-bottom: 7px;
    width: 260px;
}
.form-list .field {
    float: left;
    width: 360px;
}
.form-list input.input-text {
    width: 333px;
}
.form-list textarea {
    resize: none;
    width: 254px;
    height: 10em;
}
.form-list select {
    width: 100%;
}
.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 {
}
.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: 132px;
}
.form-list .name-middlename input.input-text {
    width: 104px;
}
.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: 318px;
}
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text {
    width: 189px;
}
.field.name-suffix {
    margin-top: 8px;
}
.field.name-prefix {
    margin-bottom: 10px
}
.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: 230px;
}
.opc .form-list .customer-name-suffix .name-lastname, .opc .form-list .customer-name-middlename .name-firstname, .opc .form-list .customer-name-middlename-suffix .name-firstname, .opc .form-list .customer-name-middlename-suffix .name-lastname {
    width: 191px;
}
.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: 202px;
}
.opc .form-list .customer-name-prefix .name-firstname input.input-text, .opc .form-list .customer-name-suffix .name-lastname input.input-text, .opc .form-list .customer-name-middlename .name-firstname input.input-text, .opc .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .opc .form-list .customer-name-middlename-suffix .name-lastname input.input-text {
    width: 171px;
}
.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: 35px;
}
.form-list .customer-dob .dob-year {
    width: 140px;
}
.form-list .customer-dob .dob-year input.input-text {
    width: 213px;
}
.buttons-set {
    clear: both;
    margin: 5px 0 0;
    padding: 5px 0 5px 0;
}
.buttons-set .back-link {
    float: left;
    margin-top: 5px;
}
.buttons-set .back-link a {
}
.buttons-set button.button {
    float: right;
}
.buttons-set p.required {
    margin: 0 0 10px;
    font-size: 12px;
    color: #73d5c9;
}
.buttons-set-order {
}
.fieldset > p {
    margin-bottom: 10px;
}
.fieldset .legend {
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 8px;
    color: #73d5c9;
}
/* Form Validation */
.validation-advice {
    clear: both;
    min-height: 13px;
    margin: 3px 0 0;
    font-size: 12px;
    line-height: 13px;
    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 20px;
}
.messages li li {
    margin: 4px 0 3px;
}
.category-title .messages .notice-msg, .checkout-cart-index .messages .notice-msg {
    display: none;
}
div.alert a {
    font-size: 12px;
    padding-left: 5px;
}
div.alert a:hover {
    color: #fff;
}
/*div.alert {position:fixed;background:#353535; top:0; left:50%; width:333px; margin-left:-220px; padding:20px 60px; color:#FFF; z-index:999; font-size:12px; font-weight:bold; color:#e5e5e5; border-radius:0 0 3px 3px; text-align:center;}*/
div.alert button {
    background: url(../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;
}
.error-msg, .success-msg, .note-msg, .notice-msg {
    border-style: solid !important;
    border-width: 1px !important;
    background-position: 17px center !important;
    background-repeat: no-repeat !important;
    min-height: 24px !important;
    padding: 7px 8px 10px 56px !important;
    font-size: 12px !important;
    font-weight: bold !important;
}
.success-msg {
    border-color: #dfebb5;
}
.error-msg {
    background: url(../images/i_msg-note.png) left -3px no-repeat #fde4e1;
    color: #df0505;
    font-weight: bold;
}
.success-msg {
    background-color: #f7fde1;
    background-image: url(../images/i_msg-success.gif);
    color: #95bc01;
    font-weight: bold;
}
.note-msg, .notice-msg {
    background: url(../images/i_msg-note.png) 7px 6px no-repeat #fde4e1 !important;
    border-color: #ebbcb5;
    color: #df0505;
    font-weight: bold;
}
.note-msg-empty-catalog {
    background: url(../images/empty-catalog.png) no-repeat left top;
    padding: 33px 30px 35px 150px;
}
.availability-only {
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    padding-top: 5px;
    margin-bottom: 15px;
}
/* BreadCrumbs */
#p1 .breadcrumbArea {
    display: none;
}
.breadcrumbs {
    background: #FBFBFB;
    padding: 8px 19px;
    margin: 0 0 60px;
    overflow: hidden;
}
.breadcrumbs li {
    float: left;
}
.breadcrumbs li a {
    text-decoration: none;
}
.breadcrumbs li a:hover {
}
.breadcrumbs li span {
    display: inline-block;
    margin: 0 8px 0 6px;
}
.breadcrumbs li strong {
    font-weight: normal;
}
/* Page Heading */
.page-title, .category-title {
    margin: 0 0 40px;
    border-bottom: 7px solid #d4d4d4;
    padding-bottom: 10px;
}
.category-title {
    display: block;
}
.page-title h1, .page-title h2 {
    font-size: 34px;
    line-height: 34px;
    color: #303c4b;
    font-weight: 300;
    text-transform: capitalize;
}
.page-title.center, .category-title {
    position: relative;
}
.category-title h1, .category-title h2 {
}
.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;
}
/********************************************************************************* End ********************************************************************************//* Pager */
.pager {
    text-align: center;
}
.pager .amount {
    float: left;
    padding-top: 2px;
}
.pager .amount span {
    font-weight: bold;
}
.pager .amount.spinner {
    padding-top: 13px;
}
.pager .amount strong {
    font-weight: normal;
    display: inline-block;
    padding-top: 0px;
}
.pager .amount strong span {
    font-weight: bold;
}
.pager p, .pager .limiter label {
}
.pager .limiter {
    float: right;
    min-width: 89px;
}
.pager .limiter label {
    display: inline-block;
    padding-top: 2px;
    padding-right: 6px;
    float: left;
}
.pager .pages {
    margin: 0 135px;
}
.pager .pages strong {
    padding-right: 3px;
}
.pager .pages ol {
    display: inline;
}
.pager .pages li {
    display: inline;
    padding: 0;
    color: #737373;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    margin-right: 3px;
}
.pager .pages li a {
    text-decoration: none;
}
.pager .pages .current {
    color: #73d5c9;
}
.pager ol > li:first-child > a {
    text-decoration: none;
}
.pager ol > li > a {
    border: 0;
    padding: 3px;
    background: none;
    border-radius: 0;
}
.pager ol > li > a:focus, .pager ol > li > a:hover {
    background: none;
}
/* Sorter */
.sorter {
}
.sorter .view-mode {
    float: left;
    font-size: 0;
    overflow: hidden;
    height: 30px;
    width: 150px;
    padding: 0;
}
.sorter .grid, .sorter .list {
    display: block;
    float: left;
    background: url(../images/grid-list.gif) no-repeat left bottom;
    width: 17px;
    height: 16px;
}
.sorter .list {
    background-position: right top;
}
.sorter .view-mode a.grid {
}
.sorter .view-mode strong, .sorter .view-mode a {
    margin-right: 10px;
}
.sorter a.list {
}
.sorter strong.list {
}
.sorter a.list:hover {
    background-position: right bottom;
}
.sorter a.grid:hover {
    background-position: left top;
}
.sorter .sort-by {
    float: right;
    min-width: 152px;
}
.sorter .sort-by select {
    margin-right: 15px;
}
.sorter .sort-by label {
    display: inline-block;
    padding-top: 2px;
    padding-right: 6px;
    float: left;
}
.sorter .link-feed {
}
/* Toolbar */
.toolbar {
    margin-bottom: 30px;
}
.toolbar select {
    min-width: 63px;
}
.toolbar .pager {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    padding: 0 0 10px;
}
.toolbar .sorter {
    padding: 0;
}
.toolbar-bottom {
    margin-top: 30px;
}
/* Data Table */
.data-table {
    width: 100%;
}
.data-table th {
    padding: 10px;
    border: 1px solid #e5e5e5;
    font-weight: bold;
    white-space: nowrap;
    color: #000;
}
.data-table td {
    padding: 10px;
    border: 1px solid #e5e5e5;
}
.data-table thead {
}
.data-table tbody {
}
.data-table tfoot {
}
.data-table tr.first {
}
.data-table tr.first th.label {
}
.data-table tr.last {
}
.data-table tr.odd th.label {
}
.data-table tr.even {
}
.data-table tbody.odd {
}
.data-table tbody.odd td {
    border-width: 0 1px;
}
.data-table tbody.even {
}
.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;
    color: #7e7e7e;
}
.data-table td.value {
}
.data-table-indent {
    margin-bottom: 20px;
}
/* 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(../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(../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 ol, .std dl, .std p, .std address, .std blockquote {
    margin: 0 0 1em;
    padding: 0;
}
.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;
    padding-left: 12px;
}
.links li.first {
}
.links.LoginLink li.first {
    padding-left: 0;
}
.links li.last {
    padding-bottom: 0;
}
.links li a {
    text-decoration: none;
}
.links li a:hover {
}
.link-cart {
    font-weight: bold;
}
.link-cart:hover {
    text-decoration: underline;
}
.link-wishlist {
    font-weight: 300;
}
.link-reorder {
    font-weight: bold;
}
.link-compare {
    font-weight: 300;
}
.link-print {
    background: url(../images/i_print.gif) 0 2px no-repeat;
    padding: 2px 0 2px 25px;
}
.link-rss {
    background: url(../images/i_rss.gif) 0 1px no-repeat;
    padding-left: 18px;
    white-space: nowrap;
}
.btn-remove {
    display: inline-block;
    overflow: hidden;
    margin-left: 13px;
    font-size: 0;
    text-indent: -999px;
    text-decoration: none !important;
}
.btn-remove:before {
    content: "\f00d";
    font-size: 16px;
    display: block;
}
.btn-remove2 {
    display: inline-block;
    font-size: 0;
    margin: 0;
}
.btn-remove2:before {
    content: "\f014";
    font-size: 24px;
    line-height: 24px;
    display: block;
}
.btn-remove2:hover {
}
.btn-edit {
    display: block;
    font-size: 0;
    text-indent: -999px;
    overflow: hidden;
    margin-left: 2px;
}
.btn-edit:before {
    content: "\f040";
    font-size: 14px;
    display: block;
}
.btn-remove:hover {
}
.cards-list dt {
    margin: 5px 0 0;
}
.cards-list .offset {
    padding: 2px 0 2px 20px;
}
.prod-cart img {
    border: 1px solid #ededed;
}
.separator {
    margin: 0 3px;
}
.divider {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 1px;
    margin: 10px 0;
    background: #ddd;
    font-size: 0;
    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(../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;
}
/* Cookie Notice */
.notice-cookie {
    border-bottom: 1px solid #cfcfcf;
    background: #ffff90;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #2f2f2f;
}
.notice-cookie .notice-inner {
    width: 870px;
    margin: 0 auto;
    padding: 12px 0 12px 80px;
    background: url(../images/i_notice.gif) 20px 25px no-repeat;
    text-align: left;
}
.notice-cookie .notice-inner p {
    margin: 0 0 10px;
    border: 1px dotted #cccc73;
    padding: 10px;
}
.notice-cookie .notice-inner .actions {
}
/* ======================================================================================= *//* Logo ================================================================================ */
.logo {
    float: left;
}
.header .logo {
    float: left;
    display: block;
    text-decoration: none !important;
}
.header .logo strong {
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}
.header h1.logo {
    margin: 0;
    padding: 0;
}
.header .logo img {
    max-width: 100%;
    height: auto;
}
/* Header ================================================================================ */
.header-container {
    padding: 0 0 39px;
    background: #fff;
    box-shadow: inset 0 -10px 10px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 -10px 10px rgba(0, 0, 0, 0.05);
}
.header {
    padding: 0;
    padding-top: 1rem;
    position: relative;
}
.header .header-border {
    margin: 0 -10000px 36px;
    padding: 14px 10000px 15px;
    box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.05) inset;
    -webkit-box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.05) inset;
}
.header .quick-access {
    float: right;
    margin-left: 20px;
    margin-bottom: 17px;
}
.header .quick-access ul.headerMenu li:nth-child(2)  {
    float: left;
}
.header .quick-access ul.headerMenu li:nth-child(3) {
    float: right;
    margin-left: 20px;
}
.header .welcome-msg {
    float: right;
    color: #73d5c9;
    font-weight: bold;
}
.header .welcome-msg a {
}
.header .links {
    text-align: left;
}
.header .links li {
    float: left;
    padding: 0;
    margin-left: 20px;
}
.header .links li:first-child {
    padding: 0;
    margin: 0;
    border: 0;
}
.header .links li a {
    display: inline-block;
    color: #777777;
}
.header .links li a:hover {
    color: #73d5c9;
}
.header .links .top-link-cart, .header .links .top-car, .header .links li:nth-child(4) {
    display: none
}
.header .skip-links-relative {
    position: relative;
    float: right;
}
.header-info {
    line-height: 26px;
    padding-top: 6px;
}
.header-info:after {
    content: "";
    clear: both;
    display: table;
}
.header-info > div {
    float: left;
    margin-right: 18px;
    overflow: hidden;
}
.header-info i {
    color: #73d5c9;
    font-size: 24px;
    float: left;
    display: block;
    margin-right: 10px;
}
.header-info > div:hover i {
}
.header-info span {
    float: left;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #303c4b;
}
.header .form-search {
    text-align: right;
}
#search_mini_form {
    float: right;
    position: relative;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: right;
}
.header .form-search {
    position: relative;
}
.header .form-search:after {
    display: table;
    clear: both;
    content: "";
}
/* .header .form-search:before {	content: "\f002";	font-size: 17px;	position: absolute;	left: 12px;	top: 6px;	color: #d6d6d6;} */
.header .form-search .input-text {
    float: left;
    padding: 8px 25px 8px 20px;
    width: 210px;
    height: 51px;
    line-height: 20px;
    font-size: 13px;
    color: #777777;
    background: #fff;
    border: 2px solid #e5e5e5;
}
.header .form-search .p-reletive {
    float: left;
}
.header .form-search .input-text:focus::-webkit-input-placeholder {
    color: #ccc;
}
.header .form-search .input-text:focus::-moz-placeholder {
    color: #ccc;
}
.header .form-search button.button {
    float: right;
}
.header .form-search button.button > span {
    width: 51px;
    height: 51px;
    color: #fff;
    background: #303c4b;
}
.header .form-search button.button:hover > span {
}
.header .form-search button.button > span span {
    padding: 11px 19px 10px;
    font-size: 13px;
    text-transform: capitalize;
    display: none;
}
.header .form-search button.button span:before {
    content: "\f002";
    font-size: 17px;
    display: block;
    line-height: 50px;
}
.header .form-search label {
    float: left;
    margin-left: 17px;
    display: none;
}
#select-form {
    margin-left: 1px;
}
/* .ps-phone .header .form-search .search-autocomplete {display: none !important;} */
.header-buttons {
    float: right;
}
.header-button {
    float: right;
    position: relative;
    margin-left: 15px;
    border: 1px solid #e5e5e5;
    padding: 7px 12px 6px;
    background: #fff;
    color: #777777;
}
.header-button .select-label-name {
    float: left;
    margin-right: 5px;
}
.header-button > a {
    display: block;
    height: 20px;
}
.header-button.currency-list > a, .header-button.lang-list > a {
    text-align: center;
    padding: 0;
    color: #73d5c9;
    float: left;
    text-transform: capitalize;
}
.header-button > a:after {
    content: "\f107";
    float: right;
    font-size: 15px;
    margin-left: 17px;
    color: #777777;
}
.header-button ul {
    display: none;
    text-align: left;
    position: absolute;
    right: 0px;
    top: 35px;
    padding: 0;
    z-index: 999;
    box-shadow: 0 0px 13px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 13px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0px 13px rgba(0, 0, 0, 0.15);
    width: 220px;
}
.header-button.lang-list ul {
    min-width: 120px;
    width: 100%;
}
.header-button ul li {
    float: none;
    display: block;
    padding-left: 0px;
    border-bottom: 1px solid #DDDDDD;
}
.header-button ul li:last-child {
    border: 0;
}
.header-button ul li a {
    display: block;
    background: #fff;
    font-size: 12px;
    line-height: 17px;
    color: #333;
    padding: 5px 10px;
    min-height: 18px;
}
.header-button ul li a:hover {
    box-shadow: inset 0 0px 15px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: inset 0 0px 15px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: inset 0 0px 15px rgba(0, 0, 0, 0.13);
}
.header-button > a:hover, .header-button.active > a {
    color: #000;
}
.languagemenu {
    padding-top: 8px;
}
.header-container .languagemenu img{
    padding-left: 0.35rem;
}
img.lazy {
    max-width: 100%;
    height: auto;
    opacity: 0;
}
/*************Header Cart **********************//*.header-container .top-container { clear:both; text-align:right; }.block-cart-header {	float:right;	position:relative;	cursor: pointer;	margin-left: 30px;	background: url(../images/block-cart-icon.png) no-repeat left top;	padding: 30px 0;}.block-cart-header:before {content:"\f07a"; float: left; margin-right: 5px; }.block-cart-header.active .block-content:before {color: #73d5c9; }.block-cart-header .block-content {}.block-cart-header .block-content:before {content:"\f107"; float: right; font-size: 16px; display: none;}.block-cart-header h3{ font-size:21px; line-height: 21px; color: #333333; font-weight: normal; margin:0 0 4px;}.block-cart-header .subtotal {color: #000; font-size: 14px;}.block-cart-header .summary,.block-cart-header .empty,.block-cart-header .summary strong { font-weight:300; font-size: 25px; color: #fe8c8c; text-align: center;}.block-cart-header p,.block-cart-header .empty{ }.block-cart-header .summary:hover,.block-cart-header .empty:hover {cursor:pointer;}.block-cart-header .btn-remove,.block-cart-header .btn-edit { float:right; margin: 0 5px 0 0;  }.block-cart-header .truncated {display:none;}.block-cart-header .cart-content{	box-shadow: 0 0px 13px rgba(0,0,0,0.15);    -moz-box-shadow: 0 0px 13px rgba(0,0,0,0.15);    -webkit-box-shadow: 0 0px 13px rgba(0,0,0,0.15);    position:absolute;    right:0;    top:55px;    z-index:9;    min-width:280px;    width: 100%;    display:none;    cursor:default;}.block-cart-header .empty .cart-content {	background:#fff;	padding:10px;	color:#000;	 box-shadow: 0 0px 13px rgba(0,0,0,0.15);    -moz-box-shadow: 0 0px 13px rgba(0,0,0,0.15);    -webkit-box-shadow: 0 0px 13px rgba(0,0,0,0.15);	moz-box-sizing:content-box;	-moz-box-sizing: content-box;	-webkit-box-sizing: content-box;	 box-sizing: content-box;	 font-weight: normal;	 font-size: 13px;}.block-cart-header .actions { padding:20px 20px 10px; overflow:hidden; background:#fff;}.block-cart-header .actions button.button {float:left; margin-bottom:10px; margin-right:10px;}.block-cart-header .actions button.button+button.button {margin-right:0;}.block-cart-header .mini-products-list li.item {	background: #fff;	box-shadow:inset 0 0px 15px rgba(0,0,0,0.08);	-moz-box-shadow:inset 0 0px 15px rgba(0,0,0,0.08);	-webkit-box-shadow:inset 0 0px 15px rgba(0,0,0,0.08);	border-bottom:1px solid #ececec;	width: 100%;	float: left;	clear:both;	min-height:85px;	 padding:20px;	 position:relative;}.block-cart-header .mini-products-list li.item:first-child {border-top:1px solid #ececec; }.block-cart-header .mini-products-list .product-image { width:70px; border:1px solid #ededed;}.block-cart-header .mini-products-list .product-details { margin: 0 0 0 80px; overflow: inherit;}.block-cart-header .mini-products-list .product-name{ padding-bottom:0px; width:95% !important; overflow: inherit; }.block-cart-header .cart-content .price{ font-weight:bold; }.block-cart-header .cart-content-header{ padding:11px 20px; background: #fff;}.block-cart-header .subtotal .label{ font-weight:normal; padding:0;}.block-cart-header .subtotal .price { float:right; font-weight:normal;  }.block-cart-header .mini-cart {display: none;}.block-cart-header .btn-edit {color: #777777;}.block-cart-header .btn-edit:hover {color: #ed1111;} *//********************Header Cart end ***********************//************************************ < Navigation in  superfish.css ******************************************************************************************************************//* Show menu */
.col2-set {
    width: auto;
}
/*========================================================================================== Sidebar =============================================================================== *//* ================================================================================================================================================================================== */
.block {
    margin: 0 0 60px;
}
.block.last_block {
    margin-bottom: 0;
}
.block .block-title {
    margin-bottom: 28px;
    position: relative;
    text-transform: capitalize;
    border-bottom: 5px solid #54525e;
    padding-bottom: 10px;
}
.block .block-title strong {
    font-size: 23px;
    line-height: 23px;
    color: #54525e;
    font-weight: bold;
}
.block .block-title a {
    text-decoration: none !important;
}
.block .block-subtitle {
    font-size: 14px;
    line-height: 16px;
    color: #2d2328;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.block .block-content {
    width: 100%;
}
.block li.item {
    padding: 12px 0;
    border-bottom: 1px solid #e5e5e5;
}
.block li.last {
    border: 0;
}
.block li.item:first-child {
    padding-top: 0;
}
.widget.widget-catalogsale-products .block ol li {
    padding: 20px 0 20px 0;
}
.widget.widget-catalogsale-products .price-box.map-info {
    padding: 10px 0 10px 0;
}
.widget.widget-catalogsale-products .price-box.map-info a {
    padding-left: 0;
}
.block .btn-remove, .block .btn-edit {
    float: right;
}
.block .actions {
    padding: 17px 0 0 0;
}
.block .actions a {
    display: inline-block;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 10px;
}
.block .actions a:hover {
    text-decoration: none;
}
.block-compare .actions {
    padding: 20px 0 10px 0;
}
.block .empty {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
}
.block .price-box.map-info .price {
    font-size: 14px;
}
.block li.odd {
}
.block li.even {
}
.sidebar-indent {
}
.block .price {
    font-weight: bold;
}
.block .link-wishlist, .block .link-cart {
    font-weight: 300;
}
.block .link-wishlist:hover, .block .link-cart:hover {
    text-decoration: none;
}
.block .link-wishlist:before, .block .link-cart:before {
    color: #989898;
    font-size: 14px;
    margin-right: 5px;
}
.block .link-cart:before {
    content: "\f07a";
}
.block .link-wishlist:before {
    content: "\f004";
}
.block-manufacturer {
}
.block-manufacturer .block-title {
    margin-bottom: 11px;
}
.block-manufacturer li.item {
    border-bottom: 1px dotted #9e9c9d;
    padding: 8px 15px 9px;
}
.block-manufacturer li.item a {
    font-size: 14px;
}
.block-manufacturer li:last-child {
    border-bottom: 0;
}
/******************************************************************************** Mini Products List ******************************************************************************/
.mini-products-list li.item {
    padding-top: 20px;
    padding-bottom: 20px;
}
.mini-products-list .product-control-buttons {
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
    height: 19px;
}
.mini-products-list .product-image {
    float: left;
    width: 90px;
    background: #fff;
    margin-right: 10px;
}
.mini-products-list .product-image img {
    max-width: 100%;
}
.mini-products-list .product-details {
    padding-top: 3px;
    overflow: hidden;
}
.mini-products-list .product-details h4 {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}
.mini-products-list .product-name {
    margin-left: 10px;
    display: block;
    overflow: hidden;
}
.mini-products-list .product-name a {
    font-size: 14px;
    color: #73d5c9;
}
.mini-products-list .product-name a:hover {
    color: #000;
}
.mini-products-list .price-box {
    margin-bottom: 10px;
}
.block-cart .mini-products-list .product-name, .block-cart .mini-products-list .product-details .nobr small {
    word-wrap: break-word;
}
.block-cart .mini-products-list .product-details .nobr {
    white-space: normal !important;
}
/* Block: Account */
.block-account ul li {
    padding-bottom: 5px;
}
/* Block: Currency Switcher */
.block-currency {
}
.block-currency select {
    width: 100%;
    border: 1px solid #888;
}
/******************************************************************************** Block: Layered Navigation ************************************************************************/
.block-layered-nav {
}
.block-layered-nav dl {
    margin-bottom: 0;
}
.block-layered-nav dt {
    font-weight: bold;
    padding-top: 15px;
    color: #000;
}
.block-layered-nav dt:first-child {
    border-top: 1px solid #e5e5e5;
}
.block-layered-nav dd {
    padding: 7px 0 0px;
}
.block-layered-nav dd.odd.last {
    padding-bottom: 0;
    margin-bottom: 0;
}
.block-layered-nav dd li a {
    text-decoration: none;
}
.block-layered-nav dd li {
    color: #73d5c9;
    padding: 0 0 3px;
}
/* .block-layered-nav dd li:before {content: "\f105"; margin-right: 10px; font-size: 14px;} */
.block-layered-nav dd li .price {
    font-weight: normal;
}
.block-layered-nav .currently {
}
.block-layered-nav .btn-remove {
    float: right;
    margin: 5px 3px 0 2px;
}
.block-layered-nav .block-subtitle {
}
.block-layered-nav .block-content .actions a {
    text-decoration: none;
}
.block-layered-nav .block-content .actions {
    padding-top: 5px;
    padding-bottom: 10px;
}
.block-layered-nav #narrow-by-list2 dt {
    border: none;
    padding-top: 0;
}
/*********************************************************************** Block: Spacials *********************************************************************************************/
.widget-catalogsale-products {
}
.widget-catalogsale-products .price-box .price-label {
    display: none;
}
#product_tabs_review_tabbed_contents #review-form h3 span {
    color: #73d5c9;
}
/************************************************************************************ Block: Cart ***********************************************************************************/
.block-cart {
}
.block-cart .block-content li.item.last {
    padding-bottom: 0;
}
.block-cart .summary {
    margin-bottom: 20px;
}
.block-cart .amount {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 12px;
    margin-bottom: 16px;
}
.block-cart .amount a {
    font-weight: bold;
}
.block-cart .amount a:hover {
    text-decoration: underline;
}
.block-cart .subtotal {
}
.block-cart .subtotal .price {
    font-weight: bold;
    color: #000;
    padding-left: 6px;
}
.block-cart .subtotal .label {
    padding: 0;
}
.block-cart .amount-2 {
    border-top: 1px solid #e5e5e5;
    color: #000000;
    padding-top: 16px;
    padding-bottom: 17px;
}
.block-cart .amount-2 a {
    text-decoration: none;
    font-weight: bold;
}
.block-cart .actions .paypal-logo {
    float: left;
    width: 100%;
    margin: 3px 0 0;
    text-align: right;
    display: none;
}
.block-cart .actions .paypal-logo .paypal-or {
    clear: both;
    display: block;
    padding: 0 55px 5px 0;
}
.block-cart .actions {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 17px;
    padding-top: 0px;
}
.block-cart .product-details {
    text-transform: uppercase;
}
.block-cart .product-details strong {
    font-weight: normal;
    padding: 0 0 0 3px;
}
/**************************************************************************** Block: Wishlist ******************************************************************************************/
.block-wishlist {
}
.block-wishlist .btn-remove {
    margin-left: 7px;
}
.block-wishlist .product-name a {
    text-decoration: none;
}
.block-wishlist .block-title small {
}
.block-wishlist .price-box {
    float: left;
}
.block-wishlist .link-cart {
    float: right;
    text-decoration: underline;
    margin-top: 5px;
    margin-left: 5px;
}
.block-wishlist .link-cart:hover {
    text-decoration: none;
}
.block-wishlist .block-content li.item {
}
.block-wishlist .block-content li.item.last {
}
.block-wishlist .product-name {
}
.block-wishlist .actions a {
}
.block-wishlist .actions {
    padding-bottom: 5px;
}
/********************************************************************************** Block: Related **********************************************************************************/
.product-image {
    display: inline-block;
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
}
.block-related {
}
.block-related li {
    padding: 5px 0;
}
.block-related input.checkbox {
    float: left;
    margin: 5px 5px 0 0;
}
.block-related .product {
    overflow: hidden;
}
.block-related .product .product-details .regular-price {
    float: none;
}
.rel-label {
    font-size: 12px;
    color: #333;
    padding-top: 6px;
    display: inline-block;
}
.block-related .block-content li.item {
    padding: 20px 0;
}
.block-related .block-content li.item:first-child {
    padding-top: 0;
}
.block-related .block-content li.item.last {
    padding-bottom: 10px;
}
.block-related .product-name {
    width: 152px;
}
/******************************************************************* Block: Compare Products ******************************************************************************************/
.block-compare {
}
.block-compare li {
    padding: 12px 0;
}
.block-compare .block-content {
}
.block-compare .btn-remove {
    margin-left: 10px;
}
.block-compare #compare-items {
}
.block-compare .block-title small {
    display: none;
}
.block-compare .product-name {
    overflow: hidden;
}
.block-compare .product-name a {
    text-decoration: none;
}
.block-compare .product-image {
    float: left;
    margin-right: 10px;
}
.block-compare button.button {
    margin-right: 10px;
    margin-bottom: 7px;
}
.block-compare .actions a {
    margin-left: 0;
}
/********************************************************************* Block: Recently Viewed *************************************************************************************/
.block-viewed {
}
.block-viewed li a, .block-compared li a {
    text-decoration: none;
    display: inline;
}
.block-viewed .block-content li.item:first-child, .block-compared .block-content li.item:first-child {
    border-top: none;
}
/********************************************************************* Block: Recently Compared ***********************************************************************************/
.block-compared {
}
#co-payment-form {
    width: 100px;
}
/********************************************************************* Block: Poll **************************************************************************************************/
.block-poll {
}
.block-poll .block-title strong span {
}
.block-poll .block-subtitle {
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
}
.block-poll label {
    line-height: 18px;
    margin-bottom: 0;
}
.block-poll input.radio {
    float: left;
    margin: 2px 0 0 0;
    min-height: 16px;
}
.block-poll .label {
    display: block;
    margin-left: 25px;
    padding: 3px 0 0;
}
.block-poll li {
    padding: 3px 0px;
}
.block-poll .actions {
    margin: 0px 0 0;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
.block-poll .answer {
    float: left;
    width: 200px;
}
.block-poll .answer span {
    display: block;
    width: 150px;
    color: #b2b2b2;
}
.block-poll .votes {
    font-weight: normal;
    float: right;
    width: 70px;
    text-align: right;
    color: #73d5c9;
}
.block-poll ul {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
/************************************************************************ Block: Tags **************************************************************************************************/
.block-tags {
    border: none;
}
.block-tags ul, .block-tags li {
    display: inline;
    overflow: hidden;
}
.block-tags ul li {
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 8px;
}
.block-tags li {
    box-shadow: 0 0px 13px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0px 13px rgba(0, 0, 0, 0.15);
}
.block-tags li a {
    padding: 2px 7px 3px;
    display: inline-block;
}
.block-tags li a:hover {
}
.block-tags .actions a {
    margin-left: 0;
}
.block-tags .actions a:hover {
}
.block-tags .actions {
    padding-bottom: 5px;
}
.product-tags li {
    float: left;
    margin-right: 7px;
}
#addTagForm {
    overflow: hidden;
}
/* Block: Tags *//************************************************************************* Block: Subscribe ****************************************************************************************/
.block-subscribe {
}
.block-subscribe .block-content {
}
.block-subscribe .form-subscribe-header {
    display: inline-block;
    margin-bottom: 8px;
}
.block-subscribe .input-box {
    width: 100%;
}
.block-subscribe .input-box input {
    width: 100%;
    padding: 8px;
}
.block-subscribe .actions {
    float: left;
}
#newsletterpopup .newsletterpopup-content {
    background: #fff url(../images/media/newsletterpopup-bg.jpg) no-repeat left top;
    position: relative;
    padding: 80px 28px 60px;
}
#newsletterpopup .newsletterpopup-content:after {
    content: "";
    display: table;
    clear: both;
}
#newsletterpopup .newsletterpopup-indent {
    width: 50%;
    text-align: left;
    float: right;
}
#newsletterpopup .modal-body #newsletter-validate-detail {
    margin-left: -15px;
    display: block;
}
#newsletterpopup .input-text {
    width: 100%;
    height: 35px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
#newsletterpopup button.button span span {
    text-transform: uppercase;
    padding: 12px 23px;
}
#newsletterpopup .newsletter-title {
    font-size: 36px;
    line-height: 36px;
    color: #1c1c1c;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#newsletterpopup .newsletter-slog {
    font-style: 14px;
    text-transform: uppercase;
}
#newsletterpopup .form-group {
    margin-bottom: 20px;
}
#newsletterpopup .close {
    border-radius: 100%;
    width: 35px;
    height: 35px;
    font-size: 18px;
    display: block;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    text-shadow: 0;
    color: #5d5d5d;
    z-index: 2;
}
#newsletterpopup .close i {
    display: block;
    margin: -3px -2px 0 0;
}
#newsletterpopup .close:hover {
    color: #ef7a45;
}
/************************************************************************ Block: Reorder *******************************************************************************************/
.block-reorder {
}
.block-reorder .block-subtitle {
}
.block-reorder li {
    padding: 5px 0;
}
.block-reorder input.checkbox {
    float: left;
    margin: 0;
}
.block-reorder .product-name {
    margin-left: 20px;
}
.block-reorder .actions {
}
.block-reorder .actions a {
    margin-left: 0;
}
.block-reorder .actions a:hover {
}
.block-reorder button.button {
    margin: 0 10px 8px 0;
}
/*********************************************************************** Block: Banner *********************************************************************************************/
.block-banner {
}
.block-banner .block-content {
    text-align: center;
    padding: 0;
    border: 0;
}
.block-banner a {
    display: block;
}
.block-banner a:hover {
    opacity: 0.6;
}
.block-banner a img {
    max-width: 100%;
}
/************************************************************************ Block: Login *********************************************************************************************/
.block-login label {
    font-weight: bold;
    color: #666;
}
.block-login input.input-text {
    display: block;
    width: 167px;
    margin: 3px 0;
}
/************************************************************************* Paypal **************************************************************************************************/
.paypal-logo {
    display: inline-block;
    margin: 0;
    text-align: center;
    overflow: hidden;
}
.paypal-logo a {
    float: none;
    display: inline-block;
    width: 100px;
}
.paypal-logo a img {
    max-width: 100%;
    height: auto;
}
/************************************************************************* Block Slider Sidebar **************************************************************************************************/
.block-slider-sidebar {
    display: none;
    position: relative;
}
.block-slider-sidebar.first {
    margin-top: 50px;
}
.block-slider-sidebar.block-slider-start {
    display: block;
}
.block-slider-sidebar .block-content {
    padding-bottom: 15px;
    box-shadow: 0 0px 13px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 13px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0px 13px rgba(0, 0, 0, 0.15);
}
.block-slider-sidebar .slider-sidebar-cont {
    padding: 19px 19px 15px;
    text-align: center;
}
.block-slider-sidebar li {
    width: 270px;
    min-height: 405px;
    float: left;
    position: relative;
}
.block-slider-sidebar li a {
}
.block-slider-sidebar img {
    max-width: 100%;
    margin-bottom: 20px;
}
.block-slider-sidebar .block-content > a {
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 0;
}
.block-slider-sidebar a.slider-sidebar-prev {
    right: 40px;
}
.block-slider-sidebar .slider-sidebar-pager {
    text-align: center;
    position: relative;
}
.block-slider-sidebar .slider-sidebar-pager a {
    font-size: 13px;
    line-height: 11px;
    display: inline-block;
    margin: 0 4px;
    color: #777777;
}
.block-slider-sidebar .slider-sidebar-pager a:before {
    content: "\f111";
}
.block-slider-sidebar .slider-sidebar-pager a.selected, .block-slider-sidebar .slider-sidebar-pager a:hover {
    color: #333333;
}
.block-slider-sidebar .slider-sidebar-pager span {
    font-size: 0;
    text-indent: -777px;
}
.block-slider-sidebar h1 {
    font-size: 19px;
    font-weight: normal;
    line-height: 24px;
    text-transform: uppercase;
    border-top: 1px solid #d3d3d3;
    padding: 15px 20px 0;
    margin: 0 -20px 5px;
}
.block-slider-sidebar h1 a {
    color: #73d5c9;
}
.block-slider-sidebar h1 a:hover {
    color: #000;
}
.block-slider-sidebar p {
}
.block-slider-sidebar button.button > span {
    background-position: center -47px;
    border-color: #363636 #363636 #151515;
    color: #fff;
}
.block-slider-sidebar button.button:hover > span {
    background-position: center -92px;
    border-color: #F8CD37 #F8CD37 #D8A730;
    color: #000;
}
/*========================================================================================== End Sidebar ============================================================================ *//* ================================================================================================================================================================================== *//* Category Page ========================================================================= */
.category-image {
    width: 100%;
    overflow: hidden;
    margin: 0 0 10px;
    text-align: center;
}
.category-image img {
    max-width: 100%;
}
.category-description {
    margin: 0 0 10px;
}
.category-products {
}
/****************************************************************************************** View Type: Grid ***************************************************************************/
.col2-left-layout .products-grid, .col2-right-layout .products-grid {
}
.col1-layout .products-grid {
}
/************************ grid-clol-6 and  grid-clol-8 ****************/
.grid-clol-6 {
    margin: 0 -10px;
}
.grid-clol-6:after {
    content: "";
    clear: both;
    display: table;
}
.grid-clol-6 .col-item3 {
    padding: 0 10px 10px;
    width: 33.333333%;
    float: left;
}
.grid-clol-6 .col-item4 {
    padding: 0 10px 10px;
    width: 25%;
    float: left;
}
.grid-clol-6 .col-item6 {
    padding: 0 10px 10px;
    width: 16.6666666%;
    float: left;
}
/************************ end *********************/
.products-grid {
    position: relative;
}
.products-grid.last {
    margin-bottom: 0;
}
.price-box.map-info a {
    text-decoration: none;
    margin-top: 5px;
}
.products-grid.last {
    border-bottom: 0;
}
.products-grid li.item:hover {
}
.products-grid li.item {
    float: left;
    -moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 30px;
}
.products-grid li.last {
    margin-right: 0;
}
.products-grid li.first {
}
.products-grid .product-image {
    display: block;
    max-width: 270px;
    height: auto;
    margin: 0 auto 15px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border: 0;
}
.products-grid .product-image:hover {
}
.products-grid .product-shop {
    position: static;
}
.products-grid .price-box {
    color: #3A3A3A;
    overflow: hidden;
    margin: 0 0 8px;
    width: 100%;
}
.products-grid .availability {
    line-height: 21px;
}
.products-grid .actions {
    clear: both;
}
.products-grid .desc.std {
    overflow: hidden;
    color: #b2b2b2;
    padding: 5px 0;
}
.products-grid .ratings {
    height: 20px;
    margin: 0 0 7px;
    overflow: hidden;
    width: 72px;
}
.products-grid .ratings .rating-box {
    margin: 0 4px 4px 0;
}
.products-grid .ratings .amount {
    line-height: 12px;
    float: left;
    clear: left;
}
.products-grid .ratings .amount a {
    text-decoration: none;
    font-size: 12px;
    display: none;
}
.products-grid .minimal-price-link {
}
.products-grid .no-rating a {
    text-decoration: none;
    padding-top: 0px;
    display: inline-block;
}
.products-grid .no-rating {
    padding-top: 8px;
    margin-bottom: 7px
}
.products-grid .add-to-links {
    text-align: center;
}
.products-grid .add-to-links li {
    display: inline-block;
    text-align: center;
}
.products-grid .add-to-links li:first-child {
    margin-right: 8px;
}
.products-grid .add-to-links li a:before {
    line-height: 49px;
    display: block;
    width: 100%;
}
.products-grid .add-to-links li a {
    position: relative;
    border: 1px solid #dcdcdc;
    width: 51px;
    height: 51px;
    overflow: hidden;
    display: block;
    color: #c0c0c0;
}
.products-grid .add-to-links li a:hover {
    color: #73d5c9;
    border-color: #dcdcdc;
}
.products-grid button.button {
    float: left;
    margin-right: 8px;
}
.products-grid .desc_grid {
    margin-bottom: 10px;
    line-height: 22px;
}
.add-to-links {
    float: left;
}
.wrapper-hover {
    position: relative;
    overflow: hidden;
}
.wrapper-hover:after {
    content: "";
    display: table;
    clear: both;
}
.wrapper-hover:hover {
}
body.ps-static .wrapper-hover:hover .product-image {
    box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.11);
}
.wrapper-hover.hovered {
    height: auto !important;
    position: relative;
    z-index: 3;
}
.cms-home .wrapper-hover-bg {
}
/******* Type: List and Grid ********/
.products-grid .product-name, .products-list .product-name {
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 14px;
}
.products-grid .product-name a, .products-list .product-name a {
    font-size: 14px;
    font-weight: bold;
    color: #303c4b;
}
.products-grid .product-name a:hover, .products-list .product-name a:hover {
    color: #73d5c9;
}
.products-grid .product-image img, .products-list .product-image img {
    max-width: 100%;
}
/*.products-grid .add-to-links li a:after {	background: none repeat scroll 0 0 #73d5c9;    bottom: 50%;    content: "";    height: 0;    left: 50%;    position: absolute;    transition: all 0.4s ease 0s;    width: 0;    z-index: -1;}*/
.products-grid .add-to-links li a:hover:after {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
ul#sidebar2 {
    margin-bottom: 40px;
}
/********************************************************************************************** View Type: List *******************************************************************************************/
.products-list {
}
.products-list li.item {
    padding: 20px;
    margin-bottom: 30px;
    position: relative;
    border: 1px solid #d1d0d0;
}
.products-list li.item.last {
}
.products-list .product-image {
    float: left;
    width: 160px;
    height: auto;
    margin-right: 20px;
    border: 0;
}
.products-list .product-shop {
    overflow: hidden;
}
.products-list .button {
}
.products-list .product-name {
}
.products-list .price-box {
    color: #3A3A3A;
    margin: 12px 0;
    overflow: hidden;
    width: 100%;
}
.products-list .price-box .regular-price {
    float: left;
    padding-right: 12px;
}
.products-list .availability {
    float: left;
    margin: 3px 0 0;
}
.products-list .desc {
    clear: both;
    margin: 0 0 15px;
}
.products-list .desc > p {
    float: left;
}
.products-list .desc > p strong {
    color: #73d5c9;
}
.products-list .desc .link-learn {
    font-weight: bold;
    text-decoration: underline;
}
.products-list .add-to-links {
    padding-top: 10px;
    float: none;
}
.products-list .add-to-links li:first-child {
    margin-right: 5px;
}
.products-list .ratings .rating-links {
    clear: left;
    padding-top: 5px;
}
.products-list .f-fix {
    position: relative;
}
.products-list .f-fix > span {
    left: 0;
    position: absolute;
    bottom: 0px;
}
.products-list .list-btn {
    display: inline-block;
    float: left;
}
.list-reviews {
    float: right;
    width: 285px;
    text-align: right;
}
.row-list {
    width: 100%;
    position: relative;
}
.row-list > span {
    position: absolute;
    left: 0px;
    top: 40px;
}
.products-list .ratings {
    margin-bottom: 17px;
}
.products-list .ratings .rating-links a {
}
.products-list .ratings .rating-links a:hover {
}
.products-list .no-rating {
    text-align: right;
    padding-top: 6px;
}
.products-list .no-rating a {
    text-decoration: none;
}
/* ======================================================================================= *//******************************************************************************** Product View ========================================================================== *//****************************************** Rating *****************************/
.ratings {
    line-height: 15px;
    margin: 5px 0 7px 0;
}
.ratings strong {
    float: left;
    margin: 1px 3px 0 0;
}
.ratings .rating-links {
    margin: 0;
}
.ratings .rating-links a {
    text-decoration: none;
}
.ratings .rating-links .separator {
    margin: 0 2px;
}
.ratings dt {
}
.ratings dd {
}
.rating-box {
    width: 50px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    background: url(../images/bkg_rating.png) 0 1px repeat-x;
    overflow: hidden;
}
.rating-box .rating {
    float: left;
    height: 11px;
    background: url(../images/bkg_rating.png) 0 100% repeat-x;
}
.ratings .rating-box {
    float: left;
    margin-right: 7px;
}
.ratings .amount {
}
.email-friend.left {
    float: left;
}
.ratings-table th, .ratings-table td {
    font-size: 12px;
    line-height: 1.15;
    padding: 3px 0;
}
.ratings-table th {
    font-weight: bold;
    padding-right: 8px;
}
.review-product-list .col-main .ratings-table th, .review-product-list .col-main .ratings-table td {
    border: 1px solid #e5e5e5;
    padding: 7px;
}
.review-product-list .col-main .ratings-table {
    margin: 10px 0;
}
#block-related .price-box.map-info {
    display: none;
}
/*************************************** 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(../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: 12px;
    padding: 0 8px;
}
.availability-only-details td {
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    padding: 2px 8px 1px;
}
.availability-only-details tr.odd td.last {
}
/* Email to a Friend */
.email-friend {
    margin-bottom: 5px;
}
/* Alerts */
.alert-price {
}
.alert-stock {
}
/********** < Product Prices */
.price {
    white-space: nowrap !important;
}
.price-box {
}
.price-box .price {
    font-weight: bold;
}
/* Regular price */
.regular-price {
    display: block;
}
.col-main .regular-price .price, .col-main .price-box.map-info .old-price .price, #tabquickshowcontainer .regular-price .price {
    font-size: 22px;
    color: #73d5c9;
    line-height: 22px;
}
.products-grid .old-price .price, .products-list .old-price .price, .block .old-price .price, #tabquickshowcontainer .old-price .price {
    font-size: 17px;
    line-height: 22px;
    color: #bfbfbf;
    font-weight: normal;
}
.products-grid .special-price .price, .products-list .special-price .price, .block .special-price .price, #tabquickshowcontainer .special-price .price {
    font-size: 22px;
    color: #73d5c9;
    line-height: 22px;
}
.products-grid .price-box > p {
    display: inline-block;
}
.products-grid .price-box > p.special-price {
    float: left;
    margin-right: 5px;
}
.col-main .old-price .price-label, .col-main .special-price .price-label, .block .old-price .price-label, .block .special-price .price-label, #tabquickshowcontainer .price-label {
    display: none;
}
/* Old price */
.old-price {
}
.old-price .price-label {
    font-weight: bold;
    white-space: nowrap;
}
.old-price .price {
    font-weight: bold;
    text-decoration: line-through;
}
/* Special price */
.special-price {
}
.special-price .price-label {
    font-weight: bold;
}
.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: inline-block;
    margin-top: 2px;
}
.minimal-price-link .label {
}
.minimal-price-link .price {
    font-weight: normal;
}
.minimal-price-link span {
    display: inline-block;
    text-decoration: none;
}
/* 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 {
    color: #3A3A3A;
}
.price-as-configured .price-label {
    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 .qty-block {
    float: left;
    padding-top: 0;
}
.add-to-cart label {
    margin-right: 7px;
    color: #3a3a3a;
}
.add-to-cart .qty {
    font-size: 12px;
    text-align: center;
    padding: 3px 6px 4px 7px;
    background: #fff;
    line-height: 24px;
}
.add-to-cart button.button {
    float: right;
    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 46px 5px 0;
}
.product-view .add-to-cart .paypal-logo {
    margin: 0;
    display: none;
}
.qty-control > div {
    display: inline-block;
    vertical-align: middle;
}
.qty-control > div > p {
    border: 1px solid #c5c5c5;
    width: 15px;
    height: 15px;
    font-family: 'Trebuchet MS';
    font-size: 18px;
    line-height: 10px;
    color: #c5c5c5;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
    position: relative;
}
.qty-control > div > p:last-child {
    font-size: 24px;
}
.qty-control > div > p:first-child {
    margin-bottom: 3px;
}
.qty-control > div > p:hover {
    color: #575757;
}
/* Add to Links + Add to Cart */
.add-to-box {
}
.add-to-box .add-to-cart {
    float: left;
    width: 100%;
    position: relative;
}
.add-to-box .add-to-cart #ajax_loader {
    position: absolute;
    bottom: -22px;
    right: 0;
}
.add-to-box .or {
    float: left;
    margin: 0 10px;
}
.add-to-box .add-to-links {
    float: left;
}
.product-view {
    margin-bottom: 20px;
}
.product-view .product-name h1 {
    font-size: 28px;
    line-height: 28px;
    font-weight: normal;
    color: #333333;
}
.catalog-product-view .col-right {
    padding-top: 0;
}
.product-view h2, .box-up-sell h2 {
    font-size: 21px;
    line-height: 21px;
    color: #000;
    margin-bottom: 20px;
    font-weight: bold;
    position: relative;
    border-bottom: 4px solid #000;
    padding-bottom: 10px;
}
.tt {
    display: block;
}
.zoom-inner {
    width: 300px;
    margin-bottom: 10px;
    height: 300px;
    position: relative;
}
.more-views h2 {
    display: none;
}
/*** Product Collateral **/
.product-essential {
    margin-bottom: 0px;
    padding-bottom: 25px;
}
.product-view .product-essential .product-shop .nobr {
    margin-bottom: 5px;
    display: inline-block;
}
.product-collateral #customer-reviews dl dt {
    margin-bottom: 5px;
}
.product-collateral #customer-reviews dl dd {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.product-collateral #customer-reviews dl dd.last {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.product-collateral #customer-reviews dl dd table {
    margin-bottom: 5px;
}
.product-collateral #customer-reviews .pager {
    margin-bottom: 10px;
}
.product-collateral #customer-reviews #product-review-table span.nobr {
    display: block;
    padding: 0 5px;
}
.product-collateral #customer-reviews #product-review-table .value {
    text-align: center;
}
.product-collateral #customer-reviews #product-review-table {
    margin-bottom: 20px;
}
#customer-reviews .form-list label.required {
    margin-bottom: 5px;
}
#customer-reviews .form-list textarea {
    min-width: 332px;
    max-width: 332px;
}
.product-collateral .box-collateral {
    margin-bottom: 30px;
}
/* Product Images */
.product-view .product-img-box {
    float: left;
    text-align: center;
    margin-bottom: 30px;
    width: 310px;
}
.col3-layout .product-view .product-img-box {
    float: none;
    margin: 0 auto;
}
.product-view .product-img-box .product-image {
    position: relative;
    height: auto;
    background: url(../images/opc-ajax-loader.gif) no-repeat center center;
    overflow: hidden;
}
.product-view .product-img-box .product-box-customs .product-image {
    overflow: inherit;
}
.product-view .product-img-box .product-image .cloud-zoom-big {
}
.product-view .product-img-box .product-image .big {
    background-color: #fff;
}
.product-view .product-img-box .product-box-customs .product-image span {
    display: block;
    position: absolute;
    background: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.product-view .product-img-box .product-box-customs .product-image-zoom {
    position: relative;
    width: 310px;
    height: 310px;
    overflow: hidden;
    z-index: 9;
}
.product-view .product-img-box .product-box-customs .product-image-zoom img {
    position: absolute;
    left: 0;
    top: 0;
    width: 310px !important;
    height: 310px !important;
}
.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(../images/slider_bg.gif) 50% 50% no-repeat;
    cursor: pointer;
}
.product-view .product-img-box .zoom.disabled {
    -moz-opacity: .3;
    -webkit-opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*IE8*/
    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(../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 .product-box-customs .zoom, .product-view .product-img-box .product-box-customs .zoom-notice {
    display: none;
}
.product-view .product-img-box .more-views li a {
    display: block;
    border: 1px solid #e5e5e5;
}
.product-view .gallery-swipe-content {
    max-width: 270px;
    margin: 0 auto;
    position: relative;
    display: none;
}
.product-view .gallery-swipe li {
}
.product-view .bx-controls-direction > a {
    font-size: 0;
    position: absolute;
    left: 0px;
    top: 50%;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    z-index: 4;
}
.product-view .bx-controls-direction > a.bx-next {
    right: 0px;
    left: auto;
}
@media only screen and (max-width: 767px) {
    .ps-phone .product-view .gallery-swipe-content {
        display: block;
    }
    .ps-phone .product-view .product-box-customs .product-image, .ps-phone .product-view .product-box-customs .more-views {
        display: none;
    }
    .product-view .product-img-box .product-image span {
        z-index: 9999;
    }
    .product-view .bx-controls-direction > a:before {
        content: "\f053";
        font-size: 20px;
    }
    .product-view .bx-controls-direction > a.bx-next:before {
        content: "\f054";
    }
}
.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 {
}
.addthis_32x32_style .addthis_counter.addthis_bubble_style {
    width: 62px !important;
}
/* Product Shop */
.product-view .product-shop {
    float: right;
    width: 67%;
}
.product-view .product-shop .ratings {
    float: left;
    margin: 0;
}
.product-view .product-shop .ratings .rating-box {
    float: none;
    margin: 0 0 5px;
}
.col1-layout .product-view .product-shop {
}
.col3-layout .product-view .product-shop {
    float: none;
    width: auto;
}
.product-view .product-name {
    margin-bottom: 20px;
}
.product-view .short-description {
    margin-bottom: 13px;
}
.product-view .short-description h2 {
    display: none;
}
.product-view .short-description .std {
}
.product-view .product-shop .product-pricing {
    margin-bottom: 15px;
    overflow: hidden;
}
.product-view .product-shop .product-pricing li {
    background: #f4f4f4;
    float: left;
    clear: left;
    line-height: 22px;
    padding: 0 13px;
    font-size: 12px;
    margin-bottom: 3px;
}
.product-view .product-shop .product-pricing li .benefit {
}
.product-view .product-shop .price-box {
    margin: 15px 0 20px;
}
.product-view .product-shop .price-box .regular-price {
}
.product-view .product-shop .price-box .price {
    font-weight: normal;
    font-size: 40px;
    line-height: 40px;
}
.product-view .product-shop .price-box .old-price .price {
    font-size: 25px;
    color: #888888;
}
.product-view .product-shop .price-box .special-price .price {
    color: #73d5c9;
}
.product-view .product-shop .availability {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #3a3a3a;
    margin: 5px 0;
}
.product-view .product-shop .availability span {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #74b436;
    margin-left: 6px;
}
.product-view .add-to-links li {
    margin-bottom: 8px;
}
.product-view .add-to-links li a:before, .products-grid .add-to-links li a:before {
    font-size: 15px;
    margin-right: 5px;
}
.product-view .add-to-links li .link-wishlist:before, .products-grid .add-to-links li .link-wishlist:before {
    content: "\f004";
}
.product-view .add-to-links li .link-compare:before, .products-grid .add-to-links li .link-compare:before {
    content: "\f058";
}
.add-to-box .or {
    display: none;
}
.product-view .add-to-cart .qty-block {
    margin: 10px 0;
}
.row-product {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}
.row-product .no-rating {
    float: left;
}
.row-product .no-rating:before {
    content: "\f040";
    font-size: 14px;
    margin-right: 10px;
}
.row-product .no-rating a {
    text-decoration: underline;
}
.row-product .no-rating a:hover {
    text-decoration: none;
}
.row-product .email-friend {
    float: right;
}
.row-product .email-friend:before {
    content: "\f003";
    padding-right: 10px;
    font-size: 16px;
}
/* Product Options */
.product-options {
    clear: both;
    margin: 5px 0 18px;
    background: #fff;
    border-bottom: 0;
    padding: 0;
    margin-bottom: 0;
}
.product-options .qty-holder {
    display: block;
    padding-top: 10px;
}
.product-options dl dt {
    display: block;
}
.product-options dt label {
    font-weight: bold;
    display: inline-block;
    padding-bottom: 3px;
}
.product-options dt label em {
    float: right;
    color: #e03b3b;
}
.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;
}
.product-options dd {
    margin: 0px 0 10px 0;
    display: block;
    width: 100%;
    float: left;
}
.product-options dl.last dd.last {
}
.product-options .input-box {
}
.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 li {
    padding-top: 10px;
}
.product-options .options-list li:first-child {
    padding-top: 0;
}
.product-options .options-list li label {
    display: inline-block;
}
.product-options .options-list input.radio {
    float: left;
    margin: 2px 0 0 0;
    height: auto;
}
.product-options .options-list input {
    width: auto;
}
.product-options .options-list input.checkbox {
    float: left;
    margin: 3px -20px 0 0;
    height: auto;
}
.product-options .options-list .label {
    display: block;
    margin-left: 20px;
}
.product-options ul.validation-failed {
    padding: 0 7px;
}
.product-options p.required {
    padding: 5px 0 0;
    overflow: hidden;
    width: 100%;
    text-align: left;
    font-size: 12px;
    color: #e03b3b;
}
.product-shop {
    position: relative;
}
.product-shop .price-box.map-info a {
    float: none;
    clear: left;
    padding: 0 !important;
    margin-bottom: 3px;
}
.product-shop .add-to-cart {
    border-top: 1px solid #e5e5e5;
    width: 100%;
    padding: 10px 0;
}
.product-shop .add-to-cart button.button > span {
    font-size: 18px;
    padding: 0 6px;
}
.ajaxcartmsg .product-shop .add-to-cart button.button > span {
    padding: 0;
    font-size: inherit;
    line-height: normal;
}
.ajaxcartmsg .product-view .add-to-cart .qty-block {
    margin-top: 0;
}
.product-view .add-to-links {
    clear: left;
    margin: 0px !important;
    padding: 15px 0 5px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    width: 100%;
}
.product-options-bottom:after {
    content: "";
    clear: both;
    display: table;
}
.product-options-bottom {
    padding: 5px 0;
}
.product-options-bottom .price-box {
    float: none;
    display: block;
    padding: 0;
    margin-top: 0;
    margin-right: 0 !important;
    overflow: hidden;
}
.product-options-bottom .price-box .price-as-configured {
    font-size: 22px;
    line-height: 27px;
}
.product-options-bottom .price-box .price-as-configured .price {
    font-weight: normal;
}
.product-options-bottom .add-to-cart {
    margin-top: 10px;
}
.product-options-bottom .add-to-links {
    border-bottom: 0;
}
.product-view .product-shop .product-options-bottom .price-box .price {
    font-size: 30px;
    line-height: 30px;
}
.product-view .product-shop .product-options-bottom .price-box .old-price .price {
    font-size: 24px;
}
.product-view .product-shop .product-options-bottom .price-label {
    display: none;
    font-size: 20px;
    font-weight: 400;
}
.row-product .addthis_toolbox {
    border-top: 1px solid #e5e5e5;
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 15px;
    width: 100%;
    overflow: hidden;
}
.review-product-list .row-product .addthis_toolbox {
    margin-top: 15px;
    float: left;
    width: 100%;
}
.addthis_toolbox {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
}
.addthis_mini_style .addthis_button_pinterest_pinit {
    margin-top: -1px;
}
.addthis_mini_style .addthis_button_pinterest_pinit span {
    height: 20px;
}
/* Grouped Product */
.product-view .grouped-items-table {
}
.product-view {
    position: relative;
}
.messege-product {
    background: #FAFAEC;
    border: 1px solid #FCD344;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
    font-weight: bold;
    left: 50%;
    margin-left: -220px;
    padding: 9px 60px 9px 60px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 333px;
    z-index: 999;
    display: none;
}
.messege-product.none-messege {
    display: block;
}
.messege-product button:hover {
    background-position: 0 -9px;
    cursor: pointer;
}
.messege-product button {
    border: medium none;
    height: 9px;
    position: absolute;
    right: 20px;
    top: 12px;
    width: 9px;
    z-index: 9999;
}
#review-form .form-list .input-box {
    width: auto;
}
#review-form .form-list input.input-text, #review-form .form-list textarea {
    width: 100%;
}
#review-form td.value {
    text-align: center;
}
/* Block: Description */
.product-view .box-description {
}
/* Block: Additional */
.product-view .box-additional {
}
.product-view .box-additional .data-table td.label, .product-view .box-additional .data-table th.label {
    padding-left: 10px;
}
#product-review-table {
    margin-bottom: 10px;
}
/* Block: Upsell */
.box-up-sell {
    overflow: hidden;
    position: relative;
}
.box-up-sell ul li .product-image {
    margin-bottom: 15px;
    display: block;
}
.box-up-sell ul li .product-image img {
    max-width: 100%;
}
.box-up-sell .product-name {
    margin-bottom: 10px;
}
.box-up-sell .no-rating {
    width: 100%;
    overflow: hidden;
}
.box-up-sell .no-rating a {
    display: block;
}
.box-up-sell .product-name a {
    text-decoration: none;
}
.box-up-sell ul {
    margin-left: 0px;
}
.box-up-sell .up-sell-carousel li {
    min-height: 346px;
}
.box-up-sell ul li {
    float: left;
    margin: 0 10px;
    width: 31.333333%;
    text-align: center;
}
.box-up-sell ul li .product-box {
    background: #fff;
}
.box-up-sell ul li .noSwipe {
    overflow: hidden;
}
.box-up-sell .product-image {
    padding: 10px;
}
.box-up-sell .up-sell-carousel-none li.last {
    margin-right: 0;
}
.box-up-sell ul li .no-rating {
    margin-bottom: 0;
    margin-top: 0px;
}
.box-up-sell .price-box {
    margin: 0;
    display: block;
    overflow: hidden;
}
.box-up-sell .price-box .regular-price {
    float: none;
}
.box-up-sell .price-box .minimal-price span {
    font-size: 15px;
    font-weight: normal;
}
.box-up-sell ul li .no-rating a {
}
.box-up-sell ul li:first-child {
    margin-left: 0
}
.box-up-sell .products-grid td {
    margin-right: 11px;
    width: 204px;
}
.box-up-sell .rating-box {
    float: none;
    margin: 0 auto 5px;
}
.box-up-sell .box-tags .product-tags {
    overflow: hidden;
    margin-bottom: 25px;
}
.box-up-sell .box-tags .product-tags li {
    display: inline;
    text-transform: capitalize;
    background: url(../images/line-2.gif) no-repeat 100% 3px;
    padding: 0 10px 0 0px;
    margin: 0 10px 0 0;
}
.box-up-sell .box-tags .product-tags li.first {
    padding-left: 0px;
}
.box-up-sell .box-tags .product-tags li.last {
    background: none;
}
.carousel-prev, .carousel-next {
    position: absolute;
    top: -5px;
    right: 0px;
    font-size: 30px;
}
.carousel-prev {
    right: 30px;
}
/* Block: Tags */
.product-view .box-tags {
}
.product-view .box-tags h3 {
    font-size: 10px;
    line-height: normal;
    margin-bottom: 12px;
}
.product-view .box-tags .form-add label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #7d7d7d;
    margin-bottom: 15px;
    clear: both;
    padding-top: 10px;
}
.tags-list {
    padding-top: 10px;
}
.my-tag-edit .btn-remove {
    float: right;
}
.my-tag-edit {
    display: inline-block;
}
#my-tags-table .add-to-links {
    margin-top: 10px;
}
.product-view .box-tags .form-add .input-box {
    float: left;
    width: 100%;
    padding-left: 32px;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.product-view .box-tags .form-add .input-box:before {
    content: "\f02b";
    font-size: 28px;
    line-height: 28px;
    position: absolute;
    left: 0px;
    top: 0;
}
.product-view .box-tags .form-add input.input-text {
    width: 100%;
    border: 1px solid #d4d4d4;
}
.product-view .box-tags .form-add button.button {
    margin-left: 32px;
    margin-top: 10px;
}
.product-view .box-tags .form-add p {
    clear: both;
}
.box-collateral.box-tags .note {
    color: #73d5c9;
    padding-bottom: 15px;
    padding-top: 5px;
}
.video, .video-menu {
    height: 100%;
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.video iframe, .video-menu iframe {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
#videoArea, #videoArea iframe{
    height: 95%;
    width: 100%;
}
/* Block: Reviews */
.product-view .box-reviews {
}
.product-view .box-reviews .form-add {
}
/*** My Recent Reviews **/
.dashboard #my_recent_reviews li {
    padding-bottom: 7px;
}
.dashboard #my_recent_reviews li .ratings {
    margin: 0px 0 5px 0;
}
.dashboard #my_recent_reviews li .ratings strong {
    margin: 0 5px 0 0;
}
.dashboard #my_recent_reviews li .ratings .rating-box {
    margin: 0;
}
.dashboard #my_recent_reviews li .details .product-name {
    margin-bottom: 3px;
}
/* Send a Friend */
.send-friend {
}
.send-friend .buttons-set button.button {
    margin-left: 10px;
    margin-bottom: 5px;
}
#product_sendtofriend_form #sender_message {
    margin-bottom: 20px;
    resize: none;
    min-width: 304px;
    max-width: 373px;
    width: 373px;
}
#product_sendtofriend_form .buttons-set {
    padding-top: 15px;
}
#product_sendtofriend_form .form-list .field {
    float: left;
    width: 361px;
}
#product_sendtofriend_form .form-list .additional-row > div {
    width: 408px;
}
#product_sendtofriend_form .form-list .fields .field:first-child {
    float: left;
    width: 402px;
}
#product_sendtofriend_form .form-list .fields .field input.input-text {
    width: 373px;
}
#product_sendtofriend_form .buttons-set {
    text-align: center;
}
/* ======================================================================================= *//* Content Styles ================================================================= */
.product-name {
    font-size: 14px;
    font-weight: normal;
}
.product-name a {
}
.product-name a:hover {
}
/* Product Tags */
.tags-list li {
    display: inline;
    font-size: 15px;
    line-height: normal;
    margin-right: 10px;
}
/* Advanced Search */
.advanced-search {
}
.advanced-search + .buttons-set {
    max-width: 340px;
}
.advanced-search-amount {
    margin-bottom: 5px;
}
.advanced-search-summary {
    padding: 15px 0;
}
.advanced-search .form-list select {
    width: 340px;
}
.advanced-search .form-list label {
    float: none;
}
.advanced-search .input-range {
    margin-bottom: 5px;
}
.advanced-search .input-range input {
    display: inline-block;
}
.catalogsearch-advanced-index #advanced-search-list li.even label {
    display: block;
    width: 100%;
}
.form-adv-search {
    border: 1px solid #e5e5e5;
    background: url(../images/media/bg-adv-search.gif) left bottom no-repeat #fff;
    padding: 11px 20px 20px 20px
}
.form-adv-search .fieldset {
    border: none;
    background: none;
    margin: 0;
    padding: 0 0 0 0;
}
.form-adv-search .fieldset h2 {
    font-size: 12px;
    text-transform: uppercase;
    color: #73d5c9;
    padding: 8px 0 5px 0;
}
.catalogsearch-advanced-index .col-main {
    padding-top: 17px;
}
.form-adv-search .page-title {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 9px;
}
.form-adv-search .fieldset .form-list input.input-text {
    width: 495px;
}
.form-adv-search .fieldset .form-list .input-range input.input-text {
    width: 100px !important;
}
.input-range small {
    color: #b1b1b1;
}
.form-adv-search select.multiselect option {
    border-bottom: none;
    padding: 2px 5px;
    color: #7e7e7e;
    padding-top: 1px;
    padding-bottom: 1px;
}
.form-adv-search .multiselect {
    padding: 5px;
    height: 94px;
}
.form-adv-search .buttons-set {
    padding: 12px 0 0 0;
    margin-top: 0
}
.form-adv-search .buttons-set button.button {
    float: left;
}
.form-adv-search .form-list select {
    width: 500px;
}
/* cms-about-magento-demo-store */
.cms-page-view .page-head {
    margin: 0 0 10px;
    padding: 5px 0 8px;
}
.cms-page-view .page-head h2 {
    text-transform: uppercase;
    font-size: 18px;
    color: #383737;
}
.about-col-1, .about-col-2, .about-col-3 {
    float: left;
    padding: 214px 29px 27px 29px;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 32%;
    margin-left: 2%;
}
.about-col-1 {
    margin-left: 0;
}
.about-col-1 {
    background: url(../images/media/about-11.png) center top no-repeat #f9f9f9;
    position: relative;
    z-index: 10
}
.about-col-2 {
    background: url(../images/media/about-22.png) center top no-repeat #f9f9f9;
    position: relative;
}
.about-col-3 {
    background: url(../images/media/about-33.png) center top no-repeat #f9f9f9;
}
.about-col-1 h3, .about-col-2 h3, .about-col-3 h3 {
    font-size: 12px;
    text-transform: uppercase;
    color: #73d5c9;
    margin-bottom: 12px;
}
.about-col-1 p, .about-col-2 p, .about-col-3 p {
    font-size: 12px;
    color: #73d5c9;
    line-height: 18px;
    color: #7c7c7c;
    margin-bottom: 0;
}
.about-col-4, .about-col-5, .about-col-6 {
    float: left;
    width: 32%;
    margin-left: 2%;
}
.about-col-4 {
    margin-left: 0;
}
.about-col-4 h4, .about-col-5 h4, .about-col-6 h4 {
    font-size: 12px;
    text-transform: uppercase;
    color: #383737;
    padding-bottom: 16px;
    margin-bottom: 14px;
    border-bottom: 1px solid #e5e5e5;
}
.about-col-4 p, .about-col-5 p, .about-col-6 p {
    font-size: 12px;
    color: #73d5c9;
    line-height: 18px;
    color: #7c7c7c;
    margin-bottom: 0;
}
.about-col-4 ul, .about-col-5 ul, .about-col-6 ul {
    list-style: none;
    padding: 25px 0 12px 10%;
    margin: 0 0 0 0;
}
.about-col-4 ul li, .about-col-5 ul li, .about-col-6 ul li {
    list-style: none;
    font-size: 12px;
    font-style: italic;
    color: #373737;
    padding: 0 0 9px 0;
}
.about-padd-2 ul li:before {
    content: "\f061";
    font-size: 16px;
    margin-right: 10px;
}
.about-col-7 h4 {
    font-size: 12px;
    text-transform: uppercase;
    color: #383737;
    padding-bottom: 16px;
    margin-bottom: 14px;
    border-bottom: 1px solid #e5e5e5;
}
.about-col-7 p {
    font-size: 12px;
    color: #73d5c9;
    line-height: 18px;
    color: #7c7c7c;
    margin-bottom: 0;
}
.about-padd {
    padding-bottom: 25px;
}
.about-padd-2 {
    padding-bottom: 30px;
}
/* customer-service */
.custom-servis-ul, .custom-servis-ul ul {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}
.custom-servis-ul ul li {
    border-bottom: none;
    padding: 5px 5px 5px 5px;
    margin-bottom: 3px;
    padding-left: 23px;
    color: #7c7c7c;
    font-weight: bold;
}
.custom-servis-ul li {
    border-bottom: 1px solid #e5e5e5;
    list-style: none;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.custom-servis-ul li h3 {
    background: url(../images/icos-set.png) 0 0 no-repeat;
    font-size: 13px;
    line-height: 16px;
    color: #73d5c9;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 13px;
    padding: 2px 0 8px 46px;
}
.custom-servis-ul li.item-2 h3 {
    background-position: 0 -124px;
}
.custom-servis-ul li.item-3 h3 {
    background-position: 0 -253px;
}
.custom-servis-ul li.item-4 h3 {
    background-position: 0 -377px;
}
.custom-servis-ul li.item-5 h3 {
    background-position: 0 -501px;
}
.custom-servis-ul li.item-6 h3 {
    background-position: 0 -638px;
}
.custom-servis-ul li.item-7 h3 {
    background-position: 0 -764px;
}
.custom-servis-ul li p {
    font-size: 12px;
    color: #8a8989;
    line-height: 18px;
    margin-bottom: 10px;
}
/* Sitemap */
.page-sitemap .links {
    text-align: right;
    margin: 0 8px -47px 0;
    overflow: hidden;
}
.page-sitemap .links a span {
    display: inline-block;
    padding-right: 29px;
}
.page-sitemap .sitemap {
    margin: 12px 0 30px;
    display: inline-block;
}
.page-sitemap .sitemap a {
}
.page-sitemap .page-title {
    margin-bottom: 25px;
}
.page-sitemap .sitemap li {
    margin: 8px 0;
}
.page-sitemap .sitemap li a {
    text-decoration: none;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: normal;
    padding-left: 14px;
}
.page-sitemap .sitemap li.level-0 {
    margin: 10px 0 0;
    font-weight: bold;
}
.page-sitemap .sitemap li.level-0 a {
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    padding-left: 14px;
}
.page-sitemap .sitemap li {
    font-size: 13px;
    line-height: 18px;
}
.page-sitemap .sitemap li.level-1 {
    padding-left: 45px !important;
    margin-bottom: 10px;
    margin-top: 10px;
    background: none;
}
.page-sitemap .sitemap li.level-1 a {
    background: none;
    font-weight: bold;
    padding-left: 0;
    text-transform: none;
}
.page-sitemap .sitemap li.level-2 a, .page-sitemap .sitemap li.level-3 a, .page-sitemap .sitemap li.level-4 a {
    background: none;
    padding-left: 0;
    text-transform: none;
}
.page-sitemap .sitemap li.level-2 {
    padding-left: 60px !important;
}
.page-sitemap .sitemap li.level-3 {
    padding-left: 75px !important;
}
.page-sitemap .sitemap li.level-4 {
    padding-left: 100px !important;
}
.page-sitemap .sitemap li a {
    display: inline-block;
    text-decoration: none;
}
.page-sitemap .pager {
    border: 1px solid #e5e5e5;
    margin: 5px 0;
    padding: 13px 9px 13px 19px;
}
/* RSS */
.rss-title h1 {
    padding-left: 27px;
}
.rss-table .link-rss {
    display: block;
    line-height: 1.35;
    background-position: 0 2px;
}
/* ======================================================================================= */
.form-alt li {
    overflow: hidden;
    margin-bottom: 10px;
}
.search-form .form-alt li {
    overflow: inherit;
    clear: both;
    display: table;
    width: 100%;
}
/* 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 .totals .checkout-types .paypal-or {
    clear: both;
    display: block;
    padding: 0;
    color: #fff;
}
.cart .title-buttons .checkout-types li button.button span {
    background: #d41224;
    border-radius: 0px;
    font-size: 12px;
    padding: 0 12px;
    height: 31px;
    line-height: 30px;
}
/* Shopping Cart Table */
.cart-table .item-msg {
    font-size: 10px;
}
/* Shopping Cart Collateral boxes */
.cart .cart-collaterals {
    padding: 25px 0 0px;
}
.cart .cart-collaterals .col2-set {
    width: 65%;
    float: left;
}
.cart .page-title.title-buttons .checkout-types {
    padding-top: 53px;
    display: none;
}
.cart .crosssell {
}
.cart .crosssell .product-name a {
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
}
.cart .col2-set h2 {
    border-bottom: 2px solid #3A3A3A;
    font-size: 17px;
    line-height: 24px;
    color: #3a3a3a;
    text-transform: uppercase;
    padding: 0 0 8px;
    margin: 0 0 15px;
}
.cart .crosssell .product-image {
    float: left;
    width: 112px;
    height: 112px;
    margin-right: 10px;
}
.cart .crosssell .product-details {
    overflow: hidden;
}
.cart .crosssell li.item {
    border-bottom: 1px solid #eaeaea;
    padding: 18px 0;
    margin: 0;
}
.cart .crosssell li.item.last {
    margin-bottom: 0;
    padding-bottom: 0;
}
.cart .crosssell li.item:first-child {
    padding-top: 0;
}
.cart .crosssell li.last {
    border: none;
}
.cart .crosssell .product-name {
    margin-bottom: 7px;
    margin-top: -3px;
}
.cart .crosssell .price {
    font-weight: 600;
    font-size: 14px;
}
.cart .crosssell .price-box {
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
}
.cart .crosssell .price-box .regular-price {
    float: none;
}
.cart .crosssell .price-box .price-label {
    display: none;
}
.cart .crosssell button.btn-cart {
    float: left;
}
.cart .crosssell button.btn-cart span {
}
.cart .crosssell .add-to-links {
    padding-top: 10px;
    clear: left;
}
.cart .crosssell .add-to-links li {
}
#shopping-cart-table .product-image {
    display: inline-block;
}
/* Discount Codes & Estimate Shipping and Tax Boxes */
#discount-coupon-form {
    display: block;
    margin-bottom: 20px;
}
.cart .discount, .cart .shipping {
    clear: both;
    display: table;
}
.cart .discount .discount-form button.button {
    margin-bottom: 8px;
    margin-right: 5px;
    clear: right;
}
.cart .discount .buttons-set {
    padding-left: 0;
    padding: 20px 0 0;
}
.cart .discount .buttons-set button.button {
    float: left;
}
.cart .shipping {
}
.cart .shipping .buttons-set {
    padding-left: 0px;
    padding-top: 0px;
}
.cart .shipping .buttons-set button.button {
    float: left;
}
.cart .discount-form label {
    margin-bottom: 16px;
    display: block;
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
}
.cart input, .cart select {
    text-align: left;
}
.cart select {
}
.cart .discount-form .input-box {
}
.cart .discount-form .input-box input {
    width: 100%;
}
.cart .discount-form .buttons-set {
    margin: 0px 0 0 0;
    clear: right;
    overflow: hidden;
}
.cart .shipping .form-list .input-box {
    width: auto;
}
.cart .shipping p {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.cart .shipping label {
    display: block;
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 600;
}
.cart .shipping .form-list li {
    margin-bottom: 7px;
}
.cart .shipping .form-list li input {
    width: 100%;
}
.cart .shipping .form-list li select {
    width: 100%;
}
.cart .shipping .buttons-set {
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 10px;
}
/* Shopping Cart Totals */
.cart .totals {
    background: #3a3a3a;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    width: 34%;
    float: right;
}
.cart .totals table {
    width: 100%;
    font-size: 12px;
    color: #7f7f7f;
    margin-bottom: 0px;
}
.cart .totals table tr {
    border-bottom: 1px solid #606060;
}
.cart .totals table th, .cart .totals table td {
    padding: 7px 11px;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    text-transform: uppercase;
    vertical-align: middle;
    width: 50%;
}
.cart .totals table tr td:first-child {
}
.cart .totals table td:first-child.a-right {
    text-align: left !important;
}
.cart .totals table strong {
    font-weight: normal;
}
.cart .totals table th {
    font-weight: bold;
}
.cart .totals table tfoot th {
}
.cart .totals .price {
    font-size: 18px;
    line-height: normal;
    color: #fff;
    display: inline-block;
    padding: 0;
}
.cart .totals button.button > span {
}
.cart .totals button.button:hover > span {
}
.checkout-types li {
    padding-top: 15px;
}
.checkout-types li:first-child {
    padding-top: 0;
}
.checkout-types li a {
    color: #a6a6a6;
    text-decoration: underline;
}
.checkout-types li a:hover {
    text-decoration: none;
}
.cart .totals .checkout-types {
    text-align: center;
    float: none;
    padding: 15px 11px;
}
.cart .totals .checkout-types li a {
    width: auto;
}
/* Options Tool Tip */
.item-options {
    margin-bottom: 16px;
    padding-left: 5px;
}
.item-options li {
}
.item-options li em {
    color: #73d5c9;
}
.item-options li em .price {
    text-decoration: underline;
}
.item-options dt {
    font-weight: bold;
}
.item-options dd {
    padding-left: 10px;
}
.truncated {
    padding: 5px 0;
    width: auto;
    position: relative;
}
.truncated span {
    cursor: help;
}
.truncated .truncated_full_value {
    display: none;
    padding: 5px;
    top: 5px;
    position: absolute;
    background: #fff;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
}
.truncated .truncated_full_value .item-options {
    background: none;
    border: none;
    top: 0;
    left: auto;
    position: relative;
    width: auto;
}
.truncated .truncated_full_value.show {
    display: table-cell !important;
}
/* ======================================================================================= *//* Checkout ============================================================================== */
.checkout-multishipping-address-newshipping .form-list li.wide input.input-text {
    width: 692px;
}
.checkout-multishipping-address-newshipping .form-list select {
    width: 337px;
}
/********** < Common Checkout Styles *//* Shipping and Payment methods */
#checkout-payment-method-load input.input-text {
    width: 224px;
}
.sp-methods dt {
    font-weight: bold;
}
.sp-methods .price {
    font-weight: bold;
}
.sp-methods .form-list {
    padding-left: 20px;
}
.sp-methods select.month {
    width: 100px;
    margin-right: 10px;
}
#payment_form_ccsave #ccsave_cc_type {
    width: 100%;
}
.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;
    margin-right: 5px;
    margin-top: -2px;
}
.cvv-what-is-this {
    cursor: help;
    margin-left: 5px;
}
/* Tooltip */
.tool-tip {
    border: 1px solid #ddd;
    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: 9px;
    height: 9px;
    background: url(../images/btn_remove.gif) 100% 0 no-repeat;
    text-align: left;
    font-size: 0;
    overflow: hidden;
}
.tool-tip .tool-tip-content {
    padding: 5px;
}
/* Gift Messages */
.gift-messages {
    margin-bottom: 10px;
}
.gift-messages h3 {
    font-size: 12px;
    text-transform: uppercase;
    color: #73d5c9;
    padding-top: 10px;
}
.gift-messages .control label {
    color: #000;
    font-weight: bold;
}
#shipping-method-buttons-container {
    padding: 10px 0 0 0;
}
#shipping-method-buttons-container .back-link a {
}
.gift-messages-form {
    border: 1px solid #ddd;
    background-color: #fbfbfb;
    padding: 10px;
}
.gift-messages-form {
    position: relative;
}
.gift-messages-form label {
    float: none !important;
    position: static !important;
    color: #000;
    font-weight: bold;
}
.gift-messages-form h4 {
    font-size: 12px;
    text-transform: uppercase;
    color: #73d5c9;
    padding-top: 10px;
}
.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;
    background: #fff;
}
.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 .field {
    margin-bottom: 10px;
}
.gift-messages-form .item .details .product-name {
    font-size: 12px;
    text-transform: uppercase;
    color: #2f2f2f;
}
.gift-messages-form .form-list li.wide textarea {
    max-width: 340px;
}
.gift-messages-form .inner-box .form-list li.wide textarea {
    max-width: 333px;
}
#allow-gift-messages-for-order-container .field {
    margin-bottom: 10px;
}
.gift-message-link {
    display: block;
    background: url(../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 {
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 5px;
    height: 10em;
    overflow: auto;
}
.checkout-agreements .agree {
    padding: 6px;
}
/* Centinel */
.centinel {
}
.centinel .authentication {
    border: 1px solid #ddd;
    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 > */
.checkout-onepage-index .page-title {
}
.checkout-onepage-index .col-main {
}
.checkout-onepage-index .page-title {
    margin-bottom: 30px;
}
.checkout-onepage-index .page-title h1 {
}
.checkout-onepage-success a {
}
.checkout-onepage-success a:hover {
    text-decoration: underline;
}
/* One Page Checkout */
.block-progress {
}
.block.block-progress .block-title {
}
.block.block-progress .block-title .toggle {
    display: none;
}
.block.block-progress .block-content {
    padding: 0 0 0 0;
}
.block-progress dt {
    display: block;
    background: #757575;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    text-transform: none;
    margin-bottom: 10px;
    padding: 9px 10px 11px;
}
.block-progress dt:first-child {
    border-top: none;
}
.block-progress dt.complete a {
    color: #fff;
    text-decoration: underline;
}
.block-progress dt.complete a:hover {
    text-decoration: none;
}
.block-progress dt.complete .separator {
    color: #908f8f;
    margin: 0 8px;
}
.block-progress dt.complete {
    position: relative;
    z-index: 999;
}
.block-progress dt.complete, .block-progress dd.complete {
    padding-bottom: 12px;
    margin-bottom: 10px;
}
.block-progress dd.complete {
    border: 1px solid #e5e5e5;
    color: #8a8989;
    font-style: italic;
    padding: 18px 19px 12px 19px;
    margin-bottom: 10px;
}
.block-progress dd.complete address {
    color: #8a8989;
    font-style: italic;
}
.opc {
    position: relative;
}
.opc li.section {
    margin-bottom: 10px;
}
.opc p {
    margin-bottom: 5px;
}
.opc .buttons-set.disabled button.button {
    display: none;
}
.opc .buttons-set .please-wait {
    height: 21px;
    line-height: 21px;
    font-size: 12px;
    color: #000;
}
.opc .step-title {
    padding: 4px 5px 6px;
    text-align: right;
    background: #3a3a3a;
}
.opc .step-title .number {
    float: left;
    background: #73d5c9;
    font-size: 17px;
    line-height: 21px;
    color: #fff;
    text-align: center;
    margin-right: 8px;
    padding: 3px 0 0;
    height: 27px;
    width: 27px;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    -webkit-background-clip: padding-box;
}
.opc .step-title h2 {
    float: left;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    margin-bottom: 0;
    padding-top: 5px;
}
.opc .step-title a {
    display: none;
    float: right;
}
.opc .allow .step-title {
    cursor: pointer;
}
.opc label {
    padding-bottom: 2px;
}
.opc .input-box {
    margin-bottom: 15px;
}
.opc .fields select, .opc .field select {
    width: 313px;
}
#checkout-review-table tr {
    background: none;
}
#checkout-review-table thead {
    background: none;
}
#checkout-review-table th {
    padding: 12px 20px 12px 20px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
#checkout-review-table td {
    border: 1px solid #e5e5e5;
    background: none;
    padding: 15px 20px;
}
#checkout-review-table td h3 {
    margin-bottom: 0;
    font-size: 12px;
    color: #2f2f2f;
    text-transform: uppercase;
}
#checkout-review-table .price {
    font-weight: bold;
}
#checkout-review-table th {
    border: 1px solid #e5e5e5;
}
#checkout-review-table-wrapper {
    overflow: hidden;
}
#checkout-review-table {
}
#checkout-review-table .item-options {
    padding-top: 5px;
}
#checkout-review-table tfoot td {
    font-weight: bold;
    color: #000000;
    text-align: right !important;
}
#checkout-review-table tfoot td + td {
    text-align: left !important;
}
#checkout-review-table tbody .first {
}
#checkout-review-table tbody tr.last {
}
#review-buttons-container {
    padding: 20px 0 0 0;
    margin: 0 0 0 0;
}
#co-shipping-form {
    border: 1px solid #e5e5e5;
    padding: 10px;
    display: block;
}
.opc .active {
}
.opc .active .step-title {
    cursor: default;
    background: #73d5c9;
}
.opc .active .step-title .number {
    background: #fff;
    color: #3a3a3a;
}
.opc .active .step-title h2 {
    font-size: 12px;
    line-height: 15px;
    padding-top: 7px;
}
#checkout-step-login {
}
#checkout-step-login h3 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #73d5c9;
}
#checkout-step-login .col2-set {
    border: 1px solid #e5e5e5;
    padding: 20px;
    position: relative;
    overflow: hidden;
}
#checkout-step-login .col2-set .col-1 {
    float: left;
    margin-right: 3%;
    width: 46%;
}
#checkout-step-login .col2-set .col-2 {
    float: left;
    width: 46%;
}
#checkout-step-login .col2-set .buttons-set {
    margin: 0;
    padding: 0;
}
#checkout-step-login .col2-set > .col-1 h4 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #73d5c9;
}
#checkout-step-login .col2-set .col-2 h4 {
    font-size: 12px;
    text-transform: none;
    font-weight: normal;
    color: #7b7b7b;
}
#checkout-step-login .col-1 .col-1 .buttons-set button.button {
    float: left;
}
#checkout-step-login .col-2 .form-list input.input-text {
    width: 327px;
}
#checkout-step-login .col-1 .col-1 .buttons-set {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
#checkout-step-login .col2-set .col-2 .buttons-set {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
#checkout-step-login .col2-set .col-2 .buttons-set .f-left {
    font-weight: bold;
}
#checkout-step-login .col2-set .col-2 .buttons-set .f-left:hover {
}
#checkout-step-login .form-list li.control input.radio, #checkout-step-login .form-list li.control input.checkbox {
    margin-right: 6px;
    margin-top: -3px;
}
#co-billing-form > fieldset {
    border: 1px solid #e5e5e5;
    padding: 10px;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.opc .step {
    padding-top: 10px;
    position: relative;
}
.opc .step .tool-tip {
    right: 20px;
    top: 20px !important;
}
.opc .order-review {
}
.opc .buttons-set {
    border: 0;
}
.opc .field {
    width: 334px;
}
.opc .fields input, .opc .field input {
    width: 314px;
}
.opc .name-lastname, .opc .field-2 {
    width: 292px;
    float: left;
}
.opc .field-2 input {
    width: 310px;
}
.opc .field-2 select {
    width: 315px;
}
.opc .name-firstname {
    width: 334px;
}
.opc .name-firstname input {
    width: 314px;
}
.opc .name-middlename {
    width: 144px;
}
.opc .name-middlename input {
    width: 124px !important;
}
.opc .name-lastname input {
}
.opc .sp-methods dt {
    padding-bottom: 12px;
}
.opc .sp-methods dt label {
    color: #000;
}
#checkout-shipping-method-load .sp-methods dt {
    font-size: 12px;
    text-transform: uppercase;
    color: #73d5c9;
}
.opc .form-list {
    margin: 10px 0;
}
.opc .form-list li.wide input.input-text {
    width: 649px;
}
#shipping_method_form h2 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #73d5c9;
}
#shipping_method_form h3 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #333;
}
#multishipping-billing-form h2 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #333;
    margin-bottom: 0;
}
#multishipping-billing-form .sp-methods dt {
    font-weight: bold;
    padding-bottom: 10px;
}
#multishipping-billing-form .sp-methods .form-list input.input-text {
    width: 100%;
}
/* Multiple Addresses Checkout */
.button.multi-btn {
    float: right;
}
#checkout-progress-state {
    overflow: hidden;
}
.checkout-progress {
    padding: 0;
    width: 98%;
    margin: 0 auto 40px;
}
.checkout-progress li {
    float: left;
    background: #9c9c9c;
    width: 20%;
    color: #fff;
    font-weight: bold;
    padding: 8px 10px 11px 15px;
    overflow: hidden;
    white-space: nowrap;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.checkout-progress li:before {
    content: "\f0da";
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 8px;
}
.de-lang-class .checkout-progress li {
    font-size: 11px;
}
.checkout-progress li span {
    display: block;
    overflow: hidden;
}
.checkout-progress li.odd {
    background-color: #777;
}
.checkout-progress li.active {
    background: #73d5c9;
}
.checkout-progress li.active:before {
    display: none;
}
.multiple-checkout {
    position: relative;
}
.multiple-checkout .sp-methods .input-box .v-fix:first-child {
    padding-right: 25px;
    margin-bottom: 10px;
}
.multiple-checkout .col2-set {
    width: auto;
}
.multiple-checkout .page-title {
    padding-bottom: 10px;
    margin-bottom: 0;
}
.multiple-checkout h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #383737;
    padding: 10px 0 10px 0;
}
.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 {
    margin-bottom: 0px;
    overflow: hidden;
    display: block;
    color: #73d5c9;
    padding-top: 10px;
}
.multiple-checkout .grand-total .price {
}
.multiple-checkout .box {
    margin-bottom: 20px;
}
.multiple-checkout table {
    margin-bottom: 10px;
}
.multiple-checkout table tfoot tr td {
    color: #000;
    font-weight: bold;
}
.multiple-checkout p {
    margin-bottom: 5px;
}
.multiple-checkout .col-1.col-narrow, .multiple-checkout .col-2.col-wide {
    float: left;
    width: 50%;
    overflow-x: auto;
    padding-bottom: 15px;
}
.multiple-checkout .box-title h3, .multiple-checkout .col-2.col-wide h3 {
    font-size: 12px;
    line-height: normal;
}
.multiple-checkout .col-2.col-wide .box {
    margin-left: 100px;
}
.multiple-checkout h2, .multiple-checkout h3, .multiple-checkout h4 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #333;
}
.multiple-checkout h2 {
    color: #73d5c9;
    font-size: 15px;
}
.multiple-checkout .col-2.col-wide table .price {
    font-weight: bold;
}
/* ======================================================================================= *//* Account Login/Create Pages ============================================================ */
.account-login #login-form .col2-set {
}
.account-login .new-users .buttons-set {
    padding-left: 0;
}
.account-login .new-users .buttons-set button.button {
    float: left;
}
.account-login .new-users-wrapper {
    float: left;
    margin-bottom: 20px;
    width: 48%;
}
.account-login .new-users {
    background: url(../images/media/bg-login.gif) no-repeat right bottom #ffffff;
    border: 1px solid #e5e5e5;
    padding: 20px;
    min-height: 324px;
}
.account-login .registered-users-wrapper {
    float: right;
    margin-bottom: 20px;
    width: 50%;
}
.account-login .registered-users {
    background: url(../images/media/bg-login-2.gif) no-repeat right bottom #ffffff;
    border: 1px solid #e5e5e5;
    padding: 20px;
    min-height: 260px;
}
.account-login .registered-users h2, .account-login .new-users h2, .le-login-facebook h2 {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    text-transform: uppercase;
    color: #73d5c9;
}
.account-login .registered-users p, .account-login .new-users p {
    padding: 13px 0 12px 0;
}
.account-login .registered-users .form-list input.input-text, .account-login .registered-users .form-list .input-box {
    width: 100%;
}
.account-login .registered-users p.required {
    padding: 0px 0 5px 0;
}
.account-login .registered-users .buttons-set button.button {
    float: none;
}
.account-login .registered-users .f-left {
    float: none !important;
    display: table;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-bottom: 12px;
}
.account-login .registered-users .f-left:hover {
}
.account-login .registered-users .buttons-set {
    clear: both;
    margin: -19px 0 0 0;
    padding: 5px 0px 0px 0px;
}
.account-create form .fieldset:first-child {
    margin-bottom: 32px;
}
/* Account Login/Create Pages ============================================================ *//* Captcha */
.captcha-note {
}
.captcha-image {
    float: left;
    position: relative;
}
.captcha-img {
    border: 1px solid #ccc;
}
.registered-users .captcha-image {
}
#checkout-step-login .captcha-image {
}
.captcha-reload {
    position: absolute;
    top: 2px;
    right: 2px;
}
.captcha-reload.refreshing {
    animation: rotate 1.5s infinite linear;
    -webkit-animation: rotate 1.5s infinite linear;
    -moz-animation: rotate 1.5s infinite linear;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
    }
    0% {
        -webkit-transform: rotate(-360deg);
    }
}
@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0);
    }
    0% {
        -moz-transform: rotate(-360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    0% {
        transform: rotate(-360deg);
    }
}
/* Remember Me Popup ===================================================================== */
.window-overlay {
    background: rgba(0, 0, 0, 0.35);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 990;
}
.remember-me label {
}
.remember-me-popup {
}
.remember-me-popup h3 {
}
.remember-me-popup .remember-me-popup-head {
}
.remember-me-popup .remember-me-popup-head .remember-me-popup-close {
}
.remember-me-popup .remember-me-popup-body {
}
.remember-me-popup .remember-me-popup-body a {
}
/*==================== Remember Me Popup =============================================== *//*==================== Wishlist Form ========================================== */
#wishlist-view-form #wishlist-table textarea {
    min-height: 70px;
    min-width: 99%;
    max-width: 99%;
    max-height: 70px;
    resize: none;
    margin-top: 10px;
}
#wishlist-view-form #wishlist-table a {
    display: inline-block;
    margin-bottom: 5px;
}
#wishlist-view-form #wishlist-table .cart-cell a {
    float: left;
    clear: left;
}
#wishlist-view-form #wishlist-table .cart-cell .old-price {
    float: left;
    clear: left;
}
#wishlist-view-form #wishlist-table .product-image img {
    height: 100px;
    width: 100px;
}
#wishlist-view-form #wishlist-table p, #wishlist-view-form #wishlist-table button.button {
    padding: 0;
    margin-bottom: 10px;
}
#wishlist-view-form .buttons-set.buttons-set2 {
    text-align: center;
}
#wishlist-view-form .buttons-set.buttons-set2 button.button {
    margin-right: 5px;
    margin-bottom: 5px;
    float: none;
    display: inline-block;
}
#wishlist-view-form .button.btn-share {
    margin-right: 0 !important;
}
/*=====================  End  ================================================== *//* My Account ============================================================================= */
.my-account {
    overflow-x: auto;
    padding-bottom: 10px;
    padding-left: 8px;
    margin-left: -8px;
}
.my-account .title-buttons .link-rss {
    float: none;
    margin: 0;
}
.my-account .page-title {
}
.my-account .page-title button.button {
}
.my-account #wishlist-table .cart-cell .price-box {
    display: block;
    overflow: hidden;
    width: 100%;
    padding-bottom: 15px;
    text-align: left;
}
.my-account .cart-cell .price-box {
    display: block;
    overflow: hidden;
    width: 100%;
    padding-bottom: 15px;
    text-align: center;
}
.my-account .cart-cell p {
    padding-top: 5px;
}
.my-account .add-to-cart-alt input {
    text-align: center;
    padding: 4px 2px;
    margin-bottom: 10px;
}
.my-account .page-title a {
    display: inline-block;
    margin: 5px 10px 0 0;
}
.my-account .title-buttons .link-rss {
    float: none;
    margin: 0;
}
.my-account .pager {
    margin-bottom: 10px;
}
.my-account .sub-title {
    font-size: 12px;
    padding: 10px 0;
}
.my-account #form-validate .fieldset {
    margin: 25px 0px;
}
.my-account table tr td {
    vertical-align: middle;
}
.my-account .addresses-list ol li {
    padding-bottom: 15px;
}
.my-account table .product-name a {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}
.my-account table .product-name a:hover {
    text-decoration: underline;
}
.my-account .my-tag-edit .btn-remove {
    display: inline-block;
}
#my-tags-table .add-to-links {
    white-space: nowrap;
}
.my-account .box-head a {
    float: right;
}
.my-account .box-head h2 {
    float: left;
}
.my-account .box .box-title {
    border-bottom: 1px solid #D3D3D3;
    margin-bottom: 13px;
}
.my-account .box .box-title h3 {
    float: left;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #73d5c9;
    font-weight: normal;
    margin-bottom: 5px;
}
.my-account .box .box-title a {
    float: right;
}
.my-account .col2-set .col-1 {
    float: left;
    width: 47%;
}
.my-account .col2-set .col-2 {
    float: right;
    width: 47%;
}
.my-account .data-table {
    margin-bottom: 10px;
}
.my-account .data-table th, .my-account .data-table td {
    padding: 10px 12px;
}
.my-account .data-table .price-excl-tax, .my-account .data-table .price {
    display: inline;
}
.my-account #my-orders-table {
    margin-bottom: 10px;
}
.my-account #my-orders-table th, .my-account #my-orders-table td.last {
    text-align: center;
}
.my-account .order-info li a {
    text-decoration: underline;
}
.col-main .block-account {
    display: none;
}
/********** < Dashboard */
.dashboard {
}
.dashboard .welcome-msg {
}
.dashboard .welcome-msg .hello {
    margin-bottom: 10px;
}
.dashboard .data-table {
}
.dashboard .col2-set {
    padding: 10px 0 15px;
}
.dashboard .box-title, .dashboard .box-head {
    width: 100%;
    overflow: hidden;
    margin: 10px 0 0;
}
.dashboard .box-title {
    border-bottom: 1px solid #D3D3D3;
    margin-bottom: 5px;
}
.dashboard .box-title h2, .dashboard .box-title h3, .dashboard .box-head h2, .dashboard .box-head h3 {
    float: left;
}
.dashboard .box-title h2, .dashboard .box-head h2 {
    font-size: 12px;
    line-height: 18px;
}
.dashboard .box-content h4 {
    font-size: 14px;
}
.dashboard .box-title a, .dashboard .box-head a {
    float: right;
}
/* Block: Recent Orders */
.dashboard .box-recent {
    margin: 10px 0;
}
.dashboard .box-head a {
    margin-bottom: 10px;
    display: inline-block;
}
/* Block: Account Information */
.dashboard .box-info {
}
.dashboard .box-info .col2-set {
    margin-bottom: 10px;
}
.dashboard .box-info a {
    display: inline-block;
    margin-bottom: 10px;
}
/* Block: Reviews */
.dashboard .number {
    float: left;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    margin: 3px 10px 0 0;
    display: block;
    width: 18px;
    height: 18px;
    text-align: center;
    border: 1px solid #6a6a6a;
    line-height: 17px
}
.dashboard .box-reviews #my_recent_reviews h3 {
    margin-bottom: 5px !important;
}
.dashboard .box-reviews .details {
    margin-left: 30px;
}
/* Block: Tags */
#my_recent_tags > li {
    padding-bottom: 10px;
}
.tags li {
    display: inline;
    text-transform: capitalize;
    padding: 0 5px 0 0px;
}
.tags li a {
    color: #7f7f7f;
}
.dashboard .box-tags .details {
    margin-left: 30px;
}
/********** Dashboard > */
.block-order-return {
    border: 1px solid #e5e5e5;
    padding: 13px 18px 20px 18px;
    margin-top: 26px;
    background: url(../images/media/bg-return.gif) no-repeat left bottom #fff;
    min-height: 345px;
}
.block-order-return .page-title {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px;
    margin-bottom: 16px;
}
.block-order-return label {
    color: #000000;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 5px;
}
.block-order-return label em {
    color: #73d5c9;
}
.block-order-return .input-box.txt {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 7px;
}
.block-order-return .form-alt li {
    margin-bottom: 0px;
    overflow: inherit;
}
.block-order-return .input-box.btn {
    padding-top: 18px;
}
/* Address Book */
.addresses-list {
}
.addresses-list-additional li.item {
}
/* Order View */
.order-info {
    padding: 5px 0 5px 0;
}
.order-info dt, .order-info dd, .order-info ul, .order-info li {
    display: inline;
}
.order-info dt {
    font-weight: bold;
}
.order-date {
    margin: 0;
}
.order-info-box {
}
.order-info-box {
    margin-top: 15px;
}
.order-info-box h2 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #73d5c9;
}
.order-items h2 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #73d5c9;
}
.order-items {
    margin-top: 15px;
    width: 100%;
    overflow-x: auto;
}
.col-1.addresses-primary h2 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: #333;
}
.col-1.addresses-primary h3 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #73d5c9;
}
.col-2.addresses-additional h2 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: #333;
}
.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;
}
/* Print Pages */
.page-print .print-head {
    margin-bottom: 20px;
}
.page-print .col-1, .page-print .col-2 {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    width: 46%;
}
.page-print h1 {
    font-size: 25px;
    line-height: 40px;
}
.page-print h2 {
    margin-bottom: 5px;
}
.page-print th.a-right {
    text-align: center !important;
}
/* 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 */
#review-form h3, #review-form h4 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #333;
}
.product-review .product-img-box {
    float: left;
    margin-right: 15px;
}
.product-review .product-img-box .product-image {
    display: block;
    margin-bottom: 10px;
    width: 125px;
}
.product-review .product-img-box .label {
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
}
.product-review .product-img-box .ratings .rating-box {
    float: none;
    display: block;
    margin: 0 auto 3px;
}
.product-review .product-details {
}
.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;
}
/* ======================================================================================= *//* Product Comparison Table */
#product_comparison .product-shop-row td {
    text-align: center;
    padding: 18px 30px 30px 30px;
}
.catalog-product-compare-index {
    position: absolute;
}
.catalog-product-compare-index .link-print span {
    padding-left: 32px;
    padding-right: 0;
    text-transform: uppercase;
}
.catalog-product-compare-index {
    background: #fff;
}
.catalog-product-compare-index .buttons-set {
    clear: both;
    margin: 0px 0 0;
    padding: 20px 0px 5px 0px;
}
.catalog-product-compare-index .buttons-set button.button span {
    float: left;
}
.catalog-product-compare-index .buttons-set button.button:hover span span {
    background-position: 0 0px;
}
.catalog-product-compare-index .ratings {
    text-align: center;
}
.catalog-product-compare-index td button.button {
    float: none;
}
.catalog-product-compare-index td .add-to-links {
    float: none;
    width: 100%;
    padding-top: 12px;
}
.catalog-product-compare-index td .add-to-links li a {
}
.catalog-product-compare-index .price-box.left {
    float: none;
    width: 100%;
    text-align: center;
}
.catalog-product-compare-index .ratings .rating-box {
    float: none;
    margin: 0 auto 10px;
}
.catalog-product-compare-index .page-title {
}
#product_comparison {
    -webkit-box-shadow: 0px 0px 12px rgba(48, 50, 50, 0.12);
    -moz-box-shadow: 0px 0px 12px rgba(48, 50, 50, 0.12);
    box-shadow: 0px 0px 12px rgba(48, 50, 50, 0.12);
}
.catalog-product-compare-index .data-table td {
    padding: 14px 20px 14px 20px;
    color: #7e7e7e;
}
.catalog-product-compare-index .data-table th {
    padding: 14px 20px;
    font-weight: bold;
    color: #000000;
}
.catalog-product-compare-index .btn-remove {
    display: block;
    font-size: 0;
    margin-left: 2px;
    overflow: hidden;
    font-size: 0;
    width: 18px;
}
.catalog-product-compare-index .data-table tr.even {
    background: #fefefe;
}
#product_comparison th {
    border: 1px solid #e5e5e5;
    background: none;
}
#product_comparison td {
    border: 1px solid #e5e5e5;
    background: none;
    color: #7e7e7e;
}
#product_comparison tr {
    background: none;
}
#product_comparison .price-box {
    padding-top: 10px;
    padding-bottom: 10px;
}
#product_comparison .price-box .regular-price {
    float: none;
}
#product_comparison .product-shop-row td, #product_comparison .add-to-row td {
    text-align: center;
}
#product_comparison .product-shop-row td .product-image {
    display: inline-block;
    margin-bottom: 15px;
    border: 1px solid #ededed;
}
#product_comparison .product-shop-row td .product-image:hover {
    border: 1px solid #73d5c9;
}
#product_comparison .product-name, #product_comparison .price-box, #product_comparison p {
    margin-bottom: 5px;
}
#product_comparison .product-shop-row td .add-to-links li, #product_comparison .add-to-row td .add-to-links li {
    float: none;
}
/* MAP Popup============================================================================== */
.product-view .product-shop .price-box.map-info {
    margin: 0;
    padding: 0;
    display: block;
}
.product-view .product-shop .price-box.map-info .old-price {
    display: block;
    margin-bottom: 10px;
}
.tier-prices.product-pricing a {
}
.product-view .product-shop .price-box.map-info a {
    display: inline-block;
    margin-bottom: 10px;
}
.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;
}
.catalog-product-compare-index .map-popup {
    min-width: 230px;
}
.map-popup.displayblock {
    display: block !important;
}
.map-popup {
    display: none;
}
.map-popup {
    text-align: left;
    position: absolute;
    margin: 12px 0 0;
    width: 270px;
    z-index: 100;
    box-shadow: 0px 0px 10px rgba(48, 50, 50, 0.2);
    -moz-box-shadow: 0px 0px 10px rgba(48, 50, 50, 0.2);
    -webkit-box-shadow: 0px 0px 10px rgba(48, 50, 50, 0.2);
    background: #FBFBFB;
}
.map-popup, .map-popup a {
    color: #000;
}
.map-popup #map-popup-msrp-box {
    font-weight: normal;
}
.map-popup #map-popup-msrp-box strong {
    font-weight: normal;
}
.map-popup #map-popup-msrp-box span {
    font-weight: normal;
}
.map-popup-heading {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 40px 20px 20px;
    width: 100%;
}
.map-popup-heading h2 {
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: uppercase;
    word-wrap: break-word;
    margin: 0;
}
.map-popup-arrow {
    background: 0;
    position: absolute;
    left: 50%;
    top: -10px;
    height: 10px;
    width: 19px;
}
.map-popup-close {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 9px;
    width: 9px;
    font-size: 0;
}
.map-popup-close:before {
    content: "\f00d";
    font-size: 14px;
    line-height: 14px;
}
.map-popup-close:hover {
}
.map-popup-content {
    text-align: left;
    overflow: hidden;
    padding: 20px;
}
#map-popup-price-box strong {
    margin-right: 7px;
    font-size: 14px;
}
.map-popup .regular-price .price {
    float: left;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
}
.map-popup-checkout {
}
.map-popup-checkout form {
    display: block;
    overflow: hidden;
    position: relative;
}
.map-popup-checkout form button.button:hover > span {
}
.map-popup-checkout span {
    display: block;
    padding-left: 30px;
}
.map-popup-checkout .paypal-logo {
    text-align: left;
    margin: 0 0 5px;
}
.map-popup-price .price-box, .map-popup-price .price-box .special-price {
    margin: 0;
    padding: 0px 0;
}
.map-popup-price .price-box .regular-price {
    margin-right: 7px;
}
.map-popup-price .minimal-price-link {
    color: #fff;
    display: inline-block;
    text-decoration: underline;
    margin: 0;
}
.map-popup-price .minimal-price-link:hover {
    text-decoration: none;
}
.map-popup-price .minimal-price-link span {
    display: inline;
}
.map-popup-price {
    overflow: hidden;
    margin: 8px 0;
}
.map-popup-text {
    clear: right;
    padding: 20px;
    text-align: left;
    word-wrap: break-word;
    line-height: 18px;
}
.map-popup-only-text {
    display: none;
    border-top: 1px solid #d8d8d8;
}
.contacts-index-index .page-title {
    margin-bottom: 15px;
}
/* ======================================================================================= */
.swipe-left {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 0px;
    z-index: 999;
}
.top-icon-menu {
    width: 100%;
    max-width: 100%;
    line-height: 20px;
    font-size: 30px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
    height: 50px;
}
.top-icon-menu > div {
    float: left;
    border-right: 1px solid #232323;
    height: 50px;
    padding: 10px 30px;
    cursor: pointer;
    position: relative;
    z-index: 9999;
}
body.ps-static .top-icon-menu > div:hover, .top-icon-menu > div.active {
    color: #73d5c9;
}
.top-icon-menu .top-search {
    float: right;
    border-left: 1px solid #232323;
    border-right-width: 0;
    overflow: hidden;
}
.top-icon-menu, .swipe {
    background-color: #323232;
}
.swipe {
    display: block;
    left: -237px;
    overflow: hidden;
    position: fixed;
    top: 50px;
    width: 237px;
    z-index: 2;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    line-height: 25px;
    height: 100%;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 6;
    padding-bottom: 60px;
}
.swipe:before, .swipe:after {
    -moz-box-sizing: inherit;
}
body.ind .swipe {
    left: 0;
}
.swipe-menu {
    height: 100%;
    overflow: scroll;
    border-top: 1px solid #232323;
    -webkit-overflow-scrolling: touch;
}
body.ind div.shadow {
    width: 100%;
    z-index: 5;
}
body div.shadow {
    display: block;
    height: 0;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    background: #000;
    height: 0;
    z-index: 5;
}
body div.shadow.active-form {
    height: 100%;
    width: 100%;
}
.swipe-menu .switch-show {
    cursor: pointer;
}
.swipe-menu .switch-show.active {
    border: 0;
}
.swipe-menu .switch-show > div:after {
    content: "\f107";
    font-size: 21px;
    vertical-align: middle;
    float: right;
}
.swipe-menu a {
    color: #fff;
}
.swipe-menu .links li, .footer-links-menu li {
    padding: 0;
    display: block;
}
.swipe-menu .links li.top-car {
    display: none;
}
.swipe-menu .links li a, .footer-links-menu li a, .home-link {
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 26px;
    padding: 10px 20px 11px;
    position: relative;
}
.swipe-menu .links li a, .footer-links-menu li a, .home-link, .swipe-menu .switch-show {
    border-bottom: 1px solid #232323;
}
.swipe-menu ul li a:before, .home-link:before {
    font-size: 26px;
    margin-right: 12px;
}
/*.home-link:before {content: "\f015";}*/
.swipe-menu .links li:nth-child(1) a:before {
    content: "\f0f0";
}
.swipe-menu .links li:nth-child(2) a:before {
    content: "\f005";
}
.swipe-menu .links li:nth-child(3) a:before {
    content: "\f07a";
}
.swipe-menu .links li:nth-child(4) a:before {
    content: "\f046";
}
.swipe-menu .links li:nth-child(6) a:before {
    content: "\f023";
}
.swipe-menu .links li.top-link-blog a:before {
    content: "\f02d";
}
.footer-links-menu ul:first-child li:nth-child(1) a:before {
    content: "\f05a";
}
.footer-links-menu ul:first-child li:nth-child(2) a:before {
    content: "\f02d";
}
.footer-links-menu ul:first-child li:nth-child(3) a:before {
    content: "\f085";
}
.footer-links-menu ul:first-child li.privacy a:before {
    content: "\f044";
}
.swipe-menu .links-2 li:nth-child(1) a:before {
    content: "\f0e8";
}
.swipe-menu .links-2 li:nth-child(2) a:before {
    content: "\f0e8";
}
.swipe-menu .links-2 li:nth-child(3) a:before {
    content: "\f002";
}
.swipe-menu .links-2 li:nth-child(4) a:before {
    content: "\f0d1";
}
.currency-switch .currency-title, .language-list .language-title {
    padding: 10px 20px 11px;
}
.currency-switch .currency-title:before, .language-list .language-title:before {
    content: "\f0d6";
    font-size: 26px;
    vertical-align: middle;
    margin-right: 8px;
}
.language-list .language-title:before {
    content: "\f0ac";
}
.currency-switch .currency-title strong, .language-list .language-title strong {
    display: none;
}
.swipe-menu .language-list ul, .swipe-menu .currency-switch ul {
    background: 0 #222222;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    left: 0;
    padding: 0;
    position: relative;
    right: auto;
    top: 0;
    width: 100%;
    overflow: hidden;
    display: none;
}
.swipe-menu .currency-switch ul li span {
    display: none;
}
.swipe-menu .language-list ul li, .swipe-menu .currency-switch ul li {
    float: left;
}
.swipe-menu .language-list ul li:first-child, .swipe-menu .currency-switch ul li:first-child {
    padding-left: 20px;
}
.swipe-menu .language-list ul li a, .swipe-menu .currency-switch ul li a {
    padding: 14px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
}
.swipe-menu ul a.selected {
    color: #ccc;
}
#at3win #at3winheader h3 {
    text-align: left !important;
}
/* ==================================back-top ================================================== */
#back-top {
    position: fixed;
    bottom: 50px;
    z-index: 99;
    right: 1%;
    display: none;
    width: 62px;
    height: 62px;
}
#back-top span {
    display: block;
    text-align: center;
    color: #3E3B3D;
    background: #73d5c9;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    height: 100%;
    padding: 10px 0;
}
#back-top span i {
    display: block;
}
/*#back-top span:before {content: "\f102"; display: block;}*/
#back-top:hover span {
    background: #181818;
}
/* ======================================================================================= */
.footer .block-subscribe {
    padding: 0;
    margin: 0 18% 0 0;
    overflow: hidden;
    float: left;
}
.footer .block-subscribe .block-content {
    position: relative;
}
.footer .block-subscribe .form-subscribe-header {
    display: none;
}
.footer .block-subscribe .block-title {
    background: none;
    filter: progid:none;
    padding: 0;
    border: 0;
    margin: 8px 50px 0 0;
    float: left;
    max-width: 150px;
}
.footer .block-subscribe .block-title strong {
    margin: 0;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    text-transform: none;
}
.footer .block-subscribe form {
    float: left;
    width: 430px;
}
.footer .block-subscribe .input-box {
}
.footer .block-subscribe .input-box input {
    float: left;
    padding: 6px;
    width: 100%;
    height: 35px;
    line-height: 20px;
    color: #777777;
    background: #fff;
    border: 0;
    box-shadow: none;
    padding-right: 70px;
}
.footer .block-subscribe .input-box {
    float: left;
}
.footer .block-subscribe .actions {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
}
.footer .block-subscribe button.button > span {
    width: 59px;
    height: 35px;
    line-height: 18px;
    background: none repeat scroll 0 0 #73d5c9;
}
/* .footer .block-subscribe button.button span:before {content: "\f105"; font-size: 26px; color: #fff; line-height: 30px; display: block;} */
.footer .block-subscribe button.button span span {
    float: none;
    display: block;
    padding: 8px 0;
}
.footer .block-subscribe button.button:hover > span {
}
.footer .block-subscribe button.button > span:after {
    opacity: 0.8;
}
/* Footer ================================================================================ */
.footer-container {
    background: #303c4b;
    color: #ddd;
}
.footer {
}
.footer-top {
    margin: 0 -10000px;
    padding: 16px 10000px 19px;
    position: relative;
    background: #303c4b;
    overflow: hidden;
}
.footer-top h3 {
    margin: 0;
}
.footer .footer-cols-wrapper {
    overflow: hidden;
    padding: 57px 0 42px;
}
.footer h4, .footer .h4, .footer .block-title strong {
    position: relative;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    color: #fefefe;
    margin-bottom: 24px;
    text-transform: capitalize;
}
.footer .footer-col.last h3 {
    float: left;
    line-height: 26px;
    margin-right: 10px;
}
.footer .footer-col.contacts h3 {
    margin: 5px 0 14px;
}
.footer ul li {
    display: block;
    padding: 0 0 10px;
    font-size: 16px;
}
.footer ul li a {
    display: inline;
    color: #ddd;
    text-decoration: none;
}
.footer ul li a:hover {
    color: #73d5c9;
}
.footer .ce-bodytext p:not(.h4) {
    font-size: 16px;
}
.footer address {
    float: left;
    margin-top: 10px;
}
.footer h3 {
    font-size: 20px;
    font-weight: normal;
    float: left;
    color: #ddd;
    padding: 5px 50px 0 0;
}
.footer .list-icon {
    overflow: hidden;
    padding: 6px 0 0;
    position: relative;
}
.footer .list-icon li a {
    font-size: 28px;
    color: #fff;
}
.footer .list-icon li a:hover {
    color: #73d5c9;
}
.footer .list-icon li {
    float: left;
    margin-right: 20px;
    padding: 0;
}
.footer .list-icon li:before {
    display: none;
}
.footer-container .bottom-container {
    text-align: center;
}
.footer .footer-col .fb-like-box, .footer .footer-col iframe {
    background: #EDEFF4;
}
.footer-col {
    float: left;
    width: 25%;/*16%*/
    margin-right: 0;
}
.footer-col.last {
    margin-right: 0;

    border-left: 0px solid #e3e3e3;
    /* padding-left: 7%;*/
}
.footer .footer-col p:first-child {
}
.footer .footer-col p:last-child {
    line-height: 23px;
}
.footer .footer-col .tel {
    display: block;
    font-size: 26px;
    line-height: 26px;
    font-weight: 300;
    color: #73d5c9;
    margin: 15px 0;
    font-weight: bold;
}
.footer .footer-col .tel:before {
    content: "\f095";
    font-size: 26px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #f2f2f2;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
    margin-right: 15px;
}
.footer .footer-col .fb-like-box, .footer .footer-col iframe {
    background: #EDEFF4;
}
.footer-shadow {
    margin: 0 -10000px;
    padding: 23px 10000px 17px;
    position: relative;
    font-size: 11px;
    border-top: 0px solid #e5e5e5;
}
.footer a {
    color: #ddd;
}
.footer .socialMedia span {
    display: none;
}
.footer .socialMedia i {
    color: #303c4b;
}
.footer .socialMedia .fab:before, .footer .socialMedia .fab:after {
    /*color: #DF0527;*/
    color: var(--brinkRed, rgb(210,10,17));
}
.footer .socialMedia .fab {
    font-size: 26px;
    font-size: 24px;
    margin-right: 5px;
}
.store-switcher {
    margin-top: 10px;
}
span.toggle {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 0;
    width: 20px;
    text-align: center;
    font-size: 16px;
}
span.toggle:before {
    content: "\f067";
}
span.opened:before {
    content: "\f068";
}
/* ======================================================================================= */
.search-form .form-list .input-box {
    width: 300px;
}
.search-form .buttons-set p.required {
    text-align: left;
}
.search-form .buttons-set button.button {
    float: left;
}
.contact-block {
    position: relative;
    width: 100%;
}
.contact-block h2, .contact-block .fieldset .legend {
    float: none;
    background: none;
    border: none;
    border-bottom: 2px solid #3A3A3A;
    font-size: 17px;
    line-height: 21px;
    color: #383737;
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 16px;
    padding: 0 0 7px;
}
.contact-left {
    width: 25%;
    float: right;
    padding-bottom: 20px;
}
.contact-left h3 {
    font-size: 13px;
    line-height: 16px;
    color: #73d5c9;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 14px;
}
.contact-left p {
    font-size: 12px;
    color: #8a8989;
    line-height: 17px;
}
.contact-left ul li {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 17px;
    margin-bottom: 17px;
}
.contact-left ul li.last {
    border: none;
    padding: 0;
    margin: 0;
}
#contactForm {
    float: left;
    width: 73%;
}
#contactForm .form-list .input-box {
    width: auto;
}
#contactForm .fieldset {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}
#contactForm .form-list input.input-text {
    border-box: border-box;
    width: 95%;
}
#contactForm .form-list .field {
    float: left;
    width: 33.33%;
}
#contactForm .form-list li {
    padding-bottom: 10px;
}
#contactForm .form-list li.wide textarea {
    border-box: border-box;
    width: 100%;
    resize: none;
}
#contactForm .form-list li.wide .input-box {
    width: 98%;
}
#contactForm .buttons-set button.button {
    float: left;
    clear: left;
}
#contactForm .buttons-set {
    margin: 0 0 0 0;
    padding: 0;
}
#contactForm .buttons-set p.required {
    font-size: 12px;
    margin: 0 0 15px;
    float: left;
    clear: left;
}
.contact-btn a {
    display: none;
}
.contact-btn li {
    padding: 0;
    margin: 0;
}
.container-slider {
    position: relative;
    width: 315px;
    overflow: hidden;
}
.tumbSlider-none:last-child {
    margin-right: 0;
}
.tumbSlider {
    max-height: 110px;
}
.container-slider .slider {
    margin-left: -4px;
}
.container-slider li {
    float: left;
    height: auto;
    width: 97px;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 4px 0 5px;
    min-height: 100px;
    position: relative;
}
.ps-phone .container-slider li:before {
    content: ".";
    font-size: 0;
    width: 100%;
    height: 35px;
    left: 0;
    bottom: 0px;
    position: absolute;
}
.container-slider li a {
    display: block;
}
.container-slider li img {
    max-width: 100%;
}
/*.container-slider > a {	display: inline-block;	position: absolute;	left: -4px;	top: 38%;	font-size: 30px;	width: 40px;	height: 40px;	z-index: 777;	text-align: center;	vertical-align: middle;}*/
.container-slider > a.tumbSlider-next {
    right: 5px;
    left: auto;
}
/* ======================================= Home Page ============================================================== */
.row-cat {
    margin-bottom: 60px;
}
.row-cat li > a {
    position: relative;
    display: block;
    color: #000;
    overflow: hidden;
}
.row-cat li > a img {
    max-width: 100%;
}
.row-cat .content-center {
    position: absolute;
    left: 0;
    bottom: 29px;
    width: 100%;
    text-align: center;
}
.row-title {
    font-size: 64px;
    line-height: 64px;
    font-weight: normal;
    letter-spacing: -2px;
    color: #fff;
    font-weight: bold;
}
.row-cat .content-center span {
    font-size: 25px;
    line-height: 66px;
    font-weight: bold;
    display: inline-block;
    padding: 0 28px;
    border: 2px solid #000;
}
.homeIndent {
    margin: 0 -10px 10px;
    position: relative;
}
.homeIndent.widget {
    display: block;
    position: relative;
}
.home-carousel-control {
    position: absolute;
    right: 10px;
    top: 27px;
    padding-left: 10px;
}
.homeIndent .carousel-prev, .homeIndent .carousel-prev2, .homeIndent .carousel-prev3, .homeIndent .carousel-next, .homeIndent .carousel-next2, .homeIndent .carousel-next3 {
    top: 0;
    right: 0;
    position: relative;
    background: #73d5c9;
    color: #fff;
    width: 37px;
    height: 37px;
    font-size: 14px;
    text-align: center;
    line-height: 37px;
    float: left;
    margin-left: 3px;
}
.homeIndent .carousel-next {
}
.homeIndent .carousel-prev:focus, .homeIndent .carousel-next:focus {
}
.homeIndent .carousel-prev:hover, .homeIndent .carousel-next:hover, .homeIndent .carousel-prev2:hover, .homeIndent .carousel-next2:hover, .homeIndent .carousel-prev3:hover, .homeIndent .carousel-next3:hover {
    color: #fff;
    background: #303c4b;
}
.homeIndent li.free {
    float: left;
}
.homeIndent li.free .wrapper-hover {
    margin: 0 10px;
}
.homeIndent .category-title {
    margin-left: 10px;
    margin-right: 10px;
}
.banner-1 {
    display: block;
    margin-bottom: 30px;
}
.banner-1 img, .banner-bottom img, .banner-block img {
    max-width: 100%;
}
.banner-block {
}
.banner-block li {
    margin-bottom: 60px;
}
.banner-block li a {
    display: block;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 21px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.06);
}
.banner-block li a:before {
}
.banner-block li a:hover img {
    transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}
.banner-block .banner-cont {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0px 10px 45px 43px;
    width: 100%;
    z-index: 2;
}
.banner-block h1 {
    font-family: 'Lato', sans-serif;
    font-size: 60px;
    line-height: 60px;
    font-weight: 300;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.banner-block h1 span {
    color: #73d5c9;
}
.banner-block h2 {
    font-size: 53px;
    line-height: 53px;
    font-weight: 300;
    color: #000;
    text-transform: uppercase;
}
.banner-block h3 {
    font-size: 80px;
    line-height: 80px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
}
.banner-block .b-text-1 {
    font-size: 120px;
    line-height: 100px;
    color: #73d5c9;
    font-weight: bold;
    margin-top: -8px;
}
.banner-block .b-text-2 {
    font-size: 120px;
    line-height: 120px;
    color: #fff;
    text-transform: uppercase;
    margin-top: -25px;
}
.banner-block .b-text-3 {
    font-size: 27px;
    line-height: 27px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 20px;
}
.banner-block p {
    color: #777;
    line-height: 21px;
    width: 80%;
    margin-bottom: 25px;
}
.banner-block .banner-cont > span {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    line-height: 70px;
    padding: 0 30px;
    font-weight: normal;
    background: #73d5c9;
    display: inline-block;
}
.banner-block li a:hover .banner-cont > span {
    background: #000;
}
.banner-block .banner-cont-hover {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 0;
    background: #fe8686;
    opacity: 0.1;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
body.ps-static .banner-block li a:hover .banner-cont-hover {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
body.ps-static .row-banner a:hover .fab {
    transform: rotateY(360deg);
    transition: all 0.7s ease 0s;
    background: #73d5c9;
    color: #fff;
}
.box-1 {
    position: relative;
    left: 50%;
    padding: 12% 0 13.3%;
    margin-bottom: 60px;
    z-index: 0;
    background: url(../images/media/video_1.jpg) no-repeat center top;
    background-size: cover;
}
.box-1 #bgndVideo {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.box-2 {
    background-image: url(../images/media/box-2.jpg);
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 12% 0 13.3%;
    display: none;
    position: relative;
    margin-left: -100px;
    margin-right: -100px;
    padding-left: 100px;
    padding-right: 100px;
}
.cms-index-index .box-2 {
    display: block;
}
.title-row {
    font-size: 130px;
    line-height: 130px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.desc-row {
    font-size: 100px;
    line-height: 100px;
    margin-bottom: 28px;
    color: #73d5c9;
    text-transform: uppercase;
}
button.btn-row > span {
    font-size: 25px;
    background: #73d5c9;
}
button.btn-row span span {
    padding: 26px 35px;
}
button.btn-row > span:after {
    background: #303c4b;
}
.box-2 .desc-row {
    font-size: 70px;
    line-height: 70px;
    color: #73d5c9;
}
.box-2 .desc-row {
    color: #fff;
}
.freeslider {
    overflow: hidden;
}
.freeslider {
    min-height: 100%;
    height: 484px;
}
.freeslider .fa-quote-left {
    font-size: 98px;
    color: #fff;
    margin-bottom: 45px;
}
.freeslider li {
    text-align: center;
    display: block;
}
.freeslider p {
    font-size: 15px;
    line-height: 27px;
    color: #fff;
    margin-bottom: 31px;
}
.freeslider .name-user {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
}
.freeslider .freeslider-user {
    margin-bottom: 24px;
}
.freeslider img {
    max-width: 100%;
}
.box-3 .bx-wrapper {
    margin: 0;
    z-index: 1;
}
.box-3 .bx-wrapper .bx-pager.bx-default-pager {
    text-align: center;
    width: 100%;
    margin-top: 70px;
    overflow: hidden;
    padding: 0;
    position: relative;
    bottom: 0;
}
.freeslider-pag a span {
    display: none;
}
.box-3 .bx-wrapper .bx-pager.bx-default-pager a {
    border: 1px solid #fff;
    border-radius: 16px;
    width: 16px;
    height: 16px;
    margin: 0 4px;
    display: inline-block;
    background: none;
}
.box-3 .bx-wrapper .bx-pager.bx-default-pager a:hover, .box-3 .bx-wrapper .bx-pager.bx-default-pager a.active {
    border-color: #000;
}
.label-product > span {
    font-size: 13px;
    text-transform: capitalize;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 10px;
    color: #fff;
    padding: 2px 8px 4px;
    background: #54525e;
    z-index: 2;
}
.sidebar .label-product > span {
    left: 15px;
}
.label-product > span.sale {
    background: #73d5c9;
    color: #fff;
}
.products-list .label-product > span {
    left: 5px;
}
.products-list .label-product > span.sale {
    right: auto;
    left: 10px;
}
.products-list .label-product.label-indent > span.sale {
    top: 40px;
}
.img-hover {
    position: relative;
    display: block;
}
.img-hover:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0%;
    width: 0%;
    background: #73d5c9;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
}
.img-hover span {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0%;
    width: 0%;
    background: #000;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 1;
}
body.ps-static .blog-bg .img-hover:hover span, body.ps-static .row-cat li > a:hover .img-hover span {
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
body.ps-static .blog-bg .img-hover:hover:after, body.ps-static .row-cat li > a:hover .img-hover:after {
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    opacity: 0.4;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.header a, .block a, .product-name a, .downloadButton > span, button.button > span, .page-sitemap .links a, .banner-block li a, .banner-block li a h1, .footer a, .header .top-search1, .block-cart-header, .sf-menu a, .banner-bottom li a, .banner-block li a, .add-to-links a, .add-to-links a:before, .camera_wrap .camera_pag .camera_pag_ul li, .camera_caption .camera-link, .camera_prev:before, .camera_next:before, .header .links li a:before, .banner-block li a:before, .banner-block li a, .banner-block li a img, .banner-block .banner-cont > span, .video-banner a, .mw_top_menu ul.mw-mega-menu-top li a, .mw_top_menu ul.mw-mega-menu-top li > a:before, .tparrows, .wrapper-hover .product-image, .widget-latest-title a, .menu-content-2 .link-img:before, #back-top span, .grid-full span, .header-info i, .aw-blog-read-more {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.wrapper-hover .product-image img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* Clears ================================================================================ */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.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, .products-grid .actions:after, .header .row-2:after, .header-buttons:after, .input-box:after, .block-subscribe .block-content:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}
/* ======================================================================================= *//* =========================  CUSTOM  ==================================================== */
body {
    overflow-x: hidden;
}
a, a:focus {
    outline: 0;
}
a:hover, .header .links li a:hover, .footer ul li a:hover {
    color: var(--brinkRed, rgb(210,10,17));
}
img {
    max-width: 100%;
    height: auto;
}
.downloadButton > span::after, button.button > span::after, .but-link::after {
    background: var(--brinkRed, rgb(210,10,17)) none repeat scroll 0 0;
}
.footer .block-subscribe button.button > span {
    background: var(--brinkRed, rgb(210,10,17)) none repeat scroll 0 0;
}
#back-top span {
    /*background: #e6565b none repeat scroll 0 0;*/
    background:  var(--brinkRed, rgb(210,10,17)) none repeat scroll 0 0;

}
.header .welcome-msg {
    color: var(--brinkRed, rgb(210,10,17));
}
.account-login .registered-users h2, .account-login .new-users h2, .le-login-facebook h2 {
    color: var(--brinkRed, rgb(210,10,17));
}
.form-list label.required em {
    color: var(--brinkRed, rgb(210,10,17));
}
.fieldset .legend {
    color: var(--brinkRed, rgb(210,10,17));
}
.opc .active .step-title {
    background: var(--brinkRed, rgb(210,10,17)) none repeat scroll 0 0;
}
#checkout-step-login h3 {
    color: var(--brinkRed, rgb(210,10,17));
}
#checkout-step-login .col2-set > .col-1 h4 {
    color: var(--brinkRed, rgb(210,10,17));
}
.buttons-set p.required {
    color: var(--brinkRed, rgb(210,10,17));
}
.opc .step-title .number {
    background: var(--brinkRed, rgb(210,10,17)) none repeat scroll 0 0;
}
body.ps-static .top-icon-menu > div:hover, .top-icon-menu > div.active {
    color: var(--brinkRed, rgb(210,10,17));
}
.mainWrapper {
    padding: 5px;
}
#navbar {
    position: relative;
}
.navbar-default.products {
    background-color: #fff;
    border: none;
    margin: 0 -15px;
}
.page {

    box-shadow: 0 -6px 8px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 -6px 8px 4px rgba(0, 0, 0, 0.3);
}
.nav > li a { /* bottom: -4px;*/
    position: relative;
}
.navbar-nav > .dropdown .nav-item {
    padding-left: 1rem;
}
.nav-item.dropdown:hover .dropdown-menu{
    display: block;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-color: transparent transparent #fff;
}
.nav-tabs > li > a:hover {
    border-color: transparent transparent #fff;
}
.products .col-md-3, .products.navbar .container {
    padding: 0;
}
.products.navbar {
    margin-bottom: -5px;
}
.products .navbar-collapse {
    padding: 0 15px;
}
.products.navbar .container .nav-tabs > li {
    z-index: 99;
}
.nav > li > a:focus, .nav > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
    background-color: rgba(0, 0, 0, 0);
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: rgba(0, 0, 0, 0);
    z-index: 1;
}
.navbar-toggle {
    margin-bottom: 16px;
}
#teaser li {
    position: relative;
    z-index: 5;
}
#product ul { /*padding-left: 0;*/
}
#product ul li a {
    transition: background-color 0.4s;
}
#product ul li a:hover {
    background-color: #e4e6e7;
    font-weight: bold;
}
#product ul li .catName {
    color: #58585a;
    font-weight: 600;
    font-size: 1.5rem;
    padding: 4px 0;
    height: 2.5rem;
    overflow-y: hidden;
}
#product ul li .product-description {
    color: #5c7989;
    font-weight: normal;
    height: 3.7rem;
    overflow: hidden;
    text-align: left;
    padding-left: 5px;
    font-size: 1.3rem;
}
#product ul li .product-img {
    height: 11em;
}
#product img {
    max-height: 120px;
    max-width: 90%;
}
#product ul li .iconBar {
    width: calc(100% - 3px);
    margin: 2px 0;
    height: 2.5rem;
}
#buttonSidebar {
    width: 250px;
    position: absolute;
    top: 100px;
}
#teaser > li > a {
    cursor: pointer;
}
.extraButton li:hover {
    cursor: pointer;
}
.extraButton img {
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
}
.extraButton li.active img {
    border-bottom: 2px solid green;
}
#product ul.categoryImages li .icons1 {
    float: left;
}
#product ul.categoryImages li .icons2 {
    float: right;
}
#product ul.categoryImages li .icons1 img, #product ul.categoryImages li .icons2 img {
    height: 2.4rem;
    padding: 3px;
}
#rostBild img {
    border-radius: 20px 0 0 20px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
#startBild {
    display: none;
}
@media (max-width: 767px) {
    .filterDescription.pull-right {
        float: none !important;
    }
    .page {
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    .nav.nav-tabs {
        border-bottom: 1px solid #fff;
    }
    #teaser {
        margin: 0 -10px;
    }
    #product {
        border: none;
        position: relative;
        top: -83px;
    }
    #teaserImages img {
        display: none;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #fff;
    }
    .nav-tabs > li {
        float: none;
        margin-bottom: -1px;
    }
    #product {
        clear: both;
        top: 4px;
    }
    .container {
        margin: 0 10px;
    }
    #product ul.categoryImages li {
        background-color: #ffffff;
        margin: 2px;
        height: 20em;
        width: calc(100% / 3 - 4px);
        float: left;
        list-style-type: none;
        font-size: 11px;
        border: 1px solid #666;
        text-align: center;
    }
    #product ul.categoryImages li a {
        height: 100%;
        width: 100%;
        padding: 3px;
        display: block;
        margin: 0;
        position: relative;
        text-decoration: none;
        text-align: center;
    }
    #product ul.categoryImages li a .product-description {
        height: 40px;
    }
    #product ul.categoryImages li .icons1 img, #product ul.categoryImages li .icons2 img {
        height: 2rem;
        padding: 3px;
    }
    #teaser {
        padding-left: 25px;
    }
    #teaser > li {
        float: left;
    }
    #teaser > li > a > span {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #edecec 51%, #edecec 84%, #edecec 100%, #edecec 100%, #cecdcc 100%) repeat scroll 0 0;
        box-shadow: 1px 1px 5px #999; /* width: 100%;*/
        display: inline-block;
        font-weight: bold;
        line-height: 1.6;
        font-size: 12px;
        margin: 0;
        padding: 2px 15px;
        text-align: center;
        color: #666;
    }
    #teaser > li > a:hover > span {
        color: #333;
    }
    #product ul.extraButton { /* padding-left: 2px;         margin: 8px auto;*/
    }
    #product ul.extraButton > li {
        display: inline-block;
        margin: 5px auto;
    }
    #product ul.extraButton > li > a > span::before {
        position: absolute;
        left: 5px;
        top: 4px;
        height: 15px;
    }
    #product ul.extraButton > li > a > span::after {
        position: absolute;
        left: calc(100% / 2);
        top: -10px;
        height: 15px;
    }
    #product ul.extraButton > li > a:hover > span {
        color: #333;
    }
    #product ul.extraButton > li > a {
        padding-top: 2px;
    }
    #product ul.extraButton > li > a > span {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #edecec 51%, #edecec 84%, #edecec 100%, #edecec 100%, #cecdcc 100%) repeat scroll 0 0;
        box-shadow: 1px 1px 5px #999;
        width: 100%;
        display: block;
        font-weight: bold;
        line-height: 2.3;
        font-size: 12px;
        margin: 0;
        padding: 2px 55px 2px 55px;
        text-align: center;
        color: #666;
        position: relative;
    }
    #myModal .modal-dialog {
        width: calc(100% - 50px);
    }
    .priceBox {
        color: #333;
        min-height: 100px;
        padding: 5px;
        width: 200px;
        float: none !important;
    }
    .item img {
        display: inline-block;
        width: calc(70%);
        margin-left: 70px;
    }
    .productPageSlider {
        position: relative;
        width: 340px;
    }
    #myNewcarousel img {
        height: 100px;
        padding-right: 5px;
        width: 100px;
    }
}
@media (max-width: 479px) {
    ul.extraButton, .filterInfo, .filterDescription, .iconBar {
        display: none;
    }
    .nav.nav-tabs {
        border-bottom: 1px solid #fff;
    }
    #product {
        border: 1px solid #eee;
        position: relative;
        top: 0px;
    }
    .nav > li > a {
        padding-top: 6px;
        font-size: 12px;
    }
    .container {
        margin: 0 10px;
    }
    #product ul.categoryImages li {
        background-color: #ffffff;
        margin: 2px;
        width: calc(100% / 2 - 4px);
        float: left;
        list-style-type: none;
        font-size: 11px;
        border: 1px solid #666;
        text-align: center;
    }
    #product ul.categoryImages li a {
        height: 100%;
        width: 100%;
        padding: 3px;
        display: block;
        margin: 0;
        position: relative;
        text-decoration: none;
        text-align: center;
    }
    .productPageSlider {
        position: relative;
        width: 200px;
    }
    #myNewcarousel img {
        height: 75px;
        padding-right: 5px;
        width: 75px;
    }
}
@media (max-width: 340px) {
    #product ul.categoryImages li {
        width: calc(100% / 1 - 4px);
        height: 22em;
    }
    .item img {
        display: inline-block;
        width: calc(70%);
        margin-left: 30px;
    }
    #myNewcarousel img {
        height: 75px;
        padding-right: 5px;
        width: 75px;
    }
}
@media (min-width: 768px) {
    .filterDescription.pull-right {
        float: none !important;
    }
    .nav.nav-tabs { /*margin: 0 -15px;*/
        transition: background-image 4s;
        border-bottom: 1px solid #fff;
        height: 391px;
    }
    #teaserImages img {
        left: 0;
        position: absolute;
        top: 0;
    }
    #teaser > li > a {
        padding-top: 271px;
    }
    #teaser > li > a > span {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #edecec 51%, #edecec 84%, #edecec 100%, #edecec 100%, #cecdcc 100%) repeat scroll 0 0;
        box-shadow: 1px 1px 5px #999;
        width: 100%;
        display: inline-block;
        font-weight: bold;
        line-height: 1.6;
        font-size: 12px;
        margin: 0;
        padding: 2px 0;
        text-align: center;
        color: #666;
    }
    #product ul.extraButton { /*padding-left: 2px;        margin: 8px auto;*/
    }
    #product ul.extraButton > li {
        display: inline-block;
        margin: 5px auto;
    }
    #product ul.extraButton > li > a > span::before {
        position: absolute;
        left: 5px;
        top: 4px;
        height: 15px;
    }
    #product ul.extraButton > li > a > span::after {
        position: absolute;
        left: calc(100% / 2);
        top: -10px;
        height: 15px;
    }
    #product ul.extraButton > li > a:hover > span {
        color: #333;
    }
    #product ul.extraButton > li > a {
        padding-top: 2px;
    }
    #product ul.extraButton > li > a > span {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #edecec 51%, #edecec 84%, #edecec 100%, #edecec 100%, #cecdcc 100%) repeat scroll 0 0;
        box-shadow: 1px 1px 5px #999;
        width: 100%;
        display: block;
        font-weight: bold;
        line-height: 2.3;
        font-size: 12px;
        margin: 0;
        padding: 2px 55px 2px 55px;
        text-align: center;
        color: #666;
        position: relative;
    }
    #teaser > li > a:hover > span {
        color: #333;
    }
    #product {
        border: 1px solid #eee;
        position: relative;
        top: -83px;
    }
    .nav > li > a {
        font-size: 14px;
    }
    #product ul.categoryImages li {
        background-color: #ffffff;
        margin: 2px;
        height: 220px;
        width: calc(100% / 3 - 4px);
        text-align: center;
        float: left;
        list-style-type: none;
        font-size: 11px;
        border: 1px solid #666;
    }
    #product ul.categoryImages li a {
        height: 100%;
        width: 100%;
        padding: 3px;
        display: block;
        margin: 0;
        position: relative;
        text-decoration: none;
        text-align: center;
    }
    #myModal .modal-dialog {
        width: calc(100% - 50px);
    }
    .priceBox {
        color: #333;
        height: 100px;
        padding: 5px;
        width: 350px;
    }
    .item img {
        display: inline-block;
        width: calc(70%);
        margin-left: 70px;
    }
    .productPageSlider {
        position: relative;
        width: 340px;
    }
    #myNewcarousel img {
        height: 100px;
        padding-right: 5px;
        width: 100px;
    }
}
@media (min-width: 992px) {
    .filterDescription.pull-right {
        float: right !important;
    }
    #product {
        border: 1px solid #eee;
        position: relative;
        top: -10px;
        margin: 0;
    }
    #teaser > li > a {
        padding-top: 341px;
    }
    .nav > li > a {
        font-size: 14px;
    }
    #product ul.categoryImages li {
        border: 1px solid #666;
        margin: 2px;
        height: 238px;
        width: calc(100% / 3 - 4px);
        text-align: center;
        font-size: 11px;
    }
    #product ul.categoryImages li a {
        height: 100%;
        width: 100%;
        padding: 3px;
        text-align: center;
        margin: 0;
    }
    #myModal .modal-dialog {
        width: 800px;
    }
    .item img {
        display: inline-block;
        margin-left: 70px;
    }
}
@media (min-width: 1200px) {
    #product {
        min-height: 400px;
        border: 1px solid #eee;
        position: relative;
        top: 9px;
        margin: 0;
    }
    #teaser > li > a {
        padding-top: 401px;
    }
    #product ul.categoryImages li {
        margin: 2px;
        height: 22rem;
        width: calc(100% / 4 - 4px);
        border: 1px solid #666;
        text-align: center;
        font-size: 11px;
    }
    #product ul.categoryImages li a {
        height: 100%;
        width: 100%;
        padding: 3px;
        text-align: center;
        margin: 0;
    }
    #myModal .modal-dialog {
        width: 800px;
    }
    .item img {
        display: inline-block;
        margin-left: 70px;
    }
}
#brinkVideo .modal-dialog {
    max-width: 61% !important;
    width: 100%;
    height: 90%;
}
#brinkVideo .modal-content {
    height: 100%;
    overflow: auto;
}
#carousel-example-generic {
    margin-bottom: 6rem;
}
#carousel-example-generic .item img {
    display: inline-block;
    margin-left: 0px;
    width: 100%;
}
#carousel-example-generic .carousel-control {
    top: 200px;
}
#carousel-example-generic .carousel-control.right {
    right: -65px;
}
#carousel-example-generic .carousel-control.left {
    left: -65px;
}
#carousel-example-generic .carousel-control-next,#carousel-example-generic .carousel-control-prev{
    color: rgb(102, 102, 102);
}
#carousel-example-generic .carousel-control-next {right: -3rem;}
#carousel-example-generic .carousel-control-prev{left: -3rem;}

#carousel-example-generic .carousel-indicators {
    bottom: -4rem;


}
/*#carousel-example-generic div.carousel-indicators button,
  #carousel-example-generic div.carousel-indicators button.active {
      width: 2.25rem;
      height: 2.25rem;
      border-radius: 5rem;
      border-width: 0.3rem;
      background: transparent;
      border-color: #888888;
      margin-left: 0.75rem;
      margin-right: 0.75rem;
      position: relative;
  }*/
#carousel-example-generic .carousel-indicators [data-bs-target]{
    width: 1rem;
    height: 1rem;
    border: 3px solid #888888;
    border-radius: 5rem;
    margin-left: 0.75rem;
    margin-right: 0.75rem;

}
#carousel-example-generic .carousel-indicators .active {
    border: 3px solid var(--brinkRed, rgb(210,10,17));

}

@media only screen and (max-width: 768px) {
    #carousel-example-generic ol.carousel-indicators li,
    #carousel-example-generic ol.carousel-indicators li.active {
        /*width: 1rem;
          height: 1rem;
          border-radius: 5rem;
          border-width: 0.3rem;
          background: transparent;
          border-color: #888888;
          margin-left: 0.5rem;
          margin-right: 0.5rem;
          position: relative;*/
        display: none;
    }
    #carousel-example-generic .carousel-control {
        display: none;
    }
}
#carousel-example-generic ol.carousel-indicators li.active {
    border-color: #DF0527;
    position: relative;
    top: -1px;
}
.thumbnailItem {
    max-width: 10rem;

    overflow: hidden;
}
.thumbnailItem img {
    border-bottom: 4px solid #ffffff;
}
.thumbnailItem a:hover img {
    border-bottom: 4px solid #cccccc;
}
.thumbnailMenu {
    background-color: #e3e3e3;
    display: flex;
    justify-content: space-between;
}

/*.row{    margin-left:0px;    margin-right:0px;}*/
#wrapper {
    padding-right: 50px;
    transition: all .4s ease 0s;
    float: right;
    position: relative;
}
#sidebar-wrapper {
    margin-right: -150px;
    right: -10px;
    width: 50px;
    background: #fff;
    position: absolute;
    height: 100%;
    z-index: 10000;
    transition: all .4s ease 0s;
}
.sidebar-nav {
    display: block;
    float: right;
    width: 150px;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 428px;
}
.sidebarLayer {
    background-color: #fff;
    height: 500px;
    left: -90px;
    position: relative;
    width: 450px;
    z-index: 90;
}
#wrapper #sidebar {
    position: relative; /*right: -650px;    height: 0px;*/
    width: 360px;
    left: 222px;
    transition: all 1s ease 0s;
    z-index: 1;
    opacity: 1;
    top: -430px;
}
@media (max-width: 450px) {
    #wrapper #sidebar {
        width: 240px;
    }
}
#wrapper.clicked #sidebar {
    position: relative;
    width: 350px; /* transition: all 1s ease 0s;* } #page-content-wrapper {     padding-right: 0;     margin-right: 0;     width: 100%;     height: auto;     display: block; } #wrapper.active {     padding-right: 250px; } #wrapper.active #sidebar {     /*right: 350px;*/
}
#page-content-wrapper {
    width: 100%;
}
#sidebar_menu {
    position: relative;
    top: 140px;
    left: 0px;
    z-index: 99;
    transform: rotate(90deg);
    width: 230px;
    height: 50px;
}
#sidebar_menu li a {
    color: #333;
    display: block;
    float: left;
    text-decoration: none;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #333;
    text-indent: 0;
}
@media (min-width: 1000px)and (max-width: 1100px) {
    #sidebar_menu {
        left: -65px;
    }
}
@media (min-width: 1200px)and (max-width: 1300px) {
    #sidebar_menu {
        left: -65px;
    }
}
@media (min-width: 768px)and (max-width: 900px) {
    #sidebar_menu {
        left: -65px;
    }
    #product img {
        max-height: 120px;
        max-width: 90%;
    }
}
@media (max-width: 767px) {
    #sidebar_menu {
        left: 50px;
    }
    .sidebarLayer {
        left: -30px;
    }
}
.sidebar_name {
    padding-top: 25px;
    color: #fff;
    opacity: .7;
}
#sidebar_menu li {
    line-height: 40px;
    text-indent: 20px;
}
#sidebar { /*margin-left: 120px;*/
    background-color: #fff;
    position: relative;
}
#sidebar li {
    display: inline-block;
    background-color: #fff;
}
.sidebar-nav li.sidebar-brand {
    text-indent: 0px;
    padding: 5px;
}
/*.sidebar-nav li a {  color: #999999;  display: block;  text-decoration: none;}.sidebar-nav li a:hover {  color: #fff;  background: rgba(255,255,255,0.2);  text-decoration: none;}.sidebar-nav li a:active,.sidebar-nav li a:focus {  text-decoration: none;}.sidebar-nav > .sidebar-brand {  height: 65px;  line-height: 60px;  font-size: 18px;}.sidebar-nav > .sidebar-brand a {  color: #999999;}.sidebar-nav > .sidebar-brand a:hover {  color: #fff;  background: none;}*/
#productImage {
    height: 360px;
}
@media (max-width: 767px) {
    #wrapper {
        padding-right: 70px;
        transition: all .4s ease 0s;
    }
    #sidebar-wrapper {
        right: 70px;
    }
    #wrapper.active {
        padding-right: 150px;
    }
    #wrapper.active #sidebar-wrapper {
        right: 150px;
        width: 150px;
        transition: all .4s ease 0s;
    }
}
#prodChooseContSmall {
    background-color: #fff;
    top: -40px;
    position: relative;
    border: 2px solid #888;
    box-shadow: 0 -2px 3px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 -2px 3px 1px rgba(0, 0, 0, 0.3);
}
#grilleChooser {
    background: #fff url("/media/atg/rost-rund.png") no-repeat scroll 0 0;
    border: 1px solid #999;
    cursor: pointer;
    float: left;
    height: 190px;
    margin: 5px;
    position: relative;
    width: 170px;
}
#grilleChoose {
    padding-left: 0;
    background-color: #fff;
}
#grilleChoose li {
    border: 1px solid transparent;
    float: left;
    height: 95px;
    padding: 5px 1px;
    position: relative;
    width: 115px;
    list-style-type: none;
    text-align: center;
}
.productPage #grilleChoose li {
    height: 160px;
    width: 130px;
}
/*#grilleChoose li:hover {    background: #d0d0d0 none repeat scroll 0 0;    border: 1px solid #999;}*/
#grilleChoose li img { /*float: right;*/
    width: 80%;
    cursor: pointer;
}
#grilleChoose li.checked {
    border: 1px solid #e9e9e9;
}
#grilleChoose li img.checked { /*float: right;*/
    border-bottom: 2px solid green;
}
#grilleChoose .button {
    font-size: 11px;
}
#grilleChoose li span { /* bottom: 30px;*/
    font-size: 11px;
    line-height: 1;
    font-weight: bold;
    left: 5px; /* position: absolute;*/
}
#chosenGrille {
    bottom: 0;
    left: 0;
}
.modal-content {
    height: 600px;
    overflow: auto;
}
.modal-header {
}
#additions {
    border: 1px solid #999;
    float: left;
    min-height: 190px;
    margin: 5px;
    width: 170px;
}
#additions .item {
    padding: 4px;
}
#corners {
    border: 1px solid #999;
    float: left;
    height: 190px;
    margin: 5px 0 5px 5px;
    width: 170px;
}
#corners .item {
    padding: 4px;
}
.btn-atg {
    color: #444;
    background-color: #fff; /*#dedede;*/
    border-color: #ccc;
    font-weight: bold;
}
.btn-atg:focus, .btn-atg.focus { /*color: #444;    background-color: #286090;    border-color: #122b40;*/
}
.btn-atg:hover {
    color: #444;
    background-color: #ededed;
    border-color: #ccc;
}
.btn-atg:active, .btn-atg.active, .open > .dropdown-toggle.btn-atg {
    color: #444;
    background-color: #ededed;
    border-color: #ccc;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.btn-atg:after /*,.open > .dropdown-toggle.btn-atg:after*/
{
    content: "";
    display: inline-block;
    border-bottom: 2px #fff solid;
    position: relative;
    top: 15px;
    text-align: center;
    left: calc(-100% - 10px);
    width: calc(100% + 20px);
}
/*.btn-atg:active:after,*/
.btn-atg.active:after, .btn-atg:hover:after /*,.open > .dropdown-toggle.btn-atg:after*/
{
    content: "";
    display: inline-block;
    border-bottom: 2px green solid;
    position: relative;
    top: 15px;
    width: calc(100% + 20px);
    text-align: center;
    left: calc(-100% - 10px);
}
.btn-atg:active:hover, .btn-atg.active:hover, .open > .dropdown-toggle.btn-atg:hover, .btn-atg:active:focus, .btn-atg.active:focus, .open > .dropdown-toggle.btn-atg:focus, .btn-atg:active.focus, .btn-atg.active.focus, .open > .dropdown-toggle.btn-atg.focus {
    color: #444;
    background-color: #ededed;
    border-color: #ccc;
}
.btn-atg:active, .btn-atg.active, .open > .dropdown-toggle.btn-atg {
    background-image: none;
}
.btn-atg.disabled:hover, .btn-atg[disabled]:hover, fieldset[disabled] .btn-atg:hover, .btn-atg.disabled:focus, .btn-atg[disabled]:focus, fieldset[disabled] .btn-atg:focus, .btn-atg.disabled.focus, .btn-atg[disabled].focus, fieldset[disabled] .btn-atg.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.cart-collaterals button.button > span {
    background: #1b6800;
}
.cart-collaterals button.button > span::after {
    background: #679100;
}
.btn-headLine {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    border-radius: 0px;
}
.btn-headLine:hover {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    background-color: #fff;
}
.header-container {
    padding: 0;
    background: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-box-shadow: none;

    border-bottom: 1px solid #ccc;
}
.navbar-nav {
    display: table-row;
    width: 100%;
}
.navbar-default {
    background-color: transparent;
    border: none;
}
.container > .navbar-header, .container > .navbar-collapse {
    margin-left: -15px;
    margin-right: -15px;
}
.navbar {
    min-height: 0px;
}
.navbar-nav > li {
    display: table-cell;
    width: 0.1%;
    float: none;
    position: relative;
}
.navbar-nav > li:nth-child(3) {
    width: 0.16%;
}
.navbar-nav > li > a { /*background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ffffff 0%, #ffffff 50%, #edecec 51%, #edecec 84%, #cecdcc 100%) repeat scroll 0 0;*/
    background: rgba(0, 0, 0, 0) repeat scroll 0 0;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #edecec 51%, #edecec 84%, #edecec 100%, #edecec 100%, #cecdcc 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #edecec 51%, #edecec 84%, #edecec 100%, #edecec 100%, #cecdcc 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #edecec 51%, #edecec 84%, #edecec 100%, #edecec 100%, #cecdcc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cecdcc', GradientType=0);
    box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    color: #999;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8;
    margin: 0;
    padding: 2px 0;
    text-align: center;
    text-decoration: none;
}
.navbar-nav > li > a[title = 'Produkte | Shop'] {
    color: rgb(210,10,17);
}
.navbar-nav > li > a[title = 'Products | Shop'] {
    color: rgb(210,10,17);
}
@media (min-width: 768px) and (max-width: 992px) {
    .navbar-nav > li > a[title = 'Produkte | Shop'],.navbar-nav > li > a[title = 'Products | Shop'] {
        visibility: hidden;
    }
    .navbar-nav > li > a[title = 'Produkte | Shop']:before,.navbar-nav > li > a[title = 'Products | Shop']:before {
        content:'Shop';
        visibility: visible;
        display: block;
        position: relative;
        background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #edecec 51%, #edecec 84%, #edecec 100%, #edecec 100%, #cecdcc 100%);
        box-shadow: 1px 1px 5px #999;
        -webkit-box-shadow: 1px 1px 5px #999;
        color: rgb(210,10,17);
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.8;
        margin: 0;
        padding: 2px 0;
        text-align: center;
        text-decoration: none;
    }
}
@media (min-width: 768px) and (max-width: 1200px) {
    .navbar-nav > li > a[title = 'Sources of supply'] {
        visibility: hidden;
    }
    .navbar-nav > li > a[title = 'Sources of supply']:before {
        content:'Sources';
        visibility: visible;
        display: block;
        position: relative;
        background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #edecec 51%, #edecec 84%, #edecec 100%, #edecec 100%, #cecdcc 100%);
        box-shadow: 1px 1px 5px #999;
        -webkit-box-shadow: 1px 1px 5px #999;
        color: rgb(119,119,119);
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.8;
        margin: 0;
        padding: 2px 0;
        text-align: center;
        text-decoration: none;
    }
}
.headerLogo {
    position: relative;
}
.headerLogo .left {
    padding-right: 0px;
}
.headerLogo .right {
    padding-left: 0px;
}
.headerLogo .left img {
    width: 100%;
    height: 100%;
}
.headerLogo .right img {
    width: 100%;
    height: 100%;
}
#product .fade {
    opacity: 0;
    -webkit-transition: opacity 2.25s linear;
    -moz-transition: opacity 2.25s linear;
    -ms-transition: opacity 2.25s linear;
    -o-transition: opacity 2.25s linear;
    transition: opacity 2.25s linear;
}
.productDetailsCont .alert-danger {
    background-color: #f2dede;
}
.glyphicons-lg {
    font-size: 1.6em;
}
.form-horizontal .control-label {
    text-align: left;
}
#tenderMeta.form-horizontal .control-label {
    font-size: 14px;
}
.tenderMetaData {
    border-color: #999;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    padding: 2px;
}
.tenderMetaData div {
    float: left;
    font-size: 16px;
    margin: 10px 30px 10px 10px;
}
.tenderPositions {
    border-color: #999;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    padding: 2px;
}
.tenderPositions th {
    border: 0 solid #000;
    color: #444;
    font-weight: bold;
    padding: 5px 10px;
}
.tenderPositions td {
    padding: 5px 10px;
}
.posControl {
    margin: 0 60px 15px 15px;
    text-align: right;
}
.logoCSS {
    width: 100%;
    height: 30px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #333333 3%, #333333 10%, #ffffff 14%, #ffffff 16%, #da001a 20%, #da001a 22%, #ffffff 28%, #ffffff 34%, #e97b5a 46%, #e3573a 54%, #da001a 84%, #ffffff 87%, #ffffff 91%, #333333 96%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #333333 3%, #333333 10%, #ffffff 14%, #ffffff 16%, #da001a 20%, #da001a 22%, #ffffff 28%, #ffffff 34%, #e97b5a 46%, #e3573a 54%, #da001a 84%, #ffffff 87%, #ffffff 91%, #333333 96%);
    background: linear-gradient(to bottom, #ffffff 0%, #333333 3%, #333333 10%, #ffffff 14%, #ffffff 16%, #da001a 20%, #da001a 22%, #ffffff 28%, #ffffff 34%, #e97b5a 46%, #e3573a 54%, #da001a 84%, #ffffff 87%, #ffffff 91%, #333333 96%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#333333', GradientType=0);
    margin-top: 0.5rem;/*5*/

}
.logoIMG {
    text-align: right;
}
.logoIMG a {
    display: inline-block;
}
.header .logo img {
    height: auto;
    max-width: 100%;
    position: absolute;
    right: 50px;
    top: -76px;
    z-index: 99;
}

@media (max-width: 767px) {
    .header .logo img {

        right: 15px;

    }
}
.logoArea {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 2rem;
}
#teaser > li {
    margin: 0;
}
#teaser > li > a {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
}
.priceBox {
    width: 230px;
    min-height: 100px;
    color: #333;
    padding: 5px 5px 10px 16px;
}
#priceBoxTotal .price {
    font-size: 40px;
    font-weight: normal;
    line-height: 40px;
    color: #73d5c9;
}
.priceBoxHeader {
    font-size: 16px;
    font-weight: bold;
}
#priceBoxTotal .price {
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    color: #73d5c9;
    margin: 5px 0 5px;
    display: inline-block;
}
#productName {
    font-size: 24px;
}
.priceBox .vat, .priceBox .availability {
    font-size: 11px;
}
.jcarousel-wrapper {
    margin: 20px;
    position: relative;
    border: 10px solid #fff; /* width: 600px;     height: 400px;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}
.jcarousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}
.jcarousel-wrapper .photo-credits a {
    color: #fff;
}
/** Carousel **/
.jcarousel {
    position: relative;
    overflow: hidden;
}
#myNewcarousel > div {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel .imageItem {
    float: left;
    padding-right: 10px;
}
/** Carousel Controls **/
.jcarousel-control-prev, .jcarousel-control-next {
    position: absolute;
    top: 40px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}
.jcarousel-control-prev {
    left: -50px !important;
}
.jcarousel-control-next {
    right: -50px !important;
}
.jcarousel-control-prev:hover span, .jcarousel-control-next:hover span {
    display: block;
}
.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}
/** Carousel Pagination **/
.jcarousel-pagination {
    position: absolute;
    bottom: 0;
    left: 15px;
}
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    margin-right: 2px;
    opacity: .75;
}
.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
.item .img-circle {
    border-radius: 0;
}
.item a {
    text-align: center;
}
.carousel-control.right, .carousel-control.left {
    background-image: none;
    color: #666;
}
#myModal .modal-content {
    height: auto;
    overflow: auto;
}
.popover.top {
    margin-bottom: 10px;
}
.container.announcement {
    margin-top: 20px;
}
.container.announcement .row {
    margin-bottom: 20px;
}
.announcement h2 {
    cursor: pointer;
}
#tenderList, #customerTenderList {
    padding: 10px;
    border: 1px solid #999;
    min-height: 300px;
}
.clickHeader {
    color: #777 !important;
}
.modal-static {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    margin-top: -100px;
    margin-left: -100px;
    overflow: visible !important;
}
.modal-static, .modal-static .modal-dialog, .modal-static .modal-content {
    width: 200px;
    height: 200px;
}
.modal-static .modal-dialog, .modal-static .modal-content {
    padding: 0 !important;
    margin: 0 !important;
}
.modal-static .modal-content .icon {
}
.bubblingG {
    text-align: center;
    width: 78px;
    height: 49px;
    margin: auto;
}
.bubblingG span {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 24px auto;
    background: rgb(0, 0, 0);
    border-radius: 49px;
    -o-border-radius: 49px;
    -ms-border-radius: 49px;
    -webkit-border-radius: 49px;
    -moz-border-radius: 49px;
    animation: bubblingG 1.5s infinite alternate;
    -o-animation: bubblingG 1.5s infinite alternate;
    -ms-animation: bubblingG 1.5s infinite alternate;
    -webkit-animation: bubblingG 1.5s infinite alternate;
    -moz-animation: bubblingG 1.5s infinite alternate;
}
#bubblingG_1 {
    animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
}
#bubblingG_2 {
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
}
#bubblingG_3 {
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}
@keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: rgb(194, 0, 0);
        transform: translateY(0);
    }
    100% {
        width: 23px;
        height: 23px;
        background-color: rgb(255, 255, 255);
        transform: translateY(-20px);
    }
}
@-o-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: rgb(194, 0, 0);
        -o-transform: translateY(0);
    }
    100% {
        width: 23px;
        height: 23px;
        background-color: rgb(255, 255, 255);
        -o-transform: translateY(-20px);
    }
}
@-ms-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: rgb(194, 0, 0);
        -ms-transform: translateY(0);
    }
    100% {
        width: 23px;
        height: 23px;
        background-color: rgb(255, 255, 255);
        -ms-transform: translateY(-20px);
    }
}
@-webkit-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: rgb(194, 0, 0);
        -webkit-transform: translateY(0);
    }
    100% {
        width: 23px;
        height: 23px;
        background-color: rgb(255, 255, 255);
        -webkit-transform: translateY(-20px);
    }
}
@-moz-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: rgb(194, 0, 0);
        -moz-transform: translateY(0);
    }
    100% {
        width: 23px;
        height: 23px;
        background-color: rgb(255, 255, 255);
        -moz-transform: translateY(-20px);
    }
}
#requestNotice {
    color: rgb(194, 0, 0);
}
h4, h5, h6, h1, h2, h3 {
    margin-top: 0;
}
.h2 {
    margin-top: 0;
}
ul, ol {
    margin: 0;
}
p {
    margin: 0;
}
.main-container label {
    font-weight: normal;
}
.page .label, .ajaxcart .label {
    color: inherit;
    font-size: 100%;
    border-radius: 0;
    display: inline-block;
    text-align: left;
    white-space: normal;
    line-height: normal;
}
.main-container .data-table .label {
    display: table-cell;
}
.main-container .radio, .main-container .checkbox {
    display: inline-block;
    margin-top: 0;
}
/*@media (min-width: 1450px) {   .container {    max-width: 1450px;    width: 1450px;  }}*/
@media only screen and (min-width: 768px) {
    span.toggle {
        display: none;
    }
    .footer-col-content, .block .block-content, .box-collateral-content {
        height: 100% !important;
        display: block !important;
        opacity: 1 !important;
    }
}
.footer .footer-col-content {
    display: block !important;
}
/***************  Bootstrap spacing   ********************************/
.w-25 {
    width: 25% !important
}
.w-50 {
    width: 50% !important
}
.w-75 {
    width: 75% !important
}
.w-100 {
    width: 100% !important
}
.h-25 {
    height: 25% !important
}
.h-50 {
    height: 50% !important
}
.h-75 {
    height: 75% !important
}
.h-100 {
    height: 100% !important
}
.mw-100 {
    max-width: 100% !important
}
.mh-100 {
    max-height: 100% !important
}
.m-0 {
    margin: 0 !important
}
.mt-0, .my-0 {
    margin-top: 0 !important
}
.mr-0, .mx-0 {
    margin-right: 0 !important
}
.mb-0, .my-0 {
    margin-bottom: 0 !important
}
.ml-0, .mx-0 {
    margin-left: 0 !important
}
.m-1 {
    margin: .25rem !important
}
.mt-1, .my-1 {
    margin-top: .25rem !important
}
.mr-1, .mx-1 {
    margin-right: .25rem !important
}
.mb-1, .my-1 {
    margin-bottom: .25rem !important
}
.ml-1, .mx-1 {
    margin-left: .25rem !important
}
.m-2 {
    margin: .5rem !important
}
.mt-2, .my-2 {
    margin-top: .5rem !important
}
.mr-2, .mx-2 {
    margin-right: .5rem !important
}
.mb-2, .my-2 {
    margin-bottom: .5rem !important
}
.ml-2, .mx-2 {
    margin-left: .5rem !important
}
.m-3 {
    margin: 1rem !important
}
.mt-3, .my-3 {
    margin-top: 1rem !important
}
.mr-3, .mx-3 {
    margin-right: 1rem !important
}
.mb-3, .my-3 {
    margin-bottom: 1rem !important
}
.ml-3, .mx-3 {
    margin-left: 1rem !important
}
.m-4 {
    margin: 1.5rem !important
}
.mt-4, .my-4 {
    margin-top: 1.5rem !important
}
.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}
.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}
.m-5 {
    margin: 3rem !important
}
.mt-5, .my-5 {
    margin-top: 3rem !important
}
.mr-5, .mx-5 {
    margin-right: 3rem !important
}
.mb-5, .my-5 {
    margin-bottom: 3rem !important
}
.ml-5, .mx-5 {
    margin-left: 3rem !important
}
.p-0 {
    padding: 0 !important
}
.pt-0, .py-0 {
    padding-top: 0 !important
}
.pr-0, .px-0 {
    padding-right: 0 !important
}
.pb-0, .py-0 {
    padding-bottom: 0 !important
}
.pl-0, .px-0 {
    padding-left: 0 !important
}
.p-1 {
    padding: .25rem !important
}
.pt-1, .py-1 {
    padding-top: .25rem !important
}
.pr-1, .px-1 {
    padding-right: .25rem !important
}
.pb-1, .py-1 {
    padding-bottom: .25rem !important
}
.pl-1, .px-1 {
    padding-left: .25rem !important
}
.p-2 {
    padding: .5rem !important
}
.pt-2, .py-2 {
    padding-top: .5rem !important
}
.pr-2, .px-2 {
    padding-right: .5rem !important
}
.pb-2, .py-2 {
    padding-bottom: .5rem !important
}
.pl-2, .px-2 {
    padding-left: .5rem !important
}
.p-3 {
    padding: 1rem !important
}
.pt-3, .py-3 {
    padding-top: 1rem !important
}
.pr-3, .px-3 {
    padding-right: 1rem !important
}
.pb-3, .py-3 {
    padding-bottom: 1rem !important
}
.pl-3, .px-3 {
    padding-left: 1rem !important
}
.p-4 {
    padding: 1.5rem !important
}
.pt-4, .py-4 {
    padding-top: 1.5rem !important
}
.pr-4, .px-4 {
    padding-right: 1.5rem !important
}
.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}
.pl-4, .px-4 {
    padding-left: 1.5rem !important
}
.p-5 {
    padding: 3rem !important
}
.pt-5, .py-5 {
    padding-top: 3rem !important
}
.pr-5, .px-5 {
    padding-right: 3rem !important
}
.pb-5, .py-5 {
    padding-bottom: 3rem !important
}
.pl-5, .px-5 {
    padding-left: 3rem !important
}
.m-auto {
    margin: auto !important
}
.mt-auto, .my-auto {
    margin-top: auto !important
}
.mr-auto, .mx-auto {
    margin-right: auto !important
}
.mb-auto, .my-auto {
    margin-bottom: auto !important
}
.ml-auto, .mx-auto {
    margin-left: auto !important
}
@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}
@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}
@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}
@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}
.productPage ul, .productPage ol {
    margin: 1.5rem;
    margin-top: 0rem;
}
.productPage .additionalLinks ul , .productPage .additionalLinks ol {
    margin-left: 0;
    margin-top: 0rem;
}
#downloadArea .btn.btn-outline-secondary  {
    width: 18rem;
}
@media only screen and (max-width: 767px) {
    #downloadArea .btn.btn-outline-secondary {
        width: 18rem;
        margin-bottom: 2rem;
    }
}
}
.btn-outline-secondary{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-outline-secondary:hover{
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.productPage ul {
    list-style: disc;
}
.productPage ol {
    list-style: decimal;
}
.productPage .productDescription p {
    margin-top: 2rem;
}
.seitenbild img {
    border-radius: 20px 0 0 20px;
    box-shadow: 0px 5px 10px rgba(0,0,0, 0.3);
}
.lead {
    font-size: 14px;
    font-weight: 600;
}
.newsThumbnail {
    height: 105px;
    object-fit: cover;
    width: 105px;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    border: solid 1px #ccc;
}

.news-list-item .lead p {
    display: inline;
    margin-right: 1rem;
}
.news-tags {
    padding-bottom: 1rem;
}
.news-list-item .lead .btn, .news-tags.list-inline li .btn{
    padding: 3px 6px;
}
.news-list-item .lead .btn {
    float: right;
}
.mfp-title {
    padding-right: 50px;
}
.news-list-item .lead .btn-read-more {
    color: var(--brinkRed, rgb(210,10,17));
}
.news-related-news h4{
    border-top: 1px solid #8c8c8c;
    padding-top: 2rem;
    text-align: center;
    padding-bottom: 2rem;
    font-size: 1.75rem;
}
.news-related-news .list-inline li{
    max-width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news-single .h1, .news-list-item .h2 {
    color: var(--brinkRed, rgb(210,10,17));
    font-size: 1.4rem;
    font-style: italic;
    font-weight: bold;
    line-height: 1.4rem;
    padding-bottom: 0.5rem;

}
.news-single .list-inline a {
    font-weight: bold;
}
@media (max-width: 767px) {
    .news-single .h1, .news-list-item .h2 {
        padding-top: 0.5rem;

    }
}
.news-single .h2, .news-list-item h2{
    font-style: normal;
    font-weight: bold;
    line-height: 2rem;
}
.news-single .lead,.news-list-item .lead {
    font-style: italic;
    font-weight: normal;
}
.news-single .lead a, .news-list-item .lead a {
    font-style: italic;
    font-weight: bold;
    color: #777777;
}
.news-single .news-text-wrap a, .news-list-item .news-text-wrap a{
    font-style: italic;
    font-weight: normal;
    color: #777777;
}
.news-single .news-text-wrap a:hover, .news-single .lead a:hover, .news-list-item .news-text-wrap a:hover, .news-list-item .lead a:hover {
    color: var(--brinkRed, rgb(210,10,17));
}

.news-list-item .h2 a, .news-list-item a.btn-read-more{
    color: var(--brinkRed, rgb(210,10,17));
}
.news-list-item .h2 a:hover, .news-list-item a.btn-read-more:hover{
    color: #777777;
}
.news-single .article  .news-text-wrap h3{
    margin-bottom: 0.15rem;
    margin-top: 1.25rem;
}
.news-single .pressemappe a {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
    font-style: normal;
    font-weight: 300;
    color: inherit !important;
}
.news-single .pressemappe a.linkshow, .news-single .pressemappe .linkshow a {
    cursor: pointer;
    pointer-events: auto;
    text-decoration: none;
}
.news-single .pressemappe2 .ce-uploads a  {
    display: inline-block;
    margin-top: 0.4rem;
    margin-right: 1em;
    width: 95%;
    font-family: "Roboto Condensed", sans-serif;
    background: #303c4b;
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    padding: 1.25rem;
}
.news-single .pressemappe2 .ce-uploads a:hover  {

    background: var(--brinkRed, rgb(210,10,17));

}
.news-single .pressemappe .backLink {
    margin-top: 2rem;
    cursor: pointer;
    pointer-events: auto;
    text-decoration: none;
}
.news-pages {
    display: none;
}
.pressemappe .news-pages {
    display: inline-block;
}

.news-single .article p + p{
    margin-top: 1rem;
}


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #777777;
    border-color: #777777;
}
.pagination > li > a, .pagination > li > span {

    color: #777777;

}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {

    color: #555555;

}
.mfp-title sup{
    font-size: 1rem;
    /*top: 0.25rem;*/
}
.plzsearch {
    display: none;
}
:lang(de-DE) .plzsearch {
    display: block;
}
.vt {
    /*color: rgb(223, 5, 39);*/
    color: var(--brinkRed, rgb(210,10,17));
    display: inline-block;
}
.vtAnzeige {
    display:none ;
    background-color: #dddddd;
    border-bottom-left-radius: 30px;
}
.vertriebsteama {
    display: inline-block;
}
.home-link .fas {
    padding-right: 1rem;
    top: 0.25rem;
    position: relative;
}
.fa-t3page {
    color: rgb(117, 117, 117);
    font-size: 1.75rem;
}
.fa-t3page:hover{
    color: var(--brinkRed, rgb(210,10,17))
}


.messeticker  {
    border:1px solid green;
    transition: all 0.4s ease;
    animation-name: messeticker;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes messeticker {
    from {border: 1px solid green;}
    to {border: 1px solid #e9e9e9;}
}


@keyframes messeticker {
    0% {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
        visibility: visible;
    }
    0% {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(-105%, 0, 0);
        transform: translate3d(-105%, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-105%, 0, 0);
        transform: translate3d(-105%, 0, 0);
    }
}
@keyframes messeticker50 {
    0% {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
        visibility: visible;
    }
    10% {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
        visibility: visible;
    }
    95% {
        -webkit-transform: translate3d(-105%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-105%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes messeticker100 {
    0% {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
        visibility: visible;
    }
    10% {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
        visibility: visible;
    }
    95% {
        -webkit-transform: translate3d(-105%, 0, 0);
        transform: translate3d(-105%, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-105%, 0, 0);
        transform: translate3d(-105%, 0, 0);
    }
}


/* Formatting the full-width ticker wrapper background and font color */
.tickerarea {
    width: calc(100% - 17rem);
    margin-left: 1.5rem;
    position: relative;
    display: block;
}


.ticker-border {
    height: 2.75rem;
    position: relative; /*absolute*/
    /*width: 100%;*/
    border: 1px solid #ccc;
    padding-left: 1rem;
    -webkit-box-shadow: inset 0px 0px 4px 0px rgba(204,204,204,1);
    -moz-box-shadow: inset 0px 0px 4px 0px rgba(204,204,204,1);
    box-shadow: inset 0px 0px 4px 0px rgba(204,204,204,1);
    border-radius: 3px;
}
.ticker-border > span {
    display: inline-block;

    position: absolute;

    top: 0.75rem;
}
@media (max-width: 1530px) {
    .ticker-border {
        margin-right: 5rem;
    }
}
.ticker-wrap {
    overflow: hidden;
    position: relative;
    color: #333;
    width: calc(100% - 4.5rem);
    margin-top: 0.75rem;
    padding-left: 4rem;
    margin-left: 4rem;

}


/* Formatting the ticker content background, font color, padding and exit state */
.ticker {
    display: inline-block;
    white-space: nowrap;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: messeticker;
    animation-name: messeticker;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    font-weight: bold;
    min-width: 700px;

    text-align: left;
}

.tickerarea img {
    top: 5px;
    position: relative;
    margin-right: 5px;
    display: inline-block;
    margin-left: 5px;
}


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

    .tickerarea {
        width: 74%;
        margin-left: 1.5rem;
    }
    .ticker-wrap {

        width: 88%;
        margin-left: 4rem;
        margin-top: 0.75rem;
        left: 2rem;
    }
    .ticker {
        display: inline-block;
        white-space: nowrap;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-name: messeticker50;
        animation-name: messeticker50;
        -webkit-animation-duration: 20s;
        animation-duration: 20s;
        font-weight: bold;
        min-width: 700px;
        left: 2rem;
        text-align: left;
    }
}
@media only screen and (min-width: 992px) {
    .tickerarea {
        width: 79%;
        margin-left: 1.5rem;
    }
    .ticker-wrap {

        width: 90%;
        margin-left: 4rem;
        margin-top: 0.75rem;
    }
    .ticker {
        display: inline-block;
        white-space: nowrap;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-name: messeticker100;
        animation-name: messeticker100;
        -webkit-animation-duration: 25s;
        animation-duration: 25s;
        font-weight: bold;
        min-width: 700px;
        left: 2rem;
        text-align: left;
    }
}
@media only screen and (min-width: 1200px) {
    .tickerarea {
        width: 83%;
        margin-left: 1.5rem;
    }
}
.christmas {
    margin-top: 3rem;
}

.christmas div {
    display: flex;
    margin-bottom: 0.5rem;
    counter-increment: strophe;
}

.christmas div::before {
    content: counter(strophe);
    color: var(--brinkRed, rgb(210,10,17));
    padding-right: 1rem;
}
.stoerer, .stoerer td {
    color: #fff;
    background-color:var(--brinkRed);
    padding: 0.75rem;

}
.table-borderless {
    width: 100%;
    margin: auto;
}
@media only screen and (min-width: 992px) {
    .table-borderless {
        width: auto;
        margin: auto;
    }
    .stoerer {
        color: #fff;
        background-color:var(--brinkRed);
        padding: 0.75rem;
        margin-left: 20rem;
    }

}

.table-borderless thead tr th, .table-borderless tbody tr td {
    border: none!important;
}
.table-borderless td:last-child{
    padding-left: 3rem !important;
}
.larger-150 {
    font-size: 150%;
}


/* Indexed_Search */
.searchform.text-sm-right{
    width: 70%;
    float: right;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.fg--search {
    background: white;
    position: relative;
    width: 100%;
}

.fg--search input {
    width: 100%;
    padding: 10px 60px 10px 20px;
    display: block;
    font-size: 1.2rem;
}

.fg--search button {
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    position: absolute;
    top: -5px;
    right: 0;
    padding: 18px 10px;
    z-index: 2;
}

. fg--search input:focus + button .fa-search {
    color: red;
}
input::placeholder {

    font-size: 1.2rem;
}

.fg--search2 {
    background: white;
    position: relative;
    width: 100%;
    display:block;
}

.fg--search2 input {
    width: 100%;
    padding: 10px 60px 10px 20px;
    display: block;
    font-size: 1.2rem;
}
.fg--search2 button {
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    position: absolute;
    top: -5px;
    right: 0;
    padding: 18px 10px;
    z-index: 2;
}

ul.tx-indexedsearch-browsebox {
    display: flex;
    padding-left: 0;
    list-style: none;
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.tx-indexedsearch-browsebox li a {
    position: relative;
    display: block;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #aaa;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: .375rem .75rem;
}
.searchform  {
    margin-bottom: 1rem;
}

.searchform.text-sm-right{
    width: 70%;
    float: right;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* responsive.css*/
@media only screen and (min-width: 768px) {
    .indent-swipe  {margin-left: auto !important;}
    .top-search-cont {float: right; position: relative; font-size: 18px;}

    .header .logo {margin-top: -7px;}
    .footer-col.newsletter-1 {width: 270px;}

    .products-grid .add-to-links li a {
        font-size: 0;
        text-indent: -100000px;
    }
    .ps-static .products-grid .wrapper-hover:hover .wrapper-hover-hiden {display: block;}

}
@media only screen and (min-width: 992px) {
    body.ind .swipe {display: none !important; left: -300px !important;}
    .list-left {float: left; width: 61%;}
    .list-right {
        float: right;
        border-left: 1px solid #d1d0d0;
        padding-left: 20px;
        padding-right: 4px;
        padding-bottom: 250px;
        margin-bottom: -250px;
        width: 35%;
    }
    .products-list .rating-links {font-size: 12px;}
    .products-list .rating-links .separator {
        display: block;
        font-size: 0;
        width: 100%;
        border-top: 1px solid #ECECEC;
        height: 0;
        margin: 5px 0 3px;
    }

    .unimobile {display: none;}
    .footer .footer-col-content li a:hover {padding-left: 8px;}


}

@media only screen and (min-width: 992px) and (max-width: 1420px) {
    .products-grid .desc_grid {font-size: 11px; line-height: 18px;}
    .product-view .product-shop {width: 61%;}
    .row-title {font-size: 40px; line-height: 40px;}
    .row-cat .content-center span {line-height: 50px;}
    .row-product .email-friend {float: left; clear: left; padding-top: 5px;}
}
@media only screen  and (max-width: 1199px) {
    .block-cart-header {margin-bottom: 5px;}
    .header .f-right {clear: right;}
    .products-grid .desc_grid {font-size: 13px;}
    .label-product > span {left: 5px; top: 5px;}
    .label-product > span.sale {bottom: auto; top: 5px;}
    .box-2 .desc-row {font-size: 40px; line-height: 40px;}
    .box-2 .title-row {font-size: 60px; line-height: 60px;}

}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-buttons {padding-top: 0;}
    .header .quick-access {border: 0;}
    .header .welcome-msg {clear: right; padding-bottom: 10px; margin-top: -10px;}
    .product-view .product-shop {width:53%;}
    .product-view .addthis_button_tweet {width:95px;}
    .addthis_default_main .addthis_counter {clear:left;}
    .addthis_mini_style .addthis_counter {clear:inherit;}
    .mini-products-list .product-image {width:70px;}
    .mini-products-list .product-name {width:130px; margin-left: 0;}
    .block-related .product-name {width:120px;}
    .block-poll .answer {width: 140px;}
    .de-lang-class .row-product .email-friend,
    .es-lang-class .row-product .email-friend {float: left; clear: left;}
    .box-up-sell .up-sell-carousel-none li .product-box {padding: 10px;}
    .box-up-sell .up-sell-carousel-none li {width: 200px;}
    .block-slider-sidebar .slider-sidebar-cont {}
    .row-product .email-friend {float: left; clear: left; margin-top: 5px;}
    .header .link-extra {margin-left: 20px;}
    .header .form-search .input-text {width: 180px;}
    .block .block-title strong {font-size: 22px;}
    .title-row {font-size: 80px; line-height: 80px;	}
    .box-2 .desc-row {font-size: 50px; line-height: 50px;}
    .desc-row {	font-size: 33px; line-height: 33px;	}
    .grid-clol-6 .col-item6 {width: 25%;}
    .grid-clol-6 .col-item6:nth-child(4n+1) {clear: left;}
    .products-grid button.button{margin-right: 2px;}
    .products-grid .add-to-links li:first-child {margin-right: 1px;}

    .ru-lang-class .products-grid button.btn-cart > span {font-size: 13px;}
    .footer h4, .footer .block-title strong {font-size: 17px;}
    .footer .block-subscribe {margin-right: 4%;}
    .footer .footer-col-content li a:hover {padding-left: 0;}

    .footer-col.last {padding-left: 4%;}
    .footer .footer-col .tel {font-size: 20px;}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    body {padding-top: 0 !important;}
    .page {}
    .header .logo { margin: 0 0 15px !important; max-width: 600px;}
    .title-row {font-size: 70px; line-height:80px;	}
    .desc-row {	font-size: 33px; line-height: 33px;	}
    .header-info > div {float: none;}
    .order-buttons {display:none !important;}
    .nobr         { white-space:normal; }
    .sorter .view-mode {padding-top:0;}
    #search_mini_form {display: block !important; height: 100% !important; opacity: 1!important;}
    .account-login .registered-users .form-list input.input-text {width:326px;}
    .cart .crosssell button.btn-cart {float:none; margin-bottom:10px;}
    .cart .crosssell .add-to-links {float:none;}
    .cart .crosssell .product-details button.button > span {font-size:11px;}
    .cart .discount-form .input-box input { width:198px; }
    .form-list .input-box {width:225px;}
    .cart .shipping .form-list li select option {width:174px;}
    .cart .totals button.button > span { font-size:14px; }
    .cart .totals table th,
    .cart .totals table td { font-size:11px; padding: 15px 10px; }
    .cart .totals table td+td { padding: 15px 10px; }
    .cart .totals .price { font-size:18px; }
    #newsletterpopup .newsletterpopup-content {background: #fff;}
    #newsletterpopup .newsletterpopup-indent {width: 100%;}
    .mini-products-list .product-name {width:100%; margin:0; padding-top: 10px;}
    .block-compare .product-image {float: none; margin:0 auto 10px;}
    .block .block-title,
    .page-title, .category-title {}
    .block .block-title strong,
    .page-title h1,
    .page-title h2 { word-wrap:break-word;}
    .page-title h1, .page-title h2 {font-size: 30px;}

    button.button > span, .page-sitemap .links a {font-size: 10px;}
    button.button span span {}
    button.btn-row > span {font-size: 18px;}

    .products-grid li.item {}
    .regular-price,
    .products-grid li.item .minimal-price-link {float:none;}
    .products-grid li.item .price-box.map-info a {float:none; padding:0; margin-top:2px;}
    .products-grid li.item .regular-price,
    .products-grid li.item .old-price { display:block; }
    .product-shop .price-box {float:none;}
    .wrapper-hover {}
    .products-grid .price-box > p.special-price {float: none;}
    .products-grid .desc_grid {line-height: 20px; font-size: 12px;}
    .grid-clol-6 .col-item6 {width: 25%;}
    .grid-clol-6 .col-item6:nth-child(4n+1) {clear: left;}

    .products-grid button.btn-cart > span,
    .products-grid .add-to-links li a {width: 34px; height: 34px;}
    .products-grid button.button,
    .products-grid .add-to-links li:first-child {margin-right: 5px;}

    .products-grid .add-to-links li a:before,
    .products-grid button.btn-cart > span:before {font-size: 14px; line-height: 34px;}

    .widget-catalogsale-products .product-image {float: none;}


    .product-view .product-img-box .more-views li.item-4 {margin-left:0;}
    .product-view .product-img-box {float:none;width:310px; }
    #cloud-zoom-big {width: 225px !important; height: 255px !important;}
    .product-view .product-shop {float:none;width:auto;}
    .catalog-product-view .map-popup {left: 0 !important;}
    .addthis_default_main .addthis_counter {clear:inherit;}
    .block-layered-nav dd {padding-left:5px;}

    .my-account a {text-decoration:underline;}
    .my-account a:hover {text-decoration:none;}

    .opc .field {width:255px;}
    .opc .fields input,
    .opc .field input {width:238px;}
    .opc .fields select,
    .opc .field select {width:238px;}
    .opc .fields select option,
    .opc .field select option {width:217px;}
    .opc .form-list li.wide input.input-text {width:490px;}
    .opc .form-list li.wide .input-box {width: auto;}
    .opc .name-middlename {width:149px;}
    .opc .form-list .customer-name-suffix .name-lastname,
    .opc .form-list .customer-name-middlename .name-firstname,
    .opc .form-list .customer-name-middlename-suffix .name-firstname,
    .opc .form-list .customer-name-middlename-suffix .name-lastname {width:118px;}
    .opc .form-list .customer-name-prefix .name-firstname input.input-text,
    .opc .form-list .customer-name-suffix .name-lastname input.input-text,
    .opc .form-list .customer-name-middlename .name-firstname input.input-text,
    .opc .form-list .customer-name-middlename-suffix .name-firstname input.input-text,
    .opc .form-list .customer-name-middlename-suffix .name-lastname input.input-text {width:93px;}
    .cart-collaterals .col2-set .col-1 {margin-right:15px;}
    .cart .totals button.button > span { font-size: 12px; }
    .cart > form {overflow-x:auto; display: block;}

    .cart .crosssell .product-image,
    .cart .crosssell .product-image img {width: 80px; height: 80px; overflow: hidden; }

    .box-up-sell {height:auto;}
    .box-up-sell h2 {font-size:16px; line-height:20px; padding-right: 80px;}
    .box-up-sell ul li .product-box { padding:8px;}
    .box-up-sell ul li {margin: 0 8px;}

    .block-slider-sidebar .slider-sidebar-cont {padding: 10px;}
    .block-slider-sidebar h1 {font-size: 16px; line-height: 20px;}
    .block-slider-sidebar li {min-height: 180px;}
    .block-slider-sidebar .slider-sidebar-pager {position: absolute; bottom: 15px; width: 100%;}
    .top-icon-menu {display: block;}
    #multiship-addresses-table select {width:200px;}
    #multiship-addresses-table select option {width:170px;}
    #checkout-step-login .col2-set .col-1 {margin-bottom:10px;}
    #checkout-step-login .col2-set .col-1,
    #checkout-step-login .col2-set .col-2 {	float:none;	margin-right:0;	width:96%;}
    #multishipping-billing-form .sp-methods .form-list input.input-text {width:100%;}
    #co-billing-form > fieldset {display: table-column;}
    .checkout-progress li {clear: left; width: 100%;}
    .box-collateral.form-add .box-collateral-content {overflow: auto;}
    .form-list select {width: 340px;}
    .search-form  .form-list select {width: 300px;}

    .multiple-checkout .form-list li.wide .input-box {width: 100%;}
    .multiple-checkout .gift-messages-form .item .details .field {width:100%;}
    .multiple-checkout .gift-messages-form .form-list input.input-text {width:100%;}
    .multiple-checkout .gift-messages-form .inner-box .form-list li.wide textarea {width:100%;}

    .cms-about-magento-demo-store .about-col-1,
    .cms-about-magento-demo-store .about-col-2,
    .cms-about-magento-demo-store .about-col-3 { padding:214px 15px 15px;}
    .cms-about-magento-demo-store .about-col-4 ul,
    .cms-about-magento-demo-store .about-col-5 ul,
    .cms-about-magento-demo-store .about-col-6 ul {padding:25px 0 12px 20px;}

    .block-poll .answer {width:95px;}

    .footer-cols-wrapper { position:relative;  }
    .footer .footer-col.last { margin-right:0; clear: left; width: 100%; padding: 20px 0 0; margin-top: 20px; border: 0; border-top: 1px solid #e3e3e3; }
    .footer-col {width: 32%;}
    .footer .block-subscribe {width: 100%; margin-bottom: 5px;}
    .footer .list-icon {float: left;}

    .my-account #wishlist-view-form #wishlist-table .product-image img {height:100px;width:100px;}
    .my-account .data-table th, .my-account .data-table td {padding: 5px;}
    #wishlist-view-form .buttons-set.buttons-set2 {text-align:center;}
    #wishlist-view-form .buttons-set.buttons-set2 button.button {float:none;margin: 0 10px 10px 0 !important;}
    #customer-reviews button.button {float:left;}
    .box-up-sell .up-sell-carousel-none li .product-box {padding: 5px;}
    .box-up-sell .up-sell-carousel-none li {width: 150px;}

    .row-title {font-size: 28px; line-height: 28px; }
    .row-cat .content-center span {line-height: 30px; font-size: 16px;}
    .row-cat .content-center {bottom: 15px;}

}
@media only screen and (max-width: 767px) {
    body {padding:0 !important; }
    body.ind.ps-phone { overflow: scroll; position: fixed; width: 100%;}
    body.ind.ps-static { overflow: hidden; }
    .col1-layout .col-main,
    .col2-left-layout .col-main,
    .col2-right-layout .col-main  {float:none; }
    .col-main {padding-bottom: 15px;}
    .header .logo {float: none; margin: 0 auto; text-align: center;}
    .header-container {padding: 13px 30px; margin: 0;}
    .header .top-search1 .icon-search {display: none;}
    .header .header-border {padding: 0; margin: 0; border: 0;}
    .header .link-extra {display: none;}
    .top-container {margin: 0 -15px;}

    .container {margin:0; }
    .page > div > .container {padding: 0;}
    .main-container,
    .footer-container { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px;}
    .header { padding:10px; margin: 0; }
    .header .top-search,
    .header .welcome-msg {display: none;}
    .header .header-row-bg {padding: 20px 10px;}
    .padding-s {padding:0 10px; }
    .order-buttons {display:none !important;}
    .title-buttons h1,
    .title-buttons h2,
    .title-buttons h3,
    .title-buttons h4,
    .title-buttons h5,
    .title-buttons h6 {float:none;}
    #newsletterpopup .newsletterpopup-content {background: #fff;}
    #newsletterpopup .newsletterpopup-indent {width: 100%;}
    .nobr         { white-space:normal; }
    .top-icon-menu {display: block; position: relative!important; z-index: 20!important;}
    #search_mini_form {width:100%; position: absolute; left: 0; top: -10px; display: none; padding: 0 20px; z-index: 9; margin: 0;}
    .header .form-search {background: #fff;}
    .header .form-search .p-reletive {width: 100%;}
    .header .form-search button.button {position: absolute; right: 0px; top: 0px;}
    .header .form-search button.button span {}
    .header .form-search button.button > span span {display: none;}
    .header .form-search button.button span:before {content: "\f002"; font-size: 14px; display: block;}
    .header .form-search .input-text {
        width:100%;
        margin:0;
        moz-box-sizing:border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: none;
        padding-right: 50px;
    }
    .quick-access,
    .header-buttons {display: none;}
    .toolbar { margin-bottom:20px; }
    .toolbar .pager {padding: 0 18px 18px 0;}
    .toolbar .pager .amount {padding:0;}
    .toolbar .pager .pages { margin:0; padding-top:10px; }
    .pager .pages li { font-size:14px; line-height:17px; font-weight:normal; margin-right:10px; }
    .toolbar-bottom .toolbar .pager {border:0; padding:0; }
    .toolbar-bottom .toolbar .pages {border:0;  padding-bottom:0; margin-top:10px; overflow:hidden; border-top:1px solid #E5E5E5; float:left; width:100%;}

    .indent-sw1 {margin-bottom:20px;}
    .checkout-multishipping-login .col-main {padding-bottom:0;}
    .form-list select {width:300px;}
    .form-list input.input-text,
    .form-list li.wide input.input-text {width:294px;}
    .form-list .name-middlename {width:117px;}
    .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:99%;}
    .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:100%;}
    .form-list .name-middlename input.input-text {width:99%;}
    .form-list .customer-dob .dob-year input.input-text {width:146px;}
    #checkout-payment-method-load input.input-text {width: 100%;}
    #shopping-cart-table { display:block; width:100%;}
    #checkout-step-login .col-2 .form-list input.input-text {width:253px;}
    .multiple-checkout .page-title.title-buttons h1 {margin-bottom: 10px;}

    .page-title,
    .category-title { margin-bottom:16px; }
    .page-title h1, .page-title h2 {font-size: 25px;}
    .pager .pages {clear:both;margin:0;text-align:center; padding-top:10px;}

    .products-grid li.item { text-align: left; position:relative; width:100%; }
    .products-list li.item {padding: 10px;}
    .wrapper-hover {}
    .products-grid button.btn-cart {width: auto;}
    .products-grid .product-image,
    .products-list .product-image { float:left;  margin-right: 10px; width:110px;overflow: hidden; border: 0; }
    .products-grid  .item.free .product-image {float: none; margin-right: 0; width: 100%;}
    .products-grid .product-shop,
    .products-list .product-shop { overflow:hidden;}
    .products-grid .product-shop {padding: 0 5px;}
    .products-list .ratings .rating-links a+span+a,
    .products-list .ratings .rating-links .separator {display:none;}
    .products-grid .ratings .rating-box {margin:0 0 2px;}
    .products-grid button.btn-cart span span {padding: 10px 15px;}
    .products-grid .desc_grid {font-size: 12px; line-height: 18px;}
    .products-grid .price-box > p.special-price {float: none;}
    .products-grid .price-box > p.old-price {margin-right: 5px;}

    .note-msg-empty-catalog {padding:  150px 0 0; background-position: center top; text-align: center;}
    .label-product > span {font-size: 10px; padding: 1px 5px;}
    .label-product > span.sale {right: auto; left: 10px;}
    .label-product.label-indent > span.sale {top: 40px;}
    .sidebar .label-product > span {left: 10px;}
    .products-grid .actions {margin: 0;}

    .product-view { margin-bottom:5px; }
    .product-view .product-shop { float:none; width:100%; }
    .product-view .product-img-box { float:none;  width:310px; margin:0 auto 20px; }
    .product-view .product-name h1 { font-size:16px; line-height:19px; }
    .product-view h2 span.toggle { top: 2px;}
    .product-view .product-shop .price-box { float:none; display:block; margin: 0 0 10px; overflow:hidden; }
    .product-view .add-to-cart button.button {float:none; margin-left:15px;}
    .product-view .add-to-cart {padding-top: 15px;}
    .add-to-cart .qty-block {padding-top:0; margin:0 0 5px;}
    .product-view .product-shop .add-to-links {border-bottom:none;padding-bottom:0;}
    .product-view .product-shop .add-to-links li {float:none; font-size:14px; line-height:17px; font-weight:normal; margin:0 !important; padding-bottom:19px;}
    .product-view .row-product {padding-top:0;}
    .product-view .row-product p {float:none !important;font-size:14px;line-height:17px;}
    .product-view .row-product .no-rating {padding-bottom:19px;}
    .product-view .row-product .ratings {float:none;padding-bottom:19px;}
    .product-view .row-product .ratings .rating-links {padding-left:0 !important;}
    .product-view .add-to-links li+li {display:none;}
    .product-options .options-list li label { padding-top:2px; }
    .product-view .box-description .std {padding: 0 15px;}
    .product-view .box-description .std p {margin: 0;}
    .product-view .product-collateral #customer-reviews dl {padding:0 15px;}
    .product-view #review-form h3,
    .product-view #review-form h4,
    .product-view .tabs-custom {padding:0 15px;}
    .container-slider {margin:0 auto;}
    .addthis_default_main .addthis_counter {clear:inherit;}
    .product-view .product-options-bottom {margin-bottom: 20px;}

    .block-slider-sidebar,
    .banner_sidebar {display: none !important;}

    .product-collateral #customer-reviews #product-review-table span.nobr {padding:0;}
    #review-form #product-review-table th {padding:9px 4px; }
    #review-form #product-review-table td {padding:14px 4px; text-align:center;}


    .product-collateral .box-collateral {margin-bottom:0;}
    .product-collateral .box-collateral h2 {cursor:pointer; padding-bottom: 12px; margin-bottom: 11px; border-bottom: 1px solid #ddd; padding-right: 40px;}
    .box-collateral-content {display:none;margin-bottom:7px;}

    .box-up-sell .up-sell-carousel-none  li .product-image {float:left; margin-right:15px; width:100px;}
    .box-up-sell {background:none;border:none;padding:20px 0 0;}
    .box-up-sell .up-sell-carousel-none li {float:none;background:none; width: auto; margin: 0 0 15px; text-align: left;  }
    .box-up-sell .up-sell-carousel-none li .product-box {padding: 10px; overflow: hidden;}
    .box-up-sell .up-sell-carousel-none li .rating-box {margin: 0 0 5px;}
    .box-up-sell ul li .product-box {padding: 5px;}
    .carousel-prev, .carousel-next {right: 10px;}
    .carousel-prev {right: 40px;}

    .block {margin-bottom:8px; padding:0 10px;}
    .block .block-title	{margin-bottom:8px;	padding-right:40px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
    .block .block-title strong {font-size: 16px;}
    .block .block-title:hover {cursor:pointer;}
    .block.block-account .block-title:hover {cursor:default;}
    .footer .block-subscribe .block-title {margin-bottom: 15px; cursor: default;}
    .block .block-title	span.toggle {top:3px; color: #000;}
    .sidebar .block.block-progress .block-content {display:block;}
    .mini-products-list .product-name {width:185px;}

    .product-view .product-shop {float: none; width: 100%;}

    /*====================================== cart table	========================================*/
    .cart .data-table,
    .cms-template-settings .data-table {position: relative; padding-bottom: 90px;}
    .cart .data-table thead,
    .cart .data-table colgroup,
    .cms-template-settings .data-table thead,
    .cms-template-settings .data-table colgroup {display: none; }
    .cart .data-table tfoot,
    .cms-template-settings .data-table tfoot {width: 100%; display: block;}
    .cart .data-table td,
    .cart .data-table tr,
    .cart .data-table tbody,
    .cms-template-settings .data-table td,
    .cms-template-settings .data-table tr,
    .cms-template-settings .data-table tbody {display: block; text-align: center !important;}
    .cart .data-table td,
    .cms-template-settings .data-table td {margin: 0 10px; border: 0; border-bottom: 1px solid #ddd;}
    .cart .data-table td.last,
    .cms-template-settings .data-table td:last-child  {border: 0;}
    .cart .data-table tr,
    .cms-template-settings .data-table tr {
        margin: 4px 0 25px;
        border: 1px solid #ddd;
        box-shadow:0 0px 13px rgba(0,0,0,0.15);
        -moz-box-shadow:0 0px 13px rgba(0,0,0,0.15);
        -webkit-box-shadow:0 0px 13px rgba(0,0,0,0.15);
    }
    .cart .data-table tfoot {position: absolute; bottom: 0; left: 0;}
    .cart .data-table tfoot button.button {margin: 3px 0;}

    .data-table button.button > span {font-size: 12px;}

    .cart .data-table {padding-bottom: 200px;}
    .cart .data-table tfoot button.button {width: 100%;}
    .data-table tfoot button.button span {display: block; width: 100%;}

    /*====================================== end ===============================================*/

    .block-related .product-name {width:185px;}
    .cart .cart-table-foot {text-align:center;}
    .cart .cart-table-foot .btn-continue {float:none;}
    .cart .cart-table-foot button.button {margin-bottom:5px;}
    .cart .crosssell .add-to-links { float:none; display:block; padding-top:10px; }
    .cart .crosssell .add-to-links li {margin:0;}
    .cart .crosssell button.btn-cart {float:none;}
    .cart-collaterals .col2-set .col-1,
    .cart-collaterals .col2-set .col-2,
    .cart .cart-collaterals .col2-set,
    .cart .totals {width:100%; clear:both;}
    .cart-collaterals .col2-set .col-1,
    .cart-collaterals .col2-set .col-2 {margin: 0 0 25px;}
    .cart .discount, .cart .shipping {width: 100%;}

    .col-main .block-account {display:block;}
    .padding-s .block {padding:0;}
    .block-account ul li {font-size:14px;line-height:17px;}
    .block-account ul li a,
    .my-account a {text-decoration:underline;}
    .block-account ul li a:hover,
    .my-account a:hover	{text-decoration:none;}
    .my-account .col2-set .col-1,
    .my-account .col2-set .col-2 {float:none;width:100%;}
    .my-account .data-table {border:1px solid #ECECEC;width:100%;}
    .my-account .data-table th, .my-account .data-table td {padding:10px 4px;}
    .my-account .data-table tr {display:block;border-bottom:1px solid #ECECEC;}
    .my-account .data-table tr.last {border-bottom:none;}
    .my-account .data-table td {display:block;border:none;}
    .my-account .data-table colgroup {display:none;}
    .my-account #my-orders-table td {padding:10px 10px 0 10px;}
    .my-account #my-orders-table td.order-qty {font-weight:bold;}
    .my-account #my-orders-table td.order-qty .nobr strong {font-weight:normal;}
    .my-account #my-orders-table td.order-product-name .product-name {font-weight:bold;}
    .my-account #my-orders-table td.order-subtotal.last { text-align:left; }
    .my-account #my-orders-table td.last { padding-bottom:10px;  text-align:left; }
    .my-account #my-orders-table tfoot {border-top: 1px solid #ECECEC;}
    .my-account #my-orders-table tfoot td {display:inline-block;padding:10px;width:120px;}
    .my-account #my-orders-table tfoot td+td {text-align:left !important;}
    .my-account #my-orders-table tfoot .grand_total {font-size:14px;line-height:17px;}
    .my-account .page-title button.button {margin-top:10px;}

    .my-account textarea {max-width:294px;min-width:294px;}
    .my-account #wishlist-view-form .buttons-set {text-align:center;}
    .my-account #wishlist-view-form .buttons-set button.button {float:none;margin: 0 0 3px;}
    .my-account #wishlist-table .cart-cell .price-box span.old-price {display:block;}
    .my-account #wishlist-table .product-image {margin-left:42px;}
    #wishlist-view-form #wishlist-table .product-image img {height:200px;width:200px;}

    .my-account #my-tags-table td .price-box {overflow:hidden;}
    .my-account #my-tags-table td button.button {float:left;margin-right:10px;}
    .my-account #my-tags-table .add-to-links {float:right;margin-top:5px;}
    #checkout-review-table-wrapper {overflow-x:auto;}

    .product-review .product-img-box {float:none;overflow:hidden;margin:0 0 20px;width:310px;}
    .product-review .product-img-box .product-image {float:left; margin: 0 10px 0 0;height:100px;width:100px;}
    .product-review .product-img-box .product-image img {height:100px;width:100px;}

    .product-review .product-img-box .product-review-block {overflow:hidden;padding-top:20px;}
    .product-review .product-img-box .product-review-block .rating-links {text-align:center;}

    .form-list .field,
    .opc .field,
    .form-list .input-box,
    .form-list li.wide .input-box,
    .form-list select,
    .opc .form-list li.wide input.input-text,
    .form-list input.input-text,
    .form-list li.wide input.input-text,
    .opc .fields select, .opc .field select {width:100%;}
    .opc .form-list .customer-name-suffix .name-lastname,
    .opc .form-list .customer-name-middlename .name-firstname,
    .opc .form-list .customer-name-middlename-suffix .name-firstname,
    .opc .form-list .customer-name-middlename-suffix .name-lastname,
    .opc .form-list .customer-name-prefix .name-firstname input.input-text,
    .opc .form-list .customer-name-suffix .name-lastname input.input-text,
    .opc .form-list .customer-name-middlename .name-firstname input.input-text,
    .opc .form-list .customer-name-middlename-suffix .name-firstname input.input-text,
    .opc .form-list .customer-name-middlename-suffix .name-lastname input.input-text {width:100%;}
    .opc .name-middlename input  {width:100% !important;}
    .checkout-multishipping-address-newshipping .form-list li.wide input.input-text {width:265px;}
    .checkout-multishipping-address-newshipping .form-list select {width:265px;}
    .multiple-checkout .col-1.col-narrow,
    .multiple-checkout .col-2.col-wide {float:none;width:100%;}
    .multiple-checkout .col-2.col-wide .box {margin-left:0;}
    .checkout-progress li {clear:left; width:100%;}
    #checkout-step-login .col2-set .col-1 {margin-bottom:10px;}
    #checkout-step-login .col2-set .col-1,
    #checkout-step-login .col2-set .col-2 {	float:none;	margin-right:0;	width:268px;}
    #co-billing-form > fieldset {border:0; padding:0;}
    #payment-tool-tip {right:0;}
    #payment-tool-tip img {width:268px;}

    .opc #checkout-review-table td {padding:7px;}
    .opc #checkout-review-table tfoot td {padding:7px;}
    #checkout-progress-wrapper {display:none;}
    #multiship-addresses-table.data-table td {padding:5px;}
    #multiship-addresses-table select {width:80px;}

    .gift-messages-form .inner-box .form-list li.wide textarea {width:99%; max-width: inherit;}
    .gift-messages-form .item .product-img-box {float:none;margin-bottom:10px;}
    .gift-messages-form .item .details {margin:0;}
    #checkout-step-login .col2-set {padding:10px;}

    #product_sendtofriend_form .form-list .fields .field input.input-text,
    #product_sendtofriend_form #sender_message {width:295px; min-width: 295px;}

    .advanced-search .form-list select {width:100%;}
    .advanced-search + .buttons-set {max-width: 100%;}

    .title-buttons {text-align:left;}
    .account-login .registered-users-wrapper,
    .account-login .new-users-wrapper {width:100%; clear:both;}
    #contactForm .form-list input.input-text,
    #contactForm .form-list li.wide .input-box {width:100%;}
    .sales-guest-form .form-alt li .input-box,
    .sales-guest-form .form-alt input.input-text {width:100% !important;}

    .cms-privacy-policy-cookie-restriction-mode .data-table thead {display:none;}
    .cms-privacy-policy-cookie-restriction-mode .data-table {border:1px solid #ECECEC;width:100%;}
    .cms-privacy-policy-cookie-restriction-mode .data-table tr {display:block;border-bottom:1px solid #ECECEC;}
    .cms-privacy-policy-cookie-restriction-mode .data-table tr.last {border-bottom:none;}
    .cms-privacy-policy-cookie-restriction-mode .data-table td,
    .cms-privacy-policy-cookie-restriction-mode .data-table th {display:block;border:none;}
    .cms-privacy-policy-cookie-restriction-mode .data-table th {padding: 10px 10px 5px;}
    .cms-privacy-policy-cookie-restriction-mode .data-table td {padding: 5px 10px 10px;}

    .cms-about-magento-demo-store .about-col-1,
    .cms-about-magento-demo-store .about-col-2,
    .cms-about-magento-demo-store .about-col-3,
    .cms-about-magento-demo-store .about-col-4,
    .cms-about-magento-demo-store .about-col-5,
    .cms-about-magento-demo-store .about-col-6 {margin: 0 0 40px; width:100%;}
    .about-padd,
    .about-padd2 {padding-bottom:0;}
    .page-sitemap .pager .amount {display:block; }
    .page-sitemap .sitemap {padding: 0;}

    .sidebar .block .block-content,
    .block-compared,
    .block-compare,
    .products-grid .actions	li+li,
    .products-list .add-to-links li+li,
    .products-grid .add-to-links,
    .products-list .add-to-links,
    .block-wishlist,
    .breadcrumbs,
    .toolbar .sorter,
    .cart .crosssell .add-to-links li+li,
    .my-account .data-table thead,
    .opc #checkout-review-table thead,
    .opc #checkout-review-table colgroup,
    .opc #checkout-review-table .item-options,
    .footer .footer-col-content {display:none;}

    .footer-container {}
    .footer {padding:0 10px;}
    .footer-cols-wrapper {border:0;}
    .footer .footer-col { margin-right:0; width:100%; padding: 0; margin: 0; border: 0; }
    .footer .footer-col-content {margin-bottom:12px;}
    .footer .paypal-logo {float: left; clear: left; margin: 10px 0;}
    .footer address { border-top:none;  }
    .footer h4 {border-bottom: 1px solid #777777; padding-bottom: 8px; margin-bottom: 10px; padding-right: 35px;}
    .footer h4:hover {cursor:pointer;}
    .footer-container-bottom .paypal-logo { float: left; clear: left; margin: 10px 0;}
    .footer .facebook-fanbox {text-align: center;}
    .footer .store-switcher {float: left; clear: left;}

    .footer .block-subscribe {margin: 0 0 15px; width: 100%;}
    .footer .block-subscribe form {width: 100%;}
    .footer .block-subscribe .block-title {margin: 0 0 15px;}
    .footer .list-icon {float: left;}

    .map-popup {left:0 !important; width:320px;}

    .contact-left,
    #contactForm {float:none;margin:0;width:100%;}
    #contactForm .form-list .field {float:none;width:100%;}

    .form-alt li.last .input-box {width:auto !important;}

    .header-info {display: none;}
    .welc-text {padding: 0;}
    .row-cat .col-item3 {width: 100%;}
    .row-cat .col-item3 img {width: 100%;}
    .title-row {font-size: 40px; line-height: 40px;}
    .box-2 .desc-row {font-size: 30px; line-height: 30px;}
    .desc-row {font-size: 30px; line-height: 30px;}
    button.btn-row span span {padding: 16px 25px; font-size: 14px;}


    .box-2 {margin-left: -30px; margin-right: -30px; padding: 20px 30px;}
    body.ps-phone .box-2 {background-size:cover;}
    .box-1 {margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; margin-left: -50%; }

    .box-3 {margin-left: -24px !important; margin-right: -30px; padding-left: 30px; padding-right: 30px;}
    .freeslider-pag {position: relative; bottom: 0; margin-top: 30px;}
    .content_map {margin-left: -15px; margin-right: -15px;}

    .banner-block {display: none;}
    .blog-bg .img-hover:after {display: none;}
    .blog-bg .img-hover span {display: none;}
    .title-banner.white {margin-bottom: 30px; margin-top: 0;}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .form-list .name-middlename {width:100%;}
    .form-list .customer-dob .dob-year input.input-text {width:213px;}
    .products-grid .product-image,
    .products-list .product-image {width:150px; }
    .minimal-price-link .label {padding-left: 0;}
    .map-popup {left:50px !important;}
    .mini-products-list .product-name {width:315px;}
    .checkout-multishipping-address-newshipping .form-list li.wide input.input-text {width:390px;}
    .checkout-multishipping-address-newshipping .form-list select {width:390px;}
    #checkout-step-login .col2-set .col-1,
    #checkout-step-login .col2-set .col-2 {width:398px;}
    #checkout-step-login .col-2 .form-list .input-box {width:398px;}
    #checkout-step-login .col-2 .form-list input.input-text {width:392px;}
    #payment-tool-tip img {width:400px;}
    #co-billing-form > fieldset {border:1px solid #E5E5E5; padding:10px;}
    #multiship-addresses-table select {width:150px;}
}
@media only screen and (max-width: 610px) {
    .banner-block li {float: left;}
    .banner-block .banner-block-c {padding:8px 0 0 10px; }
    .banner-block p {width: 70%;}
    .box-2 .title-row {font-size: 32px; line-height: 32px;}

}

@media only screen and (max-width: 600px) {
    .footer .footer-col .tel {font-size: 22px;}
    button.button > span, .page-sitemap .links a,
    .add-to-cart button.button > span {font-size: 12px;}
    .products-grid button.btn-cart > span {font-size: 13px; line-height: 20px;}
    .products-grid button.btn-cart span span:before {font-size: 18px; margin-right: 8px;}
    .homeIndent .category-title {padding-right: 85px;}
}

@media only screen and (max-width: 460px) {
    .data-table th,
    .data-table td  {padding: 10px 5px;}
    .multiple-checkout .page-title h1 {margin-bottom: 5px;}
    .multiple-checkout,
    .product-view .box-collateral-content,
    #review-form {overflow: auto; padding-bottom: 20px; -webkit-overflow-scrolling: touch;}
    .page-sitemap .links {margin: 0;}
    .cart .totals button.button > span { font-size: 12px; }
    .box-up-sell .caroufredsel_wrapper { min-height: 320px;}
    .block-cart-header .cart-content {left: -120px;}
    .block-cart-header {border: 0;}
    #review-form #product-review-table th .nobr {white-space:normal !important; text-align: center; display: block;}
    .addthis_button_google_plusone {clear:left;}
    .page-title h1, .page-title h2 {font-size: 19px; line-height: 30px;}
    .footer .footer-col .tel:before {display: none;}
    .gm-style-iw {
        width: 230px !important;
        height: 100px !important;
        padding-top: 15px !important;
        line-height: 24px;
    }
    .gm-style-iw span {font-size: 18px;}
    .welc-title {font-size: 55px; line-height: 55px;}
    .welc-slog {font-size: 30px; line-height: 30px;}

    .title-row {   font-size: 40px;   line-height: 40px;}
    .desc-row {	font-size: 20px;line-height: 20px;}
    .home-carousel-control {right: 5px;top: 22px;z-index: 2;}
    .row-title {font-size: 40px; line-height: 40px;}
    .title-row {font-size: 30px; line-height: 30px;}
    .box-2 .title-row {font-size: 28px; line-height: 28px;}
    .box-2 .desc-row {font-size: 30px; line-height: 30px;}
}

@media only screen and (max-width: 362px) {
    .product-view .product-img-box {text-align:left; width: 288px;}
    .product-view .product-img-box .product-box-customs .product-image { overflow:hidden; width:284px;}
    .container-slider {width: 290px;}
    .tumbSlider li,
    .container-slider li {width: 90px;}
    .container-slider li {margin-right: 2px;}
    .top-icon-menu {min-width: 320px;}
    button.button > span, .page-sitemap .links a{font-size: 12px; text-transform: none;}
    .products-grid button.btn-cart > span span:before {display: none;}
    .product-options,
    .product-view .product-options-bottom {padding: 10px;}
    .product-view .product-img-box .product-image .big {max-width: 100%;}
    .products-grid button.btn-cart span span {}
    .products-grid button.btn-cart > span {font-size: 13px; line-height: 20px;}
    .search-form .form-list .input-box,
    .search-form .form-list .input-box input {width: 99% !important;}
    .row-title {font-size: 40px; line-height: 40px;}
    .row-cat .content-center span {line-height: 50px;}
    .row-cat .content-center {bottom: 15px;}

}

@media only screen and (max-width: 320px) and (max-height: 460px)  {
    .block-cart-header .cart-content {max-height:450px; overflow-y:auto; -webkit-overflow-scrolling: touch; padding-bottom: 60px; }
}
@media only screen and (max-width: 320px) and (max-height: 410px)  {
    .block-cart-header .cart-content {max-height:370px;  padding-bottom: 70px; }
}
@media only screen and (max-width: 680px) and (max-height: 460px)  {
    .block-cart-header .cart-content {height:320px; overflow-y:auto; -webkit-overflow-scrolling: touch; padding-bottom: 100px; }
    .block-cart-header .empty .cart-content {height: auto;}
}




/* LP-2023.css*/
/*************** New CSS 2023 *****************/
:root {
    --brinkRed: #D20A10;
    --brinkGrey: #575756;
    --cardShadowOld: 0 0.5rem 1.5rem rgb(0 24 51 / 10%), 0 0.125rem 0.25rem rgb(0 24 51 / 7%);
    --cardShadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    --cardShadowHover: rgba(0, 0, 0, 0.16) 0px 1px 12px;
}

/* PT Sans Font */
@font-face {
    font-family: 'PT Sans';
    font-weight: 400;
    src: url('../fonts/PTSans-Regular.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    font-weight: 400;
    font-style: italic;
    src: url('../fonts/PTSans-Italic.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    font-weight: 700;
    src: url('../fonts/PTSans-Bold.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    font-weight: 700;
    font-style: italic;
    src: url('../fonts/PTSans-BoldItalic.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    src: url('../fonts/MaterialSymbolsOutlined_28pt-Regular.ttf');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    color: #848484;
}

body {
    color: var(--brinkGrey);
    font-family: 'PT Sans', sans-serif;
}

.fa-solid {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-style: normal;
}

.text-left {
    text-align: left !important;
}

form,
input,
select, button, .h2 {
    font-family: 'PT Sans', sans-serif;
}

p,
li,
h1,
h2,
h3,
h2 a,
h1 a,
a {
    color: var(--brinkGrey);
}

p,
li {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
}

ul:not(.list-unstyled) li::marker{
    content: url(/fileadmin/user_upload/list-icon3.png);
}

ul li ul li::marker{
    content: "•";
}

ol li{
    list-style: decimal;
}

.subMenu li::marker, .tx-indexedsearch-browsebox li::marker{
    display: none;
    content: none!important;
}


sup {
    top: -0.3rem;
}

.ce-bodytext p {
    font-size: 17px;
    line-height: 1.4;
}

li {
    line-height: 2;
    padding-left: 10px;
}

h1,
h2,
h3 {
    margin-bottom: 15px;
    font-weight: bold;
    font-family: 'PT Sans', sans-serif;
}

h1,
h1 a,
.frame-layout-1 h1 {
    font-size: 40px;
    color: var(--brinkRed);
}

h2,
h2 a {
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    color: var(--brinkRed);
}

iframe{
    max-width: 100%;
}

/* Subtitle von H1 */
.frame-layout-1 h2,
.frame-layout-2 h2,
.frame-layout-3 h2,
.slidetext h2 {
    font-weight: 700;
    font-size: 24px;
    font-weight: 400;
    color: var(--brinkGrey);
}

.slidetext h2 {
    text-transform: uppercase;
    font-size: 21px;
    margin-bottom: 0;
}

.slidetext h2 span {
    font-size: 40px;
    color: var(--brinkRed);
    text-transform: none;
    font-weight: bold;
}

h3,
h3 a {
    font-size: 24px;
    font-weight: 700;
    color: var(--brinkRed);
}

.productinfos h3,
.productinfos h3 a {
    color: var(--brinkGrey);
}


/* Subtitle von H2 */
.frame-layout-1 h3 {
    font-size: 24px;
    color: var(--brinkRed);
    font-weight: 400;
}

/* Produkt-Cards */
.frame-layout-2 .ce-bodytext h3,
.frame-layout-2 .ce-bodytext h3 a,
.frame-layout-3 .ce-bodytext h3,
.frame-layout-3 .ce-bodytext h3 a {
    color: var(--brinkGrey);
    font-weight: 400;
    font-size: 23px;
}

.frame-layout-2 .ce-bodytext h3 span,
.frame-layout-2 .ce-bodytext h3 a span,
.frame-layout-3 .ce-bodytext h3 span,
.frame-layout-3 .ce-bodytext h3 a span {
    color: var(--brinkRed);
    font-weight: 700;
    font-style: italic;
    font-size: 24px;
}

h4 {
    font-size: 18px;
    font-weight: 700;
    font-family: 'PT Sans', sans-serif;
}

/* Überschriften Mobil kleiner */
@media only screen and (max-width: 880px) {

    h1,
    h1 a,
    .frame-layout-1 h1,
    .slidetext h2 span {
        font-size: 24px;
    }

    h2,
    h2 a {
        font-size: 22px;
    }

    /* Subtitle von H1 */
    .frame-layout-1 h2,
    .frame-layout-2 h2,
    .frame-layout-3 h2,
    .slidetext h2 {
        font-size: 20px;
    }

    h3,
    h3 a,
    .productinfos h3,
    .productinfos h3 a,
    .frame-layout-1 h3 {
        font-size: 22px;
    }
}

a:focus {
    color: var(--brinkRed);
}

/*No gap after Header*/
.main-container {
    padding: 0;
    margin-top: 0px;
    background: #f7f7f7;
}

.navbar {
    border-bottom: 3px solid #00000038;
    transition: all 0.1s;
}

.header-container .container {
    height: 0;
}

/*Full width website*/
.page {
    box-shadow: none;
}

.container {
    padding: 0;
}

@media only screen and (min-width: 880px) {
    .navbar {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 200px;
    }
}

@media only screen and (min-width: 991px) {
    .header-container {
        padding-left: 200px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 100%;
        max-width: 1920px;
    }

    .main .row,
    .frame,
    .navbar-collapse,
    .footer-container>.container,
    .breadcrumbArea,
    .tickerarea,
    .productPage,
    .perks-wrapper {
        max-width: 1360px;
        margin-left: auto;
        margin-right: auto;
    }

    .navbar,
    .header-container {
        padding-left: 200px;
    }
}

@media (min-width:1650px) {

    .navbar,
    .header-container {
        padding-left: 0px;
    }

    .header-container {
        max-width: 1360px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 576px) {

    .container,
    .container-sm {
        max-width: none;
    }
}

@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .page {
        margin: 0 !important;
    }

    .main-container,
    .footer-container,
    .row,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .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-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .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-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .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-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.frame:not(.frame-type-shortcut) {
    padding-left: 15px;
    padding-right: 15px;
}

.navbar-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}

@media only screen and (max-width: 880px) {
    .navbar-nav {
        justify-content: flex-end;
    }
}

@media (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
}

.navbar-nav li,
.navbar-nav>li:nth-child(3) {
    display: inherit;
    width: unset;
}

.navbar-nav>li>a,
.navbar .navbar-nav>li>a {
    background: none;
    box-shadow: none;
    text-transform: none;
    font-size: 17px;
    color: var(--brinkGrey);
    white-space: nowrap;
    font-weight: 400;
    padding: 4px 10px;
}

@media only screen and (max-width: 880px) {

    .navbar-nav>li>a,
    .navbar .navbar-nav>li>a {
        font-size: 14px;
    }
}

.navbar .navbar-nav>li>a:focus,
.navbar .navbar-nav>li>a:hover {
    background: #f7f7f7;
    border-radius: 7px;
}

.navbar .navbar-nav .nav-link.active {
    border-bottom: 3px solid var(--brinkRed);
    margin-bottom: -3px;
}

@media (min-width: 768px) and (max-width: 1200px) {
    .navbar-nav>li>a[title='Sources of supply']:before {
        content: '';
        visibility: hidden;
        display: none;
        position: relative;
        background: none;
        box-shadow: none;
        -webkit-box-shadow: 1px 1px 5px #999;
        color: none;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .navbar-nav>li>a[title='Sources of supply'] {
        visibility: visible;
    }
}

/* Mobile Menu */
ul#mainnavMobile,
ul.subMenu {
    padding-left: 0;
}

.top-icon-menu,
.swipe {
    background-color: #f7f7f7;
    color: var(--brinkGrey);
}

.top-icon-menu {
    z-index: initial;
    position: initial;
    font-size: 26px;
}

.top-icon-menu .swipe-control {
    z-index: 2000;
    position: fixed;
    right: 0px;
    background: #f7f7f7;
    padding: 10px 15px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 0 10px;
}

.menu-toggle {
    margin-top: 6px;
    width: 23px;
    height: 23px;
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* Animiertes Burger Menu */
.menu-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #848484;
    opacity: 1;
    left: 0;
    transition: all 0.3s ease;
}

.menu-toggle span:nth-child(1) {
    top: 0;
}
.menu-toggle span:nth-child(2) {
    top: 8px;
}
.menu-toggle span:nth-child(3) {
    top: 16px;
}

.menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg);
    top: 8px;
}

.menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg);
    top: 8px;
}

/* Mobile Menu SubMenu Toggle */
.sub-toggle{
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: .5rem;
}

.sub-toggle span{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #848484;
    transform: translateY(-50%);
    transition: all 0.25s;
}

.sub-toggle span:nth-child(2){
    transform: translateY(-50%) rotate(90deg);
}

li.sub:has(.subMenu.active) .sub-toggle span:nth-child(2){
    transform: translateY(-50%) rotate(180deg);
    opacity: 0;
}

li.sub .subMenu{
    max-height: 0;
    opacity: 0;
    transition: max-height .75s ease, opacity .5s ease;
}

li.sub .subMenu.active{
    max-height: 100vh;
    opacity: 1;
}

li.sub .subMenu li {
    opacity: 0;
    transform: translateX(-8px);
    transition: opacity .35s ease, transform .35s ease;
}

li.sub .subMenu.active li {
    opacity: 1;
    transform: translateY(0);
    transition-delay: calc(0.05s * var(--i));
}

li.sub .subMenu li {
    --i: 0;
}

/* Variable pro Position setzen */
li.sub .subMenu li:nth-child(1) { --i: 1; }
li.sub .subMenu li:nth-child(2) { --i: 2; }
li.sub .subMenu li:nth-child(3) { --i: 3; }
li.sub .subMenu li:nth-child(4) { --i: 4; }
li.sub .subMenu li:nth-child(5) { --i: 5; }
li.sub .subMenu li:nth-child(6) { --i: 6; }
li.sub .subMenu li:nth-child(n+6) { --i: 7; }

.top-icon-menu>div {
    float: right;
    border: none;
}

.swipe {
    right: -100%;
    left: unset !important;
    color: var(--brinkGrey);
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 0 5px rgb(0 0 0 / 20%);
    z-index: 19;
    top: 128px;
    padding-top: 15px;
    overflow-y: auto;
}

.swipe-menu {
    border: none;
    overflow-x: initial;
    padding-bottom: 100px;
}

.swipe-menu a {
    color: var(--brinkGrey);
    font-size: 18px;
    font-weight: 400;
    border: none;
    line-height: 50px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.swipe-menu>ul>li{
    border-bottom: 1px solid #c4c4c4;
    margin: 0 40px;
    padding: 10px 0;
}

.swipe-menu>ul>li::marker{
    content: none;
}

.swipe-menu>ul>li>a:hover,
.home-link:hover {
    background-color: #fff;
}

.swipe-menu ul li{
    padding-left: 0;
}

.swipe-menu a i {
    display: none;
}

.swipe-menu .subMenu a {
    font-size: 15px;
}

.swipe-menu .subMenu a:hover {
    background: inherit
}

@media only screen and (max-width: 991px) {
    .header-container {
        padding: 0;
        margin: 0;
    }

    .navbar {
        padding: 0;
    }

}

/* Menu Punkte */

.navbar-nav>li>a[title='Shop'] {
    color: var(--brinkGrey);
}

@media (min-width: 768px) and (max-width: 992px) {
    .navbar-nav>li>a[title='Shop'] {
        visibility: visible;
    }

    .navbar-nav>li>a[title='Shop']:before,
    .navbar-nav>li>a[title='Shop']:before {
        content: '';
        visibility: unset;
        display: unset;
        position: unset;
        background: unset;
        box-shadow: unset;
        -webkit-box-shadow: unset;
        color: unset;
        font-size: unset;
        font-weight: 700;
        line-height: unset;
        margin: unset;
        padding: unset;
        text-align: unset;
        text-decoration: unset;
    }
}

.navbar-nav>li>a[title='Shop']:before {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: middle;
    content: '';
    margin-right: 5px;
}

.navbar-nav>li>a[title='Jobs'],
.navbar-nav>li>a[title='Warenkorb'],
.navbar-nav>li>a[title='Login'],
.navbar-nav>li>a[title='Shopping cart'],
.navbar-nav>li>a[title='Winkelwagen'],
.navbar-nav>li>a[title='Inloggen'],
.navbar-nav>li>a[title='Mon panier'],
.navbar-nav>li>a[title='Se connecter'] {
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: -10px;
}

.navbar-nav>li>a[title='Warenkorb']:before,
.navbar-nav>li>a[title='Shopping cart']:before,
.navbar-nav>li>a[title='Winkelwagen']:before,
.navbar-nav>li>a[title='Mon panier']:before {
    font-family: 'Material Symbols Outlined';
    content: "shopping_cart";
    display: flex;
    font-size: 25px;
    justify-content: center;
    margin-bottom: -10px;
}

.navbar-nav>li>a[title='Login']:before,
.navbar-nav>li>a[title='Inloggen']:before,
.navbar-nav>li>a[title='Se connecter']:before {
    font-family: 'Material Symbols Outlined';
    content: "person";
    display: flex;
    font-size: 26px;
    justify-content: center;
    margin-bottom: -10px;
}

@media (min-width: 1440px) {
    .navbar-nav>li>a[title='Jobs']{
        margin-left: 100px;
    }
}


@media (min-width: 1650px) {
    .navbar-nav>li>a[title='Jobs']{
        margin-left: 150px;
    }
}

.navbar-nav>li>a[title='Jobs']:before {
    font-family: 'Material Symbols Outlined';
    content: "work";
    display: flex;
    font-size: 24px;
    justify-content: center;
    margin-bottom: -10px;
}

.navbar-nav>li>a .menu-badge {
    display: block;
    font-size: 11px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    padding-right: 0px;
    font-weight: 400;
    color: white;
    background-color: var(--brinkRed);
    border-radius: 360px;
    position: absolute;
    top: -3px;
    right: -3px;
}

/* Dropdown Menu */

.navbar-nav .dropdown-menu {
    top: 100%;
    min-width: 275px;
    border-radius: 7px;
    border: 1px solid #dbdbdb;
}

.languagemenu.dropdown .dropdown-menu {
    right: 0;
    left: inherit;
}

.languagemenu.dropdown>img {
    display: none;
}

.languagemenu .dropdown-toggle i {
    margin-left: 5px;
    font-size: 12px;
    vertical-align: top;
}

.languagemenu .dropdown-item i {
    margin-left: 5px;
    font-size: 12px;
    color: #3c763d;
}

.dropdown-toggle::after {
    margin-left: 0.1em;
}

.header-container .languagemenu {
    padding: 16px 6px;
    float: right;
}

@media (max-width: 991px) {
    .header-container .languagemenu {
        position: absolute;
        top: -50px;
        right: 69px;
    }
}

@media (min-width: 1368px) {
    .header-container .languagemenu {
        padding-right: 0px;
    }
}

.header-container .languagemenu img {
    vertical-align: baseline;
}

.navbar-nav>.dropdown li {
    padding-left: 1rem;
    padding-right: 1em;
    margin-bottom: 5px;
}

@media (min-width: 992px) {
    .dropdown-menu>li>a {
        font-size: 16px;
        color: var(--brinkGrey);
    }
}

.dropdown-menu .row {
    margin-right: 0;
    margin-left: 0;
}

.dropdown-menu *:after {
    display: none;
}

.dropdown-menu li:hover {
    background: #f7f7f7;
}

.dropdown-menu li::marker {
    content: none!important;
}

[data-toggle="dropdown"]::after, [data-bs-toggle="dropdown"]::after {
    font-family: 'Material Symbols Outlined';
    content: "keyboard_arrow_down";
    font-size: 16px;
    margin-left: 3px;
    vertical-align: bottom;
    transition: transform 0.2s ease;
    transform-origin: 55% 45%;
    display: inline-block;
    border: none;
    color: var(--brinkGrey);
}

.nav-item.dropdown:hover .nav-link::after, .dropdown-toggle.show::after {
    transform: rotate(180deg);
}

.languagemenu .dropdown-toggle {
    z-index: 1000;
    /*Make Language Switcher work on mobile*/
    position: relative;
}

/* Header style */

.header .quick-access ul.headerMenu li,
.quick-access a {
    float: left;
    margin-right: 15px;
}

.header .quick-access ul.headerMenu li:nth-child(3) {
    margin-left: 0px;
}

.header .links {
    float: right;
}

.header .links li {
    margin-left: 0;
}

@media only screen and (max-width: 767px) {
    .header {
        padding: 0px !important;
        margin: 0;
    }
}

.logoCSS {
    display: none;
}

.header .logo img {
    height: auto;
    width: 165px;
    position: absolute;
    left: 50px;
    top: -60px;
    z-index: 1000;
    transform: translate(0px, -50%);
    transition: all 0.3s;
}

@media only screen and (max-width: 1780px) {
    .header .logo img {
        width: 150px;
        left: 5px;
        top: -42px;
    }
}

@media only screen and (max-width: 991px) {
    .header .logo img {
        width: 140px;
        left: 0px;
        top: -55px;
    }
}

/*Breadcrumb*/
.breadcrumb {
    background: none;
    margin-bottom: 5px;
    text-align: right;
    justify-content: flex-end;
    padding: 5px 15px;
}

@media only screen and (max-width: 767px) {
    .breadcrumbArea{
        margin-top: 20px;
    }

    .breadcrumbArea .breadcrumb{
        display: none;
    }
}

/* News Ticker */
.ticker-border {
    display: none;
}

/* Slider */
.carousel-inner {
    text-align: center;
}

.productinfos .swiper-main {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='45' fill='%23ffffff'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}

.swiper-scrollbar-drag{
    cursor: grab;
}

.swiper-scrollbar-drag:active{
    cursor: grabbing;
}

#carousel-example-generic .carousel-item img {
    object-fit: cover;
    height: auto;
    width: 100%;
    max-width: none;
    aspect-ratio: 4;
    min-height: 150px;
}

#carousel-example-generic.startslider .carousel-item img {
    aspect-ratio: 16/5;
}

#carousel-example-generic .carousel-control-next {
    right: 1px;
    opacity: 0.75;
    width: auto;
}

#carousel-example-generic .carousel-control-prev {
    left: 1px;
    opacity: 0.75;
    width: auto;
}

#carousel-example-generic .carousel-control-prev:hover,
#carousel-example-generic .carousel-control-next:hover {
    opacity: 1;
}

#carousel-example-generic {
    margin-bottom: 3rem;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

#carousel-example-generic .carousel-control.left {
    top: 50%;
    transform: translate(0%, -50%);
    left: 0;
}

#carousel-example-generic .carousel-control.right {
    top: 50%;
    transform: translate(0%, -50%);
    right: 0;
}

#carousel-example-generic .carousel-control-prev .fas,
#carousel-example-generic .carousel-control-next .fas {
    width: 26px;
    height: 26px;
    border-radius: 360px;
    padding-top: 4px;
    padding-left: 1px;
    font-size: 16px;
}

#carousel-example-generic .carousel-control-prev .fas {
    padding-right: 1px;
    padding-left: 0px;
}

#carousel-example-generic .carousel-control.left .fa-caret-left {
    padding-right: 3px;
}

#carousel-example-generic .carousel-control.right .fa-caret-right {
    padding-left: 3px;
}

#carousel-example-generic .carousel-control-next,
#carousel-example-generic .carousel-control-prev {
    color: var(--brinkGrey);
    filter: drop-shadow(0px 0px 0px #000);
}

#carousel-example-generic .carousel-indicators {
    bottom: -2.3rem;
}

#carousel-example-generic .carousel-indicators button[data-bs-target] {
    width: 2px;
    height: 2px;
    border-radius: 3px;
    background: #888888;
}

#carousel-example-generic .carousel-indicators button[data-bs-target].active {
    background: var(--brinkRed);
}

#carousel-example-generic .carousel-indicators button.videoslide {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #888888;
    border-radius: 0;
    background: transparent;
    margin-top: -2px;
    border-radius: 2px;
}

#carousel-example-generic .carousel-indicators button.videoslide.active {
    border-color: transparent transparent transparent var(--brinkRed);
    background: transparent;
}

/*@media only screen and (max-width: 768px) {
    #carousel-example-generic .carousel-indicators button[data-bs-target] {
        display: inline-block;
    }

    #carousel-example-generic .carousel-item img {
        width: 150%;
        left: -25%;
        position: relative;
    }

}*/

/*Slider Galerie*/
@media (max-width: 767px) {
    .gallery .carousel-inner .carousel-item>div {
        display: none;
    }

    .gallery .carousel-inner .carousel-item>div:first-child {
        display: block;
    }
}

.gallery .carousel-inner .carousel-item {
    gap: 5px;
}

.gallery .carousel-inner .carousel-item.active,
.gallery .carousel-inner .carousel-item-next,
.gallery .carousel-inner .carousel-item-prev {
    display: flex;
}

.gallery .carousel-control-prev {
    left: -8%;
}

.gallery .carousel-control-next {
    right: -8%;
}

.gallery .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23575756'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.gallery .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23575756'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

@media (min-width: 768px) {

    .gallery .carousel-inner .carousel-item-end.active,
    .gallery .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    .gallery .carousel-inner .carousel-item-start.active,
    .gallery .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}

.gallery .carousel-inner .carousel-item-end,
.gallery .carousel-inner .carousel-item-start {
    transform: translateX(0);
}

/* Slider Galerie 2*/
.gallery-container {
    width: 100%;
    display: flex;
    align-items: center;
}

.gallery-container button {
    border: none;
    cursor: pointer;
    color: var(--brinkGrey);
    background: none;
    transition: all .3s ease-in-out;
    font-size: 16px;
}

.gallery-container button i {
    font-size: 16px;
}

.gallery-container button.prev-btn {
    order: 0;
    margin-left: -12px;
}

.gallery-container button.next-btn {
    order: 2;
}

.carousel-view {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    transition: all 0.25s ease-in;
}

.carousel-view .item-list {
    max-width: 1300px;
    padding: 0 10px;
    display: flex;
    gap: 20px;
    scroll-behavior: smooth;
    transition: all 0.25s ease-in;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    order: 1;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.item-list::-webkit-scrollbar {
    display: none;
}

.prev-btn {
    background: none;
    cursor: pointer;
}

.next-btn {
    cursor: pointer;
}

.gallery-item {
    scroll-snap-align: center;
    min-width: 240px;
    min-height: 160px;
}

@media only screen and (max-width: 768px) {
    .carousel-view .item-list {
        max-width: 100vw;
        padding: 0;
    }

    .gallery-container {
        padding: 0;
    }

    .gallery-container button {
        display: none;
    }

    .item-list::-webkit-scrollbar {
        height: 4px;
    }

    .item-list::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .item-list::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 360px;
    }

    .item-list::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
}

.thumbnailMenu {
    background: none;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.thumbnailItem {
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.thumbnailItem div {
    font-size: 0.8rem;
    text-align: center;
}

@media only screen and (max-width: 1200px) {
    .thumbnailMenu {
        justify-content: center;
    }
}

/*News Card Design*/
.news-list-item,
.frame-layout-2 .ce-textpic,
.categories figure,
.thumbnailItem {
    border-radius: 7px;
    transition: box-shadow .3s;
}

.news-list-item a,
.news-list-item .lead a {
    line-height: 1.2;
    hyphens: auto;
    color: var(--brinkGrey);
}

.news-list-item h4 a {
    color: var(--brinkRed);
    font-size: 20px;
}

.news-tags a, .seitennavigation .btn.btn-outline-secondary {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
}

.news-tags li {
    margin-right: 0.25rem !important;
    padding-left: 0;
}

.news-single .news-tags.list-inline li {
    margin-left: 0;
    margin-right: 0.5rem;
}

.news-single .news-tags.list-inline li a {
    font-weight: 400;
    font-size: 14px;
}

.news-list-item h2 {
    font-weight: 400;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 17px;
    line-height: 1.4;
}

.news-list-item:hover,
.frame-layout-2 .ce-textpic:hover,
.categories figure:hover,
.thumbnailItem:hover {
    box-shadow: var(--cardShadowHover);
}

.news-list-item .articletype-0 {
    padding: 20px;
    max-height: 100%;
    overflow: hidden;
}

.news-related-news .list-inline li {
    white-space: normal;
}

.news-related.news-related-news .list-inline.linkshow {
    display: flex;
    gap: 20px;
}

@media (min-width: 768px) {

    .news-list-item img{
        height: 100%;
        object-fit: cover;
        clip-path: circle(111% at 0 50%);
    }

    .news-list-item .col-sm-3:not(.order-lg-first) img{
        height: 100%;
        object-fit: cover;
        clip-path: circle(73% at 64% 50%)
    }
}

/* Article Detailview */
.article h1 {
    margin-top: 20px;
}

.article h3 {
    font-size: 25px;
}

.article .news-text-wrap {
    margin-bottom: 20px;
}

.news-list-item {
    display: flex;
    flex-direction: row;
    background: white;
    max-width: 100%;
    overflow: hidden;
}

.frame-layout-1 .news-list-item .lead p, .frame-layout-0 .news-list-item .lead p {
    display: none;
}

.news-list-item .lead.pt-1 p {
    font-size: 17px;
    line-height: 1.4;
}

.news-single p,
.news-single li {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    font-family: 'PT Sans', sans-serif;
}

.news-single ul:not(.list-unstyled) li {
    list-style: disc;
    margin-left: 1em;
}

.news-single h2 {
    line-height: 2.5rem;
    font-size: 25px;
    font-weight: 100 !important;
    color: var(--brinkRed);
    font-style: italic !important;
}

.news-single h3 {
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
    font-family: 'PT Sans', sans-serif;
}

.news-single .news-text-wrap a,
.news-single .lead a {
    font-style: inherit;
    color: var(--brinkRed);
    font-weight: 400;
}


@media only screen and (min-width: 1200px) {
    .news-list-item {
        height: 340px;
    }

    .news-list-view .news-list-item {
        height: 222px;
    }
}

@media only screen and (max-width: 768px) {
    .news-list-item {
        flex-direction: column;
    }

    .news-list-item .col-sm-6 {
        width: auto;
    }
}

.news-list-item .col-sm-4,
.news-list-item .col-sm-6 {
    padding: 0;
}

.news-list-item .col-sm-4 .img-responsive,
.news-list-item .col-sm-6 .img-responsive {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.news-list-item .articletype-0 {
    padding: 25px;
}

@media (min-width: 768px) {
    .news-list-item .col-sm-3 {
        height: 222px;
        overflow: hidden;
    }

    .news-list-item .col-sm-3 img {
        height: 100%;
        object-fit: cover;
    }
}

.news-list-item .col-sm-3.col-xs-12 {
    padding: 0;
}

.row.news {
    max-width: 100%;
    background: #e6e6e6;
}

/* Landingpage Style */

.categories {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: center;
    padding: 15px 20px;
}

.categories.varianten {
    justify-content: left;
    flex-wrap: wrap;
}

#varianten .order,
#varianten span {
    width: 100%;
}

.productinfos .container {
    display: grid;
    gap: 10px;
}

/* Desktop-Layout */
@media (min-width: 768px) {
    .productinfos .container {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 0.25fr 1fr;
    }

    .productinfos .container-title {
        grid-column: 1;
        grid-row: 1;
    }

    .productinfos .container-text {
        grid-column: 1;
        grid-row: 2;
    }

    .productinfos .container-image {
        grid-column: 2;
        grid-row: 1 / span 2;
    }
}

@media (max-width: 767px) {
    .productinfos .container {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
    }

    .productinfos .container-title {
        grid-row: 1;
    }

    .productinfos .container-image {
        grid-row: 2;
    }

    .productinfos .container-text {
        grid-row: 3;
    }
}

.productinfos .categories {
    padding: 15px 0px;
}

.productinfos .aehnliche-produkte {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    text-align: center;
}

.productinfos .aehnliche-produkte > a {
    flex-basis: calc(16% - 20px);
}

.productinfos .aehnliche-produkte img{
    border-radius: 50%;
    aspect-ratio: 1;
    background: #fff;
    object-fit: contain;
}

.productinfos .moreproducts a.button{
    display: inline-block;
}

.productinfos .aehnliche-produkte figcaption{
    padding-top: 10px;
}

.categories figure {
    overflow: hidden;
    max-height: 320px;
    border-radius: 5px;
    max-width: 200px;
    position: relative;
}

.categories figure img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    background: #fff;
    aspect-ratio: 1;
}

.categories figure span {
    position: absolute;
    left: 50%;
    top: 50px;
    background: var(--brinkRed);
    padding: 3px 12px;
    color: white;
    font-weight: bold;
    transform: translate(-50%, 0px);
    border-radius: 7px;
    text-transform: uppercase;
}

.categories figcaption {
    background: #fff;
    width: 100%;
    min-height: 60px;
    display: flex;
    align-content: center;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 3px;
}

.categories a:hover figure {
    box-shadow: var(--cardShadowHover);
    transition: all 0.5s;
}

@media only screen and (max-width: 758px) {
    .productinfos .aehnliche-produkte > a {
        flex-basis: calc(33% - 20px);
    }
}

@media only screen and (max-width: 1200px) {
    .categories {
        overflow-x: scroll;
        justify-content: flex-start;
        flex-wrap: nowrap;
        margin-bottom: 25px;
        -webkit-overflow-scrolling: touch;
    }

    .categories a {
        max-width: 28.5%;
        flex: 1 0 auto;
    }
}



/* Mehr als 8 Kategorien in einer Reihe -> Scrollen */
.categories.frame-layout-1 {
    overflow-x: scroll;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 25px;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    padding-bottom: 5px;
}

/* Alternatives Layout für Produktkategorien Startseite */
.categories.frame-layout-2 {
    justify-content: space-between;
}

.categories.frame-layout-2 a {
    width: 100%;
}

.categories.frame-layout-2 figure {
    display: flex;
    flex-direction: column-reverse;
    background: #d20a10;
    max-width: none;
    max-height: none;
    align-items: center;
}

/* Kategorie Farben */
.categories.frame-layout-2 a:nth-child(1) figure {
    background: #595950;
}

.categories.frame-layout-2 a:nth-child(2) figure {
    background: #33332E;
}

.categories.frame-layout-2 a:nth-child(3) figure {
    background: #70a3bd;
}

.categories.frame-layout-2 a:nth-child(4) figure {
    background: #a9b7a2;
}

.categories.frame-layout-2 a:nth-child(5) figure {
    background: #b4d8f3;
}

.categories.frame-layout-2 figure img {
    background: none;
    padding: 10%;
}

.categories.frame-layout-2 figcaption {
    background: none;
}

.categories.frame-layout-2 figcaption p {
    color: #fff;
    font-weight: 700;
}

/*Scroll Button
.categories.frame-layout-1:before {
    content: '>';
    color: #fff;
    position: fixed;
    background-color: #0000002a;
    height: 100%;
    width: 20px;
    right: 0;
    top: 50%;
    transform: translate(-50%, 0);
}*/

.categories.frame-layout-1 a {
    max-width: 28.5%;
    flex: 1 0 auto;
}

/* Scrollbar Design */
.categories::-webkit-scrollbar {
    height: 4px;
}

.categories::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.categories::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 360px;
}

.categories::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.categories-wrapper {
    position: relative;
    max-width: 1430px;
    margin: 0 auto;
}

.scroll-button {
    position: absolute;
    font-size: 20px;
    top: 50%;
    background: none;
    border: none;
    transform: translateY(-50%);
    color: var(--brinkGrey);
}

.scroll-left-button {
    left: 10px;
}

.scroll-right-button {
    right: 10px;
}

@media only screen and (max-width: 1200px) {
    .scroll-button {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .categories figure {
        max-height: 300px;
    }

    .categories a {
        max-width: 40% !important;
        flex: 1 0 auto;
    }

    .categories.varianten a {
        max-width: none !important;
    }

    .categories.varianten>div {
        max-width: 45%;
    }

    .categories figcaption h2 {
        font-size: 16px;
    }
}

/* Landingpage Cards*/
.frame-layout-2 .ce-textpic, .frame-layout-3 .ce-textpic, .frame-layout-1 .ce-textpic {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #ffffff;
    margin: 50px 0;
}

.frame-layout-2 .ce-gallery, .frame-layout-3 .ce-gallery {
    flex-basis: 60%;
    aspect-ratio: 2;
    margin-bottom: 0;
    overflow: visible;
}

.ce-gallery figure {
    display: block;
}

.frame-layout-2 .ce-bodytext, .frame-layout-3 .ce-bodytext {
    flex-basis: 40%;
    align-self: center;
    color: var(--brinkGrey);
    padding: 25px;
}

.frame-layout-2 .ce-outer,
.frame-layout-2 .ce-inner,
.frame-layout-2 .ce-row,
.frame-layout-2 .ce-column,
.frame-layout-2 figure.image,
.frame-layout-2 .image-embed-item,
.frame-layout-3 .ce-outer,
.frame-layout-3 .ce-inner,
.frame-layout-3 .ce-row,
.frame-layout-3 .ce-column,
.frame-layout-3 figure.image,
.frame-layout-3 .image-embed-item {
    width: 100%;
    height: 100%;
}

.frame-type-textpic.frame-layout-2 figure.image a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.frame-type-textpic.frame-layout-2 figure.image img{
    width: 80%;
    max-height: 90%;
    object-fit: contain;
    height: auto;
    transition: all 0.25s;
}

.frame-type-textpic.frame-layout-2:hover figure.image img{
    width: 85%;
    max-height: 95%;
    transition: all 0.5s;
}

.frame-layout-3 .image-embed-item {
    object-fit: cover;
}

@media only screen and (max-width: 768px) {
    .frame-layout-2 .ce-gallery, .frame-layout-3 .ce-gallery {
        flex-basis: 100%;
    }

    .frame-layout-2 .ce-bodytext, .frame-layout-3 .ce-bodytext {
        flex-basis: 100%;
    }

    .frame-layout-2 .ce-textpic {
        flex-direction: column-reverse;
        overflow: visible;
    }

    .frame-layout-2 .ce-gallery {
        flex-basis: auto;
        aspect-ratio: inherit;
        margin-bottom: 0;
        overflow: visible;
    }
}

/* Textpic Custom (Layout 1)*/
.ce-textpic.layout-1 {
    border-radius: 7px;
    transition: all 0.25s;
    position: relative;
}

.ce-textpic.layout-1::after {
    content: "";
    background: url('https://www.richard-brink.de/fileadmin/user_upload/Allgemein/einfach-besser-claim.svg') no-repeat;
    width: 150px;
    height: 50px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background-position: right;
}

html[lang="en-GB"] .ce-textpic.layout-1::after {
    background: url('https://www.richard-brink.de/fileadmin/user_upload/Allgemein/simply-better-claim.svg') no-repeat;
}

html[lang="nl-NL"] .ce-textpic.layout-1::after {
    background: url('https://www.richard-brink.de/fileadmin/user_upload/Allgemein/gewoon-beter-claim.svg') no-repeat;
}

html[lang="fr-FR"] .ce-textpic.layout-1::after {
    background: url('https://www.richard-brink.de/fileadmin/user_upload/Allgemein/juste-mieux-claim.svg') no-repeat;
    width: 170px;
    height: 65px;
}

.ce-textpic.layout-1 h3 {
    color: var(--brinkGray);
}

.ce-textpic.layout-1 h3 span {
    color: var(--brinkRed);
    font-style: italic;
    font-weight: bold;
}

.ce-textpic ul li::marker {
    color: var(--brinkGray);
}

.ce-textpic.layout-1 .image-left {
    flex-basis: 30%;
}

.ce-textpic.layout-1 .image-left img {
    height: 100%;
    object-fit: cover;
    clip-path: circle(97% at 0 50%);
}

.ce-textpic.layout-1 .content {
    flex-basis: 45%;
    padding: 20px 5px 20px 30px;
}

.ce-textpic.layout-1 .content h3 {
    margin-bottom: 25px;
}

.ce-textpic.layout-1 .content h3 a{
    color: var(--brinkGray);
    font-weight: 400;
}

.ce-textpic.layout-1 .image-right {
    position: relative;
    flex-basis: 25%;
    overflow: hidden;
}

.ce-textpic.layout-1 .image-right img {
    position: relative;
    z-index: 100;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(10px 10px 8px #00000025);
    transition: all 0.25s;
    object-position: right;
}

.ce-textpic.layout-1 .image-right::after {
    content: "";
    width: 200%;
    border-radius: 50%;
    border: 10px solid #b3b4ae;
    position: absolute;
    left: -167%;
    top: 50%;
    transform: translate(0%, -50%);
    aspect-ratio: 1;
    transition: all 0.25s;
}

.ce-textpic.layout-1:hover {
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.25s;
}

.ce-textpic.layout-1:hover .image-right img {
    margin-top: -10px;
    transition: all 0.25s;
}

.ce-textpic.layout-1:hover .image-right::after {
    border-color: var(--brinkRed);
    transition: all 0.25s;
}

div[id^="c"], .accordion-item, [id], #technischedaten{
    scroll-margin-top: 15vh;
}

@media screen and (max-width: 768px) {

    .ce-textpic.layout-1 {
        flex-direction: column;
    }

    .ce-textpic.layout-1 .image-left img{
        clip-path: circle(100% at 50% -85%);
        max-height: 150px;
    }

    .ce-textpic.layout-1 .image-right img{
        max-height: 175px;
        margin-bottom: 15px;
        float: right;
    }

    .ce-textpic.layout-1:hover .image-right img{
        margin-top: 0;
    }

    .ce-textpic.layout-1 .image-right::after {
        left: -50%;
        top: -75vw;
        border-width: 7px;
    }

    .ce-textpic.layout-1::after {
        width: 125px;
        height: 43px;
        left: -5px;
        bottom: 0px;
    }

    div[id^="c"], [id]{
        scroll-margin-top: 2vh;
    }
}


/*Button Style*/
.downloadButton a, .productinfos .downloadButton a {
    padding: 12px 16px;
    display: block;
    float: left;
    font-family: "PT Sans", sans-serif;
    background: var(--brinkGrey);
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    z-index: 2;
    border-radius: 3px;
}

.productinfos .downloadButton a {
    padding: 0;
}

.productinfos .accordion-body .downloadButton a {
    padding: 16px 24px;
}

.downloadButton:hover a {
    background: var(--brinkRed);
    transition: all 0.25s;
}

.ce-uploads a {
    width: 60% !important;
    line-height: 11px !important;
    background: var(--brinkGrey) !important;
    border-radius: 7px !important;
}

.downloadButton span {
    font-family: "PT Sans", sans-serif;
    background: var(--brinkGrey);
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    z-index: 2;
    border-radius: 7px;
}

.downloadButton:hover span {
    background: var(--brinkRed);
    transition: all 0.25s;
}

.downloadButton.red a,
.downloadButton.red span {
    background: var(--brinkRed);
}

.downloadButton.red:hover a,
.downloadButton.red:hover span {
    background: #ec262c;
}

#downloadArea .btn.btn-outline-secondary {
    max-width: 100%;
}

#downloadArea .unterthema {
    margin-left: 15px;
}

.sysanz-unterthema {
    border-bottom: 1px solid #e2e2e2;
}

div.orderProduct span {
    background: #609d14;
}

div.orderProduct span:hover {
    background: #508410;
}

div.orderProduct span span:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f054";
    font-size: 12px;
    font-weight: 700;
    padding-left: 5px;
}

/*Neue Buttons*/
a.button {
    padding: 12px 18px;
    display: inline-block;
    font-family: "PT Sans", sans-serif;
    background: var(--brinkGrey);
    color: #fff;
    font-size: 15px;
    line-height: 19px;
    font-weight: 400;
    z-index: 2;
    border-radius: 3px;
    margin: 10px 10px 10px 0;
    text-wrap: nowrap;
}

a.button:hover {
    background: #737373;
}

a.button.order {
    background: #508410;
}

a.button.order:hover {
    background: #609d14;
}

.slidetext div.orderProduct span {
    font-family: "PT Sans", sans-serif;
    font-size: 15px!important;
    font-weight: 400;
    border-radius: 3px;
}

.slidetext div.orderProduct span span {
    padding: 12px 18px
}

.product-select {
    font-family: "PT Sans", sans-serif;
    font-size: 1rem;
    color: #575756;
    padding: 7px;
    border: 1px solid #575756;
    border-radius: 3px;
}

/* Shop Seite */
#teaserImages {
    overflow: hidden;
}

#teaserImages img {
    width: 100%;
    object-fit: cover;
}

.products.navbar {
    max-width: 1360px;
    margin: 0 auto;
}

#product {
    margin: 0 auto;
}

/*Shop und Website gleiche H he
.header-container .container{
    height: 48px;
}*/

.knowex-atg-index-category .main-container,
.knowex-atg-index-product .main-container {
    margin-top: 0px;
}

.knowex-atg-index-product .main-container .row {
    max-width: 1360px;
    margin: 0 auto;
}

.knowex-atg-index-product .main-container {
    padding: 20px 0 40px 0;
}

.header.logoIMG {
    padding-top: 0;
}

/* Perks Shop Vorteile */
.perks-background {
    margin-bottom: 30px;
    background: white;
    width: 100%;
}

.perks-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    padding: 15px;
    gap: 20px;
}

.perk {
    display: flex;
    gap: 10px;
    color: var(--brinkGrey);
    align-items: center;
}

.perk i {
    color: #76BE26;
    margin-right: 5px;
}

.perk p {
    font-weight: bold;
    font-size: 16px;
}

.perk p span {
    font-weight: 400;
}

.perk img {
    height: initial;
}

@media screen and (max-width: 768px) {

    .perks-wrapper {
        flex-direction: column;
        display: none;
    }

    .perk {
        flex-direction: row;
        text-align: center;
    }

    .perk p {
        font-size: 14px;
    }
}

/* Bootstrap Tooltip */
.tooltip .tooltip-inner ul li {
    font-size: 14px;
    text-align: left;
    color: #fff;
}

.tooltip .tooltip-inner ul {
    list-style-type: disc;
    padding-left: 10px; /
}

.text-left .tooltip-inner{
    text-align: left;
}

/*Footer*/
.footer-container {
    background: #E6E6E6;
    color: var(--brinkGrey);
    border-top: 27px solid black;
    border-image: url(/fileadmin/user_upload/Allgemein/footer-waves4.png);
    border-image-slice: 100;
    border-image-repeat: repeat;
    margin-top: -1px;
}

.footer-shadow {
    display: flex;
    justify-content: space-around;
    background: #fff;
    padding: 30px;
    margin: 0;
    border-radius: 30px 30px 0 0;
    gap: 20px;
    align-items: center;
}

.footer .h4,
.footer ul li a,
.footer a:not(.button) {
    color: var(--brinkGrey);
}

.footer .h4 {
    font-weight: bold;
}

.footer .socialMedia i {
    color: transparent;
}

.footer a.button {
    margin: 0 0 1rem 0;
    background: var(--brinkRed);
    padding: 8px 16px !important;
    font-size: 15px !important;
    font-weight: bold;
    max-width: 200px;
    display: block;
}

/* Produkftinfo Seite */
.productinfos h1 {
    font-family: 'PT Sans', sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: var(--brinkGrey);
    letter-spacing: -1px;
    margin-bottom: 30px;
    font-style: normal;
}

.productinfos h1 span {
    display: block;
    font-size: 55px;
    font-weight: 700;
    font-style: italic;
    color: var(--brinkRed);
    letter-spacing: 0px;
}

.productinfos h2 {
    font-family: 'PT Sans', sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: var(--brinkGrey);
    margin-bottom: 15px;
    letter-spacing: -0.25px;
}

.productinfos li {
    line-height: 1.2;
    margin-bottom: 15px;
}

.productinfos .accordion-body>p a:not(.do, .button),
.faq .accordion-body p a:not(.do) {
    font-weight: 400;
    color: var(--brinkRed);
    text-decoration: underline;
}

.productinfos .accordion-body>p a:hover,
.faq .accordion-body p a:hover {
    text-decoration: none;
}

.productinfos .producthighlights li {
    font-size: 18px;
}

.ce-textpic ul li {
    list-style: square;
    margin-left: 20px;
    margin-bottom: 5px;
    line-height: 1.5;
}

.productinfos #carousel-example-generic figcaption, .swiper figcaption {
    text-align: center;
    justify-self: anchor-center;
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    background: white;
    padding: 0px 10px;
    line-height: 30px;
    height: 29px;
    border-radius: 7px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 97%;
}

.productinfos .swiper.baumitbrinkSwiper figcaption {
    position: relative;
    left: 0;
    max-width: 90%;
    font-size: 0.75rem;
}

.productinfos .producthighlights {
    margin-bottom: 10px;
}

.productinfos li {
    padding-left: 7px;
    margin-left: 10px;
}

.productinfos li::marker {
    content: url(/fileadmin/user_upload/list-icon3.png);
}

.productinfos li {
    list-style-image: url(/fileadmin/user_upload/list-icon3.png);
}

.productinfos #carousel-example-generic .carousel-item {
    aspect-ratio: 3/2;
    transition: transform .25s ease;
}

.productinfos #carousel-example-generic .carousel-item.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

.productinfos #carousel-example-generic .carousel-item-start,
.productinfos #carousel-example-generic .carousel-item-end {
    display: flex !important;
    align-items: center !important;
}

.productinfos #carousel-example-generic .carousel-item img {
    aspect-ratio: 3/2;
    object-fit: contain;
    overflow-clip-margin: unset;
    max-width: 100%;
    max-height: 100%;
}


.productinfos #carousel-example-generic figcaption {
    text-align: center;
}

@media screen and (max-width: 768px) {

    .productinfos .accordion-body {
        overflow-x: auto;
    }
}

/* Technische Daten */

.productinfos table.technischedaten {
    width: 100%;
    margin-top: 5px;
    background: #fff;
}

.productinfos table.technischedaten th h4 span, .productinfos table.technischedaten th h3 span{
    color: var(--brinkRed);
    font-style: italic;
    font-weight: 700;
}

.productinfos table.technischedaten tr:hover {
    background: rgb(247, 247, 247);
}

.productinfos table.technischedaten thead{
    background: rgb(247, 247, 247);
}

.productinfos table.technischedaten th *{
    margin-bottom: 0px;
}

.productinfos table.technischedaten td, .productinfos table.technischedaten th{
    border: none;
    border-bottom: 1px solid rgb(204, 204, 204);
    padding: 16px;
}

.productinfos table.technischedaten td p, .productinfos table.technischedaten th h4, .productinfos table.technischedaten th p{
    color: var(--brinkGrey);
    font-size: 17px;
    font-family: 'PT Sans', sans-serif;
}

.productinfos table.technischedaten tr td:first-child p{
    font-weight: 700;
}

.productinfos table.technischedaten th p{
    margin-top: 5px;
}

.productinfos table tbody{
    padding: 7px;
}

@media screen and (max-width: 768px) {

    .productinfos .accordion-body {
        overflow-x: auto;
    }
}


/* Zubehör */

.productinfos .accordion-body.zubehoer{
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}

.productinfos .accordion-body.zubehoer h3{
    width: 100%;
    margin-top: 15px;
}

.productinfos .accordion-body.zubehoer figure{
    flex-basis: calc(20% - 20px);
}

.productinfos .accordion-body.zubehoer img{
    background: #F7F7F7;
    border-radius: 7px;
    aspect-ratio: 1;
    object-fit: contain;
}

.productinfos .accordion-body.zubehoer figcaption{
    font-family: 'PT Sans';
    font-size: 17px;
    font-weight: 400;
    color: var(--brinkGrey);
    margin-top: 10px;
}

@media screen and (max-width: 768px) {

    .productinfos .accordion-body.zubehoer{
        gap: 10px;
    }

    .productinfos .accordion-body.zubehoer figure{
        flex-basis: calc(50% - 10px);
    }

    .productinfos .accordion-body.zubehoer figcaption{
        font-size: 14px;
    }
}

/* LP Downloads */

.productinfos .accordion-body.downloads figure{
    width: 216px;
    font-size: 16px;
    max-width: 100%;
}

.productinfos .accordion-body.downloads img{
    border: 1px solid #cdcdcd;
    border-radius: 0;
    aspect-ratio: 210 / 297;
    width: 100%;
    object-fit: contain;
}

.productinfos .accordion-body.downloads .download-buttons{
    display: flex;
    width: 100%;;
}

.productinfos .accordion-body.downloads .download-buttons a{
    padding: 10px 16px;
}

@media screen and (max-width: 768px) {

    .productinfos .accordion-body.downloads > a{
        width: calc(50% - 10px);
    }

    .productinfos .accordion-body.downloads .download-buttons{
        flex-direction: column;
    }
}

/*Produktvergleich*/
.productinfos .produktvergleich table{
    background: white;
    border-radius: 7px;
    border: 3px solid #fff;
}

.productinfos .produktvergleich table, .productinfos .produktvergleich table td, .productinfos .produktvergleich table td p{
    font-size: 16px;
    color: var(--brinkGrey);
    line-height: 24px;
}

.productinfos .produktvergleich table td a strong, .productinfos .produktvergleich table td a b, .productinfos .produktvergleich table td strong a, .productinfos .produktvergleich table td b a {
    font-size: 20px;
    color: var(--brinkRed);
    font-weight: 700;
    text-decoration: none;
}

.productinfos .produktvergleich table td a {
    text-decoration: underline;
}

.productinfos .produktvergleich td,
.productinfos .produktvergleich th {
    width: auto;
    padding: 12px 14px 5px;
}


.productinfos .produktvergleich th {
    position: sticky;
    left: -1px;
    z-index: 1;
    background: white;
    line-height: 1;
}

@media screen and (max-width: 768px) {
    .productinfos .produktvergleich {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .productinfos .produktvergleich tbody{
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .productinfos .produktvergleich th {
        width: 280px;
        font-size: 11px;
        hyphens: auto;
        display: block;
        position: sticky;
        padding-left: 15px;
        border-right: none !important;
        background: none;
    }

    .productinfos .produktvergleich td{
        min-width: 280px;
        max-width: 280px;
        scroll-snap-align: start;
    }

    .productinfos .produktvergleich td:last-child{
        min-width: 350px;
        max-width: 350px;
    }

    .productinfos .produktvergleich td:not(:last-child),
    .productinfos .produktvergleich th:not(:last-child) {
        border-right: none!important;
    }
}

.productinfos .produktvergleich td:not(:last-child),
.productinfos .produktvergleich th:not(:last-child) {
    border-right: 1px solid lightgrey;
}

.productinfos .produktvergleich th {
    font-weight: 700;
}

.productinfos .produktvergleich table tr:nth-child(2) {
    font-size: 20px;
    color: var(--brinkRed);
}

.productinfos .produktvergleich table tr:nth-child(even):not(:nth-child(2)) {
    background-color: #f8f8f8;
}

.productinfos .produktvergleich td:hover {
    background: #fffcd2;
}

.productinfos .produktvergleich tr:hover {
    background: #fffde3 !important;
}

.productinfos .produktvergleich table tr:nth-child(1) td,
.productinfos .produktvergleich table tr:nth-child(1) {
    background: white !important;
    vertical-align: middle;
}

/*Produktvergleich Scroll Hint*/
.produktvergleich-wrapper {
    position: relative;
}

.table-scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.scroll-hint {
    position: absolute;
    top: 30px;
    right: 10px;
    width: 32px;
    height: 32px;
    background-color: rgb(67 67 67 / 70%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #ffffff;
    pointer-events: auto;
    animation: pulse 1.8s infinite;
    display: none;
    z-index: 10;
    cursor: pointer;
}

@keyframes pulse {
    0%, 100% {
        transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    50% {
        transform: translateY(-50%) scale(1.15);
        opacity: 0.6;
    }
}

.produktvergleich-wrapper.has-scroll .scroll-hint {
    display: flex;
}

.productinfos,
.productinfos .card,
.productdescription {
    margin-bottom: 30px;
}

.productinfos {
    flex-direction: column;
    margin-bottom: 30px;
}


@media screen and (max-width: 768px) {
    .md-order-0{
        order: 0;
    }
    .md-order-1{
        order: 1;
    }
    .md-order-2{
        order: 2;
    }
    .md-order-3{
        order: 3;
    }
    .md-order-4{
        order: 4;
    }
}

.productinfos .card {
    box-shadow: 0 0 6px rgb(0 0 0 / 20%);
    padding: 15px;
    background: #ffffff;
}

.productinfos .header {
    padding-top: 0;
}

.productinfos .header img {
    aspect-ratio: 4;
    object-fit: cover;
    object-position: bottom;
    max-height: 100%;
    min-height: 150px;
    width: 100%;
}

.moreproducts {
    background-color: #ededed;
    padding-top: 3em;
    margin: 3em 0;
}

@media screen and (max-width: 768px) {

    .productinfos .header {
        display: none;
    }

    .productinfos .row.intro {
        flex-direction: column-reverse;
    }

    .productinfos h1 {
        hyphens: auto;
        font-size: 24px;
    }

    .productinfos h1 span {
        font-size: 48px;
    }

    .productinfos h2 {
        hyphens: auto;
        font-size: 22px;
    }
}

/* Shop Filter */

.filter-item .icons1 img {
    display: none;
}

.filter-item .icons1 img:last-child {
    display: block;
}

/* Accordion */
.accordion {
    background-color: #fff;
    color: #444;
    padding: 12px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    position: relative;
}

.card-header a {
    display: flex;
}

.card-header a::after {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    transition: transform 0.2s ease-in-out;
}

.card-header a:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23D20A10'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-small .accordion-button {
    padding: 0px;
    cursor: pointer;
}

.accordion-button {
    background-color: transparent;
    color: var(--brinkGrey);
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    color: var(--brinkRed);
}

.accordion-button:focus,
.accordion-button:not(.collapsed):focus {
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color) !important;
}

.accordion-button.collapsed:focus {
    box-shadow: none!important;
}

.accordion-button h3,
.accordion h3 {
    margin-bottom: 0;
}

.accordion .accordion-body h3 {
    font-size: 22px;
}

.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:focus,
.navbar .navbar-nav>.open>a:hover {
    color: #777;
    background: none;
}

/* SHOP */
#entPane {
    background: #fff;
}

.nav:after {
    clear: none !important;
}

/* Newsletter */

#newsletter {
    padding: 0 20px;
}

#newsletter .row:first-child {
    background: #ffffff;
    border-radius: 7px;
    padding: 20px;
    margin-top: 100px;
}

#newsletter form div div div input:not(.checkbox-inline .required) {
    padding: 10px 10px !important;
    border-radius: 5px !important;
    border: 1px solid #ccc !important;
    width: 90% !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: inherit !important;
}

#newsletter form div div div button,
.newsletterbutton {
    background-color: var(--brinkRed) !important;
    border: none !important;
    border-radius: 5px !important;
    padding: 10px 20px !important;
    color: rgb(255, 255, 255) !important;
    cursor: pointer !important;
    min-width: 150px !important;
    font-family: inherit !important;
    font-weight: bold !important;
    font-size: 16px !important;
    transition: all 0.25s;
}

#newsletter form div div div button:hover,
.newsletterbutton:hover {
    margin-left: 7px;
    background: var(--brinkRed) !important;
}

.newsletterbutton {
    padding: 8px 16px !important;
    font-size: 15px !important;
}

.legal {
    font-size: 12px;
    color: #b5b5b5;
    margin-top: 10px;
}

.stoerer * {
    color: #ffffff;
}

@media only screen and (min-width: 992px) {
    .stoerer {
        margin-left: 0;
    }
}

/** Adjustment Bootstrap 5.2.3 **/
.page>.header {
    display: none;
}

ol,
ul {
    padding-left: 0;
}

.navbar.bg-light {
    background-color: #fff !important;
}

.navbar-collapse {
    margin-bottom: -8px;
}

.nav-fill .nav-item {
    flex: initial;
}

.logoArea {
    margin-bottom: 0 !important;
    height: 0;
}

.header-container {
    border-bottom: none;
    position: relative;
    z-index: 11;
}

.dropdown-menu .nav-item {
    text-align: left;
}


/*.nav-link[title="Händler finden"]{
    border-top: 1px solid gray;
}

.nav-link[title="Händler finden"]:before, .home-link[title="Händler finden"]:before{
    font-family: 'Material Symbols Outlined';
    content: "search";
    justify-content: center;
    margin-right: 7px;
    vertical-align: bottom;
    font-size: 16px;
}*/

.home-link[title="Händler finden"]{
    display: inline-block;
}

.dropdown-menu .nav-link {
    padding: 10px 15px;
}

.dropdown-menu .nav-link:hover {
    color: #333;
}

/* Sticky Header */
@media only screen and (min-width: 991px) {
    nav.navbar.sticky{
        position: fixed;
        width: 100%;
        background: #fff !important;
        top: 0;
        z-index: 1000;
        padding-top: 15px;
        transition: all 0.1s;
    }

    /* Logo Position Standard Logo
    .logoArea img.shrink{
        position: fixed;
        top: 2px;
        transform: translate(0px, -25%) scale(0.55);
        translate(0px, -9%) scale(0.85);
        width: auto;
        height: auto;
        margin-top: 0;
        padding-top: 0;
        transition: all 0.3s;
    }*/

    /* Logo Position 50 Jahre Logo */
    .logoArea img.shrink{
        position: fixed;
        transform: translate(0px, 44%) scale(0.85);
        margin-top: 0;
        padding-top: 0;
        transition: all 0.3s;
    }

    .main-container.scroll {
        padding-top: 75px;
    }
}

/* Language Flags */
[class^="flags-"] {
    border-radius: 7px;
}

.flags-de {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUgMyI+DQo8cGF0aCBkPSJtMCwwaDV2M2gtNXoiLz4NCjxwYXRoIGZpbGw9IiNkMDAiIGQ9Im0wLDFoNXYyaC01eiIvPg0KPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0ibTAsMmg1djFoLTV6Ii8+DQo8L3N2Zz4NCg==');
    width: 24px;
    height: 16px;
    display: inline-block;
    background-size: 100% 100%;
    vertical-align: middle;
}

.flags-en-us-gb {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjAgMzAiIGhlaWdodD0iNjAwIj4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJ0Ij4NCjxwYXRoIGQ9Im0zMCwxNWgzMHYxNXp2MTVoLTMwemgtMzB2LTE1enYtMTVoMzB6Ii8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPHBhdGggZmlsbD0iIzAwMjQ3ZCIgZD0ibTAsMHYzMGg2MHYtMzB6Ii8+DQo8cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNiIgZD0ibTAsMGw2MCwzMG0wLTMwbC02MCwzMCIvPg0KPHBhdGggc3Ryb2tlPSIjY2YxNDJiIiBzdHJva2Utd2lkdGg9IjQiIGQ9Im0wLDBsNjAsMzBtMC0zMGwtNjAsMzAiIGNsaXAtcGF0aD0idXJsKCN0KSIvPg0KPHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEwIiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjxwYXRoIHN0cm9rZT0iI2NmMTQyYiIgc3Ryb2tlLXdpZHRoPSI2IiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjwvc3ZnPg0K');
    width: 24px;
    height: 16px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.flags-nl {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNjAwIiB2aWV3Qm94PSIwIDAgOSA2Ij4NCjxwYXRoIGZpbGw9IiMyMTQ2OGIiIGQ9Im0wLDBoOXY2aC05eiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg5djRoLTl6Ii8+DQo8cGF0aCBmaWxsPSIjYWUxYzI4IiBkPSJtMCwwaDl2MmgtOXoiLz4NCjwvc3ZnPg0K');
    width: 24px;
    height: 16px;
    display: inline-block;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: middle;
}

.flags-fr {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCjxwYXRoIGZpbGw9IiNlZDI5MzkiIGQ9Im0wLDBoOTAwdjYwMGgtOTAweiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg2MDB2NjAwaC02MDB6Ii8+DQo8cGF0aCBmaWxsPSIjMDAyMzk1IiBkPSJtMCwwaDMwMHY2MDBoLTMwMHoiLz4NCjwvc3ZnPg0K');
    width: 24px;
    height: 16px;
    display: inline-block;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: middle;
}

.flags-at {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjYwMCI+DQo8cmVjdCBmaWxsPSIjYzgxMDJlIiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjYwMCIvPg0KPHJlY3QgZmlsbD0iI2ZmZiIgeT0iMjAwIiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjIwMCIvPg0KPC9zdmc+');
    width: 24px;
    height: 16px;
    display: inline-block;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: middle;
}

.flags-ch {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyBoZWlnaHQ9IjMwMCIgd2lkdGg9IjQ1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8ZGVzYz5GbGFnIG9mIFN3aXR6ZXJsYW5kPC9kZXNjPg0KCTxyZWN0IGZpbGw9IiNmZjAwMDAiIGhlaWdodD0iMzAwIiB3aWR0aD0iMzAwIiB4PSI3NSIvPg0KCTxyZWN0IGZpbGw9IiNmZmYiIGhlaWdodD0iNjAiIHdpZHRoPSIyMDAiIHg9IjEyNSIgeT0iMTIwIi8+DQoJPHJlY3QgZmlsbD0iI2ZmZiIgaGVpZ2h0PSIyMDAiIHdpZHRoPSI2MCIgeD0iMTk1IiB5PSI1MCIvPg0KPC9zdmc+');
    width: 24px;
    height: 16px;
    display: inline-block;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: middle;
}

.frame-type-menu_subpages h2 {
    font-weight: bold;
}

/* Text kürzen mobil */

@media (max-width: 768px) {
    .frame-type-text.frame-layout-3 {
        position: relative;
    }

    .frame-type-text.frame-layout-3:not(.open) p {
        height: 45px;
        overflow: hidden;
        cursor: pointer;
    }

    .frame-type-text.frame-layout-3:after {
        width: 120px;
        content: "\f078";
        position: absolute;
        right: 20px;
        bottom: -3px;
        height: 20px;
        background: linear-gradient(270deg, #f7f7f7 36.43%, rgba(255, 255, 255, 0) 97%);
        text-align: right;
        font-size: 14px;
        font-family: 'Font Awesome 5 Free';
        font-weight: 700;
    }

    .frame-type-text.frame-layout-3.open:after {
        content: "\f077";
        background: transparent;
    }
}

/* SEARCH */
.fg--search input,
.fg--search2 input {
    font-size: 18px;
    border-radius: 7px;
    transition: all 0.25s;
}

input::placeholder {
    font-size: 17px;
}

.fg--search input {
    background: #f7f7f7;
    border: none;
}

.searchform.text-sm-right {
    float: left;
    width: 61%;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .searchform.text-sm-right {
        float: right;
        width: 61%;
        padding-right: 30px;
    }
}

.fg--search input:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.fg--search i {
    color: var(--brinkGrey);
}

.tx-indexedsearch-icon {
    display: none;
}

#tx-indexedsearch-searchbox-button-submit {
    display: none;
}

.tx-indexedsearch-title a {
    font-size: 20px;
    color: var(--brinkRed);
    font-weight: bold;
}

#c1870>.tx-indexedsearch-browsebox {
    display: none;
}

.tx-indexedsearch-browsebox li a {
    border: none;
    background: transparent;
}

/* Kontakt Contact Ansprechpartner */

.Grün-Experte{
    background: #aecc5380;
    margin-left: -1rem !important;
    padding-left: 1rem;
}

.kontakt .overlay {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    background: linear-gradient(0deg, #00000094, transparent);
    width: 100%;
    height: 50%;
}

.kontakt .downloadButton span {
    background: var(--brinkRed);
}

@media (max-width: 768px) {
    .kontakt .header img {
        aspect-ratio: 2;
    }

    .kontakt figcaption h1 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .kontakt .overlay {
        height: 100%;
    }
}

.vt {
    cursor: pointer;
    font-weight: normal;
    font-size: 19px;
}

#vertriebsteams.flags {
    margin-bottom: 15px;
}

.vt.flag img {
    height: 20px;
    margin-right: 15px;
}

.vt.flag img:hover,
.vt.flag.open img {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}

@media only screen and (max-width: 880px) {
    .vt.flag img {
        height: 18px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
}

.vt.open {
    font-weight: bold;
}

.vt:hover {
    font-weight: bold;
}

#vt-select {
    width: 100%;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 20px;
    margin-bottom: 20px;
    color: #717171;
}

#vt-select option:disabled{
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: var(--brinkRed);
}

.vtAnzeige {
    background: #fff;
    border-radius: 7px;
    box-shadow: var(--cardShadow);
}

.ansprechpartner {
    align-items: center;
    margin-bottom: 20px;
}

.ansprechpartner-infos {
    line-height: 1.4;
}

.ansprechpartner-infos a {
    color: var(--brinkGrey);
}

#geschaeftsleitung .accordion-button::after,
#pressemarketing .accordion-button::after {
    display: none;
}

#geschaeftsleitung .accordion-button,
#geschaeftsleitung .accordion-button:focus,
#pressemarketing .accordion-button:focus,
#pressemarketing .accordion-button:not(.collapsed) {
    box-shadow: none !important;
}

.vt:not(.open) h4 {
    color: var(--brinkGrey);
}

/* FAQ */
.faq .accordion-item h4 {
    font-size: 20px;
    font-family: 'PT Sans', sans-serif;
    color: var(--brinkGrey);
}

/* Formulare */

form h2 {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 30px;
    color: var(--brinkRed);
}

form label.control-label {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--brinkGrey);
}

form div.input {
    margin-bottom: 30px;
}

form .form-check:first-child {
    padding-left: 0;
}


.main-container .radio,
.main-container .checkbox {
    display: initial;
}

form .inputs-list {
    display: flex;
    margin-bottom: 30px;
}

.main-container .input label span:hover {
    border-bottom: 1px solid var(--brinkGrey);
    cursor: pointer;
}

.main-container label {
    font-weight: normal;
    font-size: 17px;
}

form .btn-primary {
    padding: 16px 24px;
    display: block;
    float: left;
    font-family: "Roboto Condensed", sans-serif;
    background: var(--brinkGrey);
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    z-index: 2;
    border-radius: 7px;
    border: none;
}

form .btn-primary:hover {
    background: var(--brinkRed);
    transition: all 0.25s;
    border: none;
}

.frame-type-form_formframework {
    background: white;
    border-radius: 7px;
    box-shadow: var(--cardShadow);
    transition: box-shadow .3s;
    padding: 30px;

}

.plzsearch .form-control {
    box-shadow: var(--cardShadow);
    border: none;
}

/* Modal / Popup */
/* The Modal (background) */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 5000;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 30px auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.anfrageformular iframe {
    border-radius: 7px;
}

/* Seitennavigation als sticky Balken */
.seitennavigation-wrapper{
    background: var(--brinkRed);
    position: sticky;
    top: 78px;
    width: 100%;
    z-index: 100;
    margin-bottom: 80px;
}

.seitennavigation {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.seitennavigation .btn {
    color: #fff;
    border-radius: 0;
    padding-bottom: 0;
    border: none;
    border-bottom: 2px solid transparent;
    text-wrap: nowrap;
    padding: 12px 18px;
}

.seitennavigation .btn:hover, .seitennavigation .btn.active, .seitennavigation .btn:active{
    background: white;
    color: var(--brinkRed);
    border: none;
}

@media screen and (max-width: 768px) {
    .seitennavigation-wrapper {
        position: fixed;
        top: 0;
        z-index: 10;
    }

    .seitennavigation{
        overflow-x: auto;
    }

    .seitennavigation .btn:last-child {
        margin-right: 65px;
    }
}

/* Slider mit Text */
/* Bild über volle Breite
  .slidetext{
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
    width: 25%;
    padding: 25px;
    border-radius: 7px;
    background: #ffffffde;
    text-align: left;
  }*/

/* Text im Kasten
  .slidetext{
    position: absolute;
    top: 50%;
    left: -16%;
    transform: translate(-50%, -55%);
    width: 50%;
    min-height: 70%;
    padding: 40px;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 3px 1px 19px rgba(0,0,0,0.12);
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }*/

.slidetext {
    padding: 40px;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 3px 1px 19px rgba(0, 0, 0, 0.12);
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: -50px;
    margin-top: -50px;
    margin-left: 50px;
    z-index: 999;
    width: 100vw;
    max-width: 550px;
    height: 48vh;
    min-height: 440px;
}

.slideimage {
    width: 70vw;
    height: 60vh;
}

.slidewrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.slidetext p {
    font-size: 20px;
}

.slidetext p:last-of-type {
    height: 0;
}

.slidetext ul {
    margin-top: 15px;
}

.slidetext li {
    font-size: 18px;
    padding-left: 7px;
    margin-left: 10px;
}

.slidetext li::marker {
    content: url(/fileadmin/user_upload/list-icon3.png);
}

.slidetext li {
    list-style-image: url(/fileadmin/user_upload/list-icon3.png);
}

/*.carousel-item-mit-text{
    width: 66%;
    height: 70vh;
    float: right;
    margin-right: 0;
    margin-left: -100%;
    transition: all 0.5s;
  }*/

#carousel-example-generic .carousel-item-mit-text img {
    aspect-ratio: auto;
    width: 100%;
    height: 100%;
}

.slidetext div.orderProduct span {
    font-size: 18px;
}

#carousel-example-generic.slider-mit-text .carousel-indicators button[data-bs-target] {
    width: 50px;
    height: auto;
    border: none;
    background: none;
    border: 3px solid transparent;
    border-radius: 5px;
    opacity: 0.7;
    margin-left: 5px;
    margin-right: 5px;
}

#carousel-example-generic.slider-mit-text .carousel-indicators button[data-bs-target]:hover {
    opacity: 1;
}

#carousel-example-generic.slider-mit-text .carousel-indicators button[data-bs-target].active {
    background: none;
    border: 3px solid white;
    border-radius: 5px;
    padding: 0px;
    opacity: 1;
    box-shadow: 3px 1px 8px rgba(0, 0, 0, 0.12);
}

#carousel-example-generic.slider-mit-text .carousel-indicators button[data-bs-target] img {
    border-radius: 5px;
}

#carousel-example-generic.slider-mit-text .carousel-indicators {
    bottom: 0;
    justify-content: center;
    width: 30vw;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 10px;
    transform: translate(-6px, 5px);
}

@media only screen and (max-width: 880px) {
    .slidewrapper {
        flex-direction: column;
        margin-bottom: -19px;
    }

    .slidetext {
        width: 90%;
        height: auto;
        padding: 20px;
        border-radius: 7px;
        background: #ffffff;
        box-shadow: 3px 1px 19px rgba(0, 0, 0, 0.12);
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-right: 0;
        margin-top: -15px;
        margin-left: 0;
        margin-bottom: 19px;
    }

    #carousel-example-generic .carousel-item-mit-text img {
        position: initial;
        left: 0;
    }

    #carousel-example-generic.slider-mit-text .carousel-indicators {
        bottom: -90px;
        justify-content: center;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        transform: translate(0, 0px);
        width: 100vw;
    }

    #carousel-example-generic.slider-mit-text {
        margin-bottom: 8rem;
    }

    .slideimage {
        width: auto;
        height: auto;
    }
}

/* Before After Slider Comparison */
.comparison-slider-wrapper {
    position: relative;
    width: 100%;
    margin: 20px 0;
    background-color: #ffffff;
}

.comparison-slider-wrapper .comparison-slider {
    position: relative;
    width: 100%;
    margin: 0;
    border: 5px #ffffff solid;
    box-sizing: border-box;
}

.comparison-slider-wrapper .comparison-slider>img {
    width: 100%;
    height: auto;
    display: block;
}

.comparison-slider-wrapper .comparison-slider .overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 767px) {
    .comparison-slider-wrapper .comparison-slider .overlay {
        display: block;
    }
}

.comparison-slider-wrapper .comparison-slider .resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

.comparison-slider-wrapper .comparison-slider .resize>img {
    display: block;
}

.comparison-slider-wrapper .comparison-slider .divider {
    position: absolute;
    width: 3px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    left: 50%;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    cursor: ew-resize;
}

.comparison-slider-wrapper .comparison-slider .divider:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    left: -18px;
    top: 50%;
    margin-top: -20px;
    border-radius: 50%;
    background-color: #ffffff;
    transition: all 0.1s ease-in-out;
}

.comparison-slider-wrapper .comparison-slider .divider:after {
    content: "\2039\a0\203A";
    position: absolute;
    font-size: 28px;
    top: 50%;
    margin-top: -24px;
    margin-left: -12px;
    color: #000000;
    font-weight: 900;
    text-align: center;
    transition: all 0.1s ease-in-out;
}

.comparison-slider-wrapper .comparison-slider .divider.draggable:before {
    width: 60px;
    height: 60px;
    left: -28px;
    margin-top: -30px;
}


/* Ansprechpartner Popup */
@keyframes slideInFromLeft {
    0% {
        transform: translateX(150%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(150%);
        opacity: 0;
        display: none;
        z-index: -1;
    }
}

#back-top {
    display: none !important;
}

.contact-popup {
    position: fixed;
    bottom: 0px;
    right: 0px;
    background: white;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
    border-radius: 12px 7px 7px 0px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    z-index: 1000;
    animation: 1s ease-in-out 0s 1 slideInFromLeft;
    max-width: 325px;
    transition: all 1s;
}

.contact-popup.close {
    animation: 1s ease-in-out 0s 1 slideOutRight;
    visibility: hidden;
}

@media (max-width: 769px) {
    .contact-popup {
        display: none;
    }
}

.contact-image {
    margin-left: 0%;
}

.contact-infos {
    display: flex;
    flex-direction: column;
    padding-right: 20px;
}

.contact-infos strong {
    font-size: 20px;
    color: var(--brinkRed);
    margin-bottom: 10px;
    line-height: 1;
}

.contact-infos span {
    font-size: 16px;
    color: var(--brinkGrey);
    font-weight: 400;
    margin-bottom: 15px;
}

.contact-infos .downloadButton {
    margin-top: 0.5rem;
}

.contact-infos .downloadButton a {
    text-align: center;
    padding: 8px 16px;
}

.ansprechpartner-popup-close {
    position: absolute;
    height: 18px;
    width: 18px;
    left: auto;
    right: 7px;
    bottom: auto;
    top: 7px;
    padding: 0px;
    color: var(--brinkGrey);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    border: none;
}

/** ÜBER UNS **/

@keyframes slideUp {
    0% {
        transform: translateY(100%);
        opacity: 1;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideLeft {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(0.9);
    }

    70% {
        transform: translate(-50%, -50%) scale(1.1);
    }

    100% {
        transform: translate(-50%, -50%) scale(0.9);
    }
}

.ueber-uns .ueber-uns-menu {
    opacity: 0;
    position: fixed;
    bottom: 0;
    width: 100vw;
    margin: 0 auto;
    background: #1b1b1b;
    z-index: 1000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    animation: slideUp 1s 1s;
    animation-fill-mode: forwards;
}

.ueber-uns .ueber-uns-menu ul {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: space-between;
    max-width: 1400px;
    margin: 0 auto;
}

.ueber-uns .ueber-uns-menu ul li {
    line-height: 1.5;
    color: #fff;
}

.ueber-uns .ueber-uns-menu ul li::marker, li.nav-item::marker {
    content: none!important;
}

.ueber-uns .ueber-uns-menu ul li i {
    color: var(--brinkRed);
}

.ueber-uns .ueber-uns-menu ul a {
    padding: 8px 12px;
}

.ueber-uns .ueber-uns-menu ul a i {
    margin-left: 3px;
    font-size: small;
}

.ueber-uns .ueber-uns-menu ul a:hover {
    background: var(--brinkRed);
}

.ueber-uns .ueber-uns-menu ul a:hover * {
    color: #fff;
}

.ueber-uns .ueber-uns-menu {
    z-index: 10000000000;
}

.modal-backdrop {
    z-index: 1000000000;
}

.modal {
    z-index: 1000000000000;
}

.ueber-uns .video-thumbnail {
    overflow: hidden;
    position: relative;
}

.ueber-uns .video-thumbnail-wrapper-inner {
    position: relative;
}

.ueber-uns .video-thumbnail .play-button,
.ueber-uns .video-thumbnail-wrapper .play-button {
    position: absolute !important;
    min-width: 100px;
    width: 10% !important;
    height: 10% !important;
    object-fit: contain !important;
    top: 50% !important;
    left: 50% !important;
    position: absolute;
    transform: translate(-50%, -50%);
    transition: all 0.25s;
    animation: pulse 2s infinite;
}

.ueber-uns .video-thumbnail:hover .play-button,
.ueber-uns .video-thumbnail-wrapper:hover .play-button {
    animation: pulse 0.75s infinite;
}

.ueber-uns .video-thumbnail a .thumbnail-image,
.ueber-uns .video-thumbnail-wrapper a .thumbnail-image {
    transition: all 0.5s;
}

.ueber-uns .video-thumbnail a:hover .thumbnail-image,
.ueber-uns .video-thumbnail-wrapper a:hover .thumbnail-image {
    transform: scale(1.1);
    transition: all 5s;
}

.ueber-uns .slidetext {
    min-height: auto;
    height: auto;
    animation: slideRight 1s;
}

.ueber-uns .slidetext.no-animation {
    animation: none;
}

.ueber-uns .unterschriften {
    min-height: initial;
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
}

.ueber-uns .unterschriften img {
    min-height: initial !important;
    max-width: 50% !important;
}

.ueber-uns .unterschriften img:nth-child(2) {
    margin-top: 15px;
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.ueber-uns-einleitung {
    max-width: 1000px;
    margin: 100px auto;
    text-align: center;
    border-top: 2px solid var(--brinkRed);
    border-bottom: 2px solid var(--brinkRed);
    padding: 30px;
}

.ueber-uns .ueber-uns-einleitung p {
    font-size: 20px;
    line-height: 1.7;
}

.ueber-uns .ueber-uns-einleitung h1, .ueber-uns-einleitung h3 {
    width: fit-content;
    padding: 0 10px;
    margin: 0 auto;
    margin-top: -44px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 23px;
    color: var(--brinkRed);
    background: #f7f7f7;
}

.ueber-uns .ueber-uns-sektion {
    min-height: 85vh;
    margin-bottom: 50px;
}

.ueber-uns .ueber-uns-sektion h2 {
    text-align: center;
}

.ueber-uns .video-thumbnail-wrapper {
    max-height: 85vh;
    overflow: hidden;
    position: relative;
}

.ueber-uns .video-thumbnail-wrapper h2 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 25px;
    border-radius: 0 0 7px 7px;
    background-color: #fff;
    color: var(--brinkRed);
    font-size: 2.25rem;
    font-weight: 400;
}

.ueber-uns .video-thumbnail-wrapper .sidetext {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 25px 50px;
    border-radius: 7px 0 0 0;
    background-color: #fff;
    max-width: 30%;
}

.ueber-uns .video-thumbnail-wrapper .sidetext h3 {
    font-weight: 400;
    color: var(--brinkRed);
    font-size: 2rem;
}


.ueber-uns .weitere-infos {
    min-height: 50vh;
    padding: 5%;
    text-align: center;
}

.ueber-uns .ueber-uns-menu ul a strong,
.ueber-uns .ueber-uns-menu ul a br {
    display: none;
}

h3 span {
    font-weight: 400;
}

#einfachpersoenlich .weitere-infos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

#einfachpersoenlich .weitere-infos .weitere-infos-content {
    min-width: 30%;
}

#einfachpersoenlich .weitere-infos .img-left {
    opacity: 0;
    margin-left: -50%;
    animation: slideRight ease-out 3s;
    animation-fill-mode: forwards;
}

#einfachpersoenlich .weitere-infos .img-right {
    opacity: 0;
    margin-right: -50%;
    animation: slideLeft ease-out 3s 0.5s;
    animation-fill-mode: forwards;
}

@media (max-width: 880px) {
    .ueber-uns .ueber-uns-menu ul a i {
        display: none;
    }

    .ueber-uns .ueber-uns-menu ul a {
        border-right: 1px solid #f0f0f0;
    }

    .ueber-uns .ueber-uns-menu {
        overflow-x: scroll;
    }

    .ueber-uns .ueber-uns-menu ul {
        justify-content: initial;
    }

    .ueber-uns .ueber-uns-menu ul a span {
        font-weight: 700;
    }

    .ueber-uns .modal-content {
        width: 100%;
    }

    .ueber-uns .video-thumbnail-wrapper .sidetext {
        position: initial;
        padding: 25px;
        border-radius: 0;
        background-color: #fff;
        width: 100%;
        max-width: 100%;
    }

    .ueber-uns .video-thumbnail-wrapper a .thumbnail-image {
        height: 50vh;
        object-fit: cover;
    }

    .ueber-uns .video-thumbnail-wrapper a {
        position: relative;
    }

    .ueber-uns .video-thumbnail-wrapper .sidetext h3 {
        font-size: 1.8rem;
    }

    .ueber-uns .video-thumbnail-wrapper h2 {
        font-size: 2rem;
        width: 80%;
        padding: 15px;
    }

    #einfachpersoenlich .weitere-infos {
        flex-direction: column;
    }

    #einfachpersoenlich .weitere-infos .img-left {
        margin-left: 0;
    }

    #einfachpersoenlich .weitere-infos .img-right {
        display: none;
    }
}

@media (min-width: 881px) {
    .ueber-uns .video-thumbnail {
        width: 62vw;
    }
}

.teaser-einfach-besser {
    background: url('https://www.richard-brink.de/fileadmin/user_upload/Startseite/Firmenprofil/teaser-einfach-besser-header-web.webp') center;
    background-size: cover;
    min-height: 375px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

.teaser-einfach-besser .content {
    max-width: 500px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translate(-50%, 0);
    color: #fff;
}

.teaser-einfach-besser .content h3 {
    color: #fff;
    font-size: 55px;
}

.teaser-einfach-besser .content p {
    color: #fff;
    margin-bottom: 20px;
}

@media (max-width: 881px) {

    .teaser-einfach-besser .content {
        width: 99%;
    }

    .teaser-einfach-besser .content h3 {
        font-size: 45px;
    }
}



/* Timeline
.swiper-container-wrapper--timeline .swiper-slide {
    display: flex;
    background: none;
    min-height: 300px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}*/

.swiper-container-wrapper--timeline .swiper-slide .container {
    padding: 0;
    width: 100%;
}

.swiper-container-wrapper--timeline .swiper-slide .title {
    font-size: 18px;
    opacity: 0;
    transition: 0.5s ease 0.5s;
}

.swiper-container-wrapper--timeline .swiper-slide-active .title {
    opacity: 1;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar {
    position: relative;
    margin-bottom: 70px;
    background-color: transparent;
    height: 5px;
    border-bottom: 3px solid var(--brinkGrey);
    /* $secondary-color variable should be replaced with actual color value */
    width: 75%;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar-fill {
    background-color: var(--brinkRed);
    /* $primary-color variable should be replaced with actual color value */
    height: 3px;
    top: 2px;
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar:before {
    position: absolute;
    top: 2px;
    left: -100%;
    width: 100%;
    height: 3px;
    background-color: var(--brinkRed);
    /* $primary-color variable should be replaced with actual color value */
    content: "";
}

.swiper-container-wrapper--timeline .swiper-pagination-progressbar:after {
    position: absolute;
    top: 2px;
    right: -100%;
    width: 100%;
    height: 3px;
    background-color: var(--brinkGrey);
    /* $secondary-color variable should be replaced with actual color value */
    content: "";
}

.swiper-container-wrapper--timeline .swiper-pagination-custom {
    position: relative;
    list-style: none;
    margin: 1rem 0;
    padding: 0;
    display: flex;
    line-height: 1.66;
    bottom: 0;
    z-index: 11;
    width: 75%;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch {
    position: relative;
    width: 100%;
    height: 31px;
    line-height: 30px;
    display: block;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
    position: absolute;
    font-weight: 400;
    right: 0;
    transform: translateX(50%);
    transition: 0.2s all ease-in-out;
    cursor: pointer;
    z-index: 1;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title strong {
    font-size: 24px;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:after {
    position: absolute;
    top: calc(100% + 19px);
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    width: 12px;
    height: 12px;
    background: var(--brinkRed);
    /* $primary-color variable should be replaced with actual color value */
    border-radius: 2rem;
    content: "";
    transition: 0.2s all ease-in-out;
    z-index: 1;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {
    font-weight: 400;
    transition-delay: 0.4s;
    color: var(--brinkRed);
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after {
    background: var(--brinkRed);
    /* $primary-color variable should be replaced with actual color value */
    width: 25px;
    height: 25px;
    transition-delay: 0.4s;
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active~.swiper-pagination-switch .switch-title {
    color: var(--brinkGrey);
    /* $secondary-color variable should be replaced with actual color value */
}

.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active~.swiper-pagination-switch .switch-title:after {
    background: var(--brinkGrey);
    /* $secondary-color variable should be replaced with actual color value */
}

/*Timeline Custom*/
.swiper-slide {
    background: transparent;
}

.swiper-slide .row {
    background: #fff;
    border-radius: 7px;
    box-shadow: var(--cardShadow);
    overflow: hidden;
    align-items: center;
    text-align: left;
}

.swiper-slide h3 {
    font-weight: 400;
    color: var(--brinkRed);
}

@media (max-width: 880px) {
    #einfachgewachsen .weitere-infos {
        padding-left: 0;
    }

    .swiper-container-wrapper--timeline .swiper-pagination-custom {
        width: 95%;
        margin: 0;
    }

    .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title strong {
        font-size: 16px;
        display: none;
    }

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        width: 125%;
        z-index: 100;
    }

    .swiper-container {
        padding-left: 5%;
    }

    .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch {
        margin-top: -47px;
    }

    .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:after {
        position: absolute;
        top: calc(100% + 51px);
        width: 12px;
        height: 12px;
    }

    .swiper-container-wrapper--timeline .swiper-pagination-progressbar {
        margin-bottom: 30px;
    }

    .ueber-uns .video-thumbnail-wrapper {
        max-height: none;
    }

}

/* Angebote Cards*/
.angebot{
    display: flex;
    gap: 15px;
    align-items: stretch;
    margin-bottom: 7vh;
    background: #fff;
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
}

.angebot .beschreibung, .angebot .image {
    flex-basis: 50%;
}

.angebot .beschreibung {
    padding: 30px;
}

.angebot .beschreibung li{
    margin-bottom: 10px;
}

.angebot .beschreibung .titel {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
}

.angebot .image img {
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .angebot {
        flex-direction: column;
    }
}

/* Icon Cards / Iconbox */
.iconbox-wrapper {
    display: flex;
    row-gap: 80px;
    column-gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10vh;
    margin-top: 50px;
}

.productinfos .iconbox-wrapper {
    display: flex;
    row-gap: 80px;
    column-gap: 30px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10vh;
    margin-top: 50px;
}

.iconbox {
    background: #fff;
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    text-align: left;
    padding: 30px;
    flex-basis: calc(33% - 30px);
}

.iconbox {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1s;
}

.iconbox.visible {
    opacity: 1;
    transform: translateY(0);
}

.iconbox:nth-child(1) { transition-delay: 0s; }
.iconbox:nth-child(2) { transition-delay: 0.25s; }
.iconbox:nth-child(3) { transition-delay: 0.5s; }
.iconbox:nth-child(4) { transition-delay: 0.5s; }
.iconbox:nth-child(5) { transition-delay: 0.75s; }
.iconbox:nth-child(6) { transition-delay: 1s; }

.iconbox img {
    margin-top: -65px;
    width: 85px;
    height: 65px;
    margin-bottom: 30px;
    transition: all 0.25s;
    object-fit: contain;
}

.iconbox .iconbox-icon {
    font-size: 75px;
    margin-top: -65px;
    margin-bottom: 15px;
    color: var(--brinkRed);
}

.iconbox:hover img {
    transform: rotate(-5deg);
    transition: all 0.25s;
}

.iconbox h3 {
    color: var(--BrinkGrey);
    font-size: 20px;
    hyphens: auto;
}

@media (max-width: 768px) {
    .iconbox {
        flex-basis: 100%;
    }
}

/* Typo3 Untermenü Modul */
.frame-type-menu_subpages.frame-layout-1 ul{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.frame-type-menu_subpages.frame-layout-1 ul li{
    flex-basis: calc(50% - 10px);
    text-align: center;
    font-weight: bold;
}

.frame-type-menu_subpages.frame-layout-1 ul li::marker{
    content: none;
}

.frame-type-menu_subpages.frame-layout-1 ul li a{
    padding: 25px;
    background: #d3d3d1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* Produktinfos */
p.shipping {
    font-size: 0.8rem;
    color: #508410;
}

p.shipping svg {
    vertical-align: inherit;
    margin-right: 5px;
}

p span{
    font-weight: 700;
    font-style: italic;
    color: var(--brinkRed);
}

strong.h4 {
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    font-size: 1.5rem;
    font-weight: 700;
}

.productinfos a {
    color: var(--brinkGrey);
    text-decoration: none;
    display: inline-block;
    transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
}

.productinfos a:hover {
    transform: translateY(-2px);
}

.productinfos a:not(.button) svg {
    margin-right: 5px;
}

.row.infobox-wrapper {
    gap: 25px;
    margin-bottom: 50px;
    justify-content: space-between;
}

.col {
    display: flex;
    flex-direction: column;
    padding: 20px 10px;
    padding-top: 5px;
}

.col.info {
    flex-basis: 60%;
}

.col.buttons {
    flex-basis: 40%;
    max-width: 40%;
}

.infobox {
    background: #fff;
    border-radius: 1px;
    display: flex;
    width: calc(50% - 20px);
    align-items: center;
    justify-content: space-evenly;
}

.infobox.beratung {
    min-height: 211px;
}

.col.images {
    padding: 0px;
    overflow: hidden;
}

.randomImages {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.randomImages .shop-ansprechpartner {
    width: 60px;
    flex-basis: 32%;
}

.randomImages .shop-ansprechpartner:nth-child(4),
.randomImages .shop-ansprechpartner:nth-child(5) {
    margin-top: -15px;
}

.productinfos a.button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 16px;
    border-radius: 3px;
    margin-top: 10px;
    color: #fff;
    width: fit-content;
}

a.button.outline {
    width: fit-content;
    background: #ffffff;
    color: #575756;
    border: 1px solid #575756;
}

a.button.outline.inline {
    display: inline;
    padding: 6px 8px;
    margin: 0;
}

a.button.outline:hover {
    background: #f7f7f7;
}

.productinfos a.button#buy-button {
    background: #508410;
    color: #fff;
    width: 100%;
}

/* Styling für die Kopier-Benachrichtigung */
.copy-toast {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

/* Wenn sichtbar */
.copy-toast.show {
    opacity: 1;
    visibility: visible;
}

.fixed-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgb(255 255 255);
    color: var(--brinkGrey);
    padding: 2px;
    text-align: center;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
    z-index: 100;
}

.fixed-bar-container {
    display: flex;
    justify-content: space-between;
}

.fixed-bar-container .buttons, .fixed-bar-container .product{
    display: flex;
    align-items: center;
    gap: 15px;
}

.fixed-bar-container select {
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    .row {
        flex-direction: column;
    }

    .col {
        padding-bottom: 15px;
    }

    .col.buttons {
        max-width: fit-content;
        align-self: flex-start;
    }

    .infobox {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .randomImages {
        display: none;
    }
}

/* BS Carousel LCP Verbesserung*/

.carousel-item.no-transition {
    transition: none !important;
}

/* Swiper */
.container-image {
    max-width: 100%;
    min-width: 300px;
}

.container-image .swiper {
    width: 100%;
    height: auto;
    max-width: 100%;
    overflow: hidden;
}

.container-image .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.container-image .swiper-slide img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    aspect-ratio: 3/2;
}

.swiper-button-prev,
.swiper-button-next {
    color: var(--brinkGray);
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 1.5rem;
    text-shadow: -1px 0px #fff;
}

.swiper-pagination-bullet-active {
    background-color: var(--brinkRed);
    opacity: 1;
}

.swiper-wrapper{
    align-items: flex-start;
}

.swiper-main {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    position: relative;
    aspect-ratio: 3/2;
}

.swiper-thumbs {
    height: 77px;
    padding-top: 0.5rem;
}

.swiper-thumbs .swiper-slide {
    width: auto;
    height: auto;
    opacity: 0.5;
    border-radius: 5px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid #8a8a8a;
    background: #fff;
    overflow: hidden;
}

.swiper-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

/* Thumbs Swiper Fade*/
.thumbs-wrapper {
    position: relative;
    overflow: hidden;
}

.thumbs-fade {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    z-index: 10;
    pointer-events: none;
    background: linear-gradient(to right, #f7f7f7, transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.thumbs-fade.right {
    right: 0;
    background: linear-gradient(to left, #f7f7f7, transparent);
}

.thumbs-fade.left {
    left: 0;
}

.thumbs-wrapper.fade-left .thumbs-fade.left,
.thumbs-wrapper.fade-right .thumbs-fade.right {
    opacity: 1;
}

/* Untere Galerie Swiper */
.untereGalerieSwiper .swiper-wrapper {
    gap: 8px;
}

.untereGalerieSwiper .swiper-slide {
    width: auto;
}

.untereGalerieSwiper img{
    aspect-ratio: 3 / 2;
    object-fit: cover;
}


/* YouTube Lite */
.youtube-lite, .youtube-lite-modal {
    position: relative;
}

.youtube-lite .play-button, .youtube-lite-modal .play-button{
    position: absolute;
    background: url(https://www.richard-brink.de/fileadmin/user_upload/Allgemein/play-button.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* BauMitBrink Slider LP*/
.baumitbrink-header {
    gap: 58px;
}

.baumitbrink .swiper-slide {
    width: auto;
    min-width: 250px;
    max-width: 250px;
    flex-shrink: 0;
}

.baumitbrink .swiper-wrapper {
    padding-right: 250px;
}

.productinfos .baumitbrink a {
    display: inline;
}

.productinfos .baumitbrink .produktname{
    display: none!important;
}

.baumitbrink .placeholder {
    min-width: 250px;
    margin-right: 8px;
    aspect-ratio: 1;
    cursor: inherit;
    opacity: 1;
}

.baumitbrink .swiper-wrapper {
    align-items: flex-start;
}

.baumitbrink .bmb-info{
    position: absolute;
    width: auto;
    left: 20px;
    transform: translate(0%, 0);
    display: flex;
    gap: 20px;
    width: max-content;
    width: 750px;
    height: 250px;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.baumitbrink .bmb-info .text{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-right: 20px;
}

.baumitbrink .swiper-slide.z-index{
    z-index: 100;
}

.baumitbrink figure video {
    object-fit: cover;
    aspect-ratio: 1 / 1;
    max-width: 100%;
}

/* BauMitBrink Grid */
.baumitbrink.grid {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}

.baumitbrink.grid figure {
    background: #fff;
    border-radius: 7px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
    max-width: 250px;
}

.baumitbrink.grid figure img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1 / 1;
}

.baumitbrink.grid figure video {
    object-fit: cover;
    aspect-ratio: 1 / 1;
    max-width: 100%;
}

.baumitbrink.grid figcaption {
    text-align: center;
    padding: 10px;
    max-width: 250px;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
}

.baumitbrink.grid figcaption p {
    font-size: 15px;
}

.baumitbrink.grid figcaption p:hover {
    text-decoration: underline;
}

.baumitbrink.grid figcaption p span{
    color: var(--brinkRed);
    font-style: italic;
    font-weight: 700;
}

/* Usercentrics Cookie Banner */
@media (max-width: 768px) and (orientation: portrait) {
    .baumitbrink.grid figure {
        max-width: calc(50% - 10px);
    }

    #usercentrics-root{
        display: none!important;
    }
}

/* Kategoriekacheln */
.categories-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
    padding-bottom: 20px;
    border-bottom: 1px solid #acacac;
}

.category-3-item .bim{
    position: absolute;
    z-index: 18;
    right: 5px;
    width: 30px;
    top: 5px;
    aspect-ratio: 1;
}

.categories-3 a {
    flex-basis: calc((100% / 3) - (40px / 3));
}

.categories-3 a:hover .category-3-image::after {
    border-color: var(--brinkRed);
    transition: all 0.25s;
    width: 115%;
}

.categories-3 a:hover .category-3-content h3 {
    color: var(--brinkRed);
    transition: all 0.25s;
}

.categories-3 a:hover .category-3-item {
    background: #e2e2e2;
    transition: all 0.25s;
}

.category-3-link {
    opacity: 1;
    display: inline-block;
    height: auto;
    transition: opacity 0.25s ease, height 0.25s ease, padding 0.25s ease;
    overflow: hidden;
}

.category-3-link.hide {
    opacity: 0;
    height: 0;
    padding: 0;
}


.categories-3 .filter-buttons button.active i:before {
    content: "\f00d";
}

.category-3-item {
    height: 150px;
    display: flex;
    background: #fff;
    gap: 20px;
    transition: all 0.25s;
    position: relative;
}

.category-3-item .badge-custom{
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
    background: var(--brinkRed);
    color: #fff;
    border-radius: 7px;
    padding: 1px 3px;
    font-size: 12px;
}

.category-3-image {
    flex: 1 1 45%;
    overflow: hidden;
    position: relative;
}

.category-3-image::after {
    content: "";
    width: 95%;
    border-radius: 50%;
    border: 7px solid #efefef;
    position: absolute;
    right: 0px;
    top: -10px;
    aspect-ratio: 1;
    transition: all 0.25s;
}

.category-3-image img {
    width: 100%;
    position: relative;
    z-index: 17;
}

.category-3-image img.mirror {
    transform: scaleX(-1);
}

.category-3-content {
    flex: 1 1 55%;
    align-self: center;
    padding: 0 5px 5px 5px;
}

.category-3-content h3 {
    font-size: 18px;
    color: var(--brinkGrey);
    margin-bottom: 5px;
}

.category-3-content h3 span {
    font-size: 19px;
    color: var(--brinkRed);
    font-style: italic;
    font-weight: 700;
}

.category-3-content p {
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
}

.categories-3 .filter-buttons {
    display: flex;
    flex-basis: 100%;
    gap: 20px;
    justify-content: start;
}

.categories-3 .filter-buttons button {
    min-width: 12%;
    padding: 12px;
    font-size: 16px;
    background: var(--brinkGrey);
    color: #fff;
    border: none;
    transition: all 0.25s;
    font-family: 'Roboto Condensed', sans-serif;
    border-radius: 360px;
}

.categories-3 .filter-buttons .filter-reset {
    background: none;
    color: var(--brinkGrey);
    min-width: auto;
}

.categories-3 .filter-buttons .filter-reset:hover {
    background: none;
    color: var(--brinkGrey);
}

.categories-3 .filter-buttons button.active {
    background: var(--brinkRed);
    color: #fff;
}

.categories-3 .filter-buttons button.active:hover {
    background: var(--brinkRed);
}

.categories-3 .filter-buttons button.active i {
    transform: rotate(90deg);
    line-height: 1;
}

.categories-3 .filter-buttons button:hover {
    background: #6e6e6e;
    transition: all 0.25s;
}

.categories-3 .filter-buttons button i {
    font-size: 12px;
    padding-left: 10px;
    float: right;
    line-height: 1.5;
    transition: all 0.25s;
}

.categories-3 .filter-buttons button:hover i {
    transform: rotate(90deg);
    transition: all 0.25s;
    line-height: 1;
}

@media only screen and (max-width: 1000px) {
    .categories-3 a {
        flex-basis: calc((100% / 2) - (40px / 2));
    }
}

@media only screen and (max-width: 768px) {

    .categories-3 a {
        flex-basis: 100%;
    }

    .category-3-item {
        gap: 10px;
        flex-direction: row;
        height: 120px;
    }

    .category-3-image{
        flex: 1 1 40%;
    }

    .category-3-content {
        flex: 1 1 60%;
    }

    .category-3-image img {
        width: 100%;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        object-position: left;
        margin-left: 0%;
        margin-top: 0;
    }

    .category-3-image img.mirror {
        object-position: right;
    }

    .category-3-image::after {
        width: 100%;
        bottom: 0;
        left: -30px;
        right: unset;
        top: unset;
    }

    .category-3-content h3 {
        font-size: 16px;
        hyphens: auto;
    }

    .category-3-content p {
        font-size: 13px;
    }

    .categories-3 .filter-buttons {
        flex-wrap: wrap;
    }

    .categories-3 .filter-buttons button {
        width: 47%;
        padding: 15px;
        font-size: 16px;
        background: var(--brinkGrey);
        color: #fff;
        border: none;
        transition: all 0.25s;
        font-family: 'Roboto Condensed', sans-serif;
    }
}

.max-w-none {
    max-width: none !important;
}

/* Referenzen News Redesign */
.news-redesign .breadcrumbArea{
    display: none;
}

.news-single .news-redesign .lead a{
    color: var(--brinkGrey);
}

.news-single .news-redesign .lead a:hover{
    color: var(--brinkRed);
}

.news-redesign p a{
    border-bottom: 2px solid var(--brinkRed);
}

.news .hero{
    height: 65vh;
    overflow: hidden;
    display: flex;
    gap: 7px;
}

.news .hero .hero-img{
    object-fit: cover;
    object-position: center;
    height: 100%;
}

.news .hero .image-wrapper{
    height: 100%;
    position: relative;
}

.news .hero .image-wrapper svg{
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: #fff;
    border-radius: 100%;
    padding: 5px;
    transition: all 0.25s;
}

.news .hero .image-wrapper:hover svg{
    transform: scale(1.1);
    transition: all 0.25s;
}

.news .hero .gallery-wrapper{
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.news .hero .gallery-wrapper a.fluidbox{
    display: flex;
    flex: 1;
}

.news .hero .newsThumbnail {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    height: 100%;
    margin: 0;
    border: none;
    opacity: 0.8;
    transition: all 0.25s;
}

.news .hero .newsThumbnail:hover {
    opacity: 1;
    transition: all 0.25s;
}

.news .news-title{
    position: absolute;
    bottom: 10px;
    left: 30px;
}

.news .news-title h1{
    background: white;
    display: inline-block;
    padding: 5px 15px;
    font-style: normal!important;
}

.news .news-title h2{
    background: white;
    padding: 0px 15px;
    color: var(--brinkGrey);
    font-size: 20px;
    font-weight: bold!important;
    font-style: normal!important;
    width: fit-content;
}

.news .intro{
    background: #fff;
    padding: 4rem;
}

.news .iconbox {
    flex-basis: flex-basis: calc(25% - 30px);
}

.news .iconbox h3, .layout-1 .iconbox h3 {
    color: var(--brinkRed);
    font-size: 32px;
}

.news table{
    background: #fff;
}

.news table td{
    width: auto;
    padding: 14px;
    border: 1px solid #f0f0f0;
    font-size: 16px;
}

/* News Redesign Produkte */
.frame-layout-2 .ce-textpic{
    flex-wrap: nowrap!important;
}

.frame-layout-2 .ce-textpic h4{
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

.frame-layout-2 .ce-textpic h4 span{
    color: var(--brinkRed);
    font-style: italic;
    font-weight: 700;
    display: block;
    font-size: 2rem;
}

.frame-layout-2 .ce-bodytext{
    padding-left: 4rem;
}

.frame-layout-2 .ce-textpic .button{
    margin-top: 1rem;
}

.frame-layout-2 .image-wrapper, .frame-layout-2 .text{
    flex-basis: 60%;
}

.frame-layout-2 figure.image{
    display: flex;
    align-items: center;
    justify-content: center;
}

.frame-layout-2 figure.image{
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='45' fill='%23ffffff'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
}

/* Referenzen Beteiligte */
.beteiligte{
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 1rem;
    margin-top: 4rem;
    margin-bottom: 4rem;
    text-align: center;
}

.beteiligte h3{
    color: var(--brinkGrey);
    transform: translate(0px, -50%);
}

.beteiligte .beteiligte-logos{
    display: flex;
    justify-content: center;
    justify-content: space-evenly;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 1rem;
}

.beteiligte .beteiligte-logos img{
    max-height: 100px;
    object-fit: contain;
    margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
    .news-redesign.frame{
        padding: 0;
    }

    .news .news-title {
        bottom: 0;
        left: 0;
        background: #fff;
    }

    .news .news-title h1{
        font-size: 24px;
    }

    .news .news-title h2{
        font-size: 18px;
        line-height: 1.75rem;
    }

    .news-redesign .intro{
        padding: 1rem;
    }

    .news .hero .gallery-wrapper{
        display: none;
    }
}

/* News Redesign */
.flexible-ce.content{
    display: flex;
    align-items: stretch;
    gap: 2rem;
}

.flexible-ce.content .col {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.flexible-ce.content h3{
    color: var(--brinkGrey);
    font-size: 1.5rem;
}

.flexible-ce.content .zitat{
    background: #fff;
    padding: 2rem 2rem 2rem 3rem;
    font-size: 1.2rem;
    position: relative;
    margin-top: 2rem;
}

.flexible-ce.content .zitat:before{
    content: '„';
    font-size: 200px;
    color: var(--brinkRed);
    position: absolute;
    transform: translate(-50%, 0);
    top: 0;
    left: 0;
}

.flexible-ce.content .zitat .zitat-autor{
    font-weight: bold;
    text-align: right;
    margin-bottom: 0;
}

.flexible-ce.content .zitat .zitat-autor-beschreibung{
    text-align: right;
    margin-top: 0;
    font-size: 1rem;
}

.flexible-ce.content .news-image{
    display: flex;
    flex-direction: column;
    flex: 1;
}

.flexible-ce.content .news-image figure{
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 0;
    position: relative;
}

.flexible-ce.content .news-image figure .fluidbox{
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}

.flexible-ce.content .news-image figure img{
    flex: 1;
    width: 100%;
    object-fit: cover;
    height: 100%;
    display: block;
    z-index: 1;
    transition: all 0.2s;
}

.flexible-ce.content .news-image figure img:hover{
    transition: all 0.4s;
    transform: scale(1.05);
}

.flexible-ce.content .news-image figure .fluidbox svg{
    width: 26px;
    height: 26px;
    background: var(--brinkGrey);
    border-radius: 360px;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px;
    transition: all 0.2s;
    z-index: 2;
}

.flexible-ce.content .news-image figure .fluidbox:hover svg{
    transform: scale(1.2);
    transition: all 0.2s;
}

.flexible-ce.content .news-image figcaption{
    background: #fff;
    padding: 1rem;
}

@media screen and (max-width: 768px) {
    .flexible-ce.content{
        flex-direction: column;
    }

    .flexible-ce.content .zitat:before{
        font-size: 150px;
        left: 15px;
    }

    .news .iconbox-wrapper{
        gap: 60px;
        justify-content: flex-start;
    }

    .news .iconbox{
        flex-basis: 100%;
        padding: 15px;
    }

    .news .iconbox h3 {
        color: var(--brinkRed);
        font-size: 28px;
    }

    .news .hero{
        background: #fff;
        height: auto;
    }

    .news .hero .news-title{
        position: relative;
    }

    .frame-layout-2 .ce-textpic .ce-bodytext {
        padding-left: 25px;
    }
}

/* Magnific Popup */
.mfp-bg {
    opacity: 0.9!important;
}

.mfp-arrow:before {
    content: none!important;
    display: none!important;
}

.mfp-arrow:before, .mfp-arrow:after {
    font-family: swiper-icons;
    content: 'next'!important;
    color: #fff;
    font-size: 1.5rem;
    border: none!important
}

.mfp-arrow-left:after {
    content: 'prev'!important;
}

.mfp-arrow-right:after {
    content: 'next'!important;
}

/* News List 2 Spaltig */
.news-list-view{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.news-list-view .news-list-item{
    flex-basis: calc(50% - 1rem);
}

.col-sm-6 #news-container .frame{
    padding: 0!important;
}

.col-sm-6 .news-intro{
    display: none;
}

.col-sm-6 .news-list-view .news-list-item{
    flex-basis: 100%;
}

.news-list-view .news-list-item .news-thumbnail{
    flex-basis: 40%;
}

@media (min-width: 768px) {
    .news-list-view .news-list-item .news-thumbnail img{
        clip-path: circle(100% at 0 50%);
    }
}

.news-list-view .news-list-item .news-teaser{
    flex-basis: 60%;
}

.news-list-view .news-list-item .news-teaser{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-list-view .news-list-item .news-teaser p{
    font-size: 16px;
}

.news-tags.list-inline{
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-top: 1rem;
    padding-bottom: 0;
}

.news-tags.list-inline .list-inline-item{
    line-height: 1;
    margin-right: 0!important;
    font-size: 12px;
}

.news-tags.list-inline .list-inline-item a{
    padding: 2px 4px;
    font-size: 13px;
}

@media (max-width: 768px) {
    .news-list-view{
        flex-direction: column;
        align-items: center;
    }

    .news-list-view .news-list-item .news-thumbnail, .news-list-view .news-list-item .news-teaser{
        flex-basis: 100%;
    }

    .news-list-view .news-list-item .news-thumbnail img{
        width: 100%;
    }
}

/* Produkt LP BIM Section */
.bim.section{
    background: #fff;
    display: flex;
    position: relative;
    overflow: hidden;
}

.bim.section .text{
    padding: 4rem;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.bim.section .model{
    flex-basis: 50%;
}

model-viewer{
    width: 100%;
    height: 100%;
    min-height: 200px;
    position: relative;
}

@media (max-width: 768px) {
    .bim.section{
        flex-direction: column-reverse;
    }

    .bim.section .text{
        padding: 2rem;
    }
}

.ribbon {
    position: absolute;
    top: 0.75rem;
    left: -2.2rem;
    width: 125px;
    text-align: center;
    background: var(--brinkRed);
    color: #fff;
    font-weight: bold;
    font-size: 0.75rem;
    padding: 0.2rem 0;
    transform: rotate(-45deg);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    z-index: 1
}

/* Modelviewer */
.Hotspot {
    background: rgb(255, 255, 255);
    border-radius: 32px;
    border: 0px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
    box-sizing: border-box;
    cursor: pointer;
    height: 24px;
    padding: 8px;
    position: relative;
    transition: opacity 0.3s;
    width: 24px;
}

.HotspotAnnotation {
    background: rgb(255, 255, 255);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
    color: #575756;
    display: block;
    font-size: 18px;
    font-weight: 700;
    left: calc(100% + 1em);
    overflow-wrap: break-word;
    padding: 0.5em 1em;
    position: absolute;
    top: 50%;
    width: max-content;
}

/*Banderole*/
@media (max-width: 768px) {
    .banderole-inner.frame{
        height: 27px;
        overflow: auto;
        white-space: nowrap;
    }
    .banderole-inner.frame p{
        font-size: 16px;
    }
}

/* Bilder Slider */
@media (min-width: 768px) {
    .bilder-slider{
        max-width: 33vw;
    }
}

/* Jobs Detailview Redesign 2026 */
.job .cta-fixed{
    position: fixed;
    bottom: 0;
    right: 0;
    border: 1px solid #707070;
    padding: 10px;
    border-radius: 12px 0 0 0;
    display: flex; align-items: center;
    gap: 10px;
    background: #fff;
    z-index: 100;
}

.job section.intro{
    padding: 0;
}

.job h2, #wofuer-wir-stehen h2{
    color: var(--brinkGrey);
    font-style: normal!important;
    font-weight: 700!important;
}

.job h3{
    color: var(--brinkGrey);
    border-bottom: 3px solid var(--brinkRed);
    width: fit-content;
}

h3.subtitle{
    color: var(--brinkGrey);
    font-weight: 400;
    border: none;
}

section.red{
    background: #91070B!important;
    border-bottom: 10px solid var(--brinkRed);
    padding: 3rem 0;
}

.red h1, .red h2, .red h3, .red p{
    color: #fff;
}

section.red h1{
    border-bottom: 6px solid var(--brinkRed);
    text-transform: uppercase;
    width: fit-content;
}

.job .button{
    padding-left: 36px;
    padding-right: 36px;
    display: flex;
    background: var(--brinkRed);
    border-radius: 9px;
    align-items: center;
    gap: 5px;
    color: #fff;
    font-size: 16px;
    width: fit-content;
}

.job .button.button-secondary{
    background: var(--brinkGrey);
}

.red .button.button-primary{
    color: var(--brinkGrey);
    background: #fff;
    border: 2px solid #fff;
}

.red .button.button-secondary{
    background: transparent!important;
    border: 2px solid #fff;
}

.job .button span{
    color: inherit;
    font-size: 20px;
}

article.job section.intro .hero-image{
    position: relative;
    height: 100%;
}

article.job section.intro .hero-image .job-image{
    height: 100%;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
}

.taetigkeit-hinweis{
    display: flex;
    margin-right: 20px;
    margin-top: 25px;
    justify-content: flex-end;
}

.taetigkeit-hinweis p{
    border: 2px solid var(--brinkRed);
    color: var(--brinkRed);
    border-radius: 12px;
    width: 45%;
    padding: 20px;
}

@media (max-width: 768px) {
    .taetigkeit-hinweis svg{
        width: 25%;
        transform: rotate(45deg);
        margin-right: -15px;
    }

    .taetigkeit-hinweis p{
        width: 75%;
    }
}

article.job section.intro .hero-image .company-facts{
    display: flex;
    justify-content: center;
    gap: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 100%;
}

.company-facts img {
    max-width: 22%;
}

.content .image img{
    border-radius: 12px;
}

.cards-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.cards-wrapper .card, .cultural-fit-list .card{
    padding: 20px;
    gap: 10px;
    width: calc(33.3% - 1.5rem);
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    border: none;
    overflow: hidden;
}

#wofuer-wir-stehen .card{
    flex-direction: row;
    width: calc(50% - 1.5rem);
    padding: 15px;
}

.cultural-fit-list .card{
    padding-left: 45px;
}

.cultural-fit-list .card:nth-child(1){
    width: 80%;
}

.cultural-fit-list .card:nth-child(2){
    width: 90%;
}

.cultural-fit-list .card:nth-child(3){
    width: 100%;
}

.cultural-fit-list .card:before{
    position: absolute;
    font-size: 50px;
    color: var(--brinkRed);
    left: 10px;
    top: 35px;
}

.cultural-fit-list .card:nth-child(1):before{
    content: '1';
}

.cultural-fit-list .card:nth-child(2):before{
    content: '2';
}

.cultural-fit-list .card:nth-child(3):before{
    content: '3';
}

@media (max-width: 768px) {
    .cards-wrapper .card, .cultural-fit-list .card{
        width: 100%!important;
    }

    .red .button{
        width: 100%;
        text-align: center;
    }
}

.cards-wrapper .card span{
    color: var(--brinkRed);
    font-weight: bold;
    font-size: 32px;
}

.cards-wrapper .card.quiz{
    flex-direction: row;
    padding: 0;
}

.cards-wrapper .card.quiz .question{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
}

.cards-wrapper .card.quiz .answer{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cards-wrapper .card.quiz .answer button{
    height: 100%;
    color: #fff;
    padding: 20px;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
}

.cards-wrapper .card.quiz .answer button span{
    color: #fff;
}

.cards-wrapper .card.quiz .answer button:hover, .cards-wrapper .card.quiz .answer button.is-active{
    filter: brightness(1.1);
}

.cards-wrapper .card.quiz .answer .quiz-btn--yes{
    background: #78B45A;
}

.cards-wrapper .card.quiz .answer .quiz-btn--no{
    background: #E3252B;
}

.cards-wrapper .card.quiz.is-yes{
    background: #daffda;
}

.cards-wrapper .card.quiz.is-no{
    background: #feb7b7;
}

.cards-wrapper .quiz-result{
    display: none;
    width: calc(33.3% - 1.5rem);
    text-align: center;
}

.cards-wrapper .quiz-result #quizPercent{
    font-size: 40px;
}

#bewerben iframe{
    border-radius: 12px;
}

.cultural-fit {
    position: relative;
    overflow: clip;
}

.cultural-fit-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(24px, 4vw, 64px);
    align-items: stretch;
}

.cultural-fit-content {
    padding: clamp(24px, 4vw, 64px) 0;
    padding-left: 4rem;
}

.cultural-fit-media {
    position: relative;
    margin: 0;
    min-height: 100%;
}

.cultural-fit-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.cultural-fit-media::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
            270deg,
            rgba(247, 247, 247, 0) 0%,
            rgba(247, 247, 247, 0.65) 55%,
            rgba(247, 247, 247, 1) 100%
    );
}

.cultural-fit-list{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 3rem;
    margin-top: 2rem;
}

@media (max-width: 768px) {
    .cards-wrapper .quiz-result{
        width: 100%;
    }

    .cultural-fit-inner {
        grid-template-columns: 1fr;
    }

    .cultural-fit-media {
        order: 2;
        height: min(420px, 60vw);
    }

    .cultural-fit-content {
        order: 1;
        padding-bottom: 0;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .cultural-fit-media::before {
        background: linear-gradient(
                0deg,
                rgba(247, 247, 247, 0) 0%,
                rgba(247, 247, 247, 0.65) 55%,
                rgba(247, 247, 247, 1) 100%
        );
    }
}

.red hr{
    border-color: var(--brinkRed);
    border-width: 3px;
    opacity: 1;
}

.cultural-fit-summary h3:not(.subtitle){
    border-bottom: 3px solid var(--brinkRed);
    width: fit-content;
}

#bewerben .ansprechpartner img{
    width: 25%;
}

/* Vorher Nachher Slider */
.img-comp-img img{
    max-width: none;
}

.img-comp-container {
    position: relative;
    height: 400px; /*should be the same height as the images*/
}

.img-comp-img {
    position: absolute;
    width: auto;
    height: auto;
    overflow: hidden;
    border-right: 1px solid #fff;
    max-width: 100%;
}

.img-comp-img img {
    display: block;
    vertical-align: middle;
}

.img-comp-slider {
    position: absolute;
    z-index: 9;
    cursor: ew-resize;
    /*set the appearance of the slider:*/
    width: 40px;
    height: 40px;
    background-color: #d91920;
    opacity: 0.7;
    border-radius: 50%;
}

.img-comp-slider:before{
    content: "\f053";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
    font-size: 16px;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
}

.img-comp-slider:after{
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
    float: right;
    font-size: 16px;
    margin-top: 10px;
    margin-right: 5px;
}

/* Rote Sektion*/
.bg-red{
    max-width: none!important;
    background: #91070B;
    border-bottom: 10px solid #D20A10;
    padding: 80px 0px;
    margin-bottom: 100px;
}

.bg-red *, .bg-dark *{
    color: #fff;
}

.bg-red .button{
    background: #fff;
    color: var(--brinkGrey);
    width: fit-content;
    border-radius: 9px;
    padding: 12px 24px;
}

.bg-red h1{
    border-bottom: 5px solid #D20A10;
    width: fit-content;
    font-size: 45px;
}

.bg-red.hero{
    padding: 0;
    margin-bottom: 0;
}

.bg-red *, .bg-dark *{
    color: #fff;
}

.bg-red .button{
    background: #fff;
    color: var(--brinkGrey);
    width: fit-content;
    border-radius: 9px;
    padding: 12px 24px;
}

.bg-red.hero .button:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.508' height='12.017' viewBox='0 0 6.508 12.017'%3E%3Cpath id='Icon_akar-chevron-right' data-name='Icon akar-chevron-right' d='M12,6l5.3,5.3L12,16.6' transform='translate(-11.293 -5.293)' fill='none' stroke='%23565656' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E");
    margin-left: 15px;
}

.bg-red.hero .col, .bg-red.hero .col-12 {
    padding: 0;
}

.bg-red.hero img{
    border-radius: 24px 24px 0 0;
    margin-top: 30px;
}

.bg-red.hero .content{
    padding: 20px;
}

.bg-green{
    background: #e0ebc1;
}

.bg-green h2{
    color: var(--brinkGrey);
}