body .overlay-positive { color: var(--positives); }
body .overlay-negative { color: var(--negatives); }
body .overlay-positive:before { color: var(--positives); }
body .overlay-negative:before { color: var(--negatives); }
sup { vertical-align: text-top; font-size: 70%; }

#announcement .close:before { content: "\e90f"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-weight: 400; line-height: 20px; text-align: center; text-indent: 0; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#announcement { display: block; overflow: hidden; height: 53px; margin: 0; padding: 0 0; background: #ff6602; color: #fff; line-height: 53px; text-align: center; text-overflow: ellipsis; transition: 0.2s; white-space: nowrap; }
#announcement.hide { height: 0; }
#announcement span a { color: #000; }
#announcement span.mobile { display: none; }
#announcement span a:hover { color: var(--headingsColor); text-decoration: underline; }
#announcement .close { cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; width: 30px; height: 53px; color: #fff; font-size: 17px; text-decoration: none; }

.gui-checkout-default .gui-checkout-steps { max-width: 800px; margin: 0 auto; }
.gui-checkout-default #gui-form-new .gui-buttons { display: block; }
.gui-checkout-default #gui-form-new .gui-buttons > * { width: calc(100% - 10px) }
.gui-checkout-default #gui-form-new .gui-form .gui-right { float: left; }

#footer .footer-navigation ul.list-contact .address { font-style: italic; font-size: 11px; margin-top: -12px; }

.list-checks { list-style: none; margin: 0 0 20px; padding: 0; }

.product-page #add-to-cart { box-shadow: 2px 2px 50px rgba(38, 63, 77, 0.1); }

.accordion.b .card { padding: 0; }
.accordion.b .card.active {	/*background-color: #f7f7f8;*/ }
.accordion.b h4 { margin: 10px 0; }
.accordion.b .card > div { padding: 20px; background-color: #f7f7f8; margin-bottom: 20px; }
.accordion.b h4 img { border-radius: 0; height: 20px; margin-right: 15px; margin-bottom: 2px; }

.accordion .card:first-child { border-top: 1px solid #E3E9F1; }
.accordion .card:not(:last-child) { border-bottom: 1px solid #E3E9F1; }
.accordion .card.active > div { padding: 15px; }

.service-faq { margin-bottom: 60px; }
.service-tabs-nav { list-style: none; max-width: 100%; overflow: scroll; }
.service-tabs-nav li { min-width: 230px; text-align: center; background: #F5F7FA; border: 1px solid #E3E9F1; height: 65px; line-height: 65px; }
.service-tabs-nav li:not(:last-child) { border-right-width: 0; }
.service-tabs-nav li.active { background: #fff; font-weight: 700; color: var(--accent); border-bottom-width: 0;  }
.service-tabs-content { background: #fff; border: 1px solid #E3E9F1; border-top-width: 0; }

.service-tabs-content {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  max-width: 100%;
}
.service-tabs-content.tab-active {
  opacity: 1;
  pointer-events: auto;
  position: relative;
}

/* Servicepage */
.quicklinks h3 { color: var(--accent); font-size: 18px; }
.quicklinks .list-service-subjects { display: flex; list-style: none; }
.quicklinks .list-service-subjects li { margin-right: 30px; }
.quicklinks .list-service-subjects li a { color: var(--accent); text-decoration: none; }
.quicklinks .list-service-subjects li a i { top: 1px; margin-left: 5px; }
.quicklinks .list-service-subjects li a i:before { color: var(--accent); }

/* Custom filter */
#custom-filter { margin-top: -10px; }
#custom-filter h2 { margin-bottom: 50px; text-align: center; }
#custom-filter .filter { background-color: #fff; border-radius: 6px; box-shadow: 2px 2px 50px rgba(38,63,77,0.1); padding: 36px 0; }
#custom-filter .filter .step { padding: 0 30px; width: 25%; }
#custom-filter .filter .step:not(:last-of-type) { border-right: 1px solid #E2E2E2; }
#custom-filter .filter .step .top { margin-bottom: 20px; }
#custom-filter .step .nr { color: var(--accent); font-size: 28px; font-weight: 600; }
#custom-filter .step .name { color: #000; font-size: 16px; font-weight: 600; margin-bottom: 3px; }
#custom-filter .step p { color: #000; }
#custom-filter .step .select { position: relative; }
#custom-filter .step .select::after { color: #ADADBA; content: "\e900"; font-family: 'icomoon'; font-size: 10px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);; }
#custom-filter .step .select select { -webkit-appearance: none; -moz-appearance: none; border-color: #E2E2E2; height: 50px; width: 100%; }
#custom-filter .search { margin-top: 52px; }
#custom-filter .search .btn { min-width: 328px; max-width: 100%; background-color: var(--addtocartbutton); }
#custom-filter .search .btn span { margin: 0 4px; }

@media only screen and (min-width: 1200px) {
  #custom-filter .filter .step:first-of-type { padding-left: 25px; }
	#custom-filter .filter .step:last-of-type { padding-right: 25px; }
}
@media only screen and (max-width: 1199.98px) {
  #custom-filter .filter { flex-wrap: wrap; }
  #custom-filter .filter .step { padding-bottom: 36px; width: 50%; }
  #custom-filter .filter .step:nth-of-type(2) { border-right: none; }
  #custom-filter .filter .step:nth-of-type(n + 3) { padding-bottom: 0; }
}
@media only screen and (max-width: 768.98px) {
  #custom-filter h2 { margin-bottom: 20px; }
  #custom-filter .filter { padding: 15px 0; }
  #custom-filter .filter .step { border-right: none !important; padding: 0 20px; width: 100%; }
  #custom-filter .filter .step:not(:last-of-type) { border-bottom: 1px solid #e2e2e2; margin-bottom: 15px; padding-bottom: 15px !important; }
  #custom-filter .filter .step .top { margin-bottom: 10px; }
  
  #custom-filter .filter .mobile-top { color: #000; font-weight: 600; position: relative; }
  #custom-filter .filter .mobile-top::after { color: #0090E3; content: '\e900'; font-family: 'icomoon'; font-size: 10px; position: absolute; right: 6px; }
  #custom-filter .filter .step.active .mobile-top::after { top: 6px; transform: rotate(180deg); }
  #custom-filter .filter .mobile-top .nr { margin-right: 10px; }
  #custom-filter .filter .mobile-toggle { height: 0; opacity: 0; transition: 0.2s; }
  #custom-filter .filter .step:not(.active) .mobile-toggle { pointer-events: none; }
  #custom-filter .filter .step.active .mobile-toggle { height: 100%; opacity: 1; }
  
  #custom-filter .step .nr { font-size: 18px; }
  #custom-filter .step .name { font-size: 14px; }
  #custom-filter .step img { max-height: 45px; width: auto; }
  #custom-filter .step .select select { height: 45px; }
  #custom-filter .search { margin-top: 45px; }
  
  .sub-blocks .slider-wrap { min-height: 0; }
}
@media only screen and (max-width: 575.98px) {
  #custom-filter { margin-top: 5px; }
  #custom-filter .search { margin-top: 20px; }
}

@media screen and (max-width: 1000px) {
  .quicklinks .list-service-subjects { display: block; }
}

@media screen and (max-width: 760px) {
  .product-page .belco-69mge { bottom: 80px; }
  .product-page #footer { padding-bottom: 90px; }
  #announcement span { display: none; }
  #announcement span.mobile { display: block; }
}

@media only screen and (min-width: 47.5em) { /* 760m */
 .announcement.mobile{ display: none; }
}

@media only screen and (max-width: 47.5em) { /* 760m */
 .announcement{ display: none; }
 .announcement.mobile{ display: block; }
}