@charset "UTF-8";
/* =============== GLOBAL CONFIG  =============== */
#content article,
#content aside,
#content canvas,
#content details,
#content figcaption,
#content figure,
#content footer,
#content header,
#content hgroup,
#content menu,
#content nav,
#content section,
#content summary {
  display: block;
}

#content body,
#content div,
#content dl,
#content dt,
#content dd,
#content ul,
#content ol,
#content li,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content pre,
#content form,
#content fieldset,
#content input,
#content textarea,
#content p,
#content blockquote,
#content th,
#content td {
  margin: 0;
  padding: 0;
}

#content table {
  border-collapse: collapse;
  border-spacing: 0;
  clear: both;
}

#content fieldset,
#content img {
  border: 0;
}

#content address,
#content caption,
#content cite,
#content code,
#content dfn,
#content th,
#content var {
  font-style: normal;
  font-weight: normal;
}

#content caption,
#content th {
  text-align: left;
}

#content q:before,
#content q:after {
  content: '';
}

#content abbr,
#content acronym {
  border: 0;
  border-bottom: 1px dotted #000;
  cursor: help;
}

#content html.aui-dialog-iframe-root-node {
  overflow: auto;
}

#content body {
  background: #fff;
  font:
    62.5%/1.4 Arial,
    Helvetica,
    Verdana,
    sans-serif;
}

#content body.portal-popup {
  background: 0;
  padding: 10px;
}

#content body.aui-dialog-iframe-popup {
  padding-bottom: 0;
}

#content body.portal-iframe {
  padding: 0;
}

#content blockquote,
#content ul,
#content ol,
#content dl {
  margin: 1em;
}

#content ol,
#content ul,
#content dl {
  margin-left: 2em;
}

#content ol {
  list-style: decimal outside;
}

#content ul {
  list-style: disc outside;
}

#content ul ul {
  list-style-type: circle;
}

#content ol ol {
  list-style-type: upper-roman;
}

#content dl dd {
  margin-left: 1em;
}

#content th {
  font-weight: bold;
}

#content caption {
  margin-bottom: 0.5em;
  text-align: center;
}

#content p {
  margin-bottom: 1em;
}

#content h1 {
  font-size: 1.8em;
}

#content h2 {
  font-size: 1.6em;
}

#content h3 {
  font-size: 1.4em;
}

#content h1,
#content h2,
#content h3 {
  margin: 1em 0;
}

#content h4,
#content h5,
#content h6 {
  font-size: 1.1em;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content strong {
  font-weight: bold;
}

#content .logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

#content body.html-editor {
  background: #fff;
  color: #000;
}

#content .html-editor.portlet-message-boards {
  word-break: break-all;
  word-break: break-word;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}

#content .html-editor.portlet-message-boards blockquote {
  background: #eef0f2 url(/theme/shared/images/message_boards/quoteleft.png) no-repeat 5px 5px;
  border: 1px solid #777;
  position: relative;
  padding: 5px 45px;
}

#content .html-editor.portlet-message-boards blockquote:after {
  background: url(/theme/shared/images/message_boards/quoteright.png) no-repeat 50%;
  bottom: 5px;
  content: '';
  display: block;
  height: 24px;
  position: absolute;
  right: 5px;
  width: 31px;
  z-index: 999;
}

#content .html-editor.portlet-message-boards blockquote cite {
  display: block;
  font-weight: bold;
}

#content .html-editor.portlet-message-boards pre {
  background: #f9f9f9;
  border: 1px solid #777;
  padding: 0.5em;
}

#content b,
#content strong {
  font-weight: bold;
}

#content i,
#content em {
  font-style: italic;
}

#content code,
#content pre {
  font-family: 'Courier New', Courier, monospace;
  white-space: pre;
}

#content .important {
  font-weight: bold;
}

#content .portal-iframe #main-content {
  width: 100%;
}

#content .alert-background {
  background: #000;
}

#content .popup-alert-notice {
  background-color: #ffc;
  border-bottom-color: #fc0;
}

#content .popup-alert-warning {
  background-color: #fdd;
  border-bottom-color: #f00;
}

#content .portal-add-content {
  background: #fff;
  text-align: left;
  z-index: 20;
}

#content .portal-add-content a {
  text-decoration: none;
}

#content .loading-animation {
  background: url(/theme/shared/images/progress_bar/loading_animation.gif) no-repeat top center;
  margin-top: 10px;
  padding-top: 40px;
  text-align: left;
}

#content hr,
#content .separator {
  border-top: 1px dotted #bfbfbf;
}

#content .update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left;
}

#content .highlight {
  background: #ffc;
  font-weight: bold;
  margin: 0 1px;
}

#content .rtl caption,
#content .rtl th {
  text-align: right;
}

#content .rtl .portal-add-content {
  text-align: right;
}

#content .aui-state-default,
#content .aui-component button[type='button'].aui-state-default {
  background: #d4d4d4 url(/theme/shared/images/portlet/header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #c8c9ca #9e9e9e #9e9e9e #c8c9ca;
  height: auto;
  border-radius: 4px;
}

#content .aui-state-hover {
  background: #b9ced9 url(/theme/shared/images/application/state_hover_bg.png) repeat-x 0 0;
  border-color: #627782;
}

#content .aui-state-active {
  background: #ebebeb url(/theme/shared/images/application/state_active_bg.png) repeat-x 0 0;
  border-color: #555;
}

#content .results-grid {
  background: #fff;
  border: solid #d7d7d7;
  border-width: 0 1px;
}

#content .results-header {
  background: #d1d6dc;
}

#content .results-header th {
  background: #d9d9d9 url(/theme/shared/images/application/subheader_bg.png) 0 0 repeat-x;
  border: 1px solid #ccc;
}

#content .results-header th.sort-column {
  background: #ebebeb url(/theme/shared/images/application/state_active_bg.png) 0 0 repeat-x;
  border: 1px solid #ccc;
  color: #1f1e1e;
}

#content .results-header th.sort-column .result-column-name {
  background: url(/theme/shared/images/arrows/05_up.png) no-repeat 100% 50%;
  display: inline-block;
  font-style: italic;
  padding-right: 15px;
}

#content .results-header th.first {
  border-left-width: 0;
}

#content .results-header th.last {
  border-right-width: 0;
}

#content .results-header th,
#content .results-header td {
  color: #7b7c7f;
  padding: 5px 10px;
  word-wrap: break-word;
}

#content .results-header th.sort-desc .result-column-name {
  background: url(/theme/shared/images/arrows/05_down.png) no-repeat 100% 50%;
  display: inline-block;
  font-style: italic;
  padding-right: 15px;
}

#content .results-header span,
#content .results-header a {
  display: block;
}

#content .results-header a {
  color: #154b75;
  text-decoration: none;
}

#content .results-header a:hover {
  color: #369;
  text-decoration: underline;
}

#content .results-row td {
  background: 0;
  border: 1px solid;
  border-color: #d7d7d7 #e7e7e7;
  padding: 5px 10px;
}

#content .results-row td.sort-column {
  background: #e6ecef;
}

#content .results-row.selected td,
#content .results-row.selected.hover td {
  background-color: #00a2ea;
  border-color: #00a2ea #00a2ea #d7d7d7;
  color: #fff;
}

#content .results-row.selected td a,
#content .results-row.selected.hover td a {
  color: #fff;
}

#content .results-row.alt.selected td,
#content .results-row.alt.selected.hover td {
  background-color: #00a2ea;
}

#content .results-row.alt td {
  background: #f5f8fb;
}

#content .results-row.hover td {
  background: #d3e8f1;
  border-bottom-color: #d7d7d7;
  border-left-color: transparent;
  border-right-color: transparent;
}

#content .taglib-search-iterator .results-row td.first,
#content .taglib-search-iterator .results-row th.first {
  border-left-width: 0;
}

#content .taglib-search-iterator .results-row td.last,
#content .taglib-search-iterator .results-row th.last {
  border-right-width: 0;
}

#content .portlet-layout.dragging {
  border-collapse: separate;
}

#content .drop-area {
  background-color: #d3dadd;
}

#content .active-area {
  background: #ffc;
}

#content .portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
}

#content .portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}

#content .aui-portal-layout-proxy {
  opacity: 1 !important;
}

#content .aui-portal-layout-proxy .portlet-topper {
  background-image: none;
}

#content .aui-proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}

#content .aui-proxy.generic-portlet {
  height: 200px;
  width: 300px;
}

#content .aui-proxy.generic-portlet .portlet-title {
  padding: 10px;
}

#content .aui-proxy.not-intersecting .forbidden-action {
  background: url(/theme/shared/images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}

#content .aui-resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}

#content .aui-sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}

#content .lfr-freeform-layout-drag-indicator {
  visibility: hidden;
}

#content .aui-portal-layout-drag-target-indicator {
  margin: 2px 0;
}

#content .aui-tooltip {
  max-width: 200px;
}

#content .aui-tagselector-content {
  border-width: 0;
  margin-bottom: 15px;
  padding: 0;
}

#content .aui-tagselector-content .aui-textboxlistentry-holder {
  background: #fff;
  border: 1px solid;
  border-color: #bfbfbf #dedede #dedede #bfbfbf;
  margin-bottom: 5px;
  padding: 5px;
  position: relative;
  overflow: visible;
}

#content .aui-tagselector .lfr-tag-selector-input {
  background: 0;
  padding: 0;
  width: auto;
}

#content .aui-tagselector .aui-field .aui-field-content {
  margin: 0;
}

#content .aui-tagselector .aui-toolbar {
  margin-top: 5px;
}

#content .aui-tagselector .aui-textboxlist-input-container {
  margin: 0;
}

#content .aui-tagselector-focused .aui-textboxlistentry-holder {
  background: #ffc none;
  border: 1px solid #fc0;
}

#content .aui-categoriesselector-content .aui-textboxlistentry-holder {
  background-color: transparent;
  border-width: 0;
  padding: 0;
}

#content .tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em 1em;
  white-space: normal;
}

#content .tag-items li {
  display: inline;
  float: left;
  margin: 0 1em 0 0;
}

#content .tag-items a {
  white-space: nowrap;
}

#content .tag-cloud {
  line-height: 2.5em;
}

#content .tag-cloud .tag-asset-count {
  clip: rect(0 0 0 0);
  position: absolute;
}

#content .tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

#content .tag-cloud {
  line-height: 2.5em;
}

#content .tag-cloud .tag-asset-count {
  clip: rect(0 0 0 0);
  position: absolute;
}

#content .tag-cloud .tag-popularity-1 {
  font-size: 1em;
}

#content .tag-cloud .tag-popularity-2 {
  font-size: 1.3em;
}

#content .tag-cloud .tag-popularity-3 {
  font-size: 1.6em;
}

#content .tag-cloud .tag-popularity-4 {
  font-size: 1.9em;
}

#content .tag-cloud .tag-popularity-5 {
  font-size: 2.2em;
}

#content .tag-cloud .tag-popularity-6 {
  font-size: 2.5em;
}

#content .aui-underlay {
  clear: both;
  top: 100%;
}

#content .aui-underlay .yui3-widget-hd {
  height: 38px;
}

#content .aui-underlay .lfr-portlet-item {
  border-width: 0;
}

#content .aui-underlay-hidden {
  display: none;
}

#content .aui-underlay-content {
  background: #f4f3f3 url(/theme/shared/images/common/message_panel_shadow.png) repeat-x 0 0;
  border: 0 solid #aeafb1;
  border-width: 0 1px 1px;
}

#content .aui-underlay-close,
#content .aui-underlay-content button.aui-underlay-close {
  position: absolute;
  right: 5px;
  top: 5px;
}

#content .aui-tab-active strong {
  font-weight: normal;
}

#content .aui-tab-back {
  float: right;
}

#content .aui-tab-back-content {
  border-width: 0;
  padding: 1px;
}

#content .lfr-panel-container {
  background: transparent;
}

#content .lfr-panel-container {
  background: #fff;
}

#content .lfr-panel-content {
  padding: 5px 10px;
}

#content .lfr-panel-basic .lfr-panel-content {
  padding-left: 15px;
}

#content .aui-dialog-bd {
  min-height: 30px;
}

#content .aui-dialog-content {
  border: 1px solid #c8c9ca;
  padding: 5px;
}

#content .aui-panel-hd {
  background: #c0c2c5 url(/theme/shared/images/application/panel_header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #c8c9ca #aeb2b8 #aeb2b8 #c8c9ca;
  padding-left: 10px;
  text-shadow: 1px 1px #fff;
}

#content .lfr-actions.portlet-options .lfr-trigger strong span,
#content .visible.portlet-options .lfr-trigger strong span {
  background-image: url(/theme/shared/images/portlet/options.png);
}

#content .lfr-actions.portlet-options:hover,
#content .lfr-actions.portlet-options:hover ul {
  background: transparent;
}

#content .lfr-menu-list {
  z-index: 450;
}

#content .aui-menu {
  position: absolute;
  width: auto;
}

#content .aui-menu .notice-message {
  background-image: none;
  margin: 3px;
  padding: 6px;
}

#content .aui-menu-content {
  background: #fff;
  list-style: none;
  min-width: 150px;
}

#content .aui-menu-content li {
  margin: 0;
  padding: 0;
}

#content .aui-menu-content li .disabled {
  color: #999;
}

#content .aui-menu-content,
#content .lfr-menu-list ul {
  background: #ccc9c9 url(/theme/shared/images/application/menu_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #aeafb1 #777879 #777879 #aeafb1;
  padding: 2px 0;
}

#content .aui-menugroup-content .aui-menu-label {
  background: #d2d6de;
  color: #5b677d;
  display: block;
  font-weight: bold;
  padding: 5px 3px;
  text-shadow: 1px 1px #fff;
}

#content .aui-menugroup-content ul,
#content .lfr-menu-list ul ul {
  display: block;
  min-width: 0;
}

#content .aui-menu-content li,
#content .lfr-menu-list ul li {
  border-bottom: 1px solid #bcbbbb;
  border-top: 1px solid #eee;
  display: block;
  margin: 0;
  padding: 0;
}

#content .aui-menu-content li.first,
#content .lfr-menu-list ul li.first {
  border-top-width: 0;
}

#content .aui-menu-content li.last,
#content .lfr-menu-list ul li.last {
  border-bottom-width: 0;
}

#content .aui-menu-content li a,
#content .lfr-menu-list ul li .taglib-icon,
#content .aui-menu-content li .disabled {
  color: #2c2f34;
  display: block;
  padding: 4px 5px;
  text-decoration: none;
}

#content .lfr-menu-list ul li.disabled .taglib-icon {
  color: #666;
}

#content .aui-menu-content li a.aui-focus,
#content .lfr-menu-list ul .taglib-icon.aui-focus,
#content .lfr-menu-expanded li a:focus {
  background-color: #5b677d;
  color: #fff;
  text-shadow: -1px -1px #2c2f34;
}

#content .aui-menu-content a,
#content .lfr-menu-list li .taglib-icon,
#content .aui-menu-content .disabled,
#content .lfr-actions .lfr-trigger,
#content .lfr-actions .lfr-trigger strong {
  font-weight: bold;
  text-shadow: 1px 1px 0 0 #fff;
}

#content .aui-toolbar li {
  display: inline-block;
  margin: 0;
  margin-left: 10px;
  padding: 0;
  vertical-align: middle;
}

#content .aui-toolbar-separator {
  background: url(/theme/shared/images/dockbar/separator.png) no-repeat 100% 50%;
  border-width: 0;
  cursor: default;
  font-size: 1px;
  height: 16px;
  margin: 0 2px;
  overflow: hidden;
  vertical-align: middle;
  width: 4px;
}

#content .aui-loadingmask-content {
  background: #ccc;
}

#content .aui-loadingmask-message {
  background: #d4d4d4 url(/theme/shared/images/portlet/header_bg.png) repeat-x 0 0;
}

#content .aui-tree-node-selected .aui-tree-label {
  background-color: transparent;
  font-weight: bold;
}

#content .aui-dragging .portlet-column.customizable {
  background-color: #cffccf;
  outline: 3px solid #9cc97b;
}

#content .customizable-layout-column-content {
  background-color: #c92c3c;
}

#content .customizable-layout-column-content.yui3-widget-content-expanded {
  border: 3px solid #333;
  margin: 0.2em;
}

#content .customizable .customizable-layout-column-content {
  background-color: #9cc97b;
}

#content .layout-customizable-controls {
  background-color: #fff;
  font-size: 1.5em;
  margin: 1em;
  opacity: 0.9;
  padding: 1em;
  position: absolute;
  z-index: 15;
}

#content .aui-paginator-link {
  background: #eee url() no-repeat scroll 50% 1px;
  border: 1px solid #f0f1f2;
  border-color: #f0f1f2 #b2b2b2 #949494 #f0f1f1;
  color: #1f1e1e;
  display: inline-block;
  height: 20px;
  padding: 0;
  text-indent: -9999px;
  width: 20px;
}

#content .aui-paginator-page-link {
  height: auto;
  text-indent: 0;
}

#content .aui-paginator-current-page {
  background: #0083bd url(/theme/shared/images/application/paginator_link_current_bg.png) 0 0 repeat-x;
  border-color: #38b6ef #006d9e #006d9e #46b4e6;
  color: #fff;
  text-shadow: -1px -1px #003c57;
}

#content .aui-paginator-first-link {
  background-image: url(/theme/shared/images/arrows/paging_first.png);
}

#content .aui-paginator-prev-link {
  background-image: url(/theme/shared/images/arrows/paging_previous.png);
}

#content .aui-paginator-last-link {
  background-image: url(/theme/shared/images/arrows/paging_last.png);
}

#content .aui-paginator-next-link {
  background-image: url(/theme/shared/images/arrows/paging_next.png);
}

#content .aui-paginator-current-page-report,
#content .aui-paginator-total {
  font-size: 0.9em;
  color: #555;
}

#content .aui-paginator-current-page-report {
  margin-left: 2em;
}

#content .taglib-page-iterator .search-pages .page-links {
  padding: 0;
}

#content .lfr-app-column-view {
  border: 1px solid #c9c9c9;
}

#content .lfr-app-column-view .aui-layout-content {
  position: relative;
}

#content .lfr-app-column-view .aui-column:before {
  border-right: 1px solid #c9c9c9;
  bottom: 0;
  content: '';
  margin-left: -1px;
  position: absolute;
  top: 0;
}

#content .lfr-app-column-view .aui-column-content {
  border-right: 1px solid transparent;
}

#content .lfr-app-column-view .aui-column-content .lfr-message-response {
  margin: 10px;
}

#content .lfr-header-row {
  background: #8f8f8f url(/theme/shared/images/application/header_row_bg.png) 0 0 repeat-x;
}

#content .lfr-header-row .lfr-actions.show-arrow.direction-down .lfr-trigger strong a {
  background: url(/theme/shared/images/arrows/08_down.png) 100% -5px no-repeat;
}

#content .lfr-header-row .aui-toolbar .aui-toolbar-content {
  white-space: normal;
  word-wrap: normal;
}

#content .lfr-header-row .aui-toolbar .aui-toolbar-item {
  border-right-width: 0;
}

#content .lfr-header-row .aui-toolbar .aui-toolbar-last {
  border-right-width: 1px;
}

#content .rtl .aui-paginator-first-link {
  background-image: url(/theme/shared/images/arrows/paging_last.png);
}

#content .rtl .aui-paginator-prev-link {
  background-image: url(/theme/shared/images/arrows/paging_next.png);
}

#content .rtl .aui-paginator-last-link {
  background-image: url(/theme/shared/images/arrows/paging_first.png);
}

#content .rtl .aui-paginator-next-link {
  background-image: url(/theme/shared/images/arrows/paging_previous.png);
}

#content .rtl .aui-paginator-current-page-report {
  margin: 0 2em 0 0;
}

#content .rtl .lfr-header-row .lfr-actions.show-arrow.direction-down .lfr-trigger strong a {
  background-position: 0 -5px;
}

#content .portlet-layout {
  border-collapse: collapse;
  clear: both;
  display: table;
  border-spacing: 0;
  table-layout: auto;
  width: 100%;
}

#content .portlet-column {
  display: table-cell;
  vertical-align: top;
}

#content .portlet-column-content {
  padding: 5px;
}

#content .portlet-column-content-only,
#content .ltr .portlet-column-content-first,
#content .rtl .portlet-column-content-last {
  padding-left: 0;
}

#content .portlet-column-content-only,
#content .ltr .portlet-column-content-last,
#content .rtl .portlet-column-content-first {
  padding-right: 0;
}

#content .portlet-column-content.empty {
  padding: 50px;
}

#content #main-content.dragging .portlet-column {
  border: 3px double #828f95;
  height: 100px;
  min-height: 100px;
}

#content .portlet-dockbar,
#content .portlet-staging-bar {
  background: url(/theme/shared/images/application/loading_indicator.gif) no-repeat 50%;
}

#content .portlet-dockbar {
  background-color: #e0e7f1;
  border-bottom: 1px solid #636364;
}

#content .dockbar,
#content .staging-bar {
  visibility: hidden;
}

#content .dockbar-ready .dockbar,
#content .staging .staging-bar,
#content .live-view .staging-bar {
  visibility: visible;
}

#content .dockbar-ready .portlet-dockbar,
#content .staging-ready .portlet-staging-bar,
#content .portal-popup .portlet-dockbar,
#content .portal-popup .portlet-staging-bar {
  background: 0;
  border-width: 0;
}

#content .dockbar {
  background: #97a1ae url(/theme/shared/images/dockbar/dockbar_bg.png) repeat-x 0 0;
  border-bottom: 1px solid #636364;
  font-size: 13px;
  padding: 1px 5px;
  position: relative;
  z-index: 300;
}

#content .dockbar:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
}

#content .dockbar a,
#content span.user-portrait {
  color: #2c2f34;
  font-weight: bold;
  text-shadow: 1px 1px #fff;
}

#content .dockbar .menu-button-active {
  background: #5c94da url(/theme/shared/images/dockbar/button_active_bg.png) repeat-x 0 0;
}

#content .dockbar .menu-button-active a {
  color: #fff;
  text-shadow: -1px -1px #2c2f34;
}

#content .dockbar .user-avatar .sign-out {
  font-size: 0.8em;
  padding-left: 0;
}

#content .dockbar ul {
  margin: 0;
  padding: 0;
}

#content .dockbar li li {
  margin-left: 0;
}

#content html > .lfr-dockbar-pinned {
  padding-top: 3.45em;
}

#content .lfr-dockbar-pinned .dockbar {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

#content .dockbar .pin-dockbar {
  margin-left: 0;
}

#content .pin-dockbar img {
  background: url(/theme/shared/images/dockbar/pin.png) no-repeat 0 0;
  height: 27px;
  vertical-align: middle;
  width: 27px;
}

#content .lfr-dockbar-pinned .pin-dockbar img {
  background-image: url(/theme/shared/images/dockbar/unpin.png);
}

#content .dockbar a.user-portrait {
  text-decoration: none;
}

#content .dockbar a.user-portrait span {
  text-decoration: underline;
}

#content .dockbar .user-portrait img {
  text-decoration: none;
  vertical-align: middle;
  width: 25px;
}

#content .dockbar .user-avatar img {
  vertical-align: middle;
  width: 25px;
}

#content .dockbar .impersonating-user {
  background: url(/theme/shared/images/messages/alert.png) no-repeat 0 50%;
  padding-left: 20px;
}

#content .dockbar .impersonating-user .user-links a {
  color: #999;
}

#content .variation-selector {
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  margin: 1em;
}

#content .layout-revision-container {
  margin: 1em 0 0 1em;
  padding: 0;
}

#content .layout-revision-container .approximate-date {
  color: #999;
  font-weight: bold;
}

#content .layout-revision-container .current-version {
  color: #41801d;
  display: block;
}

#content .layout-revision-container .current-version-pointer {
  display: inline-block;
  width: 0;
}

#content .layout-revision-container .current-version-pointer img {
  left: -25px;
  position: relative;
}

#content .layout-revision-container .layout-variation-name {
  color: #666;
  font-size: 1.15em;
  margin-bottom: 0.1em;
  text-transform: uppercase;
}

#content .layout-revision-container .layout-revision-current {
  color: #666;
}

#content .layout-revision-container .real-date {
  color: #999;
  display: block;
  text-align: right;
}

#content .layout-revision-container .taglib-workflow-status .workflow-status {
  background: 0;
  padding-left: 0;
}

#content .layout-revision-container .taglib-workflow-status .workflow-status .workflow-status-ready-for-publication {
  color: #41801d;
  font-weight: bold;
}

#content .layout-revision-container-root {
  margin: 0;
}

#content .staging-details {
  background: url() no-repeat 0 0;
  padding-left: 65px;
  min-height: 50px;
}

#content .staging .staging-details {
  background-image: url(/theme/shared/images/staging_bar/staging.png);
}

#content .live-view .staging-details {
  background-image: url(/theme/shared/images/staging_bar/live.png);
}

#content .staging .staging-tabview-list {
  background-color: #ffdba6;
}

#content .live-view .staging-tabview-list {
  background-color: #c4f0bc;
}

#content .aui-dockbarmenu-hidden {
  visibility: hidden;
}

#content .dockbar .admin-toolbar {
  float: left;
}

#content .dockbar .user-toolbar {
  float: right;
}

#content .aui-underlay .portal-add-content {
  background-color: transparent;
  font-size: 11px;
}

#content .aui-underlay .portal-add-content .portlet-dd-placeholder {
  display: none;
}

#content .add-application .yui3-widget-bd,
#content .dockbar-messages .yui3-widget-bd {
  padding: 0 10px 10px;
}

#content .add-application {
  left: 10px !important;
}

#content .lfr-has-sidebar #main-content {
  padding-left: 220px;
}

#content .manage-layouts {
  left: 60px !important;
}

#content .my-sites-menu {
  max-width: 350px;
}

#content .my-sites-menu ul {
  list-style: none;
  max-height: 300px;
  overflow: auto;
}

#content .my-sites-menu ul,
#content .my-sites-menu li {
  display: block;
  margin: 0;
  padding: 0;
}

#content .my-sites-menu a {
  display: block;
  overflow: hidden;
  text-align: right;
  white-space: nowrap;
}

#content .my-sites-menu .control-panel a {
  background: url(/theme/shared/images/dock/control_panel.png) no-repeat 3px 50%;
  padding-left: 25px;
}

#content .my-sites-menu .current-site {
  border: solid #1d4280;
  border-width: 1px 0;
}

#content .my-sites-menu .current-site a {
  background: #3068ba url(/theme/shared/images/arrows/01_right.png) no-repeat scroll 2px 30%;
  color: #fff;
  padding-left: 20px;
  text-shadow: 1px 1px #333;
}

#content .my-sites-menu .current-site .site-type {
  color: #fff;
}

#content .my-sites-menu .current-site a:hover,
#content .my-sites-menu a:hover .site-type {
  color: #fff;
  text-shadow: 1px 1px #333;
}

#content .my-sites-menu .site-name {
  cursor: pointer;
  float: left;
}

#content .my-sites-menu .site-type {
  color: #777;
  float: right;
  font-size: 0.8em;
  font-weight: normal;
  margin-left: 10px;
}

#content .my-sites-menu a:hover .site-type {
  color: #fff;
}

#content .dockbar .toggle-controls a {
  background: url(/theme/shared/images/dockbar/checked.png) no-repeat 0 50%;
  padding-left: 20px;
}

#content .controls-hidden .toggle-controls a {
  background-image: url(/theme/shared/images/dockbar/unchecked.png);
}

#content .toggle-controls a {
  background-image: url(/theme/shared/images/dockbar/unchecked.png);
}

#content .dockbar .menu-button {
  background: url(/theme/shared/images/arrows/05_down.png) no-repeat 93% 50%;
  display: inline-block;
  padding: 5px 20px 5px 5px;
  text-decoration: none;
}

#content .dockbar .menu-button span {
  background: url() no-repeat 0 50%;
  padding-left: 20px;
}

#content .dockbar .add-content .menu-button span {
  background-image: url(/theme/stwbmain/images/common/add.png);
}

#content .dockbar .manage-content .menu-button span {
  background-image: url(/theme/shared/images/dockbar/settings.png);
}

#content .dockbar .my-sites .menu-button span {
  background-image: url(/theme/shared/images/dockbar/places.png);
}

#content .dockbar-messages-container {
  left: 50%;
  margin-left: -150px;
}

#content .dockbar-messages {
  width: 300px;
}

#content .showing-messages .dockbar-messages {
  display: block;
}

#content .multiple-messages .dockbar-message {
  border-top: 1px solid #ccc;
  padding: 5px 0;
}

#content .multiple-messages .first {
  border-top-width: 0;
  padding-top: 0;
}

#content .add-content-menu .add-page a {
  background: url(/theme/shared/images/navigation/add_page.png) no-repeat 3px 50%;
  padding-left: 25px;
}

#content .add-content-menu .add-application a {
  background: url(/theme/stwbmain/images/common/portlet.png) no-repeat 3px 50%;
  padding-left: 25px;
}

#content .add-content-menu a.lfr-portlet-used {
  color: #999;
  cursor: auto;
}

#content .manage-content-menu li a,
#content .manage-content-menu li .disabled {
  background: url() no-repeat 3px 50%;
  padding-left: 25px;
}

#content .manage-content-menu .manage-page a {
  background-image: url(/theme/shared/images/dock/page_settings.png);
}

#content .manage-content-menu .manage-site-content a {
  background-image: url(/theme/stwbmain/images/common/site_icon.png);
}

#content .manage-content-menu .manage-site-memberships a {
  background-image: url(/theme/stwbmain/images/common/assign.png);
}

#content .manage-content-menu .manage-page-customization a,
#content .manage-content-menu .manage-page-customization .disabled {
  background-image: url(/theme/shared/images/dock/customizations.png);
}

#content .manage-content-menu .page-layout a {
  background-image: url(/theme/shared/images/dock/layout.png);
}

#content .manage-content-menu .sitemap a {
  background-image: url(/theme/stwbmain/images/common/sitemap.png);
}

#content .manage-content-menu .settings a {
  background-image: url(/theme/cfetheme/images/common/configuration.png);
}

#content .page-customization-bar {
  background-color: #999;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  min-height: 30px;
  padding: 5px;
}

#content .controls-hidden .page-customization-bar {
  display: none;
}

#content .page-customization-bar .customized-icon {
  margin: 5px;
  vertical-align: middle;
}

#content .page-customization-bar .page-customization-actions {
  padding-left: 5em;
}

#content .page-customization-bar .page-customization-actions a {
  color: #eee;
  font-size: 0.8em;
  padding: 0 1em;
}

#content .page-customization-bar .reset-prototype {
  display: inline;
  padding-left: 1em;
}

#content .rtl .dockbar .admin-toolbar {
  float: right;
}

#content .rtl .dockbar .user-toolbar {
  float: left;
}

#content .rtl .dockbar .menu-button {
  background-position: 7%;
  padding-left: 0;
  padding-right: 5px;
}

#content .rtl .dockbar .menu-button span {
  background-position: right;
  padding-right: 20px;
}

#content .rtl .my-sites-menu .site-name {
  float: right;
}

#content .rtl .my-sites-menu .site-type {
  float: left;
  margin-right: 10px;
}

#content .rtl .my-sites-menu .control-panel a {
  background-position: right;
  margin-right: 3px;
  padding-right: 25px;
}

#content .lfr-add-content h2 {
  line-height: 1.25em;
  color: #4b4b4b;
}

#content .modify-pages li {
  position: relative;
}

#content .modify-pages .delete-tab {
  background: #333 url(/theme/shared/images/portlet/close_borderless.png) no-repeat 50%;
  cursor: pointer;
  display: block;
  height: 8px;
  margin-top: -7px;
  padding: 3px;
  position: absolute;
  right: 1px;
  text-indent: -9999em;
  top: 50%;
  width: 8px;
}

#content .nav-menu ul {
  padding-left: 10px;
}

#content .nav-menu li a.ancestor {
  font-weight: bold;
}

#content .nav-menu li a.selected {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

#content .aui-form-options {
  border: 1px solid #aaa;
  display: inline-block;
  vertical-align: middle;
}

#content .aui-form-options input {
  border-width: 0;
  display: inline;
  float: left;
}

#content .aui-form-triggers {
  float: left;
}

#content .aui-form-trigger {
  background: #c4c4c4 url(/theme/shared/images/application/button_bg.png) repeat-x 0 0;
  border-left: 1px solid #bbb;
  display: inline-block;
  float: left;
}

#content .aui-form-trigger img {
  background: url() no-repeat 50% 40%;
  height: 25px;
  padding: 0 3px;
  vertical-align: middle;
  width: 16px;
}

#content .aui-form-trigger:hover,
#content .aui-form-trigger:focus {
  background-color: #83b0ca;
  background-image: url(/theme/shared/images/application/button_bg_over.png);
}

#content .aui-trigger-selected {
  background-color: #ebebeb;
  background-image: url(/theme/shared/images/application/button_bg_selected.png);
}

#content .aui-trigger-selected:hover,
#content .aui-trigger-selected:focus {
  background-color: #b7def4;
  background-image: url(/theme/shared/images/application/button_bg_selected_over.png);
}

#content .aui-options-trigger img {
  background-image: url(/theme/cfetheme/images/common/configuration.png);
}

#content .aui-save-trigger img {
  background-image: url(/theme/shared/images/dock/my_place_current.png);
}

#content .freeform .portlet {
  margin-bottom: 0;
}

#content body.portlet {
  border: 0;
}

#content .portlet-topper {
  position: relative;
}

#content .portlet-title {
  display: block;
  font-size: 1em;
  margin: 0;
}

#content .portlet-title img {
  vertical-align: middle;
}

#content .portlet-title-editable {
  cursor: pointer;
}

#content .panel-page-content .portlet-title-text,
#content .panel-page-body .portlet-title-text {
  cursor: auto;
}

#content .portlet-topper-toolbar {
  margin: 0;
  padding: 2px;
  position: absolute;
  right: 3px;
  text-align: right;
  top: 3px;
}

#content .portlet-topper-toolbar .nobr {
  display: block;
  float: left;
  padding: 1px;
}

#content .portlet-content,
#content .portlet-minimized .portlet-content-container {
  padding: 12px 10px 10px;
}

#content .portlet-minimized .portlet-content {
  padding: 0;
}

#content .portlet-icon-back {
  background: url(/theme/shared/images/arrows/01_left.png) no-repeat 0 50%;
  font-weight: bold;
  padding: 5px 5px 5px 18px;
}

#content .portlet-nested-portlets .portlet-boundary {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}

#content .portlet-borderless-container {
  min-height: 2.5em;
  position: relative;
}

#content .portlet-borderless-bar {
  background: #333;
  color: #fff;
  font-size: 10px;
  opacity: 0.3;
  padding: 2px 5px 1px;
  position: absolute;
  right: 0;
  text-shadow: -1px -1px black;
  top: 0;
  z-index: 200;
}

#content .portlet-borderless-bar a {
  background: url() no-repeat 0 50%;
  color: #3af;
  display: inline-block;
  height: 16px;
  margin-left: 5px;
  text-indent: -9999px;
  vertical-align: top;
  width: 16px;
}

#content .portlet-borderless-bar .portlet-actions {
  display: none;
  float: left;
  margin-right: 20px;
}

#content .portlet-borderless-bar .portlet-title-default,
#content .portlet-borderless-bar .portlet-actions {
  min-height: 20px;
  vertical-align: top;
}

#content .portlet-borderless-bar .portlet-action-separator {
  display: none;
}

#content .portlet-borderless-bar .portlet-back a {
  height: auto;
  text-indent: 0;
  width: auto;
}

#content .portlet-borderless-bar .portlet-close a {
  background-image: url(/theme/shared/images/portlet/close_borderless.png);
}

#content .portlet-borderless-bar .portlet-options li.lfr-trigger strong a {
  background-image: url(/theme/shared/images/portlet/options_borderless.png);
}

#content .portlet-borderless-container:hover .portlet-borderless-bar {
  opacity: 1;
}

#content .portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions {
  display: inline;
}

#content .lead-shopping-basket-container .portlet-borderless-bar {
  display: none;
}

#content .portlet-title-default {
  display: inline-block;
  float: right;
  font-weight: bold;
  text-transform: uppercase;
}

#content .portlet-draggable .portlet-topper {
  cursor: move;
}

#content .portlet-draggable .portlet-title-default {
  background: url(/theme/shared/images/portlet/draggable_borderless.png) no-repeat 0 50%;
  cursor: move;
  padding-left: 20px;
}

#content .lfr-panel-page {
  width: 100%;
}

#content .lfr-panel-page .portlet-title {
  font-size: 13px;
}

#content .lfr-panel-page .lfr-add-content h2 span {
  background-color: #d3dadd;
}

#content .portlet-msg,
#content .portlet-msg-info,
#content .portlet-msg-help,
#content .lfr-message-help,
#content .portlet-msg-progress,
#content .lfr-message-progress,
#content .lfr-message-info,
#content .portlet-msg-error,
#content .lfr-message-error,
#content .portlet-msg-alert,
#content .lfr-message-alert,
#content .portlet-msg-success,
#content .lfr-message-success {
  background: #eee none no-repeat 6px 50%;
  border: 1px solid #555;
  color: #34404f;
  display: block;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left;
}

#content .portlet-msg-info,
#content .portlet-msg-help,
#content .lfr-message-help,
#content .portlet-msg-progress,
#content .lfr-message-progress,
#content .lfr-message-info {
  background-color: #dff4ff;
  background-image: url(/theme/shared/images/messages/info.png);
  border-color: #a7cedf;
}

#content .portlet-msg-help,
#content .lfr-message-help {
  background-image: url(/theme/shared/images/portlet/help.png);
}

#content .portlet-msg-progress,
#content .lfr-message-progress {
  background-image: url(/theme/shared/images/aui/loading_indicator.gif);
}

#content .portlet-msg-error,
#content .lfr-message-error {
  background-color: #fdd;
  background-image: url(/theme/shared/images/messages/error.png);
  border-color: #f00;
}

#content .portlet-msg-alert,
#content .lfr-message-alert {
  background-color: #ffc;
  background-image: url(/theme/shared/images/messages/alert.png);
  background-position: 6px 20%;
  border-color: #fc0;
}

#content .portlet-msg-success,
#content .lfr-message-success {
  background-color: #f4fdef;
  background-image: url(/theme/shared/images/messages/success.png);
  border-color: #acdfa7;
  color: #384f34;
}

#content .portlet-msg-alert-label,
#content .portlet-msg-error-label,
#content .portlet-msg-info-label,
#content .portlet-msg-progress-label,
#content .portlet-msg-success-label {
  background: none no-repeat 0 50%;
  padding: 3px 3px 3px 20px;
  font-weight: bold;
}

#content .portlet-msg-alert-label {
  background-image: url(/theme/shared/images/messages/alert.png);
  color: #663;
}

#content .portlet-msg-error-label {
  background-image: url(/theme/shared/images/messages/error.png);
  color: #900;
}

#content .portlet-msg-info-label,
#content .portlet-msg-help-label,
#content .portlet-msg-progress-label {
  background-image: url(/theme/shared/images/messages/info.png);
  color: #34404f;
}

#content .portlet-msg-help-label {
  background-image: url(/theme/stwbmain/images/portlet/help.png);
}

#content .portlet-msg-progress-label {
  background-image: url(/theme/shared/images/aui/loading_indicator.gif);
}

#content .portlet-msg-success-label {
  background-image: url(/theme/shared/images/messages/success.png);
  color: #384f34;
}

#content .lfr-message-content,
#content .lfr-message-info,
#content .lfr-message-help,
#content .lfr-message-error,
#content .lfr-message-alert,
#content .lfr-message-success {
  border-left-width: 0;
  border-right-width: 0;
}

#content .lfr-message {
  position: relative;
}

#content .lfr-message .lfr-message-control {
  background-color: #333;
  display: inline-block;
}

#content .lfr-message .lfr-message-controls {
  display: none;
  left: 3px;
  margin: -8px 8px 0 3px;
  position: absolute;
  top: 50%;
  z-index: 10;
}

#content .lfr-message .lfr-message-close {
  background-image: url(/theme/shared/images/portlet/close_borderless.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

#content .lfr-message .lfr-message-close-all {
  color: #fff;
  display: none;
  font-size: 0.8em;
  margin-left: 10px;
  padding: 1px 10px;
  text-shadow: 1px 1px 0 #000;
  vertical-align: top;
}

#content .lfr-message .lfr-message-close-all a {
  color: #fff;
}

#content .lfr-message .lfr-message-controls-hover .lfr-message-close-all {
  display: inline-block;
}

#content .lfr-message.pending {
  background-image: url(/theme/stwbmain/images/common/time.png);
}

#content .lfr-message-dismissible.lfr-message-hover .lfr-message-content {
  background-image: none;
}

#content .lfr-message-dismissible.lfr-message-hover .lfr-message-controls {
  display: block;
}

#content .lfr-message-trigger,
#content .lfr-message-close {
  cursor: pointer;
}

#content .portlet-section-selected,
#content .portlet-section-selected a {
  background: #727c81;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#content .portlet-section-selected a:hover,
#content .portlet-section-selected a:focus {
  background-color: #727c81;
}

#content .restricted,
#content .restricted td {
  background: #fdd;
  border: 0;
}

#content .restricted * {
  color: #727c81;
}

#content .alt.restricted td {
  background-color: #ffc0c0;
}

#content .hover.restricted td {
  background-color: #d3bdc0;
}

#content .restricted td.col-1,
#content .alt.restricted td.col-1 {
  background-image: url(/theme/shared/images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px;
}

#content .results-row.lfr-role .col-1,
#content .results-row.hover.lfr-role .col-1 {
  background-image: url();
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

#content .results-row.lfr-role-guest .col-1,
#content .results-row.hover.lfr-role-guest .col-1 {
  background-image: url(/theme/stwbmain/images/common/guest_icon.png);
}

#content .results-row.lfr-role-regular .col-1,
#content .results-row.hover.lfr-role-regular .col-1 {
  background-image: url(/theme/stwbmain/images/common/user_icon.png);
}

#content .results-row.lfr-role-site .col-1,
#content .results-row.hover.lfr-role-site .col-1 {
  background-image: url(/theme/stwbmain/images/common/site_icon.png);
}

#content .results-row.lfr-role-organization .col-1,
#content .results-row.hover.lfr-role-organization .col-1 {
  background-image: url(/theme/stwbmain/images/common/organization_icon.png);
}

#content .results-row.lfr-role-team .col-1,
#content .results-row.hover.lfr-role-team .col-1 {
  background-image: url(/theme/stwbmain/images/common/team_icon.png);
}

#content .lfr-portlet-item,
#content .lfr-portlet-item p a {
  font-size: 1em;
}

#content .lfr-actions.lfr-extended,
#content .lfr-actions.lfr-extended ul {
  background: white url(/theme/shared/images/forms/button.png) repeat-x 0 100%;
  border: 1px solid;
  border-color: #dedede #bfbfbf #bfbfbf #dedede;
}

#content .lfr-actions ul {
  bottom: -1px;
}

#content .lfr-actions .lfr-trigger,
#content .lfr-actions .lfr-trigger strong {
  background: 0;
}

#content .lfr-actions .lfr-trigger li {
  background: transparent;
  border-bottom: 1px solid #dedede;
  padding: 2px;
}

#content .lfr-actions .lfr-trigger li a {
  padding: 5px 10px 5px 25px;
}

#content .lfr-actions .lfr-trigger li a:hover {
  background-color: #828f95;
  color: #fff;
}

#content .lfr-actions .lfr-trigger li img {
  left: 3px;
  position: absolute;
}

#content .lfr-actions .lfr-trigger li.last {
  border-bottom: 0;
}

#content .lfr-actions.portlet-options {
  background: 0;
  border: 0;
  float: left;
}

#content .lfr-actions.portlet-options .lfr-trigger {
  padding: 0;
}

#content .lfr-actions.portlet-options .lfr-trigger strong {
  min-width: 0;
  padding: 1px;
}

#content .lfr-actions.portlet-options .lfr-trigger strong a {
  background-image: url(/theme/shared/images/portlet/options.png);
  background-position: 0 0;
  display: block;
  font-size: 0;
  height: 16px;
  padding: 0;
  text-indent: -9999px;
  width: 16px;
}

#content .visible.portlet-options .lfr-trigger strong a {
  background-image: url(/theme/shared/images/portlet/options_selected.png);
}

#content .breadcrumbs:before,
#content .breadcrumbs:after {
  content: '\0020';
  display: block;
  height: 0;
  visibility: hidden;
}

#content .breadcrumbs:after {
  clear: both;
}

#content .breadcrumbs-vertical {
  display: inline-block;
}

#content .breadcrumbs-horizontal li {
  display: inline-block;
  vertical-align: middle;
}

#content .taglib-calendar tr.portlet-section-header th,
#content .taglib-calendar tr td {
  border: 0;
}

#content .taglib-calendar tr td a {
  background-color: #f0f5f7;
  border: 1px solid #fff;
  border-bottom: 0;
  border-left: none;
  display: block;
  height: 15px;
  padding: 5px 0;
}

#content .taglib-calendar tr td a:hover {
  background-color: #727c81;
  color: #fff;
}

#content .taglib-calendar tr td.calendar-inactive {
  background-color: #fff;
  color: #b5bfc4;
}

#content .taglib-calendar tr th {
  border-bottom-color: #d7d7d7;
}

#content .taglib-calendar table td {
  border-width: 0;
}

#content .taglib-calendar .calendar-current-day,
#content .taglib-calendar .calendar-current-day a {
  background-color: #fff;
}

#content .taglib-calendar .calendar-current-day a {
  border: 1px solid #727c81;
  color: #369;
  text-decoration: underline;
}

#content .rtl .breadcrumbs-horizontal li {
  float: right;
}

#content .rtl .portlet-msg,
#content .rtl .portlet-msg-info,
#content .rtl .portlet-msg-help,
#content .rtl .lfr-message-help,
#content .rtl .portlet-msg-progress,
#content .rtl .lfr-message-progress,
#content .rtl .lfr-message-info,
#content .rtl .portlet-msg-error,
#content .rtl .lfr-message-error,
#content .rtl .portlet-msg-alert,
#content .rtl .lfr-message-alert,
#content .rtl .portlet-msg-success,
#content .rtl .lfr-message-success {
  background-position: right;
  padding-left: 6px;
  padding-right: 24px;
  text-align: right;
}

#content .rtl .portlet-topper-toolbar {
  left: 3px;
  right: auto;
  text-align: left;
}

#content .rtl .portlet-topper-toolbar .nobr {
  float: right;
}

#content .rtl .lfr-actions.portlet-options {
  float: right;
}

#content .rtl .lfr-actions.portlet-options .lfr-trigger strong a {
  padding: 0;
}

#content .rtl .lfr-message .lfr-message-controls {
  left: auto;
  margin-left: -4px;
  margin-right: 3px;
  right: 3px;
}

#content .rtl .results-row,
#content .rtl .results-row.hover {
  padding-right: 5px;
}

#content .rtl .results-row.lfr-role .col-1,
#content .rtl .results-row.hover.lfr-role .col-1 {
  background-position: right;
  padding-right: 30px;
}

#content fieldset {
  border: 1px solid #bfbfbf;
  padding: 8px;
}

#content .aui-fieldset {
  border-width: 0;
  padding: 0;
  position: relative;
}

#content .aui-dialog-iframe-popup .aui-fieldset {
  margin-bottom: 0;
}

#content .aui-fieldset .aui-field-content,
#content .aui-field-row,
#content .aui-button-holder,
#content .aui-field-wrapper-content {
  margin: 10px 0;
}

#content .aui-field-inline .aui-field-content,
#content .aui-field-row .aui-field-content {
  margin: 0;
  margin-right: 5px;
}

#content .aui-search-bar .aui-field-content {
  margin-right: 0;
}

#content .aui-search-bar .aui-field-content,
#content .aui-search-bar .aui-button-content {
  display: inline-block;
  vertical-align: middle;
}

#content .aui-field-choice .aui-field-label {
  display: inline-block;
}

#content .aui-field-date .aui-field-content {
  overflow: hidden;
}

#content .aui-text-placeholder {
  color: #777;
}

#content legend {
  font-weight: bold;
  padding: 0 6px;
}

#content .aui-fieldset-legend {
  color: #000;
  font-size: 120%;
  font-weight: bold;
  padding: 0 0 1.5em;
}

#content .aui-legend {
  border-bottom: 1px solid #ccc;
  display: block;
  position: absolute;
  width: 90%;
}

#content input {
  background: #fff;
}

#content .aui-form input[type='text'].aui-field-input-text,
#content .aui-form input[type='file'].aui-field-input-text,
#content .aui-form input[type='submit'].aui-button-input,
#content .aui-form input[type='button'].aui-button-input,
#content .aui-form input[type='reset'].aui-button-input,
#content .aui-form select,
#content .aui-form textarea,
#content .aui-form .textarea,
#content .aui-form button,
#content .aui-form .aui-field-input-text {
  background-image: url(/theme/shared/images/forms/input_shadow.png);
  background-repeat: no-repeat;
  border: 1px solid;
  border-color: #bfbfbf #dedede #dedede #bfbfbf;
  font:
    1em Arial,
    Helvetica,
    Verdana,
    sans-serif;
  padding: 5px 1px;
}

#content .aui-form select.aui-field-input-select {
  padding: 1px;
}

#content input[type='image'] {
  background: transparent none;
  border: 0;
  padding: 0;
}

#content .aui-form input[type='submit'].aui-button-input,
#content .aui-form input[type='button'].aui-button-input,
#content .aui-form input[type='reset'].aui-button-input {
  background: #d4d4d4 url(/theme/shared/images/portlet/header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #c8c9ca #9e9e9e #9e9e9e #c8c9ca !important;
  color: #34404f;
  cursor: pointer;
  font-weight: bold;
  overflow: visible;
  padding: 5px;
  text-shadow: 1px 1px #fff;
  width: auto;
}

#content .aui-form input[type='submit'].aui-button-input:hover,
#content .aui-form input[type='button'].aui-button-input:hover,
#content .aui-form input[type='reset'].aui-button-input:hover,
#content .aui-form button.aui-button-input:hover {
  background: #b9ced9 url(/theme/shared/images/application/state_hover_bg.png) repeat-x 0 0;
  border-color: #627782;
  color: #369;
  transform: none;
}

#content .aui-form input[type='submit'].aui-button-input:focus,
#content .aui-form input[type='button'].aui-button-input:focus,
#content .aui-form input[type='reset'].aui-button-input:focus,
#content .aui-form button.aui-button-input:focus {
  background: #ebebeb url(/theme/shared/images/application/state_active_bg.png) repeat-x 0 0;
  border-color: #555;
}

#content .aui-form input[type='submit'].aui-field-input.focus,
#content .aui-form input[type='button'].aui-field-input.focus,
#content .aui-form input[type='reset'].aui-field-input.focus,
#content .aui-form textarea.aui-field-input.focus {
  background: #ffc none;
  border-color: #fc0;
}

#content .lfr-actions.lfr-extended,
#content .lfr-actions.lfr-extended ul {
  background: #d4d4d4 url(/theme/shared/images/portlet/header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #c8c9ca #9e9e9e #9e9e9e #c8c9ca;
  color: #34404f;
  cursor: pointer;
  font-weight: bold;
  overflow: visible;
  padding: 5px;
  text-shadow: 1px 1px #fff;
  width: auto;
  padding: 0;
}

#content .lfr-actions.lfr-extended:focus,
#content .lfr-actions.lfr-extended:focus ul {
  background: #ebebeb url(/theme/shared/images/application/state_active_bg.png) repeat-x 0 0;
  border-color: #555;
}

#content .lfr-actions.lfr-extended.disabled,
#content .lfr-actions.lfr-extended.disabled ul,
#content .lfr-actions.lfr-extended.disabled:hover,
#content .lfr-actions.lfr-extended.disabled:hover ul {
  background: #d4d4d4 url(/theme/shared/images/portlet/header_bg.png) repeat-x 0 0;
  border-color: #c8c9ca #9e9e9e #9e9e9e #c8c9ca;
  color: #555;
  opacity: 0.5;
}

#content .lfr-actions.lfr-extended:hover,
#content .lfr-actions.lfr-extended:hover ul {
  background: #b9ced9 url(/theme/shared/images/application/state_hover_bg.png) repeat-x 0 0;
  border-color: #627782;
  color: #369;
}

#content .lfr-actions.lfr-extended span {
  cursor: pointer;
}

#content .lfr-actions.disabled .taglib-text {
  color: #a9a9a9;
}

#content .aui-button-disabled input[type],
#content .aui-button-disabled input[type]:hover,
#content .aui-button-disabled input[type]:focus,
#content .aui-button-disabled button,
#content .aui-button-disabled button:hover,
#content .aui-button-disabled button:focus {
  background: #d4d4d4 url(/theme/shared/images/portlet/header_bg.png) repeat-x 0 0;
  border-color: #c8c9ca #9e9e9e #9e9e9e #c8c9ca;
  color: #555;
  opacity: 0.5;
}

#content .aui-buttonitem-disabled {
  background: #d4d4d4 url(/theme/shared/images/portlet/header_bg.png) repeat-x 0 0;
  border-color: #c8c9ca #9e9e9e #9e9e9e #c8c9ca;
  color: #555;
  opacity: 0.5;
}

#content input.aui-form-validator-error,
#content textarea.aui-form-validator-error,
#content select.aui-form-validator-error {
  border-color: #900;
  border-style: dotted;
}

#content .portlet-content-container {
  margin-bottom: 10px;
}

#content .yui3-dd-drop {
  border: 1px dashed #0e0;
  margin-left: -3px;
  min-height: 50px;
}

#content .yui3-dd-drop-active-valid {
  border: 2px solid #0e0;
  margin-left: -2px;
}

#content .yui3-dd-drop:last-of-type {
  margin-right: 0;
}

#content .portlet-nested-portlets > div > section > header .portlet-topper-toolbar {
  right: auto;
  left: 5px;
  background: #0e0;
  border-radius: 5px;
  z-index: 20;
}

#content .waterbear-theme input[type='text'],
#content .waterbear-theme input[type='password'],
#content .waterbear-theme input[type='numeric'],
#content .waterbear-theme input[type='file'],
#content .waterbear-theme .file-input-label,
#content .waterbear-theme input[type='submit'],
#content .waterbear-theme input[type='button'],
#content .waterbear-theme input[type='reset'],
#content .waterbear-theme select,
#content .waterbear-theme textarea,
#content .waterbear-theme .textarea,
#content .waterbear-theme button,
#content .aui-field-input-text {
  background-image: none;
  background-repeat: no-repeat;
  border: 1px solid;
  border-color: #bfbfbf #dedede #dedede #bfbfbf;
  font-family: TeleGrotesk, Helvetica, Arial, sans-serif;
  font-size: 24px;
  padding: 5px 1px;
}

#content .waterbear-theme input[type='text'],
#content .waterbear-theme input[type='password'],
#content .waterbear-theme input[type='numeric'],
#content .waterbear-theme textarea,
#content .waterbear-theme input[type='file'],
#content .waterbear-theme .file-input-label {
  border: 1px solid #a4a4a4;
  border-radius: 4px;
  -webkit-transition:
    border 0.3s ease,
    background 0.4s ease;
  -moz-transition:
    border 0.3s ease,
    background 0.4s ease;
  -ms-transition:
    border 0.3s ease,
    background 0.4s ease;
  -o-transition:
    border 0.3s ease,
    background 0.4s ease;
  transition:
    border 0.3s ease,
    background 0.4s ease;
  line-height: 1;
}

#content .waterbear-theme input[type='text']:focus,
#content .waterbear-theme input[type='password']:focus,
#content .waterbear-theme input[type='numeric']:focus,
#content .waterbear-theme textarea:focus {
  border-color: #66afe9;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
}

#content .waterbear-theme .fieldTypeSTATIC_TEXT {
  word-wrap: break-word;
  max-width: 100%;
}

#content .waterbear-theme .dynamicFormMain {
  max-width: 940px;
}

#content .formComposition label.labelField {
  word-wrap: break-word;
  display: inline-block;
  min-width: 120px;
  max-width: 360px;
  line-height: 1;
  vertical-align: top;
}

#content div.formCompositionRender div.staticTextField.wysiwygValue ol {
  list-style: decimal outside none;
}

@media screen and (max-width: 800px) {
  #content .formComposition label.labelField {
    min-width: auto;
    max-width: 240px;
  }
}

#content .faq-not-found .availableFields,
#content .faq-not-found .availableRootFields,
#content .faq-not-found .dynamicFormFields,
#content .faq-not-found .dynamicFormSubFields {
  border: 0;
  min-height: 20px;
  list-style-type: none;
  margin: 0;
  overflow-y: auto;
}

#content .faq-not-found li.dynamicFormItemBox {
  background-color: transparent;
}

#content .faq-not-found .availableFields li,
#content .faq-not-found .availableRootFields li,
#content .faq-not-found .dynamicFormFields li {
  margin: 0;
  padding: 0;
  border: 0 solid #ccc;
  background-color: transparent;
}

#content .page .faq-not-found h4 {
  font-size: 36px;
  margin: 5px 0;
  line-height: 1;
}

#content .faq-not-found .formCompositionRender .formFieldRenderField span input,
#content .faq-not-found .formCompositionRender .formFieldRenderField span textarea {
  max-width: none;
}

#content .waterbear-theme .fieldTypeRADIOBOX div.radio,
#content .waterbear-theme .fieldTypeCHECKBOX div.checker {
  position: relative;
  left: 5px;
}

#content .fileUploadedItem .remove {
  cursor: pointer;
  text-decoration: none;
  color: #007faf;
  font-size: 20px;
  overflow: hidden;
  font-weight: bold;
  margin-right: 5px;
  float: right;
}

#content .fileUploadedItem .remove:before {
  font-family: FontAwesome;
  content: '\f00d';
  -webkit-text-stroke: 1px whitesmoke;
  position: relative;
}

#content .fileUploadedItem .remove:hover {
  color: #007faf;
}

#content .fileUploadedItem {
  display: block;
  line-height: 24px;
  margin: 0 0 15px 0;
  background-color: #529ad61a;
}

#content .fileUploadedItem .fileName {
  display: inline-block;
  max-width: 93%;
}

#content .fileUploadedItem .fileName:before {
  font-family: FontAwesome;
  content: '\f0c6';
  padding-right: 5px;
}

#content .waterbear-theme .faq-not-found .fieldRequired + span > input[type='text'],
#content .waterbear-theme .faq-not-found .fieldRequired + span > input[type='password'],
#content .waterbear-theme .faq-not-found .fieldRequired + span > textarea {
  background-image: url(/theme/stwbmain/images/forms/required.png);
  background-repeat: repeat-y;
  background-position: 0 0;
  padding-right: 10px;
}

#content .waterbear-theme .faq-not-found span > input[type='text'],
#content .waterbear-theme .faq-not-found span > input[type='password'],
#content .waterbear-theme .faq-not-found span > textarea {
  box-sizing: border-box;
  padding: 5px 10px;
}

#content .faq .faq-not-found .formFieldRenderField > label {
  line-height: 1;
  padding: 1px 0 0 0;
  margin-bottom: -1px;
  margin-top: 10px;
  display: block;
  font-size: 18px;
  line-height: 22px;
}

#content .faq .faq-not-found .formFieldRenderField > span {
  padding: 0;
}

#content .faq .faq-not-found .formFieldRender,
#content .formFieldPartRender,
#content .faq .faq-not-found .formFieldContainer {
  padding: 0;
}

#content .faq .faq-not-found .fieldTypeRADIOBOX,
#content .faq .faq-not-found .fieldTypeCHECKBOX {
  min-height: 36px;
  box-sizing: border-box;
  width: 100%;
}

#content .faq .faq-not-found .formComposition .fieldTypeRADIOBOX label.labelField,
#content .faq .faq-not-found .formComposition .fieldTypeCHECKBOX label.labelField {
  min-width: 0;
  max-width: 60%;
  display: inline-block;
  line-height: 1;
  margin-bottom: 9px;
  padding-left: 10px;
}

#content .faq .faq-not-found .formComposition div.radio input[type='radio'],
#content .faq .faq-not-found .formComposition div.checker input[type='checkbox'] {
  height: auto;
}

#content .faq .faq-not-found .fieldTypeRADIOBOX div.radio,
#content .faq .faq-not-found .fieldTypeCHECKBOX div.checker {
  float: left;
  margin-right: 3px;
  left: 1px;
  margin-top: 7px;
}

#content .faq .faq-not-found li.faq-bottom-left-item {
  box-sizing: border-box;
  width: 50%;
  display: block;
  float: left;
  padding-right: 5px;
}

#content .faq .faq-not-found li.faq-bottom-right-item {
  box-sizing: border-box;
  width: 50%;
  display: block;
  float: right;
  padding-left: 5px;
}

#content .faq .faq-not-found .formComposition label.labelField {
  max-width: 100%;
}

#content li.faq-bottom-left-item ul.faq-bottom-left-list,
#content li.faq-bottom-right-item ul.faq-bottom-right-list {
  margin-top: 20px;
  list-style: none;
}

#content .faq .faq-not-found ul.faq-bottom-left-list .formFieldRenderField > label,
#content .faq .faq-not-found ul.faq-bottom-right-list .formFieldRenderField > label {
  margin-top: 0;
}

#content .faq .faq-not-found .dynamicFormPages {
  margin: 0;
}

#content .faq .faq-not-found .formCompositionRender .dynamicFormPages .nextPageButtonSpan,
#content .faq .faq-not-found .formCompositionRender .dynamicFormPages .prevPageButtonSpan {
  width: auto;
}

#content .faq .faq-not-found .formCompositionRender .dynamicFormPages .pageMiddle {
  display: none;
}

#content .faq .faq-not-found .faqFileUploadLink {
  cursor: pointer;
  font-size: 18px;
}

#content .faq .faq-not-found .fileInputResponseDiv {
  font-size: 18px;
}

#content .faq .faq-not-found .staticTextField {
  font-size: 18px;
}

#content .faq .faq-not-found .formComposition span.formFieldValidationResult {
  display: block;
}

#content .waterbear-theme .formFieldContainer {
  margin: 0;
  padding: 5px 0;
}

#content .waterbear-theme .fieldTypeSTATIC_TEXT .formFieldRender {
  margin: 0;
  padding: 5px 5px 5px 10px;
}

@media screen and (min-width: 600px) and (max-width: 960px) {
  #content .faq .faq-not-found li.faq-bottom-right-item,
  #content .faq .faq-not-found li.faq-bottom-left-item {
    float: none;
    width: 100%;
  }
  #content .faq .faq-not-found .formCompositionRender .dynamicFormPages .nextPageButtonSpan,
  #content .faq .faq-not-found .formCompositionRender .dynamicFormPages .prevPageButtonSpan {
    float: left !important;
  }
}

@media screen and (max-width: 599px) {
  #content .faq .faq-not-found li.faq-bottom-right-item,
  #content .faq .faq-not-found li.faq-bottom-left-item {
    float: none;
    width: 100%;
  }
  #content .faq .faq-not-found .formCompositionRender .dynamicFormPages .nextPageButtonSpan,
  #content .faq .faq-not-found .formCompositionRender .dynamicFormPages .prevPageButtonSpan {
    float: right !important;
  }
  #content .faq .faq-not-found .formFieldRenderField > label {
    margin-top: 2px;
  }
}

#content .waterbear-theme .dynamicFormMain .dynamicFormItemBox input[type='text'][disabled],
#content .waterbear-theme .dynamicFormMain .dynamicFormItemBox input[type='password'][disabled],
#content .waterbear-theme .dynamicFormMain .dynamicFormItemBox textarea[disabled] {
  background-color: #dcdcdc;
}

#content .waterbear-theme .dynamicFormMain .dynamicFormItemBox input[type='button'][disabled],
#content .waterbear-theme .dynamicFormMain .dynamicFormItemBox input[type='submit'][disabled],
#content .waterbear-theme .dynamicFormMain .dynamicFormItemBox input[type='radio'][disabled],
#content .waterbear-theme .dynamicFormMain .dynamicFormItemBox input[type='checkbox'][disabled],
#content .waterbear-theme .dynamicFormMain .dynamicFormItemBox button[disabled],
#content .waterbear-theme .dynamicFormMain .dynamicFormItemBox submit[disabled],
#content .waterbear-theme .dynamicFormPages .finishFormButton[disabled] {
  cursor: not-allowed;
}

#content .waterbear-theme .dynamicFormMain button[disabled],
#content .waterbear-theme .dynamicFormMain input[type='submit'][disabled],
#content .waterbear-theme .dynamicFormMain input[type='reset'][disabled],
#content .waterbear-theme input.finishFormButton[disabled],
#content .waterbear-theme input.finishFormButton[disabled]:hover {
  font-weight: bold;
  background-color: #dcdcdc;
  border-color: #d0d0d0 !important;
  color: #d0d0d0;
  cursor: not-allowed;
}

#content .waterbear-theme .dynamicFormItemBox .fileUploadedItem .remove.disabled {
  display: none;
}

#content .formCompositionRender .formFieldRenderField.selectRenderField > span {
  display: inline-block;
  width: 50%;
  min-width: 260px;
}

#content .portlet-body .journal-content-article .formComposition h4 {
  font-size: 24px;
}

#content .multiInputField-close,
#content .multiInputField-add {
  position: relative;
  cursor: pointer;
  padding-left: 25px !important;
  padding-top: 3px;
  padding-bottom: 3px;
}

#content .multiInputField-close {
  background: transparent url(/theme/stwbmain/images/stwb/icon-close.png) no-repeat;
}

#content .multiInputField-add {
  background: transparent url(/theme/stwbmain/images/stwb/icon-add.png) no-repeat;
}

#content .radioboxWithPriceRenderField label.labelField,
#content .checkboxWithPriceRenderField label.labelField {
  width: 40%;
}

#content .radioboxWithPriceRenderField .rightBox,
#content .checkboxWithPriceRenderField .rightBox {
  display: inline-block;
  float: right;
  width: 35%;
  font-size: 24px;
}

#content .radioboxWithPriceRenderField .rightBox input,
#content .checkboxWithPriceRenderField .rightBox input {
  margin-right: 0;
  width: 55px;
  border: 1px solid #a4a4a4;
}

#content .radioboxWithPriceRenderField .monthlyPrice,
#content .checkboxWithPriceRenderField .monthlyPrice {
  display: inline-block;
  float: right;
}

#content .radioboxWithPriceRenderField sup,
#content .checkboxWithPriceRenderField sup {
  top: -0.3em;
}

#content .formCompositionRender li.dynamicFormItemBox.fieldTypeHIDDEN_WITH_PRICE {
  display: none;
}

#content .dynFormShoppingCart {
  padding: 10px 0;
  background: #d0d0d0;
  margin-top: 30px;
}

#content .dynFormShoppingCart .switch-container {
  float: left;
  margin: 12px 0 0 195px;
}

#content .dynFormShoppingCart .switch-container.inaciveSwitcher {
  margin: 12px 0 0 349px;
}

#content .dynFormShoppingCart .switch-container.inaciveSwitcher > * {
  display: none !important;
}

#content .switch-container .labelWithoutDPH,
#content .switch-container .labelWithDPH {
  width: 95px;
  text-align: right;
  display: inline-block;
}

#content .dynFormShoppingCart .switch-container .switcher {
  display: inline-block;
  height: 26px;
  width: 51px;
  position: relative;
  top: 7px;
  margin-left: 5px;
}

#content .switch-container .switcher input {
  display: none;
}

#content .switch-container .switcher .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  border: 1px solid #fff;
  box-sizing: border-box;
  border-radius: 30px;
}

#content .switch-container .switcher .slider:before {
  position: absolute;
  content: '';
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 3px;
  background-color: #fff;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  border-radius: 50%;
}

#content .switch-container .switcher .slider.checked {
  background-color: #0097d0;
  border: 1px solid transparent;
}

#content .switch-container .switcher .slider.checked:before {
  left: 27px;
}

#content .dynFormShoppingCart .shopping-cart-icon {
  width: 62px;
  height: 60px;
  background: transparent url(/theme/stwbmain/images/stwb/shoppingCart/footer-icon-cart.png) no-repeat center;
  display: inline-block;
  margin-left: 30px;
  float: left;
}

#content .dynFormShoppingCart .price-container {
  margin-left: 25px;
  display: inline-block;
}

#content .price-container .oneTime-price-container,
#content .price-container .monthly-price-container {
  display: inline-block;
  font-size: 42px;
  line-height: 46px;
}

#content .price-container .oneTime-price-container {
  color: #7c7c7c;
}

#content .price-container .oneTime-price-container sup {
  font-size: 22px;
  font-weight: bold;
  top: -22px;
}

#content .price-container .oneTime-price-container .oneTime-price-plus {
  color: #a4a4a4;
  margin-left: 6px;
}

#content .price-container .monthly-price-container {
  color: #e20074;
}

#content .price-container .monthly-price-container sup {
  font-size: 22px;
  font-weight: bold;
  top: -22px;
}

#content .price-container .oneTime-price-info,
#content .price-container .monthly-price-info {
  font-size: 18px;
  line-height: 14px;
  color: #a4a4a4;
}

#content .dynFormShoppingCart .prevPageButtonSpan,
#content .dynFormShoppingCart .nextPageButtonSpan {
  position: relative;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#content .dynFormShoppingCart .prevPageButtonSpan {
  float: left;
  margin-left: 20px;
}

#content .dynFormShoppingCart .nextPageButtonSpan {
  margin-right: 20px;
}

#content .dynFormShoppingCart .prevPageButtonSpan:hover,
#content .dynFormShoppingCart .nextPageButtonSpan:hover {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

#content .dynFormShoppingCart .prevPageButtonSpan:after,
#content .dynFormShoppingCart .nextPageButtonSpan:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  content: '';
}

#content .dynFormShoppingCart .prevPageButtonSpan:after {
  border-width: 30px 10px 30px 0;
  border-color: transparent #e20074 transparent transparent;
}

#content .dynFormShoppingCart .nextPageButtonSpan:after {
  right: -10px;
  border-width: 30px 0 30px 10px;
  border-color: transparent transparent transparent #e20074;
}

#content .dynFormShoppingCart .prevPageButtonSpan #prevButtonShoppingCart,
#content .dynFormShoppingCart .nextPageButtonSpan #nextButtonShoppingCart,
#content .dynFormShoppingCart .nextPageButtonSpan #finishButtonShoppingCart {
  min-width: 150px;
  height: 60px;
}

#content .dynFormShoppingCart .prevPageButtonSpan #prevButtonShoppingCart {
  position: absolute;
}

#content .dynFormShoppingCart .prevPageButtonSpan #prevButtonShoppingCart:hover,
#content .dynFormShoppingCart .nextPageButtonSpan #nextButtonShoppingCart:hover,
#content .dynFormShoppingCart .nextPageButtonSpan #finishButtonShoppingCart:hover {
  border: 0;
  -moz-transform: none;
  -webkit-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}

#content .dynFormShoppingCart .nextPageButtonSpan.disabled:after {
  border-color: transparent transparent transparent #dcdcdc;
}

#content .fileRenderField .file-input-title-label {
  font-weight: bold;
  padding: 1px 0 0 0;
}

#content .fileRenderField .file-input-info-label {
  color: #6b6b6b;
  margin-top: 15px !important;
}

#content .fileRenderField label.info {
  font-size: 18px;
  display: block;
  line-height: 22px;
  margin: 2px 0 15px 0;
  padding: 0;
}

#content .popup-lightbox a {
  text-decoration: none !important;
}

#content .fileRenderField .row {
  margin-top: 25px;
}

#content .aui-menu-content,
#content body > .lfr-menu-list ul,
#content .aui-underlay-content,
#content .aui-dialog-content {
  -moz-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
}

#content .lfr-preview-file-image img,
#content .lfr-translation-manager {
  -moz-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
}

#content .lfr-preview-file-image-current-column {
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
}

#content .lfr-preview-file-image-current-column {
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
}

#content .dockbar .menu-button-active .menu-button {
  -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
}

#content .my-sites-menu .current-site a {
  -moz-box-shadow: inset 0 5px 15px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0 5px 15px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 5px 15px rgba(255, 255, 255, 0.5);
}

#content .aui-dialog-hd {
  -moz-box-shadow: 1px 1px 0 #fff;
  -webkit-box-shadow: 1px 1px 0 #fff;
  box-shadow: 1px 1px 0 #fff;
}

#content .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
  -moz-box-shadow: inset 0 0 2px #224fa8;
  -webkit-box-shadow: inset 0 0 2px #224fa8;
  box-shadow: inset 0 0 2px #224fa8;
}

#content .lfr-search-combobox-item {
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}

#content .lfr-search-combobox .aui-field-input-text {
  -moz-border-radius: 4px 1px 1px 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 1px 1px 4px;
}

#content .lfr-search-combobox .aui-button-input {
  -moz-border-radius: 1px 4px 4px 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px 4px 4px 1px;
}

#content body > .lfr-menu-list,
#content body > .lfr-menu-list ul,
#content .lfr-actions,
#content .aui-dialog-content,
#content .aui-dialog .yui3-widget-hd,
#content .modify-pages .delete-tab,
#content input[type='submit'],
#content input[type='button'],
#content input[type='reset'],
#content button,
#content .lfr-search-combobox.tags-search-combobox .lfr-search-combobox-item .aui-field-input-text,
#content .staging-icon-menu-container .staging-icon-menu.lfr-actions .lfr-trigger strong a,
#content .active-area-proxy,
#content .portlet-document-library .document-display-style .document-thumbnail img,
#content .portlet-document-library-display .document-display-style .document-thumbnail img,
#content .aui-paginator-link,
#content .lfr-header-row .aui-toolbar-only,
#content .lfr-translation-manager,
#content .lfr-translation-manager-translation,
#content .select-documents,
#content .select-files,
#content .taglib-ratings.stars:hover,
#content .taglib-ratings.stars:hover .liferay-rating-vote,
#content .rule-group-instance-container .rule-group-instance,
#content .portlet-search .search-facet .facet-value,
#content .lfr-api-results {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#content .lfr-header-row .aui-toolbar-content,
#content .lfr-search-combobox,
#content .select-documents,
#content .select-files,
#content .portlet-document-library div.document-display-style,
#content .lfr-upload-container .upload-target,
#content .lfr-upload-container .upload-file,
#content .portlet-document-library .common-file-metadata-container.selected,
#content .portlet-document-library-display .common-file-metadata-container.selected {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#content .portlet-journal .structure-tree .structure-field {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#content .aui-menu-content {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#content .aui-underlay-content {
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

#content .lfr-hudcrumbs ul {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

#content .lfr-message .lfr-message-control {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#content .lfr-token,
#content .layout-customizable-controls,
#content .lfr-translation-manager-delete-translation {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

#content .customizable-layout-column-content {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#content .lfr-upload-container .upload-target {
  -moz-box-shadow: inset 0 0 1px #fff;
  -webkit-box-shadow: inset 0 0 1px #fff;
  box-shadow: inset 0 0 1px #fff;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF8FBE31',endColorstr='#FF729A22');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmYmUzMSIvPjxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjNzI5YTIyIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #8fbe31), color-stop(85%, #729a22));
  background-image: -moz-linear-gradient(center top, #8fbe31 0, #729a22 85%);
  background-image: -webkit-linear-gradient(center top, #8fbe31 0, #729a22 85%);
  background-image: linear-gradient(to center bottom, #8fbe31 0, #729a22 85%);
}

#content .live-view .staging-tabview-list {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFE3F8DF',endColorstr='#FFC4F0BC');
}

#content .staging-tabview-list {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

#content .staging-bar {
  -moz-box-shadow: inset 0 3em 1em rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 3em 1em rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 3em 1em rgba(0, 0, 0, 0.8);
}

#content .staging-tabview-list .aui-tab-active .aui-tab-content,
#content .site-variations-tabview-list .aui-tab-content {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#content .staging-tabview-list {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: inset 0 0.75em 0.75em rgba(255, 255, 255, 0.55);
  -webkit-box-shadow: inset 0 0.75em 0.75em rgba(255, 255, 255, 0.55);
  box-shadow: inset 0 0.75em 0.75em rgba(255, 255, 255, 0.55);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNiIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDYiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    100% 100%,
    0% 0,
    color-stop(0%, rgba(0, 0, 0, 0.06)),
    color-stop(25%, rgba(0, 0, 0, 0.06)),
    color-stop(25%, rgba(0, 0, 0, 0)),
    color-stop(50%, rgba(0, 0, 0, 0)),
    color-stop(50%, rgba(0, 0, 0, 0.06)),
    color-stop(75%, rgba(0, 0, 0, 0.06)),
    color-stop(75%, rgba(0, 0, 0, 0)),
    color-stop(100%, rgba(0, 0, 0, 0))
  );
  background-image: -moz-linear-gradient(
    bottom right,
    rgba(0, 0, 0, 0.06),
    rgba(0, 0, 0, 0.06) 25%,
    rgba(0, 0, 0, 0) 25%,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 0.06) 50%,
    rgba(0, 0, 0, 0.06) 75%,
    rgba(0, 0, 0, 0) 75%,
    rgba(0, 0, 0, 0)
  );
  background-image: -webkit-linear-gradient(
    bottom right,
    rgba(0, 0, 0, 0.06),
    rgba(0, 0, 0, 0.06) 25%,
    rgba(0, 0, 0, 0) 25%,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 0.06) 50%,
    rgba(0, 0, 0, 0.06) 75%,
    rgba(0, 0, 0, 0) 75%,
    rgba(0, 0, 0, 0)
  );
  background-image: linear-gradient(
    to top left,
    rgba(0, 0, 0, 0.06),
    rgba(0, 0, 0, 0.06) 25%,
    rgba(0, 0, 0, 0) 25%,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 0.06) 50%,
    rgba(0, 0, 0, 0.06) 75%,
    rgba(0, 0, 0, 0) 75%,
    rgba(0, 0, 0, 0)
  );
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFFFEED4',endColorstr='#FFFFDBA6');
  background-size: 100px 100px;
}

#content .portlet-staging-bar .staging-bar .site-variations-tabview-list {
  -moz-box-shadow:
    0 1px 5px rgba(0, 0, 0, 0.8) inset,
    1px 3px 8px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow:
    0 1px 5px rgba(0, 0, 0, 0.8) inset,
    1px 3px 8px rgba(0, 0, 0, 0.8);
  box-shadow:
    0 1px 5px rgba(0, 0, 0, 0.8) inset,
    1px 3px 8px rgba(0, 0, 0, 0.8);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3Nzc3NyIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjMzMzMzMzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzMzMzMzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 100%,
    50% 0,
    color-stop(0%, #777),
    color-stop(80%, #333),
    color-stop(100%, #333)
  );
  background-image: -moz-linear-gradient(center bottom, #777, #333 80%, #333);
  background-image: -webkit-linear-gradient(center bottom, #777, #333 80%, #333);
  background-image: linear-gradient(to center top, #777, #333 80%, #333);
}

#content .rule-group-instance-container .rule-group-instance {
  -moz-box-shadow: 1px 1px 2px #999;
  -webkit-box-shadow: 1px 1px 2px #999;
  box-shadow: 1px 1px 2px #999;
}

#content .lfr-action-label {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

#content .lfr-api-service-search .aui-field-input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#content .rtl .lfr-search-combobox .aui-field-input-text {
  -moz-border-radius: 1px 4px 4px 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px 4px 4px 1px;
}

#content .rtl .lfr-search-combobox .aui-button-input {
  -moz-border-radius: 4px 1px 1px 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 1px 1px 4px;
}

#content .comparison-items-wrapper .catalogue .products .big-icon {
  right: 95px;
  top: 10px;
}

#content .tariff-control {
  width: 280px !important;
}

@media screen and (max-width: 640px) {
  #content .ie .filter .filter-box.filter-box-range .group.group-slider .control .ui-slider.ui-slider-horizontal {
    left: 0;
    top: auto;
    bottom: 0;
    width: 280px;
  }
}

@media (min-width: 801px) {
  #content .tariff-control {
    position: absolute;
    left: 167px;
  }
}

@media (min-width: 641px) and (max-width: 800px) {
  #content .tariff-control {
    position: relative;
    left: 10px;
  }
}

@media (min-width: 641px) {
  #content .filter .filter-box.filter-box-range .group.group-slider .control .ui-slider.ui-slider-horizontal {
    position: absolute;
    top: 17px;
    left: 80px;
    width: 280px;
  }
}

#content .qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}

#content .qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}

#content .qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: 700;
}

#content .qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

#content .qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

#content .qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

#content * html .qtip-titlebar .qtip-close {
  top: 16px;
}

#content .qtip-titlebar .ui-icon,
#content .qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

#content .qtip-icon,
#content .qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}

#content .qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font:
    400 bold 10px/13px Tahoma,
    sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}

#content .qtip-default {
  border-width: 1px;
  border-style: solid;
  border-color: #f1d031;
  background-color: #ffffa3;
  color: #555;
}

#content .qtip-default .qtip-titlebar {
  background-color: #ffef93;
}

#content .qtip-default .qtip-icon {
  border-color: #ccc;
  background: #f1f1f1;
  color: #777;
}

#content .qtip-default .qtip-titlebar .qtip-close {
  border-color: #aaa;
  color: #111;
}

#content .qtip-light {
  background-color: #fff;
  border-color: #e2e2e2;
  color: #454545;
}

#content .qtip-light .qtip-titlebar {
  background-color: #f1f1f1;
}

#content .qtip-dark {
  background-color: #505050;
  border-color: #303030;
  color: #f3f3f3;
}

#content .qtip-dark .qtip-titlebar {
  background-color: #404040;
}

#content .qtip-dark .qtip-icon {
  border-color: #444;
}

#content .qtip-dark .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

#content .qtip-cream {
  background-color: #fbf7aa;
  border-color: #f9e98e;
  color: #a27d35;
}

#content .qtip-cream .qtip-titlebar {
  background-color: #f0de7d;
}

#content .qtip-cream .qtip-close .qtip-icon {
  background-position: -82px 0;
}

#content .qtip-red {
  background-color: #f78b83;
  border-color: #d95252;
  color: #912323;
}

#content .qtip-red .qtip-titlebar {
  background-color: #f06d65;
}

#content .qtip-red .qtip-close .qtip-icon {
  background-position: -102px 0;
}

#content .qtip-red .qtip-icon {
  border-color: #d95252;
}

#content .qtip-red .qtip-titlebar .ui-state-hover {
  border-color: #d95252;
}

#content .qtip-green {
  background-color: #caed9e;
  border-color: #90d93f;
  color: #3f6219;
}

#content .qtip-green .qtip-titlebar {
  background-color: #b0de78;
}

#content .qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0;
}

#content .qtip-blue {
  background-color: #e5f6fe;
  border-color: #add9ed;
  color: #5e99bd;
}

#content .qtip-blue .qtip-titlebar {
  background-color: #d0e9f5;
}

#content .qtip-blue .qtip-close .qtip-icon {
  background-position: -2px 0;
}

#content .qtip-shadow {
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

#content .qtip-rounded,
#content .qtip-tipsy,
#content .qtip-bootstrap {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#content .qtip-rounded .qtip-titlebar {
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

#content .qtip-youtube {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 3px #333;
  -moz-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333;
  color: #fff;
  border-width: 0;
  background: #4a4a4a;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a4a4a), color-stop(100%, black));
  background-image: -webkit-linear-gradient(top, #4a4a4a 0, black 100%);
  background-image: -moz-linear-gradient(top, #4a4a4a 0, black 100%);
  background-image: -ms-linear-gradient(top, #4a4a4a 0, black 100%);
  background-image: -o-linear-gradient(top, #4a4a4a 0, black 100%);
}

#content .qtip-youtube .qtip-titlebar {
  background-color: #4a4a4a;
  background-color: rgba(0, 0, 0, 0);
}

#content .qtip-youtube .qtip-content {
  padding: 0.75em;
  font:
    12px arial,
    sans-serif;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);';
}

#content .qtip-youtube .qtip-icon {
  border-color: #222;
}

#content .qtip-youtube .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

#content .qtip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
  background-image: -moz-linear-gradient(top, #717171, #232323);
  background-image: -webkit-linear-gradient(top, #717171, #232323);
  background-image: -ms-linear-gradient(top, #717171, #232323);
  background-image: -o-linear-gradient(top, #717171, #232323);
  border: 2px solid #ddd;
  border: 2px solid #f1f1f1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 12px #333;
  -moz-box-shadow: 0 0 12px #333;
  box-shadow: 0 0 12px #333;
}

#content .qtip-jtools .qtip-titlebar {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)';
}

#content .qtip-jtools .qtip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)';
}

#content .qtip-jtools .qtip-titlebar,
#content .qtip-jtools .qtip-content {
  background: transparent;
  color: #fff;
  border: 0 dashed transparent;
}

#content .qtip-jtools .qtip-icon {
  border-color: #555;
}

#content .qtip-jtools .qtip-titlebar .ui-state-hover {
  border-color: #333;
}

#content .qtip-cluetip {
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  background-color: #d9d9c2;
  color: #111;
  border: 0 dashed transparent;
}

#content .qtip-cluetip .qtip-titlebar {
  background-color: #87876a;
  color: #fff;
  border: 0 dashed transparent;
}

#content .qtip-cluetip .qtip-icon {
  border-color: #808064;
}

#content .qtip-cluetip .qtip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}

#content .qtip-tipsy {
  background: #000;
  background: rgba(0, 0, 0, 0.87);
  color: #fff;
  border: 0 solid transparent;
  font-size: 11px;
  font-family: 'Lucida Grande', sans-serif;
  font-weight: 700;
  line-height: 16px;
  text-shadow: 0 1px #000;
}

#content .qtip-tipsy .qtip-titlebar {
  padding: 6px 35px 0 10px;
  background-color: transparent;
}

#content .qtip-tipsy .qtip-content {
  padding: 6px 10px;
}

#content .qtip-tipsy .qtip-icon {
  border-color: #222;
  text-shadow: none;
}

#content .qtip-tipsy .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

#content .qtip-tipped {
  border: 3px solid #959fa9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #f9f9f9;
  color: #454545;
  font-weight: 400;
  font-family: serif;
}

#content .qtip-tipped .qtip-titlebar {
  border-bottom-width: 0;
  color: #fff;
  background: #3a79b8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3a79b8), to(#2e629d));
  background-image: -webkit-linear-gradient(top, #3a79b8, #2e629d);
  background-image: -moz-linear-gradient(top, #3a79b8, #2e629d);
  background-image: -ms-linear-gradient(top, #3a79b8, #2e629d);
  background-image: -o-linear-gradient(top, #3a79b8, #2e629d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)';
}

#content .qtip-tipped .qtip-icon {
  border: 2px solid #285589;
  background: #285589;
}

#content .qtip-tipped .qtip-icon .ui-icon {
  background-color: #fbfbfb;
  color: #555;
}

#content .qtip-bootstrap {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  padding: 1px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

#content .qtip-bootstrap .qtip-titlebar {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

#content .qtip-bootstrap .qtip-titlebar .qtip-close {
  right: 11px;
  top: 45%;
  border-style: none;
}

#content .qtip-bootstrap .qtip-content {
  padding: 9px 14px;
}

#content .qtip-bootstrap .qtip-icon {
  background: transparent;
}

#content .qtip-bootstrap .qtip-icon .ui-icon {
  width: auto;
  height: auto;
  float: right;
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

#content .qtip-bootstrap .qtip-icon .ui-icon:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

#content .qtip:not(.ie9haxors) div.qtip-content,
#content .qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none;
}

#content .qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}

#content x:-o-prefocus,
#content .qtip .qtip-tip {
  visibility: hidden;
}

#content .qtip .qtip-tip,
#content .qtip .qtip-tip .qtip-vml,
#content .qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: transparent;
  border: 0 dashed transparent;
}

#content .qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}

#content .qtip .qtip-tip .qtip-vml {
  display: inline-block;
  visibility: visible;
}

#content #qtip-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#content #qtip-overlay.blurs {
  cursor: pointer;
}

#content #qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: 'alpha(Opacity=70)';
}

#content .qtipmodal-ie6fix {
  position: absolute !important;
}

#content .fancybox-wrap,
#content .fancybox-skin,
#content .fancybox-outer,
#content .fancybox-inner,
#content .fancybox-image,
#content .fancybox-wrap iframe,
#content .fancybox-wrap object,
#content .fancybox-nav,
#content .fancybox-nav span,
#content .fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
}

#content .fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

#content .fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#content .fancybox-opened {
  z-index: 8030;
}

#content .fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

#content .fancybox-outer,
#content .fancybox-inner {
  position: relative;
}

#content .fancybox-inner {
  overflow: hidden;
}

#content .fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

#content .fancybox-error {
  color: #444;
  font:
    14px/20px 'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

#content .fancybox-image,
#content .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

#content .fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#content #fancybox-loading,
#content .fancybox-close,
#content .fancybox-prev span,
#content .fancybox-next span {
  background-image: url('/theme/shared/images/fancybox/fancybox_sprite.png');
}

#content #fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#content #fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(/theme/shared/images/fancybox/fancybox_loading.gif) center center no-repeat;
}

#content .fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

#content .fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url(/theme/shared/images/fancybox/blank.gif);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

#content .fancybox-prev {
  left: 0;
}

#content .fancybox-next {
  right: 0;
}

#content .fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

#content .fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

#content .fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

#content .fancybox-nav:hover span {
  visibility: visible;
}

#content .fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

#content .fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

#content .fancybox-lock body {
  overflow: hidden !important;
}

#content .fancybox-lock-test {
  overflow-y: hidden !important;
}

#content .fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url(/theme/shared/images/fancybox/fancybox_overlay.png);
}

#content .fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

#content .fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

#content .fancybox-title {
  visibility: hidden;
  font:
    normal 13px/20px 'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

#content .fancybox-opened .fancybox-title {
  visibility: visible;
}

#content .fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

#content .fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #fff;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

#content .fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

#content .fancybox-title-inside-wrap {
  padding-top: 10px;
}

#content .fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  #content #fancybox-loading,
  #content .fancybox-close,
  #content .fancybox-prev span,
  #content .fancybox-next span {
    background-image: url(/theme/shared/images/fancybox/fancybox_sprite@2x.png);
    background-size: 44px 152px;
  }
  #content #fancybox-loading div {
    background-image: url(/theme/shared/images/fancybox/fancybox_loading@2x.gif);
    background-size: 24px 24px;
  }
}

#content body {
  width: 100%;
  *zoom: 1;
}

#content body:before,
#content body:after {
  content: '';
  display: table;
}

#content body:after {
  clear: both;
}

#content header#top {
  margin-bottom: 1em;
}

#content .grid-wrapper {
  width: 100%;
  margin: 0 auto;
  *zoom: 1;
}

#content .portlet-content {
  padding-top: 0;
  padding-bottom: 0;
}

#content .grid-col-lg {
  position: relative;
  float: left;
  width: 50%;
  margin-bottom: 7px;
}

#content .grid-wrapper .grid-col-lg:nth-child(odd) {
  width: 55%;
}

#content .grid-wrapper .grid-col-lg:nth-child(even) {
  width: 45%;
}

#content #content {
  width: 940px;
  max-width: 940px;
}

@media screen and (max-width: 800px) {
  #content #content,
  #content .grid-wrapper {
    width: 100% !important;
  }
}

@media screen and (min-width: 799px) {
  #content .grid-wrapper {
    max-width: 940px;
  }
  #content .grid-col-6 {
    width: 480px;
  }
  #content .portlet-content {
    padding-left: 0;
    padding-right: 0;
  }
}

#content .grid-wrapper:before,
#content .grid-wrapper:after {
  content: '';
  display: table;
}

#content .grid-wrapper:after {
  clear: both;
}

#content .grid-row {
  *zoom: 1;
  margin: 0 10px;
}

#content .grid-row:before,
#content .grid-row:after {
  content: '';
  display: table;
}

#content .grid-row:after {
  clear: both;
}

#content .grid-row .grid-row {
  margin: 0;
}

@media screen and (min-width: 761px) {
  #content .grid-row {
    margin: 0;
  }
}

@media screen and (max-width: 800px) {
  #content .grid-col-lg {
    float: none;
    width: 100%;
  }
  #content .grid-wrapper .grid-col-lg:nth-child(odd) {
    width: 100%;
  }
  #content .grid-wrapper .grid-col-lg:nth-child(even) {
    width: 100%;
  }
  #content .grid-col-lg:after {
    clear: both;
  }
}

#content .box-container {
  width: 100%;
  margin: 0;
  padding: 0;
}

#content .box-row {
  width: auto;
  margin: 0 -10px 0 0;
  padding: 0;
  clear: both;
}

#content .box-col {
  float: left;
  margin: 0;
  padding: 0 10px 0 0;
  box-sizing: border-box;
  float: left;
  clear: right;
}

#content .col-6 {
  width: 50%;
}

#content .col-sm-6 {
  width: 50%;
}

@media screen and (max-width: 800px) {
  #content .col-6 {
    width: 100%;
  }
}

#content html,
#content body,
#content div,
#content span,
#content applet,
#content object,
#content iframe,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#content blockquote,
#content pre,
#content a,
#content abbr,
#content acronym,
#content address,
#content big,
#content cite,
#content code,
#content del,
#content dfn,
#content img,
#content ins,
#content kbd,
#content q,
#content s,
#content samp,
#content small,
#content strike,
#content strong,
#content sub,
#content sup,
#content tt,
#content var,
#content b,
#content u,
#content i,
#content center,
#content dl,
#content dt,
#content dd,
#content fieldset,
#content form,
#content label,
#content legend,
#content table,
#content caption,
#content tbody,
#content tfoot,
#content thead,
#content tr,
#content th,
#content td,
#content article,
#content aside,
#content canvas,
#content details,
#content embed,
#content figure,
#content figcaption,
#content footer,
#content header,
#content hgroup,
#content menu,
#content nav,
#content output,
#content ruby,
#content section,
#content summary,
#content time,
#content mark,
#content audio,
#content video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

#content article,
#content aside,
#content details,
#content figcaption,
#content figure,
#content footer,
#content header,
#content hgroup,
#content menu,
#content nav,
#content section {
  display: block;
}

#content body {
  line-height: 1;
}

#content ol,
#content ul {
  list-style: none;
}

#content blockquote,
#content q {
  quotes: none;
}

#content blockquote:before,
#content blockquote:after,
#content q:before,
#content q:after {
  content: '';
  content: none;
}

#content table {
  border-collapse: collapse;
  border-spacing: 0;
}

#content html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

#content body {
  margin: 0;
}

#content article,
#content aside,
#content details,
#content figcaption,
#content figure,
#content footer,
#content header,
#content hgroup,
#content main,
#content nav,
#content section,
#content summary {
  display: block;
}

#content audio,
#content canvas,
#content progress,
#content video {
  display: inline-block;
  vertical-align: baseline;
}

#content audio:not([controls]) {
  display: none;
  height: 0;
}

#content [hidden],
#content template {
  display: none;
}

#content a {
  background: transparent;
}

#content a:active,
#content a:hover {
  outline: 0;
}

#content abbr[title] {
  border-bottom: 1px dotted;
}

#content b,
#content strong {
  font-weight: bold;
}

#content dfn {
  font-style: italic;
}

#content h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

#content mark {
  background: #ff0;
  color: #000;
}

#content small {
  font-size: 80%;
}

#content sub,
#content sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

#content sup {
  top: -0.5em;
}

#content sub {
  bottom: -0.25em;
}

#content img {
  border: 0;
}

#content svg:not(:root) {
  overflow: hidden;
}

#content figure {
  margin: 1em 40px;
}

#content hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

#content pre {
  overflow: auto;
}

#content code,
#content kbd,
#content pre,
#content samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

#content button,
#content input,
#content optgroup,
#content select,
#content textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

#content button {
  overflow: visible;
}

#content button,
#content select {
  text-transform: none;
}

#content button,
#content html input[type='button'],
#content input[type='reset'],
#content input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
}

#content button[disabled],
#content html input[disabled] {
  cursor: default;
}

#content button.disabled {
  background: #7c7c7c;
  border-color: #7c7c7c;
  cursor: default;
}

#content button::-moz-focus-inner,
#content input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

#content input {
  line-height: normal;
}

#content input[type='checkbox'],
#content input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

#content input[type='number']::-webkit-inner-spin-button,
#content input[type='number']::-webkit-outer-spin-button {
  height: auto;
}

#content input[type='search'] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

#content input[type='search']::-webkit-search-cancel-button,
#content input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

#content fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

#content legend {
  border: 0;
  padding: 0;
}

#content textarea {
  overflow: auto;
}

#content optgroup {
  font-weight: bold;
}

#content table {
  border-collapse: collapse;
  border-spacing: 0;
}

#content td,
#content th {
  padding: 0;
}

@font-face {
  #content {
    font-family: 'Tele-Icon';
    src: url('/theme/shared/fonts/Tele-Icon.eot');
    src:
      url('/theme/shared/fonts/Tele-Icon.eot?#iefix') format('embedded-opentype'),
      url('/theme/shared/fonts/Tele-Icon.svg#Tele-Icon') format('svg'),
      url('/theme/shared/fonts/Tele-Icon.woff') format('woff'),
      url('/theme/shared/fonts/Tele-Icon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  #content {
    font-family: 'TeleGrotesk';
    src: url('/theme/shared/fonts/TeleGroteskNormal.eot');
    src:
      url('/theme/shared/fonts/TeleGroteskNormal.eot?#iefix') format('embedded-opentype'),
      url('/theme/shared/fonts/TeleGroteskNormal.woff') format('woff'),
      url('/theme/shared/fonts/telgtotesk-subsets/subset-east/Tele-GroteskNormal_East.svg') format('svg');
  }
}

@font-face {
  #content {
    font-family: 'TeleGrotesk';
    src: url('/theme/shared/fonts/TeleGroteskFett.eot');
    src:
      url('/theme/shared/fonts/TeleGroteskFett.eot?#iefix') format('embedded-opentype'),
      url('/theme/shared/fonts/TeleGroteskFett.woff') format('woff'),
      url('/theme/shared/fonts/telgtotesk-subsets/subset-east/Tele-GroteskFett_East.svg') format('svg');
    font-weight: bold;
  }
}

@font-face {
  #content {
    font-family: 'TeleGrotesk';
    src: url('/theme/stwbmain/fonts/TeleGroteskHalb.eot');
    src:
      url('/theme/stwbmain/fonts/TeleGroteskHalb.eot') format('embedded-opentype'),
      url('/theme/stwbmain/fonts/TeleGroteskHalb.woff') format('woff');
    font-weight: 500;
  }
}

@font-face {
  #content {
    font-family: 'TeleGrotesk';
    src: url('/theme/stwbmain/fonts/TeleGroteskUltr.eot');
    src:
      url('/theme/stwbmain/fonts/TeleGroteskUltr.eot') format('embedded-opentype'),
      url('/theme/stwbmain/fonts/TeleGroteskUltr.woff') format('woff');
    font-weight: 900;
  }
}

@font-face {
  #content {
    font-family: 'TeleIcon-Outline';
    src: url('/theme/stwbmain/fonts/TeleIcon-Outline.eot');
    src:
      url('/theme/stwbmain/fonts/TeleIcon-Outline.eot') format('embedded-opentype'),
      url('/theme/stwbmain/fonts/TeleIcon-Outline.ttf') format('truetype');
  }
}

@font-face {
  #content {
    font-family: 'TeleIcon-Solid';
    src: url('/theme/shared/fonts/TeleIcon-Solid.eot');
    src:
      url('/theme/shared/fonts/TeleIcon-Solid.eot') format('embedded-opentype'),
      url('/theme/shared/fonts/TeleIcon-Solid.ttf') format('truetype');
  }
}

#content body {
  font-size: 18px;
  line-height: 1.25;
  background: #fff;
  font-family: TeleGrotesk, Helvetica, Arial, sans-serif;
  color: #4b4b4b;
}

#content .page h2,
#content .page h3,
#content .page h4 {
  color: #e20074;
  line-height: 110%;
}

#content .page h2 {
  font-size: 48px;
  margin: 10px 0;
}

#content .page h3 {
  font-size: 36px;
  margin: 10px 0;
}

#content .page h4 {
  font-size: 24px;
  margin: 5px 0;
}

#content .page p,
#content .page ul,
#content .page table {
  color: #4b4b4b;
  font-size: 18px;
}

#content .page p,
#content .page li,
#content .page td {
  line-height: 140%;
}

#content .page p,
#content .page ul {
  margin: 10px 0;
}

#content .page ul.portlet-options {
  margin: 0;
}

#content .page ul ul {
  margin: 0;
}

#content .page a {
  color: #007faf;
  text-decoration: underline;
}

#content .page input,
#content .page label,
#content .page textarea,
#content .page select {
  font-size: 24px;
  background-image: none;
}

#content .waterbear-theme table {
  margin-bottom: 8px;
}

#content .waterbear-theme td {
  padding: 2px 10px;
}

#content .table-stripped tr {
  background-color: #ededed;
}

#content .table-stripped tr:nth-child(even) {
  background-color: #f7f7f7;
}

#content .table-inline {
  display: inline-block;
}

#content .hyperlink-pdf {
  display: inline-block;
  padding-top: 100px;
  position: relative;
  min-width: 100px;
  text-align: center;
  margin-right: 20px;
}

#content .hyperlink-pdf:before {
  content: '';
  display: block;
  width: 100%;
  height: 90px;
  position: absolute;
  top: 5px;
  left: 0;
  background-image: url('/theme/stwbmain/images/stwb/wiki/Adobe_PDF_Icon.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
}

#content .chevron-right {
  list-style: none;
  padding: 0;
}

#content .chevron-right li:before {
  content: '\f054';
  font-family: FontAwesome;
  color: #e20074;
  margin: 0 5px 0 0;
}

#content .section-collapsable {
  cursor: pointer;
}

#content .section-collapsable:after {
  content: '\f102';
  font-family: FontAwesome;
  color: #e20074;
  margin: 0 0 0 5px;
}

#content .section-collapsed:after {
  content: '\f103';
}

#content .section-collapsable + div {
  overflow: hidden;
  height: auto;
  max-height: 300px;
  -webkit-transition: max-height 0.5s ease;
  -moz-transition: max-height 0.5s ease;
  -o-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
}

#content .section-collapsable + div > p {
  margin-top: 0;
}

#content .section-collapsable.section-collapsed + div {
  max-height: 0;
}

#content .icon-check:after {
  content: '\f00c';
  font-family: FontAwesome;
  color: #6bb324;
}

#content .icon-cross:after {
  content: '\f00d';
  font-family: FontAwesome;
  color: #d90000;
}

#content .inline {
  display: block;
}

@media screen and (min-width: 761px) {
  #content .inline {
    float: left;
  }
  #content .inline + .inline {
    margin-left: 20px;
  }
}

#content div.selector,
#content div.selector *,
#content div.radio,
#content div.radio *,
#content div.checker,
#content div.checker *,
#content div.uploader,
#content div.uploader *,
#content div.button,
#content div.button * {
  margin: 0;
  padding: 0;
}

#content div.checker {
  position: relative;
  margin-right: 15px;
}

#content div.checker span {
  position: relative;
  width: 30px;
  height: 30px;
  border: 2px solid #999;
  box-sizing: border-box;
  background-image: none;
  background-color: #fff;
  overflow: visible;
  display: inline-block;
  border-radius: 5px;
}

#content .formCompositionRender div.checker span,
#content .formCompositionRender div.radio span {
  top: -4px;
}

#content div.checker span:before {
  position: absolute;
  content: '\f00c';
  display: inline-block;
  background-color: transparent;
  top: 10px;
  left: 10px;
  width: 0;
  height: 0;
  font-family: FontAwesome;
  font-size: 0;
  line-height: 0;
  color: #fff;
  transition:
    width 0.2s cubic-bezier(0.56, 1, 0.8, 1.6),
    height 0.2s cubic-bezier(0.56, 1, 0.8, 1.6),
    left 0.2s cubic-bezier(0.56, 1, 0.8, 1.6),
    font-size 0.2s cubic-bezier(0.56, 1, 0.8, 1.6),
    line-height 0.2s cubic-bezier(0.56, 1, 0.8, 1.6),
    color 0.4s;
}

#content div.checker span.checked:before {
  width: 18px;
  height: 18px;
  top: -2px;
  left: 0;
  font-size: 36px;
  line-height: 30px;
  color: #6bb324;
}

#content div.checker.disabled span {
  background-color: #dcdcdc;
}

#content div.checker.disabled span:before {
  color: #dcdcdc;
}

#content div.checker.disabled span.checked:before {
  color: #999;
}

#content div.radio span {
  position: relative;
  width: 30px;
  height: 30px;
  border: 2px solid #999;
  border-radius: 15px;
  box-sizing: border-box;
  background-image: none;
  background-color: #fff;
  display: inline-block;
}

#content div.radio span:before {
  position: absolute;
  content: '';
  display: inline-block;
  background-color: #fff;
  top: 13px;
  left: 13px;
  width: 0;
  height: 0;
  border-radius: 0;
  transition:
    width 0.2s cubic-bezier(0.56, 1, 0.8, 1.6),
    height 0.2s cubic-bezier(0.56, 1, 0.8, 1.6),
    left 0.2s cubic-bezier(0.56, 1, 0.8, 1.6),
    top 0.2s cubic-bezier(0.56, 1, 0.8, 1.6),
    border-radius 0.2s cubic-bezier(0.56, 1, 0.8, 1.6),
    background-color 0.4s;
}

#content div.radio span.checked:before {
  width: 18px;
  height: 18px;
  top: 4px;
  left: 4px;
  background-color: #6bb324;
  border-radius: 9px;
  display: inline-block;
}

#content div.radio.disabled span {
  background-color: #dcdcdc;
}

#content div.radio.disabled span:before {
  background-color: #dcdcdc;
}

#content div.radio.disabled span.checked:before {
  background-color: #999;
}

#content div.checker,
#content div.radio {
  display: inline-block;
  vertical-align: top;
}

#content div.radio {
  margin-right: 15px;
}

#content div.radio input[type='radio'] {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  display: inline-block;
  opacity: 0;
  text-align: center;
  width: 30px;
  height: 30px;
  margin-left: 0;
}

@media (max-width: 510px) {
  #content div.radio.medium span {
    width: 25px;
    height: 25px;
  }
  #content div.radio.medium span.checked:before {
    top: 2px;
    left: 2px;
  }
}

#content div.checker input[type='checkbox'] {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  display: inline-block;
  opacity: 0;
  -moz-appearance: none;
  width: 30px;
  height: 30px;
  margin-left: 0;
}

#content .waterbear-theme .hidden {
  display: none !important;
}

#content .waterbear-theme .product-info {
  background: white url('/theme/stwbmain/images/stwb/product/product_info.png') no-repeat right top;
  height: 30px;
  width: 30px;
  display: inline-block;
}

#content .waterbear-theme .clear {
  clear: both;
}

#content .waterbear-theme .float-left {
  float: left;
}

#content .waterbear-theme .float-right {
  float: right;
}

#content .page #content {
  box-sizing: border-box;
}

#content .wbreadcrumbs {
  margin-left: 8px;
  display: block;
  margin-top: 25px;
  margin-bottom: 5px;
  font-size: 18px;
}

#content .wbreadcrumbs .wseparator {
  background: transparent url('/theme/stwbmain/images/stwb/icon-breadcrumbs.png') no-repeat;
  display: inline-block;
  width: 3px;
  height: 11px;
  border: 0;
  padding-left: 3px;
  padding-right: 1px;
}

#content .wbreadcrumbs a {
  text-decoration: none !important;
  display: inline;
}

#content .portlet-body h2 {
  margin: 0;
}

#content .waterbear-theme .noMargin {
  margin: 0;
}

#content .waterbear-theme p.description {
  margin: 5px 0 15px 0 !important;
}

#content .waterbear-theme .bold {
  font-weight: bold;
}

#content .parallax .portlet-content-container {
  margin-bottom: 0;
}

#content .waterbear-theme input[type='text'],
#content .waterbear-theme input[type='password'],
#content .waterbear-theme input[type='numeric'] {
  padding: 3px 10px;
  box-sizing: border-box;
}

#content .waterbear-theme input.focus {
  background-color: #fff;
  border-color: #a4a4a4;
}

#content .waterbear-theme input[type='text'].error-js,
#content .waterbear-theme input[type='password'].error-js,
#content .waterbear-theme textarea.error-js {
  padding-right: 40px;
  border: 1px solid #fecb00;
  background: white url('/theme/stwbmain/images/validationWarnings/icons-warning-yellow.png') no-repeat 100% 50%;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

#content .waterbear-theme input[type='text'].error,
#content .waterbear-theme input[type='password'].error,
#content .waterbear-theme textarea.error {
  padding-right: 40px;
  border: 1px solid #d90000;
  background: white url('/theme/stwbmain/images/validationWarnings/icons-warning-red.png') no-repeat 100% 50%;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: background 0s ease;
}

#content .waterbear-theme .no-icon input[type='text'].error,
#content .waterbear-theme .no-icon input[type='password'].error,
#content .waterbear-theme .no-icon textarea.error {
  background: white;
}

#content .waterbear-theme input[type='text'].required,
#content .waterbear-theme input[type='password'].required,
#content .waterbear-theme textarea.required {
  background-image: url(/theme/stwbmain/images/forms/required.png);
  background-repeat: repeat-y;
  background-position: 0 0;
}

#content .waterbear-theme input[type='text'].filled,
#content .waterbear-theme input[type='password'].filled,
#content .waterbear-theme textarea.filled {
  background-position: -4px 0;
}

#content .shoppingScenario-list-option {
  margin-bottom: 20px;
  background-color: #ededed;
  padding: 25px 25px 20px 25px;
}

#content .shoppingScenario-list-option h3 {
  margin-top: 0 !important;
}

#content .shoppingScenario-list-option h3 i.fa {
  color: #a4a4a4;
  margin-right: 14px;
}

#content .shoppingScenario-list-option .fa.fa-info-circle {
  font-size: 30px;
  color: #a4a4a4;
}

#content .shoppingScenario-list-option h4 {
  margin-bottom: 30px !important;
  margin-top: 0 !important;
}

#content .shoppingScenario-dataRow-container {
  display: table;
}

#content .shoppingScenario-dataRow-container.sendUnfinishedOrder {
  display: table;
}

#content .waterbear-theme .row {
  line-height: 42px;
  display: table-row;
}

#content .waterbear-theme .sendUnfinishedOrder .row {
  float: none;
}

#content .waterbear-theme .agentSummary .row {
  display: block;
}

#content .shoppingScenario-dataRow-label,
#content .shoppingScenario-dataRow-input {
  display: table-cell;
}

#content .shoppingScenario-dataRow-label {
  padding-right: 10px;
}

#content .shoppingScenario-dataRow-input input {
  max-width: 300px;
  margin-bottom: 6px;
}

#content .shoppingScenario-dataRow-input.shorter input {
  width: 180px;
}

#content .shoppingScenario-dataRow-input.short input {
  width: 120px;
}

#content .shoppingScenario-dataRow-input .placeholderSimulator {
  position: absolute;
  top: 0;
  left: 11px;
  font-size: 24px;
  color: #a4a4a4;
  word-break: break-all;
}

#content .row-container-left,
#content .row-container-right {
  display: table-cell;
}

#content .row-container-left .row .shoppingScenario-dataRow-label {
  width: 110px;
}

#content .row-container-right .row .shoppingScenario-dataRow-label {
  padding-left: 85px;
  width: 55px;
}

#content .waterbear-theme .tooltip {
  cursor: pointer;
}

#content .document-group-div {
  margin-bottom: 20px;
}

#content .document-archive-div {
  margin-top: 20px;
}

#content .document-item li {
  padding-left: 70px;
  background: white url('/theme/stwbmain/images/stwb/icon-file-pdf.png') no-repeat 0 0;
  height: 56px;
  line-height: 56px;
  vertical-align: middle;
  margin-bottom: 5px;
}

#content .document-archive-div {
  padding-left: 70px;
}

#content .document-archive {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#content #unselectedTypes .ui-state-highlight {
  background-color: #ededed;
}

#content #selectedTypes .ui-state-highlight {
  background-color: #7ecbf5;
}

#content .waterbear-theme .message-block {
  padding: 20px 25px;
  border: 1px solid #000;
  background: #fdf2f2;
  margin-bottom: 20px;
  margin-top: 20px;
  clear: both;
  position: relative;
}

#content .waterbear-theme .message-block p {
  margin: 0;
  padding: 0;
  font-size: 24px;
  color: #4b4b4b;
}

#content .waterbear-theme .message-block.big p {
  font-size: 36px;
  line-height: 36px;
  margin-left: 60px;
}

#content .waterbear-theme .message-block p:before {
  content: '\f071';
  display: inline-block;
  height: 24px;
  width: 24px;
  margin-right: 25px;
  position: relative;
  font-family: FontAwesome;
}

#content .waterbear-theme .message-block.big p:before {
  position: absolute;
  font-size: 48px;
  left: 20px;
  top: 20px;
}

#content .waterbear-theme .message-block h3 {
  margin-top: 0;
  margin-bottom: 20px;
}

#content .waterbear-theme .message-block.error {
  border-color: #d90000;
}

#content .waterbear-theme .message-block.info {
  border-color: bisque;
  background: cornsilk;
}

#content .waterbear-theme .message-block.error p:before,
#content .waterbear-theme .message-block.error {
  color: #d90000;
}

#content .waterbear-theme .message-block.error p.regex:before {
  color: #fecb00;
}

#content .waterbear-theme .message-block.error h3 {
  color: #d90000;
}

#content .waterbear-theme .message-block.success {
  background: #f0f7e9;
  border-color: #6bb324;
}

#content .waterbear-theme .message-block.big.error p:before {
  content: '\f057';
}

#content .waterbear-theme .message-block.success p:before,
#content .waterbear-theme .message-block.success {
  content: '\f058';
  color: #6bb324;
}

#content .waterbear-theme .message-block.success h3 {
  color: #6bb324;
}

#content .waterbear-theme .message-block.warning {
  background: #fffae5;
  border-color: #fecb00;
}

#content .waterbear-theme .message-block.warning p:before,
#content .waterbear-theme .message-block.warning {
  color: #fecb00;
}

#content .waterbear-theme .message-block.warning h3 {
  color: #fecb00;
}

#content .waterbear-theme .message-block .message-block-close {
  position: absolute;
  top: 19px;
  right: 12px;
  font-size: 36px;
  cursor: pointer;
}

@media (max-width: 600px) {
  #content .waterbear-theme .message-block.big {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 25px;
  }
  #content .waterbear-theme .message-block.big p {
    margin-left: 0;
    text-align: center;
  }
  #content .waterbear-theme .message-block.big p:before {
    position: absolute;
    right: 0;
    left: 0;
    top: -18px;
    width: 100%;
    text-align: center;
  }
  #content .waterbear-theme .message-block.big:before {
    background: #fff;
    content: ' ';
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: -15px;
    width: 29px;
    height: 20px;
    display: block;
  }
}

#content .waterbear-theme .error-message {
  line-height: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #d90000;
}

#content .waterbear-theme .success-message {
  line-height: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #6bb324;
}

#content .sidr {
  display: none;
}

#content .sidr p {
  display: none;
}

#content .sidr ul {
  margin: 0;
}

@media (max-width: 800px) {
  #content #header-menu > div > div#segment {
    display: none;
  }
  #content #header-menu .menu-container {
    width: 100%;
  }
  #content #header-menu .main-search-container,
  #content #header-menu #segment,
  #content #header-menu .submenu-container {
    display: none;
  }
  #content #header-menu .menu-top {
    display: none;
  }
  #content body {
    position: relative;
    right: 0;
  }
}

@media (max-width: 600px) {
  #content #header-content {
    padding: 5px 10px;
  }
}

#content .waterbear-theme .optionalPhones {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  box-sizing: border-box;
  margin-top: -20px;
}

#content .waterbear-theme .optionalPhones.twoRowsLabel {
  margin-top: 0;
}

#content .waterbear-theme .optionalPhones input {
  margin-right: 7px;
  width: 150px;
  margin-bottom: 10px;
}

#content .waterbear-theme .optionalPhones span {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

#content .button,
#content .video .play-wrapper .play,
#content .footer-bottom form input[type='submit'],
#content .catalogue .products li .buttons input[type='button'],
#content .product-detail .price-info-box input[type='button'],
#content .modal-inner-products .price-subinfo button,
#content .page a.button,
#content .page .video .play-wrapper a.play,
#content .video .play-wrapper .page a.play {
  height: 43px;
  line-height: 43px;
  color: white;
  background: #e10073;
  border: 1px solid #e10073;
  padding: 0;
  font-size: 24px;
  font-weight: normal;
  text-shadow: 0 0 #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 0 10px;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0;
}

#content .button:hover,
#content .video .play-wrapper .play:hover,
#content .footer-bottom form input[type='submit']:hover,
#content .catalogue .products li .buttons input[type='button']:hover,
#content .product-detail .price-info-box input[type='button']:hover,
#content .page a.button:hover,
#content .page .video .play-wrapper a.play:hover,
#content .video .play-wrapper .page a.play:hover {
  border-color: #9e0051;
}

#content .button:active,
#content .video .play-wrapper .play:active,
#content .footer-bottom form input[type='submit']:active,
#content .catalogue .products li .buttons input[type='button']:active,
#content .product-detail .price-info-box input[type='button']:active,
#content .modal-inner-products .price-subinfo button:active,
#content .page a.button:active,
#content .page .video .play-wrapper a.play:active,
#content .video .play-wrapper .page a.play:active {
  background: #e0005d;
  border-color: #b5005d;
}

#content .button.button-gray,
#content .video .play-wrapper .button-gray.play,
#content .footer-bottom form input.button-gray[type='submit'],
#content .catalogue .products li .buttons input.button-gray[type='button'],
#content .product-detail .price-info-box input.button-gray[type='button'],
#content .modal-inner-products .price-subinfo input.button-gray[type='submit'],
#content .page a.button.button-gray,
#content .page .video .play-wrapper a.button-gray.play,
#content .video .play-wrapper .page a.button-gray.play {
  background: #7c7c7c;
  border-color: #7c7c7c;
}

#content .button.button-gray:hover,
#content .video .play-wrapper .button-gray.play:hover,
#content .footer-bottom form input.button-gray[type='submit']:hover,
#content .catalogue .products li .buttons input.button-gray[type='button']:hover,
#content .product-detail .price-info-box input.button-gray[type='button']:hover,
#content .modal-inner-products .price-subinfo input.button-gray[type='submit']:hover,
#content .page a.button.button-gray:hover,
#content .page .video .play-wrapper a.button-gray.play:hover,
#content .video .play-wrapper .page a.button-gray.play:hover {
  border-color: #4b4b4b;
}

#content .button.button-gray:active,
#content .video .play-wrapper .button-gray.play:active,
#content .footer-bottom form input.button-gray[type='submit']:active,
#content .catalogue .products li .buttons input.button-gray[type='button']:active,
#content .product-detail .price-info-box input.button-gray[type='button']:active,
#content .modal-inner-products .price-subinfo input.button-gray[type='submit']:active,
#content .page a.button.button-gray:active,
#content .page .video .play-wrapper a.button-gray.play:active,
#content .video .play-wrapper .page a.button-gray.play:active {
  background: #969696;
  border-color: #4b4b4b;
}

#content .button.button-lower,
#content .video .play-wrapper .play,
#content .footer-bottom form input.button-lower[type='submit'],
#content .catalogue .products li .buttons input.button-lower[type='button'],
#content .catalogue .products li .buttons .video .play-wrapper input[type='button'].play,
#content .video .play-wrapper .catalogue .products li .buttons input[type='button'].play,
#content .product-detail .price-info-box input.button-lower[type='button'],
#content .product-detail .price-info-box .video .play-wrapper input[type='button'].play,
#content .video .play-wrapper .product-detail .price-info-box input[type='button'].play,
#content .modal-inner-products .price-subinfo input.button-lower[type='submit'],
#content .modal-inner-products .price-subinfo .video .play-wrapper input[type='submit'].play,
#content .video .play-wrapper .modal-inner-products .info-button input[type='submit'].play,
#content .page a.button.button-lower,
#content .page .video .play-wrapper a.play,
#content .video .play-wrapper .page a.play {
  line-height: 38px;
  height: 38px;
}

#content .button.button-big,
#content .video .play-wrapper .button-big.play,
#content .footer-bottom form input.button-big[type='submit'],
#content .catalogue .products li .buttons input.button-big[type='button'],
#content .catalogue .products li .buttons .product-detail .price-info-box input[type='button'],
#content .product-detail .price-info-box .catalogue .products li .buttons input[type='button'],
#content .product-detail .price-info-box input[type='button'],
#content .modal-inner-products .price-subinfo input.button-big[type='submit'],
#content .page a.button.button-big,
#content .page .video .play-wrapper a.button-big.play,
#content .video .play-wrapper .page a.button-big.play {
  line-height: 78px;
  height: 78px;
}

#content .waterbear-theme .button-not-orderable,
#content .waterbear-theme button.button-not-orderable:hover {
  background: #a3a3a3;
  border: 1px solid #a3a3a3 !important;
  cursor: default;
}

#content .portlet-nested-portlets > div > section > header h1 {
  display: none;
}

#content .page-contents a {
  display: block;
}

#content .page-contents a.H3 {
  margin-left: 20px;
}

#content #content.parallax {
  width: 100%;
  max-width: 100%;
}

#content .parallax-layout {
  position: relative;
  overflow: hidden;
}

#content .parallax-layout > div > .portlet-boundary:first-child {
  position: static !important;
}

#content .parallax-background {
  position: absolute !important;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-color: transparent;
}

#content .parallax-background.video {
  z-index: 0;
}

#content #parallax-navigation {
  position: fixed;
  top: 20%;
  right: 0;
  z-index: 99;
  padding: 20px;
}

#content #parallax-navigation a {
  padding-left: 30px;
  opacity: 0.8;
  color: #fff;
  text-decoration: none;
}

#content #parallax-navigation a:hover {
  opacity: 1;
}

#content #parallax-navigation div span {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 10px;
  margin: 0 5px;
}

#content .parallax-layout .portlet-content-container {
  margin-bottom: 0;
}

#content .parallax-layout > .portlet-dropzone > .portlet-boundary > .portlet-body {
  margin: 0 auto;
  width: 940px;
  max-width: 940px;
}

@media (max-width: 800px) {
  #content .parallax-layout > .portlet-dropzone > .portlet-boundary > .portlet-body {
    width: auto;
  }
}

@media (max-width: 600px) {
  #content .parallax-layout > .portlet-dropzone > .portlet-boundary > .portlet-body {
    width: 100% !important;
  }
}

#content .ui-helper-hidden-accessible {
  display: none;
}

#content .waterbear-theme a,
#content .waterbear-theme button,
#content .waterbear-theme input[type='button'],
#content .waterbear-theme input[type='submit'],
#content .waterbear-theme .gui-response {
  position: relative;
}

#content .waterbear-theme a:hover,
#content .waterbear-theme a:active {
  color: #206681;
}

#content .waterbear-theme input[type='button'],
#content .waterbear-theme input[type='submit'] {
  background-color: #e20074;
  border: 1px solid #e20074 !important;
}

#content button:active,
#content .waterbear-theme input[type='button']:hover,
#content input[type='button']:active,
#content .waterbear-theme input[type='submit']:hover,
#content input[type='submit']:active {
  border: 1px solid #9f0051 !important;
}

#content .waterbear-theme button:active,
#content .waterbear-theme input[type='button']:active,
#content .waterbear-theme input[type='submit']:active {
  background-color: #e0005d;
  border: 1px solid #b5005d;
}

#content .waterbear-theme a:focus,
#content .waterbear-theme a:active,
#content .waterbear-theme button:focus,
#content .waterbear-theme button:active,
#content .waterbear-theme input[type='button']:focus,
#content .waterbear-theme input[type='button']:active,
#content .waterbear-theme input[type='submit']:focus,
#content .waterbear-theme input[type='submit']:active {
  outline: 0;
}

#content .waterbear-theme #errors-container i.relation:after {
  display: inline-block;
  font-family: FontAwesome;
  content: '\f064';
  margin-left: 10px;
  font-size: 0.7em;
  color: gray;
  cursor: pointer;
}

#content .waterbear-theme td,
#content .waterbear-theme th.comparison-column-header {
  transition: background-color 0.7s;
}

#content .waterbear-theme .hwGallery .picture-container {
  min-width: 300px;
  display: inline-block;
  text-align: center;
}

#content .h1 {
  min-height: 140px;
}

#content .h2 {
  min-height: 220px;
}

#content .h1 .w6,
#content .h1 .w4,
#content .h1 .w3,
#content .h1 .w2,
#content .h1 .w1 {
  height: 140px;
}

#content .h2 .w6,
#content .h2 .w4,
#content .h2 .w3,
#content .h2 .w2,
#content .h2 .w1 {
  height: 220px;
}

#content .h1,
#content h2 {
  width: 100%;
  margin-bottom: 20px;
}

#content .w6 {
  width: 620px;
}

#content .w4 {
  width: 460px;
}

#content .w3 {
  width: 300px;
}

#content .w2 {
  width: 220px;
}

#content .w1 {
  width: 140px;
}

#content .horizontal-box {
  float: left;
  margin-right: 20px;
}

#content .horizontal-box:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 800px) {
  #content .w6,
  #content .w4,
  #content .w3,
  #content .w2,
  #content .w1 {
    width: auto;
    min-width: 320px;
    float: none;
  }
  #content .horizontal-box {
    margin-right: 10px;
    margin-left: 10px;
  }
}

#content .portlet-body:after {
  clear: both;
  content: '\0020';
  overflow: hidden;
  display: block;
}

#content .journal-content-article ol {
  list-style: decimal outside;
}

#content .journal-content-article ul {
  list-style: disc outside;
}

#content
  .journal-content-article
  ul:not(.accordion):not(.content-menu):not(.content-sub-menu):not(.tabs-navi):not(.list-arrow):not(.list-square):not(
    .toolbox-list
  ):not(.availableFields):not(.availableRootFields):not(.dynamicFormFields):not(.dynamicFormSubFields) {
  margin: 1em;
  margin-left: 2em;
}

#content .portlet-body .related-portlet-wrapper {
  border: 1px solid #d0d0d0;
  padding: 0.5em 1em;
}

#content .portlet-body .related-portlet-wrapper h3 {
  font-size: 24px;
}

#content #articleTemplate .article-template-header h1 {
  color: #e20074;
}

#content #embeddedIframe {
  height: 780px;
}

#content .agentSumary-bd .summary-content-wrapper {
  margin: 1px 0;
}

#content .agentSumary-bd p.detail-item {
  text-align: left;
  float: left;
  width: 75%;
  background-color: #ededed;
  margin: 1px 0;
  padding: 10px;
}

#content .agentSumary-bd p.detail-price {
  float: right;
  width: 25%;
  background-color: #ededed;
  margin: 1px 0;
  padding: 10px;
}

#content .agentSumary-bd .subheadline {
  background-color: #ddd;
  color: #000;
  font-weight: 500;
  margin: 0;
  padding: 10px;
}

#content .agentSumary-bd .details-sum {
  background-color: #ededed;
}

#content .agentSumary-bd .details-sum .price-withoutVat {
  display: block;
}

#content .agentSumary-bd p.value {
  color: #6e6e6e;
  font-weight: 700;
}

#content .agentSumary-bd .inputs::after {
  clear: both;
}

#content .agentSumary-bd .inputs .input-data {
  margin: 0 0.95rem 1.5rem 0;
}

@media screen and (min-width: 768px) {
  #content .agentSumary-bd .inputs .input-data.short-fullName,
  #content .agentSumary-bd .inputs .input-data.short-email,
  #content .agentSumary-bd .inputs .input-data.short-address,
  #content .agentSumary-bd .inputs .input-data.short-billing,
  #content .agentSumary-bd .inputs .input-data.short-companyName {
    float: left;
    width: 50%;
  }
  #content .agentSumary-bd .inputs .input-data.short-birthNum,
  #content .agentSumary-bd .inputs .input-data.short-phoneNum,
  #content .agentSumary-bd .inputs .input-data.short-userIdNum,
  #content .agentSumary-bd .inputs .input-data.short-companyID {
    float: right;
    width: 30%;
  }
}

@font-face {
  #content {
    font-family: 'FontAwesome';
    src: url('/theme/shared/css/font-awesome-4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0');
    src:
      url('/theme/shared/css/font-awesome-4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0')
        format('embedded-opentype'),
      url('/theme/shared/css/font-awesome-4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
      url('/theme/shared/css/font-awesome-4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),
      url('/theme/shared/css/font-awesome-4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
      url('/theme/shared/css/font-awesome-4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}

#content .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

#content .fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

#content .fa-2x {
  font-size: 2em;
}

#content .fa-3x {
  font-size: 3em;
}

#content .fa-4x {
  font-size: 4em;
}

#content .fa-5x {
  font-size: 5em;
}

#content .fa-fw {
  width: 1.28571429em;
  text-align: center;
}

#content .fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

#content .fa-ul > li {
  position: relative;
}

#content .fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

#content .fa-li.fa-lg {
  left: -1.85714em;
}

#content .fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

#content .pull-right {
  float: right;
}

#content .pull-left {
  float: left;
}

#content .fa.pull-left {
  margin-right: 0.3em;
}

#content .fa.pull-right {
  margin-left: 0.3em;
}

#content .fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

#content .fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

#content .fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

#content .fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#content .fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

#content .fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

#content .fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

#content :root .fa-rotate-90,
#content :root .fa-rotate-180,
#content :root .fa-rotate-270,
#content :root .fa-flip-horizontal,
#content :root .fa-flip-vertical {
  filter: none;
}

#content .fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

#content .fa-stack-1x,
#content .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

#content .fa-stack-1x {
  line-height: inherit;
}

#content .fa-stack-2x {
  font-size: 2em;
}

#content .fa-inverse {
  color: #fff;
}

#content .fa-glass:before {
  content: '\f000';
}

#content .fa-music:before {
  content: '\f001';
}

#content .fa-search:before {
  content: '\f002';
}

#content .fa-envelope-o:before {
  content: '\f003';
}

#content .fa-heart:before {
  content: '\f004';
}

#content .fa-star:before {
  content: '\f005';
}

#content .fa-star-o:before {
  content: '\f006';
}

#content .fa-user:before {
  content: '\f007';
}

#content .fa-film:before {
  content: '\f008';
}

#content .fa-th-large:before {
  content: '\f009';
}

#content .fa-th:before {
  content: '\f00a';
}

#content .fa-th-list:before {
  content: '\f00b';
}

#content .fa-check:before {
  content: '\f00c';
}

#content .fa-remove:before,
#content .fa-close:before,
#content .fa-times:before {
  content: '\f00d';
}

#content .fa-search-plus:before {
  content: '\f00e';
}

#content .fa-search-minus:before {
  content: '\f010';
}

#content .fa-power-off:before {
  content: '\f011';
}

#content .fa-signal:before {
  content: '\f012';
}

#content .fa-gear:before,
#content .fa-cog:before {
  content: '\f013';
}

#content .fa-trash-o:before {
  content: '\f014';
}

#content .fa-home:before {
  content: '\f015';
}

#content .fa-file-o:before {
  content: '\f016';
}

#content .fa-clock-o:before {
  content: '\f017';
}

#content .fa-road:before {
  content: '\f018';
}

#content .fa-download:before {
  content: '\f019';
}

#content .fa-arrow-circle-o-down:before {
  content: '\f01a';
}

#content .fa-arrow-circle-o-up:before {
  content: '\f01b';
}

#content .fa-inbox:before {
  content: '\f01c';
}

#content .fa-play-circle-o:before {
  content: '\f01d';
}

#content .fa-rotate-right:before,
#content .fa-repeat:before {
  content: '\f01e';
}

#content .fa-refresh:before {
  content: '\f021';
}

#content .fa-list-alt:before {
  content: '\f022';
}

#content .fa-lock:before {
  content: '\f023';
}

#content .fa-flag:before {
  content: '\f024';
}

#content .fa-headphones:before {
  content: '\f025';
}

#content .fa-volume-off:before {
  content: '\f026';
}

#content .fa-volume-down:before {
  content: '\f027';
}

#content .fa-volume-up:before {
  content: '\f028';
}

#content .fa-qrcode:before {
  content: '\f029';
}

#content .fa-barcode:before {
  content: '\f02a';
}

#content .fa-tag:before {
  content: '\f02b';
}

#content .fa-tags:before {
  content: '\f02c';
}

#content .fa-book:before {
  content: '\f02d';
}

#content .fa-bookmark:before {
  content: '\f02e';
}

#content .fa-print:before {
  content: '\f02f';
}

#content .fa-camera:before {
  content: '\f030';
}

#content .fa-font:before {
  content: '\f031';
}

#content .fa-bold:before {
  content: '\f032';
}

#content .fa-italic:before {
  content: '\f033';
}

#content .fa-text-height:before {
  content: '\f034';
}

#content .fa-text-width:before {
  content: '\f035';
}

#content .fa-align-left:before {
  content: '\f036';
}

#content .fa-align-center:before {
  content: '\f037';
}

#content .fa-align-right:before {
  content: '\f038';
}

#content .fa-align-justify:before {
  content: '\f039';
}

#content .fa-list:before {
  content: '\f03a';
}

#content .fa-dedent:before,
#content .fa-outdent:before {
  content: '\f03b';
}

#content .fa-indent:before {
  content: '\f03c';
}

#content .fa-video-camera:before {
  content: '\f03d';
}

#content .fa-photo:before,
#content .fa-image:before,
#content .fa-picture-o:before {
  content: '\f03e';
}

#content .fa-pencil:before {
  content: '\f040';
}

#content .fa-map-marker:before {
  content: '\f041';
}

#content .fa-adjust:before {
  content: '\f042';
}

#content .fa-tint:before {
  content: '\f043';
}

#content .fa-edit:before,
#content .fa-pencil-square-o:before {
  content: '\f044';
}

#content .fa-share-square-o:before {
  content: '\f045';
}

#content .fa-check-square-o:before {
  content: '\f046';
}

#content .fa-arrows:before {
  content: '\f047';
}

#content .fa-step-backward:before {
  content: '\f048';
}

#content .fa-fast-backward:before {
  content: '\f049';
}

#content .fa-backward:before {
  content: '\f04a';
}

#content .fa-play:before {
  content: '\f04b';
}

#content .fa-pause:before {
  content: '\f04c';
}

#content .fa-stop:before {
  content: '\f04d';
}

#content .fa-forward:before {
  content: '\f04e';
}

#content .fa-fast-forward:before {
  content: '\f050';
}

#content .fa-step-forward:before {
  content: '\f051';
}

#content .fa-eject:before {
  content: '\f052';
}

#content .fa-chevron-left:before {
  content: '\f053';
}

#content .fa-chevron-right:before {
  content: '\f054';
}

#content .fa-plus-circle:before {
  content: '\f055';
}

#content .fa-minus-circle:before {
  content: '\f056';
}

#content .fa-times-circle:before {
  content: '\f057';
}

#content .fa-check-circle:before {
  content: '\f058';
}

#content .fa-question-circle:before {
  content: '\f059';
}

#content .fa-info-circle:before {
  content: '\f05a';
}

#content .fa-crosshairs:before {
  content: '\f05b';
}

#content .fa-times-circle-o:before {
  content: '\f05c';
}

#content .fa-check-circle-o:before {
  content: '\f05d';
}

#content .fa-ban:before {
  content: '\f05e';
}

#content .fa-arrow-left:before {
  content: '\f060';
}

#content .fa-arrow-right:before {
  content: '\f061';
}

#content .fa-arrow-up:before {
  content: '\f062';
}

#content .fa-arrow-down:before {
  content: '\f063';
}

#content .fa-mail-forward:before,
#content .fa-share:before {
  content: '\f064';
}

#content .fa-expand:before {
  content: '\f065';
}

#content .fa-compress:before {
  content: '\f066';
}

#content .fa-plus:before {
  content: '\f067';
}

#content .fa-minus:before {
  content: '\f068';
}

#content .fa-asterisk:before {
  content: '\f069';
}

#content .fa-exclamation-circle:before {
  content: '\f06a';
}

#content .fa-gift:before {
  content: '\f06b';
}

#content .fa-leaf:before {
  content: '\f06c';
}

#content .fa-fire:before {
  content: '\f06d';
}

#content .fa-eye:before {
  content: '\f06e';
}

#content .fa-eye-slash:before {
  content: '\f070';
}

#content .fa-warning:before,
#content .fa-exclamation-triangle:before {
  content: '\f071';
}

#content .fa-plane:before {
  content: '\f072';
}

#content .fa-calendar:before {
  content: '\f073';
}

#content .fa-random:before {
  content: '\f074';
}

#content .fa-comment:before {
  content: '\f075';
}

#content .fa-magnet:before {
  content: '\f076';
}

#content .fa-chevron-up:before {
  content: '\f077';
}

#content .fa-chevron-down:before {
  content: '\f078';
}

#content .fa-retweet:before {
  content: '\f079';
}

#content .fa-shopping-cart:before {
  content: '\f07a';
}

#content .fa-folder:before {
  content: '\f07b';
}

#content .fa-folder-open:before {
  content: '\f07c';
}

#content .fa-arrows-v:before {
  content: '\f07d';
}

#content .fa-arrows-h:before {
  content: '\f07e';
}

#content .fa-bar-chart-o:before,
#content .fa-bar-chart:before {
  content: '\f080';
}

#content .fa-twitter-square:before {
  content: '\f081';
}

#content .fa-facebook-square:before {
  content: '\f082';
}

#content .fa-camera-retro:before {
  content: '\f083';
}

#content .fa-key:before {
  content: '\f084';
}

#content .fa-gears:before,
#content .fa-cogs:before {
  content: '\f085';
}

#content .fa-comments:before {
  content: '\f086';
}

#content .fa-thumbs-o-up:before {
  content: '\f087';
}

#content .fa-thumbs-o-down:before {
  content: '\f088';
}

#content .fa-star-half:before {
  content: '\f089';
}

#content .fa-heart-o:before {
  content: '\f08a';
}

#content .fa-sign-out:before {
  content: '\f08b';
}

#content .fa-linkedin-square:before {
  content: '\f08c';
}

#content .fa-thumb-tack:before {
  content: '\f08d';
}

#content .fa-external-link:before {
  content: '\f08e';
}

#content .fa-sign-in:before {
  content: '\f090';
}

#content .fa-trophy:before {
  content: '\f091';
}

#content .fa-github-square:before {
  content: '\f092';
}

#content .fa-upload:before {
  content: '\f093';
}

#content .fa-lemon-o:before {
  content: '\f094';
}

#content .fa-phone:before {
  content: '\f095';
}

#content .fa-square-o:before {
  content: '\f096';
}

#content .fa-bookmark-o:before {
  content: '\f097';
}

#content .fa-phone-square:before {
  content: '\f098';
}

#content .fa-twitter:before {
  content: '\f099';
}

#content .fa-facebook-f:before,
#content .fa-facebook:before {
  content: '\f09a';
}

#content .fa-github:before {
  content: '\f09b';
}

#content .fa-unlock:before {
  content: '\f09c';
}

#content .fa-credit-card:before {
  content: '\f09d';
}

#content .fa-rss:before {
  content: '\f09e';
}

#content .fa-hdd-o:before {
  content: '\f0a0';
}

#content .fa-bullhorn:before {
  content: '\f0a1';
}

#content .fa-bell:before {
  content: '\f0f3';
}

#content .fa-certificate:before {
  content: '\f0a3';
}

#content .fa-hand-o-right:before {
  content: '\f0a4';
}

#content .fa-hand-o-left:before {
  content: '\f0a5';
}

#content .fa-hand-o-up:before {
  content: '\f0a6';
}

#content .fa-hand-o-down:before {
  content: '\f0a7';
}

#content .fa-arrow-circle-left:before {
  content: '\f0a8';
}

#content .fa-arrow-circle-right:before {
  content: '\f0a9';
}

#content .fa-arrow-circle-up:before {
  content: '\f0aa';
}

#content .fa-arrow-circle-down:before {
  content: '\f0ab';
}

#content .fa-globe:before {
  content: '\f0ac';
}

#content .fa-wrench:before {
  content: '\f0ad';
}

#content .fa-tasks:before {
  content: '\f0ae';
}

#content .fa-filter:before {
  content: '\f0b0';
}

#content .fa-briefcase:before {
  content: '\f0b1';
}

#content .fa-arrows-alt:before {
  content: '\f0b2';
}

#content .fa-group:before,
#content .fa-users:before {
  content: '\f0c0';
}

#content .fa-chain:before,
#content .fa-link:before {
  content: '\f0c1';
}

#content .fa-cloud:before {
  content: '\f0c2';
}

#content .fa-flask:before {
  content: '\f0c3';
}

#content .fa-cut:before,
#content .fa-scissors:before {
  content: '\f0c4';
}

#content .fa-copy:before,
#content .fa-files-o:before {
  content: '\f0c5';
}

#content .fa-paperclip:before {
  content: '\f0c6';
}

#content .fa-save:before,
#content .fa-floppy-o:before {
  content: '\f0c7';
}

#content .fa-square:before {
  content: '\f0c8';
}

#content .fa-navicon:before,
#content .fa-reorder:before,
#content .fa-bars:before {
  content: '\f0c9';
}

#content .fa-list-ul:before {
  content: '\f0ca';
}

#content .fa-list-ol:before {
  content: '\f0cb';
}

#content .fa-strikethrough:before {
  content: '\f0cc';
}

#content .fa-underline:before {
  content: '\f0cd';
}

#content .fa-table:before {
  content: '\f0ce';
}

#content .fa-magic:before {
  content: '\f0d0';
}

#content .fa-truck:before {
  content: '\f0d1';
}

#content .fa-pinterest:before {
  content: '\f0d2';
}

#content .fa-pinterest-square:before {
  content: '\f0d3';
}

#content .fa-google-plus-square:before {
  content: '\f0d4';
}

#content .fa-google-plus:before {
  content: '\f0d5';
}

#content .fa-money:before {
  content: '\f0d6';
}

#content .fa-caret-down:before {
  content: '\f0d7';
}

#content .fa-caret-up:before {
  content: '\f0d8';
}

#content .fa-caret-left:before {
  content: '\f0d9';
}

#content .fa-caret-right:before {
  content: '\f0da';
}

#content .fa-columns:before {
  content: '\f0db';
}

#content .fa-unsorted:before,
#content .fa-sort:before {
  content: '\f0dc';
}

#content .fa-sort-down:before,
#content .fa-sort-desc:before {
  content: '\f0dd';
}

#content .fa-sort-up:before,
#content .fa-sort-asc:before {
  content: '\f0de';
}

#content .fa-envelope:before {
  content: '\f0e0';
}

#content .fa-linkedin:before {
  content: '\f0e1';
}

#content .fa-rotate-left:before,
#content .fa-undo:before {
  content: '\f0e2';
}

#content .fa-legal:before,
#content .fa-gavel:before {
  content: '\f0e3';
}

#content .fa-dashboard:before,
#content .fa-tachometer:before {
  content: '\f0e4';
}

#content .fa-comment-o:before {
  content: '\f0e5';
}

#content .fa-comments-o:before {
  content: '\f0e6';
}

#content .fa-flash:before,
#content .fa-bolt:before {
  content: '\f0e7';
}

#content .fa-sitemap:before {
  content: '\f0e8';
}

#content .fa-umbrella:before {
  content: '\f0e9';
}

#content .fa-paste:before,
#content .fa-clipboard:before {
  content: '\f0ea';
}

#content .fa-lightbulb-o:before {
  content: '\f0eb';
}

#content .fa-exchange:before {
  content: '\f0ec';
}

#content .fa-cloud-download:before {
  content: '\f0ed';
}

#content .fa-cloud-upload:before {
  content: '\f0ee';
}

#content .fa-user-md:before {
  content: '\f0f0';
}

#content .fa-stethoscope:before {
  content: '\f0f1';
}

#content .fa-suitcase:before {
  content: '\f0f2';
}

#content .fa-bell-o:before {
  content: '\f0a2';
}

#content .fa-coffee:before {
  content: '\f0f4';
}

#content .fa-cutlery:before {
  content: '\f0f5';
}

#content .fa-file-text-o:before {
  content: '\f0f6';
}

#content .fa-building-o:before {
  content: '\f0f7';
}

#content .fa-hospital-o:before {
  content: '\f0f8';
}

#content .fa-ambulance:before {
  content: '\f0f9';
}

#content .fa-medkit:before {
  content: '\f0fa';
}

#content .fa-fighter-jet:before {
  content: '\f0fb';
}

#content .fa-beer:before {
  content: '\f0fc';
}

#content .fa-h-square:before {
  content: '\f0fd';
}

#content .fa-plus-square:before {
  content: '\f0fe';
}

#content .fa-angle-double-left:before {
  content: '\f100';
}

#content .fa-angle-double-right:before {
  content: '\f101';
}

#content .fa-angle-double-up:before {
  content: '\f102';
}

#content .fa-angle-double-down:before {
  content: '\f103';
}

#content .fa-angle-left:before {
  content: '\f104';
}

#content .fa-angle-right:before {
  content: '\f105';
}

#content .fa-angle-up:before {
  content: '\f106';
}

#content .fa-angle-down:before {
  content: '\f107';
}

#content .fa-desktop:before {
  content: '\f108';
}

#content .fa-laptop:before {
  content: '\f109';
}

#content .fa-tablet:before {
  content: '\f10a';
}

#content .fa-mobile-phone:before,
#content .fa-mobile:before {
  content: '\f10b';
}

#content .fa-circle-o:before {
  content: '\f10c';
}

#content .fa-quote-left:before {
  content: '\f10d';
}

#content .fa-quote-right:before {
  content: '\f10e';
}

#content .fa-spinner:before {
  content: '\f110';
}

#content .fa-circle:before {
  content: '\f111';
}

#content .fa-mail-reply:before,
#content .fa-reply:before {
  content: '\f112';
}

#content .fa-github-alt:before {
  content: '\f113';
}

#content .fa-folder-o:before {
  content: '\f114';
}

#content .fa-folder-open-o:before {
  content: '\f115';
}

#content .fa-smile-o:before {
  content: '\f118';
}

#content .fa-frown-o:before {
  content: '\f119';
}

#content .fa-meh-o:before {
  content: '\f11a';
}

#content .fa-gamepad:before {
  content: '\f11b';
}

#content .fa-keyboard-o:before {
  content: '\f11c';
}

#content .fa-flag-o:before {
  content: '\f11d';
}

#content .fa-flag-checkered:before {
  content: '\f11e';
}

#content .fa-terminal:before {
  content: '\f120';
}

#content .fa-code:before {
  content: '\f121';
}

#content .fa-mail-reply-all:before,
#content .fa-reply-all:before {
  content: '\f122';
}

#content .fa-star-half-empty:before,
#content .fa-star-half-full:before,
#content .fa-star-half-o:before {
  content: '\f123';
}

#content .fa-location-arrow:before {
  content: '\f124';
}

#content .fa-crop:before {
  content: '\f125';
}

#content .fa-code-fork:before {
  content: '\f126';
}

#content .fa-unlink:before,
#content .fa-chain-broken:before {
  content: '\f127';
}

#content .fa-question:before {
  content: '\f128';
}

#content .fa-info:before {
  content: '\f129';
}

#content .fa-exclamation:before {
  content: '\f12a';
}

#content .fa-superscript:before {
  content: '\f12b';
}

#content .fa-subscript:before {
  content: '\f12c';
}

#content .fa-eraser:before {
  content: '\f12d';
}

#content .fa-puzzle-piece:before {
  content: '\f12e';
}

#content .fa-microphone:before {
  content: '\f130';
}

#content .fa-microphone-slash:before {
  content: '\f131';
}

#content .fa-shield:before {
  content: '\f132';
}

#content .fa-calendar-o:before {
  content: '\f133';
}

#content .fa-fire-extinguisher:before {
  content: '\f134';
}

#content .fa-rocket:before {
  content: '\f135';
}

#content .fa-maxcdn:before {
  content: '\f136';
}

#content .fa-chevron-circle-left:before {
  content: '\f137';
}

#content .fa-chevron-circle-right:before {
  content: '\f138';
}

#content .fa-chevron-circle-up:before {
  content: '\f139';
}

#content .fa-chevron-circle-down:before {
  content: '\f13a';
}

#content .fa-html5:before {
  content: '\f13b';
}

#content .fa-css3:before {
  content: '\f13c';
}

#content .fa-anchor:before {
  content: '\f13d';
}

#content .fa-unlock-alt:before {
  content: '\f13e';
}

#content .fa-bullseye:before {
  content: '\f140';
}

#content .fa-ellipsis-h:before {
  content: '\f141';
}

#content .fa-ellipsis-v:before {
  content: '\f142';
}

#content .fa-rss-square:before {
  content: '\f143';
}

#content .fa-play-circle:before {
  content: '\f144';
}

#content .fa-ticket:before {
  content: '\f145';
}

#content .fa-minus-square:before {
  content: '\f146';
}

#content .fa-minus-square-o:before {
  content: '\f147';
}

#content .fa-level-up:before {
  content: '\f148';
}

#content .fa-level-down:before {
  content: '\f149';
}

#content .fa-check-square:before {
  content: '\f14a';
}

#content .fa-pencil-square:before {
  content: '\f14b';
}

#content .fa-external-link-square:before {
  content: '\f14c';
}

#content .fa-share-square:before {
  content: '\f14d';
}

#content .fa-compass:before {
  content: '\f14e';
}

#content .fa-toggle-down:before,
#content .fa-caret-square-o-down:before {
  content: '\f150';
}

#content .fa-toggle-up:before,
#content .fa-caret-square-o-up:before {
  content: '\f151';
}

#content .fa-toggle-right:before,
#content .fa-caret-square-o-right:before {
  content: '\f152';
}

#content .fa-euro:before,
#content .fa-eur:before {
  content: '\f153';
}

#content .fa-gbp:before {
  content: '\f154';
}

#content .fa-dollar:before,
#content .fa-usd:before {
  content: '\f155';
}

#content .fa-rupee:before,
#content .fa-inr:before {
  content: '\f156';
}

#content .fa-cny:before,
#content .fa-rmb:before,
#content .fa-yen:before,
#content .fa-jpy:before {
  content: '\f157';
}

#content .fa-ruble:before,
#content .fa-rouble:before,
#content .fa-rub:before {
  content: '\f158';
}

#content .fa-won:before,
#content .fa-krw:before {
  content: '\f159';
}

#content .fa-bitcoin:before,
#content .fa-btc:before {
  content: '\f15a';
}

#content .fa-file:before {
  content: '\f15b';
}

#content .fa-file-text:before {
  content: '\f15c';
}

#content .fa-sort-alpha-asc:before {
  content: '\f15d';
}

#content .fa-sort-alpha-desc:before {
  content: '\f15e';
}

#content .fa-sort-amount-asc:before {
  content: '\f160';
}

#content .fa-sort-amount-desc:before {
  content: '\f161';
}

#content .fa-sort-numeric-asc:before {
  content: '\f162';
}

#content .fa-sort-numeric-desc:before {
  content: '\f163';
}

#content .fa-thumbs-up:before {
  content: '\f164';
}

#content .fa-thumbs-down:before {
  content: '\f165';
}

#content .fa-youtube-square:before {
  content: '\f166';
}

#content .fa-youtube:before {
  content: '\f167';
}

#content .fa-xing:before {
  content: '\f168';
}

#content .fa-xing-square:before {
  content: '\f169';
}

#content .fa-youtube-play:before {
  content: '\f16a';
}

#content .fa-dropbox:before {
  content: '\f16b';
}

#content .fa-stack-overflow:before {
  content: '\f16c';
}

#content .fa-instagram:before {
  content: '\f16d';
}

#content .fa-flickr:before {
  content: '\f16e';
}

#content .fa-adn:before {
  content: '\f170';
}

#content .fa-bitbucket:before {
  content: '\f171';
}

#content .fa-bitbucket-square:before {
  content: '\f172';
}

#content .fa-tumblr:before {
  content: '\f173';
}

#content .fa-tumblr-square:before {
  content: '\f174';
}

#content .fa-long-arrow-down:before {
  content: '\f175';
}

#content .fa-long-arrow-up:before {
  content: '\f176';
}

#content .fa-long-arrow-left:before {
  content: '\f177';
}

#content .fa-long-arrow-right:before {
  content: '\f178';
}

#content .fa-apple:before {
  content: '\f179';
}

#content .fa-windows:before {
  content: '\f17a';
}

#content .fa-android:before {
  content: '\f17b';
}

#content .fa-linux:before {
  content: '\f17c';
}

#content .fa-dribbble:before {
  content: '\f17d';
}

#content .fa-skype:before {
  content: '\f17e';
}

#content .fa-foursquare:before {
  content: '\f180';
}

#content .fa-trello:before {
  content: '\f181';
}

#content .fa-female:before {
  content: '\f182';
}

#content .fa-male:before {
  content: '\f183';
}

#content .fa-gittip:before,
#content .fa-gratipay:before {
  content: '\f184';
}

#content .fa-sun-o:before {
  content: '\f185';
}

#content .fa-moon-o:before {
  content: '\f186';
}

#content .fa-archive:before {
  content: '\f187';
}

#content .fa-bug:before {
  content: '\f188';
}

#content .fa-vk:before {
  content: '\f189';
}

#content .fa-weibo:before {
  content: '\f18a';
}

#content .fa-renren:before {
  content: '\f18b';
}

#content .fa-pagelines:before {
  content: '\f18c';
}

#content .fa-stack-exchange:before {
  content: '\f18d';
}

#content .fa-arrow-circle-o-right:before {
  content: '\f18e';
}

#content .fa-arrow-circle-o-left:before {
  content: '\f190';
}

#content .fa-toggle-left:before,
#content .fa-caret-square-o-left:before {
  content: '\f191';
}

#content .fa-dot-circle-o:before {
  content: '\f192';
}

#content .fa-wheelchair:before {
  content: '\f193';
}

#content .fa-vimeo-square:before {
  content: '\f194';
}

#content .fa-turkish-lira:before,
#content .fa-try:before {
  content: '\f195';
}

#content .fa-plus-square-o:before {
  content: '\f196';
}

#content .fa-space-shuttle:before {
  content: '\f197';
}

#content .fa-slack:before {
  content: '\f198';
}

#content .fa-envelope-square:before {
  content: '\f199';
}

#content .fa-wordpress:before {
  content: '\f19a';
}

#content .fa-openid:before {
  content: '\f19b';
}

#content .fa-institution:before,
#content .fa-bank:before,
#content .fa-university:before {
  content: '\f19c';
}

#content .fa-mortar-board:before,
#content .fa-graduation-cap:before {
  content: '\f19d';
}

#content .fa-yahoo:before {
  content: '\f19e';
}

#content .fa-google:before {
  content: '\f1a0';
}

#content .fa-reddit:before {
  content: '\f1a1';
}

#content .fa-reddit-square:before {
  content: '\f1a2';
}

#content .fa-stumbleupon-circle:before {
  content: '\f1a3';
}

#content .fa-stumbleupon:before {
  content: '\f1a4';
}

#content .fa-delicious:before {
  content: '\f1a5';
}

#content .fa-digg:before {
  content: '\f1a6';
}

#content .fa-pied-piper:before {
  content: '\f1a7';
}

#content .fa-pied-piper-alt:before {
  content: '\f1a8';
}

#content .fa-drupal:before {
  content: '\f1a9';
}

#content .fa-joomla:before {
  content: '\f1aa';
}

#content .fa-language:before {
  content: '\f1ab';
}

#content .fa-fax:before {
  content: '\f1ac';
}

#content .fa-building:before {
  content: '\f1ad';
}

#content .fa-child:before {
  content: '\f1ae';
}

#content .fa-paw:before {
  content: '\f1b0';
}

#content .fa-spoon:before {
  content: '\f1b1';
}

#content .fa-cube:before {
  content: '\f1b2';
}

#content .fa-cubes:before {
  content: '\f1b3';
}

#content .fa-behance:before {
  content: '\f1b4';
}

#content .fa-behance-square:before {
  content: '\f1b5';
}

#content .fa-steam:before {
  content: '\f1b6';
}

#content .fa-steam-square:before {
  content: '\f1b7';
}

#content .fa-recycle:before {
  content: '\f1b8';
}

#content .fa-automobile:before,
#content .fa-car:before {
  content: '\f1b9';
}

#content .fa-cab:before,
#content .fa-taxi:before {
  content: '\f1ba';
}

#content .fa-tree:before {
  content: '\f1bb';
}

#content .fa-spotify:before {
  content: '\f1bc';
}

#content .fa-deviantart:before {
  content: '\f1bd';
}

#content .fa-soundcloud:before {
  content: '\f1be';
}

#content .fa-database:before {
  content: '\f1c0';
}

#content .fa-file-pdf-o:before {
  content: '\f1c1';
}

#content .fa-file-word-o:before {
  content: '\f1c2';
}

#content .fa-file-excel-o:before {
  content: '\f1c3';
}

#content .fa-file-powerpoint-o:before {
  content: '\f1c4';
}

#content .fa-file-photo-o:before,
#content .fa-file-picture-o:before,
#content .fa-file-image-o:before {
  content: '\f1c5';
}

#content .fa-file-zip-o:before,
#content .fa-file-archive-o:before {
  content: '\f1c6';
}

#content .fa-file-sound-o:before,
#content .fa-file-audio-o:before {
  content: '\f1c7';
}

#content .fa-file-movie-o:before,
#content .fa-file-video-o:before {
  content: '\f1c8';
}

#content .fa-file-code-o:before {
  content: '\f1c9';
}

#content .fa-vine:before {
  content: '\f1ca';
}

#content .fa-codepen:before {
  content: '\f1cb';
}

#content .fa-jsfiddle:before {
  content: '\f1cc';
}

#content .fa-life-bouy:before,
#content .fa-life-buoy:before,
#content .fa-life-saver:before,
#content .fa-support:before,
#content .fa-life-ring:before {
  content: '\f1cd';
}

#content .fa-circle-o-notch:before {
  content: '\f1ce';
}

#content .fa-ra:before,
#content .fa-rebel:before {
  content: '\f1d0';
}

#content .fa-ge:before,
#content .fa-empire:before {
  content: '\f1d1';
}

#content .fa-git-square:before {
  content: '\f1d2';
}

#content .fa-git:before {
  content: '\f1d3';
}

#content .fa-hacker-news:before {
  content: '\f1d4';
}

#content .fa-tencent-weibo:before {
  content: '\f1d5';
}

#content .fa-qq:before {
  content: '\f1d6';
}

#content .fa-wechat:before,
#content .fa-weixin:before {
  content: '\f1d7';
}

#content .fa-send:before,
#content .fa-paper-plane:before {
  content: '\f1d8';
}

#content .fa-send-o:before,
#content .fa-paper-plane-o:before {
  content: '\f1d9';
}

#content .fa-history:before {
  content: '\f1da';
}

#content .fa-genderless:before,
#content .fa-circle-thin:before {
  content: '\f1db';
}

#content .fa-header:before {
  content: '\f1dc';
}

#content .fa-paragraph:before {
  content: '\f1dd';
}

#content .fa-sliders:before {
  content: '\f1de';
}

#content .fa-share-alt:before {
  content: '\f1e0';
}

#content .fa-share-alt-square:before {
  content: '\f1e1';
}

#content .fa-bomb:before {
  content: '\f1e2';
}

#content .fa-soccer-ball-o:before,
#content .fa-futbol-o:before {
  content: '\f1e3';
}

#content .fa-tty:before {
  content: '\f1e4';
}

#content .fa-binoculars:before {
  content: '\f1e5';
}

#content .fa-plug:before {
  content: '\f1e6';
}

#content .fa-slideshare:before {
  content: '\f1e7';
}

#content .fa-twitch:before {
  content: '\f1e8';
}

#content .fa-yelp:before {
  content: '\f1e9';
}

#content .fa-newspaper-o:before {
  content: '\f1ea';
}

#content .fa-wifi:before {
  content: '\f1eb';
}

#content .fa-calculator:before {
  content: '\f1ec';
}

#content .fa-paypal:before {
  content: '\f1ed';
}

#content .fa-google-wallet:before {
  content: '\f1ee';
}

#content .fa-cc-visa:before {
  content: '\f1f0';
}

#content .fa-cc-mastercard:before {
  content: '\f1f1';
}

#content .fa-cc-discover:before {
  content: '\f1f2';
}

#content .fa-cc-amex:before {
  content: '\f1f3';
}

#content .fa-cc-paypal:before {
  content: '\f1f4';
}

#content .fa-cc-stripe:before {
  content: '\f1f5';
}

#content .fa-bell-slash:before {
  content: '\f1f6';
}

#content .fa-bell-slash-o:before {
  content: '\f1f7';
}

#content .fa-trash:before {
  content: '\f1f8';
}

#content .fa-copyright:before {
  content: '\f1f9';
}

#content .fa-at:before {
  content: '\f1fa';
}

#content .fa-eyedropper:before {
  content: '\f1fb';
}

#content .fa-paint-brush:before {
  content: '\f1fc';
}

#content .fa-birthday-cake:before {
  content: '\f1fd';
}

#content .fa-area-chart:before {
  content: '\f1fe';
}

#content .fa-pie-chart:before {
  content: '\f200';
}

#content .fa-line-chart:before {
  content: '\f201';
}

#content .fa-lastfm:before {
  content: '\f202';
}

#content .fa-lastfm-square:before {
  content: '\f203';
}

#content .fa-toggle-off:before {
  content: '\f204';
}

#content .fa-toggle-on:before {
  content: '\f205';
}

#content .fa-bicycle:before {
  content: '\f206';
}

#content .fa-bus:before {
  content: '\f207';
}

#content .fa-ioxhost:before {
  content: '\f208';
}

#content .fa-angellist:before {
  content: '\f209';
}

#content .fa-cc:before {
  content: '\f20a';
}

#content .fa-shekel:before,
#content .fa-sheqel:before,
#content .fa-ils:before {
  content: '\f20b';
}

#content .fa-meanpath:before {
  content: '\f20c';
}

#content .fa-buysellads:before {
  content: '\f20d';
}

#content .fa-connectdevelop:before {
  content: '\f20e';
}

#content .fa-dashcube:before {
  content: '\f210';
}

#content .fa-forumbee:before {
  content: '\f211';
}

#content .fa-leanpub:before {
  content: '\f212';
}

#content .fa-sellsy:before {
  content: '\f213';
}

#content .fa-shirtsinbulk:before {
  content: '\f214';
}

#content .fa-simplybuilt:before {
  content: '\f215';
}

#content .fa-skyatlas:before {
  content: '\f216';
}

#content .fa-cart-plus:before {
  content: '\f217';
}

#content .fa-cart-arrow-down:before {
  content: '\f218';
}

#content .fa-diamond:before {
  content: '\f219';
}

#content .fa-ship:before {
  content: '\f21a';
}

#content .fa-user-secret:before {
  content: '\f21b';
}

#content .fa-motorcycle:before {
  content: '\f21c';
}

#content .fa-street-view:before {
  content: '\f21d';
}

#content .fa-heartbeat:before {
  content: '\f21e';
}

#content .fa-venus:before {
  content: '\f221';
}

#content .fa-mars:before {
  content: '\f222';
}

#content .fa-mercury:before {
  content: '\f223';
}

#content .fa-transgender:before {
  content: '\f224';
}

#content .fa-transgender-alt:before {
  content: '\f225';
}

#content .fa-venus-double:before {
  content: '\f226';
}

#content .fa-mars-double:before {
  content: '\f227';
}

#content .fa-venus-mars:before {
  content: '\f228';
}

#content .fa-mars-stroke:before {
  content: '\f229';
}

#content .fa-mars-stroke-v:before {
  content: '\f22a';
}

#content .fa-mars-stroke-h:before {
  content: '\f22b';
}

#content .fa-neuter:before {
  content: '\f22c';
}

#content .fa-facebook-official:before {
  content: '\f230';
}

#content .fa-pinterest-p:before {
  content: '\f231';
}

#content .fa-whatsapp:before {
  content: '\f232';
}

#content .fa-server:before {
  content: '\f233';
}

#content .fa-user-plus:before {
  content: '\f234';
}

#content .fa-user-times:before {
  content: '\f235';
}

#content .fa-hotel:before,
#content .fa-bed:before {
  content: '\f236';
}

#content .fa-viacoin:before {
  content: '\f237';
}

#content .fa-train:before {
  content: '\f238';
}

#content .fa-subway:before {
  content: '\f239';
}

#content .fa-medium:before {
  content: '\f23a';
}

#content div.fancy-select {
  padding-right: 0;
  position: relative;
  top: -5px;
  left: 0;
  font-size: 24px;
}

#content div.fancy-select.disabled {
  opacity: 0.5;
}

#content div.fancy-select div.trigger {
  cursor: pointer;
  padding: 10px 0 9px 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  background: white;
  border: 1px solid #a4a4a4;
  width: 100%;
}

#content div.fancy-select div.trigger:after {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  right: 9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 9px 0 9px;
  border-color: #a4a4a4 transparent transparent transparent;
}

#content div.fancy-select div.trigger.open:after {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  right: 9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 11px 9px;
  border-color: transparent transparent #a4a4a4 transparent;
}

#content div.fancy-select ul {
  padding-right: 0;
  border-top-color: white;
}

#content div.fancy-select ul.options {
  border: 1px solid #a4a4a4;
  border-top: 0;
  list-style: none;
  font-size: 24px;
  margin: 0;
  position: absolute;
  top: 40px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  max-height: 300px;
  overflow: auto;
  background: white;
  width: 100%;
}

#content div.fancy-select ul.options:before {
  display: block;
  content: '';
  position: relative;
  width: auto;
  margin: 0 0 0 10px;
  height: 1px;
  background-color: #a4a4a4;
}

#content div.fancy-select div.trigger:after,
#content div.fancy-select div.trigger.open:after {
  right: 14px;
}

#content div.fancy-select ul.options.open {
  visibility: visible;
  top: 50px;
  opacity: 1;
}

#content div.fancy-select ul.options.overflowing {
  top: auto;
  bottom: 40px;
}

#content div.fancy-select ul.options.overflowing.open {
  top: auto;
  bottom: 50px;
}

#content div.fancy-select ul.options li {
  margin: 0;
  list-style: none;
  display: block;
  cursor: default;
  padding: 8px 19px;
  text-align: left;
  line-height: 28px;
}

#content div.fancy-select ul.options li.selected {
  color: #e20074;
}

#content div.fancy-select ul.options li.hover {
  background: #ededed;
}

#content div.fancy-select div.trigger,
#content div.fancy-select ul.options {
  width: 100%;
  box-sizing: border-box;
}

#content div.fancy-select ul.options:before {
  margin: 0 10px;
}

#content .dropdown {
  position: relative;
  font-size: 16px;
  display: inline-block !important;
  vertical-align: top;
}

#content .dropdown .fa {
  margin-right: 5px;
}

#content .dropdown a {
  text-decoration: none !important;
}

#content .dropdown .dropdown-label,
#content .dropdown .dropdown-label:visited {
  display: block;
  line-height: 20px;
  font-size: inherit !important;
}

#content .dropdown .dropdown-menu {
  display: none;
  position: absolute;
  overflow: hidden;
  z-index: 1000;
  min-width: 100%;
  box-sizing: border-box;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #d0d0d0;
}

#content .dropdown .dropdown-menu a {
  display: block;
  line-height: inherit;
  padding: 10px 14px;
  color: #4b4b4b;
  white-space: nowrap;
}

#content .dropdown .dropdown-menu a:hover {
  background: #ededed;
  color: #e20074;
}

#content .dropdown.opened .dropdown-menu {
  display: block;
}

#content .wiki h1 {
  margin: 10px 0;
  font-size: 52px;
  color: #e20074;
}

#content .wiki h2 {
  font-size: 48px;
  margin: 10px 0;
  color: #e20074;
  line-height: 110%;
}

#content .wiki h3 {
  margin-top: 30px;
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 8px;
}

#content .wiki p.perex {
  font-size: 24px;
  margin: 10px 0;
}

@media screen and (min-width: 761px) {
  #content .wiki-article {
    display: inline;
    float: left;
    width: 620px;
  }
}

#content .wiki-article h3 + p,
#content .wiki-article h4 + p,
#content .wiki-article h4 + table {
  margin-top: 0;
}

#content .wiki-content-links {
  padding-left: 0;
}

#content .wiki-content-links ul {
  padding-left: 20px;
}

#content .wiki-content-links li {
  list-style-type: none;
}

@media screen and (min-width: 761px) {
  #content .wiki-aside {
    display: inline;
    float: left;
    width: 300px;
    margin: 0 10px;
  }
}

#content .wiki-aside .wiki-aside-box {
  *zoom: 1;
  overflow: hidden;
}

@media screen and (min-width: 761px) {
  #content .wiki-aside .wiki-aside-box {
    border: 1px solid #d0d0d0;
    padding: 19px 19px 0 19px;
    margin-bottom: 20px;
  }
}

#content .wiki-aside .wiki-aside-box:before,
#content .wiki-aside .wiki-aside-box:after {
  content: '';
  display: table;
}

#content .wiki-aside .wiki-aside-box:after {
  clear: both;
}

@media screen and (min-width: 761px) {
  #content .wiki-aside h3 {
    font-size: 24px;
    margin-top: 0;
    border: 0;
    padding-bottom: 0;
  }
}

#content .wiki-aside .image-link,
#content .wiki-aside .video-link {
  line-height: 0;
  display: block;
  float: left;
  margin-bottom: 20px;
}

#content .wiki-aside .image-link.image-half-width:nth-child(odd) {
  margin-right: 20px;
}

#content .wiki-aside .image-link.image-full-width {
  margin-right: 20px;
}

@media screen and (min-width: 761px) {
  #content .wiki-aside .image-link.image-full-width {
    margin-right: 0;
  }
}

#content .wiki-image-with-text {
  padding-top: 10px;
}

#content .wiki-image-with-text h4 {
  margin-top: 10px;
}

#content #wikiToc a[title='H4'] {
  padding-left: 20px;
}

@media screen and (min-width: 761px) {
  #content .wiki-image-with-text h4 {
    margin-top: -3px;
  }
}

@media screen and (min-width: 761px) {
  #content .wiki-image-before-text {
    display: inline;
    float: left;
    width: 140px;
    margin: 0 10px;
    margin-left: 0;
  }
}

@media screen and (min-width: 761px) {
  #content .wiki-text-after-image {
    display: inline;
    float: left;
    width: 460px;
    margin: 0 10px;
    margin-right: 0;
  }
}

#content #unselectedTypes,
#content #selectedTypes {
  border: 1px solid #ccc;
  width: 267px;
  min-height: 20px;
  list-style-type: none;
  margin: 0;
  padding: 5px 0 0 0;
  margin-right: 10px;
  height: 200px;
  overflow-y: scroll;
}

#content #unselectedTypes li,
#content #selectedTypes li {
  margin: 0 5px 5px 5px;
  padding: 5px;
  width: 230px;
}

#content .clearBoth {
  clear: both;
}

#content .docViewTypeDiv {
  float: left;
}

#content .refOffers_container,
#content .fileicon {
  right: 0;
  margin-top: 10px;
  line-height: 24px;
  font-size: 24px;
}

#content .refOffers_link {
  padding-left: 30px;
}

#content .refOffers_fa {
  margin-left: -30px;
}

#content .refOffers_fa,
#content .refOffers_hspacer {
  display: inline-block;
  float: left;
}

#content .refOffers_hspacer {
  width: 76px;
  height: 36px;
}

#content .refOffers_vspacer {
  width: 10px;
  height: 12px;
}

#content .refOffers_link,
#content .refOffers_fa {
  line-height: 36px;
}

#content .refOffers_fa {
  font-size: 18px;
  width: 30px;
  text-align: left;
  color: #e20074;
}

#content #referenceOffers {
  font-size: 24px;
}

#content #referenceOffers .descriptionText {
  line-height: 24px;
  margin: 15px 0;
}

#content .refOffers_fileicon {
  padding-left: 80px;
  padding-top: 15px;
  min-height: 41px;
  background-image: url('/theme/stwbmain/images/stwb/icon-file-pdf.png');
  background-repeat: no-repeat;
  margin-bottom: 10px;
}

#content .refOffers_fileicon .refOffers_link {
  line-height: 24px;
  padding-left: 0;
  margin-bottom: 10px;
}

#content .refOffers_fileicon .refOffers_link .column.desc {
  width: 240px;
}

#content .refOffers_fileicon.word {
  background-image: url('/theme/stwbmain/images/stwb/icon-file-word.png');
}

#content .refOffers_fileicon.excel {
  background-image: url('/theme/stwbmain/images/stwb/icon-file-excel.png');
}

#content .refOffers_clear {
  clear: both;
}

#content .openOrder-ib-body {
  background: #ededed;
  padding-top: 50px;
  padding-left: 80px;
  padding-bottom: 60px;
  padding-right: 80px;
  width: 60%;
  margin: 35px auto 0;
}

#content #openOrderSubmit {
  background: #e20074;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  font-family: TeleGrotesk, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-shadow: none;
  text-transform: uppercase;
}

#content .openOrder-dataRow-label {
  width: 160px;
}

#content .shoppingScenario-dataRow-input {
  width: 300px;
}

#content .shoppingScenario-dataRow-input input {
  width: 100%;
}

#content .message-block.error p .open-order-error:not(:last-child):after {
  content: ',';
}

@media (max-width: 599px) {
  #content .openOrder-dataRow-label {
    display: block;
  }
  #content .shoppingScenario-dataRow-input {
    display: block;
  }
  #content .openOrder-ib-body {
    padding-top: 30px;
    padding-left: 20px;
    padding-bottom: 30px;
    padding-right: 20px;
    width: 90%;
  }
}

@media (min-width: 600px) and (max-width: 800px) {
  #content .openOrder-ib-body {
    padding-top: 30px;
    padding-left: 40px;
    padding-bottom: 30px;
    padding-right: 40px;
    width: 80%;
  }
}

#content .tooltip-container {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2000000,endColorstr=#f2000000);
  *zoom: 1;
  background: rgba(0, 0, 0, 0.95);
  color: white;
  border-color: black;
  font-size: 18px;
  padding: 15px;
  line-height: 20px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

#content .qtip-content {
  padding: 0;
}

#content .tooltiptext ul {
  list-style: disc outside;
  margin: 0;
  margin-left: 20px;
}

#content .ps-container {
  overflow: hidden !important;
}

#content .ps-container.ps-active-x > .ps-scrollbar-x-rail,
#content .ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
}

#content .ps-container.ps-in-scrolling {
  pointer-events: none;
}

#content .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

#content .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}

#content .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

#content .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}

#content .ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  -moz-transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  -o-transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  bottom: 3px;
  height: 8px;
}

#content .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  bottom: 0;
  height: 8px;
}

#content .ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  -moz-transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  -o-transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  right: 3px;
  width: 8px;
}

#content .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  right: 0;
  width: 8px;
}

#content .ps-container:hover.ps-in-scrolling {
  pointer-events: none;
}

#content .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

#content .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}

#content .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

#content .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}

#content .ps-container:hover > .ps-scrollbar-x-rail,
#content .ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
}

#content .ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

#content .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999;
}

#content .ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

#content .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999;
}

#content .partnersForm {
  background: #ededed;
  margin-top: 10px;
  padding: 20px;
  line-height: 46px;
  overflow: visible;
  font-size: 0;
}

#content .partnersForm .partnersForm-label {
  vertical-align: middle;
  display: inline-block;
  font-family: TeleGrotesk, Arial, Helvetica, Verdana, sans-serif;
  font-size: 24px;
  color: #4b4b4b;
  width: 140px;
}

#content .partnersForm .partnersForm-inputBlock {
  vertical-align: middle;
  display: inline-block;
  height: 46px;
}

#content .partnersForm .partnersForm-input {
  display: inline-block;
  min-width: 260px;
  max-width: 300px;
  margin: 0 20px 0 0;
  height: 46px;
  color: #4b4b4b;
  font-size: 18px;
  vertical-align: middle;
  line-height: 18px;
}

#content .partnersForm .partnersForm-submit {
  vertical-align: middle;
  display: inline-block;
  width: 120px;
  margin: 0;
  height: 46px;
}

#content .partnersForm .partnersForm-input input {
  width: 100%;
  height: 36px;
  margin: 5px 0 5px 0;
}

#content .partnersForm .partnersForm-submit input[type='submit'] {
  width: 120px;
  height: 100%;
  background: #e20074;
  color: #fff;
  font-family: TeleGrotesk, Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-shadow: none;
  text-transform: uppercase;
}

#content .partnerSection {
  margin-top: 50px;
  width: 100%;
  display: table;
  table-layout: auto;
  border-collapse: collapse;
  color: #4b4b4b;
  font-family: TeleGrotesk, Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-heght: 24px;
}

#content .partnerSection .partner-container {
  display: table-row;
  border: 1px solid #ededed;
}

#content .partnerSection .partner-container .partner-info {
  display: table-cell;
  width: 640px;
  padding: 7px 10px 17px 10px;
}

#content .partnerSection .partner-container .partner-info span:nth-child(1) {
  display: block;
  color: #e20074;
}

#content .partnerSection .partner-container .partner-info span:nth-child(2) {
  display: block;
}

#content .partnerSection .partner-container .partner-purpose {
  display: table-cell;
  padding: 7px 10px 17px 0;
}

#content .partner-container:hover {
  background: #fffae5;
}

@media (min-width: 600px) and (max-width: 800px) {
  #content .partnersForm .partnersForm-label {
    vertical-align: top;
  }
  #content .partnersForm .partnersForm-inputBlock {
    vertical-align: baseline;
    display: inline-block;
  }
  #content .partnersForm .partnersForm-inputBlock .partnersForm-input {
    vertical-align: baseline;
    display: block;
  }
  #content .partnersForm .partnersForm-submit {
    vertical-align: baseline;
    width: auto;
    display: block;
    text-align: right;
  }
  #content .partnerSection .partner-info {
    width: 300px;
  }
  #content .partnerSection .partner-purpose {
    width: 220px;
  }
}

@media (max-width: 600px) {
  #content .partnersForm {
    line-height: auto;
  }
  #content .partnersForm .partnersForm-label {
    vertical-align: top;
  }
  #content .partnersForm .partnersForm-inputBlock {
    vertical-align: baseline;
    display: inline-block;
  }
  #content .partnersForm .partnersForm-inputBlock .partnersForm-input {
    vertical-align: baseline;
    max-width: 300px;
    display: block;
    margin-right: 0;
  }
  #content .partnersForm .partnersForm-inputBlock .partnersForm-input:nth-child(1) {
    margin-top: 0;
  }
  #content .partnersForm .partnersForm-submit {
    vertical-align: baseline;
    width: auto;
    display: block;
    text-align: right;
  }
  #content .partnerSection .partner-container .partner-info {
    width: 100%;
    display: block;
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #content .partnerSection .partner-container .partner-purpose {
    display: block;
    width: 100%;
    font-size: 18px;
    text-align: right;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (min-width: 801px) {
  #content .partnersForm .partnersForm-inputBlock .partnersForm-input {
    width: 300px;
  }
}

#content .articlesForm {
  background: #ededed;
  margin-top: 10px;
  padding: 20px;
  line-height: 46px;
  overflow: visible;
  font-size: 0;
}

#content .articlesForm .articlesForm-label {
  vertical-align: middle;
  display: inline-block;
  font-family: TeleGrotesk, Arial, Helvetica, Verdana, sans-serif;
  font-size: 24px;
  color: #4b4b4b;
  width: 140px;
}

#content .articlesForm .articlesForm-inputBlock {
  vertical-align: middle;
  display: inline-block;
  height: 46px;
}

#content .articlesForm .articlesForm-input {
  display: inline-block;
  min-width: 260px;
  max-width: 300px;
  margin: 0 20px 0 0;
  height: 46px;
  font-size: 18px;
  color: #4b4b4b;
  vertical-align: middle;
  line-height: 18px;
}

#content .articlesForm .articlesForm-submit {
  vertical-align: middle;
  display: inline-block;
  width: 120px;
  margin: 0;
  height: 46px;
}

#content .articlesForm .articlesForm-submit input[type='submit'] {
  width: 120px;
  height: 100%;
  background: #e20074;
  color: #fff;
  font-family: TeleGrotesk, Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-shadow: none;
  text-transform: uppercase;
}

#content .articleSection {
  margin-top: 50px;
  width: 100%;
  display: block;
  color: #4b4b4b;
  font-family: TeleGrotesk, Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-heght: 24px;
}

#content .articleSection .article-container {
  display: block;
  border: 1px solid #ededed;
  padding: 7px 10px 17px 10px;
}

#content .articleSection .article-highlight {
  background: #fffae5;
}

@media (min-width: 600px) and (max-width: 800px) {
  #content .articlesForm .articlesForm-label {
    vertical-align: top;
  }
  #content .articlesForm .articlesForm-inputBlock {
    vertical-align: baseline;
    display: inline-block;
  }
  #content .articlesForm .articlesForm-inputBlock .articlesForm-input {
    vertical-align: baseline;
    display: block;
  }
  #content .articlesForm .articlesForm-submit {
    vertical-align: baseline;
    width: auto;
    display: block;
    text-align: right;
  }
}

@media (max-width: 600px) {
  #content .articlesForm {
    line-height: auto;
  }
  #content .articlesForm .articlesForm-label {
    vertical-align: top;
  }
  #content .articlesForm .articlesForm-inputBlock {
    vertical-align: baseline;
    display: inline-block;
  }
  #content .articlesForm .articlesForm-inputBlock .articlesForm-input {
    vertical-align: baseline;
    max-width: 300px;
    display: block;
    margin-right: 0;
  }
  #content .articlesForm .articlesForm-inputBlock .articlesForm-input:nth-child(1) {
    margin-top: 0;
  }
  #content .articlesForm .articlesForm-submit {
    vertical-align: baseline;
    width: auto;
    display: block;
    text-align: right;
  }
}

@media (min-width: 801px) {
  #content .articlesForm .articlesForm-inputBlock .articlesForm-input {
    width: 300px;
  }
}

#content .heapBox {
  clear: both;
  display: inline-block;
  font-family: TeleGrotesk, Arial, Helvetica, Verdana, sans-serif;
  font-size: inherit;
  position: relative;
  width: 100%;
  height: 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 5px 0;
}

#content .heapBox * {
  margin: 0;
  padding: 0;
  outline: 0;
}

#content .heapBox.disabled .holder {
  background: #d0d0d0;
}

#content .heapBox.disabled .handler {
  background: #d0d0d0;
}

#content .heapBox a {
  text-decoration: none;
  color: #4b4b4b;
}

#content .heapBox .holder {
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
  background: white;
  height: 100%;
  min-height: 36px;
  font-size: inherit;
  text-overflow: ellipsis;
  border: 1px solid #a4a4a4;
  border-right: 0;
  line-height: 18px;
  padding: 8px 10px 8px 9px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#content .filter-sorting-wrapper .heapBox .holder {
  width: 160px;
  text-align: left;
}

#content .filter .filter-sorting #heapbox_filter-sorting.heapBox .handler {
  width: 20px;
}

#content .heapBox .handler {
  width: 10%;
  background: white;
  height: 100%;
  border: 1px solid #a4a4a4;
  border-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#content .heapBox .handler:after {
  content: '\f107';
  display: block;
  position: absolute;
  top: 16px;
  right: 18px;
  width: 0;
  height: 0;
  line-height: 0;
  font-family: FontAwesome;
  font-size: 22px;
  color: #383838;
}

#content .heapBox.open .handler:after {
  content: '\f106';
  display: block;
  position: absolute;
  top: 16px;
  right: 18px;
  width: 0;
  height: 0;
  line-height: 0;
  font-family: FontAwesome;
  font-size: 22px;
  color: #383838;
}

#content .heapBox.open {
  height: 46px;
  margin: 0;
}

#content .heapBox.open .holder {
  padding: 13px 0 13px 9px;
}

#content .heapBox .holder,
#content .heapBox .handler {
  float: left;
  position: relative;
  z-index: 500;
}

#content .filter .filter-sorting #heapbox_filter-sorting.heapBox div.heap {
  width: 180px;
}

#content .heapBox div.heap {
  display: none;
  position: absolute;
  list-style-type: none;
  left: 0;
  width: 100%;
  top: 90%;
  overflow: hidden;
  background: white;
  border: 1px solid #a4a4a4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 0;
  z-index: 501;
  font-size: inherit;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

#content .heapBox div.heap:before {
  position: absolute;
  top: 0;
  left: 3%;
  display: block;
  content: '';
  border-top: 1px solid #d0d0d0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 1px;
  width: 94%;
  z-index: 510;
}

#content .heapBox .heap .heapOptions {
  display: block;
  overflow: hidden;
  z-index: 505;
  position: relative;
  margin: 0;
  font-size: inherit;
}

#content .heapBox .heap a.sliderUp {
  display: table;
  width: 100%;
  height: 25px;
  background: white;
  position: absolute;
  top: 0;
  z-index: 510;
  line-height: 18px;
  text-decoration: none;
}

#content .heapBox .heap a.sliderUp:before {
  content: '\f077';
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 19px;
  color: #a4a4a4;
  font-family: FontAwesome;
  font-size: 18px;
}

#content .heapBox .heap a.sliderDown {
  display: table;
  width: 100%;
  height: 25px;
  background: white;
  position: absolute;
  bottom: 0;
  z-index: 510;
  line-height: 18px;
  text-decoration: none;
}

#content .heapBox .heap a.sliderDown:before {
  content: '\f078';
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 19px;
  color: #a4a4a4;
  font-family: FontAwesome;
  font-size: 18px;
}

#content .heapBox .heap .heapOptions .heapOption {
  z-index: 505;
  position: relative;
  display: block;
  font-size: inherit;
  background-color: inherit;
  margin: 0;
  padding: 0;
}

#content .heapBox .heap .heapOptions .heapOption a {
  width: 100%;
  display: block;
  padding: 9px;
  line-height: 85%;
  font-size: inherit;
}

#content .heapBox .heap .heapOptions .heapOption a:hover {
  background: #ededed;
}

#content .heapBox .heap .heapOptions .heapOption a.selected {
  color: #e20074;
}

#content .heapBox .heap .heapOptions .heapOption a.disabled {
  color: #d0d0d0;
}

#content .heapBox a.holder,
#content .heapBox .heap .heapOptions .heapOption a {
  text-decoration: none;
  color: #4b4b4b;
}

#content .clearfix {
  zoom: 1;
}

#content .clearfix:before,
#content .clearfix:after {
  content: '\0020';
  display: block;
  height: 0;
  overflow: hidden;
}

#content .clearfix:after {
  clear: both;
}

#content .radius-reset {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#content .list-reset {
  margin: 0;
  padding: 0;
  list-style: none;
}

#content .list-reset li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#content .fa-at:before {
  content: '@';
  font-family: 'Myriad Pro', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
  font-weight: bold;
  font-size: 115%;
}

#content body,
#content html {
  height: 100%;
  min-height: 100%;
}

#content body {
  position: relative;
}

#content .waterbear-theme a {
  color: #007faf;
  text-decoration: underline;
}

#content .waterbear-theme a.not-link {
  color: #007faf;
  text-decoration: none;
}

#content .waterbear-theme a.not-link:hover {
  text-decoration: none;
}

#content .main-search-container {
  position: relative;
  display: block;
}

#content .main-search-container input[type='text'] {
  height: 44px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 3px 50px 3px 15px;
  background-color: #ededed;
  background-image: none;
  color: #a4a4a4;
  font-size: 24px;
}

#content .main-search-container .search-icon {
  position: absolute;
  background: transparent url('/theme/stwbmain/images/stwb/icon-search.png') no-repeat;
  display: block;
  width: 26px;
  height: 26px;
  top: 8px;
  right: 10px;
}

#content .main-search-container #wikiSearchForm .search-icon:hover {
  cursor: pointer;
}

#content * > body {
  height: auto;
}

@media screen and (max-width: 961px) {
  #content #content {
    width: auto;
  }
}

@media screen and (max-width: 961px) {
  #content #header-menu .menu-container {
    width: auto;
  }
}

#content #header-menu .main-search-container {
  top: -66px;
}

#content #header-menu .menu-top > ul {
  display: block;
}

#content #header-menu .menu-top > ul > li {
  height: 30px;
  line-height: 30px;
  padding: 0;
  display: block;
  float: left;
  position: relative;
}

#content #header-menu .menu-top > ul > li:before {
  content: ' ';
  width: 1px;
  height: 18px;
  background: #d0d0d0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#content #header-menu .menu-top > ul > li > a {
  height: 30px;
  line-height: 30px;
  color: #e10073;
  padding: 0 15px;
}

#content #header-menu .menu-top > ul > li > a:hover {
  color: #6c6c6c;
}

#content #header-menu .menu-top > ul > li.shoppingCart > a {
  width: 50px;
  background: url(/theme/stwbmain/images/style/menu-top.png) no-repeat 0 2px;
  text-align: center;
}

#content #header-menu .menu-top > ul > li.shoppingCart > a i {
  width: 12px;
  height: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  display: inline-block;
  background: #d0d0d0;
  display: inline-block;
  min-width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  font-size: 9px;
  margin: 3px 0 0 3px;
}

#content #header-menu .menu-top > ul > li.shoppingCart > a span {
  display: none;
}

#content #header-menu .menu-top > ul > li.shoppingCart > a:hover {
  background-position: 0 -28px;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul {
  display: none;
  position: absolute;
  width: 298px;
  border: 1px solid #d0cfcf;
  top: 40px;
  right: -1px;
  font-size: 18px;
  line-height: 1.2;
  padding: 5px 10px;
  color: #6c6c6c;
  background: white;
  background: rgba(255, 255, 255, 0.85);
}

#content #header-menu .menu-top > ul > li.shoppingCart ul:before {
  content: ' ';
  display: block;
  position: absolute;
  height: 12px;
  right: 13px;
  top: -12px;
  width: 20px;
  background: url(/theme/stwbmain/images/style/tabs-arrow-up.png) no-repeat 0 0;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li {
  display: table-row;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li > div {
  display: table-cell;
  vertical-align: middle;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price-label {
  width: 199px;
  text-align: left;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price-label strong,
#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price-label .fa {
  font-weight: normal;
  color: #e10073;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price-label .fa {
  width: 30px;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price-label .picture {
  display: block;
  float: left;
  clear: left;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price-label-special {
  color: #a4a4a4;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price {
  width: 99px;
  text-align: right;
  color: black;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price sup {
  line-height: 15px;
  font-size: 10px;
  vertical-align: middle;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price .other-price {
  color: #a4a4a4;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price .other-price:before {
  content: '+';
  text-align: center;
  padding-right: 24px;
  line-height: 12px;
  margin: -3px 0;
  display: block;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price .price-type {
  width: 24px;
  font-size: 10px;
  line-height: 1;
  margin: 0 5px;
  display: inline-block;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  position: relative;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price .price-type:before,
#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price .price-type:after {
  font-size: 18px;
  line-height: 22px;
  margin-top: -11px;
  width: 5px;
  position: absolute;
  top: 50%;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price .price-type:before {
  content: '(';
  left: -5px;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price .price-type:after {
  content: ')';
  right: -5px;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price-none {
  color: #007faf;
  text-transform: uppercase;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li > div.price-special {
  color: #889130;
  text-transform: uppercase;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li.separator {
  display: block;
  height: 1px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  border: 0 none;
  margin: 5px -10px;
  background: #d0cfcf;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li.button-line {
  text-align: center;
  display: block;
  padding: 6px 0;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li.button-line .button {
  color: white;
  display: inline-block;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li.price-picture-wrapper > div.price-picture {
  width: 75px;
}

#content #header-menu .menu-top > ul > li.shoppingCart ul li.price-picture-wrapper > div.price-label {
  width: 124px;
}

#content #header-menu .menu-top > ul > li.profile a {
  padding: 0 40px 0 15px;
  position: relative;
}

#content #header-menu .menu-top > ul > li.profile a:after,
#content #header-menu .menu-top > ul > li.profile a img {
  width: 25px;
  height: 30px;
  display: inline-block;
  content: ' ';
  background: url(/theme/stwbmain/images/style/menu-top.png) no-repeat -58px -1px;
  position: absolute;
  top: 0;
  right: 15px;
}

#content #header-menu .menu-top > ul > li.profile a:hover:after {
  background-position: -58px -29px;
}

#content #header-menu .menu-top > ul > li.profile a img {
  width: 20px;
  height: 20px;
  top: 5px;
  right: 12px;
}

#content #header-menu .menu-top > ul > li.profile.profile-unknow a {
  padding: 0 15px 0 40px;
}

#content #header-menu .menu-top > ul > li.profile.profile-unknow a:after {
  left: 6px;
  right: auto;
}

#content #header-menu .menu-top > ul > li.profile.profile-avatar a:after {
  display: none;
}

#content .sidr-class-shoppingCart a i,
#content .sidr-class-shoppingCart a span {
  display: inline;
}

#content .sidr-class-shoppingCart a i {
  color: #a4a4a4;
}

#content .sidr-class-shoppingCart a i:before {
  content: '(';
}

#content .sidr-class-shoppingCart a i:after {
  content: ')';
}

#content .sidr-class-shoppingCart ul {
  display: none;
}

#content .sidr-class-menu-item a:hover {
  background: #6c6c6c;
}

#content .sidr-class-menu-item > a:hover {
  background: #bbb;
}

#content .sidr-class-menu-item.sidr-class-active > a:hover {
  background: #f6f6f6;
}

#content .sidr-class-menu-top ul li a:hover {
  background: #f6f6f6;
}

#content .sidr-class-menu-top ul li a:hover:after {
  background-color: #ddd;
}

@media screen and (max-width: 960px) {
  #content .portlet-body {
    padding: 0 10px;
  }
}

#content textarea.required {
  background-image: url(/theme/stwbmain/images/forms/required.png);
  background-repeat: repeat-y;
  background-position: 0 0;
  padding-left: 10px;
}

#content .clearfix,
#content .horizontal-tabs .tabs-navi,
#content .portlet-body .journal-content-article .box-article,
#content .portlet-body .journal-content-article .box-gallery,
#content .portlet-body .journal-content-article .box-masonry,
#content .portlet-body .box-tool ul,
#content .footer-top,
#content .footer-bottom,
#content .footer-links,
#content .footer-links ul ul,
#content .footer-copyright,
#content .catalogue .products,
#content .catalogue .products li .prices,
#content .filter .filter-top,
#content .filter .filter-box .filter-box-inner,
#content .filter .filter-box.filter-box-range .group,
#content .product-detail .top,
#content .product-detail .pictures .thumbs .items,
#content .product-detail .links,
#content .product-detail .price-box,
#content .product-detail .title-menu,
#content .product-detail .base-specification {
  zoom: 1;
}

#content .clearfix:before,
#content .horizontal-tabs .tabs-navi:before,
#content .portlet-body .journal-content-article .box-article:before,
#content .portlet-body .journal-content-article .box-gallery:before,
#content .portlet-body .journal-content-article .box-masonry:before,
#content .portlet-body .box-tool ul:before,
#content .footer-top:before,
#content .footer-bottom:before,
#content .footer-links:before,
#content .footer-links ul ul:before,
#content .footer-copyright:before,
#content .catalogue .products:before,
#content .catalogue .products li .prices:before,
#content .filter .filter-top:before,
#content .filter .filter-box .filter-box-inner:before,
#content .filter .filter-box.filter-box-range .group:before,
#content .product-detail .top:before,
#content .product-detail .pictures .thumbs .items:before,
#content .product-detail .links:before,
#content .product-detail .price-box:before,
#content .product-detail .title-menu:before,
#content .product-detail .base-specification:before,
#content .clearfix:after,
#content .horizontal-tabs .tabs-navi:after,
#content .portlet-body .journal-content-article .box-article:after,
#content .portlet-body .journal-content-article .box-gallery:after,
#content .portlet-body .journal-content-article .box-masonry:after,
#content .portlet-body .box-tool ul:after,
#content .footer-top:after,
#content .footer-bottom:after,
#content .footer-links:after,
#content .footer-links ul ul:after,
#content .footer-copyright:after,
#content .catalogue .products:after,
#content .catalogue .products li .prices:after,
#content .filter .filter-top:after,
#content .filter .filter-box .filter-box-inner:after,
#content .filter .filter-box.filter-box-range .group:after,
#content .product-detail .top:after,
#content .product-detail .pictures .thumbs .items:after,
#content .product-detail .links:after,
#content .product-detail .price-box:after,
#content .product-detail .title-menu:after,
#content .product-detail .base-specification:after {
  content: '\0020';
  display: block;
  height: 0;
  overflow: hidden;
}

#content .clearfix:after,
#content .horizontal-tabs .tabs-navi:after,
#content .portlet-body .journal-content-article .box-article:after,
#content .portlet-body .journal-content-article .box-gallery:after,
#content .portlet-body .journal-content-article .box-masonry:after,
#content .portlet-body .box-tool ul:after,
#content .footer-top:after,
#content .footer-bottom:after,
#content .footer-links:after,
#content .footer-links ul ul:after,
#content .footer-copyright:after,
#content .catalogue .products:after,
#content .catalogue .products li .prices:after,
#content .filter .filter-top:after,
#content .filter .filter-box .filter-box-inner:after,
#content .filter .filter-box.filter-box-range .group:after,
#content .product-detail .top:after,
#content .product-detail .pictures .thumbs .items:after,
#content .product-detail .links:after,
#content .product-detail .price-box:after,
#content .product-detail .title-menu:after,
#content .product-detail .base-specification:after {
  clear: both;
}

#content .radius-reset,
#content .waterbear-theme .button,
#content .waterbear-theme .page a.button,
#content .waterbear-theme input[type='submit'],
#content .waterbear-theme input[type='button'],
#content .waterbear-theme input[type='reset'],
#content .waterbear-theme button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#content .list-reset,
#content .vertical-tabs .tabs-navi,
#content .horizontal-tabs .tabs-navi,
#content .content-menu,
#content .list-arrow,
#content .list-square,
#content .list-number,
#content .list-number-gray,
#content .accordion,
#content ul.actions,
#content ul.paging,
#content .portlet-body .box-tool ul,
#content .catalogue .products,
#content .filter .filter-category,
#content .filter .filter-navigation,
#content .product-detail .top-params,
#content .product-detail .title-menu ul,
#content .rating-sortingRules ul,
#content .faq-questions > ul,
#content .faq .faq-categories,
#content .faq .faq-subcategories ul,
#content .faq .faq-not-found .group.group-files ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#content .list-reset li,
#content .vertical-tabs .tabs-navi li,
#content .horizontal-tabs .tabs-navi li,
#content .content-menu li,
#content .list-arrow li,
#content .list-square li,
#content .list-number li,
#content .list-number-gray li,
#content .accordion li,
#content ul.actions li,
#content ul.paging li,
#content .portlet-body .box-tool ul li,
#content .catalogue .products li,
#content .filter .filter-category li,
#content .filter .filter-navigation li,
#content .product-detail .top-params li,
#content .product-detail .title-menu ul li,
#content .rating-sortingRules ul li,
#content .faq-questions > ul > li,
#content .faq .faq-categories li,
#content .faq .faq-subcategories ul li,
#content .faq .faq-not-found .group.group-files ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#content .waterbear-theme hr {
  background: #6c6c6c;
  height: 1px;
  overflow: hidden;
  width: 100%;
  display: block;
  margin: 20px 0;
  border: 0 none;
}

#content .waterbear-theme .button,
#content .waterbear-theme .page a.button,
#content .waterbear-theme input[type='submit'],
#content .waterbear-theme input[type='button'],
#content .waterbear-theme input[type='reset'],
#content .waterbear-theme button {
  text-shadow: 0 0 #fff;
  box-sizing: border-box;
  height: 45px;
  line-height: 45px;
  color: white;
  background: #e10073;
  border: 1px solid #e10073;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  padding: 0 10px;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px;
}

#content .waterbear-theme .button + .waterbear-theme .button,
#content .waterbear-theme .page a.button + .waterbear-theme .button,
#content .waterbear-theme input[type='submit'] + .waterbear-theme .button,
#content .waterbear-theme input[type='button'] + .waterbear-theme .button,
#content .waterbear-theme input[type='reset'] + .waterbear-theme .button,
#content .waterbear-theme button + .waterbear-theme .button,
#content .waterbear-theme .button + .waterbear-theme .page a.button,
#content .waterbear-theme .page a.button + .waterbear-theme .page a.button,
#content .waterbear-theme input[type='submit'] + .waterbear-theme .page a.button,
#content .waterbear-theme input[type='button'] + .waterbear-theme .page a.button,
#content .waterbear-theme input[type='reset'] + .waterbear-theme .page a.button,
#content .waterbear-theme button + .waterbear-theme .page a.button,
#content .waterbear-theme .button + .waterbear-theme input[type='submit'],
#content .waterbear-theme .page a.button + .waterbear-theme input[type='submit'],
#content .waterbear-theme input[type='submit'] + .waterbear-theme input[type='submit'],
#content .waterbear-theme input[type='button'] + .waterbear-theme input[type='submit'],
#content .waterbear-theme input[type='reset'] + .waterbear-theme input[type='submit'],
#content .waterbear-theme button + .waterbear-theme input[type='submit'],
#content .waterbear-theme .button + .waterbear-theme input[type='button'],
#content .waterbear-theme .page a.button + .waterbear-theme input[type='button'],
#content .waterbear-theme input[type='submit'] + .waterbear-theme input[type='button'],
#content .waterbear-theme input[type='button'] + .waterbear-theme input[type='button'],
#content .waterbear-theme input[type='reset'] + .waterbear-theme input[type='button'],
#content .waterbear-theme button + .waterbear-theme input[type='button'],
#content .waterbear-theme .button + .waterbear-theme input[type='reset'],
#content .waterbear-theme .page a.button + .waterbear-theme input[type='reset'],
#content .waterbear-theme input[type='submit'] + .waterbear-theme input[type='reset'],
#content .waterbear-theme input[type='button'] + .waterbear-theme input[type='reset'],
#content .waterbear-theme input[type='reset'] + .waterbear-theme input[type='reset'],
#content .waterbear-theme button + .waterbear-theme input[type='reset'],
#content .waterbear-theme .button + .waterbear-theme button,
#content .waterbear-theme .page a.button + .waterbear-theme button,
#content .waterbear-theme input[type='submit'] + .waterbear-theme button,
#content .waterbear-theme input[type='button'] + .waterbear-theme button,
#content .waterbear-theme input[type='reset'] + .waterbear-theme button,
#content .waterbear-theme button + .waterbear-theme button {
  margin-left: 10px;
}

#content .waterbear-theme .button:hover,
#content .waterbear-theme .page a.button:hover,
#content .waterbear-theme input[type='submit']:hover,
#content .waterbear-theme input[type='button']:hover,
#content .waterbear-theme input[type='reset']:hover,
#content .waterbear-theme button:hover {
  border-color: #9f0052;
  background: #cc0069;
  color: white;
}

#content .waterbear-theme .button:active,
#content .waterbear-theme .button:focus,
#content .waterbear-theme .page a.button:active,
#content .waterbear-theme .page a.button:focus,
#content .waterbear-theme input[type='submit']:active,
#content .waterbear-theme input[type='submit']:focus,
#content .waterbear-theme input[type='button']:active,
#content .waterbear-theme input[type='button']:focus,
#content .waterbear-theme input[type='reset']:active,
#content .waterbear-theme input[type='reset']:focus,
#content .waterbear-theme button:active,
#content .waterbear-theme button:focus {
  background: #e0005d;
  border-color: #b5005d;
  color: white;
}

#content .waterbear-theme .button.disabled,
#content .waterbear-theme .page a.button.disabled,
#content .waterbear-theme input[type='submit'].disabled,
#content .waterbear-theme input[type='button'].disabled,
#content .waterbear-theme input[type='reset'].disabled,
#content .waterbear-theme button.disabled,
#content .waterbear-theme .button.disabled:hover,
#content .waterbear-theme .page a.button.disabled:hover,
#content .waterbear-theme input[type='submit'].disabled:hover,
#content .waterbear-theme input[type='button'].disabled:hover,
#content .waterbear-theme input[type='reset'].disabled:hover,
#content .waterbear-theme button.disabled:hover {
  background-color: #dcdcdc;
  border-color: #d0d0d0;
  color: #d0d0d0;
  cursor: default;
}

#content .waterbear-theme .button.button-gray,
#content .waterbear-theme .page a.button.button-gray,
#content .waterbear-theme input[type='submit'].button-gray,
#content .waterbear-theme input[type='button'].button-gray,
#content .waterbear-theme input[type='reset'].button-gray,
#content .waterbear-theme button.button-gray {
  background: #7c7c7c;
  border-color: #7c7c7c;
}

#content .waterbear-theme .button.button-gray:hover,
#content .waterbear-theme .page a.button.button-gray:hover,
#content .waterbear-theme input[type='submit'].button-gray:hover,
#content .waterbear-theme input[type='button'].button-gray:hover,
#content .waterbear-theme input[type='reset'].button-gray:hover,
#content .waterbear-theme button.button-gray:hover {
  border-color: #4b4b4b;
}

#content .waterbear-theme .button.button-gray:active,
#content .waterbear-theme .page a.button.button-gray:active,
#content .waterbear-theme input[type='submit'].button-gray:active,
#content .waterbear-theme input[type='button'].button-gray:active,
#content .waterbear-theme input[type='reset'].button-gray:active,
#content .waterbear-theme button.button-gray:active {
  background: #969696;
  border-color: #4b4b4b;
}

#content .waterbear-theme .button.button-white,
#content .waterbear-theme .page a.button.button-white,
#content .waterbear-theme input[type='submit'].button-white,
#content .waterbear-theme input[type='button'].button-white,
#content .waterbear-theme input[type='reset'].button-white,
#content .waterbear-theme button.button-white {
  background: white;
  border-color: white;
  color: #007faf;
  text-decoration: underline;
  text-transform: none;
}

#content .waterbear-theme .button.button-white:hover,
#content .waterbear-theme .page a.button.button-white:hover,
#content .waterbear-theme input[type='submit'].button-white:hover,
#content .waterbear-theme input[type='button'].button-white:hover,
#content .waterbear-theme input[type='reset'].button-white:hover,
#content .waterbear-theme button.button-white:hover {
  border-color: white;
  text-decoration: none;
}

#content .waterbear-theme .button.button-white:active,
#content .waterbear-theme .page a.button.button-white:active,
#content .waterbear-theme input[type='submit'].button-white:active,
#content .waterbear-theme input[type='button'].button-white:active,
#content .waterbear-theme input[type='reset'].button-white:active,
#content .waterbear-theme button.button-white:active {
  text-decoration: none;
}

#content .waterbear-theme .button.button-low,
#content .waterbear-theme .page a.button.button-low,
#content .waterbear-theme input[type='submit'].button-low,
#content .waterbear-theme input[type='button'].button-low,
#content .waterbear-theme input[type='reset'].button-low,
#content .waterbear-theme button.button-low {
  line-height: 30px;
  height: 30px;
}

#content .waterbear-theme .button.button-lower,
#content .waterbear-theme .page a.button.button-lower,
#content .waterbear-theme input[type='submit'].button-lower,
#content .waterbear-theme input[type='button'].button-lower,
#content .waterbear-theme input[type='reset'].button-lower,
#content .waterbear-theme button.button-lower {
  line-height: 40px;
  height: 40px;
}

#content .waterbear-theme .button.button-big,
#content .waterbear-theme .page a.button.button-big,
#content .waterbear-theme input[type='submit'].button-big,
#content .waterbear-theme input[type='button'].button-big,
#content .waterbear-theme input[type='reset'].button-big,
#content .waterbear-theme button.button-big {
  line-height: 80px;
  height: 80px;
  font-size: 24px;
  padding: 0 19px;
}

#content .waterbear-theme .button.button-multiline,
#content .waterbear-theme .page a.button.button-multiline,
#content .waterbear-theme input[type='submit'].button-multiline,
#content .waterbear-theme input[type='button'].button-multiline,
#content .waterbear-theme input[type='reset'].button-multiline,
#content .waterbear-theme button.button-multiline {
  line-height: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
}

#content .big-icon {
  width: 90px;
  height: 90px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  display: inline-block;
  color: white;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
}

#content .big-icon:before {
  padding-top: 15px;
  display: inline-block;
  padding-top: 18px;
  font-family: FontAwesome;
}

#content .big-icon.big-icon-star {
  background-color: #889130;
}

#content .big-icon.big-icon-star:before {
  content: '\f005';
  padding-top: 16px;
}

#content .big-icon.big-icon-heart {
  background-color: #d90000;
}

#content .big-icon.big-icon-heart:before {
  content: '\f004';
}

#content .big-icon.big-icon-sale-30 {
  background-color: #53baf2;
  font-size: 36px;
  font-weight: 900;
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

#content .big-icon.big-icon-sale-30:before {
  content: '-30';
  padding-top: 15px;
  font-family: Arial !important;
}

#content .big-icon.big-icon-sale-30:after {
  content: '%';
  font-size: 22px;
  line-height: 40px;
  font-family: Arial !important;
}

#content .fancybox-overlay {
  background-image: url(/theme/stwbmain/images/style/fancybox_overlay_white.png);
}

#content .modal .fancybox-skin {
  background: #6c6c6c;
}

@media screen and (max-width: 960px) {
  #content .modal .fancybox-skin {
    background: white;
    padding: 0;
  }
}

#content .modal .fancybox-inner {
  background: white;
}

#content .modal .fancybox-close {
  top: -30px;
  right: -30px;
  width: 30px;
  height: 30px;
  background: url(/theme/stwbmain/images/style/icon-close.png) no-repeat center;
}

@media screen and (max-width: 960px) {
  #content .modal.modal-picture .fancybox-close {
    display: block;
  }
}

#content .modal .fancybox-nav span {
  background-image: none;
  padding: 10px;
  color: #e10073;
  margin: -22px 0 0;
  width: auto;
  height: auto;
}

#content .modal .fancybox-nav span:before {
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 1;
}

#content .modal .fancybox-next span {
  right: -50px;
}

#content .modal .fancybox-next span:before {
  content: '\f054';
}

#content .modal .fancybox-prev span {
  left: -50px;
}

#content .modal .fancybox-prev span:before {
  content: '\f053';
}

#content .modal .fancybox-title {
  background: gainsboro;
  font: inherit;
  color: #4b4b4b;
  font-size: 24px;
  line-height: 1.3;
  text-align: center;
  padding: 15px 10px;
}

#content .modal h2,
#content .modal h3,
#content .modal h4 {
  color: #e20074;
  line-height: 110%;
  margin: 10px 0;
}

#content .modal h2 {
  font-size: 48px;
}

#content .modal h3 {
  font-size: 36px;
}

#content .modal h4 {
  font-size: 24px;
  margin: 5px 0;
}

#content .modal-inner {
  padding: 35px;
  text-align: center;
  font-size: 24px;
  line-height: 1.3;
}

@media screen and (max-width: 960px) {
  #content .modal-inner {
    padding: 10px;
  }
}

#content .modal-inner .buttons {
  margin: 50px 0 0 0;
  text-align: right;
}

#content .modal-inner .buttons .modal-close {
  float: left;
}

@media screen and (max-width: 960px) {
  #content .modal-inner .buttons .modal-close {
    float: none;
    display: block;
    margin-top: 30px;
  }
}

@media screen and (max-width: 960px) {
  #content .modal-inner .buttons {
    text-align: center;
  }
}

#content .tbl {
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  margin: 20px 0;
  width: 100%;
}

#content .tbl td,
#content .tbl th {
  padding: 0 10px;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  font-size: 18px;
  line-height: 24px;
}

#content .tbl tbody tr:hover td,
#content .tbl tbody tr:hover th {
  background: #fffae5;
}

#content .tbl thead th {
  background: #ededed;
  color: #e20074;
}

#content .tbl tbody tr.sub-cat {
  background: #ededed;
  color: #e20074;
}

#content .tbl tbody th {
  font-size: 18px;
  line-height: 24px;
  color: black;
}

#content .tbl tbody tr.child td:first-child {
  padding-left: 20px;
}

#content .tbl .fa-check {
  color: #6bb424;
}

#content .tbl .fa-times {
  color: #d90000;
}

#content .tbl.tbl-stripped {
  border-left: 0 none;
  border-right: 0 none;
}

#content .tbl.tbl-stripped thead td,
#content .tbl.tbl-stripped thead th {
  background: #e20074;
  border-color: #e20074;
  color: white;
}

#content .tbl.tbl-stripped tbody tr:nth-child(odd) td,
#content .tbl.tbl-stripped tbody tr:nth-child(odd) th {
  background: #ededed;
  border-color: #ededed;
}

#content .tbl.tbl-stripped tbody tr:nth-child(even) td,
#content .tbl.tbl-stripped tbody tr:nth-child(even) th {
  background: #f6f6f6;
  border-color: #f6f6f6;
}

#content .tbl.tbl-stripped tbody tr:hover td,
#content .tbl.tbl-stripped tbody tr:hover th {
  background: #fff5cc;
}

#content .tbl.tbl-inverse-head tbody th {
  border-color: white;
  background: #ededed;
}

#content .tbl.tbl-inverse-head tbody tr:hover th {
  background: #efead5;
}

#content .tbl.tbl-inverse-head tbody tr:hover td:first-child {
  background: #efead5;
}

#content .tbl.tbl-inverse-head tbody td:first-child {
  border-color: white;
  background: #ededed;
}

#content .tbl.tbl-inverse-highlighted-head tbody th {
  border-color: white;
  background: #ededed;
  color: #e10073;
}

#content .tbl.tbl-inverse-highlighted-head tbody tr:hover th {
  background: #efead5;
}

#content .tbl.tbl-inverse-highlighted-head tbody tr:hover td:first-child {
  background: #efead5;
}

#content .tbl.tbl-inverse-highlighted-head tbody td:first-child {
  border-color: white;
  background: #ededed;
  color: #e10073;
}

#content .tbl.tbl-simple {
  border: 0 none;
}

#content .tbl.tbl-simple th,
#content .tbl.tbl-simple td {
  border-left: 1px solid #ededed;
  padding-top: 5px;
  padding-bottom: 5px;
}

#content .tbl.tbl-simple th:first-child,
#content .tbl.tbl-simple td:first-child {
  border-left: 0 none;
}

#content .tbl.tbl-simple thead th,
#content .tbl.tbl-simple thead td {
  border: 0 none;
  border-bottom: 2px solid #ededed;
  background: white;
  color: black;
  font-weight: bold;
}

#content .tbl.tbl-simple thead td {
  color: #4b4b4b;
}

#content .tbl.tbl-property-value-icon tr td:nth-child(1) {
  width: 57%;
}

#content .tbl.tbl-property-value-icon tr td:nth-child(2) {
  width: 36%;
}

#content .tbl.tbl-property-value-icon tr td:nth-child(3) {
  width: 7%;
}

#content .text-right {
  text-align: right;
}

#content .text-center {
  text-align: center;
}

#content .pull-right,
#content .pull-left {
  margin: 6px 0;
}

#content .pull-right {
  float: right;
  margin-left: 10px;
}

#content .pull-left {
  float: left;
  margin-right: 10px;
}

#content .video {
  display: block;
  position: relative;
}

#content .video img {
  position: relative;
  z-index: 1;
  display: block;
}

#content .video .button-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  margin-top: -20px;
  display: block;
  text-align: center;
  z-index: 2;
}

#content .video .button-wrapper .button {
  font-size: 18px;
}

#content .video .button-wrapper .button .fa {
  padding: 0 5px;
}

#content .vertical-tabs {
  margin: 20px 0;
}

#content .vertical-tabs .tabs-content {
  position: relative;
  overflow: hidden;
  height: 275px;
}

#content .vertical-tabs .tabs-inner {
  position: absolute;
  height: 20000px;
}

#content .vertical-tabs .tabs-inner > div {
  height: 275px;
}

#content .vertical-tabs .tabs-inner > div p {
  margin-top: 0;
}

#content .vertical-tabs .tabs-navi {
  float: left;
  margin-right: 35px;
  border-right: 1px solid #d0cfcf;
}

#content .vertical-tabs .tabs-navi li {
  width: 75px;
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
  padding: 12px 0;
  position: relative;
}

#content .vertical-tabs .tabs-navi li:hover,
#content .vertical-tabs .tabs-navi li.active {
  color: #e10073;
}

#content .vertical-tabs .tabs-navi li.active:after {
  content: ' ';
  width: 12px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: -12px;
  margin-top: -10px;
  display: block;
  background: url(/theme/stwbmain/images/style/tabs-arrow-right.gif) no-repeat 0 0;
}

#content .horizontal-tabs {
  margin: 20px 0;
}

#content .horizontal-tabs .tabs-content {
  position: relative;
  overflow: hidden;
  height: 275px;
}

#content .horizontal-tabs .tabs-inner {
  position: absolute;
  width: 20000px;
  float: left;
}

#content .horizontal-tabs .tabs-inner > div {
  width: 960px;
  float: left;
}

#content .horizontal-tabs .tabs-inner > div p {
  margin-top: 0;
}

#content .horizontal-tabs .tabs-navi {
  margin-bottom: 15px;
  border-bottom: 1px solid #d0cfcf;
}

#content .horizontal-tabs .tabs-navi li {
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
  position: relative;
  padding-bottom: 15px;
  float: left;
}

#content .horizontal-tabs .tabs-navi li + li {
  margin-left: 40px;
}

#content .horizontal-tabs .tabs-navi li:hover,
#content .horizontal-tabs .tabs-navi li.active {
  color: #e10073;
}

#content .horizontal-tabs .tabs-navi li.active:after {
  content: ' ';
  width: 20px;
  height: 12px;
  position: absolute;
  left: 50%;
  bottom: -12px;
  margin-left: -10px;
  display: block;
  background: url(/theme/stwbmain/images/style/tabs-arrow-down.gif) no-repeat 0 0;
}

#content .content-menu > li {
  border: 1px solid #d0cfcf;
  border-top: 0 none;
  position: relative;
}

#content .content-menu > li:first-child {
  border-top: 1px solid #d0cfcf;
}

#content .content-menu > li > span,
#content .content-menu > li > a {
  font-size: 24px;
  line-height: 1;
  padding: 18px 16px;
  display: block;
  cursor: pointer;
  color: #007faf;
  text-decoration: underline;
}

#content .content-menu > li > span:hover,
#content .content-menu > li > a:hover {
  text-decoration: none;
}

#content .content-menu > li:after {
  content: '\f107';
  font-family: FontAwesome;
  display: block;
  position: absolute;
  right: 18px;
  top: 16px;
  text-decoration: none;
  color: #a3a3a3;
  font-size: 24px;
}

#content .content-menu > li.direct:after {
  content: '\f105';
}

#content .content-menu > li ul {
  display: none;
  padding: 0 0 18px 32px;
}

#content .content-menu > li ul li a {
  font-size: 18px;
  line-height: 1;
  display: block;
  padding: 9px 0;
}

#content .content-menu > li ul li a:hover {
  text-decoration: none;
}

#content .content-menu > li.active:after {
  content: '\f106';
}

#content .content-menu > li.active > span,
#content .content-menu > li.active > a {
  color: #e10073;
  text-decoration: none;
}

#content .content-menu > li.active ul {
  display: block;
}

#content .content-menu.content-menu-direct-only > li.direct:after {
  content: '\f107';
}

#content .content-menu.content-menu-direct-only > li.direct.active:after {
  content: '';
}

#content .checkable {
  display: block;
  padding: 0 0 0 47px;
  margin: 0 0 15px 0;
  position: relative;
  font-size: 24px;
  line-height: 30px;
}

#content .checkable .checker,
#content .checkable .radio {
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
}

#content .list-arrow > li,
#content .list-square > li {
  padding-left: 20px;
  margin-bottom: 8px;
  line-height: 1.3;
  position: relative;
}

#content .list-arrow > li:before,
#content .list-square > li:before {
  content: '\f054';
  font-family: FontAwesome;
  color: #e10073;
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 14px;
}

#content .list-arrow > li:last-child,
#content .list-square > li:last-child {
  margin-bottom: 0;
}

#content .list-square > li:before {
  content: '\f0c8';
  left: 0;
}

#content .list-number,
#content .list-number-gray {
  counter-reset: ol-counter;
}

#content .list-number > li,
#content .list-number-gray > li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 8px;
  line-height: 1.3;
  min-height: 21px;
}

#content .list-number > li:before,
#content .list-number-gray > li:before {
  content: counter(ol-counter);
  counter-increment: ol-counter;
  text-align: center;
  width: 21px;
  background: #e10073;
  color: white;
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 18px;
  line-height: 21px;
  height: 21px;
}

#content .list-number-gray > li:before {
  background: #6c6c6c;
}

#content .fi:before {
  content: ' ';
  width: 54;
  height: 64;
  background: url(/theme/stwbmain/images/style/file-icon.png) no-repeat 0 0;
  background-size: 324px auto;
  display: inline-block;
}

#content .fi.fi-medium:before {
  content: ' ';
  width: 27;
  height: 32;
  background: url(/theme/stwbmain/images/style/file-icon.png) no-repeat 0 0;
  background-size: 162px auto;
  display: inline-block;
}

#content .fi.fi-medium.fi-shadow-video:before {
  background-position: 0 0;
}

#content .fi.fi-medium.fi-shadow-pdf:before {
  background-position: -27px 0;
}

#content .fi.fi-medium.fi-shadow-word:before {
  background-position: -54px 0;
}

#content .fi.fi-medium.fi-shadow-excel:before {
  background-position: -81px 0;
}

#content .fi.fi-medium.fi-shadow-pp:before {
  background-position: -108px 0;
}

#content .fi.fi-medium.fi-shadow-audio:before {
  background-position: -135px 0;
}

#content .fi.fi-medium.fi-pink-video:before {
  background-position: 0 -32px;
}

#content .fi.fi-medium.fi-pink-pdf:before {
  background-position: -27px -32px;
}

#content .fi.fi-medium.fi-pink-word:before {
  background-position: -54px -32px;
}

#content .fi.fi-medium.fi-pink-excel:before {
  background-position: -81px -32px;
}

#content .fi.fi-medium.fi-pink-pp:before {
  background-position: -108px -32px;
}

#content .fi.fi-medium.fi-pink-audio:before {
  background-position: -135px -32px;
}

#content .fi.fi-medium.fi-gray-video:before {
  background-position: 0 -64px;
}

#content .fi.fi-medium.fi-gray-pdf:before {
  background-position: -27px -64px;
}

#content .fi.fi-medium.fi-gray-word:before {
  background-position: -54px -64px;
}

#content .fi.fi-medium.fi-gray-excel:before {
  background-position: -81px -64px;
}

#content .fi.fi-medium.fi-gray-pp:before {
  background-position: -108px -64px;
}

#content .fi.fi-medium.fi-gray-audio:before {
  background-position: -135px -64px;
}

#content .fi.fi-medium.fi-pink-gray-video:before {
  background-position: 0 -96px;
}

#content .fi.fi-medium.fi-pink-gray-pdf:before {
  background-position: -27px -96px;
}

#content .fi.fi-medium.fi-pink-gray-word:before {
  background-position: -54px -96px;
}

#content .fi.fi-medium.fi-pink-gray-excel:before {
  background-position: -81px -96px;
}

#content .fi.fi-medium.fi-pink-gray-pp:before {
  background-position: -108px -96px;
}

#content .fi.fi-medium.fi-pink-gray-audio:before {
  background-position: -135px -96px;
}

#content .fi.fi-medium.fi-transparent-video:before {
  background-position: 0 -128px;
}

#content .fi.fi-medium.fi-transparent-pdf:before {
  background-position: -27px -128px;
}

#content .fi.fi-medium.fi-transparent-word:before {
  background-position: -54px -128px;
}

#content .fi.fi-medium.fi-transparent-excel:before {
  background-position: -81px -128px;
}

#content .fi.fi-medium.fi-transparent-pp:before {
  background-position: -108px -128px;
}

#content .fi.fi-medium.fi-transparent-audio:before {
  background-position: -135px -128px;
}

#content .fi.fi-medium.fi-letter-video:before {
  background-position: 0 -160px;
}

#content .fi.fi-medium.fi-letter-pdf:before {
  background-position: -27px -160px;
}

#content .fi.fi-medium.fi-letter-word:before {
  background-position: -54px -160px;
}

#content .fi.fi-medium.fi-letter-excel:before {
  background-position: -81px -160px;
}

#content .fi.fi-medium.fi-letter-pp:before {
  background-position: -108px -160px;
}

#content .fi.fi-medium.fi-letter-audio:before {
  background-position: -135px -160px;
}

#content .fi.fi-medium.fi-symbol-video:before {
  background-position: 0 -192px;
}

#content .fi.fi-medium.fi-symbol-pdf:before {
  background-position: -27px -192px;
}

#content .fi.fi-medium.fi-symbol-word:before {
  background-position: -54px -192px;
}

#content .fi.fi-medium.fi-symbol-excel:before {
  background-position: -81px -192px;
}

#content .fi.fi-medium.fi-symbol-pp:before {
  background-position: -108px -192px;
}

#content .fi.fi-medium.fi-symbol-audio:before {
  background-position: -135px -192px;
}

#content .fi.fi-small:before {
  content: ' ';
  width: 18;
  height: 21.33333;
  background: url(/theme/stwbmain/images/style/file-icon.png) no-repeat 0 0;
  background-size: 108px auto;
  display: inline-block;
}

#content .fi.fi-small.fi-shadow-video:before {
  background-position: 0 0;
}

#content .fi.fi-small.fi-shadow-pdf:before {
  background-position: -18px 0;
}

#content .fi.fi-small.fi-shadow-word:before {
  background-position: -36px 0;
}

#content .fi.fi-small.fi-shadow-excel:before {
  background-position: -54px 0;
}

#content .fi.fi-small.fi-shadow-pp:before {
  background-position: -72px 0;
}

#content .fi.fi-small.fi-shadow-audio:before {
  background-position: -90px 0;
}

#content .fi.fi-small.fi-pink-video:before {
  background-position: 0 -21.33333px;
}

#content .fi.fi-small.fi-pink-pdf:before {
  background-position: -18px -21.33333px;
}

#content .fi.fi-small.fi-pink-word:before {
  background-position: -36px -21.33333px;
}

#content .fi.fi-small.fi-pink-excel:before {
  background-position: -54px -21.33333px;
}

#content .fi.fi-small.fi-pink-pp:before {
  background-position: -72px -21.33333px;
}

#content .fi.fi-small.fi-pink-audio:before {
  background-position: -90px -21.33333px;
}

#content .fi.fi-small.fi-gray-video:before {
  background-position: 0 -42.66667px;
}

#content .fi.fi-small.fi-gray-pdf:before {
  background-position: -18px -42.66667px;
}

#content .fi.fi-small.fi-gray-word:before {
  background-position: -36px -42.66667px;
}

#content .fi.fi-small.fi-gray-excel:before {
  background-position: -54px -42.66667px;
}

#content .fi.fi-small.fi-gray-pp:before {
  background-position: -72px -42.66667px;
}

#content .fi.fi-small.fi-gray-audio:before {
  background-position: -90px -42.66667px;
}

#content .fi.fi-small.fi-pink-gray-video:before {
  background-position: 0 -64px;
}

#content .fi.fi-small.fi-pink-gray-pdf:before {
  background-position: -18px -64px;
}

#content .fi.fi-small.fi-pink-gray-word:before {
  background-position: -36px -64px;
}

#content .fi.fi-small.fi-pink-gray-excel:before {
  background-position: -54px -64px;
}

#content .fi.fi-small.fi-pink-gray-pp:before {
  background-position: -72px -64px;
}

#content .fi.fi-small.fi-pink-gray-audio:before {
  background-position: -90px -64px;
}

#content .fi.fi-small.fi-transparent-video:before {
  background-position: 0 -85.33333px;
}

#content .fi.fi-small.fi-transparent-pdf:before {
  background-position: -18px -85.33333px;
}

#content .fi.fi-small.fi-transparent-word:before {
  background-position: -36px -85.33333px;
}

#content .fi.fi-small.fi-transparent-excel:before {
  background-position: -54px -85.33333px;
}

#content .fi.fi-small.fi-transparent-pp:before {
  background-position: -72px -85.33333px;
}

#content .fi.fi-small.fi-transparent-audio:before {
  background-position: -90px -85.33333px;
}

#content .fi.fi-small.fi-letter-video:before {
  background-position: 0 -106.66667px;
}

#content .fi.fi-small.fi-letter-pdf:before {
  background-position: -18px -106.66667px;
}

#content .fi.fi-small.fi-letter-word:before {
  background-position: -36px -106.66667px;
}

#content .fi.fi-small.fi-letter-excel:before {
  background-position: -54px -106.66667px;
}

#content .fi.fi-small.fi-letter-pp:before {
  background-position: -72px -106.66667px;
}

#content .fi.fi-small.fi-letter-audio:before {
  background-position: -90px -106.66667px;
}

#content .fi.fi-small.fi-symbol-video:before {
  background-position: 0 -128px;
}

#content .fi.fi-small.fi-symbol-pdf:before {
  background-position: -18px -128px;
}

#content .fi.fi-small.fi-symbol-word:before {
  background-position: -36px -128px;
}

#content .fi.fi-small.fi-symbol-excel:before {
  background-position: -54px -128px;
}

#content .fi.fi-small.fi-symbol-pp:before {
  background-position: -72px -128px;
}

#content .fi.fi-small.fi-symbol-audio:before {
  background-position: -90px -128px;
}

#content .tooltip-trigger {
  cursor: help;
}

#content .tooltip {
  min-width: 280px;
  max-width: 0;
}

#content .tooltip .qtip-tip {
  opacity: 0.85;
}

#content .tooltip .qtip-content {
  background: black;
  background: rgba(0, 0, 0, 0.85);
  font-size: 18px;
  line-height: 1.3;
  color: white;
  padding: 10px 15px;
}

#content .accordion > li {
  border: 1px solid #d0cfcf;
  border-top: 0 none;
  position: relative;
}

#content .accordion > li:first-child {
  border-top: 1px solid #d0cfcf;
}

#content .accordion > li > span {
  line-height: 1;
  font-size: 24px;
  padding: 18px 16px;
  display: block;
  cursor: pointer;
  color: #007faf;
  text-decoration: underline;
}

#content .accordion > li > span:hover {
  text-decoration: none;
}

#content .accordion > li:after {
  content: '\f107';
  font-family: FontAwesome;
  display: block;
  position: absolute;
  right: 18px;
  top: 16px;
  text-decoration: none;
  color: #a3a3a3;
  font-size: 24px;
}

#content .accordion > li .accordion-content {
  display: none;
  padding: 0 20px 18px 21px;
}

#content .accordion > li .accordion-content p {
  line-height: 1.3;
  font-size: 24px;
}

#content .accordion > li .accordion-content p:first-child {
  margin-top: 0;
}

#content .accordion > li.active:after {
  content: '\f106';
}

#content .accordion > li.active > span {
  color: #e10073;
  text-decoration: none;
}

#content .accordion > li.active .accordion-content {
  display: block;
}

#content .checkable {
  display: block;
  padding: 0 0 0 47px;
  margin: 0 0 15px 0;
  position: relative;
}

#content .checkable .checker,
#content .checkable .radio {
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
}

#content .list-arrow > li,
#content .list-square > li {
  padding-left: 20px;
  margin-bottom: 8px;
  line-height: 1.3;
  position: relative;
}

#content .list-arrow > li:before,
#content .list-square > li:before {
  content: '\f054';
  font-family: FontAwesome;
  color: #e10073;
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 14px;
}

#content .list-arrow > li:last-child,
#content .list-square > li:last-child {
  margin-bottom: 0;
}

#content .list-square > li:before {
  content: '\f0c8';
  left: 0;
}

#content .list-number,
#content .list-number-gray {
  counter-reset: ol-counter;
}

#content .list-number > li,
#content .list-number-gray > li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 8px;
  line-height: 1.3;
  min-height: 21px;
}

#content .list-number > li:before,
#content .list-number-gray > li:before {
  content: counter(ol-counter);
  counter-increment: ol-counter;
  text-align: center;
  width: 21px;
  background: #e10073;
  color: white;
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 18px;
  line-height: 21px;
  height: 21px;
}

#content .list-number-gray > li:before {
  background: #6c6c6c;
}

#content .fi:before {
  content: ' ';
  width: 54;
  height: 64;
  background: url(/theme/stwbmain/images/style/file-icon.png) no-repeat 0 0;
  background-size: 324px auto;
  display: inline-block;
}

#content .fi.fi-shadow-video:before {
  background-position: 0 0;
}

#content .fi.fi-shadow-pdf:before {
  background-position: -54px 0;
}

#content .fi.fi-shadow-word:before {
  background-position: -108px 0;
}

#content .fi.fi-shadow-excel:before {
  background-position: -162px 0;
}

#content .fi.fi-shadow-pp:before {
  background-position: -216px 0;
}

#content .fi.fi-shadow-audio:before {
  background-position: -270px 0;
}

#content .fi.fi-pink-video:before {
  background-position: 0 -64px;
}

#content .fi.fi-pink-pdf:before {
  background-position: -54px -64px;
}

#content .fi.fi-pink-word:before {
  background-position: -108px -64px;
}

#content .fi.fi-pink-excel:before {
  background-position: -162px -64px;
}

#content .fi.fi-pink-pp:before {
  background-position: -216px -64px;
}

#content .fi.fi-pink-audio:before {
  background-position: -270px -64px;
}

#content .fi.fi-gray-video:before {
  background-position: 0 -128px;
}

#content .fi.fi-gray-pdf:before {
  background-position: -54px -128px;
}

#content .fi.fi-gray-word:before {
  background-position: -108px -128px;
}

#content .fi.fi-gray-excel:before {
  background-position: -162px -128px;
}

#content .fi.fi-gray-pp:before {
  background-position: -216px -128px;
}

#content .fi.fi-gray-audio:before {
  background-position: -270px -128px;
}

#content .fi.fi-pink-gray-video:before {
  background-position: 0 -192px;
}

#content .fi.fi-pink-gray-pdf:before {
  background-position: -54px -192px;
}

#content .fi.fi-pink-gray-word:before {
  background-position: -108px -192px;
}

#content .fi.fi-pink-gray-excel:before {
  background-position: -162px -192px;
}

#content .fi.fi-pink-gray-pp:before {
  background-position: -216px -192px;
}

#content .fi.fi-pink-gray-audio:before {
  background-position: -270px -192px;
}

#content .fi.fi-transparent-video:before {
  background-position: 0 -256px;
}

#content .fi.fi-transparent-pdf:before {
  background-position: -54px -256px;
}

#content .fi.fi-transparent-word:before {
  background-position: -108px -256px;
}

#content .fi.fi-transparent-excel:before {
  background-position: -162px -256px;
}

#content .fi.fi-transparent-pp:before {
  background-position: -216px -256px;
}

#content .fi.fi-transparent-audio:before {
  background-position: -270px -256px;
}

#content .fi.fi-letter-video:before {
  background-position: 0 -320px;
}

#content .fi.fi-letter-pdf:before {
  background-position: -54px -320px;
}

#content .fi.fi-letter-word:before {
  background-position: -108px -320px;
}

#content .fi.fi-letter-excel:before {
  background-position: -162px -320px;
}

#content .fi.fi-letter-pp:before {
  background-position: -216px -320px;
}

#content .fi.fi-letter-audio:before {
  background-position: -270px -320px;
}

#content .fi.fi-symbol-video:before {
  background-position: 0 -384px;
}

#content .fi.fi-symbol-pdf:before {
  background-position: -54px -384px;
}

#content .fi.fi-symbol-word:before {
  background-position: -108px -384px;
}

#content .fi.fi-symbol-excel:before {
  background-position: -162px -384px;
}

#content .fi.fi-symbol-pp:before {
  background-position: -216px -384px;
}

#content .fi.fi-symbol-audio:before {
  background-position: -270px -384px;
}

#content .fi.fi-medium:before {
  content: ' ';
  width: 27;
  height: 32;
  background: url(/theme/stwbmain/images/style/file-icon.png) no-repeat 0 0;
  background-size: 162px auto;
  display: inline-block;
}

#content .fi.fi-medium.fi-shadow-video:before {
  background-position: 0 0;
}

#content .fi.fi-medium.fi-shadow-pdf:before {
  background-position: -27px 0;
}

#content .fi.fi-medium.fi-shadow-word:before {
  background-position: -54px 0;
}

#content .fi.fi-medium.fi-shadow-excel:before {
  background-position: -81px 0;
}

#content .fi.fi-medium.fi-shadow-pp:before {
  background-position: -108px 0;
}

#content .fi.fi-medium.fi-shadow-audio:before {
  background-position: -135px 0;
}

#content .fi.fi-medium.fi-pink-video:before {
  background-position: 0 -32px;
}

#content .fi.fi-medium.fi-pink-pdf:before {
  background-position: -27px -32px;
}

#content .fi.fi-medium.fi-pink-word:before {
  background-position: -54px -32px;
}

#content .fi.fi-medium.fi-pink-excel:before {
  background-position: -81px -32px;
}

#content .fi.fi-medium.fi-pink-pp:before {
  background-position: -108px -32px;
}

#content .fi.fi-medium.fi-pink-audio:before {
  background-position: -135px -32px;
}

#content .fi.fi-medium.fi-gray-video:before {
  background-position: 0 -64px;
}

#content .fi.fi-medium.fi-gray-pdf:before {
  background-position: -27px -64px;
}

#content .fi.fi-medium.fi-gray-word:before {
  background-position: -54px -64px;
}

#content .fi.fi-medium.fi-gray-excel:before {
  background-position: -81px -64px;
}

#content .fi.fi-medium.fi-gray-pp:before {
  background-position: -108px -64px;
}

#content .fi.fi-medium.fi-gray-audio:before {
  background-position: -135px -64px;
}

#content .fi.fi-medium.fi-pink-gray-video:before {
  background-position: 0 -96px;
}

#content .fi.fi-medium.fi-pink-gray-pdf:before {
  background-position: -27px -96px;
}

#content .fi.fi-medium.fi-pink-gray-word:before {
  background-position: -54px -96px;
}

#content .fi.fi-medium.fi-pink-gray-excel:before {
  background-position: -81px -96px;
}

#content .fi.fi-medium.fi-pink-gray-pp:before {
  background-position: -108px -96px;
}

#content .fi.fi-medium.fi-pink-gray-audio:before {
  background-position: -135px -96px;
}

#content .fi.fi-medium.fi-transparent-video:before {
  background-position: 0 -128px;
}

#content .fi.fi-medium.fi-transparent-pdf:before {
  background-position: -27px -128px;
}

#content .fi.fi-medium.fi-transparent-word:before {
  background-position: -54px -128px;
}

#content .fi.fi-medium.fi-transparent-excel:before {
  background-position: -81px -128px;
}

#content .fi.fi-medium.fi-transparent-pp:before {
  background-position: -108px -128px;
}

#content .fi.fi-medium.fi-transparent-audio:before {
  background-position: -135px -128px;
}

#content .fi.fi-medium.fi-letter-video:before {
  background-position: 0 -160px;
}

#content .fi.fi-medium.fi-letter-pdf:before {
  background-position: -27px -160px;
}

#content .fi.fi-medium.fi-letter-word:before {
  background-position: -54px -160px;
}

#content .fi.fi-medium.fi-letter-excel:before {
  background-position: -81px -160px;
}

#content .fi.fi-medium.fi-letter-pp:before {
  background-position: -108px -160px;
}

#content .fi.fi-medium.fi-letter-audio:before {
  background-position: -135px -160px;
}

#content .fi.fi-medium.fi-symbol-video:before {
  background-position: 0 -192px;
}

#content .fi.fi-medium.fi-symbol-pdf:before {
  background-position: -27px -192px;
}

#content .fi.fi-medium.fi-symbol-word:before {
  background-position: -54px -192px;
}

#content .fi.fi-medium.fi-symbol-excel:before {
  background-position: -81px -192px;
}

#content .fi.fi-medium.fi-symbol-pp:before {
  background-position: -108px -192px;
}

#content .fi.fi-medium.fi-symbol-audio:before {
  background-position: -135px -192px;
}

#content .fi.fi-small:before {
  content: ' ';
  width: 18;
  height: 21.33333;
  background: url(/theme/stwbmain/images/style/file-icon.png) no-repeat 0 0;
  background-size: 108px auto;
  display: inline-block;
}

#content .fi.fi-small.fi-shadow-video:before {
  background-position: 0 0;
}

#content .fi.fi-small.fi-shadow-pdf:before {
  background-position: -18px 0;
}

#content .fi.fi-small.fi-shadow-word:before {
  background-position: -36px 0;
}

#content .fi.fi-small.fi-shadow-excel:before {
  background-position: -54px 0;
}

#content .fi.fi-small.fi-shadow-pp:before {
  background-position: -72px 0;
}

#content .fi.fi-small.fi-shadow-audio:before {
  background-position: -90px 0;
}

#content .fi.fi-small.fi-pink-video:before {
  background-position: 0 -21.33333px;
}

#content .fi.fi-small.fi-pink-pdf:before {
  background-position: -18px -21.33333px;
}

#content .fi.fi-small.fi-pink-word:before {
  background-position: -36px -21.33333px;
}

#content .fi.fi-small.fi-pink-excel:before {
  background-position: -54px -21.33333px;
}

#content .fi.fi-small.fi-pink-pp:before {
  background-position: -72px -21.33333px;
}

#content .fi.fi-small.fi-pink-audio:before {
  background-position: -90px -21.33333px;
}

#content .fi.fi-small.fi-gray-video:before {
  background-position: 0 -42.66667px;
}

#content .fi.fi-small.fi-gray-pdf:before {
  background-position: -18px -42.66667px;
}

#content .fi.fi-small.fi-gray-word:before {
  background-position: -36px -42.66667px;
}

#content .fi.fi-small.fi-gray-excel:before {
  background-position: -54px -42.66667px;
}

#content .fi.fi-small.fi-gray-pp:before {
  background-position: -72px -42.66667px;
}

#content .fi.fi-small.fi-gray-audio:before {
  background-position: -90px -42.66667px;
}

#content .fi.fi-small.fi-pink-gray-video:before {
  background-position: 0 -64px;
}

#content .fi.fi-small.fi-pink-gray-pdf:before {
  background-position: -18px -64px;
}

#content .fi.fi-small.fi-pink-gray-word:before {
  background-position: -36px -64px;
}

#content .fi.fi-small.fi-pink-gray-excel:before {
  background-position: -54px -64px;
}

#content .fi.fi-small.fi-pink-gray-pp:before {
  background-position: -72px -64px;
}

#content .fi.fi-small.fi-pink-gray-audio:before {
  background-position: -90px -64px;
}

#content .fi.fi-small.fi-transparent-video:before {
  background-position: 0 -85.33333px;
}

#content .fi.fi-small.fi-transparent-pdf:before {
  background-position: -18px -85.33333px;
}

#content .fi.fi-small.fi-transparent-word:before {
  background-position: -36px -85.33333px;
}

#content .fi.fi-small.fi-transparent-excel:before {
  background-position: -54px -85.33333px;
}

#content .fi.fi-small.fi-transparent-pp:before {
  background-position: -72px -85.33333px;
}

#content .fi.fi-small.fi-transparent-audio:before {
  background-position: -90px -85.33333px;
}

#content .fi.fi-small.fi-letter-video:before {
  background-position: 0 -106.66667px;
}

#content .fi.fi-small.fi-letter-pdf:before {
  background-position: -18px -106.66667px;
}

#content .fi.fi-small.fi-letter-word:before {
  background-position: -36px -106.66667px;
}

#content .fi.fi-small.fi-letter-excel:before {
  background-position: -54px -106.66667px;
}

#content .fi.fi-small.fi-letter-pp:before {
  background-position: -72px -106.66667px;
}

#content .fi.fi-small.fi-letter-audio:before {
  background-position: -90px -106.66667px;
}

#content .fi.fi-small.fi-symbol-video:before {
  background-position: 0 -128px;
}

#content .fi.fi-small.fi-symbol-pdf:before {
  background-position: -18px -128px;
}

#content .fi.fi-small.fi-symbol-word:before {
  background-position: -36px -128px;
}

#content .fi.fi-small.fi-symbol-excel:before {
  background-position: -54px -128px;
}

#content .fi.fi-small.fi-symbol-pp:before {
  background-position: -72px -128px;
}

#content .fi.fi-small.fi-symbol-audio:before {
  background-position: -90px -128px;
}

#content .tooltip-trigger {
  cursor: help;
}

#content .tooltip {
  min-width: 280px;
}

#content .tooltip .qtip-tip {
  opacity: 0.85;
}

#content .tooltip .qtip-content {
  background: black;
  background: rgba(0, 0, 0, 0.85);
  -webkit-box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.75);
  box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.75);
  font-size: 18px;
  line-height: 1.3;
  color: white;
  padding: 10px 15px;
}

#content h3.content-toggler:after {
  font-family: FontAwesome;
  content: ' \f103';
}

#content h3.content-toggler.open:after {
  content: ' \f100';
}

#content .icon-fullscreen {
  position: relative;
}

#content .icon-fullscreen:after {
  content: url(/theme/stwbmain/images/style/icon-fullscreen.png);
  width: 24px;
  height: 19px;
  position: absolute;
  z-index: 2;
  right: 6px;
  bottom: 6px;
}

#content ul.actions {
  width: 120px;
  float: right;
  line-height: 1.3;
  border-collapse: separate;
}

#content ul.actions > li {
  position: relative;
  display: table;
  border: 1px solid #fff;
}

#content ul.actions > li > a {
  padding: 0 0 0 34px;
  height: 43px;
  display: table-cell;
  vertical-align: middle;
  line-height: 16px;
}

#content ul.actions > li > a:hover {
  text-decoration: none;
}

#content ul.actions > li > a i {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 8px;
  background: url(/theme/stwbmain/images/style/icons-30.png) no-repeat 0 0;
}

#content ul.actions > li.compare a i {
  background-position: 0 0;
}

#content ul.actions > li.add-to-favorites a i {
  background-position: 0 -60px;
}

@media screen and (max-width: 960px) {
  #content ul.actions > li.add-to-favorites {
    display: none;
  }
}

#content ul.actions > li.share a i:first-child {
  background-position: 0 -30px;
}

#content ul.actions > li.share .fa-times {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
}

#content ul.actions > li.share ul {
  position: absolute;
  z-index: 3;
  top: 45px;
  width: 220px;
  right: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #ddd;
  background: white;
  display: none;
}

#content ul.actions > li.share ul li {
  font-size: 18px;
  padding-left: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}

#content ul.actions > li.share ul li i {
  position: absolute;
  top: 5px;
  left: 8px;
  height: 18px;
  width: 18px;
  background: url(/theme/stwbmain/images/style/icons-share-18.png) no-repeat 0 0;
}

#content ul.actions > li.share ul li.facebook i {
  background-position: 0 0;
}

#content ul.actions > li.share ul li.google i {
  background-position: 0 -18px;
}

#content ul.actions > li.share ul li.twitter i {
  background-position: 0 -36px;
}

#content ul.actions > li.share ul li.youtube i {
  background-position: 0 -54px;
}

#content ul.actions > li.share ul li.linkedin i {
  background-position: 0 -72px;
}

#content .tiles > a {
  float: left;
  display: block;
  color: white;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  font-size: 24px;
  width: 140px;
  height: 140px;
  background: white;
  color: #e10073;
}

#content .tiles > a.tile-right {
  float: right;
}

#content .tiles > a > .fa,
#content .tiles > a > .not-fa {
  display: block;
  margin: 24px 0 2px;
  font-size: 70px;
  line-height: 70px;
  height: 70px;
}

#content ul.paging {
  font-size: 0;
  text-align: center;
}

#content ul.paging li {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

#content ul.paging li a {
  display: block;
  width: 50px;
  height: 50px;
  font-size: 36px;
  text-decoration: none;
}

#content ul.paging li a:hover {
  text-decoration: underline;
}

#content ul.paging li.active a {
  background: #ededed;
  color: #7c7c7c;
}

#content ul.paging li.active a:hover {
  text-decoration: none;
}

#content ul.paging li.continuation:before {
  content: '...';
  font-size: 36px;
  color: #a4a4a4;
}

#content ul.paging li.prev {
  margin-right: 20px;
}

#content ul.paging li.next {
  margin-left: 20px;
}

#content ul.paging li.prev a,
#content ul.paging li.next a {
  width: 48px;
  height: 48px;
  line-height: 48px;
  border: 1px solid #007faf;
  font-size: 60px;
  text-align: center;
  border-radius: 4px;
}

#content ul.paging li.prev a:hover,
#content ul.paging li.next a:hover {
  background: #ededed;
  text-decoration: none;
}

#content ul.paging li.smallDevice {
  display: none;
}

@media screen and (max-width: 480px) {
  #content ul.paging li:not(.active) {
    display: none;
  }
  #content ul.paging li.prev,
  #content ul.paging li.next,
  #content ul.paging li.smallDevice,
  #content ul.paging li.active + li,
  #content ul.paging li.active-prev {
    display: inline-block;
  }
  #content ul.paging li.prev {
    margin-right: 0;
  }
  #content ul.paging li.next {
    margin-left: 0;
  }
  #content ul.paging li.continuation {
    width: 25px;
  }
}

#content .paging-setting {
  margin: 40px 0;
  text-align: center;
}

#content .paging-setting select,
#content .paging-setting .heapBox {
  width: 270px;
  text-align: left;
}

#content .rating-stars {
  font-size: 0;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  height: 34px;
  padding: 0 0 2px;
}

#content .rating-stars i {
  display: inline-block;
  height: 34px;
  width: 35px;
  margin-left: 21px;
  background: url(/theme/stwbmain/images/style/rating-star.png) no-repeat 0 0;
}

#content .rating-stars i:hover,
#content .rating-stars i.hover,
#content .rating-stars i.selected {
  background-position: 0 -34px !important;
}

#content .rating-stars i:first-child {
  margin-left: 0;
}

#content .rating-stars:hover i {
  background-position: 0 -68px;
}

#content .ui-slider {
  height: 2px;
  background: #b2b2b2;
  position: relative;
}

#content .ui-slider.ui-slider-disabled {
  background: #ededed;
}

#content .ui-slider.ui-slider-disabled .ui-slider-handle {
  border-color: #a4a4a4;
  background-color: #ededed;
  cursor: default;
}

#content .ui-slider-handle {
  width: 23px;
  height: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #b2b2b2;
  background: #ededed;
  position: absolute;
  top: -10px;
  margin-left: -11.5px;
  cursor: pointer;
}

#content .ui-slider-handle.ui-state-active {
  border-color: #f9cce3;
}

#content .control .ui-slider .ui-slider-range {
  height: 2px;
  background: #e20074;
  position: absolute;
}

#content .control .ui-slider-disabled .ui-slider-range {
  background: #b2b2b2;
}

#content .marionCheck-inProgress .description-header {
  font-weight: 700;
  color: #e20074;
  margin-bottom: 20px;
}

#content .marionCheck-inProgress .description-content {
  font-size: 14px;
}

#content .innerSpinner #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square.third {
  left: 165px;
}

#content .innerSpinner #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square.first {
  left: 75px;
}

#content .innerSpinner #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square {
  height: 25px;
  width: 25px;
}

#content .innerSpinner #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square:after {
  height: 25px;
  width: 25px;
}

#content .innerSpinner #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container {
  margin: 0 0 0 -140px;
  top: 70%;
  position: relative;
  height: 65px;
}

#content .innerSpinner #ajaxLoadingSpinnerOverlay {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 8020;
  background: 0;
}

#content #ajaxLoadingSpinnerOverlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 10000000000000000;
  background: url(/theme/stwbmain/images/style/transparentWhite.png) repeat;
}

#content #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container {
  background-color: #fff;
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -140px;
  position: absolute;
  top: 50%;
  width: 280px;
}

#content #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square {
  background-color: transparent;
  height: 40px;
  position: absolute;
  top: 30px;
  width: 40px;
}

#content #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#content #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

#content #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

#content #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square.animated.pulse.infinite {
  animation-duration: 1.3s !important;
  -webkit-animation-duration: 1.3s !important;
}

#content #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

#content #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square.first {
  left: 30px;
}

#content #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square.second {
  left: 120px;
}

#content #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square.third {
  left: 210px;
}

#content #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square.first.animated.pulse.infinite {
  animation-delay: 0;
  -webkit-animation-delay: 0;
}

#content #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square.second.animated.pulse.infinite {
  animation-delay: 0.25s !important;
  -webkit-animation-delay: 0.25s !important;
}

#content #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square.third.animated.pulse.infinite {
  animation-delay: 0.5s !important;
  -webkit-animation-delay: 0.5s !important;
}

#content #ajaxLoadingSpinnerOverlay .ajaxLoadingSpinnerOverlay-container .square:after {
  background-color: #e20074;
  content: '';
  display: block;
  height: 40px;
  width: 40px;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
  }
  70% {
    -webkit-transform: scale(1, 1);
    transform: scale3d(1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  30% {
    -webkit-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
  70% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

#content .portlet-body .journal-content-article h1,
#content .portlet-body .journal-content-article h2,
#content .portlet-body .journal-content-article h3 {
  line-height: 1;
  color: #e20074;
  margin: 20px 0 10px;
}

#content .portlet-body .journal-content-article h1,
#content .portlet-body .journal-content-article h2 {
  border-bottom: 1px solid #d0d0d0;
  padding: 0 0 12px;
}

#content .portlet-body .journal-content-article > h1:first-child,
#content .portlet-body .journal-content-article > h2:first-child {
  margin-top: 0;
}

#content .portlet-body .journal-content-article .perex {
  font-size: 24px;
  line-height: 1.3;
}

#content .portlet-body .journal-content-article h1 {
  font-size: 48px;
}

#content .portlet-body .journal-content-article h2 {
  font-size: 36px;
}

#content .portlet-body .journal-content-article h3 {
  font-size: 24px;
}

#content .portlet-body .journal-content-article h4 {
  font-size: 18px;
}

#content .portlet-body .journal-content-article .box-article {
  margin-top: 25px;
}

#content .portlet-body .journal-content-article .box-article > a {
  display: block;
  float: left;
}

#content .portlet-body .journal-content-article .box-article > div {
  float: left;
  width: 460px;
  margin-left: 20px;
}

#content .portlet-body .journal-content-article .box-article > div h3 {
  margin-top: -3px;
  margin-bottom: -1px;
}

#content .portlet-body .journal-content-article .box-article > div p {
  line-height: 1.3;
}

#content .portlet-body .journal-content-article .box-gallery {
  margin: 20px -10px 10px -10px;
}

#content .portlet-body .journal-content-article .box-gallery > a {
  display: block;
  float: left;
  width: 140px;
  text-align: center;
  margin: 0 10px 10px;
  height: 183px;
  overflow: hidden;
  line-height: 1;
  text-decoration: none;
  color: #4b4b4b;
}

#content .portlet-body .journal-content-article .box-gallery > a:hover {
  color: #007faf;
}

#content .portlet-body .journal-content-article .box-gallery > a img {
  display: block;
  margin-bottom: 6px;
}

#content .portlet-body .journal-content-article .box-gallery .show-all-images {
  text-align: left;
  padding-left: 10px;
}

#content .portlet-body .journal-content-article .box-gallery .show-all-images a {
  cursor: pointer;
}

#content .portlet-body .journal-content-article .box-masonry {
  margin: 20px 0 -10px;
}

#content .portlet-body .journal-content-article .box-masonry a {
  display: block;
  float: left;
  margin-bottom: 20px;
}

#content .portlet-body .journal-content-article .banner {
  position: relative;
}

#content .portlet-body .journal-content-article .banner p {
  margin: 0;
  font-size: 24px;
  line-height: 1.3;
  color: white;
  position: absolute;
  top: 50px;
  left: 50px;
  width: 220px;
}

#content .portlet-body .journal-content-article .banner .button {
  height: 62px;
  line-height: 62px;
  left: 120px;
  bottom: 42px;
  position: absolute;
  padding: 0 30px;
}

#content .portlet-body .banner {
  margin-bottom: 10px;
  display: block;
}

#content .portlet-body .banner img {
  display: block;
  border: 0 none;
}

#content .portlet-body .border-box {
  border: 1px solid #d0d0d0;
  padding: 19px;
  margin-bottom: 10px;
}

#content .portlet-body .border-box h2 {
  font-size: 24px;
  line-height: 1;
  margin: -4px 0 12px;
}

#content .portlet-body .border-box p {
  line-height: 1.3;
  font-size: 18px;
}

#content .portlet-body .border-box h2 + p {
  margin-top: -7px;
}

#content .portlet-body .border-box p:last-child {
  margin-bottom: 0;
}

#content .portlet-body .border-box .gallery {
  margin-left: -20px;
  margin-bottom: -20px;
  position: relative;
  font-size: 0;
}

#content .portlet-body .border-box .gallery a {
  display: inline-block;
  font-size: 18px;
  margin-left: 20px;
  margin-bottom: 20px;
}

#content .portlet-body .border-box .gallery a img {
  display: block;
}

#content .portlet-body .box-tool {
  position: fixed;
  bottom: 20%;
  right: 0;
  z-index: 99;
  margin-bottom: 10px;
}

#content .toolbox-section {
  border: 1px solid #d0d0d0;
  padding: 0 19px 0 19px;
  margin-bottom: 20px;
  width: 260px;
  background: #fff;
}

#content .google-play-link-img {
  display: block;
  width: 120px;
  float: left;
}

#content .app-store-link-img {
  display: block;
  width: 120px;
  float: left;
  margin-left: 15px;
  height: 39px;
}

#content .portlet-body .box-tool a {
  text-decoration: none;
  cursor: pointer;
}

#content .portlet-body .box-tool a span {
  text-decoration: underline;
}

#content .portlet-body .box-tool a:hover span {
  text-decoration: none;
}

#content .portlet-body .box-tool .go-top {
  display: block;
  text-align: right;
  line-height: 45px;
  font-size: 16px;
}

#content .portlet-body .box-tool .go-top:before {
  font-family: FontAwesome;
  content: '\f102';
  margin-right: 4px;
}

#content .portlet-body .box-tool h3 {
  position: absolute;
  margin-top: 11px;
}

#content .portlet-body .box-tool h4 {
  font-size: 24px;
  line-height: 1;
  margin: 0;
  padding: 0;
}

#content .portlet-body .box-tool ul {
  margin: 0 -18px 10px;
}

#content .portlet-body .box-tool ul li {
  width: 33.33333%;
  float: left;
  text-align: center;
}

#content .portlet-body .box-tool ul li a {
  padding: 45px 0 0;
  display: block;
  position: relative;
  line-height: 1;
}

#content .portlet-body .box-tool ul li a:before,
#content .portlet-body .box-tool ul li a:after {
  height: 40px;
  line-height: 40px;
  font-size: 35px;
  font-family: FontAwesome;
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0;
  color: #7c7c7c;
}

#content .portlet-body .box-tool ul li a:hover:before {
  color: #d0d0d0;
}

#content .portlet-body .box-tool ul li.tool-print a:before {
  content: '\f02f';
}

#content .portlet-body .box-tool ul li.tool-share a:before {
  content: '\f1e0';
}

#content .portlet-body .box-tool ul li.tool-discussion a:before {
  content: '\f0e6';
}

#content .portlet-body .layout-2-column {
  display: table-row;
}

#content .portlet-body .layout-2-column .journal-content-article {
  display: table-cell;
}

@media screen and (max-width: 599px) {
  #content .portlet-body .layout-2-column .journal-content-article {
    display: block;
  }
}

#content .portlet-body .layout-2-column aside {
  display: table-cell;
  width: 300px;
}

#content .portlet-body .layout-2-column aside:first-child {
  padding-right: 20px;
}

@media screen and (max-width: 599px) {
  #content .portlet-body .layout-2-column aside:first-child {
    padding-right: 0;
  }
}

#content .portlet-body .layout-2-column aside:last-child {
  padding-left: 20px;
}

@media screen and (max-width: 599px) {
  #content .portlet-body .layout-2-column aside:last-child {
    padding-left: 0;
  }
}

@media screen and (max-width: 599px) {
  #content .portlet-body .layout-2-column aside {
    display: block;
    width: auto;
  }
}

@media screen and (max-width: 599px) {
  #content .portlet-body .layout-2-column {
    display: block;
  }
}

#content .header-01 .tiles-wrapper {
  padding-top: 100px;
  position: relative;
}

#content .header-01 .tiles {
  margin-left: -4px;
}

#content .header-01 .tiles > a {
  margin: 0 0 4px 4px;
}

#content .header-01 .tiles.tiles-big {
  width: 486px;
}

#content .header-01 .tiles.tiles-big > a {
  background: #e10073;
  background: rgba(225, 0, 115, 0.85);
  width: 158px;
  height: 148px;
  color: white;
}

#content .header-01 .tiles.tiles-big > a:hover {
  background: #e10073;
  background: #e10073;
}

#content .header-01 .tiles.tiles-big > a.tile-double {
  width: 320px;
}

#content .header-01 .tiles.tiles-big > a > .fa,
#content .header-01 .tiles.tiles-big > a > .not-fa {
  margin: 28px 0 4px;
  font-size: 75px;
  line-height: 75px;
  height: 75px;
}

#content .header-01 .tiles.tiles-small {
  position: absolute;
  bottom: 0;
  left: 486px;
  width: 208px;
}

#content .header-01 .tiles.tiles-small > a {
  background: #226a61;
  background: rgba(34, 106, 97, 0.85);
  width: 100px;
  height: 92px;
  font-size: 18px;
  color: white;
}

#content .header-01 .tiles.tiles-small > a:hover {
  background: #226a61;
  background: #226a61;
}

#content .header-01 .tiles.tiles-small > a.tile-small {
  width: 48px;
  height: 44px;
}

#content .header-01 .tiles.tiles-small > a.tile-small > .fa,
#content .header-01 .tiles.tiles-small > a.tile-small > .not-fa {
  margin: 8px 0 0;
  font-size: 32px;
  line-height: 32px;
  height: 32px;
}

#content .header-01 .tiles.tiles-small > a > .fa,
#content .header-01 .tiles.tiles-small > a > .not-fa {
  margin: 11px 0 8px;
  font-size: 45px;
  line-height: 45px;
  height: 45px;
}

#content .header-07 {
  padding: 50px 80px 0;
  background: #ccc url(/theme/stwbmain/images/example/body-banner.jpg) no-repeat center top;
}

#content .header-07 .list-arrow li,
#content .header-07 .list-square li {
  padding-left: 30px;
}

#content .header-07 .list-arrow li:before,
#content .header-07 .list-square li:before {
  font-size: 19px;
  top: 1px;
}

#content .header-07 .main-search-container {
  margin-bottom: 60px;
}

#content .header-07 .main-search-container input[type='text'] {
  background: white;
  border-color: #d0d0d0;
}

#content .header-07 h1 {
  font-size: 48px;
  line-height: 1.2;
  color: #e10073;
  text-align: center;
  margin: 0 0 10px;
}

#content .header-07 h2 {
  font-size: 36px;
  margin: 0 0 20px;
}

#content .header-07 hr {
  background: #d1c4b7;
}

#content .header-07 .header-content,
#content .header-07 .header-navi {
  background: white;
  background: rgba(255, 255, 255, 0.85);
  padding: 20px 0;
}

#content .header-07 .header-navi > div {
  margin-left: 40px;
  width: 350px;
  float: left;
}

#content .header-07 .tiles-content {
  margin: 20px 0 0 -20px;
}

#content .header-07 .tiles-content .left,
#content .header-07 .tiles-content .header-content,
#content .header-07 .tiles-content .right {
  float: left;
  margin-left: 20px;
}

#content .header-07 .tiles-content .left,
#content .header-07 .tiles-content .right {
  width: 140px;
}

#content .header-07 .tiles-content .header-content {
  width: 380px;
  height: 420px;
  margin-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  overflow: hidden;
}

#content .header-07 .tiles > a {
  margin: 0 0 20px;
  position: relative;
}

#content .header-07 .tiles > a:hover {
  color: #9e0051;
}

#content .header-07 .tiles > a.active {
  background: #e10073;
  background: rgba(225, 0, 115, 0.75);
  color: #fff;
}

#content .header-07 .tiles > a.active:before {
  opacity: 0.75;
  content: '';
  background: url(/theme/stwbmain/images/style/arrow-26.png) no-repeat 0 0;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  color: #e10073;
  width: 13px;
  height: 26px;
  overflow: hidden;
}

#content .header-07 .tiles.left > a.active:before {
  right: -13px;
  background-position: -13px 0;
}

#content .header-07 .tiles.right > a.active:before {
  left: -13px;
  background-position: 0 0;
}

#content .header-07 .expander {
  background: white;
  background: rgba(255, 255, 255, 0.75);
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  display: inline-block;
  cursor: pointer;
  color: #e10073;
  font-size: 18px;
  text-decoration: none;
}

#content .header-07 .expander:hover {
  background: white;
  background: rgba(255, 255, 255, 0.95);
}

#content .header-07 .expander:after {
  font-family: FontAwesome;
  content: '\f107';
  margin-left: 10px;
}

#content .header-07 .expander.expanded:after {
  content: '\f106';
}

#content footer .in {
  width: 940px;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  #content footer .in {
    width: 100%;
  }
}

#content footer .close {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  display: inline-block;
  background: #d0d0d0;
  color: #a4a4a4;
  cursor: pointer;
  display: block;
  position: absolute;
  top: -10px;
  text-align: center;
}

#content footer .close:hover {
  color: white;
}

#content footer .close .fa {
  line-height: 40px;
}

@media screen and (max-width: 960px) {
  #content footer .close {
    display: none;
  }
}

#content .footer-top {
  background: #d0d0d0;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  -webkit-box-shadow: 0 4px 5px 0 #bbb;
  -moz-box-shadow: 0 4px 5px 0 #bbb;
  box-shadow: 0 4px 5px 0 #bbb;
  min-height: 40px;
}

#content .footer-top.sticky {
  position: fixed;
  bottom: 0;
  margin-bottom: 0;
  width: 100%;
  z-index: 401;
}

#content .footer-top .fast-menu {
  float: right;
  margin: 0;
  padding: 0;
}

#content .footer-top .fast-menu li {
  float: left;
  border-right: 1px solid #ededed;
}

@media screen and (max-width: 960px) {
  #content .footer-top .fast-menu li {
    float: none;
    display: inline-block;
    border-right: 0 none;
  }
}

#content .footer-top .fast-menu a {
  color: #e10073;
  text-decoration: none;
  padding: 0 15px;
  line-height: 40px;
  height: 40px;
  display: block;
  float: left;
  font-size: 18px;
  vertical-align: baseline;
}

#content .footer-top .fast-menu a:hover {
  color: #007faf;
}

#content .footer-top .fast-menu a .fa {
  margin-left: 10px;
}

@media screen and (max-width: 960px) {
  #content .footer-top .fast-menu {
    text-align: center;
    font-size: 0;
  }
}

#content .footer-bottom {
  background: #ededed;
  position: static;
  z-index: 1;
  padding: 20px 0;
}

#content .footer-bottom .social-menu {
  margin: 28px 0 0;
  padding: 0;
  float: right;
}

#content .footer-bottom .social-menu li {
  border: 1px solid #ccc;
  width: 58px;
  height: 58px;
  display: block;
  float: left;
  margin-left: 20px;
  position: relative;
}

#content .footer-bottom .social-menu li:first-child {
  margin-left: 0;
}

#content .footer-bottom .social-menu li a {
  display: block;
  float: left;
  width: 58px;
  height: 58px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}

#content .footer-bottom .social-menu li a .fa {
  font-size: 40px;
  line-height: 58px;
  color: #666;
}

#content .footer-bottom .social-menu li a:hover {
  left: -5px;
  top: -5px;
  width: 68px;
  height: 68px;
  background: #e20274;
}

#content .footer-bottom .social-menu li a:hover .fa {
  line-height: 68px;
  color: white;
}

@media screen and (max-width: 800px) {
  #content .footer-bottom .social-menu {
    text-align: center;
    font-size: 0;
    margin: 0 auto;
    float: none;
  }
  #content .footer-bottom .social-menu li {
    float: none;
    display: inline-block;
    margin: 5px;
  }
  #content .footer-bottom .social-menu li:first-child {
    margin-left: 5px;
  }
}

#content .footer-bottom form {
  width: 460px;
  float: left;
  position: relative;
  margin-top: 0;
}

#content .footer-bottom form label {
  display: block;
  padding-bottom: 15px;
  padding-top: 8px;
}

#content .footer-bottom form label.sent {
  margin-top: 45px;
}

#content .footer-bottom form input[type='text'] {
  border: 1px solid #ccc;
  border-right-color: #fff;
  line-height: 45px;
  height: 45px;
  float: left;
  width: 240px;
  font-size: 18px;
}

#content .footer-app-links {
  background: #ededed;
  position: static;
  z-index: 1;
  padding: 20px 0;
  height: 60px;
}

#content .footer-app-links-text {
  color: #666;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
}

#content .play-store-logo,
#content .app-store-logo {
  display: block;
  float: left;
  height: 50px;
  padding-right: 10px;
}

@media screen and (max-width: 800px) {
  #content .footer-app-links {
    text-align: center;
  }
  #content .footer-app-links a {
    display: inline-block;
  }
}

#content #newsletterSubscriptionForm label {
  color: #666;
  font-size: 16px;
  font-weight: 500;
}

#content #newsletterSubscriptionForm span.fa {
  margin: 0 0.25em;
}

#content #subscriberEmail.error {
  color: #d90000;
  background: white;
  padding-right: 0;
}

#content .footer-bottom form button {
  min-width: 140px;
  margin-left: 0;
  font-size: 18px;
  height: 45px;
  line-height: 36px;
  padding: 0 10px;
}

#content .footer-bottom form button.subscribeSuccessful {
  background: #7ab537;
  border: 1px solid #7ab537 !important;
}

@media screen and (max-width: 800px) {
  #content .footer-bottom form {
    float: none;
    width: auto;
    max-width: 460px;
    margin: 0 auto 30px;
    padding: 0 10px;
    text-align: center;
  }
  #content .footer-bottom form button {
    float: left;
    margin: 0;
    max-width: 15%;
    min-width: 15%;
  }
  #content .footer-bottom form input[type='text'] {
    float: left;
    width: 80%;
  }
}

#content .footer-links {
  background: #ededed;
  padding-top: 20px;
}

#content .footer-links > .in {
  border-top: 1px solid #ccc;
  padding: 25px 0;
}

#content .footer-links ul {
  margin: 0;
  padding: 0;
}

#content .footer-links li {
  line-height: 28px;
}

#content .footer-links .in > ul > li {
  float: left;
  width: 25%;
  color: #e20274;
  font-size: 20px;
}

#content .footer-links .in > ul > li a.toggler {
  color: #666;
  float: right;
  padding-right: 40px;
}

#content .footer-links .in > ul > li .listLabel > a {
  color: #e20274;
  text-decoration: none;
}

#content .footer-links .in > ul > li .listLabel > a:hover {
  color: #e20274;
  text-decoration: underline;
}

#content .footer-links .in > ul > li:first-child {
  margin-left: 0;
}

#content .footer-links ul ul {
  margin-top: 15px;
}

@media screen and (max-width: 800px) {
  #content .footer-links .in > ul > li .listLabel {
    font-weight: 500;
  }
  #content .footer-links .in > ul > li {
    width: auto;
    display: block;
    float: none;
    text-align: center;
    line-height: 45px;
  }
  #content .footer-links ul ul {
    margin: 0 auto;
  }
}

#content .footer-links ul ul > li {
  position: relative;
  list-style: none;
}

#content .footer-links ul ul > li a {
  display: block;
  font-size: 16px;
  color: inherit;
  text-decoration: none;
}

#content .footer-links ul ul > li a:hover {
  color: #e20274;
  text-decoration: underline;
}

#content .footer-copyright {
  background: #ededed;
  padding: 25px 0 40px 0;
  line-height: 1.5em;
}

#content .footer-copyright .copyright {
  float: left;
  font-size: 14px;
}

#content .footer-copyright .tc {
  float: right;
  width: 25%;
}

#content .footer-copyright .tc > a {
  color: #e20274;
  font-size: 14px;
  text-decoration: none;
}

#content .footer-copyright .tc > a:hover {
  color: #e20274;
  text-decoration: underline;
}

#content footer .hid-lg-inline {
  display: none;
}

#content footer .vis-lg {
  display: block;
}

@media screen and (max-width: 800px) {
  #content .footer-copyright .copyright,
  #content .footer-copyright .tc {
    float: none;
    width: 100%;
    text-align: center;
  }
  #content footer .vis-lg {
    display: none;
  }
  #content footer .hid-lg-inline {
    display: inline-block;
  }
}

#content footer .magenta-font {
  color: #e20274;
}

@media screen and (max-width: 800px) {
  #content .footer-links ul ul > li {
    padding-right: 60px;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
  }
}

#content .catalogue .products {
  position: relative;
  margin-bottom: 35px;
  font-size: 0;
  text-align: center;
}

#content .catalogue .products li {
  vertical-align: top;
  font-size: 18px;
  width: 300px;
  padding: 20px 0 15px 10px;
  display: inline-block;
  margin-left: 10px;
  position: relative;
  background: url(/theme/stwbmain/images/style/divider-vertical.png) no-repeat 0 center;
}

#content .catalogue .products li:after {
  content: ' ';
  height: 1px;
  margin-top: 20px;
  background: transparent no-repeat center 0;
  background-image: none;
  overflow: hidden;
  display: block;
  position: relative;
  top: 20px;
}

#content .catalogue .products li > div {
  padding-bottom: 10px;
}

#content .catalogue .products li > a {
  width: 190px;
  margin: 0 auto;
  display: block;
  text-decoration: none;
}

#content .catalogue .products li > a img {
  display: block;
}

#content .catalogue .products li.active > div {
  background: #f5f5f5;
}

#content .catalogue .products li .big-icon {
  position: absolute;
  top: 30px;
  right: 190px;
  display: block;
}

#content .catalogue .products li .stars {
  color: #dbad39;
  position: absolute;
  right: 20px;
  top: 160px;
  text-decoration: none;
}

#content .catalogue .products li .stars .fa {
  display: block;
  width: 35px;
  text-align: center;
  height: 19px;
}

#content .catalogue .products li .comparisonAction {
  padding: 10px 0 10px 10px;
  position: absolute;
  color: #007faf;
  font-size: 18px;
  line-height: 1;
  top: 10px;
  right: 0;
  display: block;
  cursor: pointer;
}

#content .catalogue .products li h3 {
  font-size: 24px;
  line-height: 24px;
  margin: 6px 0;
  height: 48px;
  overflow: hidden;
}

#content .catalogue .products li h3 a {
  color: #e10073;
  display: table;
  width: 100%;
}

#content .catalogue .products li h3 a span {
  display: table-cell;
  height: 48px;
  vertical-align: middle;
}

#content .catalogue .products li h3 a:hover {
  text-decoration: underline;
}

#content .catalogue .products li .product-description {
  font-size: 18px;
  line-height: 18px;
  height: 72px;
  overflow: hidden;
  margin: 0 0 3px;
}

#content .hwComparison-wrapper .catalogue .products li .product-description {
  height: 71px;
}

#content .catalogue .products li .prices {
  margin: 0;
}

#content .catalogue .products li .prices span {
  font-size: 42px;
  line-height: 42px;
  color: #e10073;
  width: 140px;
  float: left;
  display: block;
}

#content .catalogue .products li .prices span sup {
  vertical-align: top;
  line-height: 30px;
  font-size: 17px;
}

#content .catalogue .products li .prices span.before,
#content .catalogue .products li .prices span.after {
  width: 80px;
  color: #a4a4a4;
  font-size: 24px;
  line-height: 36px;
  height: 36px;
}

#content .catalogue .products li .prices span.before sup,
#content .catalogue .products li .prices span.after sup {
  font-size: 10px;
  line-height: 36px;
}

#content .catalogue .products li .prices span.after {
  text-align: left;
  position: relative;
}

#content .catalogue .products li .prices span.after .inner-price {
  width: 80px;
  color: #a4a4a4;
  font-size: 24px;
  line-height: 36px;
  height: 36px;
}

#content .catalogue .products li .prices span.after i {
  position: absolute;
  left: 15px;
  bottom: 0;
  font-size: 10px;
  line-height: 10px;
}

#content .catalogue .products li .prices span.before {
  text-align: right;
}

#content .catalogue .products li .prices span.after:before {
  content: '+';
  display: inline-block;
  width: 15px;
}

#content .catalogue .products li .price-description {
  font-size: 18px;
  line-height: 18px;
  margin: 0 0 5px;
  top: -3px;
  position: relative;
}

#content .catalogue .products li .buttons {
  margin: 0;
}

#content .catalogue .products li .buttons input[type='button'],
#content .catalogue .products li .buttons button {
  width: 140px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  margin: 0 auto;
}

#content .catalogue .products li .buttons button.button-not-orderable {
  color: white;
}

#content .catalogue .footer {
  display: block;
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #d0d0d0;
}

#content .catalogue .footer .in {
  width: 940px;
  margin: 0 auto;
  padding: 5px 0;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 960px) {
  #content .catalogue .footer .in {
    width: 100%;
  }
}

#content .catalogue .footer .comparison {
  background: url(/theme/stwbmain/images/style/icons-30.png) no-repeat 0 0;
  display: inline-block;
  padding: 0 50px;
  line-height: 30px;
  position: relative;
}

#content .catalogue .footer .comparison a:hover {
  text-decoration: none;
}

#content .catalogue .footer .comparison span {
  width: 30px;
  float: right;
  text-align: left;
  position: absolute;
  right: 0;
  top: 0;
  font-weight: bold;
  color: #e10073;
}

#content .catalogue-items-wapper .comparisonAction.comparison-add .fa {
  margin-right: 3px;
}

#content .catalogue-items-wapper .comparisonAction.comparison-add .fa:before {
  content: '\f096';
}

#content .catalogue-items-wapper .comparisonAction.comparison-remove .fa:before {
  content: '\f046';
}

@media screen and (min-width: 961px) {
  #content .catalogue-items-wapper .catalogue .products li:nth-child(3n + 1) {
    margin-left: 0;
    padding-left: 0;
    background-image: none;
  }
  #content .catalogue-items-wapper .catalogue .products li:nth-child(3n + 1):after {
    width: 940px;
    background-image: url(/theme/stwbmain/images/style/divider-horizontal.png);
  }
  #content .catalogue-items-wapper .catalogue .products li:nth-child(3n + 2) {
    padding-right: 0;
  }
}

@media screen and (max-width: 960px) and (min-width: 641px) {
  #content .catalogue-items-wapper .catalogue .products li:nth-child(odd) {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    background-image: none;
  }
  #content .catalogue-items-wapper .catalogue .products li:nth-child(odd):after {
    width: 620px;
    background-image: url(/theme/stwbmain/images/style/divider-horizontal.png);
  }
}

@media screen and (max-width: 640px) {
  #content .catalogue-items-wapper .catalogue .products li {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-left: 0;
    padding-right: 0;
    background: 0;
  }
  #content .catalogue-items-wapper .catalogue .products li:after {
    width: 100%;
    background-image: url(/theme/stwbmain/images/style/divider-horizontal.png);
  }
}

@media screen and (max-width: 960px) {
  #content .catalogue-items-wapper .catalogue .products {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
}

#content .comparison-items-wrapper {
  width: 731px;
  margin: 0 0 0 150px;
  position: relative;
}

#content .comparison-items-wrapper .next,
#content .comparison-items-wrapper .prev {
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  color: #d0d0d0;
  font-size: 36px;
  text-decoration: none;
  cursor: pointer;
}

#content .comparison-items-wrapper .next:before,
#content .comparison-items-wrapper .prev:before {
  font-family: FontAwesome;
}

#content .comparison-items-wrapper .next:hover,
#content .comparison-items-wrapper .prev:hover {
  color: #a4a4a4;
}

#content .comparison-items-wrapper .next.disabled,
#content .comparison-items-wrapper .prev.disabled {
  display: none;
}

#content .comparison-items-wrapper .next {
  right: -50px;
}

#content .comparison-items-wrapper .next:before {
  content: '\f054';
}

#content .comparison-items-wrapper .prev {
  left: -50px;
}

#content .comparison-items-wrapper .prev:before {
  content: '\f053';
}

#content .comparison-items-wrapper .catalogue {
  overflow: hidden;
  width: 731px;
  position: relative;
  height: 505px;
}

#content .comparison-items-wrapper .catalogue .products {
  margin-top: 10px;
  margin-left: -10px;
  width: 20000px;
  height: 460px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
}

#content .comparison-items-wrapper .catalogue .products li {
  width: 220px;
  padding-top: 40px;
  padding-bottom: 0;
  text-align: center;
}

#content .comparison-items-wrapper .catalogue .products li:last-child {
  padding-right: 10px;
}

#content .comparison-items-wrapper .catalogue .products li:last-child:before {
  content: ' ';
  background: url(/theme/stwbmain/images/style/divider-vertical.png) no-repeat right center;
  width: 1px;
  height: 460px;
  position: absolute;
  display: block;
  right: 0;
  top: 0;
}

#content .comparison-items-wrapper .catalogue .products li:last-child .comparisonAction {
  right: 30px;
}

#content .comparison-items-wrapper .catalogue .products li p {
  color: #6c6c6c;
}

#content .comparison-items-wrapper .catalogue .products li > a {
  width: 150px;
}

#content .comparison-items-wrapper .catalogue .products li > a img {
  display: block;
  margin: 0 auto;
}

#content .comparison-items-wrapper .catalogue .products li .comparisonAction {
  padding-top: 0;
  right: 20px;
  font-size: 14px;
}

#content .comparison-items-wrapper .catalogue .products li .stars {
  position: static;
  bottom: auto;
  right: auto;
  margin-top: 10px;
}

#content .comparison-items-wrapper .catalogue .products li .stars .fa {
  width: auto;
  display: inline-block;
}

#content .comparison-items-wrapper .catalogue .products li .prices span {
  width: 120px;
  float: none;
  display: inline;
}

#content .comparison-items-wrapper .catalogue .products li .prices span.before,
#content .comparison-items-wrapper .catalogue .products li .prices span.after {
  width: 50px;
}

#content .comparison-items-wrapper.comparison-items-wrapper-empty {
  background: url(/theme/stwbmain/images/style/comparison-empty-bg.jpg) no-repeat center 0;
  min-height: 500px;
  margin-top: 25px;
  text-align: center;
}

#content .comparison-items-wrapper.comparison-items-wrapper-empty h2 {
  padding: 32px 0 0;
  margin: 0 0 38px;
  font-size: 48px;
  line-height: 50px;
  color: #4b4b4b;
}

#content .comparison-items-wrapper.comparison-items-wrapper-empty a {
  display: block;
  text-decoration: none;
  width: 240px;
  margin: 0 auto;
}

#content .comparison-items-wrapper.comparison-items-wrapper-empty a:before {
  width: 192px;
  height: 192px;
  -webkit-border-radius: 192px;
  -moz-border-radius: 192px;
  border-radius: 192px;
  display: inline-block;
  display: block;
  content: ' ';
  background: #d0d0d0 url(/theme/stwbmain/images/style/plus-53.png) no-repeat center center;
  width: 96px;
  height: 96px;
  line-height: 96px;
  color: white;
  margin: 0 auto 20px;
}

#content .comparison-items-wrapper.comparison-items-wrapper-empty a span {
  text-decoration: underline;
}

#content .comparison-items-wrapper.comparison-items-wrapper-empty a:hover:before {
  background-color: #a4a4a4;
}

#content .comparison-items-wrapper.comparison-items-wrapper-empty a:hover span {
  text-decoration: none;
}

#content .comparisonTable {
  margin-bottom: 35px;
  border: 0 none;
  width: 100%;
  max-width: 870px;
}

#content .comparisonTable.comparisonTableFor1Column {
  width: 390px;
}

#content .comparisonTable.comparisonTableFor2Column {
  width: 630px;
}

#content .comparisonTable tbody td {
  text-align: center;
  display: none;
}

#content .comparisonTable tbody td:nth-child(1) {
  width: 130px;
  text-align: left;
  display: table-cell;
}

#content .comparisonTable tbody td.visible {
  width: 220px;
  display: table-cell;
}

#content #comparisonBottomBar {
  display: block;
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #d0d0d0;
}

#content #comparisonBottomBar .in {
  width: 940px;
  margin: 0 auto;
  padding: 5px 0;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 960px) {
  #content #comparisonBottomBar .in {
    width: 100%;
  }
}

#content #comparisonBottomBar .comparison {
  background: url(/theme/stwbmain/images/style/icons-30.png) no-repeat 0 0;
  display: inline-block;
  padding: 0 50px;
  line-height: 30px;
  position: relative;
}

#content #comparisonBottomBar .comparison span {
  width: 30px;
  float: right;
  text-align: left;
  position: absolute;
  right: 0;
  top: 0;
  font-weight: bold;
  color: #e10073;
}

#content .standardAndOfferBanner .jssora21l,
#content .standardAndOfferBanner .jssora21r,
#content .standardAndOfferBanner .jssora21ldn,
#content .standardAndOfferBanner .jssora21rdn {
  position: absolute;
  cursor: pointer;
  display: block;
  background: url(/theme/stwbmain/images/style/arrows-banner.png) no-repeat 0 0;
  overflow: hidden;
  height: 300px;
  width: 30px;
  top: 0;
}

#content .standardAndOfferBanner .jssora21l,
#content .standardAndOfferBanner .jssora21ldn {
  left: -30px;
  background-position: -30px 0;
}

#content .standardAndOfferBanner .jssora21l:hover,
#content .standardAndOfferBanner .jssora21ldn:hover {
  background-position: 0 0;
}

#content .standardAndOfferBanner .jssora21r,
#content .standardAndOfferBanner .jssora21rdn {
  right: -30px;
  background-position: -90px 0;
}

#content .standardAndOfferBanner .jssora21r:hover,
#content .standardAndOfferBanner .jssora21rdn:hover {
  background-position: -120px 0;
}

@media screen and (max-width: 959px) {
  #content .hideBannerOn959Size {
    display: none;
  }
}

#content .filter {
  margin: 35px 0;
}

#content .filter .filter-top {
  border: 1px solid #ededed;
}

#content .filter .filter-category {
  float: left;
}

#content .filter .filter-category li {
  width: 167px;
  float: left;
  text-align: center;
  border-left: 1px solid #ededed;
}

#content .filter .filter-category li:first-child {
  border-left: 0 none;
}

#content .filter .filter-category li a {
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 24px;
  padding: 6px 0;
  text-decoration: none;
}

#content .filter .filter-category li a:hover {
  color: #e10073;
}

@media screen and (max-width: 640px) {
  #content .filter .filter-category li a {
    font-size: 18px;
  }
}

#content .filter .filter-category li.active a {
  position: relative;
  color: #e10073;
}

#content .filter .filter-category li.active a:after {
  content: ' ';
  width: 20px;
  height: 11px;
  background: url(/theme/stwbmain/images/style/tabs-arrow-down-light.png) no-repeat 0 0;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -11px;
}

@media screen and (max-width: 960px) {
  #content .filter .filter-category li {
    display: table-cell;
    width: 33.333333%;
    float: none;
  }
}

@media screen and (max-width: 960px) {
  #content .filter .filter-category {
    float: none;
    display: table;
    width: 100%;
    border-top: 1px solid #ededed;
  }
}

#content .filter .filter-sorting-wrapper {
  float: right;
  height: 48px;
  border-left: 1px solid #ededed;
  width: 434px;
}

@media screen and (max-width: 960px) {
  #content .filter .filter-sorting-wrapper {
    border-left: 0 none;
    float: none;
    width: auto;
  }
}

@media screen and (max-width: 640px) {
  #content .filter .filter-sorting-wrapper {
    height: auto;
  }
}

#content .filter .filter-sorting {
  line-height: 36px;
  vertical-align: baseline;
  height: 36px;
  padding: 6px 0;
  float: left;
  width: 284px;
}

#content .filter .filter-sorting label {
  width: 73px;
  font-size: 18px;
  height: 36px;
  display: inline-block;
  float: left;
  padding-left: 15px;
}

@media screen and (max-width: 960px) {
  #content .filter .filter-sorting label {
    padding-left: 10px;
    width: 85px;
  }
}

#content .filter .filter-sorting select,
#content .filter .filter-sorting .heapBox {
  width: 196px;
  display: block;
  clear: none;
  margin: 0;
  float: left;
}

#content .filter .filter-sorting select.open,
#content .filter .filter-sorting .heapBox.open {
  height: 36px;
}

#content .filter .filter-sorting select.open .holder,
#content .filter .filter-sorting .heapBox.open .holder {
  padding-top: 8px;
  padding-bottom: 8px;
}

@media screen and (max-width: 960px) {
  #content .filter .filter-sorting {
    width: auto;
  }
}

@media screen and (max-width: 640px) {
  #content .filter .filter-sorting {
    float: none;
  }
}

#content .filter .filter-toggle {
  padding: 9px 35px 9px 25px;
  position: relative;
  display: block;
  line-height: 15px;
  height: 30px;
  float: left;
  width: 85px;
  text-decoration: none;
}

#content .filter .filter-toggle:after {
  font-family: FontAwesome;
  content: '\f0ae';
  font-size: 25px;
  line-height: 1;
  height: 25px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
}

@media screen and (max-width: 960px) {
  #content .filter .filter-toggle {
    float: right;
    margin-right: 5px;
  }
}

#content .filter a.filter-toggle {
  cursor: pointer;
}

#content .filter a.filter-toggle:hover {
  color: #e10073;
}

#content .filter .filter-extended {
  position: relative;
}

#content .filter .filter-extended .filter-top {
  position: relative;
  height: 48px;
}

#content .filter .filter-extended .filter-top:after {
  content: ' ';
  width: 20px;
  height: 11px;
  background: url(/theme/stwbmain/images/style/tabs-arrow-down-light.png) no-repeat 0 0;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -10px;
}

@media screen and (max-width: 960px) {
  #content .filter .filter-extended .filter-top:after {
    left: auto;
    margin-left: auto;
    right: 155px;
    margin-right: -10px;
  }
}

#content .filter .filter-extended .filter-sorting {
  width: auto;
  padding-right: 15px;
  border-right: 1px solid #ededed;
}

@media screen and (max-width: 960px) {
  #content .filter .filter-extended .filter-sorting {
    padding-right: 18px;
  }
}

@media screen and (max-width: 640px) {
  #content .filter .filter-extended .filter-sorting {
    display: none;
  }
}

#content .filter .filter-extended .filter-toggle {
  padding: 6px 55px;
  line-height: 36px;
  height: 36px;
  width: auto;
  font-size: 24px;
  color: #e10073;
}

#content .filter .filter-extended .filter-toggle:after {
  position: static;
  top: auto;
  right: auto;
  margin: 0 0 0 20px;
  line-height: inherit;
  display: inline;
  vertical-align: middle;
}

@media screen and (max-width: 960px) {
  #content .filter .filter-extended .filter-toggle:after {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  #content .filter .filter-extended .filter-toggle {
    padding-right: 0;
    padding-left: 10px;
    float: left;
  }
}

#content .filter .filter-extended .filter-close {
  cursor: pointer;
  text-decoration: none;
  color: #d90000;
  font-size: 32px;
  height: 0;
  padding-top: 32px;
  width: 32px;
  overflow: hidden;
  line-height: 1;
  font-weight: bold;
  position: absolute;
  top: 8px;
  right: 2px;
}

#content .filter .filter-extended .filter-close:before {
  font-family: FontAwesome;
  content: '\f00d';
  margin-top: -32px;
  display: block;
}

#content .filter .filter-extended .filter-close:hover {
  color: #007faf;
}

#content .filter .filter-body {
  border: 1px solid #ededed;
  border-top: 0;
  padding: 10px 20px;
}

@media screen and (max-width: 640px) {
  #content .filter .filter-body {
    padding: 9px;
  }
}

#content .filter .filter-row-wrapper {
  position: relative;
}

#content .filter .filter-row-wrapper .prev,
#content .filter .filter-row-wrapper .next {
  width: 80px;
  position: absolute;
  display: block;
  bottom: 10px;
  height: 400px;
  background: url(/theme/stwbmain/images/style/filter-arrow-bg.png) repeat-y 0 0;
  z-index: 2;
  text-decoration: none;
  cursor: pointer;
  color: #d0d0d0;
}

#content .filter .filter-row-wrapper .prev:before,
#content .filter .filter-row-wrapper .next:before {
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  font-size: 35px;
  height: 35px;
  line-height: 35px;
  display: block;
  margin-top: -17.5px;
}

#content .filter .filter-row-wrapper .prev:hover,
#content .filter .filter-row-wrapper .next:hover {
  color: #a4a4a4;
}

#content .filter .filter-row-wrapper .prev {
  left: -20px;
  background-position: 0 0;
}

#content .filter .filter-row-wrapper .prev:before {
  content: '\f053';
  left: 10px;
}

#content .filter .filter-row-wrapper .next {
  right: -20px;
  background-position: -80px 0;
}

#content .filter .filter-row-wrapper .next:before {
  content: '\f054';
  right: 10px;
}

#content .filter .filter-row-wrapper:first-child .filter-row {
  border-top: 0 none;
}

#content .filter .filter-row {
  border-top: 1px solid #ededed;
  padding: 10px 0;
  width: 900px;
  overflow: hidden;
}

#content .filter .filter-row .filter-row-inner {
  width: 60000px;
}

@media screen and (max-width: 960px) {
  #content .filter .filter-row .filter-row-inner {
    width: auto;
  }
}

@media screen and (max-width: 960px) {
  #content .filter .filter-row {
    width: auto;
    overflow: visible;
    border-top: 0 none;
    padding: 0;
  }
}

#content .filter .filter-box {
  height: 176px;
  padding: 0 20px;
  border-left: 1px solid #ededed;
  float: left;
}

#content .filter .filter-box:first-child {
  padding-left: 0;
  border-left: 0;
}

#content .filter .filter-box:last-child {
  padding-right: 0;
}

#content .filter .filter-box .filter-box-inner {
  position: relative;
}

#content .filter .filter-box.filter-box-range {
  width: 526px;
}

#content .filter .filter-box.filter-box-range .group label {
  width: 156px;
  height: 44px;
  line-height: 44px;
  float: left;
  font-size: 18px;
}

@media screen and (max-width: 640px) {
  #content .filter .filter-box.filter-box-range .group label {
    float: none;
  }
}

#content .filter .filter-box.filter-box-range .group .control {
  width: 300px;
  float: left;
}

#content .filter .filter-box.filter-box-range .group .control select,
#content .filter .filter-box.filter-box-range .group .control .heapBox {
  margin: 4px 0;
}

@media screen and (max-width: 640px) {
  #content .filter .filter-box.filter-box-range .group .control select,
  #content .filter .filter-box.filter-box-range .group .control .heapBox {
    margin-top: 6px;
  }
}

@media screen and (max-width: 640px) {
  #content .filter .filter-box.filter-box-range .group .control {
    float: none;
    width: 280px;
  }
}

@media screen and (max-width: 640px) {
  #content .filter .filter-box.filter-box-range .group.group-select label {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  #content .filter .filter-box.filter-box-range .group.group-select {
    padding-bottom: 11px;
  }
}

#content .filter .filter-box.filter-box-range .group.group-slider label {
  width: 86px;
}

@media screen and (max-width: 640px) {
  #content .filter .filter-box.filter-box-range .group.group-slider label {
    width: 150px;
    display: block;
    height: auto;
    line-height: 1;
    margin-left: 65px;
    margin-bottom: -26px;
    text-align: center;
    color: #e10073;
    padding-top: 7px;
  }
}

#content .filter .filter-box.filter-box-range .group.group-slider .control {
  position: relative;
  width: 440px;
}

#content .filter .filter-box.filter-box-range .group.group-slider .control input {
  width: 65px;
  font-size: 18px;
  height: 44px;
  line-height: 44px;
  border: 0 none;
  position: absolute;
  top: 0;
  padding: 0;
}

#content .filter .filter-box.filter-box-range .group.group-slider .control input.ui-slider-from {
  left: 0;
  text-align: right;
}

@media screen and (max-width: 640px) {
  #content .filter .filter-box.filter-box-range .group.group-slider .control input.ui-slider-from {
    text-align: left;
  }
}

#content .filter .filter-box.filter-box-range .group.group-slider .control input.ui-slider-to {
  right: 0;
}

@media screen and (max-width: 640px) {
  #content .filter .filter-box.filter-box-range .group.group-slider .control input.ui-slider-to {
    text-align: right;
  }
}

@media screen and (max-width: 640px) {
  #content .filter .filter-box.filter-box-range .group.group-slider .control input {
    top: auto;
    bottom: 16px;
    height: 22px;
    line-height: 22px;
  }
}

#content .filter .filter-box.filter-box-range .group.group-slider .control .ui-slider {
  position: absolute;
  top: 17px;
  left: 70px;
  width: 300px;
}

@media screen and (max-width: 640px) {
  #content .filter .filter-box.filter-box-range .group.group-slider .control .ui-slider {
    left: 0;
    top: auto;
    bottom: 0;
    width: 280px;
  }
}

@media screen and (max-width: 640px) {
  #content .filter .filter-box.filter-box-range .group.group-slider .control {
    width: 280px;
    height: 44px;
  }
}

@media screen and (max-width: 640px) {
  #content .filter .filter-box.filter-box-range .group.group-slider {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 960px) {
  #content .filter .filter-box.filter-box-range {
    border-top: 0 none;
    padding-top: 0;
  }
}

#content .filter .filter-box.filter-box-checkables {
  width: 330px;
}

@media screen and (min-width: 960px) {
  #content .filter .filter-box.filter-box-checkables.filter-box-checkables-columns-3 {
    width: 500px;
  }
  #content .filter .filter-box.filter-box-checkables.filter-box-checkables-columns-4 {
    width: 670px;
  }
  #content .filter .filter-box.filter-box-checkables.filter-box-checkables-columns-5 {
    width: 840px;
  }
  #content .filter .filter-box.filter-box-checkables.filter-box-checkables-columns-6 {
    width: 1010px;
  }
  #content .filter .filter-box.filter-box-checkables.filter-box-checkables-columns-7 {
    width: 1180px;
  }
  #content .filter .filter-box.filter-box-checkables.filter-box-checkables-columns-8 {
    width: 1350px;
  }
  #content .filter .filter-box.filter-box-checkables.filter-box-checkables-columns-9 {
    width: 1520px;
  }
}

#content .filter .filter-box.filter-box-checkables .filter-box-inner {
  margin-left: -10px;
}

#content .filter .filter-box .checkable {
  font-size: 18px;
  line-height: 1;
  height: 36px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin: 0 0 0 10px;
  width: 113px;
  float: left;
}

#content .filter .filter-box .checkable .radio,
#content .filter .filter-box .checkable .checker {
  top: 7px;
}

#content .filter .filter-box .checkable .cell {
  display: table-cell;
  vertical-align: middle;
  height: 36px;
}

@media screen and (max-width: 960px) {
  #content .filter .filter-box .checkable {
    width: 139px;
  }
}

@media screen and (max-width: 640px) {
  #content .filter .filter-box .checkable {
    width: 88px;
    overflow: hidden;
  }
}

#content .filter .filter-box a.checkable {
  padding-left: 0;
  width: 160px;
  cursor: pointer;
}

@media screen and (max-width: 960px) {
  #content .filter .filter-box a.checkable {
    width: 186px;
  }
}

@media screen and (max-width: 640px) {
  #content .filter .filter-box a.checkable {
    width: 135px;
  }
}

#content .filter .filter-box.filter-box-colors {
  width: 135px;
}

#content .filter .filter-box.filter-box-colors .filter-box-inner {
  margin-left: -9px;
}

#content .filter .filter-box.filter-box-colors .checkable {
  width: 39px;
  padding: 39px 0 0;
  margin-left: 9px;
  text-align: center;
  line-height: 18px;
}

#content .filter .filter-box.filter-box-colors .checkable .cell {
  display: block;
  padding-top: 10px;
  height: auto;
  width: auto;
}

#content .filter .filter-box.filter-box-colors .checkable .checker {
  width: 39px;
  height: 39px;
  cursor: pointer;
  top: 0;
  left: 0;
}

#content .filter .filter-box.filter-box-colors .checkable .checker.disabled {
  cursor: default;
}

#content .filter .filter-box.filter-box-colors .checkable .checker span {
  width: 39px;
  height: 39px;
  box-sizing: border-box;
}

#content .filter .filter-box.filter-box-colors .checkable .checker span:before {
  content: ' ';
  text-align: center;
  display: block;
  width: 39px;
  height: 39px;
  line-height: 39px;
  font-size: 35px;
  font-family: FontAwesome;
}

#content .filter .filter-box.filter-box-colors .checkable .checker span.checked:before {
  content: '\f00c';
}

@media screen and (max-width: 960px) {
  #content .filter .filter-box {
    float: none;
    border: 0 none;
    border-top: 1px solid #ededed;
    padding: 10px 0;
    width: auto !important;
    height: auto !important;
  }
}

#content .filter .filter-row-names .filter-box {
  height: 220px;
}

#content .filter .filter-row-names .filter-box h3 {
  margin: 0 0 7px 10px;
  font-size: 18px;
  line-height: 1;
  display: none;
}

@media screen and (max-width: 960px) {
  #content .filter .filter-row-names .filter-box h3 {
    display: block;
  }
}

#content .filter .filter-navigation {
  padding: 8px 0 18px;
}

#content .filter .filter-navigation li {
  display: inline-block;
  line-height: 1;
  margin-right: 26px;
}

#content .filter .filter-navigation li a {
  text-decoration: none;
  cursor: pointer;
}

#content .filter .filter-navigation li a:hover {
  color: #e10073;
}

#content .filter .filter-navigation li.active a {
  color: #e10073;
}

@media screen and (max-width: 960px) {
  #content .filter .filter-navigation {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  #content .filter {
    width: 620px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 640px) {
  #content .filter {
    width: 300px;
  }
}

#content .product-detail {
  margin-top: 20px;
}

#content .product-detail .stars {
  width: 120px;
  float: right;
  display: block;
  position: relative;
  margin-top: -2px;
  color: #dbad39;
  font-size: 0;
}

#content .product-detail .stars .fa {
  display: inline-block;
  width: 24px;
  text-align: center;
  font-size: 24px;
  line-height: 1;
}

#content .product-detail .top {
  z-index: 2;
  position: relative;
}

#content .product-detail .top .stars {
  height: 30px;
}

@media screen and (max-width: 480px) {
  #content .product-detail .top .stars {
    float: none;
    margin: 20px auto;
  }
}

#content .product-detail .pictures {
  width: 460px;
  min-height: 110px;
  position: relative;
  float: left;
}

#content .product-detail .pictures .big {
  text-align: center;
}

#content .product-detail .pictures .big > img {
  max-width: 460px;
  min-width: 300px;
}

#content .product-detail .pictures .big .big-icon {
  position: absolute;
  top: 10px;
  left: 10px;
}

#content .product-detail .pictures .thumbs {
  display: block;
  font-size: 0;
  height: 140px;
  width: 460px;
  overflow: hidden;
  position: relative;
  margin-bottom: 45px;
}

#content .product-detail .pictures .thumbs .items {
  position: absolute;
  width: 20000px;
  height: 140px;
}

#content .product-detail .pictures .thumbs .items > div {
  float: left;
  height: 140px;
  width: 460px;
}

#content .product-detail .pictures .thumbs .items > div .pictureSmall-container {
  display: inline-block;
}

#content .product-detail .pictures .thumbs .items > div .pictureSmall-container:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#content .product-detail .pictures .thumbs .items > div .pictureSmall-container:first-child {
  margin-left: 0;
}

@media screen and (max-width: 480px) {
  #content .product-detail .pictures .thumbs .items > div .pictureSmall-container img {
    width: 86px;
  }
}

@media screen and (max-width: 480px) {
  #content .product-detail .pictures .thumbs .items > div {
    width: 300px;
    height: 86px;
  }
}

@media screen and (max-width: 480px) {
  #content .product-detail .pictures .thumbs .items {
    height: 86px;
  }
}

#content .product-detail .pictures .thumbs a.next,
#content .product-detail .pictures .thumbs a.prev {
  display: block;
  background: url(/theme/stwbmain/images/style/arrows-carousel-detail.png) no-repeat 0 0;
  width: 22px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  cursor: pointer;
}

#content .product-detail .pictures .thumbs a.next.disabled,
#content .product-detail .pictures .thumbs a.prev.disabled {
  display: none;
}

#content .product-detail .pictures .thumbs a.prev {
  left: 0;
  background-position: 0 0;
}

#content .product-detail .pictures .thumbs a.prev:hover {
  background-position: -22px 0;
}

#content .product-detail .pictures .thumbs a.next {
  right: 0;
  background-position: -66px 0;
}

#content .product-detail .pictures .thumbs a.next:hover {
  background-position: -44px 0;
}

@media screen and (max-width: 480px) {
  #content .product-detail .pictures .thumbs {
    height: 86px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 960px) {
  #content .product-detail .pictures {
    float: none;
    margin: 0 auto;
  }
}

@media screen and (max-width: 480px) {
  #content .product-detail .pictures {
    width: auto;
  }
}

#content .product-detail .right {
  width: 460px;
  float: right;
}

@media screen and (max-width: 960px) {
  #content .product-detail .right {
    float: none;
    margin: 0 auto;
  }
}

@media screen and (max-width: 480px) {
  #content .product-detail .right {
    width: auto;
  }
}

#content .product-detail .headline {
  position: relative;
  margin-top: -9px;
  margin-bottom: 10px;
}

#content .product-detail .headline h1,
#content .product-detail .headline h2 {
  line-height: 52px;
  color: #e20074;
  font-size: 48px;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 960px) {
  #content .product-detail .headline h1,
  #content .product-detail .headline h2 {
    display: inline;
  }
}

@media screen and (max-width: 960px) {
  #content .product-detail .headline {
    width: auto;
    padding-left: 10px;
  }
}

#content .product-detail .links {
  margin-bottom: 30px;
}

#content .product-detail .top-params {
  margin-bottom: -4px;
  width: 300px;
  float: left;
}

#content .product-detail .top-params li {
  position: relative;
  height: 30px;
  line-height: 30px;
  background: #f6f6f6;
  margin-bottom: 4px;
}

#content .product-detail .top-params li > span {
  height: 30px;
  line-height: 30px;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  text-align: center;
  font-size: 16px;
  padding-left: 50px;
}

#content .product-detail .top-params li > span .fa {
  line-height: 30px;
  margin-right: 6px;
}

#content .product-detail .top-params li.blue > span {
  background-position: 0 0;
}

#content .product-detail .top-params li.orange > span {
  background-position: 0 -30px;
}

#content .product-detail .top-params li.purple > span {
  background-position: 0 -60px;
}

#content .product-detail .top-params li.teal > span {
  background-position: 0 -90px;
}

#content .product-detail .top-params li.olive > span {
  background-position: 0 -120px;
}

@media screen and (max-width: 480px) {
  #content .product-detail .top-params {
    float: none;
    margin: 0 auto;
  }
}

@media screen and (max-width: 480px) {
  #content .product-detail .actions {
    position: absolute;
    left: 50%;
    margin-left: -150px;
    box-sizing: border-box;
    bottom: -90px;
  }
}

#content .product-detail .price-box {
  background: #ededed;
  padding: 23px 0 27px;
  margin: 0 0 20px 0;
}

#content .product-detail .price-box .main-price,
#content .product-detail .price-box .other-price {
  font-size: 80px;
  line-height: 80px;
  display: block;
  float: left;
  text-align: center;
}

#content .product-detail .price-box .main-price sup,
#content .product-detail .price-box .other-price sup {
  font-size: 32px;
  vertical-align: super;
  line-height: normal;
  top: 0;
}

#content .product-detail .price-box .main-price sup {
  font-size: 17px;
}

#content .product-detail .price-box .main-price .full-price-block sup {
  font-size: 40px;
}

#content .product-detail .price-box .main-price,
#content .product-detail .price-box .other-price {
  font-size: 60px;
}

#content .product-detail .price-box .main-price .price-web-value sup {
  font-size: 32px;
}

@media screen and (max-width: 480px) {
  #content .product-detail .price-box .main-price sup,
  #content .product-detail .price-box .other-price sup {
    line-height: 39px;
    font-size: 24px;
  }
}

#content .product-detail .price-box .main-price .price-type,
#content .product-detail .price-box .other-price .price-type {
  font-size: 18px;
  line-height: 22px;
  display: block;
  color: #a4a4a4;
}

#content .product-detail .price-box .other-price .price-type.new-price {
  line-height: 17px;
}

#content .product-detail .price-box .main-price .price-type.new-price {
  line-height: 17px;
}

#content .product-detail span.happy-new-price.price-web-value {
  font-size: 60px;
}

#content .product-detail span.happy-old-price.price-value {
  font-size: 35px;
}

#content .portlet-body .product-detail .single-price-block {
  margin-top: 20px;
}

#content .portlet-body .product-detail .single-price-block.zero-oc-web {
  height: 115px;
}

@media screen and (max-width: 480px) {
  #content .product-detail .price-box .main-price .price-type,
  #content .product-detail .price-box .other-price .price-type {
    line-height: 18px;
    font-size: 18px;
  }
}

#content .product-detail .price-box .main-price {
  width: 213px;
  color: #e20074;
}

@media screen and (max-width: 480px) {
  #content .product-detail .price-box .main-price {
    width: 139px;
  }
}

#content .product-detail .price-box .other-price {
  width: 247px;
  color: #e20074;
  background: url(/theme/stwbmain/images/style/icon-plus-price-35.png) no-repeat 0 21px;
}

@media screen and (max-width: 480px) {
  #content .product-detail .price-box .other-price {
    width: 161px;
    background: url(/theme/stwbmain/images/style/icon-plus-price-21.png) no-repeat 0 14px;
  }
}

@media screen and (max-width: 480px) {
  #content .product-detail .price-box {
    height: auto;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}

#content .product-detail .price-info-box .price-info,
#content .product-detail .price-info-box button,
#content .product-detail .price-info-box .itemOutOfStock-parent {
  display: block;
  width: 230px;
}

@media screen and (max-width: 480px) {
  #content .product-detail .price-info-box .price-info,
  #content .product-detail .price-info-box button,
  #content .product-detail .price-info-box .itemOutOfStock-parent {
    float: none !important;
    margin: 0 auto;
  }
}

#content .product-detail .price-info-box .price-info {
  width: 200px;
  padding: 5px 0 0 0;
  float: left;
  min-height: 60px;
  position: relative;
  color: black;
  font-size: 18px;
  line-height: 20px;
}

#content #content .product-detail .price-info-box .price-info a {
  font-size: 18px;
}

#content .product-detail .price-info-box .price-info a {
  text-decoration: none;
  float: right;
}

#content .product-detail .price-info-box .price-info span:first-child {
  font-weight: bold;
}

#content .product-detail .price-info-box .price-info span.pencil {
  font-family: TeleIcon-Outline;
  color: #007faf;
  margin-left: 4px;
  float: right;
  content: 'm';
}

@media screen and (max-width: 480px) {
  #content .product-detail .price-info-box .price-info a {
    display: inline;
  }
}

#content .product-detail .price-info-box .price-info i {
  position: absolute;
  top: 29px;
  right: 34px;
  color: #a4a4a4;
  font-size: 24px;
}

#content div.pricesTable i.fa.fa-question-circle {
  position: absolute;
  color: #a4a4a4;
  font-size: 24px;
  margin-left: 8px;
}

@media screen and (max-width: 480px) {
  #content .product-detail .price-info-box .price-info i div.pricesTable i.fa.fa-question-circle {
    position: static;
    top: auto;
    right: auto;
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
    margin-bottom: 2px;
  }
}

@media screen and (max-width: 480px) {
  #content .product-detail .price-info-box .price-info {
    float: none;
    padding: 0;
    min-height: 0;
    margin-top: 25px;
    margin-bottom: 21px;
  }
  #content #content .product-detail form .price-info-box .itemOutOfStock-parent {
    display: block;
  }
}

#content .product-detail .price-info-box button,
#content .product-detail .price-info-box .itemOutOfStock-parent {
  float: right;
}

#content .product-detail .tbl tr td:first-child {
  width: 40%;
}

@media screen and (max-width: 960px) {
  #content .product-detail .tbl tr td:first-child {
    width: 50%;
  }
}

#content .product-detail .bottom p {
  margin: 20px 0;
}

@media screen and (max-width: 960px) {
  #content .product-detail .bottom {
    padding-left: 10px;
    padding-right: 10px;
  }
  #content .product-detail .bottom > div .title-menu ul li {
    display: none;
  }
  #content .product-detail .bottom > div:first-child .title-menu ul li {
    display: block !important;
  }
}

#content .product-detail .title-menu {
  border-bottom: 2px solid #a4a4a4;
  padding-bottom: 9px;
  position: relative;
}

#content .product-detail .title-menu ul {
  margin-top: 11px;
  font-size: 0;
  float: right;
}

#content .product-detail .title-menu ul li {
  font-size: 18px;
  margin-left: 15px;
  display: inline-block;
}

#content .product-detail .title-menu ul li.active a {
  color: #d0d0d0;
  text-decoration: none;
}

@media screen and (max-width: 960px) {
  #content .product-detail .title-menu ul li {
    display: none;
  }
  #content .product-detail .title-menu ul li:first-child {
    display: block !important;
  }
}

#content .product-detail .title-menu h3 {
  float: left;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 960px) and (min-width: 481px) {
  #content .product-detail .title-menu:first-child ul {
    margin-top: 40px;
    margin-bottom: 40px;
    float: none;
  }
  #content .product-detail .title-menu:first-child ul li:first-child {
    position: absolute;
    right: 0;
    margin-right: 0;
    bottom: 13px;
  }
  #content .product-detail .title-menu:first-child ul li {
    margin-left: 0;
    margin-right: 12px;
    display: inline-block;
  }
}

@media screen and (max-width: 480px) {
  #content .product-detail .title-menu:first-child h3 {
    clear: both;
    margin-top: 40px;
  }
  #content .product-detail .title-menu:first-child ul {
    display: block;
    width: 50%;
    box-sizing: border-box;
    padding-left: 30px;
    float: right;
    margin-top: 0;
  }
  #content .product-detail .title-menu:first-child ul li:first-child {
    position: absolute;
    right: 0;
    margin-right: 0;
    bottom: 13px;
  }
  #content .product-detail .title-menu:first-child ul li {
    margin-left: 0;
    margin-right: 12px;
    display: table;
  }
  #content .product-detail .title-menu:first-child ul li a {
    display: table-cell;
    height: 45px;
    vertical-align: middle;
  }
}

#content .product-detail h4.toggle {
  margin: 0;
  line-height: 19px;
  color: #007faf;
  font-size: 18px;
}

#content .product-detail h4.toggle:hover,
#content .product-detail h4.toggle:active {
  color: #206681;
}

#content .product-detail h4.toggle .fa {
  text-decoration: none;
  font-size: 18px;
  vertical-align: bottom;
}

#content .product-detail .base-specification .tbl {
  margin-top: 0;
  float: left;
  clear: none;
}

#content .product-detail .base-specification .tbl thead th {
  font-size: 24px;
  line-height: 36px;
}

#content .product-detail .base-specification .tbl tr td:first-child {
  width: 60%;
}

@media screen and (max-width: 960px) {
  #content .product-detail .base-specification .tbl tr td:first-child {
    width: 50%;
  }
}

#content .product-detail .base-specification .tbl.double {
  max-width: 430px;
}

#content .product-detail .base-specification .tbl.single {
  max-width: 210px;
  margin-left: 20px;
}

#content .product-detail .base-specification .tbl.single tr td:first-child {
  width: 90%;
}

@media screen and (max-width: 960px) {
  #content .product-detail .base-specification .tbl {
    float: none;
  }
  #content .product-detail .base-specification .tbl.single {
    margin-left: 0;
  }
}

#content .product-detail .hwDetail-backButton-container {
  position: relative;
}

#content .product-detail .hwDetail-backButton-container > div {
  position: absolute;
  top: -40px;
  width: 241px;
  right: 0;
}

#content .modal-inner-products h3 {
  margin-top: 8px;
  margin-bottom: 22px;
}

#content .modal-inner-products .price-sum {
  text-align: left;
}

@media screen and (max-width: 960px) {
  #content .modal-inner-products .price-sum {
    text-align: center;
  }
}

@media screen and (max-width: 960px) {
  #content .modal-inner-products .price-sum.full-price {
    text-align: left;
  }
}

#content .modal-inner-products .carrusel {
  margin: 20px 0;
}

#content .modal-inner-products .tbl {
  margin: 0;
}

#content .modal-inner-products .tbl td,
#content .modal-inner-products .tbl th {
  height: 36px;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
  box-sizing: border-box;
}

@media screen and (max-width: 480px) {
  #content .modal-inner-products .tbl td,
  #content .modal-inner-products .tbl th {
    font-size: 18px;
    line-height: 18px;
  }
}

#content .modal-inner-products .tbl.tbl-cols-2 td,
#content .modal-inner-products .tbl.tbl-cols-2 th {
  width: 50%;
}

#content .modal-inner-products .tbl.tbl-cols-3 td,
#content .modal-inner-products .tbl.tbl-cols-3 th {
  width: 33.333333333%;
}

@media screen and (max-width: 480px) {
  #content .modal-inner-products .tbl.tbl-cols-3 td,
  #content .modal-inner-products .tbl.tbl-cols-3 th {
    width: 25%;
  }
}

#content .modal-inner-products .tbl tr {
  position: relative;
}

#content .modal-inner-products .tbl tr td:first-child,
#content .modal-inner-products .tbl tr th:first-child {
  text-align: left;
}

#content .modal-inner-products .tbl tr.headSecondLine th,
#content .modal-inner-products .tbl tr.headSecondLine td {
  width: auto;
}

#content .modal-inner-products .tbl .toggle-carrusel {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -12px;
}

#content .modal-inner-products .tbl thead th {
  padding: 6px 0;
  line-height: 24px;
}

@media screen and (max-width: 480px) {
  #content .modal-inner-products .tbl thead th {
    font-size: 18px;
    line-height: 18px;
  }
}

#content .modal-inner-products .tbl thead th:first-child {
  padding-left: 15px;
}

#content .modal-inner-products .tbl thead th:last-child {
  padding-right: 15px;
  padding-left: 15px;
}

#content .modal-inner-products .tbl thead .headSecondLine th:nth-child(3),
#content .modal-inner-products .tbl thead .headSecondLine th:nth-child(4),
#content .modal-inner-products .tbl td:nth-child(3),
#content .modal-inner-products .tbl td:nth-child(4) {
  width: 17%;
}

#content .modal-inner-products .tbl div.radio {
  margin-right: 5px;
}

#content .modal-inner-products .tbl label {
  padding-top: 2px;
  display: block;
  margin-bottom: -3px;
  margin-left: -5px;
}

#content .modal-inner-products .tbl .stars {
  white-space: nowrap;
}

#content .modal-inner-products .price-subinfo {
  margin-top: 21px;
  padding-right: 300px;
  position: relative;
  text-align: center;
}

#content .modal-inner-products .price-subinfo p {
  font-size: 14px;
  line-height: 14px;
  margin: 0;
  text-align: left;
}

#content .modal-inner-products .price-subinfo .close {
  display: none;
}

@media screen and (max-width: 960px) {
  #content .modal-inner-products .price-subinfo .close {
    display: block;
    margin: 30px 0;
  }
}

#content .modal-inner-products .price-subinfo button {
  width: 240px;
  padding: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 4px;
}

#content .modal-inner-products .price-subinfo button.hwDetail-product-choose-tariff-submit {
  left: 0;
  bottom: -60px;
  margin-bottom: 10px;
}

#content div#hwDetail-product-choose-tariff .price-subinfo p.left {
  width: 200px;
}

@media screen and (max-width: 960px) {
  #content .modal-inner-products .price-subinfo button {
    position: static;
  }
}

@media screen and (max-width: 960px) {
  #content .modal-inner-products .price-subinfo {
    padding-right: 0;
  }
}

#content .rating-sortingRules {
  border-bottom: 1px solid #d0d0d0;
}

#content .rating-sortingRules ul {
  display: table;
}

#content .rating-sortingRules ul li {
  display: table-cell;
  vertical-align: middle;
  height: 45px;
  padding: 5px 20px;
  line-height: 1;
}

#content .rating-sortingRules ul li.sortLabel {
  color: #4b4b4b;
  padding-left: 0;
}

@media screen and (max-width: 640px) {
  #content .rating-sortingRules ul li.sortLabel {
    display: none;
  }
}

#content .rating-sortingRules ul li.sortRule {
  color: #007faf;
  cursor: pointer;
}

#content .rating-sortingRules ul li.sortRule:hover {
  text-decoration: none;
}

#content .rating-sortingRules ul li.sortRule.active {
  color: #e10073;
  text-decoration: none;
  position: relative;
}

#content .rating-sortingRules ul li.sortRule.active:before {
  content: ' ';
  width: 20px;
  height: 12px;
  display: block;
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -10px;
  background: url(/theme/stwbmain/images/style/tabs-arrow-down.gif) no-repeat 0 0;
}

@media screen and (max-width: 640px) {
  #content .rating-sortingRules ul li.sortRule {
    width: 33.333333%;
    text-align: center;
  }
}

@media screen and (max-width: 640px) {
  #content .rating-sortingRules ul {
    width: 100%;
  }
}

#content .rating-wrapper {
  border-bottom: 1px solid #d0d0d0;
  margin-bottom: 26px;
  padding-bottom: 15px;
  color: #6c6c6c;
}

#content .rating-wrapper p {
  color: #6c6c6c;
}

#content .rating-header {
  position: relative;
}

#content .rating-header .rating-subject {
  width: 340px;
  float: left;
  font-size: 24px;
  line-height: 1;
  color: #e10073;
}

#content .rating-header .rating-subject:before {
  content: '„';
}

#content .rating-header .rating-subject:after {
  content: '“';
}

@media screen and (max-width: 960px) {
  #content .rating-header .rating-subject {
    float: none;
  }
}

@media screen and (max-width: 640px) {
  #content .rating-header .rating-subject {
    width: auto;
  }
}

#content .rating-header .rating-name-date {
  width: 330px;
  float: left;
  font-size: 24px;
  line-height: 1;
}

#content .rating-header .rating-name-date .name {
  color: black;
}

#content .rating-header .rating-name-date .date {
  color: #a4a4a4;
  font-size: 18px;
}

@media screen and (max-width: 960px) {
  #content .rating-header .rating-name-date {
    margin-top: 4px;
    float: none;
  }
}

@media screen and (max-width: 640px) {
  #content .rating-header .rating-name-date {
    width: auto;
  }
}

#content .rating-header .stars {
  position: absolute;
  top: 0;
  right: 20px;
}

@media screen and (max-width: 640px) {
  #content .rating-header .stars {
    position: static;
    margin: 15px 0 2px;
  }
}

#content .review-texts {
  margin-top: 10px;
}

#content .review-texts .review-main-text {
  width: 540px;
  padding-right: 130px;
  float: left;
  clear: right;
}

#content .review-texts .review-main-text p {
  line-height: 22px;
  margin: 10px 0 0;
}

#content .review-texts .review-main-text p:first-child {
  margin-top: 0;
}

@media screen and (max-width: 960px) {
  #content .review-texts .review-main-text {
    width: auto;
    padding-right: 0;
    float: none;
  }
}

#content .review-texts .review-rating {
  margin-top: 10px;
}

#content .review-texts .review-rating a {
  min-width: 50px;
  display: inline-block;
  color: #6c6c6c;
  text-decoration: none;
  cursor: pointer;
}

#content .review-texts .review-rating a:before {
  margin-right: 4px;
  font-family: FontAwesome;
  color: #007faf;
}

#content .review-texts .review-rating a:hover:before {
  color: #e10073;
}

#content .review-texts .review-rating .review-rating-up:before {
  content: '\f087';
}

#content .review-texts .review-rating .review-rating-down:before {
  content: '\f088';
}

@media screen and (max-width: 960px) {
  #content .review-texts .review-rating {
    margin-bottom: 10px;
  }
}

#content .review-texts .review-advantages {
  width: 220px;
  margin: 0 20px 0 30px;
  float: right;
  line-height: 22px;
}

#content .review-texts .review-advantages .advantages,
#content .review-texts .review-advantages .disadvantages {
  position: relative;
}

#content .review-texts .review-advantages .advantages:before,
#content .review-texts .review-advantages .disadvantages:before {
  font-family: FontAwesome;
  position: absolute;
  display: block;
  top: 0;
  left: -30px;
}

#content .review-texts .review-advantages .advantages:before {
  content: '\f067';
  color: #6bb424;
}

#content .review-texts .review-advantages .disadvantages:before {
  content: '\f068';
  color: #d90000;
}

@media screen and (max-width: 960px) and (min-width: 641px) {
  #content .review-texts .review-advantages {
    margin-top: -20px;
  }
}

@media screen and (max-width: 640px) {
  #content .review-texts .review-advantages {
    width: auto;
    float: none;
  }
}

#content .review-response-container .review-response-header,
#content .review-response-container .review-response {
  padding: 0 20px;
}

#content .review-response-container .review-response-header {
  line-height: 19px;
  margin-top: 15px;
  background: #f6f6f6;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 150px;
  position: relative;
}

#content .review-response-container .review-response-header strong {
  font-weight: normal;
  color: #e10073;
}

#content .review-response-container .review-response-header .response-date {
  position: absolute;
  display: block;
  right: 20px;
  top: 8px;
}

@media screen and (max-width: 640px) {
  #content .review-response-container .review-response-header .response-date {
    top: auto;
    bottom: 6px;
    float: right;
  }
}

@media screen and (max-width: 640px) {
  #content .review-response-container .review-response-header {
    padding-right: 20px;
    padding-bottom: 32px;
  }
}

#content .review-response-container .review-response {
  padding-top: 5px;
}

#content .rating-footer {
  padding-top: 14px;
}

#content .rating-footer .pagination {
  float: left;
}

@media screen and (max-width: 960px) {
  #content .rating-footer .pagination {
    float: none;
    width: auto;
  }
}

#content .rating-footer .add-rating {
  float: right;
  text-align: center;
}

#content .rating-footer .add-rating a.button.button-multiline,
#content .rating-footer .add-rating a.button.button-multiline:hover,
#content .rating-footer .add-rating a.button.button-multiline:active {
  background: transparent;
  color: #e20074;
  border: 1px solid #e10073;
}

@media screen and (max-width: 960px) {
  #content .rating-footer .add-rating {
    float: none;
    margin-bottom: 50px;
  }
}

#content #add-rating-form {
  padding: 20px 20px 50px 20px;
  border: 1px solid #d0d0d0;
}

#content #add-rating-form h2 {
  font-size: 36px;
  line-height: 1;
  margin: 0 0 35px;
}

@media screen and (max-width: 599px) {
  #content #add-rating-form h2 {
    margin-bottom: 10px;
  }
}

#content #add-rating-form .shoppingScenario-checkbox-label {
  width: 80%;
  display: inline-flex;
  line-height: 1;
}

@media screen and (max-width: 960px) {
  #content #add-rating-form .column .row .shoppingScenario-dataRow-input {
    width: 260px;
  }
}

#content #add-rating-form .column .row .shoppingScenario-dataRow-label {
  padding-top: 6px;
  vertical-align: top;
  font-size: 24px;
  line-height: 1;
  width: 190px;
}

@media screen and (max-width: 960px) {
  #content #add-rating-form .column .row .shoppingScenario-dataRow-label {
    bottom: 0;
  }
}

#content #add-rating-form .column .row .shoppingScenario-dataRow-textarea {
  width: 550px;
  display: table-cell;
}

#content #add-rating-form .column .row .shoppingScenario-dataRow-textarea textarea {
  width: 100%;
  margin-bottom: 6px;
  height: 204px;
  font-size: 24px;
  line-height: 1;
}

#content #add-rating-form .column .row .shoppingScenario-dataRow-textarea textarea.advantages,
#content #add-rating-form .column .row .shoppingScenario-dataRow-textarea textarea.disadvantages {
  height: 120px;
}

@media screen and (max-width: 960px) {
  #content #add-rating-form .column .row .shoppingScenario-dataRow-textarea {
    width: 300px;
  }
}

#content #add-rating-form .column .row.rating-stars-container .shoppingScenario-dataRow-label {
  padding-top: 48px;
}

@media screen and (max-width: 599px) {
  #content #add-rating-form .column .row.rating-stars-container .shoppingScenario-dataRow-label {
    padding-top: 25px;
  }
}

#content #add-rating-form .column .row.rating-stars-container .shoppingScenario-dataRow-input {
  padding-top: 42px;
  padding-bottom: 48px;
}

@media screen and (max-width: 599px) {
  #content #add-rating-form .column .row.rating-stars-container .shoppingScenario-dataRow-input {
    padding-top: 0;
    padding-bottom: 20px;
  }
}

#content #add-rating-form .button-group {
  padding-left: 200px;
  max-width: 550px;
}

#content #add-rating-form .button-group .review-add {
  float: left;
  padding-top: 15px;
}

#content #add-rating-form .button-group .review-add .button.button-multiline,
#content #add-rating-form .button-group .review-add .button.button-multiline:hover,
#content #add-rating-form .button-group .review-add .button.button-multiline:active {
  width: 220px;
  background: transparent;
  color: #e20074;
  border: 1px solid #e10073;
}

@media screen and (max-width: 960px) {
  #content #add-rating-form .button-group .review-add {
    float: none;
    margin: 10px 0;
  }
}

@media screen and (max-width: 640px) {
  #content #add-rating-form .button-group .review-add {
    text-align: center;
  }
}

#content #add-rating-form .button-group .review-cancel {
  padding: 23px 0 0 25px;
  float: left;
  font-size: 24px;
  line-height: 1;
}

#content #add-rating-form .button-group .review-cancel a {
  cursor: pointer;
}

@media screen and (max-width: 960px) {
  #content #add-rating-form .button-group .review-cancel {
    float: none;
  }
}

@media screen and (max-width: 640px) {
  #content #add-rating-form .button-group .review-cancel {
    text-align: center;
  }
}

@media screen and (max-width: 640px) {
  #content #add-rating-form .button-group {
    padding-left: 0;
  }
}

#content #add-rating-form .checkable {
  max-width: 420px;
  margin-top: 14px;
}

#content .gallery-narrow {
  width: 280px;
}

#content .faq-questions > ul {
  margin-top: 6px;
  font-size: 0;
  line-height: 0;
}

#content .faq-questions > ul > li {
  margin: 10px 0;
  padding-left: 21px;
  position: relative;
  line-height: 22px;
  font-size: 18px;
}

#content .faq-questions > ul > li:before {
  content: '\f054';
  font-family: FontAwesome;
  margin-left: 4px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  color: #e10073;
}

#content .faq-questions > ul > li.static:before {
  content: '';
}

#content .faq-questions > ul > li > a {
  cursor: pointer;
}

#content .faq-questions > ul > li > a:hover {
  text-decoration: none;
}

#content .faq-questions > ul > li.collapsed .faq-content {
  display: none;
}

@media screen and (max-width: 960px) {
  #content .faq-questions > ul > li {
    margin-top: 9px;
    margin-bottom: 9px;
  }
}

#content .faq-questions.faq-questions-full {
  margin: 0 70px;
}

@media screen and (max-width: 599px) {
  #content .faq-questions.faq-questions-full {
    margin: 0;
  }
}

#content .faq-questions.faq-questions-full .faq-footer {
  max-width: 495px;
}

#content .faq-questions.faq-questions-full .faq-content form {
  max-width: 500px;
}

#content .faq-questions.faq-questions-full .faq-content form textarea {
  width: 382px;
}

@media screen and (max-width: 960px) {
  #content .faq-questions.faq-questions-full .faq-content form textarea {
    width: 100%;
  }
}

#content .faq-questions.faq-questions-thin .faq-content form textarea {
  width: 481px;
}

@media screen and (max-width: 960px) {
  #content .faq-questions.faq-questions-thin .faq-content form textarea {
    width: 100%;
  }
}

#content .faq-content {
  padding-bottom: 9px;
}

#content .faq-content p {
  font-size: 18px;
  line-height: 22px;
  margin: 5px 0 12px;
}

#content .faq-content form {
  margin-top: 10px;
  display: none;
}

@media screen and (max-width: 960px) {
  #content .faq-content form {
    margin-top: 9px;
  }
}

#content .faq-content .form-inner {
  position: relative;
}

#content .faq-content label {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: -1px;
  display: block;
}

#content .faq-content textarea {
  display: block;
  width: 307px;
  box-sizing: border-box;
  height: 100px;
  padding: 0 5px;
  font-size: 18px;
  line-height: 22px;
  resize: none;
}

@media screen and (max-width: 960px) {
  #content .faq-content textarea {
    width: 100%;
    height: 119px;
  }
}

#content .faq-content .button-line {
  text-align: right;
  width: 118px;
  position: absolute;
  bottom: 0;
  right: 0;
}

#content .faq-content .button-line .button {
  width: 108px;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
}

@media screen and (max-width: 960px) {
  #content .faq-content .button-line {
    position: static;
    right: auto;
    bottom: auto;
    width: auto;
    margin-top: 7px;
  }
}

@media screen and (max-width: 960px) {
  #content .faq-content {
    padding-bottom: 5px;
  }
}

#content .faq-footer {
  background: #7c7c7c;
  color: white;
  min-height: 25px;
  font-size: 18px;
  line-height: 25px;
  padding: 0 0 0 5px;
}

#content .faq-footer-buttons {
  float: right;
  min-height: 25px;
  padding-left: 4px;
  background: white;
}

#content .faq-footer-buttons a {
  display: block;
  height: 25px;
  line-height: 25px;
  background: #bbb no-repeat center center;
  background-image: none;
  width: 51px;
  text-align: center;
  float: left;
  margin-left: 6px;
  text-decoration: none;
  box-sizing: border-box;
  position: relative;
  color: white;
}

#content .faq-footer-buttons a[data-positive='true'] {
  background-image: url(/theme/stwbmain/images/style/smile-ok.png);
}

@media screen and (max-width: 960px) {
  #content .faq-footer-buttons a[data-positive='true'] {
    background-image: url(/theme/stwbmain/images/style/smile-ok-large.png);
  }
}

#content .faq-footer-buttons a[data-positive='false'] {
  background-image: url(/theme/stwbmain/images/style/smile-ko.png);
}

@media screen and (max-width: 960px) {
  #content .faq-footer-buttons a[data-positive='false'] {
    background-image: url(/theme/stwbmain/images/style/smile-ko-large.png);
  }
}

#content .faq-footer-buttons a:hover {
  background-color: #7c7c7c;
}

#content .faq-footer-buttons a.active {
  background-color: #7c7c7c;
  color: white;
}

#content .faq-footer-buttons a.active:before {
  color: white;
}

#content .faq-footer-buttons a:first-child {
  margin-left: 0;
}

@media screen and (max-width: 960px) {
  #content .faq-footer-buttons a {
    width: 47.8%;
    margin-left: 4.4%;
    height: 53px;
  }
}

@media screen and (max-width: 960px) {
  #content .faq-footer-buttons {
    float: none;
    padding-left: 0;
    padding-top: 7px;
    margin-left: -5px;
    min-height: 53px;
  }
}

#content .faq > h1 {
  margin: 10px 0;
  padding: 0;
  font-size: 48px;
  line-height: 1;
  color: #e10073;
}

@media screen and (max-width: 960px) {
  #content .faq > h1 {
    font-size: 30px;
  }
}

#content .faq > p {
  margin: 0 0 24px;
  padding: 0;
  font-size: 24px;
  line-height: 26px;
}

@media screen and (max-width: 960px) {
  #content .faq > p {
    font-size: 18px;
    line-height: 20px;
  }
}

#content .faq .faq-categories {
  width: 462px;
  float: left;
}

#content .faq .faq-categories li {
  width: 143px;
  height: 142px;
  background-position: 0 0;
  background-repeat: no-repeat;
  float: left;
  margin: 0 11px 11px 0;
  background-size: 100% auto;
  position: relative;
}

#content .faq .faq-categories li > span {
  background-position: 0 -143px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

#content .faq .faq-categories li:hover > span {
  opacity: 1;
}

#content .faq .faq-categories li.bulb {
  background-image: url(/theme/stwbmain/images/style/faq-bulb-2.gif);
}

#content .faq .faq-categories li.bulb > span {
  background-image: url(/theme/stwbmain/images/style/faq-bulb-2.gif);
}

#content .faq .faq-categories li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  text-decoration: none;
  color: #fff;
}

#content .faq .faq-categories li a > span {
  width: 100%;
  position: absolute;
  display: table;
  height: 48px;
  bottom: 3px;
}

#content .faq .faq-categories li a > span > span {
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 1;
  font-size: 24px;
}

@media screen and (max-width: 960px) {
  #content .faq .faq-categories li a > span > span {
    font-size: 16px;
  }
}

@media screen and (max-width: 960px) {
  #content .faq .faq-categories li a > span {
    height: 32px;
  }
}

#content .faq .faq-categories li.active {
  width: 297px;
  height: 295px;
}

#content .faq .faq-categories li.active > span {
  opacity: 1;
  background-position: 0 -297px;
}

#content .faq .faq-categories li.active a > span {
  bottom: 10px;
}

#content .faq .faq-categories li.active a > span > span {
  padding: 0 30px;
  font-size: 34px;
  line-height: 35px;
}

@media screen and (max-width: 960px) {
  #content .faq .faq-categories li.active a > span > span {
    font-size: 23px;
    line-height: 24px;
  }
}

@media screen and (max-width: 960px) {
  #content .faq .faq-categories li.active {
    width: 208px;
    height: 202px;
  }
  #content .faq .faq-categories li.active > span {
    background-position: 0 -208px;
  }
}

@media screen and (max-width: 599px) {
  #content .faq .faq-categories li.active {
    width: 197px;
    height: 197px;
  }
  #content .faq .faq-categories li.active > span {
    background-position: 0 -197px;
  }
}

@media screen and (max-width: 960px) {
  #content .faq .faq-categories li {
    width: 100px;
    height: 97px;
    margin: 0 8px 8px 0;
  }
  #content .faq .faq-categories li > span {
    background-position: 0 -100px;
  }
}

@media screen and (max-width: 599px) {
  #content .faq .faq-categories li {
    width: 94px;
    height: 94px;
    margin: 0 0 9px 9px;
  }
  #content .faq .faq-categories li > span {
    background-position: 0 -94px;
  }
}

@media screen and (max-width: 960px) {
  #content .faq .faq-categories {
    width: 324px;
    margin-left: -7px;
  }
}

@media screen and (max-width: 599px) {
  #content .faq .faq-categories {
    width: auto;
    float: none;
    margin-left: -9px;
  }
}

#content .faq .faq-col-right {
  float: right;
  width: 447px;
}

@media screen and (max-width: 960px) {
  #content .faq .faq-col-right {
    width: 250px;
  }
}

@media screen and (max-width: 599px) {
  #content .faq .faq-col-right {
    width: auto;
  }
}

#content .faq .faq-subcategories {
  margin-left: -9px;
}

#content .faq .faq-subcategories ul {
  margin-left: 9px;
  float: left;
  width: 105px;
}

#content .faq .faq-subcategories ul:hover li a {
  background-color: #e870b0;
}

#content .faq .faq-subcategories ul.active li a {
  background-color: #e870b0;
}

#content .faq .faq-subcategories ul li {
  width: 100%;
  height: 105px;
  float: left;
  margin-bottom: 9px;
}

#content .faq .faq-subcategories ul li a {
  display: table;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #fff;
  background-color: #7a7a7a;
}

#content .faq .faq-subcategories ul li a:hover {
  background-color: #e10073;
}

#content .faq .faq-subcategories ul li a > span {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 10px;
  line-height: 20px;
  font-size: 18px;
}

@media screen and (max-width: 960px) {
  #content .faq .faq-subcategories ul li a > span {
    font-size: 13px;
    line-height: 15px;
  }
}

#content .faq .faq-subcategories ul li.active a {
  background-color: #e10073;
}

#content .faq .faq-subcategories ul li.empty a {
  background-color: #ebebeb;
}

@media screen and (max-width: 960px) {
  #content .faq .faq-subcategories ul li {
    width: 78px;
    height: 76px;
    margin-bottom: 8px;
    margin-left: 8px;
  }
}

@media screen and (max-width: 599px) {
  #content .faq .faq-subcategories ul li {
    width: 94px;
    height: 94px;
    margin-bottom: 9px;
    margin-left: 9px;
  }
}

@media screen and (max-width: 960px) {
  #content .faq .faq-subcategories ul {
    margin-left: 0;
    width: auto;
    float: none;
    clear: none;
  }
}

@media screen and (max-width: 960px) {
  #content .faq .faq-subcategories {
    margin-left: -8px;
  }
}

@media screen and (max-width: 599px) {
  #content .faq .faq-subcategories {
    width: auto;
    margin-left: -9px;
  }
}

#content .faq .faq-questions {
  margin-top: 39px;
}

#content .faq .faq-questions h2 {
  font-size: 36px;
  line-height: 1;
}

@media screen and (max-width: 960px) {
  #content .faq .faq-questions h2 {
    font-size: 28px;
    line-height: 31px;
  }
}

@media screen and (max-width: 960px) {
  #content .faq .faq-questions {
    margin-top: 12px;
  }
}

#content .faq .faq-not-found {
  width: 451px;
  float: left;
  margin-top: 30px;
}

#content .faq .faq-not-found h2 {
  font-size: 36px;
  line-height: 1;
  margin-bottom: 7px;
}

#content .faq td {
  padding: 0;
  vertical-align: top;
}

@media screen and (max-width: 960px) {
  #content .faq .faq-not-found h2 {
    font-size: 28px;
    line-height: 31px;
    margin-bottom: 4px;
  }
}

#content .faq .faq-not-found .faq-help {
  display: none;
  margin-top: 0;
}

#content .faq .faq-not-found .faq-help > ul {
  margin-top: 0;
}

#content .faq .faq-not-found .faq-help > ul > li:first-child {
  margin-top: 0;
}

#content .faq .faq-not-found .group {
  margin-bottom: 14px;
}

#content .faq .faq-not-found .group > label {
  line-height: 1;
  margin-bottom: -1px;
  padding-top: 1px;
  display: block;
  font-size: 18px;
  line-height: 22px;
}

@media screen and (max-width: 960px) {
  #content .faq .faq-not-found .group > label {
    padding-right: 20px;
  }
}

#content .faq .faq-not-found .group.group-list {
  width: 240px;
  float: left;
  margin-bottom: 0;
}

#content .faq .faq-not-found .group.group-list > label {
  margin-bottom: 6px;
}

#content .faq .faq-not-found .group.group-list .control .checkable {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 32px;
  line-height: 20px;
  font-size: 18px;
  margin-bottom: 9px;
}

#content .faq .faq-not-found .group.group-list .control .checkable div.radio span {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  display: inline-block;
}

#content .faq .faq-not-found .group.group-list .control .checkable div.radio span.checked:before {
  width: 14px;
  height: 14px;
  top: 3px;
  left: 3px;
}

@media screen and (max-width: 960px) {
  #content .faq .faq-not-found .group.group-list {
    float: none;
    width: auto;
    margin-top: 13px;
  }
}

#content .faq .faq-not-found .group.group-files {
  width: 199px;
  float: right;
  margin-bottom: 0;
}

#content .faq .faq-not-found .group.group-files > a {
  line-height: 27px;
  cursor: pointer;
}

#content .faq .faq-not-found .group.group-files ul li {
  font-size: 18px;
  line-height: 26px;
  color: #7c7c7c;
}

#content .faq .faq-not-found .group.group-files ul li .fa {
  color: #7c7c7c;
  text-decoration: none;
  cursor: pointer;
}

#content .faq .faq-not-found .group.group-files ul li .fa:hover {
  color: #d90000;
}

@media screen and (max-width: 960px) {
  #content .faq .faq-not-found .group.group-files {
    float: none;
    width: auto;
    padding-top: 11px;
  }
}

@media screen and (max-width: 960px) {
  #content .faq .faq-not-found .group {
    margin-bottom: 10px;
  }
}

#content .faq .faq-not-found .button-line {
  margin-top: -4px;
  text-align: right;
}

#content .faq .faq-not-found .button-line .button {
  width: 108px;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
}

@media screen and (max-width: 960px) {
  #content .faq .faq-not-found .button-line {
    margin-top: 13px;
    text-align: left;
  }
}

#content .faq .faq-not-found input[type='text'],
#content .faq .faq-not-found textarea {
  width: 100%;
  display: block;
}

#content .faq .faq-not-found input[type='text'] {
  height: 36px;
  line-height: 28px;
}

#content .faq .faq-not-found textarea {
  height: 97px;
  resize: none;
}

@media screen and (max-width: 960px) {
  #content .faq .faq-not-found {
    width: 300px;
    margin-top: 12px;
  }
}

@media screen and (max-width: 960px) {
  #content .faq {
    width: 580px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 599px) {
  #content .faq {
    width: 300px;
  }
}

#content .yui3-dd-drop .catalogue .products li {
  width: 298px;
}

#content .yui3-dd-drop .catalogue .products li .prices span.before,
#content .catalogue .products li .prices span.after {
  width: 79px;
}

#content .filter .filter-sorting-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#content .yui3-dd-drop .catalogue .products li {
  width: 298px;
}

#content .catalogue .products li .magenta-prices span.after {
  width: auto;
}

#content .filter .filter-sorting-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#content .filter .filter-box .filter-box-inner {
  position: relative;
}

#content .filter .filter-box.filter-box-range .group.group-slider .control input {
  background: transparent;
  width: 85px;
}

#content .filter .filter-box.filter-box-range .group.group-slider .control input.ui-slider-to {
  right: -20px;
}

#content .filter .filter-box.filter-box-range .group.group-slider .control input.ui-slider-from {
  left: -20px;
}

@media screen and (max-width: 640px) {
  #content .filter .filter-box.filter-box-range .group.group-slider .control input.ui-slider-to {
    right: 0;
  }
  #content .filter .filter-box.filter-box-range .group.group-slider .control input.ui-slider-from {
    left: 0;
  }
}

#content .shoppingCartBottom-container {
  min-width: 540px !important;
}

@media screen and (max-width: 599px) {
  #content .shoppingCartBottom-container {
    min-width: 326px !important;
  }
}

#content .price-box .price-info {
  margin-top: 12px;
  text-align: center;
}

#content .price-box .price-info a {
  text-decoration: none;
}

#content .price-box .price-info a:hover {
  text-decoration: underline;
}

#content .price-box .price-info i {
  color: #a4a4a4;
  font-size: 24px;
}

#content .price-box button {
  display: block;
  width: 230px;
}

#content .catalogue .products li .big-icon {
  top: 10px;
  right: 180px;
}

#content #add-rating-form h3 {
  line-height: 1;
  margin: 0 0 35px;
}

#content .filter-sorting.responsive-mobile {
  display: none;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #ededed;
}

#content .filter-sorting.responsive-mobile #heapbox_filter-sorting-3 {
  width: 185px;
}

@media screen and (max-width: 599px) {
  #content #add-rating-form h3 {
    margin-bottom: 10px;
  }
  #content .filter .filter-extended .filter-sorting.responsive-mobile {
    display: block;
  }
}

@media screen and (max-width: 640px) {
  #content .filter .filter-extended .filter-sorting.responsive-mobile {
    display: block;
  }
}

#content ul.actions > li.share ul li a {
  position: static;
}

#content .comparison-items-wrapper .catalogue .products li .prices span.after i {
  bottom: -6px;
}

#content .comparison-items-wrapper .catalogue .products li .prices span.after {
  position: relative;
  bottom: 6px;
}

#content .comparison-items-wrapper .catalogue .products li .prices span.after sup {
  line-height: 50px;
}

#content .footer-top.sticky {
  -webkit-transition: bottom 0.6s linear 0.1s;
  -moz-transition: bottom 0.6s linear 0.1s;
  transition: bottom 0.6s linear 0.1s;
  z-index: 511;
}

#content .footer-top.sticky.with-comparison {
  bottom: 40px;
}

@media screen and (max-width: 480px) {
  #content .product-detail .pictures .thumbs .items > div .pictureSmall-container img {
    width: initial;
    height: 86px;
  }
}

#content .ui-slider-handle {
  -ms-touch-action: none;
  touch-action: none;
}

#content body {
  position: static;
}

#content .header-07 .tiles-content .header-content {
  height: auto;
  width: 420px;
}

#content .portlet-body .box-tool {
  position: relative;
  bottom: auto;
  right: auto;
}

#content .portlet-body {
  padding: 0;
}

#content .filter .filter-category li a:not(.disable-hover):hover {
  color: #e10073;
}

#content .filter .filter-category li a:active {
  color: #e10073;
}

#content .filter .filter-category li a {
  font-size: 18px;
}

#content .filter #filter-basic .filter-toggle {
  font-size: 24px;
  width: 120px;
}

#content .filter .filter-toggle {
  padding: 9px 22px 9px 0;
}

#content .fancybox-title .gallery-order {
  font-weight: bold;
  padding-left: 10px;
}

#content .fancybox-outer .fancybox-nav {
  position: absolute;
}

#content .modal .fancybox-prev span {
  left: 0;
}

#content .modal .fancybox-next span {
  right: 0;
}

#content .fancybox-next {
  right: -50px;
}

#content .fancybox-prev {
  left: -50px;
}

#content .header-01 {
  position: relative;
  margin: 0 auto;
}

@media screen and (min-width: 961px) {
  #content .header-01 {
    max-width: 940px;
  }
}

#content .header-01 .tiles.tiles-big .tile-right {
  float: left;
}

#content .header-01 .tiles.tiles-big > a,
#content .header-01 .tiles-other > a {
  background: #e10073;
  width: 156px;
  height: 146px;
  color: white;
  opacity: 0.9;
}

#content .header-01 .tiles.tiles-big > a.tile-white {
  background: #fff;
  color: #e10073;
  opacity: 0.7;
}

#content .header-01 .tiles.tiles-big > a:not(.tile-white):hover,
#content .header-01 .tiles-other > a:hover {
  opacity: 1;
  transform: scale(1.03);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}

#content .header-01 .tiles-other .tiles-small > a:hover {
  opacity: 1;
  transform: scale(1.1);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}

#content .header-01 .tiles.tiles-big > a.tile-white:hover {
  transform: scale(1.03);
  opacity: 0.9;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}

#content .header-01 .tiles.tiles-small > a.tile-small {
  width: 48px;
  height: 48px;
  opacity: 0.9;
}

#content .header-01 .tiles.tiles-big > a.hp-my-telekom-anchor {
  display: inline-block;
  color: white;
  background: #218076;
  height: 146px;
  line-height: 48px;
  font-size: 42px;
  text-decoration: none;
  padding: 25px 10px 25px 25px;
  box-sizing: border-box;
  opacity: 0.9;
  text-align: left;
}

#content .header-01 .tiles.tiles-big > a.hp-my-telekom-anchor {
  display: none;
}

#content .header-01 .tiles-other a {
  display: block;
  width: 100px;
  height: 100px;
  font-size: 16px;
  background: #226a61;
  background: rgba(34, 106, 97, 0.85);
}

#content .header-01 .tiles-other a > i {
  font-size: 42px;
  margin: 0;
  height: 65px;
  padding-top: 5px;
}

#content .header-01 .tiles.tiles-big > a > .fa {
  margin: 28px 0 4px;
  font-size: 75px;
  line-height: 75px;
  height: 75px;
}

#content .header-01 .tiles.tiles-big > a.hp-my-telekom-anchor > .fa {
  margin: 5px 15px 4px 0;
  font-size: 75px;
  line-height: 75px;
  height: 100px;
  width: 100px;
  float: right;
  position: relative;
}

#content .header-01 a.tile-double,
#content .header-01 .tiles.tiles-big > a.tile-double {
  width: 316px;
}

#content .header-01 .tiles.tiles-big > a.tile-double img {
  max-width: 320px;
  max-height: 146px;
}

#content .header-01 .tiles.tiles-small {
  position: relative;
  left: auto;
  width: 104px;
  display: inline-block;
  margin-left: 0;
}

#content i.hp-phone {
  background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-960.png);
  background-position: 0 -22px;
}

#content i.hp-call {
  background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-960.png);
  background-position: -156px -22px;
}

#content i.hp-tv {
  background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-960.png);
  background-position: -312px -22px;
}

#content i.hp-globe {
  background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-960.png);
  background-position: 0 -168px;
}

#content i.hp-jigsaw {
  background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-960.png);
  background-position: -156px -168px;
}

#content i.hp-cart {
  background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-960.png);
  background-position: -312px -168px;
}

#content i.hp-search {
  background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-960.png);
  background-position: -312px -314px;
}

#content i.hp-wiki {
  background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-960.png);
  background-position: 0 -314px;
}

#content i.hp-my-telekom {
  background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-320.png);
  background-position: -165px -167px;
}

#content a.hp-search-anchor {
  display: none;
  cursor: pointer;
}

#content .tiles-big a.hp-wiki-anchor {
  visibility: hidden;
}

#content a.hp-wiki-anchor.responsive {
  display: none;
}

#content a.hp-wiki-anchor:not(.responsive) {
  display: inline-block;
}

#content div.hp-quick-access-list {
  display: inline-block;
  border: solid 2px white;
  color: white;
  background: #000;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 134px;
  top: 188px;
  left: auto;
  bottom: auto;
  padding: 5px 10px;
}

#content div.hp-quick-access-list span {
  font-size: 42px;
  line-height: 48px;
}

#content div.hp-quick-access-list ul {
  margin: 0;
  list-style-type: none;
}

#content div.hp-quick-access-list ul li a {
  margin-left: 3px;
  color: white;
  text-decoration: none;
  font-size: 24px;
  line-height: 34px;
}

#content div.hp-quick-access-list ul li a:hover {
  color: white;
}

#content div.hp-quick-access-list ul li a:before {
  content: '\f054';
  color: #e10073;
  font-family: FontAwesome;
  font-size: 16px;
  padding-right: 5px;
}

#content .header-01 .tiles-other {
  position: absolute;
  bottom: -6px;
  left: 480px;
  display: block;
  float: right;
  width: 290px;
}

#content .header-01 .tiles.tiles-big {
  float: left;
}

#content #comparisonBottomBar.show {
  display: block;
  height: 40px;
}

#content #comparisonBottomBar {
  display: none;
  height: 0;
  -webkit-transition: height 0.6s linear 0.1s;
  -moz-transition: height 0.6s linear 0.1s;
  transition: height 0.6s linear 0.1s;
  z-index: 600;
}

@media (max-width: 960px) {
  #content i.hp-my-telekom {
    background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-960.png);
    background-position: -185px -321px;
  }
  #content .header-01 .tiles.tiles-big {
    width: 486px;
    margin: 0 auto;
    float: none;
  }
  #content .header-01 .tiles-other {
    display: none;
  }
  #content .header-01 .tiles.tiles-big > a.hp-my-telekom-anchor {
    display: inline-block;
  }
  #content .tiles-big a.hp-wiki-anchor {
    visibility: visible;
  }
  #content a.hp-wiki-anchor.responsive {
    display: inline-block;
  }
  #content a.hp-wiki-anchor:not(.responsive) {
    display: none;
  }
  #content .header-01 a.hp-my-telekom-anchor > .fa:after {
    content: '\f105';
    color: white;
    font-family: FontAwesome;
    font-size: 32px;
    position: absolute;
    left: 105px;
    top: 8px;
    font-weight: normal;
  }
}

@media (max-width: 800px) {
  #content a.hp-search-anchor {
    display: inline-block;
  }
}

@media (max-width: 600px) {
  #content .header-01 .tiles.tiles-big {
    width: 264px;
    margin: 0 auto;
    float: none;
  }
  #content a.hp-search-anchor {
    display: inline-block;
  }
  #content .header-01 .tiles.tiles-big > a {
    width: 86px;
    height: 82px;
  }
  #content .header-01 .tiles {
    margin-left: -2px;
  }
  #content .header-01 .tiles > a {
    margin: 0 0 2px 2px;
    font-size: 13px;
  }
  #content .header-01 a.tile-double,
  #content .header-01 .tiles.tiles-big > a.tile-double {
    width: 174px;
  }
  #content .header-01 .tiles.tiles-big > a.hp-my-telekom-anchor {
    height: 82px;
    line-height: 26px;
    font-size: 23px;
    padding: 15px 5px 10px 15px;
  }
  #content .header-01 .tiles.tiles-big > a > .fa {
    margin: 10px 0 2px 0;
    font-size: 50px;
    line-height: 50px;
    height: 50px;
  }
  #content .header-01 a.hp-my-telekom-anchor > .fa,
  #content .header-01 .tiles.tiles-big > a.hp-my-telekom-anchor > .fa {
    margin: 5px 0 4px 0;
    font-size: 50px;
    line-height: 50px;
    height: 60px;
    width: 60px;
    float: right;
    position: relative;
  }
  #content .header-01 a.hp-my-telekom-anchor > .fa:after {
    font-size: 16px;
    left: 55px;
    top: 2px;
  }
  #content i.hp-phone {
    background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-320.png);
    background-position: 0 -10px;
  }
  #content i.hp-call {
    background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-320.png);
    background-position: -86px -10px;
  }
  #content i.hp-tv {
    background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-320.png);
    background-position: -172px -10px;
  }
  #content i.hp-globe {
    background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-320.png);
    background-position: 0 -92px;
  }
  #content i.hp-jigsaw {
    background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-320.png);
    background-position: -86px -92px;
  }
  #content i.hp-cart {
    background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-320.png);
    background-position: -172px -92px;
  }
  #content i.hp-wiki {
    background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-320.png);
    background-position: 0 -172px;
  }
  #content i.hp-search {
    background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-320.png);
    background-position: -86px -172px;
  }
  #content i.hp-my-telekom {
    background-image: url(/theme/stwbmain/images/stwb/cmsComponents/icons-hp-tiles-320.png);
    background-position: -190px -180px;
  }
  #content .header-01 .tiles.tiles-big > a.tile-double img {
    max-width: 174px;
    max-height: 82px;
  }
}

#content .relativePosition {
  position: relative;
}

#content .changeTariff {
  position: absolute;
  right: 0;
}

#content .sticky-wrapper .box-tool {
  position: relative;
}

#content .portlet-body .box-tool {
  width: 260px;
}

@media (max-width: 960px) {
  #content .portlet-body .box-tool {
    position: fixed;
    right: -300px;
    width: 300px;
    bottom: 15px;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-transition: right 0.7s ease;
    -moz-transition: right 0.7s ease;
    -ms-transition: right 0.7s ease;
    -o-transition: right 0.7s ease;
    transition: right 0.7s ease;
  }
  #content .portlet-body .box-tool.open {
    right: 0;
  }
  #content .portlet-body .box-tool .show-hide-box {
    margin-bottom: 20px;
    background-color: #e10073;
    bottom: 0;
    width: 40px;
    height: 40px;
    left: -40px;
    position: absolute;
    cursor: pointer;
  }
  #content .portlet-body .box-tool .show-hide-box:after {
    content: '\f100';
    font-family: FontAwesome;
    color: #fff;
    font-size: 36px;
    position: absolute;
    bottom: -1px;
    left: 9px;
  }
  #content .portlet-body .box-tool.open .show-hide-box:after {
    content: '\f101';
  }
}

#content .toolbox-container .show-hide-button {
  width: 40px;
  height: 40px;
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #d0d0d0;
}

#content .toolbox-nav {
  border-top: 1px solid #d0d0d0;
  padding-top: 20px !important;
}

#content .portlet-body .header-07 {
  padding: 0 60px 0;
  background: none transparent;
}

@media (max-width: 599px) {
  #content .portlet-body .box.box-tool {
    width: auto;
    padding: 0 12px;
    right: -76px;
  }
  #content .portlet-body .box.box-tool.open {
    right: 0;
  }
  #content .portlet-body .box-tool .go-top {
    font-size: 16px;
  }
  #content .portlet-body .box-tool h3 {
    display: none;
  }
  #content .portlet-body .box-tool ul {
    margin: 0 -12px 0;
  }
  #content .portlet-body .box-tool ul li {
    width: auto;
    float: none;
    margin-top: 0;
    margin-bottom: 15px;
  }
  #content .portlet-body .box-tool ul li a {
    padding-top: 50px;
  }
  #content .portlet-body .box-tool li a span {
    display: none;
  }
  #content .portlet-body .box-tool ul li.tool-discussion a:before {
    right: 22px;
  }
  #content .portlet-body .box-tool ul li.tool-discussion a:after {
    left: 22px;
  }
}

#content #content {
  padding-bottom: 10px;
}

#content #content.stickyFooter {
  padding-bottom: 50px;
}

#content .header-01 .tiles-wrapper {
  padding-top: 0;
}

#content .paging-setting {
  margin: 30px 0 15px 0;
}

#content .product-detail .bottom .section .section-body {
  margin: 20px 0;
}

#content .product-detail .bottom .section .section-body .pageHolder {
  margin-top: -20px;
}

#content .horizontal-tabs .tabs-navi li + li {
  margin-left: 33px;
}

#content .fi:before {
  width: 54px;
  height: 64px;
}

#content .fi.fi-medium:before {
  width: 27px;
  height: 32px;
}

#content .fi.fi-small:before {
  width: 18px;
  height: 21.33333px;
}

#content .gallery-narrow {
  text-align: center;
}

#content .portlet-body .journal-content-article .box-gallery > a img {
  display: inline-block;
}

#content .portlet-body .journal-content-article .box-gallery .show-all-images {
  clear: left;
  margin: 0;
}

#content .horizontal-tabs .tabs-content {
  -webkit-transition: height 0.3s linear 0.1s;
  -moz-transition: height 0.3s linear 0.1s;
  transition: height 0.3s linear 0.1s;
}

#content .horizontal-tabs .tabs-inner > div {
  width: 940px;
}

#content .vertical-tabs .tabs-content {
  min-height: 275px;
}

#content .vertical-tabs .tabs-navi {
  min-height: 275px;
}

#content .vertical-tabs .tabs-navi li {
  min-width: 75px;
  max-width: 150px;
  width: auto;
}

#content .tabs-content .tabs-inner > div {
  overflow: auto;
}

#content .content-menu > li ul {
  padding: 0 18px 18px 32px;
}

#content .footer-top .close i.fa-chevron-down {
  padding-top: 10px;
  line-height: 18px;
}

#content .footer-top .close i.fa-chevron-down:hover {
  border-color: white;
}

#content .footer-top .fast-menu li {
  white-space: nowrap;
}

#content .accordion > li .accordion-content p {
  font-size: 18px;
}

#content .catalogue .products li .prices span.before {
  text-align: center;
  position: relative;
}

#content .catalogue .products li .prices span.before i {
  position: absolute;
  left: 15px;
  bottom: 0;
  font-size: 10px;
  line-height: 10px;
}

#content .fancybox-lock .fancybox-overlay.fancybox-overlay {
  overflow-y: auto;
}

#content .fancybox-lock.fancybox-lock {
  overflow-y: scroll !important;
}

#content .fancybox-margin {
  margin-right: 0 !important;
}

#content .catalogue .products li {
  padding: 20px 10px 20px 10px;
  margin-left: 0;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
}

#content .catalogue .products li:hover {
  background: #ededed;
}

#content .catalogue .products li .comparisonAction {
  padding: 10px;
}

#content .catalogue .products li.active > div {
  background: transparent;
}

#content .catalogue .products li.active {
  background: #f5f5f5;
}

#content .catalogue .products li .prices.fullPrice span {
  color: #6c6c6c;
}

#content .catalogue .products li .prices.fullPrice span.before,
#content .catalogue .products li .prices.fullPrice span.after {
  color: #e10073;
  line-height: 31px;
}

#content .catalogue .products li .prices.fullPrice span.before i,
#content .catalogue .products li .prices.fullPrice span.after i {
  bottom: -12px;
  top: 27px;
}

#content .catalogue .products li .prices.fullPrice span.before sup,
#content .catalogue .products li .prices.fullPrice span.after sup {
  line-height: 28px;
}

#content .catalogue .products li .prices.fullPrice span.before i {
  text-align: left;
}

#content .catalogue .products li .prices.fullPrice span.after i {
  text-align: right;
}

#content .filter #filter-basic .filter-toggle {
  top: 15%;
}

#content .filter #filter-basic .filter-toggle:after {
  top: 35%;
}

#content .catalogue .products li .prices .magenta-price-block span.after sup {
  line-height: 24px;
}

#content .catalogue .products li .prices span.magenta-price-block {
  width: 50%;
  text-align: center;
}

#content .catalogue .products li .prices span.magenta-old-price {
  margin-left: 25%;
  text-align: center;
  height: 24px;
  line-height: 24px;
  background: url('/theme/stwbmain/images/common/cross-lines.png');
  background-size: 100% 100%;
}

#content .catalogue .products li .prices span.magenta-new-price {
  margin-left: 25%;
  text-align: center;
  height: 24px;
  line-height: 24px;
  color: #e10073;
}

#content .magenta-pricedesc-wrapper {
  width: 100%;
}

#content .magenta-pricedesc-block {
  display: inline-block;
  width: 45%;
}

#content .product-detail .magenta-price-box .main-price sup,
#content .product-detail .magenta-price-box .other-price sup {
  line-height: 40px;
  font-size: 24px;
}

#content .product-detail .magenta-price-box span.magenta-old-price {
  text-align: center;
  height: 24px;
  line-height: 24px;
  background: url('/theme/stwbmain/images/common/cross-lines.png');
  background-size: 100% 100%;
}

#content .product-detail span.happy-new-price,
#content .product-detail span.happy-old-price {
  font-size: 40px;
}

#content .product-detail .hwDetail-product-price-oc span.happy-new-price sup,
#content .product-detail .hwDetail-product-price-oc span.happy-old-price sup {
  font-size: 22px;
  vertical-align: super;
  line-height: normal;
  top: 0;
}

#content .product-detail .magenta-price-box span.magenta-new-price {
  text-align: center;
  height: 24px;
  line-height: 24px;
  color: #e10073;
}

#content .product-detail .magenta-price-box span.after:before {
  content: '+';
  display: inline-block;
  width: 15px;
  margin-right: 10px;
}

#content .product-detail .magenta-price-box .other-price {
  background-position-y: 15px;
}

#content .product-detail .magenta-price-box .hwDetail-product-price-oc {
  font-size: 37px;
  line-height: 30px;
  margin-top: 5px;
}

#content .product-detail .magenta-price-box .magenta-price-type {
  margin-top: -4px;
}

#content .happy-price-box .happy-price-block {
  margin-top: -14px;
  display: block;
}

#content .product-detail .happy-price-box .hwDetail-product-price-oc .price-type {
  font-size: 18px;
}

#content .product-detail .happy-price-box .price-type.new-price {
  color: inherit;
  margin-top: 14px;
  margin-bottom: -16px;
}

#content .product-detail .hwDetail-product-price-oc span.happy-new-price sup {
  font-size: 32px;
}

#content .product-detail .hwDetail-product-price-oc span.happy-old-price sup {
  font-size: 17px;
}

#content div.price-info-box.fullprice .price-info {
  display: none;
}

#content div.price-info-box.fullprice button {
  margin-top: -150px;
  margin-right: 15px;
  width: 200px;
}

#content .product-detail .price-box.fullprice .other-price {
  display: none;
}

@media (max-width: 480px) {
  #content div.price-info-box.fullprice button {
    margin: 0 auto;
    width: 230px;
  }
  #content .product-detail .price-box.fullprice .main-price {
    width: 100%;
  }
}

#content .happy-price-box .happy-old-price {
  color: #a4a4a4;
  text-align: center;
  position: relative;
  display: inline-block;
}

#content .happy-price-box .happy-old-price::before,
#content .happy-price-box .happy-old-price::after {
  content: '';
  width: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  border-bottom: 1px solid #a4a4a4;
}

#content .happy-price-box .happy-old-price::before {
  -ms-transform: skewX(-20deg);
  -webkit-transform: skewY(-20deg);
  transform: skewY(-20deg);
}

#content .happy-price-box .happy-old-price::after {
  -ms-transform: skewX(20deg);
  -webkit-transform: skewY(20deg);
  transform: skewY(20deg);
}

#content .happy-price-box .happy-price-block {
  line-height: 30px !important;
}

@media screen and (max-width: 480px) {
  #content .product-detail span.happy-new-price,
  #content .product-detail span.happy-old-price {
    font-size: 28px;
  }
  #content .product-detail .hwDetail-product-price-oc span.happy-old-price sup {
    font-size: 22px;
  }
}

#content p.full-price {
  margin-left: 6px;
  font-size: 18px;
}

#content p.full-price div.radio {
  margin-right: 9px;
}

#content .comparison-items-wrapper .catalogue {
  height: 575px;
}

#content .comparison-items-wrapper .catalogue .products li .magenta-prices span.after {
  bottom: 0;
  width: 80px;
}

#content .comparison-items-wrapper .catalogue .products li .magenta-prices span.magenta-first-price {
  display: block;
}

#content .catalogue-items-container .catalogue .products li .magenta-prices span sup {
  line-height: 30px;
  font-size: 17px;
}

#content .comparison-items-wrapper .catalogue .products li .magenta-prices {
  height: 45px;
}

#content .comparison-items-wrapper .catalogue .products li .magenta-prices span {
  display: block;
  float: left;
  width: 50%;
}

#content .comparison-items-wrapper .catalogue .products li .magenta-price-description .magenta-pricedesc-wrapper {
  margin-left: 5px;
}

#content .comparison-items-wrapper .catalogue .products li .magenta-prices span.after sup {
  line-height: 22px;
}

#content .comparison-items-wrapper .catalogue .products li .magenta-prices span.magenta-old-price {
  top: -0.2em;
}

#content .comparison-items-wrapper .catalogue .magenta-pricedesc-block {
  display: table-cell;
  width: 60%;
}

#content .magenta-pricedesc-wrapper div:first-of-type {
  padding-right: 10px;
}

#content .hwDetail-backButton-container .fa-angle-left {
  font-size: 25px;
}

#content .hwDetail-backButton-container .hwDetail-backButton {
  font-size: 25px;
}

#content ul.social-icons {
  list-style: none;
}

#content ul.social-icons li {
  display: inline-block;
  font-size: 40px;
  text-align: center;
}

#content ul.social-icons li a {
  color: #fff;
  display: block;
  padding: 10px;
  width: 40px;
  height: 40px;
}

#content ul.social-icons li a:hover {
  color: #fff;
  opacity: 0.7;
}

#content ul.social-icons li.fb a {
  background: #3b5998;
}

#content ul.social-icons li.gp a {
  background: #dd4b39;
}

#content ul.social-icons li.twitter a {
  background: #4099ff;
}

#content ul.social-icons li.linkedin a {
  background: #007bb6;
}

#content #toolbox-share-modal {
  min-width: 600px;
}

#content #toolbox-share-modal h2 {
  text-align: center;
}

#content #toolbox-share-modal ul.social-icons li {
  width: 32%;
}

#content #toolbox-share-modal ul.social-icons li a {
  margin: 0 auto;
}

#content #toolbox-share-modal ul.social-icons {
  margin: 70px 20px 90px;
}

@media screen and (min-width: 551px) {
  #content #toolbox-share-modal ul.social-icons {
    margin: 40px 10px 60px;
  }
}

@media screen and (min-width: 741px) {
  #content #toolbox-share-modal ul.social-icons {
    margin: 70px 20px 90px;
  }
}

@media screen and (max-width: 740px) {
  #content #toolbox-share-modal {
    min-width: 400px;
  }
}

@media screen and (max-width: 550px) {
  #content #toolbox-share-modal {
    min-width: 0;
  }
}

#content .banner-slideshow {
  position: relative;
  width: 940px;
  height: 325px;
}

#content .banner-slideshow .slides {
  position: absolute;
  left: 0;
  top: 0;
  width: 940px;
  height: 325px;
  overflow: hidden;
}

#content .campaignBannerContainer {
  width: 100%;
  text-align: center;
}

#content .campaignBanner {
  max-width: 100%;
  max-height: 300px;
}

#content #search-outputPart {
  margin-bottom: 60px;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
}

#content #search-outputPart .categorySelectors-wrapper {
  position: relative;
  width: 100%;
  height: 50px;
  overflow: hidden;
}

#content #search-outputPart .categorySelectors-wrapper .next,
#content #search-outputPart .categorySelectors-wrapper .prev {
  position: absolute;
  right: 0;
  width: 22px;
  height: 40px;
  background: url(/theme/stwbmain/images/style/arrows-carousel-detail.png) no-repeat 0 0;
}

#content #search-outputPart .categorySelectors-wrapper .prev.disabled,
#content #search-outputPart .categorySelectors-wrapper .next.disabled,
#content #search-outputPart .categorySelectors-wrapper .prev.customDisabled,
#content #search-outputPart .categorySelectors-wrapper .next.customDisabled {
  display: none;
}

#content #search-outputPart .categorySelectors-wrapper .prev {
  left: 0;
  background-position: 0 0;
}

#content #search-outputPart .categorySelectors-wrapper .prev:hover {
  background-position: -22px 0;
}

#content #search-outputPart .categorySelectors-wrapper .next {
  right: 0;
  background-position: -66px 0;
}

#content #search-outputPart .categorySelectors-wrapper .next:hover {
  background-position: -44px 0;
}

#content #search-outputPart .categorySelectors-wrapper ul {
  position: static;
  width: 100%;
  right: 0;
  left: 0;
}

#content #search-outputPart .categorySelectors-wrapper li {
  text-align: center;
}

@media screen and (min-width: 960px) {
  #content #search-outputPart .categorySelectors-wrapper ul.itemsCount-4 li {
    width: 205px;
  }
  #content #search-outputPart .categorySelectors-wrapper ul.itemsCount-5 li {
    width: 156px;
  }
}

@media screen and (max-width: 959px) {
  #content #search-outputPart .categorySelectors-wrapper ul {
    position: absolute;
    width: 2000px;
  }
}

#content .search-wrapper em {
  font-weight: bold;
}

#content .searchInfo {
  line-height: 24px;
  font-size: 24px;
}

#content .searchInfo span {
  color: #000;
}

#content #search-outputPart ul li.active {
  color: #e20074;
  cursor: default;
  text-decoration: none;
}

#content .searchResults {
  margin-bottom: 30px;
}

#content .searchResults em {
  font-style: normal;
}

#content .searchResults .searchItem {
  position: relative;
  clear: both;
  line-height: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 60px;
}

#content .searchResults .searchItem:hover {
  background: #f2fafd;
}

#content .searchResults .searchItem:hover:before,
#content .searchResults .searchItem:hover .searchTitle:before {
  opacity: 1;
}

#content .searchResults .searchItem:before,
#content .searchResults .searchItem .searchTitle:before {
  content: '';
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  margin-left: 10px;
  margin-right: 10px;
  opacity: 0.65;
  background: url(/theme/stwbmain/images/stwb/search/icons-categories.png) no-repeat -100px 0;
}

@media screen and (max-width: 960px) {
  #content .searchResults .searchItem:before {
    margin-left: 0;
  }
}

@media screen and (max-width: 480px) {
  #content .searchResults .searchItem {
    min-height: 0;
  }
  #content .searchResults .searchItem:before {
    content: none;
  }
  #content .searchResults .searchItem .searchTitle {
    position: relative;
  }
}

#content .searchResults .searchItem.HELP_AND_SUPPORT:before {
  background-position: 0 0;
}

#content .searchResults .searchItem.PRODUCTS:before {
  background-position: 0 -60px;
}

#content .searchResults .searchItem.DOCUMENTS:before {
  background-position: 0 -120px;
}

#content .searchResults .searchItem.FORUM:before {
  background-position: 0 -180px;
}

#content .searchResults .searchItem.PARTNERS:before {
  background-position: 0 -240px;
}

#content .searchResults .searchItem .searchItemContentWrapper {
  margin-left: 80px;
  padding-right: 20px;
}

@media screen and (max-width: 960px) {
  #content .searchResults .searchItem .searchItemContentWrapper {
    margin-left: 70px;
  }
}

@media screen and (max-width: 480px) {
  #content .searchResults .searchItem .searchTitle {
    position: relative;
    padding-left: 26px;
  }
  #content .searchResults .searchItem .searchTitle:before {
    left: 0;
    width: 26px;
    height: 26px;
    margin-left: 0;
    margin-right: 0;
    background: url(/theme/stwbmain/images/stwb/search/icons-categories-xsmall.png) no-repeat -100px 0;
  }
  #content .searchResults .searchItem.HELP_AND_SUPPORT .searchTitle:before {
    background-position: 0 1px;
  }
  #content .searchResults .searchItem.PRODUCTS .searchTitle:before {
    background-position: 0 -23px;
  }
  #content .searchResults .searchItem.DOCUMENTS .searchTitle:before {
    background-position: 0 -47px;
  }
  #content .searchResults .searchItem.FORUM .searchTitle:before {
    background-position: 0 -70px;
  }
  #content .searchResults .searchItem.PARTNERS .searchTitle:before {
    background-position: 0 -93px;
  }
  #content .searchResults .searchItem .searchItemContentWrapper {
    margin-left: 0;
    padding-right: 0;
  }
}

#content .searchResults .searchItem .searchItemContentWrapper .searchTitle a {
  font-size: 24px;
  color: #e20074;
}

#content .searchResults .searchItem .searchItemContentWrapper .searchItemContent em {
  color: #6bb324;
  font-weight: bold;
}

#content .mainSearchForm .ui-menu {
  display: block;
  z-index: 10000;
  background: url(/theme/shared/images/telekom/search/white_opacity.png) repeat;
}

#content .mainSearchForm span {
  cursor: pointer;
}

#content .mainSearchForm .ui-menu li {
  display: block;
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  box-sizing: border-box;
  line-height: 34px;
  height: 34px;
  width: 100%;
  padding: 0 15px;
  text-align: left;
}

#content .mainSearchForm .ui-menu .ui-autocomplete-category {
  border-bottom: 1px solid #d0d0d0;
}

#content .mainSearchForm .ui-menu .ui-autocomplete-category.DEFAULT,
#content .mainSearchForm .ui-menu .ui-autocomplete-category.PARTNERS {
  height: 1px;
}

#content .mainSearchForm .ui-menu .ui-menu-item.ui-state-focus {
  background: #ededed;
}

#content .mainSearchForm .ui-menu .ui-menu-item {
  position: relative;
  font-size: 24px;
  overflow: hidden;
}

#content .mainSearchForm .ui-menu .ui-menu-item a {
  display: block;
  color: #000;
  white-space: nowrap;
  text-decoration: none;
  font-size: 24px;
}

#content .mainSearchForm .ui-menu .ui-menu-item.ui-state-focus:after {
  position: absolute;
  display: block;
  height: 34px;
  width: 22px;
  top: 0;
  right: 0;
  padding-right: 7px;
  font-family: FontAwesome;
  content: '\f101';
  background: #ededed;
  color: #d0d0d0;
  text-align: right;
  cursor: pointer;
}

#content .mainSearchForm .ui-menu .ui-menu-item a em {
  color: #6bb324;
}

#content .mainSearchForm .ui-menu .ui-autocomplete-category {
  font-size: 18px;
}

#content .mainSearchForm .ui-menu .ui-autocomplete-category a:after {
  display: inline-block;
  font-family: FontAwesome;
  content: '\f101';
  margin-left: 5px;
}

#content .mainSearchForm .ui-menu em {
  font-style: normal;
}

#content #header-menu .mainSearchForm ul.ui-menu {
  display: block;
}

#content #header-menu .mainSearchForm ul.ui-menu li {
  display: block;
  padding: 0 15px;
  text-align: left;
}

#content #header-menu .mainSearchForm .ui-menu .ui-menu-item {
  font-size: 24px;
}

#content #header-menu .mainSearchForm .ui-menu .ui-menu-item a {
  color: #000;
}

#content #header-menu .mainSearchForm .ui-menu .ui-autocomplete-category a {
  color: #007faf;
}

#content #header-menu .mainSearchForm .ui-menu .ui-autocomplete-category a:hover {
  color: #206681;
}

#content .sidr-class-headerSearchAutosuggestGhost {
  display: none;
}

#content #sidr ul.ui-autocomplete {
  position: fixed;
  right: 5px;
  left: auto !important;
  width: auto !important;
  z-index: 10;
  display: block;
  max-width: 450px;
  border-top: 1px solid #d0d0d0;
}

#content #sidr ul.ui-autocomplete a {
  white-space: normal;
}

#content #sidr .mainSearchForm .ui-menu li {
  height: auto;
  padding: 10px 15px;
  line-height: 24px;
}

#content #sidr .mainSearchForm .ui-menu-item.ui-state-focus:after {
  content: none;
}

#content #sidr .mainSearchForm .ui-autocomplete-category {
  line-height: 18px;
}

#content #sidr .mainSearchForm .ui-autocomplete-category.DEFAULT {
  padding: 0;
}

#content .sidr-class-main-search-container {
  padding: 5px;
  background: #4b4b4b;
  margin-bottom: 1px;
}

#content .sidr-class-main-search-container input {
  border-radius: 4px;
  padding-right: 32px;
}

#content .sidr-class-main-search-container input.autocomplete-open {
  border-radius: 4px 4px 0 0;
}

#content .sidr-class-main-search-container .sidr-class-search-icon {
  position: absolute;
  top: 10px;
  right: 6px;
  display: block;
  width: 30px;
  height: 26px;
  background: url('/theme/stwbmain/images/stwb/icons-responsive-navigation-search.png') no-repeat 100% 50% white;
}

@media screen and (max-width: 465px) {
  #content #sidr ul.ui-autocomplete {
    left: 5px !important;
  }
}

#content .portability-input-body {
  min-width: 320px;
}

#content .portability-number-input-button {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 165px;
  margin-right: 20px;
}

#content .portability-input-body {
  margin-top: 20px;
  background: #ededed;
}

#content .portability-upper-span {
  line-height: 28px;
  color: #4b4b4b;
  font-size: 24px;
}

#content .portability-lower-span {
  display: block;
  line-height: 20px;
  color: #4b4b4b;
  font-size: 18px;
  margin-top: 25px;
}

#content .portability-number-input-label {
  font-size: 24px;
  padding-right: 20px;
}

#content .portability-input-table {
  margin-left: auto;
}

#content .portability-input-table .error-row {
  padding-bottom: 25px;
  font-size: 24px;
  font-weight: normal;
}

#content .portability-input-table .error-row-icon:before {
  color: #d90000;
  content: '\f071';
  font-family: FontAwesome;
  float: right;
  padding-top: 0;
  margin-right: 20px;
}

#content #portability-number-input {
  padding-right: 0;
  background-image: url(/theme/stwbmain/images/stwb/phone-number-positions-checker.png);
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
}

#content #portability-number-input.portability-number-input-MOBILE_PORTABILITY {
  background-image: url(/theme/stwbmain/images/stwb/phone-number-positions.png);
}

#content .portability-number-input {
  width: 165px;
  margin-right: 10px;
  height: 45px;
  background-position: -9px 0;
  transition: none;
}

#content .portability-number-input.portability-number-input-MOBILE_PORTABILITY {
  background-position: 0 0;
}

#content .portability-error {
  border: 1px solid #d90000;
}

#content #portability-success-msgBox,
#content #portability-error-msgBox {
  margin-top: 10px;
  margin-bottom: 10px;
}

#content #portability-success-message-number,
#content #portability-error-message-number {
  white-space: nowrap;
}

@media (min-width: 600px) and (max-width: 960px) {
  #content .portability-first-column {
    width: 150px;
  }
}

@media (max-width: 600px) {
  #content .portability-input-table {
    width: 100%;
    position: relative;
  }
  #content .portability-input-table td {
    padding-top: 20px;
    display: block;
    text-align: center;
    vertical-align: middle;
  }
  #content .portability-input-table button {
    display: block;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  #content .portability-input-table .portability-number-input {
    margin-right: 0;
  }
  #content .portability-row-two td {
    width: 250px;
    margin: auto;
    padding: 0;
  }
  #content .error-row.input-number-errors.error-message {
    position: relative;
    top: -80px;
  }
  #content .portability-input-table .error-row {
    padding-bottom: 20px;
  }
  #content .portability-input-table .error-row-icon:before {
    float: left;
    position: relative;
    top: -115px;
    margin-right: 0;
  }
  #content .portability-number-input-button.portability-responsive-error {
    top: 65px;
  }
}

#content .portability-number-input.length-1 {
  background-position: -9px -44px;
}

#content .portability-number-input-MOBILE_PORTABILITY.portability-number-input.length-1 {
  background-position: 0 -44px;
}

#content .portability-number-input.length-2 {
  background-position: -9px -88px;
}

#content .portability-number-input-MOBILE_PORTABILITY.portability-number-input.length-2 {
  background-position: 0 -88px;
}

#content .portability-number-input.length-3 {
  background-position: -9px -132px;
}

#content .portability-number-input-MOBILE_PORTABILITY.portability-number-input.length-3 {
  background-position: 0 -132px;
}

#content .portability-number-input.length-4 {
  background-position: -9px -176px;
}

#content .portability-number-input-MOBILE_PORTABILITY.portability-number-input.length-4 {
  background-position: 0 -176px;
}

#content .portability-number-input.length-5 {
  background-position: -9px -220px;
}

#content .portability-number-input-MOBILE_PORTABILITY.portability-number-input.length-5 {
  background-position: 0 -220px;
}

#content .portability-number-input.length-6 {
  background-position: -9px -264px;
}

#content .portability-number-input-MOBILE_PORTABILITY.portability-number-input.length-6 {
  background-position: 0 -264px;
}

#content .portability-number-input.length-7 {
  background-position: -9px -308px;
}

#content .portability-number-input-MOBILE_PORTABILITY.portability-number-input.length-7 {
  background-position: 0 -308px;
}

#content .portability-number-input.length-8 {
  background-position: -9px -352px;
}

#content .portability-number-input-MOBILE_PORTABILITY.portability-number-input.length-8 {
  background-position: 0 -352px;
}

#content .portability-number-input.length-9 {
  background-position: -9px -396px;
}

#content .portability-number-input-MOBILE_PORTABILITY.portability-number-input.length-9 {
  background-position: 0 -396px;
}

#content .portability-number-input.length-10 {
  background-position: -9px -440px;
}

#content .portability-number-input-MOBILE_PORTABILITY.portability-number-input.length-10 {
  background-position: 0 -440px;
}

#content .portability-number-input-button.disabled:hover,
#content .portability-number-input-button.disabled {
  background-color: #dcdcdc;
  border-color: #d0d0d0 !important;
  color: #d0d0d0;
  cursor: default;
}

#content .extra-products {
  display: none;
  margin-top: 5px;
}

#content .shoppingScenario-navigation-top-container {
  margin-bottom: 20px;
  border: 1px solid #d0d0d0;
  line-height: 16px;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

#content .shoppingScenario-navigation-top-container > div:first-child {
  line-height: 16px;
  display: table;
  width: 100%;
  height: 45px;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step {
  display: table-cell;
  font-size: 18px;
  color: #d0d0d0;
  text-align: center;
  vertical-align: middle;
  position: relative;
  padding: 0 15px;
  box-sizing: border-box;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step-responsiveName {
  text-align: center;
  padding: 6px;
  color: #e20074;
  font-weight: bold;
  display: none;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.steps-4 {
  width: 25%;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.steps-5 {
  width: 20%;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step:after {
  content: '§';
  position: absolute;
  right: -10px;
  width: 20px;
  padding: 10px 0;
  font-family: TeleIcon-Outline;
  font-size: 32px;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.last:after {
  content: none;
}

#content
  .shoppingScenario-navigation-top-container
  .shoppingScenario-navigation-step
  .shoppingScenario-navigation-step-index {
  background: url('/theme/stwbmain/images/stwb/step-numbers-36px-squares.png') no-repeat scroll 0 50% white;
  height: 36px;
  width: 36px;
  margin-left: 30px;
}

#content
  .shoppingScenario-navigation-top-container
  .shoppingScenario-navigation-step
  .shoppingScenario-navigation-step-index.step-1 {
  background-position: -36px -72px;
}

#content
  .shoppingScenario-navigation-top-container
  .shoppingScenario-navigation-step
  .shoppingScenario-navigation-step-index.step-2 {
  background-position: -72px -72px;
}

#content
  .shoppingScenario-navigation-top-container
  .shoppingScenario-navigation-step
  .shoppingScenario-navigation-step-index.step-3 {
  background-position: -108px -72px;
}

#content
  .shoppingScenario-navigation-top-container
  .shoppingScenario-navigation-step
  .shoppingScenario-navigation-step-index.step-4 {
  background-position: -144px -72px;
}

#content
  .shoppingScenario-navigation-top-container
  .shoppingScenario-navigation-step
  .shoppingScenario-navigation-step-index.step-5 {
  background-position: -182px -72px;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.done {
  cursor: pointer;
  color: #6c6c6c;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.done .step-1 {
  background-position: -36px 0;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.done .step-2 {
  background-position: -72px 0;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.done .step-3 {
  background-position: -108px 0;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.done .step-4 {
  background-position: -144px 0;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.done .step-5 {
  background-position: -182px 0;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.selected {
  color: #e20074;
  font-weight: bold;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.selected .step-1 {
  background-position: -36px -36px;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.selected .step-2 {
  background-position: -72px -36px;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.selected .step-3 {
  background-position: -108px -36px;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.selected .step-4 {
  background-position: -144px -36px;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.selected .step-5 {
  background-position: -182px -36px;
}

#content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.last {
  background: 0;
}

#content
  .shoppingScenario-navigation-top-container
  .shoppingScenario-navigation-step
  .shoppingScenario-navigation-step-index,
#content
  .shoppingScenario-navigation-top-container
  .shoppingScenario-navigation-step
  .shoppingScenario-navigation-step-name {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: middle;
}

#content
  .shoppingScenario-navigation-top-container
  .shoppingScenario-navigation-step
  .shoppingScenario-navigation-step-name {
  max-width: 110px;
  text-align: left;
  margin-left: 15px;
  font-size: 16px;
}

@media (max-width: 599px) {
  #content
    .shoppingScenario-navigation-top-container
    .shoppingScenario-navigation-step
    .shoppingScenario-navigation-step-name {
    max-width: 65px;
  }
  #content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step {
    font-size: 14px;
    padding: 0 7px;
  }
}

#content
  .shoppingScenario-navigation-top-container
  .shoppingScenario-navigation-step.steps-5
  .shoppingScenario-navigation-step-name {
  margin-left: 5px;
  line-height: 85%;
}

#content
  .shoppingScenario-navigation-top-container
  .shoppingScenario-navigation-step
  .shoppingScenario-navigation-step-name
  span {
  display: inline-block;
  height: 0;
  vertical-align: middle;
}

#content .shoppingScenario-bottom-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #d0d0d0;
  box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.1);
  z-index: 999;
  overflow: hidden;
}

#content .shoppingScenario-bottom-container:not(.hidden) {
  transition: bottom 0.6s linear 0.1s;
}

#content .shoppingScenario-bottom-container:not(.hidden).with-comparison {
  bottom: 40px;
}

#content .shoppingScenario-bottom-container.hidden {
  bottom: -100px;
  display: block !important;
}

#content .shoppingCartBottom-container {
  max-width: 940px !important;
  width: 940px !important;
  min-width: 250px;
  border-left: 0 solid #fff;
  border-right: 0 solid #fff;
}

#content #smartPackageBottomNote.bottom {
  bottom: -100px;
  display: block;
}

#content #smartPackageBottomNote:not(.bottom) {
  transition: bottom 0.6s linear 0.1s;
}

#content .top-marginer {
  max-width: 940px;
  width: 100%;
  height: 10px;
}

#content .bottom-marginer {
  max-width: 940px;
  width: 100%;
  height: 10px;
}

#content .shoppingCartBottom-nextStep button,
#content .shoppingCartBottom-nextStep button:hover,
#content .shoppingCartBottom-nextStep button:active {
  border: none !important;
}

#content .shoppingCartBottom-mainProductLabel div.labels {
  line-height: 1.2em;
  margin-right: 20px;
}

#content .shoppingCartBottom-nextStep {
  margin-left: 20px;
  position: relative;
}

#content .shoppingCartBottom-nextStep .shoppingCartBottom-buttonNextStep {
  width: 160px;
  height: 50px;
  border: 0;
  border-radius: 4px;
  line-height: 19px;
  color: #fff;
  text-align: center;
  text-shadow: none;
  font-size: 18px;
  font-weight: bold;
  background: #e20074;
  text-transform: uppercase;
}

#content .shoppingCartBottom-nextStep .shoppingCartBottom-buttonNextStep i.fa {
  margin-left: 4px;
}

#content .shoppingCartBottom-nextStep .shoppingCartBottom-buttonNextStep.disabled {
  background: #d597b5;
  border: 1px solid #ce83a7;
}

#content .shoppingCartBottom-nextStep,
#content .shoppingCartBottom-mainProduct-price-container,
#content .shoppingCartBottom-mainProduct-price-web-container,
#content .shoppingCartBottom-price-oneTime-container {
  display: inline-block;
  vertical-align: middle;
}

#content .shoppingCartBottom-mainProduct-price-container {
  height: 60px;
}

#content .shoppingCartBottom-mainProduct-price-web-container {
  padding-right: 10px;
}

#content .shoppingCartBottom-mainProduct-price-web-container .shoppingCartBottom-mainProduct-price-web {
  font-size: 38px;
  line-height: 42px;
  color: #e20074;
  font-weight: 500;
}

#content .shoppingCartBottom-mainProduct-price-web-container .shoppingCartBottom-mainProduct-price-web sup {
  font-size: 20px;
  font-weight: 500;
  top: -14px;
}

#content .shoppingCartBottom-mainProduct-price-web-container .shoppingCartBottom-mainProduct-price-web-info {
  font-size: 16px;
  line-height: 14px;
  color: #6c6c6c;
  font-weight: 500;
  text-align: left;
}

#content .shoppingCartBottom-price-oneTime-container {
  float: left;
  position: relative;
}

#content .shoppingCartBottom-price-oneTime-container .shoppingCartBottom-mainProduct-price-oneTime {
  font-size: 38px;
  line-height: 42px;
  color: #7c7c7c;
  float: right;
  font-weight: 500;
}

#content .shoppingCartBottom-price-oneTime-container .shoppingCartBottom-mainProduct-price-oneTime sup {
  font-size: 20px;
  font-weight: 500;
  top: -14px;
  color: #7c7c7c;
}

#content .shoppingCartBottom-price-oneTime-container .shoppingCartBottom-mainProduct-price-oneTime-info {
  font-size: 16px;
  line-height: 14px;
  color: #6c6c6c;
  text-align: left;
  position: absolute;
  bottom: -14px;
  font-weight: 500;
}

#content .shoppingCartBottom-price-oneTime-container .shoppingCartBottom-mainProduct-price-oneTime-plus {
  color: #a4a4a4;
  float: right;
  margin-left: 6px;
  margin-right: 3px;
  background: transparent url('/theme/stwbmain/images/stwb/shoppingCart/plus-21px.png') no-repeat;
  width: 21px;
  height: 21px;
  margin-top: 12px;
}

#content .shoppingCartBottom-webDiscount-label,
#content .shoppingCartBottom-campaignDiscount-label,
#content .shoppingCartBottom-tpDiscount-label {
  display: inline;
}

#content .shoppingCartBottom-container-left {
  float: left;
  padding-left: 100px;
  height: 60px;
  font-size: 24px;
  background: transparent url('/theme/stwbmain/images/stwb/shoppingCart/footer-icon-cart.png') no-repeat 15px center;
  color: #a4a4a4;
  z-index: 101;
  background-color: #d0d0d0;
  position: relative;
}

#content .shoppingCartBottom-container-left span {
  color: #e20074;
  font-weight: bold;
  display: inline;
}

#content .shoppingCartBottom-container-left .shoppingCartBottom-webDiscount-price,
#content .shoppingCartBottom-container-left .shoppingCartBottom-tpDiscount-price {
  font-weight: normal;
  display: inline;
}

#content .shoppingCartBottom-container-left .shoppingCartBottom-webDiscount-label,
#content .shoppingCartBottom-container-left .shoppingCartBottom-campaignDiscount-label,
#content .shoppingCartBottom-container-left .shoppingCartBottom-tpDiscount-label {
  display: inline;
}

#content .shoppingCartBottom-container-left .shoppingCartBottom-webDiscount-container,
#content .shoppingCartBottom-container-left .shoppingCartBottom-campaignDiscount-container,
#content .shoppingCartBottom-container-left .shoppingCartBottom-tpDiscount-container {
  display: inline;
}

#content .shoppingCartBottom-container-right {
  float: right;
  text-align: right;
  margin-right: 20px;
  z-index: 101;
  background-color: #d0d0d0;
}

#content .shoppingCartBottom-nextStep .fixHwCatalogue-withoutHw.shoppingCartBottom-buttonNextStep {
  font-weight: normal;
}

#content .shoppingCartBottom-nextStep .fixHwCatalogue-withoutHw.shoppingCartBottom-buttonNextStep .fa-angle-right {
  float: right;
  line-height: 200%;
}

@media (min-width: 801px) and (max-width: 940px) {
  #content
    .shoppingScenario-navigation-top-container
    .shoppingScenario-navigation-step.steps-5
    .shoppingScenario-navigation-step-name {
    margin-left: 0;
  }
  #content
    .shoppingScenario-navigation-top-container
    .shoppingScenario-navigation-step
    .shoppingScenario-navigation-step-index {
    width: 32px;
  }
}

@media (max-width: 940px) {
  #content .shoppingScenario-bottom-container.hidden {
    bottom: -140px;
  }
  #content .shoppingCartBottom-container {
    width: 100% !important;
  }
  #content .shoppingCartBottom-container-left {
    background-size: 50px;
    padding-left: 70px;
    background-position: 8px;
  }
  #content .shoppingScenario-bottom-container.CREDIT .shoppingCartBottom-container-left {
    display: block;
    padding-left: 0;
    background: 0;
  }
  #content .shoppingCartBottom-container {
    border: 0;
  }
  #content
    .shoppingScenario-navigation-top-container
    .shoppingScenario-navigation-step
    .shoppingScenario-navigation-step-name {
    font-size: 14px;
  }
  #content .shoppingCartBottom-mainProductLabel {
    font-size: 19px;
    line-height: 21px;
  }
  #content .shoppingCartBottom-mainProduct-price-container {
    height: auto;
  }
  #content .shoppingCartBottom-mainProduct-price-web-container .shoppingCartBottom-mainProduct-price-web {
    font-size: 30px;
    line-height: 32px;
  }
  #content .shoppingCartBottom-mainProduct-price-web-container .shoppingCartBottom-mainProduct-price-web sup {
    font-size: 16px;
    top: -12px;
  }
  #content .shoppingCartBottom-mainProduct-price-web-container .shoppingCartBottom-mainProduct-price-web-info {
    font-size: 13px;
    line-height: 10px;
  }
  #content .shoppingCartBottom-price-oneTime-container .shoppingCartBottom-mainProduct-price-oneTime {
    font-size: 30px;
    line-height: 32px;
  }
  #content .shoppingCartBottom-price-oneTime-container .shoppingCartBottom-mainProduct-price-oneTime sup {
    font-size: 16px;
    top: -12px;
  }
  #content .shoppingCartBottom-price-oneTime-container .shoppingCartBottom-mainProduct-price-oneTime-info {
    font-size: 13px;
    line-height: 10px;
    position: initial;
  }
  #content .serviceInstallAddress-input {
    width: calc(100% - 48px);
  }
}

@media (min-width: 600px) and (max-width: 940px) {
  #content .extra-products {
    display: block;
  }
  #content li.shoppingCartBottom-discountsLabel > span.price {
    color: #e20074;
  }
  #content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step {
    font-size: 14px;
    padding: 0 7px;
  }
  #content
    .shoppingScenario-navigation-top-container
    .shoppingScenario-navigation-step
    .shoppingScenario-navigation-step-index {
    width: 31px;
  }
  #content
    .shoppingScenario-navigation-top-container
    .shoppingScenario-navigation-step.steps-5
    .shoppingScenario-navigation-step-name {
    margin-left: 0;
  }
  #content .shoppingCartBottom-nextStep .shoppingCartBottom-buttonNextStep {
    width: 125px;
  }
  #content .shoppingCartBottom-nextStep .fixHwCatalogue-withoutHw.shoppingCartBottom-buttonNextStep {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  #content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step.steps-5 {
    width: auto;
  }
  #content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step-responsiveName {
    display: inline;
  }
  #content
    .shoppingScenario-navigation-top-container
    .shoppingScenario-navigation-step
    .shoppingScenario-navigation-step-name {
    display: none;
  }
  #content .shoppingCartBottom-container-left {
    background: 0;
    padding-left: 10px;
  }
  #content .shoppingCartBottom-mainProductLabel {
    font-size: 16px;
    line-height: 18px;
  }
  #content .shoppingCartBottom-mainProduct-price-web-container .shoppingCartBottom-mainProduct-price-web {
    font-size: 26px;
    line-height: 28px;
  }
  #content .shoppingCartBottom-mainProduct-price-web-container .shoppingCartBottom-mainProduct-price-web-info {
    font-size: 12px;
  }
  #content .shoppingCartBottom-price-oneTime-container .shoppingCartBottom-mainProduct-price-oneTime {
    font-size: 26px;
    line-height: 28px;
  }
  #content .shoppingCartBottom-price-oneTime-container .shoppingCartBottom-mainProduct-price-oneTime-info {
    font-size: 12px;
  }
  #content .shoppingCartBottom-container-right {
    margin-right: 10px;
  }
  #content .shoppingCartBottom-container-right .shoppingCartBottom-nextStep {
    margin-left: 5px;
  }
  #content .shoppingCartBottom-mainProduct-price-web-container {
    padding-right: 0;
  }
  #content .shoppingCartBottom-nextStep .shoppingCartBottom-buttonNextStep {
    width: 90px;
  }
  #content .shoppingCartBottom-nextStep .fixHwCatalogue-withoutHw.shoppingCartBottom-buttonNextStep {
    width: 125px;
    font-size: 14px;
  }
  #content .shoppingCartBottom-mainProductLabel div.labels {
    margin-right: 5px;
  }
}

@media (max-width: 599px) {
  #content .shoppingCartBottom-container {
    position: relative;
    top: -5px;
    padding: 4px 0;
  }
  #content .shoppingCartBottom-container-left {
    background: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: fit-content !important;
    height: fit-content !important;
  }
  #content .shoppingCartBottom-webDiscount-container {
    margin-top: 5px;
  }
  #content .shoppingCartBottom-container-right {
    margin: 10px !important;
    padding: 3px;
    width: -webkit-fill-available;
  }
  #content .shoppingCartBottom-mainProduct-price-container {
    float: left;
  }
  #content .shoppingCartBottom-mainProductLabel div.labels {
    margin-bottom: 3px;
  }
  #content .bottom-marginer {
    display: none;
  }
  #content .shoppingCartBottom-sendOrderToEmail-container::before {
    display: none;
  }
  #content .shoppingCartBottom-price-oneTime-container .shoppingCartBottom-mainProduct-price-oneTime-plus {
    color: #a4a4a4;
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    background: transparent url('/theme/stwbmain/images/stwb/shoppingCart/plus-13px.png') no-repeat;
    width: 13px;
    height: 13px;
    margin-top: 12px;
  }
  #content .shoppingCartBottom-nextStep {
    margin-left: 0;
  }
  #content .shoppingCartBottom-nextStep .shoppingCartBottom-buttonNextStep {
    height: 42px;
    line-height: 18px;
  }
  #content .shoppingCartBottom-nextStep > button:after {
    border-width: 21px 0 21px 7px;
    right: -7px;
  }
  #content .shoppingScenario-bottom-container.CREDIT .shoppingCartBottom-mainProduct-price-web-info {
    display: none;
  }
  #content .shoppingScenario-bottom-container.CREDIT .shoppingCartBottom-mainProduct-price-web {
    line-height: 43px;
  }
  #content .extra-products {
    display: block;
  }
  #content .shoppingCartBottom-webDiscount-price {
    color: #e20074;
  }
  #content .checker-input-container .input-prompt {
    font-size: 14px;
    margin-top: 12px;
    margin-left: 5px;
  }
  #content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step-responsiveName {
    padding: 5px 0;
  }
  #content .shoppingCartBottom-backButton-container {
    font-size: 16px !important;
  }
  #content .shoppingCartBottom-sendOrderToEmail-container {
    font-size: 16px !important;
    float: right;
    margin-right: 30px;
  }
}

#content .shoppingScenario-dataRow-label-inline {
  float: left;
  padding-right: 10px;
}

#content .shoppingCartBottom-sendOrderToEmail-icon {
  display: inline-block;
  width: 24px;
  height: 19px;
  margin: 4px 5px 0;
  position: absolute;
}

#content .shoppingCartBottom-sendOrderToEmail-icon:after {
  content: 'm';
  font-family: TeleIcon-Outline;
}

#content .shoppingCartBottom-sendOrderToEmail-container {
  display: inline-block;
  font-size: 24px;
}

#content .shoppingCartBottom-sendOrderToEmail-container::before {
  content: ' | ';
  color: #007faf;
  padding-left: 2px;
  font-size: 28px;
}

#content .shoppingCartBottom-sendOrderToEmailAndBackButton-container {
  margin-top: 25px;
  min-height: 35px;
}

#content .shoppingCartBottom-backButton-container,
#content .shoppingCartBottom-nextButton-container {
  display: inline-block;
  font-size: 24px;
  color: #007faf;
}

#content .shoppingCartBottom-nextButton-container.disabled a,
#content .shoppingCartBottom-nextButton-container.disabled i {
  color: #4b4b4b;
  cursor: default;
  text-decoration: none;
}

#content .hwDetail-backButton-container {
  font-size: 36px;
  color: #007faf;
  position: relative;
  height: 46px;
}

#content .hwDetail-backButton-container > div {
  position: absolute;
  right: 0;
}

#content .shoppingScenario-product-icon.MOBILE_TARIFF {
  background: transparent url('/theme/stwbmain/images/stwb/product/step-2-icon-mobile.png') no-repeat;
}

#content .shoppingScenario-product-icon-30.ANO,
#content .shoppingScenario-product-icon-30.HAPPY,
#content .shoppingScenario-product-icon-30.CREDIT,
#content .shoppingScenario-product-icon-30.MOBILE_HW {
  background: transparent url('/theme/stwbmain/images/stwb/product/summary-icon-mobile.png') no-repeat;
}

#content .shoppingScenario-product-icon-30.VOICE {
  background: transparent url('/theme/stwbmain/images/stwb/product/fix_chb-pl_30x30.png') no-repeat;
}

#content .shoppingScenario-product-icon-30.INTERNET {
  background: transparent url('/theme/stwbmain/images/stwb/product/fix_chb-internet_30x30.png') no-repeat;
}

#content .shoppingScenario-product-icon-30.TELEVISION {
  background: transparent url('/theme/stwbmain/images/stwb/product/fix_chb-tv_30x30.png') no-repeat;
}

#content .shoppingScenario-product-icon-30.TELEVISION.SAT {
  background: transparent url('/theme/stwbmain/images/stwb/product/fix_chb-tv-sat_30x30.png') no-repeat;
}

#content .shoppingScenario-product-icon-30.TELEVISION._GO {
  background: transparent url('/theme/stwbmain/images/stwb/product/wb_tv_magio_go_IKONA_summary.png') no-repeat;
}

#content .summary-product-text-mobile .font-telekom-magenta {
  color: #e20074;
}

#content .invalid-product-warning {
  border: 1px solid #d90000;
  padding: 25px 25px 25px 0;
  margin: 25px 0 25px 0;
  background: none repeat scroll 0 0 #fdf2f2;
  white-space: nowrap;
}

#content .invalid-product-warning-main {
  color: #d90000;
  font-size: 36px;
  margin: 0 0 0 25px;
}

#content .invalid-product-warning-details {
  margin-left: 5px;
  font-size: 36px;
}

#content .serviceInstallAddress-container p.description {
  margin: 5px 0 0 38px !important;
}

#content .serviceInstallAddress-container p.description a {
  text-decoration: none;
}

#content .serviceInstallAddress-container p.description .fa-info-circle.invoiceInfo {
  font-size: 32px;
  color: #ddd;
  margin: 0 0 0 5px;
  vertical-align: middle;
  cursor: pointer;
}

#content .serviceInstallAddress-input input[type='text'],
#content .serviceInstallAddress-input button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 44px;
  line-height: 44px;
  border: 1px solid #4c4c4c;
}

#content .serviceInstallAddress-input input[type='text']:focus {
  color: #000 !important;
}

#content .serviceInstallAddress-input input[type='text'].nonDefaultValue {
  color: #000;
}

#content .serviceInstallAddress-input input[type='text'][disabled] {
  border: 1px solid #d3d3d3;
}

#content ul.ui-autocomplete li span.address-suggestions-highlighted {
  display: inline !important;
  font-weight: bold;
}

#content .address-suggest-dropdown-wrapper {
  position: absolute;
  width: inherit;
}

#content .checker-input-container-wrapper {
  display: inline-block;
}

#content .serviceInstallAddress-input input.service-install-city,
#content .checker-input-container-wrapper.checker-input-container-city {
  max-width: 300px;
  width: 100%;
  margin-right: 16px;
}

#content .serviceInstallAddress-input input.service-install-street,
#content .checker-input-container-wrapper.checker-input-container-street {
  max-width: 300px;
  width: 100%;
  margin-right: 14px;
}

#content .serviceInstallAddress-input input.service-install-street-number,
#content .checker-input-container-wrapper.checker-input-container-street-number {
  width: 100px;
  margin-right: 17px;
}

#content .serviceInstallAddress-input input.service-install-invoiceNr {
  width: 760px;
  margin-right: 17px;
  color: #000;
}

#content .serviceInstallAddress-input button {
  width: 130px;
}

#content .checker-input-cell {
  width: 290px;
}

#content .serviceInstallAddress-input button[disabled] {
  border-color: #e2a5c4 !important;
  background: #e2a5c4;
  color: #ededed;
  cursor: default;
}

#content .waterbear-theme input[type='button'][class*='agentSubmitButton']:disabled {
  border-color: #e2a5c4 !important;
  background: #e2a5c4;
  color: #ededed;
  cursor: default;
}

#content .waterbear-theme input[type='button'].agentSubmitButton.disabledAgentButton.disabled {
  color: #fff;
}

#content .serviceInstallAddress-input input::-ms-clear {
  display: none;
}

#content .serviceInstallAddress-container input.service-install-invoiceNr.hint.phone {
  background-image: url(/theme/stwbmain/images/stwb/phone-number-positions-checker.png);
  background-position: -9px 0;
  transition: none;
}

#content .serviceInstallAddress-container input.service-install-invoiceNr.hint.length-1 {
  background-position: -9px -44px;
}

#content .serviceInstallAddress-container input.service-install-invoiceNr.hint.length-2 {
  background-position: -9px -88px;
}

#content .serviceInstallAddress-container input.service-install-invoiceNr.hint.length-3 {
  background-position: -9px -132px;
}

#content .serviceInstallAddress-container input.service-install-invoiceNr.hint.length-4 {
  background-position: -9px -176px;
}

#content .serviceInstallAddress-container input.service-install-invoiceNr.hint.length-5 {
  background-position: -9px -220px;
}

#content .serviceInstallAddress-container input.service-install-invoiceNr.hint.length-6 {
  background-position: -9px -264px;
}

#content .serviceInstallAddress-container input.service-install-invoiceNr.hint.length-7 {
  background-position: -9px -308px;
}

#content .serviceInstallAddress-container input.service-install-invoiceNr.hint.length-8 {
  background-position: -9px -352px;
}

#content .serviceInstallAddress-container input.service-install-invoiceNr.hint.length-9 {
  background-position: -9px -396px;
}

#content .serviceInstallAddress-container input.service-install-invoiceNr.hint.length-10 {
  background-position: -9px -440px;
}

#content .checker-input-invoiceNr-wrapper {
  margin-right: 150px;
}

#content .checker-input-invoiceNr-wrapper input.service-install-invoiceNr {
  width: 100%;
}

#content .serviceInstallAddress-input button {
  position: absolute;
  right: 13px;
  bottom: 13px;
}

@media (max-width: 960px) {
  #content .checker-input-container-wrapper {
    display: block;
    margin-bottom: 10px;
  }
  #content .serviceInstallAddress-input input {
    position: relative;
  }
  #content .fancybox-wrap.eSalesModal {
    margin: 40px 0;
  }
}

@media (max-width: 400px) {
  #content .serviceInstallAddress-input button {
    position: relative;
    right: 0;
    bottom: 0;
    width: 152px;
  }
  #content .serviceInstallAddress-input.invoiceNr .checker-input-invoiceNr-wrapper {
    margin-right: 0;
  }
  #content .serviceInstallAddress-input.invoiceNr button {
    float: right;
    margin-top: 13px;
  }
  #content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step-responsiveName {
    display: block;
  }
  #content .shoppingScenario-navigation-top-container .shoppingScenario-navigation-step:after {
    top: 14px;
  }
}

#content .checker-container,
#content .magio-go-checker-container {
  font-family: TeleGrotesk, Arial, Helvetica, Verdana, sans-serif;
  width: 940px;
  font-size: 0;
  position: relative;
  overflow: visible;
  margin-top: 5px;
}

#content .checker-inner-container {
  width: auto;
  padding: 0;
}

#content .checker-radios-container {
  margin: 10px 0 0 40px;
}

#content .checker-radio-container {
  margin-bottom: 5px;
}

#content .serviceInstallAddress-input {
  display: inline-block;
  position: relative;
  background: #ededed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 5px 0 0 38px;
  padding: 13px 10px 13px 10px;
  width: calc(100% - 38px);
}

#content .serviceInstallAddress-input div.checker-input-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 44px;
  position: relative;
  width: 100%;
  -webkit-transition: background 300ms ease;
  -moz-transition: background 300ms ease;
  -ms-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  transition: background 300ms ease;
}

#content .serviceInstallAddress-input div.checker-input-container.disabled {
  background: transparent;
}

#content .serviceInstallAddress-input div.checker-input-container div.phone-recap,
#content .serviceInstallAddress-input div.checker-input-container div.city-recap,
#content .serviceInstallAddress-input div.checker-input-container div.street-recap,
#content .serviceInstallAddress-input div.checker-input-container div.street-number-recap {
  display: table;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 42px;
  float: left;
}

#content .serviceInstallAddress-input div.checker-input-container div.phone-recap span,
#content .serviceInstallAddress-input div.checker-input-container div.city-recap span,
#content .serviceInstallAddress-input div.checker-input-container div.street-recap span,
#content .serviceInstallAddress-input div.checker-input-container div.street-number-recap span {
  font-size: 24px;
  padding-left: 13px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: 1px;
  left: 0;
}

#content .serviceInstallAddress-input div.checker-input-container div.city-recap span:after {
  content: ',';
}

#content .serviceInstallAddress-input div.checker-input-container span {
  display: block;
  overflow: hidden;
}

#content .serviceInstallAddress-input div.checker-input-container input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#content div.addressSuggestWrapper ul.ui-autocomplete.ui-menu {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  border: 1px solid #d0d0d0;
  border-top: 0;
  font-size: 24px;
  color: #6c6c6c;
  position: absolute;
  left: -1px !important;
  z-index: 600;
}

#content div.addressSuggestWrapper ul.ui-autocomplete.ui-menu li {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 2px 13px 10px 13px;
  cursor: pointer;
}

#content div.addressSuggestWrapper ul.ui-autocomplete.ui-menu li:hover,
#content div.addressSuggestWrapper ul.ui-autocomplete.ui-menu li.ui-state-focus {
  background: #d0d0d0;
}

#content div.addressSuggestWrapper ul.ui-autocomplete.ui-menu:before {
  position: absolute;
  top: 0;
  left: 2%;
  display: block;
  content: '';
  border-top: 1px solid #d0d0d0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 1px;
  width: 96%;
  z-index: 31;
}

#content div.addressSuggestWrapper .ui-autocomplete {
  max-height: 450px;
  overflow-y: scroll;
  overflow-x: hidden;
}

#content .serviceInstallAddress-input div.checker-input-container.sealed {
  height: 44px;
  border: 0 solid #d0d0d0;
  background: #ededed;
}

#content .serviceInstallAddress-input div.checker-input-container.sealed div.phone-recap,
#content .serviceInstallAddress-input div.checker-input-container.sealed div.city-recap,
#content .serviceInstallAddress-input div.checker-input-container.sealed div.street-recap,
#content .serviceInstallAddress-input div.checker-input-container.sealed div.street-number-recap {
  display: table;
  height: 44px;
}

#content .serviceInstallAddress-input div.checker-input-container.sealed div.phone-recap span,
#content .serviceInstallAddress-input div.checker-input-container.sealed div.city-recap span,
#content .serviceInstallAddress-input div.checker-input-container.sealed div.street-recap span,
#content .serviceInstallAddress-input div.checker-input-container.sealed div.street-number-recap span {
  position: relative;
  top: 1px;
  left: 1px;
}

#content .serviceInstallAddress-input div.checker-input-container.sealed div.phone-recap,
#content .serviceInstallAddress-input div.checker-input-container.sealed div.street-number-recap {
  padding-right: 13px;
}

@media (min-width: 600px) {
  #content .checker-container,
  #content .magio-go-checker-container {
    width: 100%;
    overflow: visible;
  }
  #content .checker-inner-container {
    width: auto;
    padding: 0;
  }
  #content .checker-inner-container .message-block.error p {
    white-space: normal;
  }
  #content .serviceInstallAddress-input {
    margin-top: 5px;
    padding: 13px 14px 13px 17px;
  }
  #content .serviceInstallAddress-input.invoiceNr {
    max-width: 465px;
  }
}

@media (max-width: 599px) {
  #content .checker-container,
  #content .magio-go-checker-container {
    width: 100%;
    overflow: visible;
    min-width: 300px;
  }
  #content .checker-inner-container {
    width: auto;
    padding: 0;
  }
  #content .serviceInstallAddress-input {
    margin-top: 5px;
    padding: 13px 10px 13px 10px;
  }
  #content .serviceInstallAddress-input div.checker-input-container div.phone-recap span,
  #content .serviceInstallAddress-input div.checker-input-container div.city-recap span,
  #content .serviceInstallAddress-input div.checker-input-container div.street-recap span,
  #content .serviceInstallAddress-input div.checker-input-container div.street-number-recap span {
    font-size: 18px;
    padding-left: 5px;
  }
  #content .serviceInstallAddress-input div.checker-input-container input {
    padding-left: 5px;
  }
}

#content .nextButton {
  position: relative;
  display: inline-block;
  margin-right: 30px;
  padding: 48px 20px;
  border: 1px solid #fff;
  line-height: 32px;
  font-size: 38px;
  background-color: #e20074;
  color: #fff;
  cursor: pointer;
}

#content .nextButton:after {
  position: absolute;
  right: -22px;
  top: 38%;
  content: '';
  font-family: FontAwesome, serif;
  color: #e20074;
}

#content .page {
  margin-bottom: 0;
}

#content .page.ajaxLoading {
  cursor: wait;
}

#content .input-prompt {
  position: absolute;
  font-size: 24px;
  color: #aaa;
  margin: 7px 0 5px 12px;
  top: 0;
  left: 0;
}

#content .cursor-pointer {
  cursor: pointer;
}

#content span[class*='info-tooltip'] {
  display: inline-block;
  height: inherit;
}

#content .hwDetail-info-tooltip {
  float: right;
  margin-top: -25px;
  margin-right: 45px;
  min-width: 0 !important;
}

@media screen and (max-width: 480px) {
  #content .hwDetail-info-tooltip {
    float: none;
  }
}

#content .itemOutOfStock-container {
  width: 140px;
  text-shadow: 0 0 #fff;
  box-sizing: border-box;
  height: 45px;
  line-height: 27px;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  padding: 8px 19px;
  display: inline-block;
  cursor: pointer;
  border-radius: 4px;
}

#content .product-detail .itemOutOfStock-container {
  background: #fff;
  border: 1px solid #e20074;
  font-size: 24px;
  padding: 0 19px;
  float: right;
  display: block;
  width: 230px;
  line-height: 80px;
  height: 80px;
}

#content .catalogue .itemOutOfStock-container {
  background-color: transparent;
  color: #e20074;
  border: 1px solid #e20074;
}

#content .itemOutOfStock-text {
  color: #e20074;
}

#content .waterbear-theme td.mb {
  max-width: 535px;
  font-size: 16px;
  padding: 20px 0 40px 0;
  text-align: left;
}

#content .itemOutOfStock-form-header {
  font-size: 38px;
  color: #e20074;
  padding-top: 55px;
  padding-bottom: 50px;
}

#content .itemOutOfStock-form-description {
  font-size: 24px;
  line-height: 32px;
  color: #4b4b4b;
  padding-bottom: 35px;
}

#content .outOfStock-dataRow-label {
  font-size: 24px;
  line-height: 32px;
}

#content #outOfStockContactMeOverlay,
#content #earlyProlongationWithHwOverlay {
  text-align: center;
}

#content .itemOutOfStock-parent a {
  display: inline-block;
}

#content .outOfStock-dataRow-container {
  margin: auto;
}

#content .outOfStock-dataRow-input input {
  width: 300px;
}

#content .earlyProlongationWithHw-table {
  margin: 15px;
}

#content .waterbear-theme .earlyProlongationWithHw-table td {
  padding: 0;
}

#content .waterbear-theme .earlyProlongationWithHw-table .button-row {
  text-align: left;
  padding-top: 30px;
  padding-bottom: 10px;
}

#content .waterbear-theme a.earlyProlongationWithHwCancel {
  display: block;
  margin-top: 10px;
}

#content .outOfStock-table {
  margin: auto;
}

#content .outOfStock-table .button-row {
  padding-bottom: 40px;
  float: right;
}

#content .outOfStock-table .error-row {
  max-width: 300px;
}

#content .outOfStock-table button {
  float: left;
  min-width: 240px;
}

#content .addressSuggest-spinner-icon {
  font-size: 24px;
  position: absolute;
  top: -35px;
  right: 10px;
}

#content .package-select-bottom-note {
  padding-top: 20px;
  display: inline;
  position: relative;
  bottom: 0;
}

#content .package-select-bottom-note a i {
  margin-left: 3px;
}

#content .package-select-bottom-note .content {
  display: none;
}

#content .package-select-bottom-note .content.expanded {
  display: block;
}

#content .package-select-bottom-note .content h5 {
  font-size: 18px;
  color: #4b4b4b;
  font-weight: bold;
}

#content .package-select-bottom-note .subnoteLink {
  color: #4b4b4b;
  font-size: 18px;
  font-weight: bold;
}

#content .package-select-bottom-note .subnoteLink:hover {
  color: #4b4b4b;
}

#content .hover-transform-tile {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#content .hover-transform-tile:not(.disabled):hover {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

#content button,
#content a.button,
#content input[type='button'],
#content input[type='submit'] {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#content button:not(.disabled):hover,
#content a.button:not(.disabled):hover,
#content input[type='button']:not(.disabled):hover,
#content input[type='submit']:not(.disabled):hover {
  background-color: #cc0069;
  border: 1px solid #9f0052;
}

#content .pulsar {
  position: absolute;
  top: 1px;
  right: 1px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: white;
  background-color: red;
  padding: 1px;
  margin: 0;
  width: 20px;
  height: 20px;
  box-shadow: 2px 2px 5px #888;
  line-height: 22px;
}

#content .hidden-content {
  display: none;
}

#content .serviceInstallAddress-input input[type='text'][disabled='disabled'] {
  background-color: whitesmoke;
  color: #a4a4a4;
}

#content .waterbear-theme .modal-inner .modal-green-button {
  background: #6bb324;
  border: 0;
}

#content div.nonexistentAddress-titleWrapper {
  margin-left: auto;
  margin-right: auto;
}

#content div.nonexistentAddress-bodyWrapper {
  text-align: left;
  margin-top: 10px;
}

#content div.nonexistentAddress-phoneNumberWrapper {
  margin-top: 15px;
}

#content div.nonexistentAddress-phoneNumberInputWrapper {
  margin: 10px 0;
}

#content button.nonexistentAddress-submitButton {
  width: 223px;
}

#content .waterbear-theme .padding-ok-inputs {
  padding-bottom: 20px;
}

#content .hwDetailPricelistTable {
  border: 0;
}

#content .hwDetailPricelistTable thead th {
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #d0d0d0;
  border: 0;
  border-right: 3px solid transparent;
  background-clip: padding-box;
}

#content .hwDetailPricelistTable thead .headSecondLine th {
  background-color: #ededed;
}

#content .hwDetailPricelistTable thead th:last-child {
  border-right: 0;
}

#content .hwDetailPricelistTable thead th.transparentBack {
  background-color: transparent;
}

#content .hwDetailPricelistTable .blackText {
  color: #4b4b4b;
}

#content .hwDetailPricelistTable .strong {
  font-weight: 700;
}

#content .hwDetailPricelistTable .pinkText {
  color: #e20074;
  background-color: #fef2f8;
  background-clip: padding-box;
}

#content .product-detail .hwDetailPricelistTable tr td:first-child {
  width: 30%;
}

#content .eSalesModal {
  margin: 40px;
  text-align: left;
  max-width: 1000px;
}

#content .eSalesModal .fancybox-inner {
  max-width: 970px;
}

#content .eSalesModal .modal-inner {
  text-align: left;
}

#content .sendUnfinishedOrderToEmail-form-container {
  margin: 20px 35px 0 20px;
}

#content .sendUnfinishedOrderToEmail-form-container button {
  background-color: #e20074;
  background-image: none;
  height: 50px;
  border: 1px solid #cc0069;
  color: #fff;
  font-weight: bold;
  text-shadow: none;
  padding: 0 20px;
  font-size: 24px;
  float: right;
  margin-right: 10px;
  margin-bottom: 35px;
}

#content .sendUnfinishedOrderToEmail-form-icon {
  display: inline-block;
  width: 24px;
  height: 19px;
  background: transparent url('/theme/stwbmain/images/stwb/icon-mail.png') no-repeat;
  margin-right: 10px;
}

#content .sendUnfinishedOrderToEmail-form-header {
  color: #e20074;
  font-size: 24px;
}

#content .sendUnfinishedOrderToEmail-form-description {
  padding-top: 15px;
  padding-bottom: 15px;
}

#content .sendUnfinishedOrderToEmail-form-container .shoppingScenario-dataRow-label {
  white-space: nowrap;
}

#content .sendUnfinishedOrderToEmail-form-container .shoppingScenario-dataRow-input {
  width: 300px;
}

@media screen and (max-width: 465px) {
  #content .sendUnfinishedOrderToEmail-form-container .shoppingScenario-dataRow-input {
    width: auto;
    overflow: hidden;
  }
  #content .shoppingScenario-dataRow-input .placeholderSimulator {
    font-size: 21px;
  }
}

#content .fancybox-skin {
  border-radius: 0;
}

#content .fancybox-wrap .fancybox-close {
  position: absolute;
  background: transparent url('/theme/stwbmain/images/stwb/mobileHwCatalogue/icon-close.png') center center no-repeat;
  background-size: auto auto;
  right: -40px;
}

#content .fancybox-nav span {
  visibility: visible;
}

#content .fancybox-wrap.modalBlack a.fancybox-close,
#content .fancybox-wrap.modalWhite a.fancybox-close {
  background: 0;
  top: 5px;
  right: 5px;
  height: auto;
  width: auto;
  color: #4b4b4b;
  text-decoration: none;
}

#content .modalBlack .fancybox-skin {
  background: #ededed;
}

#content .modalWhite .fancybox-skin {
  background: #fff;
}

#content .modalBlack .logreg-wrap,
#content .modalWhite .logreg-wrap {
  background: 0;
}

#content .title-menu li a.notselected {
  text-decoration: none;
  color: #d0d0d0;
}

#content .section-body .toggle {
  cursor: pointer;
}

#content .thumbs .pictureSmall-container {
  text-align: center;
  display: inline-block;
  width: 140px;
  height: 140px;
  vertical-align: middle;
}

@media screen and (max-width: 480px) {
  #content .thumbs .pictureSmall-container {
    width: 86px;
    height: 86px;
  }
}

#content .thumbs .pictureSmall-container:nth-child(2) {
  margin-left: 20px;
  margin-right: 20px;
}

#content .thumbs .pictureSmall-container img {
  cursor: pointer;
}

#content .userGuideList {
  margin-bottom: 20px !important;
}

#content .catalogue-product-picture {
  max-width: 190px;
  max-height: 240px;
}

#content .catalogue-product-picture.comparison {
  max-width: 120px;
  max-height: 150px;
}

#content .catalogue-product-picture-container {
  min-width: 190px;
  min-height: 240px;
  display: block;
}

#content .catalogue-product-picture-container.comparison {
  min-width: 120px;
  min-height: 150px;
}

#content .waterbear-theme p.product-description a {
  text-decoration: none;
  color: #4b4b4b;
}

#content .simple-hw-product .info-button {
  position: absolute;
  color: #a4a4a4;
  top: 16px;
  right: 16px;
  font-size: 28px;
}

#content .simple-hw-product .info-button:hover {
  color: #a4a4a4;
}

#content .hwCatalogBottom-heapboxFiller {
  display: none;
}

#content .catalogue .products .more-info {
  margin-top: 3px;
}

#content .prices.happy-catalog-price-box .happy-old-price {
  position: relative;
  display: inline-block;
}

#content .prices.happy-catalog-price-box .happy-old-price::before,
#content .prices.happy-catalog-price-box .happy-old-price::after {
  content: '';
  width: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  border-bottom: 1px solid #a4a4a4;
}

#content .prices.happy-catalog-price-box .happy-old-price::before {
  -ms-transform: skewX(-20deg);
  -webkit-transform: skewY(-20deg);
  transform: skewY(-20deg);
}

#content .prices.happy-catalog-price-box .happy-old-price::after {
  -ms-transform: skewX(20deg);
  -webkit-transform: skewY(20deg);
  transform: skewY(20deg);
}

#content .catalogue .products .prices.happy-catalog-price-box span .happy-new-price {
  font-size: 24px;
  color: #4b4b4b;
}

#content .catalogue .products .prices.happy-catalog-price-box span .happy-old-price {
  font-size: 24px;
  color: #a4a4a4;
}

#content .catalogue .products li .prices.happy-catalog-price-box .happy-simple-price {
  color: #4b4b4b;
}

#content .catalogue .products li .prices.happy-catalog-price-box .happy-simple-price i {
  color: #4b4b4b;
  padding-left: 25px;
  margin-bottom: -3px;
}

#content .catalogue .products li .prices.happy-catalog-price-box span.before {
  width: 50px;
}

#content .catalogue .products li .prices.happy-catalog-price-box span.after {
  padding-left: 25px;
}

#content .catalogue .products li .prices.happy-catalog-price-box span.after::before {
  float: left;
}

#content .catalogue .products li .prices.happy-catalog-price-box .happy-price-block,
#content .catalogue .products li .prices.happy-catalog-price-box .happy-price-block span {
  width: auto;
  line-height: 24px;
  display: block;
  float: none;
}

#content .catalogue .products li .prices.happy-catalog-price-box .happy-price-block {
  float: left;
  margin-top: -5px;
}

#content .catalogue .products li .prices.happy-catalog-price-box .happy-price-block sup {
  line-height: normal;
  vertical-align: super;
}

#content .catalogue .products li .prices.happy-catalog-price-box .happy-price-block i {
  position: static;
  display: block;
  color: #4b4b4b;
}

#content .catalogue .products li .happy-price-description {
  padding-right: 70px;
}

#content .catalogue .products li .prices span.priceInfoTarif {
  white-space: nowrap;
  color: inherit;
  display: inline;
  float: none;
  font-size: inherit;
  line-height: normal;
  position: relative;
  width: auto;
}

#content .catalogue .products li .prices.fullPrice span.after i.couponPriceInfo {
  left: 15px;
  text-align: left;
}

#content .hwComparison-wrapper table.tbl td.bold {
  font-weight: bold;
}

#content .smartPackageSelect-table {
  width: 100%;
  max-width: 940px;
  border-collapse: separate;
  font-family: 'TeleGroteskNext';
}

#content .smartPackageSelect-table-cell .smartPackage-select-table-price {
  color: #6c6c6c;
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  margin: 6px 0;
  transition: 0.3s;
}

#content .smartPackageSelect-table-cell:hover .smartPackage-select-table-price {
  font-size: 22px;
  line-height: 24px;
  margin: 0;
}

#content .smartPackageSelect-table-cell {
  width: 180px;
  height: 165px;
  position: relative;
  overflow: visible !important;
  padding: 0 !important;
  border-width: 8px 5px;
  border-style: solid;
  border-color: transparent;
  font-size: 16px;
}

#content td.smartPackageSelect-table-cell:last-child {
  border-width: 8px 0 8px 5px;
}

#content .smartPackageSelect-table-cell .inner {
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 165px;
  box-sizing: border-box;
  text-align: center;
  transition: 0.3s;
  border-radius: 8px;
  background: #f2f2f2;
}

#content .smartPackageSelect-table-cell .inner p {
  transition: 0.3s;
}

#content #wrapper:not(.disable-hover) .smartPackageSelect-table-cell:hover .inner {
  filter: drop-shadow(0 0 6.5px rgba(0, 0, 0, 0.31));
}

#content .smartPackageSelect-table-cell.disabled .inner,
#content .smartPackageSelect-table-cell.disabled .inner p,
#content .smartPackageSelect-table-cell.disabled .inner div {
  display: none;
}

#content #wrapper:not(.disable-hover) .smartPackageSelect-table-cell.disabled:hover .inner {
  background: transparent;
}

#content .smartPackageSelect-table-cell .product-add-label,
#content .smartPackageSelect-table-cell .product-remove-label {
  display: none;
  height: 26px;
  border-radius: 0 0 8px 8px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 0;
  cursor: pointer;
}

#content .smartPackageSelect-table-cell:not(.selected):not(.disabledForHw):hover .product-add-label {
  display: block;
  background: #e20074;
  color: #fff;
}

#content .smartPackageSelect-table-cell.selected:hover .product-remove-label {
  display: block;
  background: #f2f2f2;
  color: #e20074;
}

#content .smartPackageSelect-table-cell.label {
  width: auto;
  background: #fff center no-repeat;
  font-size: 26px;
  color: #262626;
  padding: 0 40px 0 140px !important;
  box-sizing: border-box;
  line-height: 105%;
  border-left: none;
  font-weight: 500;
}

#content .smartPackageSelect-table-cell .info-button {
  position: absolute;
  top: 6px;
  right: 6px;
  color: #fff !important;
  font-size: 32px;
}

#content .smartPackageSelect-table-cell.label.television {
  background-image: url(/theme/stwbmain/images/stwb/smart/icon-tv-big_new.png);
  background-size: 85px;
  background-position: 40px;
}

#content .smartPackageSelect-table-cell.label.internet {
  background-image: url(/theme/stwbmain/images/stwb/smart/icon-internet-big_new.png);
  background-size: 78px;
  background-position: 43px;
}

#content .smartPackageSelect-table-cell.label.voice {
  background-image: url(/theme/stwbmain/images/stwb/smart/icon-phone-big_new.png);
  background-size: 54px;
  background-position: 55px;
}

#content .smartPackageSelect-table-cell.empty,
#content .smartPackageSelect-table-cell.empty .inner {
  background: 0;
  border-left: none;
}

#content .smartPackageSelect-table-cell.selected .inner {
  background: #e20074;
}

#content .smartPackageSelect-table-cell.selected .smartPackage-select-table-price {
  color: #d0d0d0 !important;
  display: none;
}

#content .smartPackageSelect-table-cell.empty .inner:before,
#content .smartPackageSelect-table-cell.empty .inner:after,
#content .smartPackageSelect-table-cell.label .inner:before,
#content .smartPackageSelect-table-cell.label .inner:after {
  display: none;
}

#content .smartPackageSelect-table-cell .plus {
  visibility: hidden;
}

#content #wrapper:not(.disable-hover) .smartPackageSelect-table-cell:hover .plus {
  visibility: visible;
}

#content .smartPackageSelect-table-row .smartPackageSelect-table-cell .packageSize {
  margin: 20px 6px 0;
  line-height: 1;
  color: #262626;
  font-size: 42px;
  font-weight: 900;
  text-align: center;
}

#content .smartPackageSelect-table-row .smartPackageSelect-table-cell.selected .packageSize {
  color: #010000;
}

#content .smartPackageSelect-table-row .smartPackageSelect-table-cell:hover .packageSize {
  font-size: 32px;
}

#content .smartPackageSelect-table-row .smartPackageSelect-table-cell .tick {
  display: none;
  font-size: 42px;
  font-family: 'TeleIcon-Solid';
  margin: 6px auto 0 auto;
  color: #fff;
  line-height: 1;
  transition: 0.3s;
}

#content .smartPackageSelect-table-row .smartPackageSelect-table-cell .tick:before {
  content: 'v';
}

#content .smartPackageSelect-table-row .smartPackageSelect-table-cell.selected .tick {
  display: block;
}

#content .smartPackageSelect-table-row .smartPackageSelect-table-cell.selected:hover .tick {
  font-size: 30px;
  margin: 0;
}

#content .smartPackageSelect-table-row.no-top-border .smartPackageSelect-table-cell {
  border-top: 0;
}

#content .smartPackageSelect-table-cell .smartPackage-select-table-description {
  line-height: 100%;
  margin: 6px 0 0 0;
}

#content .smartPackageSelect-table-cell:hover .smartPackage-select-table-description {
  margin: 0;
}

#content .smartPackage-select-table-description span {
  cursor: pointer;
  color: #e20074;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  text-align: center;
}

#content .smartPackage-select-table-description span:hover {
  text-decoration: none;
}

#content .smartPackageSelect-row-select.selected span {
  color: white;
}

#content .smartPackage-select-table-radio-wrapper {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  display: none;
}

#content .smartPackage-select-table-radio-wrapper div.radio {
  margin-right: 0;
}

#content .smartPackage-select-table-radio-wrapper div.radio input {
  cursor: pointer;
}

#content .smartPackage-select-table-description.short-description {
  display: none;
}

#content .smartPackage-select-table-description.long-description {
  display: block;
}

#content #wrapper:not(.disable-hover) .smartPackageSelect-table-cell.disabledForHw .inner {
  background: #f5f5f5;
  opacity: 0.5;
}

#content
  #wrapper:not(.disable-hover)
  .smartPackageSelect-table-cell.disabledForHw:hover
  .inner
  .smartPackage-select-table-price {
  color: #7c7c7c !important;
}

#content .smartPackageSelect-table-cell.disabledForHw .smartPackage-select-table-price {
  color: #7c7c7c !important;
}

#content #wrapper:not(.disable-hover) .smartPackageSelect-table-cell.disabledForHw:hover .plus {
  visibility: hidden;
}

#content .smartPackageSelect-table-cell .not-avaliable-service-tooltip {
  visibility: hidden;
  position: relative;
  padding: 20px;
  background: #555;
  width: 250px;
  z-index: 500;
  right: -55px;
  top: -95px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  opacity: 0;
  transition: opacity 0.3s;
  display: none;
}

#content .smartPackageSelect-table-cell .not-avaliable-service-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

#content .smartPackageSelect-table-cell.disabledForHw:hover .not-avaliable-service-tooltip {
  visibility: visible;
  opacity: 1;
  position: absolute;
  display: block;
}

#content .disabledForHw .smartPackage-select-table-radio-wrapper div.radio input {
  cursor: default;
}

@media (max-width: 1200px) {
  #content td.smartPackageSelect-table-cell:last-child .not-avaliable-service-tooltip {
    right: 0;
  }
  #content td.smartPackageSelect-table-cell:last-child .not-avaliable-service-tooltip::after {
    left: 75%;
  }
}

@media (max-width: 940px) {
  #content .smartPackageSelect-table-cell .smartPackage-select-table-description {
    font-size: 13px;
    margin: 4px 0 0 0;
  }
  #content .smartPackageSelect-table-cell .smartPackage-select-table-price {
    font-size: 23px;
    margin: 4px 0 0;
    line-height: 1;
  }
  #content .smartPackageSelect-table-cell {
    width: 146px;
    height: 134px;
    border-width: 8px 4px;
  }
  #content .smartPackageSelect-table-cell .inner {
    height: 134px;
  }
  #content .smartPackageSelect-table-cell.label {
    padding: 0 0 0 115px !important;
    font-size: 21px;
    width: auto;
  }
  #content .smartPackageSelect-table-cell.label.television {
    background-size: 59px;
  }
  #content .smartPackageSelect-table-cell.label.internet {
    background-size: 54px;
  }
  #content .smartPackageSelect-table-cell.label.voice {
    background-size: 37px;
    background-position: 52px;
  }
  #content td.smartPackageSelect-table-cell:last-child {
    border-width: 8px 0 8px 4px;
  }
  #content .smartPackageSelect-table-cell .info-button {
    font-size: 24px;
  }
  #content .smartPackageSelect-table-row .smartPackageSelect-table-cell .packageSize {
    margin: 15px 4px 0;
    font-size: 34px;
  }
  #content .smartPackageSelect-table-row .smartPackageSelect-table-cell:hover .packageSize {
    margin-top: 12px;
  }
  #content .page h2 {
    font-size: 30px;
  }
  #content .smartPackageSelect-table-row .smartPackageSelect-table-cell.selected .tick {
    margin-top: 4px;
    font-size: 34px;
  }
  #content .smartPackage-select-table-radio-wrapper {
    bottom: 0;
  }
  #content .smartPackage-select-table-description span {
    font-size: 13px;
    line-height: 15px;
  }
  #content .smartPackageSelect-table-cell .product-add-label,
  #content .smartPackageSelect-table-cell .product-remove-label {
    height: 20px;
    padding: 7px 0;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  #content .smartPackageSelect-table-cell.label {
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    padding: 60px 0 0 !important;
    margin: auto;
  }
  #content .smartPackageSelect-table-cell.label.television,
  #content .smartPackageSelect-table-cell.label.internet,
  #content .smartPackageSelect-table-cell.label.voice {
    background-position: center 15px;
  }
  #content .smartPackageSelect-table-cell.label.television {
    background-size: 47px;
  }
  #content .smartPackageSelect-table-cell.label.internet {
    background-size: 49px;
  }
  #content .smartPackageSelect-table-cell.label.voice {
    background-size: 32px;
  }
  #content .smartPackageSelect-table-cell {
    width: 108px;
    height: 99px;
    border-width: 8px 4px;
  }
  #content .smartPackageSelect-table-cell .inner {
    height: 99px;
  }
  #content .smartPackageSelect-table-cell:hover .inner {
    background: #e3e3e3;
    height: 92px;
    margin: 3px 4px;
    width: 100px;
  }
  #content .smartPackageSelect-table-cell.selected:hover .inner {
    background: #cd016a;
    height: 94px;
    margin: 2px 3px;
    width: 102px;
    filter: drop-shadow(0 0 6.5px rgba(0, 0, 0, 0.31));
  }
  #content .smartPackageSelect-table-row .smartPackageSelect-table-cell .packageSize {
    margin: 10px 4px 0;
    font-size: 24px;
  }
  #content .smartPackageSelect-table-row .smartPackageSelect-table-cell:hover .packageSize {
    margin-top: 10px;
    font-size: 24px;
  }
  #content .smartPackageSelect-table-row .smartPackageSelect-table-cell.selected:hover .packageSize {
    margin-top: 8px;
  }
  #content .smartPackageSelect-table-cell .smartPackage-select-table-description {
    font-size: 14px;
    margin: 2px 0 0 0;
  }
  #content .smartPackageSelect-table-row .smartPackageSelect-table-cell.selected .tick {
    margin-top: 2px;
    font-size: 24px;
  }
  #content .smartPackageSelect-table-row .smartPackageSelect-table-cell.selected:hover .tick {
    font-size: 24px;
  }
  #content .smartPackageSelect-table-cell .smartPackage-select-table-price {
    font-size: 17px;
    margin: 2px 0 0;
  }
  #content .smartPackageSelect-table-cell:hover .smartPackage-select-table-price {
    font-size: 16px;
    margin: 20px 0 0;
  }
  #content .smartPackageSelect-table-cell.selected:hover .product-remove-label,
  #content .smartPackageSelect-table-cell:not(.selected):hover .product-add-label {
    display: none;
  }
  #content .smartPackageSelect-table-cell:not(.selected):hover .smartPackage-select-table-description {
    display: none;
  }
  #content .smartPackageSelect-table-cell .not-avaliable-service-tooltip {
    font-size: 14px;
    width: 200px;
    padding: 10px;
    top: -75px;
  }
}

@media (max-width: 600px) {
  #content .smartPackage-select-table-description.short-description {
    display: block;
  }
  #content .smartPackage-select-table-description.long-description {
    display: none;
  }
}

@media (max-width: 408px) {
  #content .smartPackage-select-table-description span {
    font-size: 10px;
  }
  #content .smartPackageSelect-table-cell:hover .inner {
    width: calc(100% - 8px);
  }
  #content .smartPackageSelect-table-cell.selected:hover .inner {
    width: calc(100% - 6px);
  }
}

@media (max-width: 510px) {
  #content p.smartPackage-select-table-description strong {
    font-size: 10px !important;
    display: block;
    transition: 0s !important;
  }
  #content .smartPackageSelect-table-cell.label {
    text-align: center;
  }
  #content .smartPackageSelect-table-cell.selected p.smartPackage-select-table-price,
  #content #wrapper:not(.disable-hover) .smartPackageSelect-table-cell:hover p.smartPackage-select-table-price {
    transition: 0s !important;
  }
  #content .smartPackageSelect-table-cell.selected .info-button {
    display: none !important;
  }
  #content .smartPackageSelect-table-cell .info-button {
    font-size: 20px;
    top: 2px;
    right: 3px;
  }
}

#content #smartPackage-matrix {
  position: relative;
}

#content #smartPackage-matrix .smartPackage-overlay.active {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/theme/stwbmain/images/style/transparentWhite.png) repeat;
}

#content .smartPackageCampaign {
  margin: 25px 0 0 30px;
}

#content .smartPackageCampaign p {
  margin-left: 46px;
  width: 80%;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 22px;
}

#content .smartPackageCampaign-radio .radio {
  float: left;
}

#content .smartPackageCampaign label {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}

#content .smartPackage-modal-window-description {
  font-size: 42px;
  color: #e10073;
  margin-top: 45px;
}

@media (max-width: 768px) {
  #content .smartPackage-modal-window-description {
    font-size: 32px;
  }
}

@media (max-width: 540px) {
  #content .smartPackage-modal-window-description {
    font-size: 26px;
  }
}

#content .smartPackage-modal-window-description.twoButtons {
  font-size: xx-large;
  margin-top: 70px;
}

#content .smartPackage-modal-button {
  position: absolute;
  bottom: 95px;
  left: 0;
  right: 0;
}

#content .smartPackage-modal-button.first {
  margin-right: 180px;
  right: 30%;
  left: unset;
  bottom: 120px;
}

#content .smartPackage-modal-button.second {
  margin-left: 180px;
  left: 30%;
  right: unset;
  bottom: 120px;
}

@media (max-width: 640px) {
  #content .smartPackage-modal-button {
    position: relative;
    top: 5px;
    left: 0;
    right: 0;
  }
}

#content .smartPackage-modal-button .button {
  width: 170px;
  line-height: 65px;
  height: 65px;
}

#content .smartPackageModal p {
  text-align: left;
  font-size: 18px;
}

#content div.smartPackage-sms-verification-wrapper {
  margin: 0 0 20px 45px;
}

#content div.smartPackageCampaign label.shoppingScenario-address-segmentType.happy2fix ~ p {
  margin-bottom: 0;
}

#content div.smartPackage-sms-verification-wrapper input {
  height: 45px;
  line-height: 45px;
  margin-right: 10px;
}

#content div.smartPackage-sms-verification-wrapper input[disabled='disabled'] {
  background-color: whitesmoke;
}

#content .packageSizeSelectInfoText {
  margin-left: 40px;
  display: inline-block;
}

#content p.hwFixCatalogue-price:after,
#content .hwFixCatalogue-list_row:after,
#content .hwFixCatalogue-list:after {
  content: '';
  display: block;
  clear: both;
}

#content .hwFixCatalogue-list_row {
  display: block;
  margin: 0;
  position: relative;
}

#content .hwFixCatalogue-list_row:after {
  content: '';
  position: absolute;
  height: 2px;
  background: url(/theme/stwbmain/images/stwb/smart/product-horiz-separator.png) center top no-repeat;
  left: 0;
  top: 0;
  width: 100%;
}

#content .hwFixCatalogue-list_row:first-child:before {
  display: none;
}

#content .hwFixCatalogue-list_item {
  width: 320px;
  padding: 60px 20px 60px 20px;
  text-align: center;
  position: relative;
  margin-left: 0;
  box-sizing: border-box;
  min-height: 486px;
  max-width: 320px;
  display: table-cell;
}

#content .hwFixCatalogue-list_row .hwFixCatalogue-list_fillerItem {
  display: table-cell;
  width: 320px;
}

#content .hwFixCatalogue-list_item:before {
  content: '';
  display: block;
  width: 2px;
  height: 451px;
  background: url(/theme/stwbmain/images/stwb/smart/product-vert-separator.png) left top no-repeat;
  position: absolute;
  left: -1px;
  top: 20px;
}

#content .hwFixCatalogue-list_item:first-child {
  margin-left: 0;
}

#content .hwFixCatalogue-list_item:first-child:before {
  display: none;
}

#content .hwFixCatalogue-list_item:hover {
  background: #ededed;
}

@media (max-width: 710px) and (min-width: 611px) {
  #content .hwFixCatalogue-list_item {
    padding: 60px 5px;
  }
}

@media (max-width: 610px) {
  #content .hwFixCatalogue-list_row {
    display: table;
    width: 100%;
  }
  #content .hwFixCatalogue-list_item,
  #content .hwFixCatalogue-list_row:last-child .hwFixCatalogue-list_item {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
  }
  #content .hwFixCatalogue-list_item:before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    background: url(/theme/stwbmain/images/stwb/smart/product-horiz-separator.png) center top no-repeat;
    left: 0;
    top: 0;
  }
  #content .hwFixCatalogue-list_item:first-child {
    margin-left: auto;
  }
  #content .hwFixCatalogue-list_row .hwFixCatalogue-list_fillerItem {
    display: none;
  }
}

#content .hwFixCatalogue-list_item p {
  line-height: 105%;
  margin: 5px 0 0 0;
}

#content .hwFixCatalogue-list_item div.hwFixCatalogue-description li {
  line-height: 105%;
}

#content .hwFixCatalogue-list_item .info-button {
  display: block;
  position: absolute;
  top: 54px;
  right: 32px;
  background: url(/theme/stwbmain/images/stwb/smart/info-grey.png);
  width: 26px;
  height: 27px;
}

#content .hwFixCatalogue-image {
  height: 240px;
  line-height: 240px;
  box-sizing: border-box;
  border: 2px dotted #eaeaea;
  margin: 0 auto;
  max-width: 190px;
  background: white;
}

#content .hwFixCatalogue-image img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}

#content .hwFixCatalogue-image img.sticker-picture {
  top: 70px;
  left: 10px;
  position: absolute;
}

#content p.hwFixCatalogue-name {
  font-size: 24px !important;
  color: #de1275;
  margin-top: 10px;
  min-height: 50px;
  line-height: 50px;
}

#content p.hwFixCatalogue-name span {
  display: inline-block;
  vertical-align: middle;
  line-height: 105%;
}

#content div.hwFixCatalogue-description {
  min-height: 75px;
  padding-bottom: 5px;
}

#content .hwFixCatalogue-price {
  margin: 5px auto 10px auto;
  position: relative;
  line-height: 100%;
  max-width: 280px;
}

#content .hwFixCatalogue-price sup {
  font-size: 0.4em;
  vertical-align: super;
}

#content .hwFixCatalogue-price .price {
  font-size: 42px !important;
  color: #de1275;
  margin: 0;
  letter-spacing: -1px;
  line-height: 60%;
}

#content .hwFixCatalogue-price .price sup {
  top: -6px;
}

#content .hwFixCatalogue-price .one-time {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
  line-height: 100%;
  width: 90px;
  display: block;
  color: #a3a3a3;
  text-align: right;
}

#content .hwFixCatalogue-price .one-time:first-line {
  font-size: 25px;
}

#content .hwFixCatalogue-price .monthly-msg {
  color: #de1275;
  margin: 0;
}

@media (min-width: 511px) and (max-width: 767px) {
  #content .hwFixCatalogue-price .one-time {
    font-size: 0;
  }
  #content .hwFixCatalogue-price .one-time:first-line {
    font-size: 15px;
  }
}

#content .hwFixCatalogue-details .hwFixCatalogue-button {
  width: 144px !important;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -72px;
}

#content .hwFixCatalogue-details .hwFixCatalogue-button.unavailable {
  width: 160px !important;
}

#content .hwFixCatalogue-details .hwFixCatalogue-button.selected {
  background: url('/theme/stwbmain/images/stwb/smart/tick.png') no-repeat scroll 5px center #6db14b;
  border-color: #6db14b !important;
  padding-left: 40px;
}

#content .hwFixCatalogue-details .hwFixCatalogue-button.disabled,
#content .hwFixCatalogue-details .hwFixCatalogue-button.unavailable {
  background: #7c7c7c;
  border-color: #7c7c7c !important;
}

#content .hwFixCatalogue-details .hwFixCatalogue-button.remove {
  background: #a3a3a3;
  border-color: #a3a3a3 !important;
}

#content .hwFixCatalogue-details .hwFixCatalogue-button.in-basket {
  background: #69b146 url(/theme/stwbmain/images/stwb/smart/tick.png) 5px center no-repeat;
  border-color: #69b146 !important;
  padding-left: 40px;
}

#content .hwFixCatalogue-product-popup {
  padding: 50px 20px;
  max-width: 715px;
}

#content .hwFixCatalogue-product-popup h2 {
  color: #e20074;
  font-size: 48px;
  text-align: center;
}

#content .hwFixCatalogue-product-popup ul {
  margin: 0;
  padding: 0;
}

#content .hwFixCatalogue-product-popup li:before {
  color: #de1275;
  content: '6';
  font-family: 'Tele-Icon';
  vertical-align: middle;
  display: inline-block;
  margin-right: 0.3em;
}

#content td.hwFixCatalogue-popup-image {
  width: 46%;
  vertical-align: top;
}

#content .hwFixCatalogue-popup-image img {
  max-width: 100%;
}

#content .hwFixCatalogue-energySticker {
  position: absolute;
  top: -5px;
  left: 0;
}

@media (max-width: 860px) {
  #content .hwFixCatalogue-energySticker {
    display: none;
  }
}

#content .fixHw-campaignPicture {
  max-width: 940px;
  margin-bottom: 15px;
}

#content h4.fixHwCatalogue-marginTop {
  margin-top: 80px;
}

#content .setProductParameter-info-tooltip {
  padding-left: 45px;
}

#content .hw-voucher-for-happy-container .setProductParameter-info-tooltip {
  float: right;
  font-size: 18px;
}

#content .hw-voucher-for-happy-container .setProductParameter-info-tooltip a {
  color: white;
}

#content .setProductParameter-checkbox {
  position: relative;
  display: inline-block;
  width: 440px;
  max-width: 100%;
  margin-bottom: 20px;
}

#content .setProductParameter-checkbox > label {
  display: block;
  padding-left: 45px;
}

#content .setProductParameter-checkbox > label .checker {
  margin-left: -45px;
  margin-right: 10px;
}

#content .setProductParameter-checkbox i {
  float: right;
  margin-right: 15px;
}

#content .setProductParameter-checkbox.grid-col-lg i {
  margin-right: 15px;
}

#content .grid-col-lg.setProductParameter-checkedDropdown.setProductParameter-checkbox.colEven i {
  right: 50px;
  position: absolute;
}

#content .setProductParameter-radio {
  position: relative;
  display: inline-block;
  width: 440px;
  max-width: 100%;
  margin-bottom: 20px;
}

#content .setProductParameter-radio > label {
  display: block;
  padding-left: 45px;
}

#content .setProductParameter-radio > label .radio {
  margin-left: -45px;
  margin-right: 10px;
}

#content .setProductParameter-radio i {
  float: right;
  margin-right: 30px;
}

#content .image-radio {
  position: absolute;
  left: 270px;
  top: 1px;
}

@media screen and (max-width: 800px) {
  #content .image-radio {
    right: -70px;
  }
}

@media screen and (max-width: 435px) {
  #content .image-radio {
    right: -10px;
  }
}

@media screen and (max-width: 422px) {
  #content .image-radio {
    position: relative;
    left: 0;
  }
}

#content .setProductParameter-product-name {
  line-height: 26px;
  display: inline-block;
  margin: 0 40px 12px 0;
  font-weight: 500;
}

#content .setProductParameter-product-name.productNameMagenta {
  color: #e20074;
}

#content .setProductParameter-product-price {
  display: block;
  color: #e20074;
  margin-right: 1px;
  margin-top: -12px;
  font-size: 20px;
}

#content .waterbear-theme .setProductParameter-product-price-table {
  margin: 0;
  color: inherit;
  font-size: inherit;
}

#content .setProductParameter-product-price-table td {
  padding: 0 0.25em 0 0;
  white-space: nowrap;
}

#content .setProductParameter-product-price-table td:nth-child(2n + 1) {
  text-align: right;
}

#content .productName-title {
  color: #7c7c7c;
}

#content .productName-title span {
  color: #e20074;
}

#content .setProductParameter-product-icon {
  height: 42px;
  width: 45px;
  display: inline-block;
  margin-bottom: 1px;
  float: left;
  background-position: center;
}

#content .setProductParameter-product-icon.MOBILE_TARIFF {
  background: transparent url('/theme/stwbmain/images/stwb/product/step-2-icon-mobile.png') no-repeat;
}

#content .setProductParameter-product-icon.MOBILE_HW {
  background: transparent url('/theme/stwbmain/images/stwb/product/step-2-icon-mobile.png') no-repeat;
}

#content .setProductParameter-product-icon.VOICE {
  background: transparent url('/theme/stwbmain/images/stwb/smart/icon-phone-big_new.png') center no-repeat;
  background-size: 26px;
}

#content .setProductParameter-product-icon.TELEVISION {
  background: transparent url('/theme/stwbmain/images/stwb/smart/icon-tv-big_new.png') center no-repeat;
  background-size: 45px;
}

#content .setProductParameter-product-icon.INTERNET {
  background: transparent url('/theme/stwbmain/images/stwb/smart/icon-internet-big_new.png') no-repeat;
  background-size: 43px;
}

#content .productName-base {
  color: #7c7c7c !important;
}

#content .productName-base,
#content .productName-sizeLetter {
  display: inline-block;
}

#content .setProductParameter-product-name-container {
  margin-bottom: 15px;
}

#content .setProductParameter-product-name-container h3 {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
}

#content .setProductParameter-product-name-container h3 span {
  margin-right: 20px;
}

#content .setProductParameter-product-name-container .decoratedProductNameWithSize {
  clear: both;
  margin-left: 65px;
}

#content .setProductParameter-product-name-container .decoratedProductNameWithSize h3 {
  margin: 0 !important;
}

#content .product-list {
  height: 218px;
  overflow: visible;
  padding: 0 20px;
}

#content .shoppingScenario-list-option .grid-wrapper {
  margin-bottom: -20px;
}

@media screen and (max-width: 800px) {
  #content .setProductParameter-product-name-container > h3,
  #content .setProductParameter-product-name-container div.float-right {
    width: 100%;
  }
  #content .setProductParameter-product-name-container > h3 {
    margin-bottom: 0 !important;
  }
  #content .setProductParameter-product-name-container div.float-right {
    box-sizing: border-box;
    float: none;
    padding-left: 65px;
  }
  #content .setProductParameter-product-name-container div.float-right > h3 {
    margin-top: 0 !important;
  }
  #content .setProductParameter-checkbox,
  #content .setProductParameter-radio {
    width: 360px;
  }
  #content .setProductParameter-checkbox i,
  #content .setProductParameter-radio i {
    float: right;
    margin-right: -15px;
  }
}

#content .tooltip_step2 {
  right: 0;
}

#content .setProductParameter-checkbox a.tooltip {
  position: absolute;
  text-decoration: none;
}

#content .setProductParameter-checkbox.setProductParameter-checkedDropdown .setProductParameter-product-price {
  display: none;
}

#content .setProductParameter-checkbox.setProductParameter-checkedDropdown .setProductParameter-product-price.selected {
  display: block;
}

#content
  .setProductParameter-checkbox.setProductParameter-checkedDropdown
  .setProductParameter-checkedDropdown-checkbox {
  width: 220px;
  display: block;
  float: left;
}

#content
  .setProductParameter-checkbox.setProductParameter-checkedDropdown
  .setProductParameter-checkedDropdown-dropdown {
  width: 190px;
  display: block;
  float: left;
}

#content .hw-voucher-for-happy-container {
  padding: 10px 10px 10px 65px;
  background-color: #218076;
  color: white;
  position: relative;
  font-size: 36px;
  margin-bottom: 10px;
}

#content .hw-voucher-for-happy-container .icon {
  position: absolute;
  left: 10px;
  top: 13px;
}

#content .grid-wrapper.insuranceAddon .grid-col-lg,
#content .grid-wrapper.insuranceAddon .grid-col-lg .setProductParameter-checkbox,
#content .setProductParemeters-list-option .grid-wrapper .grid-col-lg.mobile-hw-addon,
#content .setProductParemeters-list-option .grid-wrapper .grid-col-lg.mobile-hw-addon .setProductParameter-checkbox {
  width: 100%;
}

#content .grid-wrapper.insuranceAddon .grid-col-lg .setProductParameter-product-name {
  margin-top: 0;
  margin-right: 0;
}

#content .shoppingScenario-list-option.setProductParemeters-list-option {
  background-color: rgba(237, 237, 237, 0.5);
}

#content .shoppingScenario-list-option.setProductParemeters-list-option h3 {
  color: #4b4b4b;
}

#content
  .setProductParemeters-list-option
  .setProductParameter-checkedDropdown-checkbox.MOBILE_ADDON_INTERNET_RECHARGE {
  width: 200px;
}

#content
  .setProductParemeters-list-option
  .setProductParameter-checkedDropdown-dropdown.MOBILE_ADDON_INTERNET_RECHARGE {
  width: 130px;
  padding-right: 70px;
}

#content .setProductParameter-checkedDropdown-dropdown {
  padding-right: 20px;
}

#content div.setProductParameter-product-price-special-offer {
  text-align: right;
  font-size: 24px;
  line-height: 120%;
  position: relative;
  top: 6px;
  float: right;
}

#content div.setProductParameters-special-offer .shoppingScenario-list-option.setProductParemeters-list-option {
  background-color: rgba(243, 245, 219, 0.5);
}

#content div.setProductParameters-special-offer .shoppingScenario-list-option.setProductParemeters-list-option:hover {
  background-color: #f3f5db;
}

#content div.setProductParameter-product-price-special-offer span {
  display: block;
}

#content div.setProductParameter-product-price-special-offer span:first-child {
  font-size: 36px;
  color: #e20074;
}

#content .setProductParameters-special-offer .shoppingScenario-list-option .grid-wrapper {
  margin-top: 80px;
  margin-bottom: 0;
}

#content .setProductParameters-special-offer .grid-wrapper .grid-col-lg:nth-child(odd) {
  width: auto;
  margin-right: 45px;
  margin-bottom: 0;
}

#content .setProductParameters-special-offer .grid-wrapper .grid-col-lg:nth-child(even) {
  width: auto;
  margin-bottom: 0;
}

#content .setProductParameters-special-offer .setProductParameter-radio {
  width: auto;
  padding-right: 50px;
  margin-bottom: 0;
}

#content .setProductParameters-special-offer .setProductParameter-radio > label {
  display: inline-block;
}

#content .setProductParameters-special-offer h3 {
  float: left;
}

#content .setProductParameters-special-offer .setProductParameter-product-name {
  line-height: 34px;
}

@media screen and (max-width: 800px) {
  #content div.setProductParameter-product-price-special-offer {
    text-align: left;
    float: none;
  }
  #content .setProductParameters-special-offer-modal-window div.setProductParameter-product-price-special-offer {
    text-align: right;
    float: right;
  }
  #content .setProductParameters-special-offer h3 {
    float: none;
    margin-bottom: 5px;
  }
  #content .setProductParameters-special-offer .shoppingScenario-list-option .grid-wrapper {
    margin-top: 20px;
  }
  #content .setProductParameters-special-offer .setProductParameter-radio {
    padding-right: 0;
  }
  #content .setProductParameters-special-offer .grid-wrapper .grid-col-lg:nth-child(odd) {
    margin-right: 0;
  }
}

#content .setProductParameter-info-modal-toggler {
  cursor: pointer;
  margin-left: 5px;
}

#content .setProductParameters-special-offer-modal-window {
  box-sizing: border-box;
  min-width: 500px;
  padding: 30px 30px 20px 35px;
}

#content .setProductParameters-special-offer-modal-window h4 {
  float: left;
  font-size: 28px;
}

#content .setProductParameters-special-offer-modal-window div.setProductParameter-product-price-special-offer span {
  font-size: 28px;
}

#content .special-offer-modal-table-wrapper {
  margin-top: 55px;
  border-top: 1px solid #a4a4a4;
}

#content .special-offer-modal-table-wrapper table td {
  vertical-align: top;
  max-width: 340px;
  min-width: 160px;
  padding: 0 10px 0 0;
}

#content .special-offer-modal-table-wrapper span.magenta-highlited-text {
  color: #e20074;
}

#content .special-offer-modal-table-wrapper span.dimmed-down-text {
  color: #a4a4a4;
}

#content .special-offer-modal-table-wrapper span.table-section-header {
  display: inline-block;
  padding: 20px 0 0 0;
}

#content .setProductParameter-product-icon.SPECIAL_OFFER_ADDON {
  background: transparent url('') no-repeat;
  box-sizing: border-box;
  padding: 0 0 0 8px;
  margin-top: -2px;
}

@media screen and (max-width: 600px) {
  #content .setProductParameters-special-offer-modal-window {
    min-width: 350px;
    padding: 25px 15px;
  }
  #content .setProductParameters-special-offer-modal-window h4 {
    max-width: 150px;
  }
  #content .special-offer-modal-table-wrapper {
    margin-top: 75px;
  }
}

@media screen and (max-width: 960px) {
  #content .modal.always-grey-border .fancybox-skin {
    background: #6c6c6c;
  }
}

#content div.modalWindowInfoContent {
  font-size: 18px;
}

#content div.modalWindowInfoContent div.fix-phones .detail-lightbox {
  display: none;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

#content div.modalWindowInfoContent div.fix-phones .detail-header {
  font-weight: bolder;
  font-size: 32px;
  padding: 10px 0;
}

#content div.modalWindowInfoContent div.fix-phones .detail-img {
  float: left;
  display: inline-block;
  padding-right: 30px;
}

#content div.modalWindowInfoContent div.fix-phones .detail-text {
  display: inline-block;
  vertical-align: top;
  padding-left: 19px;
  border-left: 1px solid #ededed;
}

#content div.modalWindowInfoContent div.fix-phones .detail-cena {
  font-weight: bold;
  font-size: 32px;
}

#content div.modalWindowInfoContent div.fix-phones .detail-cena .price-small {
  font-size: 22px;
}

#content div.modalWindowInfoContent div.fix-phones .detail-vlastnost {
  text-transform: uppercase;
  font-weight: bold;
}

#content div.modalWindowInfoContent div.fix-phones .section_top_EC {
  position: absolute;
  left: 0;
  top: -20px;
}

#content div.modalWindowInfoContent div.fix-phones .magenta {
  color: #e20074;
}

#content div.modalWindowInfoContent div.fix-phones .list-square > li:before {
  color: #6c6c6c;
}

#content .padd-left45 {
  padding-left: 45px;
}

#content .employeeOffer .section {
  padding-bottom: 2em;
  padding-top: 0.8em;
}

#content .employeeOffer .section .container {
  text-align: center;
}

#content .employeeOffer .section .field {
  float: left;
}

#content .employeeOffer .section .container {
  padding-bottom: 1em;
}

#content .employeeOffer .button {
  font-size: 0.8em;
  border: 0 !important;
  color: white !important;
  margin-top: 0.2em;
}

#content .employeeOffer input:disabled {
  background-color: #dcdcdc;
  border-color: #d0d0d0 !important;
  color: #d0d0d0;
  cursor: default;
}

#content .employeeOffer input[disabled]:hover {
  background-color: #dcdcdc;
  border-color: #d0d0d0 !important;
  color: #d0d0d0;
  cursor: default;
}

#content .employeeOffer .redirect.left {
  text-align: left;
}

#content .employeeOffer .redirect.right {
  text-align: right;
}

#content .employeeOffer .redirect a {
  width: 100%;
  text-decoration: none;
}

#content .employeeOffer input[type='submit'] {
  border: 1px solid white !important;
}

#content .employeeOffer input[type='submit']:hover {
  border: 1px solid white !important;
}

#content .employeeOffer input[type='numeric'] {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

#content .employeeOffer input[type='text'] {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

#content .employeeOffer .section .container ul li {
  width: 25%;
  height: 16em;
  background-color: #ededed;
  display: inline-table;
  padding: 0;
  margin: 0.2em 0.1em;
}

#content .employeeOffer li div {
  height: 9.4em;
}

#content .employeeOffer .section .container ul li div h4 {
  color: black;
  font-size: 1.2em;
}

#content .employeeOffer .section .container ul li div h4 {
  min-height: 2.8em;
  height: 2.8em;
  margin-top: 1.2em;
  padding: 0.2em 0.8em;
}

#content .employeeOffer .section .container ul li div p {
  min-height: 4.8em;
  height: 4.8em;
  margin-top: 1.2em;
  font-size: 0.8em;
  padding: 0.2em 0.8em;
}

#content .employeeOffer .section .container ul li div span {
  min-height: 1em;
  height: 1em;
}

#content .employeeOffer .section .container ul li div div {
  min-height: 0;
  height: 0;
}

#content .employeeOffer .section .container ul li div div {
  min-height: 0;
  height: 0;
}

#content .employeeOffer-product-conditions-modal-window {
  box-sizing: border-box;
  position: absolute;
  top: 3em;
  min-width: 500px;
  padding: 2em 4em;
  margin-left: 10%;
  margin-right: 10%;
  width: 80%;
  z-index: 3;
}

#content .employeeOffer-product-conditions-modal-window {
  background-color: white;
  border: 1px solid gray;
}

#content .employeeOffer-product-conditions-modal-window a {
  position: absolute;
  right: 2em;
  top: 2em;
}

#content .employeeOffer-product-conditions-modal-window h1 {
  font-size: 1.2em;
  padding-bottom: 1em;
}

#content .employeeOffer-product-conditions-modal-window h2 {
  color: black !important;
  font-size: 1.4em;
  padding-bottom: 1em;
}

#content .employeeOffer-product-conditions-modal-window th {
  border-bottom: 1px solid gray;
  text-align: center;
  padding: 0.4em 0.4em;
  margin: 0.5em;
}

#content .employeeOffer-product-conditions-modal-window td {
  border-bottom: 1px solid gray;
  text-align: center;
  padding: 0.4em 0.2em;
  margin: 0.5em;
}

#content .employeeOffer-product-conditions-modal-window table {
  width: 100%;
}

#content .employeeOffer-product-conditions-modal-window .tde {
  border-bottom: 0;
}

#content .employeeOffer-product-conditions-modal-window .modal-body {
  text-align: justify;
  padding-top: 2em;
}

#content .employeeOffer-product-conditions-modal-window .modal-body div {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}

#content .employeeOffer-product-conditions-modal-window .modal-footer {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
}

#content .product-conditions-chbox {
  margin-top: 1.6em;
  margin-bottom: 1.8em;
  text-align: left;
}

#content .product-conditions-chbox .field {
  width: 2em;
  padding-left: 1.2em;
}

#content .employeeOffer .container .product-conditions-chbox label {
  font-size: 1em;
  clear: both;
  padding-left: 1em;
  text-align: left;
}

#content .product-attributes div {
  text-align: center;
}

#content .product-attributes form {
  width: 80%;
  margin: 0 auto;
}

#content .product-attributes .employee-offer-select {
  font-size: 1em;
  border: 1px solid #a4a4a4;
  min-width: 225px;
  border-radius: 3px;
}

#content .employee-offer-products label,
#content .employee-offer-products input {
  display: inline-block;
  font-size: 1em;
  overflow: hidden;
}

#content .product-attributes label {
  width: 30%;
}

#content .product-attributes input {
  margin: 10px;
}

#content .product-attributes select {
  margin: 10px;
}

#content .employeeOfferCategories {
  font-weight: 500;
}

#content .employeeOfferPayment {
  margin: 30px auto auto auto;
  display: table;
  border-spacing: 15px;
  border-collapse: separate;
}

#content .employeeOfferPayment .eopRow {
  display: table-row;
}

#content .employeeOfferPayment .eopLeftCol {
  display: table-cell;
  text-align: right;
}

#content .employeeOfferPayment .eopRightCol {
  display: table-cell;
  text-align: left;
}

#content .employeeOfferPayment .eopRightColHighlighted {
  display: table-cell;
  text-align: left;
  color: red;
  font-weight: bold;
}

#content .employeeOfferPayment .eopLeftCol label {
  font-size: 18px;
}

#content .employeeOfferPayment .addressSuggestStreetNumber,
#content .employeeOfferPayment .addressSuggestZip {
  width: 100px;
}

#content .employeeOffer .thankyou-info {
  margin-bottom: 25px;
}

#content .employeeOffer .centered {
  text-align: center;
}

#content .employee-offer-modal-title {
  text-align: left;
}

#content .employeeOffer-modal-button {
  text-align: right;
}

#content .employee-offer-modal-description {
  font-size: 20px;
  min-height: 75px;
  vertical-align: middle;
  text-align: left;
  color: black;
  margin: 40px 0 40px 0;
}

#content .st_select-service-container {
  max-width: 820px;
  margin: 0 auto;
}

#content .st_select-service {
  max-width: 260px;
  width: 100%;
  position: relative;
  height: auto;
  background: #ededed;
  float: left;
  margin: 5px;
  text-align: center;
}

#content .st_select-service.promoted:after {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 0 35px 35px 0;
  border-color: transparent #e20074 transparent transparent;
}

#content .st_select-service .st_select-service-inner {
  padding: 30px 10px;
}

#content .st_select-service .st_select-service-inner .st_service-title {
  font-size: 20px;
  min-height: 50px;
  vertical-align: middle;
  color: black;
}

#content .st_select-service .st_select-service-inner .st_service-description {
  text-align: center;
  padding: 0;
  height: auto;
  min-height: 155px;
  overflow: hidden;
  font-size: 14px;
  margin-bottom: 20px;
}

#content .st_select-service .st_select-service-inner .st_service-price,
#content .st_select-service .st_select-service-inner .st_service-notAvailableMessage {
  margin: 0;
  min-height: 44px;
}

#content .st_select-service .st_select-service-inner .st_service-footer {
  text-align: center;
  min-height: 45px;
}

#content .st_select-service .st_select-service-inner .st_service-footer .st_service-notAvailable {
  display: none;
}

#content .st_select-service.selected .st_select-service-inner .st_service-footer .st_service-link-selected {
  text-transform: uppercase;
  color: #6bb324;
  text-decoration: none;
  display: inline-block;
  padding: 10px 0;
}

#content .st_select-service .st_select-service-inner .st_service-footer .st_service-link-selected {
  display: none;
}

#content .st_select-service .st_select-service-inner .st_service-footer .st_service-link-selected:before {
  position: absolute;
  top: 5px;
  left: -35px;
  content: '\f00c';
  font-family: 'FontAwesome';
  width: 30px;
  height: 30px;
  border-radius: 30px;
  line-height: 30px;
  background: #6bb324;
  text-align: center;
  color: #fff;
}

#content .employeeOffer .st_select-service-container label {
  display: inline-block;
  width: 35%;
  text-align: right;
  margin-right: 0.8em;
  font-size: 1em;
}

#content .st_select-service.notAvailable .st_select-service-inner .st_service-footer .button,
#content .st_select-service.selected .st_select-service-inner .st_service-footer .button,
#content
  .st_select-service.selected
  .st_select-service-inner
  .st_service-footer
  .st_service-notAvailable
  .st_select-service.notAvailable
  .st_select-service-inner
  .st_service-footer
  .st_service-link-selected,
#content
  .st_select-service.selected.notAvailable
  .st_select-service-inner
  .st_service-footer
  .st_service-link-selected {
  display: none;
}

#content .st_select-service.notAvailable .st_select-service-inner .st_service-footer .st_service-notAvailable {
  display: inline-block;
  padding: 10px 0;
}

#content .st_select-service-container .clearfix {
  clear: both;
}

#content .zones-container {
  margin: 30px 0 20px;
}

#content .zones-label {
  margin-top: 20px;
}

#content .waterbear-theme .employee-offer-products input[type='text'].error {
  padding-right: 10px;
}

#content .employee-offer-products .VAS_DRP,
#content .employee-offer-products .VAS_EDB {
  margin-top: 10px;
}

#content .waterbear-theme .employeeOfferPayment .error-message {
  padding-left: 0;
}

@media screen and (max-width: 960px) {
  #content .st_select-service {
    max-width: 46%;
    margin: 10px 1%;
  }
}

@media screen and (max-width: 480px) {
  #content .st_select-service {
    max-width: 98%;
    margin: 10px 1%;
  }
}

#content .waterbear-theme input[type='text'].error-js,
#content .waterbear-theme input[type='password'].error-js,
#content .waterbear-theme textarea.error-js {
  padding-right: 10px;
}

#content .waterbear-theme .employee-offer-products .error-message {
  padding-left: 30%;
}

#content .waterbear-theme .msisdnVerificationContainer .error-message {
  padding-left: 11%;
}

#content #exitCampaignModalId .exitCampaignBanner {
  width: 100%;
}

#content #exitCampaignModalId .acceptModalButton {
  width: 90%;
  margin: 0 5% 5% 5%;
}

#content .packageSelection-container {
  width: 100%;
  margin-bottom: 50px;
}

#content .packageSelectionHappy-wrapper .packageSelection-container {
  width: 2100px;
}

#content .packageSelectionHappy-wrapper .packageSelection-container.resetWidth {
  width: 100%;
}

#content div.packageSelection-container-parent {
  width: 100%;
}

#content .packageSelectionHappy-wrapper .packageSelection-container-parent {
  width: 775px;
  display: inline-block;
}

#content .packageSelection-container .packageSelection-package-container {
  background-color: #ededed;
  transition: background-color 0.4s;
  margin-bottom: 4px;
}

#content .packageSelectionHappy-wrapper .packageSelection-container .packageSelection-package-container {
  margin-right: 20px;
  margin-bottom: 0;
  width: 245px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  float: left;
}

#content .packageSelectionHappy-wrapper .packageSelection-container .packageSelection-package-container:last-child {
  margin-right: 0;
}

#content .magenta-packageSizeSelector.MAGENTA1 .packageSelection-container .packageSelection-package-container,
#content
  .magenta-packageSizeSelector.MAGENTA1_BUSINESS
  .packageSelection-container
  .packageSelection-package-container {
  margin-right: 10px;
}

#content
  .magenta-packageSizeSelector.MAGENTA1_BUSINESS
  .packageSelection-container
  .packageSelection-package-container:last-child {
  margin-right: 0;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize {
  display: table-cell;
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/tariffs-big.png');
  background-color: #e20074;
  color: #fff;
  height: 160px;
  text-align: center;
  vertical-align: middle;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.ANO {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/tariffs-big-ano.png');
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container
  .productPackageSize.ANO {
  width: 200px;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container
  .productPackageSize {
  display: inline-block;
  background-color: #a4a4a4;
  color: #fff;
  width: 160px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.XL_DATA_PREMLADYCH {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/data_xl_big.png') no-repeat;
  background-position: center center;
  width: 198px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.XS_MINI {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/xs_mini_packageSize_desktop.png') no-repeat;
  background-position: center center;
}

#content
  .magenta-packageSizeSelector
  .packageSelection-container
  .packageSelection-package-container
  .productPackageSize.XL_CALL {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/volania_xl_big.png') no-repeat;
  background-position: center center;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.S.ANO {
  background-position: 0 0;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.M.ANO {
  background-position: 0 -160px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.M_DATA.ANO {
  background-position: 0 -320px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.L.ANO {
  background-position: 0 -480px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.XL.ANO {
  background-position: 0 -640px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.XXL.ANO {
  background-position: 0 -800px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.XS {
  background-position: 0 0;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.S {
  background-position: 0 -160px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.M {
  background-position: 0 -320px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.L {
  background-position: 0 -480px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.S.SAT {
  background-position: 0 -1120px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.M.SAT {
  background-position: 0 -1260px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.L.SAT {
  background-position: -12px -1412px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.XL {
  background-position: 0 -800px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.XL_CALL {
  background-position: 0 -640px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.XXL {
  background-position: 0 -960px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.PROFI {
  background-position: 0 -1575px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.B {
  background-position: 0 -1740px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize.B.SAT {
  background-position: 0 -1880px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackageSize
  .productPackageSize-icon-content {
  width: 160px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize-1 {
  background-image: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-mobile-internet-tarrifs-160.png');
  background-position: 0 0;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize-2 {
  background-image: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-mobile-internet-tarrifs-160.png');
  background-position: 0 -160px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize-3 {
  background-image: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-mobile-internet-tarrifs-160.png');
  background-position: 0 -320px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize-0 {
  background-image: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-easy-fix-tariffs-160.png');
  background-position: 0 0;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize-9 {
  background-image: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-easy-fix-tariffs-160.png');
  background-position: 0 -160px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize-12 {
  background-image: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-easy-fix-tariffs-160.png');
  background-position: 0 -320px;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize-16 {
  background-image: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-easy-fix-tariffs-160.png');
  background-position: 0 -480px;
}

#content .packageSelection-container .packageSelection-package-container .responsive {
  display: none;
}

#content .packageSelection-container .packageSelection-package-container .productPackage-body {
  display: table-cell;
  padding: 20px;
  position: relative;
  width: 1000px;
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/bg-tariff-detail.png') repeat-y scroll -100% 50%
    rgba(0, 0, 0, 0);
  transition: background 0.4s linear;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-body {
  display: block;
  width: auto;
  min-height: 50px;
}

#content .packageSelection-container .packageSelection-package-container .productPackage-description {
  font-size: 19px;
  line-height: 24px;
  color: #6c6c6c;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-description {
  font-size: 18px;
}

#content .packageSelection-container .packageSelection-package-container .productPackage-productParams-description {
  position: absolute;
  bottom: 20px;
  right: 20px;
  left: 20px;
  font-size: 16px;
  line-height: 14px;
  color: #fff;
  margin-right: 35px;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description {
  right: 16px;
  left: 16px;
  margin-right: 0;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper
  > div {
  display: table;
  max-width: 160px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > div {
  table-layout: fixed;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > div {
  opacity: 0.7;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .paramWrapper.happy
  > div {
  opacity: 1;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  > div {
  table-layout: fixed;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper
  > div.medium {
  width: 70%;
  max-width: 240px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper
  > div.large {
  width: 100%;
  max-width: 340px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper
  > div.large
  .param
  .text
  span {
  width: auto;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.television
  > div.small {
  width: 70%;
  max-width: 140px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.television
  > div.medium {
  width: 70%;
  max-width: 162px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.television
  > div.large {
  width: 100%;
  max-width: 251px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.television
  .small
  .param
  .text
  span {
  width: 100%;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.television
  .medium
  .param
  .text
  span {
  width: 100%;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.internet
  > div.small {
  width: 70%;
  max-width: 85px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.internet
  > div.medium {
  width: 70%;
  max-width: 156px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.internet
  > div.large {
  width: 100%;
  max-width: 279px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > div.x-small {
  width: 70%;
  max-width: 131px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > div.xs-mini {
  width: 70%;
  max-width: 224px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > div.small {
  width: 70%;
  max-width: 149px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > div.medium {
  width: 70%;
  max-width: 169px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > div.large {
  width: 70%;
  max-width: 224px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > div.xl-call {
  width: 70%;
  max-width: 230px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > div.x-large {
  width: 100%;
  max-width: 255px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > div.xx-large {
  width: 100%;
  max-width: 298px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  > div.x-small {
  width: 70%;
  max-width: 116px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  > div.small {
  width: 70%;
  max-width: 192px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  > div.medium {
  width: 100%;
  max-width: 210px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  > div.large {
  width: 100%;
  max-width: 247px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  > div.x-large {
  width: 100%;
  max-width: 300px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.mobile-internet
  > div.small {
  width: 100%;
  max-width: 330px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.mobile-internet
  > div.medium {
  width: 100%;
  max-width: 383px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.mobile-internet
  > div.large {
  width: 100%;
  max-width: 465px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .tooltipParam {
  width: 0 !important;
  height: 36px;
  visibility: hidden;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .param {
  display: table-cell;
  width: 50%;
  text-align: center;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .param
  > div {
  display: table-cell;
  vertical-align: middle;
  background: #7c7c7c;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .param.last
  > div {
  background: #a4a4a4;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .param
  > div.delimiter-wrapper {
  background: transparent;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .param
  > div.icon-wrapper {
  padding: 0 5px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.internet
  .param
  > div.icon-wrapper {
  padding: 0 3px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.mobile-internet
  .param
  > div.icon-wrapper {
  padding: 0 3px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .x-small
  .param
  > div.icon-wrapper {
  padding: 0 0 0 3px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .param
  > div.icon-wrapper {
  padding: 0 3px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .param
  > div.delimiter-wrapper {
  background: transparent;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .param
  > div.delimiter-wrapper
  .delimiter {
  display: block;
  width: 12px;
  height: 36px;
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/tariff-specs-arrows.png') no-repeat -19px 0 transparent;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .param
  > div.delimiter-wrapper
  .delimiter {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/scales-arrows.png') no-repeat -320px 0 transparent;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .param
  .icon {
  display: inline-block;
  height: 26px;
  width: 26px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.internet
  .param
  .icon {
  display: inline-block;
  height: 32px;
  width: 30px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.mobile-internet
  .param
  .icon {
  display: inline-block;
  height: 32px;
  width: 30px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .param
  .icon.icon-phone {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/step-1-icon-fixed.png') no-repeat 0 0 transparent;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .param
  .icon.icon-stopwatch {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/step-1-icon-time.png') no-repeat 0 0 transparent;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .param
  .icon.icon-internet-speed {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-mobile-internet-specs.png') no-repeat -40px 0
    transparent;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .param
  .icon.icon-television {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/step-1-icon-tv.png') no-repeat 0 0 transparent;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .param
  .icon.icon-truck {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-mobile-internet-specs.png') no-repeat -2px 0
    transparent;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .param
  .icon.icon-globe {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/icon-mobile-globe.png') no-repeat 0 0 transparent;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .param
  .icon.icon-clip {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/icon-clip.png') no-repeat 0 0 transparent;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .param
  .text {
  width: 100%;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .param
  .text
  span {
  display: block;
  width: 40px;
  margin: 0 auto;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.internet
  .param
  .text
  span {
  display: block;
  width: 45px;
  margin: 0 auto;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .param
  .text
  span {
  display: block;
  width: 25px;
  margin: 0 auto;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > .large
  .param
  .text
  span {
  display: block;
  width: 25px;
  margin: 0 auto;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > .xl-call
  .param:first-child
  .text
  span {
  width: auto;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > .xs-mini
  .param.clip
  .text
  span {
  text-align: left;
  width: auto;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > .xs-mini
  .param:first-child {
  width: 50px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > .xs-mini
  .param:first-child
  .text {
  width: 25px;
  margin: 0;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > .xs-mini
  .param:first-child
  .text
  span {
  display: block;
  width: 25px;
  margin: 0;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > .x-large
  .param:first-child
  .text
  span {
  width: auto;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > .xx-large
  .param
  .text
  span {
  width: auto;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .param
  .text
  span {
  width: auto;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .param:first-child
  .text
  span {
  text-align: left;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.mobile-internet
  .param
  .text
  span {
  width: auto;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.internet
  .medium
  .param
  .text
  span {
  width: 100%;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .param.last
  .delimiter-wrapper
  .delimiter {
  background-position: -41px 0;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .param.last
  > div.delimiter-wrapper
  .delimiter {
  background-position: -347px 0;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .param.special-last
  > div.delimiter-wrapper
  .delimiter {
  background-position: -272px 0;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .large
  .param {
  width: 100%;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.television
  .medium
  .param {
  width: 100%;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.television
  .small
  .param {
  width: 100%;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.internet
  .medium
  .param {
  width: 100%;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.internet
  .small
  .param {
  width: 100%;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .x-small
  .param {
  width: 64px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .x-small
  .param.last {
  width: 62px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .small
  .param {
  width: 75px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .small
  .param.last {
  width: 72px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .medium
  .param {
  width: 85px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .medium
  .param.last {
  width: 85px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .large
  .param {
  width: 100px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .large
  .param.last {
  width: 105px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .xl-call
  .param {
  width: 110px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .xl-call
  .param.last {
  width: 85px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .x-large
  .param {
  width: 110px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .x-large
  .param.last {
  width: 105px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .xx-large
  .param {
  width: 110px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .xx-large
  .param.last {
  width: 110px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  .param.clip.last {
  width: 60px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .x-small
  .param {
  width: 116px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .small
  .param {
  width: 132px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .small
  .param.last {
  width: 56px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .medium
  .param {
  width: 150px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .medium
  .param.last {
  width: 56px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .large
  .param {
  width: 150px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .large
  .param.last {
  width: 93px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .x-large
  .param {
  width: 150px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .x-large
  .param.last {
  width: 146px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.mobile-internet
  .small
  .param {
  width: 220px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.mobile-internet
  .small
  .param.last {
  width: 110px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.mobile-internet
  .medium
  .param {
  width: 220px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.mobile-internet
  .medium
  .param.last {
  width: 163px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.mobile-internet
  .large
  .param {
  width: 220px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.mobile-internet
  .large
  .param.last {
  width: 245px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .info {
  display: table-cell;
  width: 40px;
  position: relative;
  overflow-x: visible;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .paramWrapper.happy
  > div.info {
  display: block;
  width: auto;
  max-width: 100%;
  margin-bottom: 60px;
  float: none;
  right: 0;
  top: 0;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .info
  .fa {
  float: none;
  font-size: 36px;
  position: relative;
  top: -5px;
  width: 40px;
  margin-left: 15px;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .info
  .more-info,
#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .productPackage-info-tooltip
  a {
  font-size: 18px;
  color: #00a2ea;
  cursor: pointer;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-productParams-description
  .alone {
  margin-left: 1px !important;
}

#content .packageSelection-container .packageSelection-package-container .productPackage-buttonPrice-container {
  display: table-cell;
  vertical-align: middle;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-buttonPrice-container
  .productPackage-productParams-info-container.info {
  margin-bottom: 20px;
  margin-top: 10px;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-buttonPrice-container {
  display: block;
  vertical-align: middle;
  text-align: center;
  margin-bottom: 20px;
}

#content .packageSelection-container .packageSelection-package-container .productPackage-price-container {
  display: table-cell;
  padding-right: 36px;
  vertical-align: middle;
  text-align: right;
  color: #e20074;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-price-container {
  display: inline-block;
  padding-right: 0;
  vertical-align: middle;
  text-align: center;
  color: #a4a4a4;
  margin-bottom: 15px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-price-container
  .productPackage-price-amount {
  font-size: 90px;
  font-weight: bold;
  height: 90px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-price-container
  .productPackage-price-amount
  sup {
  font-size: 41px;
  font-weight: bold;
  top: -41px;
}

#content
  .packageSelection-container
  .packageSelection-package-container
  .productPackage-price-container
  .productPackage-price-period {
  font-size: 18px;
}

#content .packageSelection-container .packageSelection-package-container .packageSelection-nextButton {
  font-size: 27px;
  line-height: 32px;
  border: 1px solid #d0d0d0;
  background-color: #fff;
  color: #e20074;
  font-weight: bold;
  padding: 30px 20px;
  width: 90px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-right: 20px;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container
  .packageSelection-nextButton {
  color: #6c6c6c;
  padding: 10px 0;
  width: 90%;
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-right: 0;
  font-size: 18px;
  border-radius: 4px;
}

#content .packageSelection-container .packageSelection-package-container .packageSelection-nextButton i {
  position: relative;
  right: -10px;
}

#content .packageSelection-container .packageSelection-package-container .packageSelection-nextButton-container {
  display: table-cell;
  vertical-align: middle;
  width: 130px;
  font-size: 27px;
  color: #d0d0d0;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container
  .packageSelection-nextButton-container {
  display: block;
  vertical-align: middle;
  width: auto;
  font-size: 27px;
  color: #d0d0d0;
}

#content
  .packageSelection-container
  .packageSelection-package-container.selected.enabled
  .productPackage-buttonPrice-container {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/white-line.png') repeat-y scroll 100% 0
    rgba(0, 0, 0, 0);
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container.selected.enabled
  .productPackage-buttonPrice-container {
  background: 0;
}

#content .packageSelection-container .packageSelection-package-container.selected {
  background-color: #e20074;
}

#content .packageSelectionHappy-wrapper .packageSelection-container .packageSelection-package-container.selected {
  background-color: #ededed;
}

#content .packageSelection-container .packageSelection-package-container.selected .productPackage-description {
  color: #fff;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-description {
  color: #262626;
}

#content .packageSelection-container .packageSelection-package-container.selected .productPackage-body {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/bg-tariff-detail.png') repeat-y scroll 0 50%
    rgba(0, 0, 0, 0);
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-body {
  background: 0;
}

#content
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .param
  > div {
  background-color: #be0761;
  background-color: rgba(190, 7, 97, 0.8);
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .param
  > div {
  background-color: #7c7c7c;
}

#content
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .param
  > div.delimiter-wrapper {
  background: transparent;
}

#content
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .param
  .delimiter-wrapper
  .delimiter {
  background-position: -19px -46px;
  opacity: 0.8;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .param
  .delimiter-wrapper
  .delimiter {
  background-position: -19px 0;
  opacity: 1;
}

#content
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .param.last
  .delimiter {
  background-position: -41px -46px;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .param.last
  .delimiter {
  background-position: -41px 0;
  opacity: 1;
}

#content
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .param
  > div {
  background-color: #bf0862;
}

#content
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .param.last
  > div {
  background-color: #ca0d68;
}

#content
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .param
  > div.delimiter-wrapper {
  background: transparent;
}

#content
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .param
  .delimiter-wrapper
  .delimiter {
  background-position: -172px 0;
  opacity: 1;
}

#content
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .param.last
  > div.delimiter-wrapper
  .delimiter {
  background-position: -199px 0;
}

#content
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .paramWrapper.easy-fix
  .param.special-last
  > div.delimiter-wrapper
  .delimiter {
  background-position: -51px 0;
}

#content
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .info {
  opacity: 0.5;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .info {
  opacity: 1;
}

#content
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-productParams-description
  .alone {
  margin-left: 1px !important;
}

#content .packageSelection-container .packageSelection-package-container.selected .productPackage-price-container {
  color: #fff !important;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackage-price-container {
  color: #e20074 !important;
}

#content .packageSelection-container .packageSelection-package-container.selected .packageSelection-nextButton {
  font-size: 36px;
  background-color: #6bb324;
  color: #fff;
  border: 1px solid #6bb324;
  padding: 20px;
  cursor: pointer;
  width: 110px;
  margin-right: 0;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container.selected
  .packageSelection-nextButton {
  padding: 10px 0;
  width: 90%;
  font-size: 18px;
}

#content .packageSelection-container .packageSelection-package-container.selected .packageSelection-nextButton i {
  position: relative;
  top: 0;
  right: -10px;
  color: #fff;
}

#content
  .packageSelection-container
  .packageSelection-package-container.selected
  .packageSelection-nextButton-container {
  width: 150px;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container.selected
  .packageSelection-nextButton-container {
  width: auto;
}

#content
  .packageSelection-container
  .packageSelection-package-container.selected.enabled
  .productPackage-buttonPrice-container {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/white-line.png') repeat-y scroll 100% 0
    rgba(0, 0, 0, 0);
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container.selected.enabled
  .productPackage-buttonPrice-container {
  background: 0;
}

#content .packageSelection-container .productParameters-info-container a.info-button {
  color: #fff;
  font-size: 42px;
}

#content .magio-services-container {
  padding-left: 22px;
}

#content .magio-services-container.magenta-magio-services-container {
  padding-top: 30px;
  height: auto;
  width: auto;
  margin: -30px 0 0 0;
}

#content .magio-selection-container label {
  white-space: nowrap;
}

#content .magio-services-container.magenta-magio-services-container .magio-selection-container label span {
  padding-top: 6px;
  padding-right: 22px;
  font-size: 18px;
}

#content .want-hw-container {
  margin-bottom: -10px;
}

#content .want-hw-container.magenta-want-hw-container {
  padding-top: 30px;
  height: 117px;
  width: auto;
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/magenta-discount-bg.png') transparent no-repeat;
  background-size: 147px 104px;
  background-position: 400px 38px;
  margin: -30px 0 0 0;
}

#content .want-hw-container:not(.magenta-want-hw-container) .selection-container {
  position: absolute;
  margin-left: 20px;
  margin-top: 40px;
  font-size: 36px;
  line-height: 36px;
  color: #6c6c6c;
}

#content .want-hw-container.magenta-want-hw-container .selection-container {
  line-height: 20px;
}

#content .want-hw-container.magenta-want-hw-container .selection-container label span {
  padding-top: 6px;
  display: inline-block;
  font-size: 18px;
}

#content .want-hw-container.magenta-want-hw-container .selection-container .radio {
  margin-top: 0;
  margin-right: 8px;
  height: 34px;
}

#content .want-hw-container .selection-container .highlighted {
  color: #e20074;
}

#content .want-hw-container .selection-container .radio {
  margin-top: 5px;
}

#content .want-hw-container.disabled .selection-container,
#content .want-hw-container.disabled .selection-container .highlighted {
  color: #808080;
}

#content .want-hw-container.want-hw-container-mobile-data {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/s1_940-modem.png') transparent no-repeat;
}

#content .want-hw-container.want-hw-container-mobile-data .selection-container {
  margin-left: 465px;
  margin-top: 95px;
}

#content .want-hw-container.disabled.want-hw-container-mobile-data {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/s1_940-modem-disabled.png') transparent no-repeat;
}

#content .want-hw-closer {
  display: none;
}

#content .magenta-input .fa {
  float: none;
  font-size: 36px;
  position: relative;
  top: -5px;
  width: 40px;
  margin-left: 15px;
}

#content .magenta-input .shoppingScenario-dataRow-label {
  float: left;
}

#content .magenta-input .shoppingScenario-dataRow-input {
  display: block;
  margin-left: 20px;
}

#content .magenta-input .productParameters-info-tooltip {
  margin-top: 28px;
}

#content .magenta-form-errors {
  display: none;
}

@media (max-width: 800px) {
  #content .want-hw-container {
    height: 209px;
    width: 600px;
    margin-top: -35px;
  }
  #content .want-hw-container:not(.magenta-want-hw-container) .selection-container {
    margin-left: 20px;
    margin-top: 40px;
    font-size: 24px;
    line-height: 24px;
  }
  #content .want-hw-container .selection-container .radio {
    margin-top: -5px;
    margin-bottom: 4px;
  }
  #content .want-hw-container.want-hw-container-mobile-data {
    height: 295px;
    background: url('/theme/stwbmain/images/stwb/packageSizeSelect/s1_780-modem.png') transparent no-repeat;
  }
  #content .want-hw-container.want-hw-container-mobile-data .selection-container {
    margin-left: 400px;
    margin-top: 100px;
    font-size: 24px;
    line-height: 24px;
  }
  #content .want-hw-container.disabled.want-hw-container-mobile-data {
    background: url('/theme/stwbmain/images/stwb/packageSizeSelect/s1_780-modem-disabled.png') transparent no-repeat;
  }
  #content .want-hw-container .happyHeaderWrapper {
    margin-bottom: 20px;
  }
  #content .portlet-body .happyHeader {
    background-size: 145px;
    background-position-y: 0;
  }
  #content .portlet-body .happyHeader p {
    width: 75%;
    font-size: 16px;
  }
  #content .portlet-body .happyHeaderStepSecond {
    margin-left: -20px;
  }
  #content .portlet-body .happyheaderText {
    line-height: 35px;
  }
  #content .selection-container label {
    font-size: 16px;
  }
}

@media (max-width: 599px) {
  #content .want-hw-container {
    height: 235px;
    width: 300px;
  }
  #content .want-hw-container.want-hw-container-mobile-data {
    background: url('/theme/stwbmain/images/stwb/packageSizeSelect/s1_580-modem-top.png') transparent no-repeat -120px 0;
  }
  #content .want-hw-container.disabled.want-hw-container-mobile-data {
    background: url('/theme/stwbmain/images/stwb/packageSizeSelect/s1_580-modem-top-disabled.png') transparent
      no-repeat -120px 0;
  }
  #content .want-hw-container:not(.magenta-want-hw-container) .selection-container {
    margin-left: 20px;
    margin-top: 40px;
    min-width: 300px;
  }
  #content .want-hw-container .selection-container .radio {
    margin-top: -4px;
    margin-right: 4px;
  }
  #content .want-hw-container.want-hw-container-mobile-data .selection-container {
    margin-left: 30px;
    margin-top: 245px;
  }
  #content .want-hw-closer {
    height: 98px;
    display: block;
    background: url('/theme/stwbmain/images/stwb/packageSizeSelect/WB-158---039-Shopping-cart-mobile-Happy-s1_580-mobil-bottom.jpg')
      transparent no-repeat -120px 0;
  }
  #content .portlet-body .happyHeaderStepSecond {
    margin-left: -10px;
  }
  #content .sms-verification-wrapper #sms-verification .sms-verification-body #sms-verification-verification-number {
    text-align: right;
  }
  #content #sms-verification .sms-verification-body input {
    width: 150px;
  }
}

@media (max-width: 480px) {
  #content .portlet-body .happyHeader p {
    width: 50%;
    font-size: 16px;
  }
  #content .portlet-body .happyHeader {
    margin-bottom: 20px;
    height: 160px;
    background-position: 10px 50px;
  }
  #content .portlet-body div.happyHeader h2 {
    padding-top: 0;
  }
  #content .portlet-body .happyheaderText {
    font-size: 20px;
    line-height: 35px;
    vertical-align: initial;
  }
  #content .portlet-body .happyHeaderStepSecond {
    margin-left: -10px;
  }
  #content .want-hw-container.disabled .selection-container,
  #content .want-hw-container.disabled .selection-container .highlighted {
    font-size: 16px;
  }
  #content .want-hw-container {
    height: 220px;
  }
  #content .packageSelection-container-inactive-wrapper h3 {
    display: none;
  }
  #content .selection-container label {
    font-size: 16px;
  }
  #content .portlet-body .happyXsMiniHeader {
    padding-bottom: 20px;
    height: 170px;
    background-position: 10px 70px;
  }
}

#content .packageSelection-container-parent {
  position: relative;
  overflow-y: hidden;
  height: 488px;
  overflow: hidden;
}

#content .packageSelectionHappy-wrapper .packageSelection-container-parent {
  height: auto;
}

#content .packageSelection-container {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  position: absolute;
}

#content .packageSelection-inactive-navigation {
  margin: 0 auto;
  height: 24px;
  width: 24px;
  text-align: center;
  position: relative;
  padding-bottom: 2em;
}

#content .packageSelection-inactive-navigation.top:before {
  content: '';
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 43px;
  width: 43px;
  color: #7c7c7c;
  font-family: FontAwesome;
  font-size: 32px;
  position: relative;
  top: -32px;
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/Arrow_up.png');
  margin-left: -8px;
}

#content .packageSelection-inactive-navigation.bottom:before {
  content: '';
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 43px;
  width: 43px;
  color: #7c7c7c;
  font-family: FontAwesome;
  font-size: 32px;
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/Arrow_down.png');
  margin-top: 14px;
  margin-left: -8px;
}

#content .packageSelection-container-inactive-wrapper {
  text-align: center;
  font-size: 0;
  position: relative;
}

#content .packageSelection-container-inactive-wrapper.top {
  margin-top: 32px;
}

#content .packageSelection-container-inactive-wrapper h3.scenario-name {
  position: absolute;
  bottom: -2px;
  left: -1px;
}

#content .packageSelection-container-inactive-wrapper h3.scenario-name.moved {
  position: absolute;
  bottom: 30px;
  left: -1px;
}

#content .packageSelection-container-inactive {
  text-align: center;
  display: inline-block;
  max-width: 840px;
  line-height: 42px;
  overflow: hidden;
}

#content .packageSelection-package-inactive {
  display: inline-block;
  width: 140px;
  height: 42px;
  margin: 0;
  position: relative;
  text-align: left;
  vertical-align: bottom;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 1;
  margin-right: 1px;
}

#content .packageSelection-package-inactive.no-width {
  width: 0;
  height: 0;
  margin: 0;
}

#content .packageSelection-package-inactive.no-opacity {
  opacity: 0;
}

#content .packageSelection-container-inactive.top .packageSelection-package-inactive {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/bg-small-tariffs.png');
  background-position: 0 0;
}

#content .packageSelection-container-inactive.bottom .packageSelection-package-inactive {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/bg-small-tariffs.png');
  background-position: -200px 0;
}

#content .packageSelection-container-inactive.top .packageSelection-package-inactive.selected {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/bg-small-tariffs.png');
  background-position: -400px 0;
}

#content .packageSelection-container-inactive.bottom .packageSelection-package-inactive.selected {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/bg-small-tariffs.png');
  background-position: -600px 0;
}

#content .packageSelection-package-inactive div {
  display: inline-block;
  vertical-align: middle;
  font-size: 36px;
  font-family: TeleGrotesk, Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: white;
}

#content .packageSelection-package-inactive.no-width div {
  font-size: 0;
}

#content .packageSelection-package-inactive div.productPackage-inactive-price-amount {
  float: right;
  padding-right: 8px;
}

#content .packageSelection-package-inactive div.productPackage-inactive-price-amount sup {
  font-size: 16px;
  position: relative;
  top: -14px;
}

#content .packageSelection-package-inactive div.productPackageSize-inactive-icon-content {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-tariffs-selector-small.png');
  height: 42px;
  width: 44px;
}

#content
  .packageSelection-package-inactive
  .productPackageSize-inactive.XL_DATA_PREMLADYCH
  div.productPackageSize-inactive-icon-content {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/data_xl.png') no-repeat;
  background-position: center 5px;
}

#content
  .packageSelection-package-inactive
  .productPackageSize-inactive.XS_MINI
  div.productPackageSize-inactive-icon-content {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/xs_mini_packageSize_inactive.png') no-repeat;
  background-position: center 2px;
}

#content
  .magenta-packageSizeSelector
  .productPackageSize-inactive.XL_CALL
  div.productPackageSize-inactive-icon-content {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/volania_xl.png') no-repeat;
  background-position: center 5px;
}

#content .packageSelection-package-inactive.no-width div.productPackageSize-inactive-icon-content {
  height: 0;
  width: 0;
}

#content .productPackageSize-inactive.XS_MINI div.productPackageSize-inactive-icon-content,
#content .productPackageSize-inactive.XS div.productPackageSize-inactive-icon-content {
  background-position: 0 -5px;
}

#content .productPackageSize-inactive.S div.productPackageSize-inactive-icon-content {
  background-position: 0 -47px;
}

#content .productPackageSize-inactive.M div.productPackageSize-inactive-icon-content {
  background-position: 0 -89px;
}

#content .productPackageSize-inactive.L div.productPackageSize-inactive-icon-content {
  background-position: 0 -131px;
}

#content .productPackageSize-inactive.XL_CALL div.productPackageSize-inactive-icon-content {
  background-position: 0 -173px;
}

#content .productPackageSize-inactive.XL div.productPackageSize-inactive-icon-content {
  background-position: 0 -215px;
}

#content .productPackageSize-inactive.XXL div.productPackageSize-inactive-icon-content {
  background-position: 0 -257px;
}

#content .productPackageSize-inactive.PROFI div.productPackageSize-inactive-icon-content {
  background-position: 0 -297px;
}

#content .packageSizeSelectorHappy .left,
#content .packageSizeSelectorHappy .right {
  display: inline-block;
  vertical-align: top;
  margin-top: 222px;
}

#content .packageSizeSelectorHappy .left {
  margin-right: 10px;
}

#content .packageSizeSelectorHappy .right {
  margin-left: 10px;
}

#content .packageSelectionHappy-wrapper .left .previous-img {
  width: 52px;
  height: 52px;
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/left_img.png') no-repeat;
}

#content .packageSelectionHappy-wrapper .left .previous-img:active {
  background-position: 0 -54px;
}

#content .packageSelectionHappy-wrapper .left .previous-img.left-end {
  background-position: 0 -105px;
}

#content .packageSelectionHappy-wrapper .right .next-img {
  width: 52px;
  height: 52px;
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/right_img.png') no-repeat;
}

#content .packageSelectionHappy-wrapper .right .next-img:active {
  background-position: 0 -54px;
}

#content .packageSelectionHappy-wrapper .right .next-img.right-end {
  background-position: 0 -105px;
}

#content .packageSelection-modal-header {
  color: #e20074;
  text-align: center;
  font-size: 24px;
  margin-bottom: 1em;
}

@media (max-width: 900px) {
  #content .productPackage-body {
    display: block;
    padding: 10px !important;
  }
  #content .packageSelection-row-wrapper {
    display: table;
    width: 100%;
  }
  #content .packageSelection-container .packageSelection-package-container .responsive {
    display: block;
  }
  #content .packageSelection-container .packageSelection-package-container .responsive .productPackage-body {
    width: auto;
    display: block;
    background: #e5e5e5;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .responsive
    .productPackage-body
    .productPackage-productParams-description {
    position: static;
    margin-right: 0;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .responsive
    .productPackage-body
    .productPackage-productParams-description
    .paramWrapper {
    position: relative;
    width: 100%;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .responsive
    .productPackage-body
    .productPackage-productParams-description
    .paramWrapper
    > div.medium {
    max-width: 310px;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .responsive
    .productPackage-body
    .productPackage-productParams-description
    .paramWrapper
    > div.large {
    width: 104%;
    max-width: 400px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize {
    width: 160px;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .productPackageSize
    .productPackageSize-icon-content {
    width: 85px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackage-body {
    display: none;
  }
  #content
    .packageSelectionHappy-wrapper
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-body {
    display: block;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackage-productParams-description {
    margin-left: 3px;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-productParams-description
    .param {
    margin-left: -3px;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-productParams-description
    .info {
    position: relative;
    right: 5px;
    top: 5px;
    display: inline-block;
    float: right;
    width: 100%;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-productParams-description
    .info
    .fa {
    right: 0;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-productParams-description
    .alone {
    margin-left: 1px !important;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackage-price-container {
    display: inline-block;
    width: 220px;
    padding-right: 20px;
  }
  #content
    .packageSelectionHappy-wrapper
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-price-container {
    display: inline-block;
    width: auto;
    padding-right: 0;
  }
  #content
    .packageSelectionHappy-wrapper
    .packageSelection-container
    .packageSelection-package-container.enabled
    .productPackage-price-container {
    display: block;
  }
  #content .packageSelection-container .packageSelection-package-container.selected .responsive .productPackage-body {
    background: #d90070;
  }
  #content .packageSelection-container .packageSelection-package-container.selected .packageSelection-nextButton {
    padding: 40px 20px;
    width: auto;
    margin-right: 20px;
  }
  #content
    .packageSelectionHappy-wrapper
    .packageSelection-container
    .packageSelection-package-container.selected
    .packageSelection-nextButton {
    margin-right: 0;
  }
  #content .packageSelection-container .packageSelection-package-container.selected .packageSelection-nextButton i {
    display: none;
    position: absolute;
    display: inline;
    right: -15px;
    top: 40%;
    font-size: 27px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackage-buttonPrice-container {
    text-align: right;
  }
  #content
    .packageSelectionHappy-wrapper
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-buttonPrice-container {
    text-align: center;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container.selected
    .productPackage-buttonPrice-container,
  #content
    .packageSelection-container
    .packageSelection-package-container.selected.enabled
    .productPackage-buttonPrice-container {
    background: url('/theme/stwbmain/images/stwb/packageSizeSelect/bg-tariff-detail.png') repeat-y scroll 0 50%
      rgba(0, 0, 0, 0);
  }
  #content
    .packageSelectionHappy-wrapper
    .packageSelection-container
    .packageSelection-package-container.selected
    .productPackage-buttonPrice-container,
  #content
    .packageSelectionHappy-wrapper
    .packageSelection-container
    .packageSelection-package-container.selected.enabled
    .productPackage-buttonPrice-container {
    background: 0;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-buttonPrice-container
    .packageSelection-nextButton-container {
    display: inline-block;
    text-align: center;
    width: 160px;
  }
  #content
    .packageSelectionHappy-wrapper
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-buttonPrice-container
    .packageSelection-nextButton-container {
    display: block;
    text-align: center;
    width: auto;
  }
}

@media (max-width: 599px) {
  #content .packageSelection-container .packageSelection-package-container {
    margin-bottom: 15px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize {
    background: url('/theme/stwbmain/images/stwb/packageSizeSelect/tariffs-small.png') no-repeat;
    background-color: #e20074;
    width: 130px;
    height: 130px;
  }
  #content
    .packageSelectionHappy-wrapper
    .packageSelection-container
    .packageSelection-package-container
    .productPackageSize {
    background: url('/theme/stwbmain/images/stwb/packageSizeSelect/tariffs-small.png') no-repeat;
    background-color: #a4a4a4;
    width: 130px;
    height: 130px;
  }
  #content
    .packageSelectionHappy-wrapper
    .packageSelection-container
    .packageSelection-package-container
    .productPackageSize.ANO {
    background: url('/theme/stwbmain/images/stwb/packageSizeSelect/tariffs-small-ano.png') no-repeat;
    width: 200px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.XL_DATA_PREMLADYCH {
    background: url('/theme/stwbmain/images/stwb/packageSizeSelect/data_xl_big.png') no-repeat;
    background-size: 80%;
    background-position: center center;
    width: 198px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.XS_MINI {
    background: url('/theme/stwbmain/images/stwb/packageSizeSelect/xs_mini_packageSize_tablet.png') no-repeat;
    background-position: center center;
  }
  #content
    .magenta-packageSizeSelector
    .packageSelection-container
    .packageSelection-package-container
    .productPackageSize.XL_CALL {
    background: url('/theme/stwbmain/images/stwb/packageSizeSelect/volania_xl_big.png') no-repeat;
    background-size: 80%;
    background-position: center center;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.S.ANO {
    background-position: -5px -3px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.M.ANO {
    background-position: -5px -139px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.M_DATA.ANO {
    background-position: 0 -275px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.L.ANO {
    background-position: -5px -411px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.XL.ANO {
    background-position: 0 -547px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.XXL.ANO {
    background-position: 0 -683px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.XS {
    background-position: 0 0;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.S {
    background-position: 0 -140px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.M {
    background-position: 0 -270px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.L {
    background-position: 0 -395px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.S.SAT {
    background-position: 10px -915px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.M.SAT {
    background-position: 10px -1040px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.L.SAT {
    background-position: 0 -1165px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.XL {
    background-position: 0 -655px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.XL_CALL {
    background-position: 0 -520px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.XXL {
    background-position: 0 -780px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.PROFI {
    background-position: 0 -1300px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.B {
    background-position: 0 -1430px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize.B.SAT {
    background-position: 0 -1540px;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .productPackageSize
    .productPackageSize-icon-content {
    width: 20px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackage-price-container {
    padding-right: 0;
    display: inline-block;
    width: auto;
    position: relative;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackage-buttonPrice-container {
    padding-right: 12px;
  }
  #content
    .packageSelectionHappy-wrapper
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-buttonPrice-container {
    padding-right: 0;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-price-container
    .productPackage-price-amount {
    font-size: 72px;
    font-weight: bold;
    height: 72px;
    display: block;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-price-container
    .productPackage-price-period {
    font-size: 18px;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-price-container
    .productPackage-price-amount
    sup {
    font-size: 32px;
    font-weight: bold;
    top: -32px;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-buttonPrice-container
    .packageSelection-nextButton-container {
    display: block;
    text-align: right;
    margin-top: 15px;
    width: auto;
  }
  #content
    .packageSelectionHappy-wrapper
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-buttonPrice-container
    .packageSelection-nextButton-container {
    text-align: center;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-buttonPrice-container
    .packageSelection-nextButton-container
    .packageSelection-nextButton {
    overflow: hidden;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-buttonPrice-container
    .packageSelection-nextButton-container
    .packageSelection-nextButton
    i {
    position: relative;
    top: 0;
    right: 0;
    font-size: inherit;
    color: #e20074;
  }
  #content
    .packageSelection-container
    .packageSelection-package-container.selected
    .productPackage-buttonPrice-container
    .packageSelection-nextButton-container
    .packageSelection-nextButton
    i {
    color: white;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize-1 {
    background-image: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-mobile-internet-tarrifs-130.png');
    background-position: 0 0;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize-2 {
    background-image: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-mobile-internet-tarrifs-130.png');
    background-position: 0 -130px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize-3 {
    background-image: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-mobile-internet-tarrifs-130.png');
    background-position: 0 -260px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize-0 {
    background-image: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-easy-fix-tariffs-130.png');
    background-position: 0 0;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize-9 {
    background-image: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-easy-fix-tariffs-130.png');
    background-position: 0 -130px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize-12 {
    background-image: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-easy-fix-tariffs-130.png');
    background-position: 0 -260px;
  }
  #content .packageSelection-container .packageSelection-package-container .productPackageSize-16 {
    background-image: url('/theme/stwbmain/images/stwb/packageSizeSelect/icons-easy-fix-tariffs-130.png');
    background-position: 0 -390px;
  }
  #content .packageSelectionHappy-wrapper .packageSelection-container .packageSelection-package-container {
    float: none;
  }
}

#content .packageSelection-container .packageSelection-package-container {
  transition: background-color 0.4s;
}

#content .packageSelection-container .packageSelection-package-container .productPackage-body {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/bg-tariff-detail.png') repeat-y scroll -100% 50%
    rgba(0, 0, 0, 0);
  transition: background 0.4s linear;
}

@media (max-width: 800px) {
  #content .packageSelection-container .packageSelection-package-container .productPackage-buttonPrice-container {
    background: url('/theme/stwbmain/images/stwb/packageSizeSelect/bg-tariff-detail.png') repeat-y scroll -100% 50%
      rgba(0, 0, 0, 0);
    transition: background 0.4s linear;
  }
  #content
    .packageSelectionHappy-wrapper
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-buttonPrice-container {
    background: 0;
    transition: none;
  }
  #content .packageSelection-container-inactive-wrapper.top {
    padding-top: 0;
  }
  #content .smartPackageStepHeaderWrapper.internetTrial-productCarousel {
    margin-bottom: -80px;
  }
}

#content .packageSelection-container .packageSelection-package-container:not(.selected):hover {
  background-color: #e0e0e0;
}

#content .packageSelection-package-inactive {
  cursor: pointer;
}

#content .packageSelection-container .packageSelection-package-container .packageSelection-nextButton {
  transition:
    background-color 0.2s,
    border-color 0.2s;
}

#content .packageSelection-container .packageSelection-package-container .packageSelection-nextButton:hover {
  background-color: #f0f0f0;
  border-color: #a0a0a0;
}

#content .packageSelection-container .packageSelection-package-container.selected .packageSelection-nextButton:hover {
  background-color: #cc0069;
  border-color: #9f0052;
}

#content .packageSelection-container .packageSelection-package-container .productPackageSize-icon-container {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 160px;
  background-color: #e20074;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container
  .productPackageSize-icon-container {
  display: block;
  width: 245px;
  background-color: #a4a4a4;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackageSize-icon-container {
  background-color: #e20074;
}

#content
  .packageSelectionHappy-wrapper
  .packageSelection-container
  .packageSelection-package-container.selected
  .productPackageSize {
  background-color: #e20074;
}

#content #sms-verification {
  display: none;
  max-width: 858px;
  margin-bottom: 20px;
}

#content #sms-verification.smartPackage-sms-verification-wrapper {
  display: block;
}

#content #sms-verification.sms-identification-agent .sms-verification-left {
  float: left;
  box-sizing: border-box;
  width: 37.2%;
  max-width: 350px;
  height: 275px;
  padding: 20px;
  font-size: 36px;
  line-height: 42px;
  color: #000;
  background: #d0d0d0;
  overflow: hidden;
}

#content #sms-verification .sms-verification-left {
  padding: 0 40px;
  font-size: 18px;
  color: #262626;
  overflow: hidden;
}

#content #sms-verification input.sms-error {
  border-color: #d90000;
}

#content #sms-verification .sms-verification-left > div {
  display: none;
}

#content #sms-verification .sms-verification-left > div.active {
  display: block;
}

#content #sms-verification.sms-identification-agent .sms-verification-body {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 62.8%;
  max-width: 590px;
  min-height: 275px;
  padding: 20px 30px 30px 20px;
  background: #ededed;
  font-size: 24px;
  line-height: 28px;
  color: #4b4b4b;
}

#content #sms-verification .sms-verification-body {
  position: relative;
  padding: 0 40px 5px;
  font-size: 18px;
  line-height: 28px;
  color: #6c6c6c;
}

#content #sms-verification .sms-verification-body input[type='text'],
#content #sms-verification .sms-verification-body input[type='numeric'] {
  color: #000;
  height: 45px;
}

#content #sms-verification .sms-verification-body #sms-verification-input-number-change-button {
  padding-right: 8px;
}

#content #sms-verification.sms-identification-agent .step.verification-number {
  margin-right: -5px;
}

#content #sms-verification.sms-identification-agent .sms-verification-body .input-number,
#content #sms-verification.sms-identification-agent .sms-verification-body .verification {
  position: absolute;
  bottom: 30px;
  right: 30px;
  left: 20px;
  text-align: right;
}

#content #sms-verification .sms-verification-body .PROLONGATION,
#content #sms-verification .sms-verification-body .ACTIVATION,
#content #sms-verification .sms-verification-body .SERVICE_MIGRATION_OPERATOR,
#content #sms-verification .sms-verification-body .MIGRATION_EASY {
  display: none;
}

#content #sms-verification .sms-verification-body .PROLONGATION.active,
#content #sms-verification .sms-verification-body .ACTIVATION.active,
#content #sms-verification .sms-verification-body .SERVICE_MIGRATION_OPERATOR.active,
#content #sms-verification .sms-verification-body .MIGRATION_EASY.active {
  display: block;
}

#content #sms-verification.sms-identification-agent .sms-verification-body .body-text {
  margin-bottom: 20px;
}

#content #sms-verification .sms-verification-body .body-text {
  margin-top: 5px;
  line-height: 20px;
}

#content #sms-verification .sms-verification-body input.hint,
#content #sms-verification .smartPackage-sms-verification-body input.hint {
  background-image: url(/theme/stwbmain/images/stwb/phone-number-positions-checker.png);
  background-position: -9px 0;
  transition: none;
}

#content #sms-verification .sms-verification-body input.hint.length-1,
#content #sms-verification .smartPackage-sms-verification-body input.hint.length-1 {
  background-position: -9px -44px;
}

#content #sms-verification .sms-verification-body input.hint.length-2,
#content #sms-verification .smartPackage-sms-verification-body input.hint.length-2 {
  background-position: -9px -88px;
}

#content #sms-verification .sms-verification-body input.hint.length-3,
#content #sms-verification .smartPackage-sms-verification-body input.hint.length-3 {
  background-position: -9px -132px;
}

#content #sms-verification .sms-verification-body input.hint.length-4,
#content #sms-verification .smartPackage-sms-verification-body input.hint.length-4 {
  background-position: -9px -176px;
}

#content #sms-verification .sms-verification-body input.hint.length-5,
#content #sms-verification .smartPackage-sms-verification-body input.hint.length-5 {
  background-position: -9px -220px;
}

#content #sms-verification .sms-verification-body input.hint.length-6,
#content #sms-verification .smartPackage-sms-verification-body input.hint.length-6 {
  background-position: -9px -264px;
}

#content #sms-verification .sms-verification-body input.hint.length-7,
#content #sms-verification .smartPackage-sms-verification-body input.hint.length-7 {
  background-position: -9px -308px;
}

#content #sms-verification .sms-verification-body input.hint.length-8,
#content #sms-verification .smartPackage-sms-verification-body input.hint.length-8 {
  background-position: -9px -352px;
}

#content #sms-verification .sms-verification-body input.hint.length-9,
#content #sms-verification .smartPackage-sms-verification-body input.hint.length-9 {
  background-position: -9px -396px;
}

#content #sms-verification .sms-verification-body input.hint.length-10,
#content #sms-verification .smartPackage-sms-verification-body input.hint.length-10 {
  background-position: -9px -440px;
}

#content #sms-verification .sms-verification-body input {
  width: 165px;
}

#content #sms-verification.sms-identification-agent .sms-verification-body input {
  width: 165px;
  margin-left: 10px;
}

#content #sms-verification .sms-verification-body input[type='button'] {
  margin-left: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#content #sms-verification .sms-verification-body input.disabled,
#content #sms-verification .smartPackage-sms-verification-body input.disabled {
  background-color: #d7d7d7;
  border-color: #cdcdcd !important;
  color: #fff;
  cursor: default;
}

#content #sms-verification .sms-verification-body .verification-number {
  margin: 18px 0;
}

#content #sms-verification.sms-identification-agent .sms-verification-body .verification-number {
  text-align: right;
  margin: 0 -5px 18px 0;
}

#content #sms-verification .sms-verification-body #sms-verification-verification-number {
  display: inline-block;
  width: 250px;
  font-size: 36px;
  color: #000;
  text-align: left;
  margin-left: 10px;
}

#content #sms-verification .sms-verification-body #sms-verification-input-number-change-button {
  display: inline-block;
  width: 90px;
}

#content #sms-verification .sms-verification-body #sms-verification-input-number-button,
#content #sms-verification .sms-verification-body #sms-verification-verification-code-button {
  line-height: normal;
  font-size: 24px;
}

#content #sms-verification .verification-code-errors,
#content #sms-verification .input-number-errors {
  font-size: 18px;
  text-align: left;
  color: #d90000;
  padding-top: 5px;
  max-height: 75px;
  padding-left: 25px;
  max-width: 715px;
}

#content #sms-verification .verification-code-errors a,
#content #sms-verification .input-number-errors a {
  text-decoration: none;
}

#content #sms-verification.sms-identification-agent .verification-code-errors,
#content #sms-verification.sms-identification-agent .input-number-errors {
  font-size: 24px;
  text-align: left;
  color: #d90000;
  padding-top: 5px;
  max-height: 75px;
  padding-left: 0;
  max-width: 100%;
}

#content .packageSizeSelectStep {
  background: url('/theme/stwbmain/images/stwb/step-numbers-36px-squares.png') no-repeat scroll 0 50% white;
  height: 36px;
  width: 36px;
  margin-left: -5px;
  background-position: -36px -36px;
  display: inline-block;
  vertical-align: top;
}

#content .packageSizeSelectHeaderText {
  vertical-align: bottom;
  font-size: 30px;
  margin-left: 5px;
  color: #e20074;
  white-space: normal;
  display: inline-block;
  width: calc(100% - 40px);
}

#content .packageSizeSelectHeaderText.happyheaderText {
  font-weight: bold;
  margin-left: 10px;
}

#content .smartPackageStepHeaderWrapper {
  margin-top: 50px;
}

#content .smartPackageStepHeaderWrapper.internetTrial-productCarousel {
  margin-bottom: -40px;
}

#content .happyHeaderWrapper {
  margin-bottom: 10px;
}

#content .happyHeaderStep-want-hw {
  margin-left: -25px;
}

#content .packageSizeSelectStep.number-2 {
  background-position: -72px -36px;
}

#content .packageSizeSelectStep.number-3 {
  background-position: -108px -36px;
}

#content .packageSizeSelectStep.number-4 {
  background-position: -144px -36px;
}

#content .packageSizeSelectStep.number-5 {
  background-position: -180px -36px;
}

#content .packageSizeSelectorHappy {
  margin-top: 20px;
  margin-bottom: 20px;
}

#content .packageSizeSelectorHappy div:first-child {
  position: relative;
}

#content .happyHeader {
  height: 125px;
  background-position: 320px;
  margin-bottom: 20px;
}

#content .happyXsMiniHeader {
  padding-bottom: 55px;
  background-position: center;
}

@media (max-width: 940px) {
  #content .happyXsMiniHeader {
    padding-bottom: 75px;
    background-position: 250px;
  }
}

#content .happyHeader p {
  width: 55%;
}

#content .selection-container label {
  margin-left: 22px;
}

@media (max-width: 600px) {
  #content #sms-verification .verification-code-errors,
  #content #sms-verification .input-number-errors {
    max-height: none;
  }
}

#content #sms-verification .verification-code-errors:before,
#content #sms-verification .input-number-errors:before {
  color: #d90000;
  content: '\f071';
  display: inline-block;
  font-family: FontAwesome;
  position: absolute;
  left: 0;
}

#content #sms-verification div.smartPackage-sms-verification-body .verification-code-errors:before,
#content #sms-verification div.smartPackage-sms-verification-body .input-number-errors:before {
  content: '';
}

#content #sms-verification .verification .verification-code,
#content #sms-verification .input-number .container {
  position: relative;
}

#content #sms-verification a.disabled {
  color: #4b4b4b;
  cursor: default;
  text-decoration: none;
}

#content #sms-verification.sms-identification-agent {
  max-width: 100%;
}

@media (max-width: 960px) {
  #content #sms-verification.sms-identification-agent .sms-verification-body .input-number,
  #content #sms-verification.sms-identification-agent .sms-verification-body .verification {
    position: static;
  }
  #content #sms-verification .sms-verification-body .input-number,
  #content #sms-verification .sms-verification-body .verification {
    position: static;
  }
  #content .portlet-body .happyHeader h2 {
    font-size: 40px;
  }
  #content #sms-verification.sms-identification-agent .sms-verification-left,
  #content #sms-verification.sms-identification-agent .sms-verification-body {
    float: none;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

#content .magenta-numbers {
  margin: 26px 0 13px 0;
  font-size: 22px;
  color: #808080;
}

#content .magenta-input {
  margin-bottom: 50px;
}

#content .magenta-input .fa {
  color: #d0d0d0;
  cursor: pointer;
}

#content .magenta-numbers.active {
  color: #218076;
}

#content .magenta-numbers.active:before {
  background: #218076;
}

#content .magenta-numbers:before {
  content: counter(magenta-numbers);
  counter-increment: magenta-numbers;
  text-align: center;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  background: #a4a4a4;
  color: white;
  display: inline-block;
  font-weight: bold;
  padding: 3px 0 0 1px;
}

#content body {
  counter-reset: magenta-numbers;
}

#content .magenta-header-right {
  display: inline-block;
  font-weight: bold;
  width: 370px;
  float: right;
  text-align: right;
}

#content .magenta-header-right:before {
  display: inline-block;
  content: '';
  width: 142px;
  height: 29px;
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/magenta-header-icons.png') transparent no-repeat;
  background-size: 142px 29px;
  background-position: 0 0;
  margin-right: 15px;
}

#content .portlet-body .happyHeader h2 {
  padding-top: 30px;
}

#content .portlet-body .happyXsMiniHeader h2 {
  padding-top: 30px;
}

@media (max-width: 940px) {
  #content .magenta-header-right {
    float: right;
    width: 250px;
  }
  #content .magenta-header-right:before {
    width: 108px;
    height: 22px;
    background-size: 108px 22px;
    margin-right: 10px;
  }
}

@media (max-width: 500px) {
  #content .magenta-header-right {
    float: none;
    text-align: left;
  }
}

#content div.magioTvPackageSizeSelect {
  padding: 10px 0 0 40px;
}

#content div.magioTvPackageSizeSelect label {
  display: block;
}

#content ul.squares {
  list-style: square;
}

#content div.happyXsMiniPackageSelectorHeader {
  margin-bottom: 75px;
}

#content .packageSelectionHappy-wrapper {
  text-align: center;
}

@media screen and (max-width: 940px) {
  #content .packageSelectionHappy-wrapper .packageSelectionHappy-wrapper {
    padding: 0 10px;
    text-align: left;
  }
  #content .packageSelectionHappy-wrapper .packageSizeSelectStep {
    margin-left: 5px;
  }
  #content .happyHeader {
    margin: 0 10px;
  }
  #content
    .packageSelectionHappy-wrapper
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-productParams-description
    .paramWrapper.happy
    > div.info {
    margin-bottom: 30px;
  }
  #content
    .packageSelectionHappy-wrapper
    .packageSelection-container
    .packageSelection-package-container
    .productPackage-body {
    min-height: 55px;
  }
}

@media (max-width: 960px) {
  #content .packageSelectionHappy-wrapper .packageSelection-container-parent {
    width: auto;
  }
  #content .packageSizeSelectorHappy .left,
  #content .packageSizeSelectorHappy .right {
    display: none;
  }
  #content .packageSelectionHappy-wrapper.packageSelection-container-parent {
    width: 100%;
  }
  #content .packageSelectionHappy-wrapper .packageSelection-container {
    width: 100%;
  }
  #content .packageSelectionHappy-wrapper .packageSelection-container .packageSelection-package-container {
    margin-bottom: 20px;
  }
  #content .packageSelectionHappy-wrapper {
    padding: 0;
    text-align: left;
  }
  #content .packageSelectionHappy-wrapper .packageSizeSelectStep {
    margin-left: -5px;
  }
  #content .happyHeaderStep-want-hw {
    margin-left: -25px;
  }
  #content .happyHeader {
    margin: 0;
  }
  #content #sms-verification .sms-verification-left,
  #content #sms-verification .sms-verification-body {
    font-size: 16px;
    float: none;
    max-width: 100%;
    height: auto;
    padding: 0 5px;
  }
  #content .packageSelectionHappy-wrapper .packageSelection-container .packageSelection-package-container:last-child {
    margin-right: 20px;
  }
  #content .happyHeader {
    background-position: 210px;
  }
  #content #sms-verification .sms-verification-body {
    padding: 0 5px;
  }
}

@media (max-width: 552px) {
  #content .packageSelectionHappy-wrapper {
    text-align: center;
  }
}

#content .magioGo h2 {
  margin: 30px 0 5px 0;
}

#content .magioGo h2:after {
  content: '';
  display: block;
  clear: both;
}

#content .magioGo .info-button {
  display: inline-block;
  background: url(/theme/stwbmain/images/stwb/smart/info-grey.png);
  width: 26px;
  height: 27px;
}

#content .magioGo label {
  font-size: 18px;
}

#content .magioGo .container {
  background: #ededed;
  padding: 15px 20px;
  font-size: 18px;
}

#content .magioGo .container.bigger-padding {
  padding: 35px 25px;
}

#content .magioGo p.price {
  color: #278076;
  margin-top: -0.4em;
}

#content .magioGo div.checker {
  height: 38px;
}

#content .magioGo .tablet-image {
  line-height: 250px;
  margin-bottom: 40px;
}

#content .magioGo .tablet-image img {
  vertical-align: middle;
}

#content .magioGo .tablet-name {
  color: #e20074;
  font-weight: bold;
}

#content .magioGo .tablet-name .info-button {
  margin-left: 20px;
  vertical-align: middle;
}

#content .magioGo .column {
  width: 315px;
  padding: 0 0 0 130px;
}

#content .magioGo .column:first-child {
  padding-left: 0;
}

#content .magioGo .tablet-prices {
  width: 100%;
}

#content .magioGo .tablet-prices td {
  padding: 0;
  font-weight: bold;
  color: #278076;
  text-align: right;
}

#content .magioGo .tablet-prices td:first-child {
  font-weight: normal;
  text-align: left;
}

#content .magioGo .tablet-prices .one-time td {
  color: #e20074;
}

#content .magioGo .container li:before {
  content: '6';
  font-family: 'Tele-Icon';
  vertical-align: middle;
  display: inline-block;
  margin-right: 0.3em;
}

#content .pull-right {
  float: right;
}

@media (max-width: 800px) {
  #content .magioGo .column {
    display: block;
    padding: 0;
    margin: 10px 0;
  }
}

#content #magioGoBottomNote {
  padding-top: 20px;
}

#content #magioGoBottomNote p {
  display: none;
}

#content #magioGoBottomNote p.expanded {
  display: block;
}

#content .shoppingScenario-dataRow-input {
  width: 300px;
  position: relative;
}

#content .shoppingScenario-dataRow-textarea {
  width: 500px;
}

#content .shoppingScenario-dataRow-info {
  line-height: 14px;
  font-size: 18px;
  font-weight: bold;
  color: #a9a9a9;
}

#content .shoppingScenario-dataRow-textarea textarea {
  width: 100%;
  resize: none;
}

#content .shoppingScenario-dataRow-input input {
  width: 100%;
}

#content .shoppingScenario-dataRow-input input[type='text'][readonly='readonly'] {
  border: 1px solid #d3d3d3;
  background-color: whitesmoke;
}

#content .fancy-select {
  padding-right: 45px;
}

#content .shoppingScenario-open-address-link-common-container {
  height: 35px;
}

#content .shoppingScenario-address-segmentType label {
  margin-right: 50px;
}

#content .shoppingScenario-dataColumn-labels,
#content .shoppingScenario-dataColumn-inputs {
  float: left;
  padding-right: 10px;
}

#content .shoppingScenario-dataColumn-labels .shoppingScenario-dataRow-label {
  min-height: 20px;
  vertical-align: middle;
}

#content .shoppingScenario-dataRow-container:after {
  content: '.';
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

#content .shoppingScenario-open-address-link-icon {
  display: inline-block;
  width: 32px;
  height: 23px;
  background: url('/theme/stwbmain/images/stwb/icons-step3-adress-type.png');
}

#content .shoppingScenario-open-address-link-icon.permanentAddress-icon {
  background-position: 0 93px;
}

#content .shoppingScenario-open-address-link-icon.mailingAddress-icon {
  background-position: 0 151px;
}

#content .shoppingScenario-open-address-link-icon.billingAddress-icon {
  background-position: 0 116px;
}

#content .shoppingScenario-address-expanded {
  display: inline-block;
  width: 15px;
  height: 15px;
}

#content .shoppingScenario-address-expanded.serviceAddress-icon {
  background-color: pink;
}

#content .shoppingScenario-address-expanded.permanentAddress-icon {
  background-color: green;
}

#content .shoppingScenario-address-expanded.mailingAddress-icon {
  background-color: red;
}

#content .shoppingScenario-address-expanded.billingAddress-icon {
  background-color: blue;
}

#content .shoppingScenario-address-container,
#content .shoppingScenario-student-container {
  font-size: 24px;
  position: relative;
}

#content .shoppingScenario-address-container .SHOP .heapBox {
  max-width: none;
}

#content .column {
  display: table-cell;
  vertical-align: top;
}

#content .shoppingScenario-address-radio-pair {
  width: 275px;
  display: inline;
}

#content .shoppingScenario-delivery-container {
  background-color: #ededed;
  padding: 25px 45px 25px 25px;
  margin-bottom: 30px;
}

#content .column-table {
  display: table;
  width: 100%;
}

#content .shoppingScenario-list-option.shoppingScenario-address-container,
#content .shoppingScenario-list-option.shoppingScenario-student-container {
  margin-bottom: 20px;
}

#content h3.shoppingScenario-delivery-label {
  margin-top: 30px !important;
}

#content h3.shoppingScenario-termsAgreement-label {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

#content h3.shoppingScenario-delivery-note-label {
  margin-top: 0 !important;
  margin-bottom: 20px;
}

#content #shoppingScenarioForm .agreementsWrapper .businessConditions .error-message {
  position: relative;
  top: 10px;
}

#content #shoppingScenarioForm .agreementsWrapper .businessConditions {
  background-color: #ededed;
  padding: 2%;
  margin-bottom: 3%;
}

#content #shoppingScenarioForm .agreementsWrapper .businessConditions.isShowIfParent {
  margin-left: 45px;
  margin-top: -4%;
}

#content #shoppingScenarioForm .agreementsWrapper .togleArrow {
  margin: 10px 0;
  position: relative;
}

#content shoppingScenarioForm .agreementsWrapper .businessConditions label {
  display: block;
}

#content #shoppingScenarioForm .agreementsWrapper .businessConditions .togleArrow {
  display: inline;
}

#content #shoppingScenarioForm .agreementsWrapper .businessConditions .togleArrow a {
  font-size: 18px;
}

#content #shoppingScenarioForm .agreementsWrapper .businessConditions .conditionsDetail {
  background-color: #fff7da;
  margin-top: 2%;
  padding: 2%;
}

#content #shoppingScenarioForm .agreementsWrapper .businessConditions .conditionsDetail p {
  margin: 0;
  font-weight: normal;
}

#content #shoppingScenarioForm .agreementsWrapper .businessConditions .conditionsDetail a {
  font-size: 18px;
}

#content #shoppingScenarioForm .agreementsWrapper .businessConditions input {
  border-radius: 5px;
  width: 100%;
  color: #000;
  margin-bottom: 15px;
}

#content #shoppingScenarioForm .agreementsWrapper .businessConditions .checkbox-label {
  display: inline-block;
  margin: 0;
  vertical-align: sub;
  cursor: pointer;
  width: calc(100% - 50px);
}

#content #shoppingScenarioForm .agreementsWrapper .togleArrow a.toggle-arrow {
  color: #007faf;
  text-decoration: none;
}

#content .summary-product-icon {
  height: 30px;
  width: 30px;
  display: inline-block;
  margin-bottom: -8px;
  margin-right: 20px;
}

#content .summary-product-icon.PHONE,
#content .summary-product-icon.GLOBE,
#content .summary-product-icon.STOPWATCH,
#content .summary-product-icon.MUSIC,
#content .summary-product-icon.GIFT,
#content .summary-product-icon.VOICE_GRAY,
#content .summary-product-icon.TELEVISION_GRAY {
  width: 40px;
  height: 35px;
  background: transparent url('/theme/stwbmain/images/stwb/product/icons-payments-mobile.png') no-repeat;
}

#content .summary-product-icon.PHONE {
  background-position: -36px 0;
}

#content .summary-product-icon.GLOBE {
  background-position: -70px 0;
}

#content .summary-product-icon.STOPWATCH {
  background-position: -108px 0;
}

#content .summary-product-icon.MUSIC {
  background-position: -145px 0;
}

#content .summary-product-icon.GIFT {
  background-position: -180px 0;
}

#content .summary-product-icon.VOICE_GRAY {
  background-position: -215px 0;
  width: 36px;
}

#content .summary-product-icon.TELEVISION_GRAY {
  background-position: -250px 0;
}

#content .column .row .shoppingScenario-dataRow-label {
  width: 120px;
  vertical-align: top;
}

#content .column.agent-summary .row .shoppingScenario-dataRow-label {
  width: auto;
}

#content .column .row .shoppingScenario-dataRow-label.bigger {
  width: 200px;
  vertical-align: top;
}

#content .shoppingScenario-student-container .column .row .shoppingScenario-dataRow-label {
  width: 250px;
  vertical-align: top;
}

#content .shoppingScenario-address-container .column.nth-second-column .row .shoppingScenario-dataRow-label {
  width: 65px;
  padding-left: 85px;
}

#content .shoppingScenario-delivery-container .column.nth-second-column .row .shoppingScenario-dataRow-label {
  padding-left: 0;
}

#content .shoppingScenario-delivery-otherDeliveryAddress-container .row {
  padding-bottom: 6px;
}

#content .shoppingScenario-delivery-deliveryAddressType-container {
  max-width: 550px;
  padding-bottom: 6px;
}

#content .shoppingScenario-delivery-note-container {
  margin-top: 10px;
}

#content .shoppingScenario-delivery-note-container textarea {
  width: 99%;
}

#content .shoppingScenario-delivery-note-container.row {
  display: table;
}

#content .shoppingScenario-delivery-note-container .shoppingScenario-dataRow-input {
  width: 100%;
  display: block;
}

#content
  .shoppingScenario-delivery-note-container:not(.container-no-padding)
  div.shoppingScenario-delivery-option-container {
  padding-left: 45px;
}

#content h2.shoppingScenario-fillYourPersonalDataLabel {
  margin-bottom: 25px;
}

#content .shoppingScenario-address-segmentType {
  margin-bottom: 20px;
  margin-top: 10px;
}

#content .shoppingScenario-address-segmentType div.radio.nth-third-radio {
  margin-left: 40px;
}

#content .shoppingScenario-address-segmentType div.radio {
  margin-right: 20px;
}

#content .shoppingScenario-open-address-link-address-info .fa.fa-question-circle {
  font-size: 30px;
  color: #a4a4a4;
  padding-left: 15px;
}

#content .shoppingScenario-dataRow-tooltip .fa.fa-question-circle {
  font-size: 30px;
  color: #a4a4a4;
}

#content .shoppingScenario-open-address-link-container {
  font-size: 24px;
  color: #007faf;
  cursor: pointer;
  display: inline-block;
}

#content .shoppingScenario-addressPanel-close {
  background: transparent url('/theme/stwbmain/images/stwb/icon-close.png') no-repeat;
  position: absolute;
  cursor: pointer;
  height: 25px;
  width: 25px;
  right: 16px;
  top: 16px;
  color: #007faf;
}

#content .shoppingScenario-open-address-link-address-info-container {
  display: inline-block;
}

#content #summaryTables {
  margin-bottom: 20px;
}

#content .shoppingScenario-summary-table-switch {
  float: right;
  color: #007faf;
  cursor: pointer;
}

#content .shoppingScenario-summary-table-switch-text {
  margin-right: 6px;
  position: relative;
  top: -1px;
}

#content .summary-paymentCalendar {
  width: 100%;
  background-color: #ededed;
  margin-bottom: 0;
}

#content .summary-paymentCalendar tr.summary-paymentCalendar-price-row {
  height: 34px;
}

#content .summary-paymentCalendar tr.summary-paymentCalendar-price-row:not(.summary-month):hover td {
  background: #efead5;
}

#content .summary-paymentCalendar .summary-paymentCalendar-price-header-row {
  height: 95px;
}

#content .summary-paymentCalendar .summary-left-filler {
  width: 15px;
  background-color: #f4f3f3 !important;
}

#content .summary-paymentCalendar ul.summary-main-product-list li {
  margin-bottom: 4px;
}

#content .summary-paymentCalendar td.summary-first-column {
  width: 305px;
  padding-left: 0;
  background-color: #f4f3f3;
}

#content .summary-paymentCalendar td.summary-second-column {
  background-color: #f4f3f3;
}

#content .summary-paymentCalendar td.summary-first-column,
#content .summary-paymentCalendar td.summary-second-column {
  border-right: 2px solid gainsboro;
}

#content .summary-paymentCalendar .summary-first-column.summary-product-name,
#content .summary-paymentCalendar .summary-second-column.summary-product-name,
#content .summary-paymentCalendar .summary-product-icon-container,
#content .summary-paymentCalendar .summary-price,
#content .summary-paymentCalendar .summary-discount-row {
  border-top: 2px solid gainsboro;
}

#content .summary-paymentCalendar .summary-product-name,
#content .summary-paymentCalendar .summary-price span {
  color: black;
}

#content .summary-paymentCalendar .summary-prices-header {
  text-align: center;
  position: relative;
}

#content .summary-paymentCalendar .summary-prices-header span {
  font-size: 24px;
  color: #a4a4a4;
}

#content .summary-paymentCalendar .summary-month-caption,
#content .summary-paymentCalendar .summary-price,
#content .summary-paymentCalendar .summary-price-total {
  text-align: center;
  vertical-align: middle;
}

#content .summary-paymentCalendar .summary-month-caption:not(.col-hidden):not(:last-of-type),
#content .summary-paymentCalendar .summary-price:not(.col-hidden):not(:last-of-type),
#content .summary-paymentCalendar .summary-price-total:not(.col-hidden):not(:last-of-type) {
  border-right: 1px solid white;
}

#content td.last-non-hidden {
  border-right: 0 !important;
}

#content .summary-paymentCalendar .summary-month-caption span {
  color: #7c7c7c;
}

#content .summary-paymentCalendar .summary-product-text,
#content .summary-paymentCalendar .summary-product-text-mobile {
  font-size: 24px;
  color: #a4a4a4;
}

#content .summary-paymentCalendar .summary-product-icon-container {
  vertical-align: middle;
  margin: 10px 0;
  width: 50px;
  background-color: #f4f3f3 !important;
}

#content .summary-paymentCalendar .summary-product-icon-container span {
  margin: 0 20px 0 0;
}

#content .summary-paymentCalendar td {
  padding: 0;
}

#content .summary-paymentCalendar td:not(.summary-product-icon-container) > span:not(.font-telekom-magenta) {
  display: inline-block;
  width: 100px;
  text-align: center;
  overflow: hidden;
  -webkit-transition: width 400ms ease;
  -moz-transition: width 400ms ease;
  -ms-transition: width 400ms ease;
  -o-transition: width 400ms ease;
  transition: width 400ms ease;
}

#content .summary-paymentCalendar td.summary-prices-header > span {
  width: auto;
}

#content .summary-paymentCalendar td.credit-summary > span {
  width: auto;
}

#content .summary-paymentCalendar td.summary-discount-row {
  text-align: center;
}

#content .summary-paymentCalendar td.summary-discount-row > span {
  width: auto;
  color: #6bb324;
}

#content .summary-paymentCalendar .summary-price > span {
  margin-top: 7px;
}

#content .summary-paymentCalendar .summary-price.summary-price-zero span {
  color: #007faf;
}

#content .summary-paymentCalendar .summary-price.summary-price-minus span {
  color: #6bb324;
}

#content .summary-paymentCalendar .summary-price-3 {
  width: 19.4%;
}

#content .summary-paymentCalendar .summary-price-4 {
  width: 14.6%;
}

#content .summary-paymentCalendar .summary-price-5 {
  width: 11.7%;
}

#content .summary-paymentCalendar .summary-price-6 {
  width: 9.7%;
}

#content .summary-paymentCalendar .summary-prices-total-caption,
#content .summary-paymentCalendar .summary-product-name {
  vertical-align: middle;
  padding-right: 15px;
  text-align: right;
  word-wrap: break-word;
}

#content .summary-paymentCalendar tr.summary-prices-row-total td {
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 24px;
  border-top: 2px solid gainsboro;
  color: #e20074;
}

#content .summary-paymentCalendar tr.summary-prices-row-total .summary-left-filler {
  border-top: 0;
}

#content .summary-paymentCalendar td.col-hidden {
  border-right: 0 !important;
}

#content .summary-paymentCalendar td.col-hidden > span {
  width: 0;
  height: 0;
}

#content .summary-paymentCalendar td.col-hidden > span > span {
  width: 0;
  height: 0;
}

#content .summary-paymentCalendar tr.summary-responsive-row {
  display: none;
}

#content .scroll-left {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  font-weight: normal;
  color: #a4a4a4;
}

#content .scroll-right {
  display: none;
  position: absolute;
  top: 30px;
  right: 0;
  font-weight: normal;
  color: #a4a4a4;
}

#content .scroll-disabled {
  color: #fff !important;
}

#content .commitmentBoxContainer {
  color: #a4a4a4;
  font-size: 18px;
}

#content .page .commitmentBoxContainer p {
  margin: 5px 0;
}

#content .commitmentBoxSwitch {
  cursor: pointer;
  float: left;
  color: #007faf;
}

#content .fa.commitment-caret {
  margin-left: 5px;
}

#content .commitmentBoxDescription {
  display: none;
}

#content .commitmentBoxDescription > table {
  max-width: 400px;
}

#content .commitmentBoxDescription > table td {
  padding-left: 0;
}

#content .commitmentBoxDescription > table span {
  font-weight: bold;
  white-space: nowrap;
}

#content .commitmentBoxDescription div {
  color: #4b4b4b;
}

#content .shoppingScenario-delivery-container > .column-table > .column.nth-second-delivery-column {
  width: 550px;
}

#content
  .shoppingScenario-delivery-otherDeliveryAddress-container
  > .column-table
  > .column.nth-second-otherDelivery-column
  .shoppingScenario-dataRow-input {
  width: 120px;
}

#content
  .shoppingScenario-delivery-otherDeliveryAddress-container
  > .column-table
  > .column.nth-second-otherDelivery-column
  .shoppingScenario-dataRow-input
  input {
  width: 100%;
}

#content .shoppingScenario-delivery-otherDeliveryAddress-container {
  width: 100%;
}

#content .shoppingScenario-delivery-otherDeliveryAddress-container .shoppingScenario-dataRow-label {
  width: 55px;
}

#content
  .shoppingScenario-delivery-otherDeliveryAddress-container
  > .column-table
  > .column.nth-second-otherDelivery-column
  .shoppingScenario-dataRow-label {
  width: 160px;
}

#content
  .shoppingScenario-delivery-otherDeliveryAddress-container
  > .column-table
  > .column.nth-second-otherDelivery-column {
  text-align: right;
  padding-right: 0;
  margin-right: 0;
}

#content .scroll-arrow {
  width: 40px;
  height: 40px;
}

#content .scroll-left {
  display: none;
}

#content .scroll-right {
  display: none;
}

#content p.deliveryShopInfo {
  min-height: 50px;
  width: 100%;
}

#content deliveryShopPickupNote {
  background-color: #fff7da;
  padding: 2%;
  width: 100%;
}

#content .deliveryInputLong {
  max-width: 310px;
  width: 100%;
}

#content .delivery-info-text {
  margin-top: 30px;
  padding: 15px;
  background: #fff7da;
  font-size: 18px;
}

@media (max-width: 599px) {
  #content .shoppingScenario-dataRow-input {
    max-width: 300px;
  }
  #content .shoppingScenario-dataRow-input input {
    margin-bottom: 0;
  }
  #content .summary-product-icon + span:not(.summary-product-text-mobile) {
    display: none;
  }
  #content .summary-product-icon.CREDIT,
  #content .summary-product-icon.MOBILE_VOICE {
    display: none;
  }
  #content .summary-main-product-list {
    display: block;
    padding-left: 5px;
  }
  #content .summary-main-product-list li {
    display: inline-block;
  }
  #content .summary-product-icon {
    margin-bottom: 0;
    margin-right: 5px;
    vertical-align: middle;
  }
  #content .summary-paymentCalendar .summary-product-text,
  #content .summary-paymentCalendar .summary-product-text-mobile {
    vertical-align: middle;
  }
  #content .summary-paymentCalendar tr.summary-responsive-row {
    background: #f4f3f3;
    display: table-row;
  }
  #content .summary-paymentCalendar td.summary-responsive-cell {
    text-align: center;
    border-top: 2px solid gainsboro;
    padding: 5px 0 2px 0;
  }
  #content .summary-paymentCalendar .summary-product-icon-container {
    width: 0;
    font-size: 0;
    line-height: 0;
  }
  #content .summary-paymentCalendar .summary-product-icon-container span {
    display: none;
  }
  #content .summary-product-icon.VOICE.VOICE_M._200 {
    background: transparent url('/theme/stwbmain/images/stwb/step3-tariffs-smaller-V3.png') no-repeat 0 -124px;
  }
  #content .summary-product-icon.VOICE.VOICE_L._400 {
    background: transparent url('/theme/stwbmain/images/stwb/step3-tariffs-smaller-V3.png') no-repeat -36px -124px;
  }
  #content .summary-product-icon.VOICE.VOICE_XL._Premium {
    background: transparent url('/theme/stwbmain/images/stwb/step3-tariffs-smaller-V3.png') no-repeat -72px -124px;
  }
  #content .summary-paymentCalendar-price-header-row .summary-product-icon.TELEVISION._GO {
    background: transparent url('/theme/stwbmain/images/stwb/wb_tv_magio_go_IKONA_summary_small.png') no-repeat;
  }
  #content .shoppingScenario-delivery-note-container .shoppingScenario-dataRow-input {
    max-width: 100%;
  }
  #content .fancy-select {
    padding-right: 20px;
  }
  #content .shoppingScenario-delivery-container {
    display: block;
    padding: 20px 45px 20px 20px;
    margin-bottom: 30px;
  }
  #content .shoppingScenario-delivery-option-container {
    width: 100%;
    display: block;
    padding-bottom: 15px;
  }
  #content .shoppingScenario-delivery-addressSelect-container {
    width: 100%;
    display: block;
  }
  #content .shoppingScenario-address-container,
  #content .shoppingScenario-student-container {
    display: block;
  }
  #content .shoppingScenario-address-container .column,
  #content .shoppingScenario-student-container .column {
    display: block;
  }
  #content .column .row .shoppingScenario-dataRow-label {
    display: block;
    width: 100%;
    padding-left: 0;
    position: relative;
    bottom: -4px;
  }
  #content .shoppingScenario-address-segmentType {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  #content .shoppingScenario-address-container .column.nth-second-column .row .shoppingScenario-dataRow-label {
    width: 100%;
    padding-left: 0;
  }
  #content .shoppingScenario-list-option.shoppingScenario-address-container,
  #content .shoppingScenario-list-option.shoppingScenario-student-container {
    margin-bottom: 20px;
  }
  #content .column .row {
    line-height: 32px;
    display: block;
  }
  #content div.shoppingScenario-delivery-note-container .row {
    display: block;
  }
  #content .shoppingScenario-delivery-note-container .shoppingScenario-dataRow-label {
    width: 100%;
    display: block;
  }
  #content .shoppingScenario-delivery-note-container .shoppingScenario-dataRow-input {
    width: 100%;
    display: block;
  }
  #content .shoppingScenario-address-radio-pair {
    width: 100%;
    display: block;
    margin-bottom: 5px;
  }
  #content .shoppingScenario-open-address-link-address-info-container {
    display: inline-block;
  }
  #content .summary-paymentCalendar {
    overflow: hidden;
    width: 100%;
  }
  #content .summary-paymentCalendar .summary-left-filler {
    width: 5px;
  }
  #content .summary-paymentCalendar td.summary-first-column {
    overflow: hidden;
    max-width: 115px;
    padding-right: 6px;
  }
  #content .summary-paymentCalendar td.summary-first-column ul {
    width: 125px;
  }
  #content .summary-paymentCalendar td.summary-prices-header > span {
    max-width: 150px;
  }
  #content .scroll-left {
    display: block;
  }
  #content .scroll-right {
    display: block;
  }
}

@media (min-width: 600px) and (max-width: 800px) {
  #content .summary-product-icon + span:not(.summary-product-text-mobile) {
    display: none;
  }
  #content .summary-product-icon.CREDIT,
  #content .summary-product-icon.MOBILE_VOICE {
    display: none;
  }
  #content .summary-main-product-list {
    display: block;
    padding-left: 5px;
  }
  #content .summary-main-product-list li {
    display: inline-block;
  }
  #content .summary-product-icon {
    margin-bottom: 0;
    margin-right: 5px;
    vertical-align: middle;
  }
  #content .summary-paymentCalendar .summary-product-text,
  #content .summary-paymentCalendar .summary-product-text-mobile {
    vertical-align: middle;
  }
  #content .summary-product-icon.VOICE.VOICE_M._200 {
    background-position: 0 -188px;
  }
  #content .summary-product-icon.VOICE.VOICE_L._400 {
    background-position: -54px -188px;
  }
  #content .summary-product-icon.VOICE.VOICE_XL._Premium {
    background-position: -108px -188px;
  }
  #content .summary-paymentCalendar-price-header-row .summary-product-icon.TELEVISION._GO {
    background: transparent url('/theme/stwbmain/images/stwb/wb_tv_magio_go_IKONA_summary_middle.png') 0 16px no-repeat;
  }
  #content .shoppingScenario-dataRow-input {
    max-width: 300px;
  }
  #content .shoppingScenario-delivery-note-container .shoppingScenario-dataRow-input {
    max-width: 100%;
  }
  #content .shoppingScenario-delivery-container {
    display: block;
    padding: 20px 45px 20px 20px;
    margin-bottom: 30px;
  }
  #content .fancy-select {
    padding-right: 20px;
  }
  #content .shoppingScenario-delivery-option-container {
    width: 100%;
    display: block;
    padding-bottom: 15px;
  }
  #content .shoppingScenario-delivery-addressSelect-container {
    width: 100%;
    display: block;
  }
  #content .shoppingScenario-address-container,
  #content .shoppingScenario-student-container {
    display: block;
  }
  #content .shoppingScenario-address-container .column,
  #content .shoppingScenario-student-container .column {
    display: block;
  }
  #content .shoppingScenario-list-option.shoppingScenario-address-container,
  #content .shoppingScenario-list-option.shoppingScenario-student-container {
    margin-bottom: 20px;
  }
  #content .column .row .shoppingScenario-dataRow-label {
    width: 120px;
    padding-left: 0;
  }
  #content .shoppingScenario-student-container .column .row .shoppingScenario-dataRow-label {
    width: 250px;
    padding-left: 0;
  }
  #content .shoppingScenario-address-container .column.nth-second-column .row .shoppingScenario-dataRow-label {
    width: 120px;
    padding-left: 0;
  }
  #content .shoppingScenario-delivery-note-container .row {
    display: block;
  }
  #content .shoppingScenario-delivery-note-container .shoppingScenario-dataRow-input {
    display: block;
  }
  #content .shoppingScenario-delivery-note-container .shoppingScenario-dataRow-input input {
    display: block;
  }
  #content .summary-paymentCalendar {
    overflow: hidden;
    width: 100%;
  }
  #content .summary-paymentCalendar .summary-left-filler {
    width: 15px;
  }
  #content .summary-paymentCalendar td.summary-first-column {
    overflow: hidden;
    width: 185px;
    padding-right: 20px;
  }
  #content .scroll-left {
    display: none;
  }
  #content .scroll-right {
    display: none;
  }
  #content .shoppingScenario-delivery-note-container div.shoppingScenario-delivery-option-container {
    padding-left: 0;
  }
}

@media (max-width: 400px) {
  #content .shoppingScenario-open-address-link-address-info-container {
    display: inline-block;
    float: right;
  }
}

@media (max-width: 800px) {
  #content
    .shoppingScenario-delivery-note-container:not(.container-no-padding)
    div.shoppingScenario-delivery-option-container {
    padding-left: 0;
  }
  #content .shoppingScenario-delivery-container > .column-table > .column.nth-second-delivery-column {
    width: auto;
  }
  #content
    .shoppingScenario-delivery-otherDeliveryAddress-container
    > .column-table
    > .column.nth-second-otherDelivery-column
    .shoppingScenario-dataRow-input {
    width: auto;
  }
  #content
    .shoppingScenario-delivery-otherDeliveryAddress-container
    > .column-table
    > .column.nth-second-otherDelivery-column
    .shoppingScenario-dataRow-input
    input {
    width: auto;
  }
  #content .shoppingScenario-delivery-otherDeliveryAddress-container {
    width: auto;
  }
  #content .shoppingScenario-delivery-otherDeliveryAddress-container .shoppingScenario-dataRow-label {
    width: auto;
  }
  #content
    .shoppingScenario-delivery-otherDeliveryAddress-container
    > .column-table
    > .column.nth-second-otherDelivery-column {
    text-align: left;
    padding-right: 0;
    margin-right: 0;
  }
}

#content .summary-table-wrapper {
  background: #ededed;
  padding: 11px 0 25px;
  margin-bottom: 35px;
}

#content .summary-table-wrapper table {
  width: 100%;
}

#content .summary-table-wrapper h2 {
  margin: 0;
  font-size: 36px;
  line-height: 1;
  padding: 0 0 11px 3.4%;
}

#content .summary-table-wrapper h2 .fa {
  color: #a4a4a4;
  margin-right: 13px;
}

#content .summary-table-wrapper table tr th,
#content .summary-table-wrapper table tr td,
#content .summary-table-wrapper table tr td.summary-price-total {
  font-size: 24px;
  line-height: 30px;
  text-align: right;
}

#content .summary-table-wrapper table tr th.summary-price-total,
#content .summary-table-wrapper table tr th.summary-prices-total-caption,
#content .summary-table-wrapper table tr td.summary-price-total,
#content .summary-table-wrapper table tr td.summary-prices-total-caption {
  color: #e20074;
}

#content .summary-table-wrapper table tr th,
#content .summary-table-wrapper table tr th.summary-prices-total-caption {
  border-top: 2px solid #e1e1e1;
  border-bottom: 2px solid #e1e1e1;
  padding-right: 30px;
  width: 30.3%;
  background: #f3f3f3;
}

#content .summary-table-wrapper table tr td {
  border: 2px solid #e1e1e1;
  border-right: 0 none;
  border-left-color: #c7c9ca;
  padding: 2px 15px;
}

#content .summary-table-wrapper table tr td:first-child {
  width: 3.4%;
  border: 0 none;
  background: #f3f3f3;
}

#content .summary-table-wrapper .summary-paymentCalendar td > span {
  display: inline;
}

#content p#voucherSummaryValid {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 20px;
}

#content .shoppingScenario-list-option h3.shoppingScenario-address-expanded-label {
  margin-top: 5px !important;
  margin-bottom: 10px;
}

#content .shoppingScenario-list-option h3.shoppingScenario-address-expanded-label i.fa {
  color: #a4a4a4;
  margin-right: 14px;
  margin-bottom: 10px;
  float: left;
}

#content .summary-form-errors {
  display: none;
}

#content .deliveryMethod.COURIER .shoppingScenario-delivery-option-container > label {
  position: relative;
  top: 8px;
}

#content .deliveryMethod.COURIER .shoppingScenario-delivery-option-container > div {
  position: relative;
  top: 8px;
  float: left;
}

#content .deliveryMethod.SHOP .shoppingScenario-delivery-option-container > div {
  float: left;
}

#content div.SHOP {
  margin-top: 30px;
}

#content .agent-order-summary input[type='text'][readonly],
#content .agent-order-summary #order.delivery.note[readonly] {
  background-color: lightgray;
}

#content .summary-invoiceNr {
  font-size: 24px;
  color: #e20074;
}

#content div.summary-web-advantages {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}

#content div.summary-web-advantages .web-advantages-cell {
  display: table-cell;
  text-align: center;
  width: 33%;
}

#content div.summary-web-advantages .web-advantages-cell .web-advantages-cell-inner-wrapper {
  margin: 20px 7px 20px 0;
  padding: 0 15px;
}

#content div.summary-web-advantages .web-advantages-cell:last-child .web-advantages-cell-inner-wrapper {
  border-right: 0;
  margin-right: 0;
}

#content div.summary-web-advantages .web-advantages-cell .web-advantage-icon {
  width: 100px;
  height: 80px;
  display: inline-block;
  margin: 0;
}

#content div.summary-web-advantages .web-advantages-cell p.web-advantage-description {
  font-size: 18px;
  line-height: 120%;
  margin: 0;
}

#content div.summary-web-advantages .web-advantages-cell p.web-advantage-description strong {
  font-size: 22px;
  display: block;
}

#content div.summary-web-advantages .web-advantages-cell:last-child p.web-advantage-description strong {
  display: inline;
}

#content div.summary-web-advantages .web-advantages-cell.discount-advantage .web-advantage-icon {
  background: url('/theme/stwbmain/images/stwb/summary/wb_summary_discount_960px.png') no-repeat center;
}

#content div.summary-web-advantages .web-advantages-cell.delivery-advantage .web-advantage-icon {
  background: url('/theme/stwbmain/images/stwb/summary/wb_summary_delivery_960px.png') no-repeat center;
}

#content div.summary-web-advantages .web-advantages-cell.refund-advantage .web-advantage-icon {
  background: url('/theme/stwbmain/images/stwb/summary/wb_summary_refund_960px.png') no-repeat center;
}

@media (max-width: 800px) {
  #content div.summary-web-advantages .web-advantages-cell .web-advantages-cell-inner-wrapper {
    margin: 10px 7px 20px 0;
  }
  #content div.summary-web-advantages .web-advantages-cell .web-advantage-icon {
    width: 80px;
    height: 60px;
  }
  #content div.summary-web-advantages .web-advantages-cell p.web-advantage-description {
    font-size: 16px;
  }
  #content div.summary-web-advantages .web-advantages-cell p.web-advantage-description strong {
    font-size: 18px;
  }
  #content div.summary-web-advantages .web-advantages-cell.discount-advantage .web-advantage-icon {
    background: url('/theme/stwbmain/images/stwb/summary/wb_summary_discount_800px.png') no-repeat center;
  }
  #content div.summary-web-advantages .web-advantages-cell.delivery-advantage .web-advantage-icon {
    background: url('/theme/stwbmain/images/stwb/summary/wb_summary_delivery_800px.png') no-repeat center;
  }
  #content div.summary-web-advantages .web-advantages-cell.refund-advantage .web-advantage-icon {
    background: url('/theme/stwbmain/images/stwb/summary/wb_summary_refund_800px.png') no-repeat center;
  }
}

@media (max-width: 600px) {
  #content div.summary-web-advantages .web-advantages-cell .web-advantages-cell-inner-wrapper {
    margin: 7px 7px 10px 0;
    padding: 0 7px;
  }
  #content div.summary-web-advantages .web-advantages-cell .web-advantage-icon {
    width: 70px;
    height: 50px;
  }
  #content div.summary-web-advantages .web-advantages-cell p.web-advantage-description {
    font-size: 16px;
  }
  #content div.summary-web-advantages .web-advantages-cell p.web-advantage-description strong {
    font-size: 16px;
  }
  #content div.summary-web-advantages .web-advantages-cell.discount-advantage .web-advantage-icon {
    background: url('/theme/stwbmain/images/stwb/summary/wb_summary_discount_600px.png') no-repeat center;
  }
  #content div.summary-web-advantages .web-advantages-cell.delivery-advantage .web-advantage-icon {
    background: url('/theme/stwbmain/images/stwb/summary/wb_summary_delivery_600px.png') no-repeat center;
  }
  #content div.summary-web-advantages .web-advantages-cell.refund-advantage .web-advantage-icon {
    background: url('/theme/stwbmain/images/stwb/summary/wb_summary_refund_600px.png') no-repeat center;
  }
}

@media (min-width: 800px) {
  #content .deliveryMethod .shoppingScenario-delivery-option-container > .radio {
    height: 80px;
  }
}

#content .agent-summary-fix2021-address-wrapper {
  background: #ededed;
  margin-top: 1rem;
}

#content .agent-summary-fix2021-address-wrapper th {
  font-weight: bold;
  padding: 0.5rem;
}

#content .agent-summary-fix2021-address-wrapper td:nth-child(2) {
  border: 2px solid #e1e1e1;
}

#content .agent-order-summary .summary-paymentCalendar td.summary-price-total span {
  display: inline;
  width: inherit;
}

#content .creditSelectionContainer-EASY_FREE {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/WB-159-040-Shopping-cart---mobile---Easy-Free_940-package.png')
    no-repeat scroll 100% 0;
}

#content .creditSelectionContainer-EASY_TIME {
  background: url('/theme/stwbmain/images/stwb/packageSizeSelect/WB-159-040-Shopping-cart---mobile---Easy-Time_940-package.png')
    no-repeat scroll 100% 0;
}

#content .creditSelectionContainer .productContainer {
  display: block;
  padding: 70px 0;
  position: relative;
}

#content .creditSelectionContainer .productSize {
  position: absolute;
  top: 0;
  display: block;
  width: 290px;
  height: 358px;
}

#content .creditSelectionContainer .productContentContainer {
  display: table;
  width: 100%;
  height: 194px;
  margin-bottom: 70px;
  padding: 10px 30px;
}

#content .creditSelectionContainer .productContentContainer:before,
#content .creditSelectionContainer .productContentContainer:after {
  display: block;
  height: 140px;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
}

#content .creditSelectionContainer .productContentContainer:before {
  background: url('/theme/stwbmain/images/stwb/780px-top.png') no-repeat scroll 100% 0;
  top: 0;
}

#content .creditSelectionContainer .productContentContainer:after {
  background: url('/theme/stwbmain/images/stwb/780px-bottom.png') no-repeat scroll 100% 0;
  bottom: 3px;
}

#content .creditSelectionContainer .productContentContainer .productPackage-body {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 30px;
  padding-left: 320px;
}

#content .creditSelectionContainer .productContentContainer .nextButton-container {
  display: table-cell;
  vertical-align: middle;
  width: 130px;
  font-size: 27px;
  color: #fff;
}

#content .creditSelectionContainer .productContentContainer .nextButton-container .creditSelection-nextButton {
  padding: 40px 20px;
  margin-right: 30px;
  background-color: #e20074;
}

#content .creditSelectionContainer .productContentContainer .nextButton-container .creditSelection-nextButton i {
  position: absolute;
  right: 12px;
  top: 38%;
  color: #e20074;
}

@media (max-width: 800px) {
  #content .creditSelectionContainer {
    background: 0;
  }
  #content .creditSelectionContainer .productSize {
    width: 100%;
  }
  #content .creditSelectionContainer-EASY_FREE .productSize {
    background: url('/theme/stwbmain/images/stwb/productImages/easy-free-product.png') no-repeat scroll 50% 0;
  }
  #content .creditSelectionContainer-EASY_TIME .productSize {
    background: url('/theme/stwbmain/images/stwb/productImages/easy-time-product.png') no-repeat scroll 50% 0;
  }
  #content .creditSelectionContainer .productContainer {
    padding-top: 320px;
  }
  #content .creditSelectionContainer .productContentContainer {
    margin-top: 0;
  }
  #content .creditSelectionContainer .productContentContainer:before,
  #content .creditSelectionContainer .productContentContainer:after {
    background-position: 50% 0;
  }
  #content .creditSelectionContainer .productContentContainer:before {
    top: 246px;
  }
  #content .creditSelectionContainer .productContentContainer .productPackage-body {
    padding: 50px 30px !important;
  }
}

@media (max-width: 600px) {
  #content .creditSelectionContainer .productContentContainer {
    display: block;
    height: auto;
    padding: 0;
    padding-bottom: 40px;
  }
  #content .creditSelectionContainer .productContentContainer .productPackage-body {
    display: block;
    padding: 45px 30px 23px !important;
  }
  #content .creditSelectionContainer .productContentContainer .nextButton-container {
    display: block;
    width: 100%;
    text-align: center;
  }
}

#content .campaign-product {
  margin-top: 30px;
}

#content .campaign-product .col {
  width: 48.5%;
}

#content .campaign-product .col.col-left {
  float: left;
}

@media screen and (max-width: 960px) {
  #content .campaign-product .col.col-left {
    float: none;
  }
}

#content .campaign-product .col.col-right {
  float: right;
  margin-left: 3%;
}

@media screen and (max-width: 960px) {
  #content .campaign-product .col.col-right {
    float: none;
    margin-left: 0;
  }
}

@media screen and (max-width: 960px) {
  #content .campaign-product .col {
    width: auto;
  }
}

#content .campaign-product .list-square li {
  margin: 0;
}

@media screen and (max-width: 960px) {
  #content .campaign-product .list-square li {
    margin-left: 10px;
  }
}

@media screen and (max-width: 599px) {
  #content .campaign-product .list-square li {
    margin-left: 12px;
    font-size: 16px;
    line-height: 1.2;
  }
  #content .campaign-product .list-square li:before {
    top: 1px;
  }
}

@media screen and (max-width: 960px) {
  #content .campaign-product .list-square {
    margin-bottom: 45px;
  }
}

@media screen and (max-width: 599px) {
  #content .campaign-product .list-square {
    margin-bottom: 25px;
  }
}

#content .campaign-product .perex {
  font-size: 23px;
  line-height: 28px;
  margin-bottom: 40px;
}

@media screen and (max-width: 960px) {
  #content .campaign-product .perex {
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 599px) {
  #content .campaign-product .perex {
    font-size: 18px;
    line-height: 1.2;
  }
}

#content .campaign-product h1 {
  font-size: 48px;
  line-height: 52px;
  color: #e10073;
  margin: 0 0 40px;
}

@media screen and (max-width: 960px) {
  #content .campaign-product h1 br {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  #content .campaign-product h1 {
    margin-bottom: 14px;
  }
}

@media screen and (max-width: 599px) {
  #content .campaign-product h1 {
    font-size: 28px;
    line-height: 1.2;
  }
}

@media screen and (max-width: 960px) {
  #content .campaign-product {
    padding: 0 10px 0 25px;
  }
}

@media screen and (max-width: 599px) {
  #content .campaign-product {
    padding: 0;
  }
}

#content .campaign-product-image {
  display: block;
  margin-bottom: 110px;
}

#content .campaign-product-image img {
  display: block;
  width: 100%;
  max-width: 460px;
}

@media screen and (max-width: 960px) {
  #content .campaign-product-image {
    margin-bottom: 45px;
  }
}

@media screen and (max-width: 960px) {
  #content .campaign-product-image {
    margin-bottom: 28px;
  }
}

#content .campaign-options > div {
  padding-left: 47px;
  margin-bottom: 24px;
}

@media screen and (max-width: 599px) {
  #content .campaign-options > div {
    padding-left: 0;
  }
}

#content .campaign-options .checkable {
  margin: 0 0 0 -47px;
  color: #e20074;
  padding-right: 110px;
}

#content .campaign-options .checkable .price {
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  overflow: hidden;
  text-align: right;
  display: block;
}

@media screen and (max-width: 599px) {
  #content .campaign-options .checkable .price {
    width: auto;
    overflow: visible;
    position: static;
    top: auto;
    right: auto;
  }
}

@media screen and (max-width: 599px) {
  #content .campaign-options .checkable {
    padding-right: 0;
    margin-left: 0;
  }
}

#content .campaign-options .tbl {
  margin-top: 9px;
}

#content .campaign-options .tbl td,
#content .campaign-options .tbl th {
  width: 31%;
  text-align: center;
  font-size: 17px;
  line-height: 22px;
  color: #4b4b4b;
}

#content .campaign-options .tbl tr td:nth-child(2),
#content .campaign-options .tbl tr th:nth-child(2) {
  width: 38%;
}

#content .campaign-options .tbl tr td:first-child,
#content .campaign-options .tbl tr th:first-child {
  text-align: left;
}

#content .campaign-options .tbl th,
#content .campaign-options .tbl tbody td.selected {
  padding-top: 7px;
  padding-bottom: 7px;
}

#content .campaign-options .tbl tbody th,
#content .campaign-options .tbl tbody td.selected {
  color: #e20074;
}

@media screen and (max-width: 960px) {
  #content .campaign-options {
    max-width: 456px;
    margin-bottom: 28px;
  }
}

#content .campaign-form {
  margin: 20px 0 0;
}

#content .campaign-form h2 {
  margin-bottom: 15px;
}

@media screen and (max-width: 599px) {
  #content .campaign-form h2 {
    font-size: 28px;
    line-height: 1.2;
  }
}

#content .campaign-form .group {
  display: block;
  background: #ededed;
  padding: 13px 16px 13px 120px;
  margin-bottom: 30px;
  display: block;
  width: 564px;
  float: left;
  position: relative;
}

@media screen and (max-width: 960px) {
  #content .campaign-form .group {
    width: auto;
    float: none;
  }
}

@media screen and (max-width: 599px) {
  #content .campaign-form .group {
    margin-bottom: 49px;
  }
}

#content .campaign-form .error-message {
  text-align: right;
  position: absolute;
  right: 16px;
  bottom: -22px;
  background: white;
  width: 100%;
}

#content .campaign-form .button-line {
  display: block;
  float: right;
}

#content .campaign-form .button-line button {
  font-family:
    TeleGrotesk,
    ​ Helvetica,
    ​ Arial,
    ​ sans-serif;
  height: 70px;
  line-height: 70px;
  min-width: 220px;
}

#content .campaign-form .button-line button:after {
  content: none;
}

#content .campaign-form label {
  line-height: 44px;
  width: 100px;
  margin-left: -100px;
  display: block;
  float: left;
}

#content .campaign-form .form-controls {
  width: 100%;
}

#content .campaign-form .form-controls > div {
  width: 48.2%;
  float: left;
}

#content .campaign-form .form-controls > div + div {
  margin-left: 3.6%;
}

@media screen and (max-width: 599px) {
  #content .campaign-form .form-controls > div + div {
    margin: 13px 0 0;
  }
}

@media screen and (max-width: 599px) {
  #content .campaign-form .form-controls > div {
    width: auto;
    float: none;
  }
}

#content .campaign-form input[type='text'] {
  line-height: 36px;
  width: 100%;
  display: block;
}

#content .campaign-form input[type='text'] + input[type='text'] {
  margin-left: 21px;
}

@media screen and (max-width: 960px) {
  #content .campaign-form {
    padding: 0 10px 0 25px;
  }
}

@media screen and (max-width: 599px) {
  #content .campaign-form {
    padding: 0;
  }
}

@media screen and (min-width: 960px) {
  #content .hw-coupon-items .filter-sorting select {
    width: 200px;
  }
  #content .hw-coupon-items .filter .filter-sorting {
    width: 312px;
  }
  #content .hw-coupon-items .filter-sorting .heapBox {
    width: 213px;
  }
}

#content .thankyou .progress-bar {
  max-width: 100%;
  height: auto;
  width: auto;
}

#content .thankyou {
  width: 100%;
}

#content .portlet-body .journal-content-article .thankyou-delivery-head h1 {
  border-bottom: 0;
  padding-bottom: 0;
}

#content .portlet-body .journal-content-article .thankyou-delivery-head p {
  margin-top: -8px;
}

#content .portlet-body .thankyou-delivery {
  line-height: 100%;
}

#content .portlet-body .thankyou-delivery > div {
  position: relative;
  top: 0;
}

#content .portlet-body .thankyou-delivery .thankyouinfo li {
  float: left;
}

#content .portlet-body .thankyou-delivery .thankyouinfo li {
  list-style: none;
}

#content .portlet-body .thankyou-delivery .thankyouinfo li {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  width: 10em;
  height: 125px;
  text-align: center;
}

#content .portlet-body .thankyou-delivery .dispatched {
  background-color: #7d7d7d;
  color: white;
}

#content .portlet-body .thankyou-delivery .second {
  background-color: #eee;
  color: #777;
}

#content .portlet-body .thankyou-delivery .dispatched:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 10em;
  width: 0;
  height: 0;
  border: 3.5em solid transparent;
  border-left: 1em solid #7d7d7d;
}

#content .portlet-body .thankyou-delivery .second:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 20em;
  width: 0;
  height: 0;
  border: 3.5em solid transparent;
  border-left: 1em solid #eee;
}

#content .portlet-body .thankyou-delivery .approval:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 30em;
  width: 0;
  height: 0;
  border: 3.5em solid transparent;
  border-left: 1em solid white;
}

#content .portlet-body .thankyou-delivery .takeup {
  border-right: 1px solid #f0f0f0;
  color: #ea0171;
}

#content .portlet-body .thankyou-delivery .takeup:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 40em;
  width: 0;
  height: 0;
  border: 3.5em solid transparent;
  border-left: 1em solid #eee;
}

#content .portlet-body .thankyou-delivery .thankyouinfo li div {
  padding: 1.4em 2em 1.8em 2.5em;
  font-size: 0.9em;
  height: 10em;
  vertical-align: middle;
  display: table-cell;
  line-height: 100%;
}

#content .portlet-body .thankyou-delivery .thankyouinfo li img {
  padding-bottom: 0.5em;
}

#content #content .portlet-body .thankyou-delivery ul.thankyouinfo {
  margin: 0;
  margin-left: 0;
}

#content .portlet-body .thankyou-delivery li.dispatched > div {
  height: 5.5em;
  width: 7em;
}

#content .portlet-body .thankyou-delivery li.second > div {
  height: 5.5em;
}

#content .portlet-body .thankyou-delivery li.approval > div {
  height: 5.5em;
  width: 10em;
}

#content .portlet-body .thankyou-delivery li.takeup > div {
  height: 5.5em;
}

#content .portlet-body .thankyou-delivery .takeup div {
  padding-top: 1em;
}

#content .portlet-body .thankyou-delivery .approval {
  color: #ea0171;
}

@media (min-width: 600px) and (max-width: 940px) {
  #content .portlet-body .thankyou-delivery .thankyouinfo li {
    width: 15%;
    height: 125px;
    font-size: 0.8em;
  }
  #content .portlet-body .thankyou-delivery .dispatched:after {
    left: 15%;
    border: 62px solid transparent;
    border-left: 1em solid #7d7d7d;
  }
  #content .portlet-body .thankyou-delivery .second:after {
    left: 30%;
    border: 62px solid transparent;
    border-left: 1em solid #eee;
  }
  #content .portlet-body .thankyou-delivery .approval:after {
    left: 45%;
    border: 62px solid transparent;
    border-left: 1em solid white;
  }
  #content .portlet-body .thankyou-delivery .takeup:before {
    left: 60%;
    border: 62px solid transparent;
    border-left: 1em solid #eee;
  }
  #content .portlet-body .thankyou-delivery .thankyouinfo li div {
    padding: 1.2em 1em 1.2em 2em;
    height: 7.5em;
  }
}

@media (max-width: 805px) {
  #content .portlet-body .thankyou-delivery .thankyouinfo li.takeup div {
    padding-top: 0.4em;
  }
}

@media (max-width: 640px) {
  #content .portlet-body .thankyou-delivery .thankyouinfo li.takeup div {
    padding-left: 18%;
    padding-top: 1em;
  }
}

@media (max-width: 599px) {
  #content .portlet-body .thankyou-delivery .thankyouinfo li {
    width: 19%;
    height: 125px;
    font-size: 0.7em;
  }
  #content .portlet-body .thankyou-delivery .dispatched:after {
    left: 18%;
    border: 62px solid transparent;
    border-left: 1em solid #7d7d7d;
  }
  #content .portlet-body .thankyou-delivery .second:after {
    left: 38%;
    border: 62px solid transparent;
    border-left: 1em solid #eee;
  }
  #content .portlet-body .thankyou-delivery .approval:after {
    left: 56%;
    border: 62px solid transparent;
    border-left: 1em solid white;
  }
  #content .portlet-body .thankyou-delivery .takeup:before {
    left: 76%;
    border: 62px solid transparent;
    border-left: 1em solid #eee;
  }
  #content .portlet-body .thankyou-delivery .thankyouinfo li div {
    padding: 1em 1em 1.2em 2em;
    height: 8.5em;
    padding-left: 1.2em;
  }
  #content .portlet-body .thankyou-delivery .thankyouinfo li.takeup div {
    padding-left: 0.5em !important;
  }
  #content .portlet-body .thankyou-delivery .thankyouinfo li.takeup img {
    width: 61px;
  }
  #content .portlet-body .thankyou .progress-bar {
    display: none;
  }
}

#content .cfe-view h2 {
  line-height: 50px;
  font-size: 48px;
  margin-bottom: 10px;
}

#content .cfe-view h3 {
  font-size: 24px;
  color: #408f9a;
  margin-top: 0;
}

#content .cfe-view .section h3 span.fa {
  font-size: 18px;
  margin-right: 10px;
  line-height: 24px;
}

#content .cfe-view span.fa {
  font-weight: 400;
}

#content .cfe-view .checker {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  top: 7px;
}

#content .cfe-view .checker span {
  width: 20px;
  height: 20px;
  border: 1px solid #d0d0d0;
}

#content .cfe-view .checker span.checked:before {
  font-size: 18px;
  top: -6px;
}

#content .cfe-view .checker input[type='checkbox'] {
  width: 20px;
  height: 20px;
}

#content .cfe-view input[type='text'],
#content .cfe-view input[type='password'],
#content .cfe-view input[type='email'] {
  width: 218px;
  border: #d0d0d0 1px solid;
  line-height: 28px;
  font-size: 16px;
  color: #4b4b4b;
  padding: 0 10px;
}

#content .cfe-view input:disabled {
  color: #a3a3a3;
}

#content .cfe-view button.cfe {
  font-size: 20px;
  line-height: 46px;
  padding: 0 15px;
}

#content .cfe-view button.cfe span.fa {
  font-size: 18px;
  margin-right: 10px;
  color: #fff;
  font-weight: 400;
}

#content .cfe-view .heapBox {
  width: 100%;
  height: 30px;
  margin: 0;
  font-size: 16px;
  line-height: 30px;
  margin-left: 3px;
}

#content .cfe-view .heapBox .holder {
  line-height: 30px;
  min-height: 30px;
  padding: 0 10px;
}

#content .cfe-view .heapBox .handler,
#content .cfe-view .heapBox .heap,
#content .cfe-view .heapBox .holder {
  border-color: #d0d0d0;
}

#content .cfe-view .heapBox .handler::after {
  right: 10px;
  top: 32%;
}

#content .cfe-view .section {
  position: relative;
  box-sizing: border-box;
  padding: 14px 18px 10px;
  margin-bottom: 6px;
  background: #ededed;
}

#content .cfe-view .paging {
  margin: 20px 0;
}

#content .cfe-view .paging-setting {
  margin: 20px auto;
}

#content .cfe-view ul.simpleList li {
  background: #ededed;
  padding: 20px 30px;
  margin-bottom: 1px;
  line-height: 1.3;
}

#content .cfe-view ul.simpleList li .fa {
  color: #e32084;
}

@media (min-width: 320px) and (max-width: 599px) {
  #content .cfe-view h2 {
    line-height: 32px;
    font-size: 28px;
  }
  #content .cfe-view ul.simpleList li {
    padding: 10px 10px;
  }
  #content .cfe-view .heapBox {
    margin-left: 0;
  }
  #content .cfe-view .universalPagination .paging li {
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin: 0 15px;
  }
  #content .cfe-view .universalPagination .paging li a {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
  }
  #content .cfe-view .universalPagination .paging li.prev a,
  #content .cfe-view .universalPagination .paging li.next a {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
  }
  #content .cfe-view .paging-setting {
    display: none;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  #content .cfe-view ul.simpleList li {
    padding: 10px 20px;
  }
  #content .cfe-view h2 {
    line-height: 32px;
    font-size: 28px;
  }
  #content .cfe-view h3 {
    line-height: 22px;
    font-size: 19px;
  }
  #content .cfe-view .universalPagination .paging li {
    width: 28px;
    height: 28px;
    line-height: 28px;
  }
  #content .cfe-view .universalPagination .paging li a {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
  }
  #content .cfe-view .universalPagination .paging li.prev a,
  #content .cfe-view .universalPagination .paging li.next a {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
  }
  #content .cfe-view .universalPagination .paging-setting .heapBox {
    width: 80px;
  }
}

@media (min-width: 960px) {
  #content .cfe-view .universalPagination .paging li {
    width: 55px;
    height: 55px;
    line-height: 55px;
  }
  #content .cfe-view .universalPagination .paging li a {
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 20px;
  }
  #content .cfe-view .universalPagination .paging li.prev a,
  #content .cfe-view .universalPagination .paging li.next a {
    width: 53px;
    height: 53px;
    line-height: 53px;
    font-size: 26px;
  }
  #content .cfe-view .universalPagination .paging-setting .heapBox {
    width: 128px;
    height: 38px;
    margin: 0;
    font-size: 18px;
    line-height: 38px;
  }
  #content .cfe-view .universalPagination .paging-setting .heap {
    width: 127px;
  }
  #content .cfe-view .universalPagination .paging-setting .heapBox .holder {
    line-height: 38px;
    min-height: 38px;
    padding: 0 10px;
  }
  #content .cfe-view .universalPagination .paging-setting .heapBox .handler::after {
    right: 10px;
    top: 36%;
  }
}

#content .logreg-wrap {
  background: url(/theme/stwbmain/images/stwb/earth-devices.png) no-repeat;
}

#content .login-reg .section {
  box-sizing: border-box;
  padding: 14px 18px 10px;
  margin-bottom: 6px;
  background: #ededed;
}

#content .login-reg .section:after {
  content: '';
  display: block;
  clear: both;
}

#content .login-reg .section h2 {
  font-size: 28px;
}

#content .login-reg .section h3 {
  color: #408f9a;
  font-size: 20px;
  margin-top: 0;
}

#content .login-reg .section h3 span.fa {
  margin-right: 10px;
  padding-top: 4px;
  font-size: 16px;
}

#content .login-reg .section .row {
  margin-bottom: 10px;
  clear: both;
  display: block;
}

#content .login-reg .section .row p.link {
  font-size: 16px;
}

#content .login-reg .section .row label {
  padding-top: 7px;
  color: #4b4b4b;
  font-size: 18px;
  line-height: 1.1em;
}

#content .login-reg .section div.pwdPower {
  height: 20px;
  padding-bottom: 5px;
  color: #4b4b4b;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.1em;
  display: none;
}

#content #progessBar {
  height: 24px;
  padding-top: 7px;
  width: 8px;
  display: inline-block;
  background-image: url('/theme/stwbmain/images/stwb/registration/password-strength.png');
  background-position: 0 0;
  visibility: hidden;
  position: absolute;
  top: 5px;
  margin-left: 3px;
  right: 19px;
}

#content .login-reg .section .row.spread {
  line-height: 1.4em;
}

#content .login-reg .section .row.spread label,
#content .login-reg .section .row.spread .field {
  width: 100%;
  float: none;
  margin-bottom: 15px;
}

#content .login-reg .section.radios .row .field {
  width: auto;
}

#content .login-reg .section .row .field .checker {
  transform: scale(0.74);
  -ms-transform: scale(0.74);
}

#content .login-reg .section ul.bottom-links {
  list-style: none;
  margin: 10px 0;
}

#content .login-reg .section ul.bottom-links li {
  float: left;
}

#content .login-reg .section ul.bottom-links li.reg {
  text-align: right;
  float: right;
}

#content .login-reg .section.lines .row .field {
  max-height: 35px;
  overflow: hidden;
}

#content .login-reg .section.lines.social .row .field span.fa {
  font-size: 30px;
  color: #a3a3a3;
}

#content .login-reg .section.lines.social .row span .fa {
  font-size: 25px;
  color: #a3a3a3;
}

#content .login-reg .section.lines.social .row a span.fa-trash {
  color: #4b4b4b;
}

#content .login-reg p.storno {
  float: left;
}

#content .login-reg p.submit {
  float: right;
}

#content .login-reg.login {
  width: 292px;
}

#content button.login-blocked,
#content button.login-blocked:hover,
#content input[type='submit'].login-blocked,
#content input[type='submit'].login-blocked:hover {
  background: #a3a3a3;
  border: #a3a3a3;
  cursor: default;
}

#content .login-reg.registration.reset-password1 .section .row.spread input,
#content .login-reg.registration.reset-password1 .section .row.spread button,
#content .login-reg.login .section .row.spread input,
#content .login-reg.otp .section .row.spread input,
#content .login-reg.otp .section .row.spread button {
  width: 100%;
}

#content .login-reg.login .third-party p.desc,
#content .login-reg-login .third-party ul.icons {
  float: left;
}

#content .login-reg.login .third-party p.desc {
  font-size: 16px;
  padding-top: 13px;
  width: 127px;
  float: left;
}

#content .login-reg.login .third-party ul {
  margin: 10px 0;
  width: 152px;
  float: right;
  text-align: right;
}

#content .login-reg.login .third-party ul.social-icons li a {
  padding: 13px;
  margin-left: 8px;
}

#content .login-reg.otp {
  width: 300px;
}

#content .login-reg.otp .section .row {
  line-height: 1.4em;
}

#content .login-reg.otp .section .row.submit {
  padding-top: 10px;
}

#content .cfe-box-alert .col .middle .fa {
  font-size: 42px;
  font-weight: 400;
  color: #007faf;
}

#content a.cfe-link,
#content a.cfe-link:focus {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  text-decoration: none;
  transition: color 300ms ease-in-out;
  color: #007faf;
}

#content a.cfe-link:hover,
#content a.cfe-link:active,
#content a.cfe-link:focus,
#content a.cfe-link:focus:hover,
#content a.cfe-link:focus:active {
  color: #e20074;
  text-decoration: none;
}

#content a.cfe-arrow-right:after {
  font-family: FontAwesome;
  content: '\f054';
  font-size: 10px;
  line-height: 24px;
  position: relative;
  left: 8px;
  bottom: 2px;
  margin-right: 8px;
}

#content .modalBlack .tcom-login-header {
  display: none;
}

#content .modalBlack .tcom-login-description {
  display: none;
}

#content .tcom-login-header {
  clear: both;
}

#content .tcom-login-header h3 {
  font-weight: 400;
  line-height: 48px;
  font-size: 36px;
  vertical-align: middle;
  color: #e20074;
  margin-bottom: 10px;
}

#content .tcom-login-header h3 strong {
  font-weight: 600;
}

#content .tcom-login-header span.icon {
  font-family: 'Tele-Icon';
  font-size: 36px;
  background: #e20074;
  color: #fff;
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  margin-right: 15px;
}

#content .tcom-login-description {
  max-width: 60%;
  float: left;
}

#content .tcom-login-description p {
  margin: 0;
  padding: 0;
  color: #5c5c5c;
}

#content .conditions .field {
  max-width: 40px;
}

#content .login-reg .section .row .label-for-conditions {
  width: 332px;
}

#content .fancybox-wrap .login-reg {
  width: 305px;
  margin-right: 0;
  margin-left: 0;
  float: none;
  overflow-x: hidden;
}

#content .fancybox-wrap .login-reg.login .field {
  max-width: 100%;
}

#content .fancybox-wrap .login-reg .section {
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

#content .login-reg .modalTitle {
  display: none;
}

#content .modalBlack .login-reg .normalTitle {
  display: none;
}

#content .modalBlack .login-reg .modalTitle {
  display: block;
}

#content .modalBlack h3 {
  color: #e20074;
  line-height: 110%;
  font-size: 30px;
  margin: 10px 0;
}

#content .modalBlack .login-reg.login .third-party p.desc {
  padding-top: 22px;
}

#content .login-reg.login .row {
  margin: auto;
}

#content .login-reg.login.captcha {
  width: 335px;
}

#content .login-reg.login.captcha #recaptcha_widget_div {
  margin-left: -10px;
}

#content .recaptchatable .recaptcha_r1_c1,
#content .recaptchatable .recaptcha_r2_c1,
#content .recaptchatable .recaptcha_r2_c2,
#content .recaptchatable .recaptcha_r3_c1,
#content .recaptchatable .recaptcha_r3_c3,
#content .recaptchatable .recaptcha_r4_c2,
#content .recaptchatable .recaptcha_r4_c4,
#content .recaptchatable .recaptcha_r7_c1,
#content .recaptchatable .recaptcha_r8_c1 {
  background-image: url(/theme/stwbmain/images/stwb/captchaSprite.png) !important;
}

#content .cfe-box-alert {
  display: block;
  background: #ededed;
  padding: 4%;
  margin: 10px 40px 10px 0;
}

#content .cfe-box-alert .col {
  display: inline-block;
  line-height: 80px;
  height: 80px;
}

#content .cfe-box-alert .col-left {
  width: 13%;
  float: left;
}

#content .cfe-box-alert .col-right {
  max-width: 83%;
}

#content .cfe-box-alert .col .middle {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: normal;
  font-weight: 600;
  color: #4b4b4b;
}

#content #acceptTermsField {
  float: left;
}

#content #email:disabled {
  cursor: not-allowed;
}

#content #content .login-reg .toggle-arrow-wrapper {
  width: 112%;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

#content #content .login-reg .arrow-content {
  display: none;
}

#content #content .login-reg .arrow-content a {
  margin: 10px 0;
  display: block;
}

#content #content .login-reg a.toggle-arrow {
  text-decoration: none;
}

#content #content .login-reg .arrow-right {
  content: '';
  display: inline-block;
  margin-right: 5px;
  width: 0;
  height: 0;
  margin-left: 10px;
  vertical-align: baseline;
  border-style: solid;
  border-width: 4.5px 0 4.5px 6px;
  border-color: transparent transparent transparent #007faf;
  transition: all 0.3s;
}

#content #content .login-reg .arrow-rotate {
  transform: rotate(90deg);
}

@media (min-width: 600px) {
  #content .logreg-wrap {
    background-position: right center;
    min-height: 420px;
  }
  #content .login-reg .section .row label {
    width: 122px;
    float: left;
  }
  #content .registration .section .row label.label-for-select {
    margin-top: 5px;
  }
  #content .login-reg .section .row .field {
    width: 250px;
    float: left;
    position: relative;
  }
  #content .login-reg .section .row .field input.txt,
  #content .login-reg .section .row .field .heapBox {
    width: 220px;
  }
  #content .login-reg .section .row .info {
    float: left;
  }
  #content .login-reg .section.lines .row label {
    width: 332px;
  }
  #content .login-reg .section.lines.social .row label {
    width: 300px;
  }
  #content .login-reg .section.lines .row .field {
    width: 40px;
  }
}

@media (max-width: 960px) {
  #content .logreg-wrap {
    max-width: 500px;
    margin: auto;
  }
  #content .login-reg {
    float: none;
    clear: both;
    margin-top: 10px;
  }
  #content .cfe-box-alert {
    margin-right: 0;
  }
  #content .tcom-login-description {
    max-width: 100%;
  }
  #content .login-reg.login {
    width: auto;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  #content .logreg-wrap {
    background-position: left center;
  }
  #content .login-reg {
    float: right;
    margin-right: 40px;
    max-width: 410px;
  }
}

@media (max-width: 600px) {
  #content .logreg-wrap {
    background-image: none;
    padding: 0;
  }
  #content .login-reg .section h3 {
    font-size: 18px;
  }
}

@media (min-width: 320px) and (max-width: 600px) {
  #content .login-reg .section .row {
    line-height: 1.5em;
    margin-bottom: 10px;
  }
  #content .login-reg .section.checkboxes .row label {
    padding: 3px 0 7px;
  }
  #content .login-reg .section.lines .row {
    clear: both;
  }
  #content .login-reg .section.lines .row label {
    width: 180px;
    display: inline-block;
  }
  #content .login-reg .section.lines .row .field {
    width: 40px;
    float: left;
  }
  #content .login-reg.registration .section {
    padding-bottom: 20px;
  }
  #content .login-reg.registration .section .row .field {
    position: relative;
  }
  #content #progessBar {
    right: 22px;
  }
  #content .registration .section div.pwdPower {
    padding-top: 5px;
  }
  #content .login-reg .section .row .field input.txt,
  #content .login-reg .section .row .field .heapBox {
    width: 220px;
  }
}

@media (max-width: 319px) {
  #content #progessBar {
    right: -8px;
  }
  #content .login-reg .section .row .field {
    position: relative;
  }
  #content .login-reg .section div.pwdPower {
    padding-top: 5px;
  }
}

@media (min-width: 768px) {
  #content .cfe-box-alert .col .middle {
    font-size: 20px;
    line-height: normal;
  }
}

#content .conditions .field {
  max-width: 40px;
}

#content .login-reg .section .row .label-for-conditions {
  width: 332px;
}

#content .btn .disabled {
  background-color: #dcdcdc;
  border-color: #d0d0d0;
  color: #d0d0d0;
  cursor: default;
}

#content .customer-profile {
  float: none;
  max-width: none;
}

#content .customer-profile .viewSection .row {
  line-height: 26px;
}

#content .customer-profile .editSection .row {
  line-height: 42px;
}

#content .customer-profile .viewSection .row label {
  color: #a3a3a3;
}

#content .customer-profile .editSection .row span {
  color: #4b4b4b;
}

#content .customer-profile .editSection .row label {
  color: #4b4b4b;
}

#content .customer-profile .section .row span {
  font-size: 16px;
  font-weight: 600;
}

#content .customer-profile .section .row .field {
  position: relative;
  display: inline-block;
}

#content .customer-profile .section a.editLink {
  position: absolute;
}

#content .customer-profile .section .big-icons {
  position: absolute;
  bottom: -25px;
  right: 10px;
  display: none;
}

#content .customer-profile .section .big-icons span.fa {
  display: block;
  font-size: 150px;
  color: #c1d4d8;
  float: left;
  margin-right: 15px;
}

#content .customer-profile .section .big-icons span.fa.fa-pencil {
  margin-top: -55px;
}

#content .customer-profile .section .row {
  display: block;
}

#content .customer-profile .section .row label {
  min-width: 170px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}

#content .customer-profile .section .row .tooltip {
  padding-left: 5px;
  font-size: 20px;
  color: #a4a4a4;
}

#content .customer-profile .section .btns {
  line-height: 45px;
  margin-top: 15px;
}

#content .customer-profile .section .btns button {
  margin-right: 30px;
}

#content .customer-profile .section .btns button span {
  color: #fff;
  font-weight: 400;
}

#content .customer-profile .checkboxes .row {
  line-height: 36px;
}

#content .customer-profile .select {
  width: 218px;
  height: 30px;
  display: inline-block;
  margin-top: 4px;
}

#content .customer-profile .select .heap {
  width: 217px;
}

#content .customer-profile .left {
  float: left;
}

#content .customer-profile .row .fa-lock {
  position: relative;
}

#content .customer-profile .row .fa-lock:before {
  color: #a3a3a3;
  position: absolute;
  top: 7px;
  right: 10px;
}

#content .customer-profile #progessBar {
  top: 7px;
  right: -14px;
}

@media (min-width: 320px) and (max-width: 599px) {
  #content .customer-profile h2 {
    line-height: 32px;
    font-size: 28px;
  }
  #content .customer-profile .section label + span {
    display: block;
    margin-top: -7px;
  }
  #content .customer-profile .section a.editLink {
    top: 15px;
  }
  #content .customer-profile .section span {
    font-weight: 400;
  }
  #content .customer-profile .section a.editLink {
    top: 15px;
    right: 10px;
  }
  #content .customer-profile .section .checker + label {
    max-width: 215px;
    line-height: 20px;
    text-align: left;
  }
  #content .customer-profile .section .row .tooltip {
    display: none;
  }
  #content .customer-profile .section .row {
    margin-bottom: 5px;
  }
  #content .customer-profile .editSection .row {
    line-height: 20px;
  }
  #content .customer-profile .editSection.checkboxes .row {
    margin-bottom: 10px;
  }
  #content .customer-profile .section .btns button {
    margin-right: 42px;
  }
  #content .customer-profile .checkboxes {
    line-height: 20px;
  }
  #content .customer-profile .checkboxes .checker {
    top: 0;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  #content .customer-profile .section .row label,
  #content .customer-profile .section .row span {
    font-size: 15px;
  }
  #content .customer-profile .section .row .tooltip {
    display: none;
  }
  #content .customer-profile .section .row label {
    min-width: 140px;
  }
  #content .customer-profile .section {
    padding: 20px;
  }
  #content .customer-profile .section a.editLink {
    top: 20px;
    right: 10px;
  }
  #content .customer-profile .editSection .row {
    line-height: 36px;
  }
  #content .customer-profile .section .btns button {
    margin-right: 50px;
  }
}

@media (min-width: 960px) {
  #content .customer-profile .section .big-icons {
    display: block;
  }
  #content .customer-profile .section {
    padding: 30px;
  }
  #content .customer-profile .section a.editLink {
    top: 30px;
    right: 25px;
  }
}

#content .requests h4 {
  font-size: 16px;
  color: #408f9a;
}

#content .requests .search {
  height: 38px;
  line-height: 38px;
  border: 1px solid #d0d0d0;
  padding-right: 40px;
}

#content .requests .search > input[type='text'] {
  border: 0;
  font-size: 16px;
  display: block;
  width: 100%;
  float: left;
  padding-top: 5px;
  padding-bottom: 5px;
}

#content .requests .search > .search-button {
  background: 0;
  color: #a9a9a9;
  font-weight: normal;
  font-size: 18px;
  border: none !important;
  height: 38px;
  line-height: inherit;
  float: right;
  margin-right: -40px;
}

#content .requests .search > .search-button .fa {
  vertical-align: middle;
  margin-top: -3px;
}

#content .requests .filters {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d0d0d0;
}

#content .requests .filters label {
  font-size: 16px !important;
}

#content .requests .filters select#dateOfCreation {
  display: block;
}

#content .requests .filters .row {
  display: block;
}

#content .requests .filters .row + .row {
  padding-top: 20px;
}

#content .requests .filters .col {
  width: 49.5%;
  display: inline-block;
  vertical-align: top;
}

#content .requests .filters .col.label {
  width: 39%;
}

#content .requests .filters .col.select {
  width: 59%;
  min-width: 150px;
  height: 0;
  line-height: 62px;
}

#content .requests .filters .col.toggle {
  float: right;
  display: none;
}

#content .requests .filters .col.toggle button {
  margin-left: 10px;
}

#content .requests .filters .hideable {
  display: none;
}

#content .requests .action-buttons {
  margin: 10px 0;
}

#content .requests .action-buttons button {
  line-height: 40px;
  height: 40px;
  padding: 0 7px;
}

#content .requests .action-buttons button + button,
#content .requests .action-buttons button + .dropdown {
  margin-left: 8px;
}

#content .requests .action-buttons .button-light-gray {
  border-color: #ededed !important;
  background: #ededed !important;
  color: #4b4b4b;
}

#content .requests .button-green {
  border-color: #408f9a !important;
  background: #408f9a !important;
  color: #fff;
}

#content .requests .checker {
  margin-right: 5px;
}

#content .requests .checker span,
#content .requests div.checker input[type='checkbox'] {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  border-width: 1px;
}

#content .requests .checker span.checked:before {
  font-size: 20px;
  top: -9px;
  left: 0;
}

#content .requests .results,
#content .requests .request-detail {
  display: table;
  width: 100%;
  font-size: 14px;
  margin-bottom: 20px;
}

#content .requests .request-detail p {
  font-size: inherit;
  line-height: inherit;
}

#content .requests .results-item,
#content .requests .request-detail-row {
  background: #ededed;
  display: table-row;
  border-bottom: 1px solid #fff;
}

#content .requests div.info,
#content .requests div.status,
#content .requests a.link {
  padding: 10px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#content .requests div.info {
  text-align: left;
}

#content .requests .info-label {
  font-size: 16px;
  color: #408f9a;
}

#content .requests .info-category {
  color: #a3a3a3;
}

#content .requests div.status {
  background: #f0d9e5;
  color: #e20074;
  text-transform: uppercase;
  width: 70px;
  font-size: 16px;
}

#content .requests a.link {
  width: 15px;
  color: #e20074;
  font-size: 24px;
}

#content .requests .button-apply {
  line-height: 20px;
  font-size: inherit !important;
}

#content .requests table.info-table {
  font-size: inherit;
}

#content .requests table.info-table th {
  color: #a3a3a3;
}

#content .requests .calendar-input {
  display: inline-table;
  line-height: 36px;
  margin-right: 2px;
  width: 140px;
  background: #ededed;
  border: 1px solid #d0d0d0;
  vertical-align: middle;
}

#content .requests .calendar-input span,
#content .requests .calendar-input input {
  display: table-cell;
  border: 0;
  height: 36px;
  line-height: 36px;
  vertical-align: bottom;
  box-sizing: border-box;
  outline: 0;
  padding: 0;
  font-size: 16px;
  max-width: 75px;
  background: 0;
}

#content .requests .calendar-input .input-pre,
#content .requests .calendar-input .input-post {
  padding: 0 5px;
  color: #e00072;
}

#content .requests .calendar-input .input-pre {
  color: #b7b7b7;
}

#content .requests button.filter-date-button {
  line-height: 38px;
  height: 38px;
  background: #408f9a;
  border: 1px solid #408f9a !important;
  vertical-align: middle;
  font-size: 16px;
}

#content .requests .calendar {
  width: 288px;
  margin-top: 5px;
}

#content .requests .ui-datepicker-calendar {
  width: 100%;
  font-weight: 600;
}

#content .requests .ui-datepicker-calendar,
#content .requests .ui-datepicker-calendar td,
#content .requests .ui-datepicker-calendar th {
  border: 1px solid #e6e6e6;
  text-align: center;
}

#content .requests .ui-datepicker-calendar th,
#content .requests .ui-datepicker-calendar td {
  line-height: 40px;
  padding: 0;
  width: 40px;
  font-size: 14px;
  color: #4a4a4a;
}

#content .requests .ui-datepicker-calendar th {
  background-color: #a3a3a3;
  color: #fff;
  text-transform: uppercase;
}

#content .requests .ui-datepicker-calendar td {
  cursor: pointer;
}

#content .requests td.ui-datepicker-unselectable {
  cursor: not-allowed;
  color: #d0d0d0;
}

#content .requests .ui-datepicker-calendar a {
  text-decoration: none;
  color: inherit;
}

#content .requests .ui-datepicker-today a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background: #cfe2e6;
}

#content .requests .ui-datepicker-current-day {
  background: #e10174;
}

#content .requests .ui-datepicker-current-day a {
  background: 0;
  color: #fff;
}

#content .requests .ui-datepicker-header {
  background: #4b4b4b;
  color: #fff;
  font-weight: 600;
  text-align: center;
  position: relative;
  line-height: 44px;
}

#content .requests .ui-datepicker-title {
  text-transform: uppercase;
  display: inline-block;
}

#content .requests .ui-datepicker-prev,
#content .requests .ui-datepicker-next {
  display: block;
  width: 12px;
  height: 19px;
  font-size: 0;
  color: transparent;
  position: absolute;
  z-index: 10;
  left: 10px;
  top: 13px;
  background: url(/theme/stwbmain/images/datepicker/previous.png) left top no-repeat;
}

#content .requests .ui-datepicker-next {
  background: url(/theme/stwbmain/images/datepicker/next.png) left top no-repeat;
  left: auto;
  right: 10px;
}

#content .requests td.ui-datepicker-other-month {
  color: #d0d0d0;
}

@media (min-width: 320px) and (max-width: 599px) {
  #content .requests .dropdown {
    max-width: 157px;
  }
  #content .requests .action-buttons button {
    float: right;
  }
  #content .requests .action-buttons button + button,
  #content .requests .action-buttons button + .dropdown {
    margin-left: 0;
    margin-right: 8px;
  }
  #content .requests table.info-table {
    display: block;
  }
  #content .requests table.info-table th,
  #content .requests table.info-table td {
    display: block;
    padding: 0;
  }
}

@media (min-width: 600px) {
  #content .requests .search {
    width: 220px;
    float: left;
  }
  #content .requests .action-buttons {
    float: right;
    margin-top: 0;
  }
  #content .requests .filters {
    border: 1px solid #d0d0d0;
    padding: 20px;
  }
  #content .requests .filters .col {
    width: 32.5%;
  }
  #content .requests .results-item div.info,
  #content .requests .results-item div.status,
  #content .requests .results-item a.link {
    padding: 20px 10px;
  }
  #content .requests .results-item div.status {
    width: 95px;
  }
  #content .requests .results-item a.link {
    width: 80px;
  }
  #content .requests .filters .col.label {
    width: auto;
  }
  #content .requests .filters .col.select {
    width: auto;
  }
  #content .requests .filters .col.toggle {
    display: inline-block;
    width: auto;
  }
}

@media (min-width: 960px) {
  #content .requests .search {
    width: 460px;
  }
}

#content .technic-reservation h4 {
  display: none;
}

#content .technic-reservation .schedule-wrapper {
  display: block;
  position: relative;
}

#content .technic-reservation .schedule-scroller-wrapper {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 45px;
  right: 0;
}

#content .technic-reservation .schedule-scroller {
  overflow: hidden;
  display: block;
  position: relative;
  padding-right: 55px;
}

#content .technic-reservation .schedule-scroll-arrow {
  position: absolute;
  background: url(/theme/stwbmain/images/style/arrows-carousel-detail.png) 0 0 no-repeat;
  width: 22px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  cursor: pointer;
  display: none;
}

#content .technic-reservation .schedule-scroll-arrow.left {
  left: 0;
}

#content .technic-reservation .schedule-scroll-arrow.left:hover {
  background-position: -22px 0;
}

#content .technic-reservation .schedule-scroll-arrow.right {
  right: 0;
  background-position: -66px 0;
}

#content .technic-reservation .schedule-scroll-arrow.right:hover {
  background-position: -44px 0;
}

#content .technic-reservation .schedule-days {
  width: 45px;
  list-style-type: none;
  margin: 25px 0 0 0;
  float: left;
  border-top: 1px solid #408f9a;
}

#content .technic-reservation .schedule-weekday {
  background: #408f9a;
  width: 45px;
  height: 26px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 7px;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
}

#content .technic-reservation .schedule-day-name {
  display: none;
}

#content .technic-reservation .schedule {
  margin: 0;
  float: left;
}

#content .technic-reservation .schedule .label {
  display: none;
}

#content .technic-reservation .schedule td.schedule-cell {
  border-left: 1px dashed #83b6bd;
  border-bottom: 1px solid #83b6bd;
  background: #c5dde1;
  padding: 0;
  min-width: 35px;
  width: 35px;
  height: 25px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #408f9a;
}

#content .technic-reservation .schedule td.schedule-cell:first-child {
  min-width: 18px;
  width: 18px;
  border-left: none;
}

#content .technic-reservation .schedule td.schedule-cell.last-cell {
  width: 25px;
  min-width: 25px;
}

#content .technic-reservation .schedule td.schedule-cell.free {
  background: #fff;
  cursor: pointer;
}

#content .technic-reservation .schedule td.schedule-cell.active {
  background: #e20074;
  color: #fff;
}

#content .technic-reservation .schedule td.next-week-wrapper {
  background: 0;
  text-align: center;
  vertical-align: middle;
}

#content .technic-reservation .schedule td.schedule-cell .dash {
  display: none;
}

#content .technic-reservation .schedule td[colspan='2'].schedule-cell .dash {
  display: inline;
}

#content .technic-reservation .schedule-heading-wrapper {
  padding: 0;
  background: #408f9a;
}

#content .technic-reservation .schedule-heading {
  font-size: 12px;
  color: #fff;
  margin-bottom: 0;
  margin-left: 9px;
  height: 25px;
  vertical-align: middle;
}

#content .technic-reservation .schedule-heading-cell {
  width: 36px;
  padding: 0;
  text-align: right;
}

#content .technic-reservation .schedule-heading-cell:first-child {
  width: 17px;
}

#content .technic-reservation .chosen-time {
  max-width: 816px;
  background: #ededed;
  padding: 20px 10px;
  margin-top: 20px;
  box-sizing: border-box;
  max-width: 520px;
}

#content .technic-reservation .chosen-time table {
  margin: 0;
}

#content .technic-reservation .chosen-time td,
#content .technic-reservation .chosen-time th {
  font-size: 16px;
  display: block;
  text-align: left;
  padding: 2px 10px;
}

#content .technic-reservation .chosen-time td {
  padding-bottom: 10px;
}

#content .technic-reservation .chosen-time button {
  margin-left: 10px;
}

#content .technic-reservation .chosen-time-when {
  font-weight: bold;
  color: #e20074;
}

#content .technic-reservation .previous-week,
#content .technic-reservation .next-week {
  color: #e20074;
  font-size: 32px;
  text-decoration: none;
}

#content .technic-reservation .previous-week {
  left: 0;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

#content .technic-reservation .previous-week ~ .schedule-scroller-wrapper {
  left: 80px;
}

#content .technic-reservation .previous-week ~ .schedule-days {
  margin-left: 35px;
}

#content .has-prev-week ~ .chosen-time {
  margin-left: 35px;
}

@media (min-width: 320px) and (max-width: 599px) {
  #content .technic-reservation .chosen-time input[type='text'] {
    width: 164px;
    font-size: 16px;
  }
}

@media (min-width: 320px) and (max-width: 860px) {
  #content .technic-reservation .chosen-time input[type='text'] {
    width: 164px;
    font-size: 16px;
  }
  #content .technic-reservation .chosen-time button {
    font-size: 16px;
    width: 115px;
    height: 30px;
    line-height: 30px;
  }
  #content .content-wrapper {
    max-width: 555px;
    margin: 0 auto;
  }
}

@media (min-width: 600px) {
  #content .technic-reservation h4 {
    display: block;
    color: #4b4b4b;
  }
  #content .technic-reservation .chosen-time td,
  #content .technic-reservation .chosen-time th {
    display: table-cell;
    padding-bottom: 3px;
  }
  #content .technic-reservation .chosen-time table {
    float: left;
  }
  #content .technic-reservation .chosen-time button {
    float: right;
    float: right;
    margin-top: 28px;
    margin-right: 10px;
    margin-left: -50px;
  }
}

@media (min-width: 750px) {
  #content .technic-reservation .schedule .label {
    display: block;
    font-weight: normal;
  }
  #content .technic-reservation .schedule td.schedule-cell {
    border-left: 1px dashed #83b6bd;
    border-bottom: 1px solid #83b6bd;
    padding: 0;
    min-width: 65px;
    width: 65px;
    height: 49px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #408f9a;
  }
  #content .technic-reservation .schedule td[colspan='2'].schedule-cell {
    font-size: 16px;
  }
  #content .technic-reservation .schedule td.schedule-cell .dash {
    display: inline;
  }
  #content .technic-reservation .schedule-heading {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
    margin-left: 9px;
    height: 30px;
    vertical-align: middle;
  }
  #content .technic-reservation .schedule-heading-cell {
    width: 66px;
    padding: 0;
    text-align: right;
  }
  #content .technic-reservation .schedule-day-name {
    font-weight: normal;
    font-size: 14px;
    display: block;
  }
  #content .technic-reservation .schedule-days {
    margin-top: 30px;
    border-top: 0;
  }
  #content .technic-reservation .schedule-weekday {
    padding-top: 10px;
    height: 50px;
    font-size: 16px;
  }
  #content .technic-reservation .chosen-time {
    max-width: 815px;
  }
  #content .technic-reservation .chosen-time td,
  #content .technic-reservation .chosen-time th {
    font-size: 16px;
    display: initial;
  }
  #content .technic-reservation .chosen-time button {
    height: 60px;
    width: 200px;
    margin-top: 0;
  }
  #content .technic-reservation .previous-week,
  #content .technic-reservation .next-week {
    font-size: 62px;
  }
  #content .technic-reservation .previous-week {
    margin-left: -35px;
    margin-top: -22px;
  }
  #content .content-wrapper {
    max-width: 760px;
    margin: 0 auto;
  }
}

@media (min-width: 960px) {
  #content .technic-reservation .ps-scrollbar-x-rail {
    display: none !important;
  }
}

@media (min-width: 1060px) {
  #content .technic-reservation .previous-week {
    margin-left: -55px;
  }
  #content .technic-reservation .previous-week ~ .schedule-days {
    margin-left: 0;
  }
  #content .technic-reservation .previous-week ~ .schedule-scroller-wrapper {
    left: 45px;
  }
  #content .has-prev-week ~ .chosen-time {
    margin-left: 0;
  }
  #content .content-wrapper {
    max-width: none;
    margin: 0 auto;
  }
}

#content .profile {
  float: none;
  max-width: none;
}

#content .profile .section {
  display: inline-block;
  min-height: 300px;
  float: left;
  margin: 0 20px 20px 0;
}

#content .profile .section .row {
  display: block;
  line-height: 20px;
  margin: 10px 0;
}

#content .profile .section .row label {
  display: block;
  font-size: 16px;
  color: #a3a3a3;
}

#content .profile .section .row span {
  display: block;
  font-size: 16px;
  color: #4b4b4b;
}

#content .profile .section .row .fa-file-o {
  display: inline-block;
  color: #e32084;
  margin-right: 10px;
  vertical-align: top;
}

#content .profile .section .row .fa-file-o + a {
  display: inline-block;
  width: 80%;
}

#content .profile .section a.link-detail {
  display: block;
  position: absolute;
  top: 15px;
  right: 20px;
}

#content .profile .socials {
  display: inline-block;
  text-align: right;
  height: 300px;
  margin-top: 243px;
}

#content .profile .socials a,
#content .profile .socials a:hover,
#content .profile .socials a:focus {
  display: inline-block;
  text-decoration: none;
}

#content .profile .socials .fa {
  display: block;
  width: 57px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  color: #fff;
  font-size: 36px;
  margin-right: 5px;
}

#content .profile .socials .fa-facebook {
  background: #3b5893;
}

#content .profile .socials .fa-google-plus {
  background: #dd4b39;
}

@media (min-width: 320px) and (max-width: 599px) {
  #content .profile .section,
  #content .profile .socials {
    width: 100%;
  }
  #content .profile .socials {
    height: auto;
    text-align: left;
    margin: 0;
  }
  #content .profile .section {
    margin-right: 0;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  #content .profile .section,
  #content .profile .socials {
    width: 48.2%;
  }
  #content .profile .section .row label,
  #content .profile .section .row span {
    font-size: 15px;
  }
  #content .profile .section:nth-child(3),
  #content .profile .section:nth-child(5) {
    margin-right: 0;
  }
}

@media (min-width: 960px) {
  #content .profile .section,
  #content .profile .socials {
    width: 31.9%;
  }
  #content .profile .section:nth-child(4) {
    margin-right: 0;
  }
}

#content .cfe-view.contractContent ul.simpleList li .fa {
  margin-right: 10px;
}

#content .cfe-view.userActivityContent ul li {
  position: relative;
}

#content .cfe-view.userActivityContent ul li div.description {
  margin-right: 200px;
  margin-bottom: 3px;
}

#content .cfe-view.userActivityContent ul li div.time {
  position: absolute;
  top: 20px;
  right: 0;
  width: 200px;
  margin-right: 30px;
  text-align: right;
  color: #a4a4a4;
}

@media (min-width: 600px) and (max-width: 959px) {
  #content .cfe-view.userActivityContent ul li div.time {
    margin-right: 15px;
    top: 10px;
  }
}

@media (max-width: 599px) {
  #content .cfe-view.userActivityContent ul li div.description {
    margin-right: 0;
  }
  #content .cfe-view.userActivityContent ul li div.time {
    position: relative;
    top: auto;
    text-align: left;
  }
}

#content .user-addresses {
  float: none;
  max-width: none;
}

#content .user-addresses .viewSection .row {
  line-height: 26px;
}

#content .user-addresses .editSection .row {
  line-height: 42px;
}

#content .user-addresses .viewSection .row label {
  color: #a3a3a3;
}

#content .user-addresses .editSection .row span {
  color: #4b4b4b;
}

#content .user-addresses .editSection .row label {
  color: #4b4b4b;
}

#content .user-addresses .section .row label + span {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  width: 40%;
}

#content .user-addresses .section a.editLink,
#content .user-addresses .section a.editLink:hover {
  display: inline-block;
  color: #e20074;
  text-decoration: none;
  vertical-align: top;
}

#content .user-addresses .section .row {
  display: block;
}

#content .user-addresses .section .row .field {
  display: inline-block;
}

#content .user-addresses .section .row label {
  min-width: 170px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}

#content .user-addresses .section .btns {
  line-height: 45px;
  margin-top: 15px;
}

#content .user-addresses .section .btns button {
  margin-right: 30px;
}

#content .user-addresses .section .btns button span {
  color: #fff;
  min-width: initial;
  font-weight: 400;
}

#content .user-addresses .checkboxes .row {
  line-height: 36px;
}

#content .user-addresses .select {
  width: 218px;
  height: 30px;
  display: inline-block;
  margin-top: 4px;
}

#content .user-addresses .select .heap {
  width: 218px;
}

#content .user-addresses .left {
  float: left;
}

@media (min-width: 320px) and (max-width: 599px) {
  #content .user-addresses h2 {
    line-height: 32px;
    font-size: 28px;
  }
  #content .user-addresses .section label + span {
    display: block;
    margin-top: -7px;
  }
  #content .user-addresses .section span {
    font-weight: 400;
  }
  #content .user-addresses .section .checker + label {
    max-width: 215px;
    line-height: 20px;
    text-align: left;
  }
  #content .user-addresses .section .row {
    margin-bottom: 5px;
  }
  #content .user-addresses .editSection .row {
    line-height: 20px;
  }
  #content .user-addresses .editSection.checkboxes .row {
    margin-bottom: 10px;
  }
  #content .user-addresses .section .btns button {
    margin-right: 42px;
  }
  #content .user-addresses .checkboxes {
    line-height: 20px;
  }
  #content .user-addresses .checkboxes .checker {
    top: 0;
  }
  #content .user-addresses .section a.editLink {
    position: absolute;
    top: 20px;
    right: 20px;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  #content .user-addresses .section .row label,
  #content .user-addresses .section .row span {
    font-size: 15px;
  }
  #content .user-addresses .section .row label {
    min-width: 140px;
  }
  #content .user-addresses .section {
    padding: 20px;
  }
  #content .user-addresses .editSection .row {
    line-height: 36px;
  }
  #content .user-addresses .section .btns button {
    margin-right: 50px;
  }
}

@media (min-width: 960px) {
  #content .user-addresses .section {
    padding: 30px;
  }
}

#content .agentbox {
  width: 307px;
  position: fixed;
  top: 100px;
  right: 0;
  z-index: 3000;
  transition: right ease-in-out 0.5s;
}

#content .agentbox ul li {
  padding: 0;
}

#content .agentbox.rolledOut {
  right: -267px;
  transition: right ease-in-out 0.25s;
}

#content .agentbox a {
  color: #fff;
  text-decoration: underline;
}

#content .agentbox a:hover {
  color: #fff;
  text-decoration: none;
}

#content .agentbox .inner {
  position: relative;
}

#content .agentbox ul.toe {
  padding-bottom: 10px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 80px;
  background: #4b4b4b;
  list-style: none;
}

#content .agentbox ul.toe li a {
  color: #fff;
  text-decoration: none;
}

#content .agentbox ul.toe li a,
#content .agentbox ul.toe li span.man-tie {
  font-size: 36px;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
}

#content .agentbox ul.toe li span.man-tie {
  background: url(/theme/stwbmain/images/stwb/man-tie-icon.png) center center no-repeat;
}

#content .agentbox .body {
  font-size: 14px;
  padding: 10px 13px 20px 20px;
  width: 234px;
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  background: #4b4b4b;
  box-sizing: content-box;
}

#content .agentbox .body > ul {
  margin: 0;
}

#content .agentbox .body ul.topnav {
  list-style: none;
  margin-left: 15px;
  float: right;
}

#content .agentbox .body ul.topnav li {
  display: inline-block;
}

#content .agentbox .body ul.user-detail {
  list-style: none;
  line-height: 100%;
  color: #fff;
  margin-bottom: 12px;
}

#content .agentbox .body ul.user-detail li {
  line-height: 1.2em;
  font-size: 15px;
  display: block;
  text-align: left;
  font-weight: normal;
}

#content .agentbox .body div.active-rateplans {
  font-size: 15px;
}

#content .agentbox .body div.active-rateplans ul {
  list-style: none;
  line-height: 100%;
  color: #fff;
  margin-top: 0;
  margin-bottom: 12px;
}

#content .agentbox .body div.active-rateplans li {
  line-height: 1.2em;
  font-size: 15px;
  display: block;
  text-align: left;
  font-weight: normal;
  padding-left: 1rem;
}

#content .agentbox .body .form .row {
  line-height: 2em;
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: 0;
  display: table-row;
}

#content .agentbox .body .form .row label {
  font-size: 16px;
  font-weight: bold;
}

#content .agentbox .body .form .row label:after {
  content: ':';
}

#content .agentbox .customerMsisdnCheckboxLabel {
  margin-left: 12px;
}

#content .agentbox .body .form .row input[type='text'],
#content .agentbox .body .form .row textarea {
  margin-top: -10px;
  color: #000;
  resize: vertical;
  z-index: 1100;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: normal;
}

#content .agentbox .body .form .row input[type='text'] {
  padding: 3px 10px;
}

#content .agentbox .body .form .row.note {
  line-height: 3em;
}

#content .agentbox .body .form .error {
  color: #ec7cc4;
}

#content .agentbox input[type='submit'] {
  text-shadow: 0 0 #fff;
  box-sizing: border-box;
  height: 45px;
  line-height: 45px;
  color: white;
  background: #e10073;
  border: 1px solid #e10073;
  padding: 0;
  font-size: 24px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  padding: 0 10px;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

#content .desktop-agentBox.agentbox .body:hover,
#content .desktop-agentBox.agentbox label:hover {
  cursor: move;
}

#content .mobile-agentBox.agentbox .body:hover,
#content .mobile-agentBox.agentbox label:hover {
  cursor: auto;
}

#content .lead-shopping-basket-container .portlet-borderless-container {
  min-height: 0;
}

#content .mobile-agentBox.agentbox {
  width: auto;
  position: relative;
  top: 0;
  right: 0;
}

#content .mobile-agentBox.agentbox.rolledOut {
  position: fixed;
  right: 0;
  top: 100px;
  transition: none;
}

#content .mobile-agentBox.agentbox .inner {
  display: table;
  width: 100%;
}

#content .mobile-agentBox.agentbox .body {
  width: auto;
  position: relative;
  top: 0;
  right: 0;
  display: table-cell;
  padding: 5px 20px 20px 0;
}

#content .mobile-agentBox.agentbox.rolledOut .body {
  display: none;
}

#content .mobile-agentBox.agentbox .body .row {
  display: block;
  margin-bottom: 6px;
}

#content .mobile-agentBox.agentbox .body label:not(.customerMsisdnCheckboxLabel) {
  display: block;
}

#content .mobile-agentBox.agentbox .body .row input[type='text'],
#content .mobile-agentBox.agentbox .body .row textarea {
  width: 100%;
  box-sizing: border-box;
}

#content .mobile-agentBox.agentbox ul.toe {
  position: relative;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  display: table-cell;
  text-align: center;
}

#content .mobile-agentBox.agentbox.agentbox ul.toe li {
  display: inline-block;
}

#content .mobile-agentBox.agentbox.rolledOut ul.toe {
  width: 40px;
  height: 80px;
  display: block;
}

#content .agentbox ul.toe {
  width: 80px;
}

#content .mobile-agentBox ul.toe li a,
#content .mobile-agentBox ul.toe li span.man-tie {
  width: 40px;
}

#content .agentBox div#uniform-customerMsisdnIsChecked {
  display: inline-block;
  vertical-align: top;
}

#content .agentBox div#uniform-customerMsisdnIsChecked span.checked {
  vertical-align: sub;
  margin-right: 10px;
}

#content #sms-verification.sms-identification-agent {
  display: block !important;
}

#content #sms-verification.sms-identification-agent .sms-verification-left {
  background: #408f9a url(/theme/stwbmain/images/stwb/man-tie.png) bottom left no-repeat;
}

#content #sms-verification.sms-identification-agent .sms-verification-left h3 {
  font-size: 30px;
  float: right;
  color: #fff;
  margin-top: -3px;
}

#content #sms-verification.sms-identification-agent .sms-verification-body {
  font-size: 21px;
}

#content #sms-verification.sms-identification-agent .verification-code-errors::before,
#content #sms-verification.sms-identification-agent .input-number-errors::before {
  margin-right: 10px;
  position: static;
}

#content #sms-verification.sms-identification-agent .verification-code-errors,
#content #sms-verification.sms-identification-agent .input-number-errors {
  margin-top: 5px;
  font-size: 21px;
}

@media (max-width: 960px) {
  #content #sms-verification.sms-identification-agent .sms-verification-left {
    height: 150px;
    margin-bottom: 15px;
  }
}

@media (max-width: 940px) {
  #content .page #portlet_agentSmsIdentification_WAR_portlets h2 {
    font-size: 38px;
    margin-bottom: 8px;
  }
}

@media (max-width: 585px) {
  #content #sms-verification.sms-identification-agent .input-number .container {
    text-align: left;
    margin-left: 10px;
  }
  #content #sms-verification.sms-identification-agent .sms-verification-body input[type='button'] {
    float: left;
    top: 25px;
    margin-left: 2px;
  }
}

@media (max-width: 395px) {
  #content #sms-verification.sms-identification-agent .sms-verification-left {
    height: 140px;
  }
  #content #sms-verification.sms-identification-agent .sms-verification-left h3 {
    margin-top: 30px;
    margin-right: -10px;
  }
  #content #sms-verification.sms-identification-agent .sms-verification-body {
    font-size: 18px;
    line-height: 20px;
    min-height: 370px;
  }
  #content #sms-verification.sms-identification-agent .sms-verification-body .step {
    line-height: 28px;
  }
  #content #sms-verification.sms-identification-agent .sms-verification-body .input-number,
  #content #sms-verification.sms-identification-agent .sms-verification-body .verification {
    text-align: left;
  }
  #content #sms-verification.sms-identification-agent .sms-verification-body .input-number input {
    margin-top: 15px;
    margin-left: 35px;
    float: right;
  }
  #content #sms-verification.sms-identification-agent .input-number .container {
    text-align: right;
    margin-left: 10px;
  }
  #content #sms-verification.sms-identification-agent .sms-verification-body input[type='button'],
  #content #sms-verification.sms-identification-agent .sms-verification-body input[type='text'] {
    float: right;
    top: 0;
  }
}

#content #sms-verification.open-msisdn-order {
  display: block !important;
}

#content #sms-verification.open-msisdn-order .verification-code-errors::before,
#content #sms-verification.open-msisdn-order .input-number-errors::before {
  margin-right: 10px;
  position: static;
}

#content #sms-verification.open-msisdn-order .verification-code-errors,
#content #sms-verification.open-msisdn-order .input-number-errors {
  margin-top: 5px;
  font-size: 21px;
}

#content #header div.header-central-wrapper {
  background: #fff none repeat scroll;
  padding: 12px 8px 8px;
  min-width: 300px;
}

#content #menu-opener {
  display: none;
  float: left;
  width: 19px;
  height: 15px;
  padding: 6px 10px 3px 9px;
  cursor: pointer;
  background: url('/theme/stwbmain/images/stwb/headerMenu/menu-opener.png') no-repeat 10px 6px transparent;
}

#content #menu-opener.open {
  background: url('/theme/stwbmain/images/stwb/headerMenu/menu-closer.png') no-repeat 10px 6px transparent;
}

#content #header div.header-central-wrapper a.header-shopping-cart {
  float: right;
  display: block;
  background: url('/theme/stwbmain/images/stwb/headerMenu/header-shopping-cart.png') no-repeat 0 0 transparent;
  width: 40px;
  height: 36px;
  padding-right: 11px;
}

#content #header div.segment-menu-wrapper {
  border-bottom: 1px solid #d0d0d0;
  background: #fff;
}

#content #header div.segment-menu-wrapper #segment-menu {
  margin: 0;
  line-height: 100%;
  font-size: 16px;
  padding: 4px 0 2px 0;
}

#content #header div.segment-menu-wrapper #segment-menu > li {
  display: inline-block;
}

#content #header div.segment-menu-wrapper a.login-link,
#content #header-login-info a {
  display: inline-block;
  height: 22px;
  padding: 4px 11px 2px 0;
  color: #218076;
  text-decoration: none;
}

#content #header div.segment-menu-wrapper a.login-link:before,
#content #header-login-info a.login-link:before {
  display: inline-block;
  position: relative;
  top: 2px;
  right: 4px;
  content: ' ';
  width: 15px;
  height: 15px;
  background: url('/theme/stwbmain/images/stwb/headerMenu/login-icon-small.png') no-repeat 0 0 transparent;
}

#content #header-login-info {
  position: absolute;
  left: 0;
  right: 0;
}

#content #header-login-info .grid-wrapper {
  text-align: right;
}

#content #header-login-info a.logout-link {
  padding-left: 5px;
}

@media (max-width: 800px) {
  #content #header-login-info {
    display: none;
  }
}

#content #header div.segment-menu-wrapper #segment-menu > li > a {
  display: block;
  text-transform: uppercase;
  color: #4b4b4b;
  text-decoration: none;
  padding: 0 6px 0 10px;
}

#content #header div.segment-menu-wrapper #segment-menu > li:not(:last-child) > a:after {
  content: '|';
  position: relative;
  left: 10px;
  bottom: 1px;
  font-weight: normal;
}

#content #header div.segment-menu-wrapper #segment-menu > li:first-child > a {
  padding: 0 6px 0 0;
}

#content #header div.segment-menu-wrapper #segment-menu > li > a.active {
  font-weight: bold;
}

#content .waterbear-theme #header #logo {
  display: block;
  float: left;
  background: url('/theme/shared/images/T_logo_rgb_p.png') no-repeat 0 0 transparent;
  background-size: auto 36px;
  width: 75px;
  height: 36px;
}

#content #header div.main-menu-wrapper {
  background: #ededed;
}

#content #header #main-menu {
  margin: 0;
}

#content #header #main-menu li {
  display: inline-block;
  text-align: center;
}

#content #header #main-menu li > a {
  text-decoration: none;
  height: 24px;
  display: block;
  padding: 12px 11px;
  color: #262626;
  text-transform: uppercase;
  transition: ease 0.3s;
}

#content #header #main-menu li > a:after {
  display: block;
  content: attr(data-label);
  font-weight: bold;
  height: 1px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}

#content #header #main-menu li > a.rolled-out,
#content #header #main-menu li > a:hover {
  font-weight: bold;
  background: #fff;
}

#content #header #main-menu .hidden-rollout-menu-holder {
  display: none !important;
}

#content #header div.rollout-menu-wrapper {
  background: white;
  transition: ease 0.3s;
  position: absolute;
  width: 100%;
  z-index: 600;
}

#content #header div.main-menu-wrapper a.myTelekom-link {
  background-color: #dcdcdc;
  float: right;
  height: 24px;
  padding: 12px 11px 12px 11px;
  text-decoration: none;
  text-transform: uppercase;
  color: #218076;
  line-height: 24px;
  transition: ease 0.3s;
}

#content #header div.main-menu-wrapper a.myTelekom-link:hover {
  background: #fff;
}

#content #header div.rollout-menu-wrapper ul.rollout-menu {
  margin: 20px 0 25px 0;
}

#content #header div.rollout-menu-wrapper ul.rollout-menu > li {
  display: table-cell;
  text-align: left;
  width: 190px;
  border-right: 1px solid #d0d0d0;
  vertical-align: top;
  padding: 0 25px 0 25px;
}

#content #header div.rollout-menu-wrapper ul.rollout-menu > li:first-child {
  padding: 0 25px 0 0;
}

#content #header div.rollout-menu-wrapper ul.rollout-menu > li:last-child {
  border-right: 0;
}

#content #header div.rollout-menu-wrapper ul.rollout-menu > li > ul.rollout-submenu {
  list-style: none;
  width: 100%;
}

#content #header div.rollout-menu-wrapper ul.rollout-menu > li > ul.rollout-submenu > li a {
  text-decoration: none;
  color: #4b4b4b;
}

#content #header div.rollout-menu-wrapper ul.rollout-menu > li > ul.rollout-submenu > li img.menu-icon {
  display: inline-block;
  height: 21px;
  position: relative;
  top: 3px;
  padding-right: 2px;
}

#content #header div.rollout-menu-wrapper ul.rollout-menu > li > ul.rollout-submenu > li.header-item a {
  color: #e20074;
  text-transform: uppercase;
  line-height: 220%;
}

#content #header div.rollout-menu-wrapper ul.rollout-menu > li > ul.rollout-submenu > li a:hover {
  color: #d00b67;
}

#content #header div.rollout-menu-wrapper ul.rollout-menu > li > ul.rollout-submenu > li a:hover:after {
  position: relative;
  left: 8px;
  content: '\f105';
  font-family: FontAwesome;
  font-size: 16px;
}

#content #header .main-search-container {
  position: relative;
  float: right;
  width: 220px;
  padding: 0 15px 0 0;
  display: inline-block;
  color: #a4a4a4;
}

#content #header .main-search-container ul.ui-menu {
  position: absolute !important;
}

#content #header .main-search-container ul.ui-menu > li {
  padding-left: 7px !important;
}

#content #header .main-search-container ul.ui-menu > li > a {
  font-size: 16px !important;
}

#content #header .main-search-container #main-search-container-headerSearchInput,
#content #header .main-search-container #main-search-container-headerSearchAutosuggestGhost {
  background: transparent;
  position: absolute;
  right: 0;
  height: 36px;
  width: 150%;
  padding: 3px 50px 3px 7px;
  font-size: 16px;
}

#content #header .main-search-container #main-search-container-headerSearchInput {
  background: transparent;
  background: rgba(0, 0, 0, 0);
  color: #000;
}

#content #header .main-search-container #main-search-container-headerSearchTextWidthChecker {
  z-index: -20;
  opacity: 0;
  visibility: hidden;
  height: 0;
  font-size: 24px;
}

#content #main-search-container-headerSearchAutosuggestGhost {
  box-sizing: border-box;
  z-index: 0;
  background: #ededed;
  color: #a4a4a4;
}

#content #header .main-search-container .search-icon {
  background: transparent;
  position: absolute;
  display: inline-block;
  top: 7px;
  right: 0;
  cursor: pointer;
}

#content #header .main-search-container .search-icon:after {
  font-family: FontAwesome;
  content: '\f002';
}

#content #header .responsive-search-container {
  position: relative;
  display: block;
  height: 37px;
  box-sizing: border-box;
  border-bottom: 1px solid #c8c7cc;
  width: 190px;
  padding: 0 15px 0 0;
  color: #a4a4a4;
}

#content #header .responsive-search-container #responsive-search-container-headerSearchInput,
#content #header .responsive-search-container #responsive-search-container-headerSearchAutosuggestGhost {
  background: #fff;
  position: absolute;
  left: 7px;
  top: 5px;
  right: 0;
  height: 25px;
  width: 174px;
  padding: 3px 9px 3px 24px;
  font-size: 16px;
  border: 0;
  border-radius: 5px;
}

#content #header .responsive-search-container #responsive-search-container-headerSearchInput {
  background: transparent;
  background: rgba(0, 0, 0, 0);
  color: #000;
}

#content #header .responsive-search-container #responsive-search-container-headerSearchTextWidthChecker {
  z-index: -20;
  opacity: 0;
  visibility: hidden;
  height: 0;
  font-size: 24px;
}

#content #responsive-search-containerr-headerSearchAutosuggestGhost {
  box-sizing: border-box;
  z-index: 0;
  background: #ededed;
  color: #a4a4a4;
}

#content #header .responsive-search-container .search-icon {
  background: url('/theme/stwbmain/images/stwb/headerMenu/responsive-search-icon.png') no-repeat 0 0 transparent;
  position: absolute;
  display: inline-block;
  left: 10px;
  top: 10px;
  height: 15px;
  width: 16px;
  cursor: pointer;
}

#content #header .responsive-rollout-menu-wrapper {
  display: none;
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 190px;
  overflow: hidden;
}

#content #header .responsive-rollout-menu-wrapper .responsive-scrollbar-hider {
  height: 100%;
  background: #ededed;
  overflow: hidden;
  max-width: 190px;
  border-right: #c8c7cc 2px solid;
}

#content #header .responsive-rollout-menu-wrapper .responsive-scrollbar-hider .responsive-scroll-wrapper {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 215px;
  padding-right: 20px;
}

#content #header .responsive-rollout-menu-wrapper #responsive-main-menu {
  margin: 0 0 100px 0;
  width: 200px;
}

#content #header .responsive-rollout-menu-wrapper #responsive-main-menu li {
  position: relative;
  display: block;
}

#content #header .responsive-rollout-menu-wrapper #responsive-main-menu > li a {
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid #c8c7cc;
  font-size: 16px;
  text-decoration: none;
  padding: 5px 0 5px 9px;
  color: #000;
  font-weight: 600;
}

#content #header .responsive-rollout-menu-wrapper #responsive-main-menu > li a.myTelekom-link {
  color: #e20074;
}

#content #header .responsive-rollout-menu-wrapper #responsive-main-menu > li a.myTelekom-link:before {
  content: ' ';
  background: url('/theme/stwbmain/images/stwb/headerMenu/my-telekom-icon-responsive.png') no-repeat 0 0 transparent;
  position: relative;
  top: 5px;
  width: 26px;
  height: 21px;
  display: inline-block;
  padding-right: 5px;
}

#content #header .responsive-rollout-menu-wrapper.rolled-out #responsive-main-menu > li a {
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid #c8c7cc;
  font-size: 16px;
  text-decoration: none;
  padding: 5px 0 5px 38px;
  color: #000;
  font-weight: 600;
}

#content #header .responsive-rollout-menu-wrapper #responsive-main-menu > li img.menu-icon {
  display: inline-block;
  height: 21px;
  position: absolute;
  top: 8px;
  left: 9px;
}

#content
  #header
  .responsive-rollout-menu-wrapper:not(.rolled-out)
  #responsive-main-menu
  > li
  a[data-has-submenu='true']:after {
  position: absolute;
  right: 20px;
  bottom: 0;
  content: '\f105';
  font-family: FontAwesome;
  font-size: 25px;
  line-height: 37px;
  color: #d0d0d0;
}

#content #header .responsive-rollout-menu-wrapper.rolled-out #responsive-main-menu > li a[data-has-submenu='true'] {
  text-transform: uppercase;
  color: #e20074;
}

#content
  #header
  .responsive-rollout-menu-wrapper.rolled-out
  #responsive-main-menu
  > li
  a[data-has-submenu='true']:after {
  position: absolute;
  left: 9px;
  bottom: 0;
  content: '\f104';
  font-family: FontAwesome;
  font-size: 25px;
  line-height: 37px;
  color: #d0d0d0;
}

#content #header .responsive-rollout-menu-wrapper #responsive-main-menu > li .hidden-rollout-menu-holder {
  margin: 0;
  display: none;
}

#content #header #responsive-segment-menu {
  display: none;
  float: right;
  margin: 0;
  line-height: 24px;
  font-size: 16px;
  padding: 4px 0 2px 0;
}

#content #header #responsive-segment-menu > li {
  display: inline-block;
}

#content #header #responsive-segment-menu > li > a {
  display: block;
  color: #a4a4a4;
  text-decoration: none;
  padding: 0 12px 0 12px;
  font-weight: 600;
}

#content #header #responsive-segment-menu > li:last-child > a {
  padding: 0 0 0 12px;
}

#content #header #responsive-segment-menu > li > a.active {
  color: #e20074;
}

#content #header div.initial-search-container {
  display: none !important;
}

@media (max-width: 800px) {
  #content #menu-opener {
    display: block;
  }
  #content #header #responsive-segment-menu {
    display: block;
  }
  #content #header div.segment-menu-wrapper,
  #content #header div.main-menu-wrapper,
  #content #header div.header-central-wrapper div.main-search-container,
  #content #header div.header-central-wrapper a.header-shopping-cart {
    display: none;
  }
  #content #header div.header-central-wrapper {
    border-bottom: 1px solid #c8c7cc;
  }
  #content #header div.header-central-wrapper {
    padding: 8px 9px 7px 0;
  }
  #content #header div.header-central-wrapper #logo {
    width: 51px;
    height: 24px;
    background: url('/theme/shared/images/T_logo_rgb_p_responsive.png') no-repeat 0 0 transparent;
  }
}

#content #header div.grid-inner-wrapper {
  width: 940px;
  background: white;
  margin: 0 auto;
}

#content #header div.login-header-wrapper {
  border-bottom: solid #ededed;
}

#content #header div.login-header-wrapper .loginHeader-link {
  float: right;
  text-decoration: none;
}

#content body {
  width: 100%;
  *zoom: 1;
}

#content body:before,
#content body:after {
  content: '';
  display: table;
}

#content body:after {
  clear: both;
}

#content header#top {
  margin-bottom: 1em;
}

#content .grid-wrapper {
  width: 100%;
  margin: 0 auto;
  *zoom: 1;
}

#content .grid-col-lg {
  position: relative;
  float: left;
  width: 50%;
  margin-bottom: 7px;
}

#content #content {
  width: auto;
  max-width: 940px;
}

@media screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2) {
  #content .shoppingScenario-list .grid-wrapper {
    margin-right: 5%;
    margin-left: 2%;
    width: 300px !important;
  }
  #content .decoratedProductNameWithSize {
    float: none;
  }
}

@media screen and (max-width: 600px) and (-webkit-max-device-pixel-ratio: 1.5) {
  #content .shoppingScenario-list .grid-wrapper {
    margin-right: 5%;
    margin-left: 2%;
    width: 250px !important;
  }
}

@media screen and (max-width: 800px) and (-webkit-max-device-pixel-ratio: 1.5) {
  #content div.portlet-layout {
    display: block;
  }
  #content .shoppingScenario-list .grid-wrapper {
    margin-right: 5%;
    margin-left: 2%;
    width: 280px !important;
  }
  #content .decoratedProductNameWithSize {
    float: none;
  }
}

@media screen and (min-width: 799px) {
  #content .grid-wrapper {
    max-width: 940px;
  }
  #content .grid-col-6 {
    width: 480px;
  }
  #content .portlet-content {
    padding-left: 0;
    padding-right: 0;
  }
}

#content .grid-wrapper:before,
#content .grid-wrapper:after {
  content: '';
  display: table;
}

#content .grid-wrapper:after {
  clear: both;
}

#content .grid-row {
  *zoom: 1;
  margin: 0 10px;
}

#content .grid-row:before,
#content .grid-row:after {
  content: '';
  display: table;
}

#content .grid-row:after {
  clear: both;
}

#content .grid-row .grid-row {
  margin: 0;
}

@media screen and (min-width: 761px) {
  #content .grid-row {
    margin: 0;
  }
}

@media screen and (max-width: 800px) {
  #content .grid-col-lg {
    float: none;
    width: 100%;
  }
  #content .grid-col-lg:after {
    clear: both;
  }
}

#content .logreg-wrap {
  background: url(/theme/stwbmain/images/stwb/earth-devices.png) no-repeat;
}

#content .login-reg .section {
  box-sizing: border-box;
  padding: 14px 18px 10px;
  margin-bottom: 6px;
  background: #ededed;
}

#content .login-reg .section:after {
  content: '';
  display: block;
  clear: both;
}

#content .login-reg .section h2 {
  font-size: 28px;
}

#content .login-reg .section h3 {
  color: #408f9a;
  font-size: 20px;
  margin-top: 0;
}

#content .login-reg .section h3 span.fa {
  margin-right: 10px;
  padding-top: 4px;
  font-size: 16px;
}

#content .login-reg .section .row {
  margin-bottom: 10px;
  clear: both;
  display: block;
}

#content .login-reg .section .row p.link {
  font-size: 16px;
}

#content .login-reg .section .row label {
  padding-top: 7px;
  color: #4b4b4b;
  font-size: 18px;
  line-height: 1.1em;
}

#content .login-reg .section div.pwdPower {
  height: 20px;
  padding-bottom: 5px;
  color: #4b4b4b;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.1em;
  display: none;
}

#content #progessBar {
  height: 24px;
  padding-top: 7px;
  width: 8px;
  display: inline-block;
  background-image: url('/theme/stwbmain/images/stwb/registration/password-strength.png');
  background-position: 0 0;
  visibility: hidden;
  position: absolute;
  top: 5px;
  margin-left: 3px;
  right: 19px;
}

#content .login-reg .section .row.spread {
  line-height: 1.4em;
}

#content .login-reg .section .row.spread label,
#content .login-reg .section .row.spread .field {
  width: 100%;
  float: none;
  margin-bottom: 15px;
}

#content .login-reg .section.radios .row .field {
  width: auto;
}

#content .login-reg .section .row .field .checker {
  transform: scale(0.74);
  -ms-transform: scale(0.74);
}

#content .login-reg .section ul.bottom-links {
  list-style: none;
  margin: 10px 0;
}

#content .login-reg .section ul.bottom-links li {
  float: left;
}

#content .login-reg .section ul.bottom-links li.reg {
  text-align: right;
  float: right;
}

#content .login-reg .section.lines .row .field {
  max-height: 35px;
  overflow: hidden;
}

#content .login-reg .section.lines.social .row .field span.fa {
  font-size: 30px;
  color: #a3a3a3;
}

#content .login-reg .section.lines.social .row span .fa {
  font-size: 25px;
  color: #a3a3a3;
}

#content .login-reg .section.lines.social .row a span.fa-trash {
  color: #4b4b4b;
}

#content .login-reg p.storno {
  float: left;
}

#content .login-reg p.submit {
  float: right;
}

#content .login-reg.login {
  width: 292px;
}

#content button.login-blocked,
#content button.login-blocked:hover,
#content input[type='submit'].login-blocked,
#content input[type='submit'].login-blocked:hover {
  background: #a3a3a3;
  border: #a3a3a3;
  cursor: default;
}

#content .login-reg.registration.reset-password1 .section .row.spread input,
#content .login-reg.registration.reset-password1 .section .row.spread button,
#content .login-reg.login .section .row.spread input,
#content .login-reg.otp .section .row.spread input,
#content .login-reg.otp .section .row.spread button {
  width: 100%;
}

#content .login-reg.login .third-party p.desc,
#content .login-reg-login .third-party ul.icons {
  float: left;
}

#content .login-reg.login .third-party p.desc {
  font-size: 16px;
  padding-top: 13px;
  width: 127px;
  float: left;
}

#content .login-reg.login .third-party ul {
  margin: 10px 0;
  width: 152px;
  float: right;
  text-align: right;
}

#content .login-reg.login .third-party ul.social-icons li a {
  padding: 13px;
  margin-left: 8px;
}

#content .login-reg.otp {
  width: 300px;
}

#content .login-reg.otp .section .row {
  line-height: 1.4em;
}

#content .login-reg.otp .section .row.submit {
  padding-top: 10px;
}

#content .cfe-box-alert .col .middle .fa {
  font-size: 42px;
  font-weight: 400;
  color: #007faf;
}

#content a.cfe-link,
#content a.cfe-link:focus {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  text-decoration: none;
  transition: color 300ms ease-in-out;
  color: #007faf;
}

#content a.cfe-link:hover,
#content a.cfe-link:active,
#content a.cfe-link:focus,
#content a.cfe-link:focus:hover,
#content a.cfe-link:focus:active {
  color: #e20074;
  text-decoration: none;
}

#content a.cfe-arrow-right:after {
  font-family: FontAwesome;
  content: '\f054';
  font-size: 10px;
  line-height: 24px;
  position: relative;
  left: 8px;
  bottom: 2px;
  margin-right: 8px;
}

#content .modalBlack .tcom-login-header {
  display: none;
}

#content .modalBlack .tcom-login-description {
  display: none;
}

#content .tcom-login-header {
  clear: both;
}

#content .tcom-login-header h3 {
  font-weight: 400;
  line-height: 48px;
  font-size: 36px;
  vertical-align: middle;
  color: #e20074;
  margin-bottom: 10px;
}

#content .tcom-login-header h3 strong {
  font-weight: 600;
}

#content .tcom-login-header span.icon {
  font-family: 'Tele-Icon';
  font-size: 36px;
  background: #e20074;
  color: #fff;
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  margin-right: 15px;
}

#content .tcom-login-description {
  max-width: 60%;
  float: left;
}

#content .tcom-login-description p {
  margin: 0;
  padding: 0;
  color: #5c5c5c;
}

#content .conditions .field {
  max-width: 40px;
}

#content .login-reg .section .row .label-for-conditions {
  width: 332px;
}

#content .fancybox-wrap .login-reg {
  width: 305px;
  margin-right: 0;
  margin-left: 0;
  float: none;
  overflow-x: hidden;
}

#content .fancybox-wrap .login-reg.login .field {
  max-width: 100%;
}

#content .fancybox-wrap .login-reg .section {
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

#content .login-reg .modalTitle {
  display: none;
}

#content .modalBlack .login-reg .normalTitle {
  display: none;
}

#content .modalBlack .login-reg .modalTitle {
  display: block;
}

#content .modalBlack h3 {
  color: #e20074;
  line-height: 110%;
  font-size: 30px;
  margin: 10px 0;
}

#content .modalBlack .login-reg.login .third-party p.desc {
  padding-top: 22px;
}

#content .login-reg.login .row {
  margin: auto;
}

#content .login-reg.login.captcha {
  width: 335px;
}

#content .login-reg.login.captcha #recaptcha_widget_div {
  margin-left: -10px;
}

#content .recaptchatable .recaptcha_r1_c1,
#content .recaptchatable .recaptcha_r2_c1,
#content .recaptchatable .recaptcha_r2_c2,
#content .recaptchatable .recaptcha_r3_c1,
#content .recaptchatable .recaptcha_r3_c3,
#content .recaptchatable .recaptcha_r4_c2,
#content .recaptchatable .recaptcha_r4_c4,
#content .recaptchatable .recaptcha_r7_c1,
#content .recaptchatable .recaptcha_r8_c1 {
  background-image: url(/theme/stwbmain/images/stwb/captchaSprite.png) !important;
}

#content .cfe-box-alert {
  display: block;
  background: #ededed;
  padding: 4%;
  margin: 10px 40px 10px 0;
}

#content .cfe-box-alert .col {
  display: inline-block;
  line-height: 80px;
  height: 80px;
}

#content .cfe-box-alert .col-left {
  width: 13%;
  float: left;
}

#content .cfe-box-alert .col-right {
  max-width: 83%;
}

#content .cfe-box-alert .col .middle {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: normal;
  font-weight: 600;
  color: #4b4b4b;
}

#content #acceptTermsField {
  float: left;
}

#content #email:disabled {
  cursor: not-allowed;
}

#content #content .login-reg .toggle-arrow-wrapper {
  width: 112%;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

#content #content .login-reg .arrow-content {
  display: none;
}

#content #content .login-reg .arrow-content a {
  margin: 10px 0;
  display: block;
}

#content #content .login-reg a.toggle-arrow {
  text-decoration: none;
}

#content #content .login-reg .arrow-right {
  content: '';
  display: inline-block;
  margin-right: 5px;
  width: 0;
  height: 0;
  margin-left: 10px;
  vertical-align: baseline;
  border-style: solid;
  border-width: 4.5px 0 4.5px 6px;
  border-color: transparent transparent transparent #007faf;
  transition: all 0.3s;
}

#content #content .login-reg .arrow-rotate {
  transform: rotate(90deg);
}

@media (min-width: 600px) {
  #content .logreg-wrap {
    background-position: right center;
    min-height: 420px;
  }
  #content .login-reg .section .row label {
    width: 122px;
    float: left;
  }
  #content .registration .section .row label.label-for-select {
    margin-top: 5px;
  }
  #content .login-reg .section .row .field {
    width: 250px;
    float: left;
    position: relative;
  }
  #content .login-reg .section .row .field input.txt,
  #content .login-reg .section .row .field .heapBox {
    width: 220px;
  }
  #content .login-reg .section .row .info {
    float: left;
  }
  #content .login-reg .section.lines .row label {
    width: 332px;
  }
  #content .login-reg .section.lines.social .row label {
    width: 300px;
  }
  #content .login-reg .section.lines .row .field {
    width: 40px;
  }
}

@media (max-width: 960px) {
  #content .logreg-wrap {
    max-width: 500px;
    margin: auto;
  }
  #content .login-reg {
    float: none;
    clear: both;
    margin-top: 10px;
  }
  #content .cfe-box-alert {
    margin-right: 0;
  }
  #content .tcom-login-description {
    max-width: 100%;
  }
  #content .login-reg.login {
    width: auto;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  #content .logreg-wrap {
    background-position: left center;
  }
  #content .login-reg {
    float: right;
    margin-right: 40px;
    max-width: 410px;
  }
}

@media (max-width: 600px) {
  #content .logreg-wrap {
    background-image: none;
    padding: 0;
  }
  #content .login-reg .section h3 {
    font-size: 18px;
  }
}

@media (min-width: 320px) and (max-width: 600px) {
  #content .login-reg .section .row {
    line-height: 1.5em;
    margin-bottom: 10px;
  }
  #content .login-reg .section.checkboxes .row label {
    padding: 3px 0 7px;
  }
  #content .login-reg .section.lines .row {
    clear: both;
  }
  #content .login-reg .section.lines .row label {
    width: 180px;
    display: inline-block;
  }
  #content .login-reg .section.lines .row .field {
    width: 40px;
    float: left;
  }
  #content .login-reg.registration .section {
    padding-bottom: 20px;
  }
  #content .login-reg.registration .section .row .field {
    position: relative;
  }
  #content #progessBar {
    right: 22px;
  }
  #content .registration .section div.pwdPower {
    padding-top: 5px;
  }
  #content .login-reg .section .row .field input.txt,
  #content .login-reg .section .row .field .heapBox {
    width: 220px;
  }
}

@media (max-width: 319px) {
  #content #progessBar {
    right: -8px;
  }
  #content .login-reg .section .row .field {
    position: relative;
  }
  #content .login-reg .section div.pwdPower {
    padding-top: 5px;
  }
}

@media (min-width: 768px) {
  #content .cfe-box-alert .col .middle {
    font-size: 20px;
    line-height: normal;
  }
}

#content .conditions .field {
  max-width: 40px;
}

#content .login-reg .section .row .label-for-conditions {
  width: 332px;
}

#content .btn .disabled {
  background-color: #dcdcdc;
  border-color: #d0d0d0;
  color: #d0d0d0;
  cursor: default;
}

#content #resendPinWrapper h2 {
  font-size: 36px;
  border-bottom: 1px solid #d0d0d0;
  margin: 20px 0 12px;
}

#content #resendPinWrapper #intro,
#content #resendPinWrapper #resendPinSentView,
#content #resendPinWrapper #tryAgain {
  line-height: 1.4em;
  margin: 1em 0;
}

#content #resendPinWrapper #resendPinSubmit {
  width: 240px;
  margin: 0.4em 0;
}

#content #resendPinWrapper .validationError {
  color: #e20074;
}

@font-face {
  #content {
    font-family: 'TeleGroteskNext';
    src:
      url('/theme/shared/fonts/TeleGroteskNext-Bold.woff2') format('woff2'),
      url('/theme/shared/fonts/TeleGroteskNext-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
  }
}

@font-face {
  #content {
    font-family: 'TeleGroteskNext';
    src:
      url('/theme/shared/fonts/TeleGroteskNext-BoldItalic.woff2') format('woff2'),
      url('/theme/shared/fonts/TeleGroteskNext-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
  }
}

@font-face {
  #content {
    font-family: 'TeleGroteskNext';
    src:
      url('/theme/shared/fonts/TeleGroteskNext-Medium.woff2') format('woff2'),
      url('/theme/shared/fonts/TeleGroteskNext-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
  }
}

@font-face {
  #content {
    font-family: 'TeleGroteskNext';
    src:
      url('/theme/shared/fonts/TeleGroteskNext-MediumItalic.woff2') format('woff2'),
      url('/theme/shared/fonts/TeleGroteskNext-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
  }
}

@font-face {
  #content {
    font-family: 'TeleGroteskNext';
    src:
      url('/theme/shared/fonts/TeleGroteskNext-Regular.woff2') format('woff2'),
      url('/theme/shared/fonts/TeleGroteskNext-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  #content {
    font-family: 'TeleGroteskNext';
    src:
      url('/theme/shared/fonts/TeleGroteskNext-RegularItalic.woff2') format('woff2'),
      url('/theme/shared/fonts/TeleGroteskNext-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
  }
}

@font-face {
  #content {
    font-family: 'TeleGroteskNext';
    src:
      url('/theme/shared/fonts/TeleGroteskNext-Thin.woff2') format('woff2'),
      url('/theme/shared/fonts/TeleGroteskNext-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
  }
}

@font-face {
  #content {
    font-family: 'TeleGroteskNext';
    src:
      url('/theme/shared/fonts/TeleGroteskNext-Ultra.woff2') format('woff2'),
      url('/theme/shared/fonts/TeleGroteskNext-Ultra.woff') format('woff');
    font-weight: 900;
    font-style: normal;
  }
}

@font-face {
  #content {
    font-family: 'TeleNeo';
    font-style: normal;
    font-weight: 400;
    src:
      url('/theme/shared/fonts/TeleNeoWeb-Regular.eot'),
      url('/theme/shared/fonts/TeleNeoWeb-Regular.woff2') format('woff2'),
      url('/theme/shared/fonts/TeleNeoWeb-Regular.woff') format('woff');
  }
}

@font-face {
  #content {
    font-family: 'TeleNeo';
    font-style: normal;
    font-weight: 500;
    src:
      url('/theme/shared/fonts/TeleNeoWeb-Medium.eot'),
      url('/theme/shared/fonts/TeleNeoWeb-Medium.woff2') format('woff2'),
      url('/theme/shared/fonts/TeleNeoWeb-Medium.woff') format('woff');
  }
}

@font-face {
  #content {
    font-family: 'TeleNeo';
    font-style: normal;
    font-weight: 700;
    src:
      url('/theme/shared/fonts/TeleNeoWeb-Bold.eot'),
      url('/theme/shared/fonts/TeleNeoWeb-Bold.woff2') format('woff2'),
      url('/theme/shared/fonts/TeleNeoWeb-Bold.woff') format('woff');
  }
}

@font-face {
  #content {
    font-family: 'TeleNeo';
    font-style: normal;
    font-weight: 900;
    src:
      url('/theme/shared/fonts/TeleNeoWeb-ExtraBold.eot'),
      url('/theme/shared/fonts/TeleNeoWeb-ExtraBold.woff2') format('woff2'),
      url('/theme/shared/fonts/TeleNeoWeb-ExtraBold.woff') format('woff');
  }
}

#content div.nba-container {
  display: none;
}

#content .chat-popup .fancybox-skin {
  padding: 0 !important;
  border-radius: 11px;
}

#content .chat-popup .p-content {
  border-radius: 8px;
  font-family: 'TeleNeo';
  color: #262626;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  background-color: #fff;
}

#content .chat-popup .p-content .btn-holder {
  position: sticky;
  bottom: 0;
  background: #fff;
  padding: 10px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

#content .chat-popup .p-content p {
  font-family: 'TeleNeo';
  font-weight: 400;
  color: #262626 !important;
  text-align: center;
  font-size: 16px !important;
  line-height: 20px;
  margin: 10px 0 !important;
}

#content .chat-popup .p-content .small-text {
  font-family: 'TeleNeo';
  font-weight: 400;
  font-size: 14px;
}

#content .chat-popup .p-content .gray-text {
  color: #7c7c7c !important;
}

#content .chat-popup .p-content a {
  text-decoration: none;
  font-size: 16px;
}

#content .chat-popup .p-content a.button-outline {
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: auto;
  margin: 5px 0;
  padding: 16px 32px !important;
  font-weight: 500;
  border-radius: 4px !important;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  text-transform: initial;
  background-color: transparent;
  color: #e20074;
  border: 1px solid #e20074;
}

@media screen and (min-width: 576px) {
  #content .chat-popup .p-content a.button-outline {
    width: auto;
  }
}

#content .chat-popup .p-content a.button-outline:hover {
  background-color: #fff2f8;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

#content .chat-popup .p-content input.button-magenta,
#content .chat-popup .p-content a.button-magenta {
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: auto;
  margin: 5px 0;
  padding: 16px 32px !important;
  font-weight: 500;
  border-radius: 4px !important;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  text-transform: initial;
  background-color: #e20074;
  color: #fff;
}

@media screen and (min-width: 576px) {
  #content .chat-popup .p-content input.button-magenta,
  #content .chat-popup .p-content a.button-magenta {
    width: auto;
  }
}

#content .chat-popup .p-content input.button-magenta,
#content .chat-popup .p-content a.button-magenta:hover {
  background-color: rgba(226, 0, 116, 0.9);
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

#content .chat-popup .p-content .popup-lightbox {
  font-size: 1.3em;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  color: #e20074;
}

#content .chat-popup .p-content .popup-lightbox h3 {
  font-family: 'TeleNeo';
  color: #262626;
  font-weight: 900;
  font-size: 24px;
  line-height: 30px;
  margin: 10px 0;
}

#content .chat-popup .p-content * {
  box-sizing: border-box;
}

#content #sendContractWrapper h2 {
  font-size: 36px;
  border-bottom: 1px solid #d0d0d0;
  margin: 20px 0 12px;
}

#content #sendContractWrapper #intro,
#content #sendContractWrapper #sendContractSentView,
#content #sendContractWrapper #tryAgain {
  line-height: 1.4em;
  margin: 1em 0;
}

#content #sendContractWrapper #sendContractSubmit {
  width: 240px;
  margin: 0.4em 0;
}

#content #sendContractWrapper .validationError {
  color: #e20074;
}

#content #sendContractPasswordWrapper h2 {
  font-size: 36px;
  border-bottom: 1px solid #d0d0d0;
  margin: 20px 0 12px;
}

#content #sendContractPasswordWrapper #intro,
#content #sendContractPasswordWrapper #sendContractPasswordSentView,
#content #sendContractPasswordWrapper #tryAgain {
  line-height: 1.4em;
  margin: 1em 0;
}

#content #sendContractPasswordWrapper #sendContractPasswordSubmit {
  width: 240px;
  margin: 0.4em 0;
}

#content #sendContractPasswordWrapper .validationError {
  color: #e20074;
}

@font-face {
  #content {
    font-family: 'TeleNeo';
    font-style: normal;
    font-weight: 400;
    src:
      url('/theme/shared/fonts/TeleNeoWeb-Regular.eot'),
      url('/theme/shared/fonts/TeleNeoWeb-Regular.woff2') format('woff2'),
      url('/theme/shared/fonts/TeleNeoWeb-Regular.woff') format('woff'),
      url('/theme/shared/fonts/TeleNeoWeb-Regular.ttf') format('truetype');
  }
}

@font-face {
  #content {
    font-family: 'TeleNeo';
    font-style: normal;
    font-weight: 500;
    src:
      url('/theme/shared/fonts/TeleNeoWeb-Medium.eot'),
      url('/theme/shared/fonts/TeleNeoWeb-Medium.woff2') format('woff2'),
      url('/theme/shared/fonts/TeleNeoWeb-Medium.woff') format('woff'),
      url('/theme/shared/fonts/TeleNeoWeb-Medium.ttf') format('truetype');
  }
}

@font-face {
  #content {
    font-family: 'TeleNeo';
    font-style: normal;
    font-weight: 700;
    src:
      url('/theme/shared/fonts/TeleNeoWeb-Bold.eot'),
      url('/theme/shared/fonts/TeleNeoWeb-Bold.woff2') format('woff2'),
      url('/theme/shared/fonts/TeleNeoWeb-Bold.woff') format('woff'),
      url('/theme/shared/fonts/TeleNeoWeb-Bold.ttf') format('truetype');
  }
}

@font-face {
  #content {
    font-family: 'TeleNeo';
    font-style: normal;
    font-weight: 900;
    src:
      url('/theme/shared/fonts/TeleNeoWeb-ExtraBold.eot'),
      url('/theme/shared/fonts/TeleNeoWeb-ExtraBold.woff2') format('woff2'),
      url('/theme/shared/fonts/TeleNeoWeb-ExtraBold.woff') format('woff'),
      url('/theme/shared/fonts/TeleNeoWeb-ExtraBold.ttf') format('truetype');
  }
}

#content footer#footer {
  top: 0 !important;
}

#content #parallax-navigation {
  display: none !important;
}

#content .qtip-tipsy-scenar,
#content .qtip-tipsy-summary {
  border-radius: 5px;
}

#content .qtip-tipsy-summary .qtip-content,
#content .qtip-tipsy .qtip-content {
  max-width: 300px !important;
  padding: 15px !important;
  font-family: 'TeleNeo';
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

#content .qtip-tipsy-summary .qtip-content {
  color: #262626;
}

#content .qtip-tipsy-summary .qtip-close.qtip-icon {
  border-color: transparent;
}

#content .qtip-tipsy .qtip-close {
  position: absolute !important;
  background: transparent !important;
  text-decoration: none !important;
  font-family: 'TeleNeo';
  font-size: 16px;
  right: 3px;
  top: 3px;
}

#content .qtip-tipsy .qtip-close span.ui-icon-close {
  color: #fff;
}

#content .qtip-tipsy-summary .qtip-close {
  position: absolute !important;
  background: transparent !important;
  text-decoration: none !important;
  font-family: 'TeleNeo';
  font-size: 16px;
  right: 3px;
  top: 3px;
}

#content .qtip-tipsy-summary .qtip-close span.ui-icon-close {
  color: #262626;
}

#content .qtip-tipsy-summary {
  font-family: 'TeleNeo';
  background-color: #fff !important;
  color: #262626 !important;
  border-color: none !important;
  font-size: 16px !important;
}

#content .fix-badge-blue {
  background-color: #1ba4df;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  padding: 5px 12px;
  border-radius: 12px;
  white-space: nowrap;
  line-height: 30px;
}

#content .fix-badge-magenta {
  background-color: #e20074;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  padding: 5px 12px;
  border-radius: 12px;
  line-height: 30px;
  white-space: nowrap;
}

#content .fix-badge-gray {
  background-color: #a4a4a4;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  padding: 5px;
  border-radius: 12px;
  line-height: 30px;
}

#content .fix-badge-green {
  background-color: #74cc28;
  color: #fff;
  font-size: 13px;
  line-height: 30px;
  font-weight: bold;
  padding: 5px 12px;
  border-radius: 12px;
  white-space: nowrap;
  margin-bottom: 5px;
}

#content #content #fix-scenario {
  font-family: 'TeleNeo';
  color: #262626;
  font-size: 16px;
  line-height: 20px;
}

#content #content #fix-scenario .close-btn {
  cursor: pointer;
}

#content #content #fix-scenario .muted-text {
  opacity: 0.5 !important;
}

#content #content #fix-scenario .next-button-holder {
  padding: 5px 16px 10px 16px;
  position: sticky;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  height: auto;
  box-shadow: 0 0 8px #ddd;
  z-index: 10;
}

#content #content #fix-scenario .next-button-holder button {
  float: right;
}

@media screen and (min-width: 1366px) {
  #content #content #fix-scenario .next-button-holder {
    padding: 5px 50px 10px 50px;
  }
}

@media screen and (min-width: 2560px) {
  #content #content #fix-scenario .next-button-holder {
    padding: 5px 100px 10px 100px;
  }
}

#content #content #fix-scenario .p0 {
  padding: 0 !important;
}

#content #content #fix-scenario .m0 {
  margin: 0 !important;
}

#content #content #fix-scenario .mb-100 {
  margin-bottom: 100px;
}

#content #content #fix-scenario p,
#content #content #fix-scenario h1,
#content #content #fix-scenario h2,
#content #content #fix-scenario h3,
#content #content #fix-scenario h4,
#content #content #fix-scenario h5 {
  font-family: 'TeleNeo';
  color: #262626;
}

#content #content #fix-scenario p {
  color: #6c6c6c;
  font-size: 16px;
  line-height: 20px;
}

#content #content #fix-scenario h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 900;
}

#content #content #fix-scenario h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
  margin-bottom: 10px;
}

#content #content #fix-scenario h4 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 900;
  margin-bottom: 10px;
}

#content #content #fix-scenario h5 {
  font-size: 16px;
  line-height: 18px;
  font-weight: 900;
  margin-bottom: 10px;
}

#content #content #fix-scenario a:hover {
  text-decoration: underline;
}

#content #content #fix-scenario .text {
  font-family: 'TeleNeo';
  color: #6c6c6c;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
}

#content #content #fix-scenario .small-text {
  font-family: 'TeleNeo';
  font-weight: 400;
  font-size: 14px;
}

#content #content #fix-scenario .gray-text {
  color: #7c7c7c !important;
}

#content #content #fix-scenario .control-message {
  padding: 10px 15px 10px 50px;
  border-radius: 4px;
  margin-bottom: 15px;
  background-color: rgba(255, 154, 30, 0.15);
  font-family: 'TeleNeo';
  font-weight: 400;
  color: #262626;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  min-height: 40px;
}

#content #content #fix-scenario .control-message-blue {
  padding: 10px 15px 10px 50px;
  border-radius: 4px;
  margin-top: 15px;
  background-color: rgba(0, 127, 175, 0.1);
  font-family: 'TeleNeo';
  font-weight: 400;
  color: #262626;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  min-height: 40px;
}

#content #content #fix-scenario .control-message-blue ul {
  list-style: disc;
}

#content #content #fix-scenario .control-message-blue::after {
  content: url(/theme/stwbmain/images/control-blue.png);
  position: absolute;
  top: 10px;
  left: 15px;
  width: 22px;
  height: 22px;
}

#content #content #fix-scenario .control-message::after {
  content: url(/theme/stwbmain/images/control.png);
  position: absolute;
  top: 10px;
  left: 15px;
  width: 22px;
  height: 22px;
}

#content #content #fix-scenario .success-message {
  padding: 10px 15px 10px 50px;
  border-radius: 4px;
  background-color: #ededed;
  font-family: 'TeleNeo';
  font-weight: 400;
  color: #262626;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  min-height: 40px;
}

#content #content #fix-scenario .success-message::after {
  content: url(/theme/stwbmain/images/info-black.png);
  position: absolute;
  top: 15px;
  left: 15px;
  width: 22px;
  height: 22px;
}

#content #content #fix-scenario .fix-container {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 1366px) {
  #content #content #fix-scenario .fix-container {
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    min-height: 100vh;
  }
}

#content #content #fix-scenario .fix-header {
  padding: 16px;
  height: 60px;
  background-color: #e20074;
}

@media screen and (min-width: 1366px) {
  #content #content #fix-scenario .fix-header {
    min-width: 136px;
    max-width: 136px;
    height: auto;
    padding: 30px;
    text-align: center;
  }
}

#content #content #fix-scenario .fix-header img {
  max-height: 36px;
}

#content #content #fix-scenario .fix-content .fix-content-holder {
  padding: 16px;
}

#content #content #fix-scenario .fix-content .fix-content-holder .row-text-block {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

@media screen and (min-width: 1366px) {
  #content #content #fix-scenario .fix-content .fix-content-holder {
    padding: 30px 50px;
  }
}

@media screen and (min-width: 2560px) {
  #content #content #fix-scenario .fix-content .fix-content-holder {
    padding: 30px 100px;
  }
}

#content #content #fix-scenario .fix-content .buttons-container {
  width: 100%;
  display: inline-block;
}

@media screen and (min-width: 576px) {
  #content #content #fix-scenario .fix-content .buttons-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}

#content #content #fix-scenario .fix-content a.edit {
  display: inline-block;
  margin: 0;
  color: #007faf;
  cursor: pointer;
}

#content #content #fix-scenario .fix-content a.edit::after {
  width: 14px;
  height: 14px;
  background: url(/theme/stwbmain/images/edit.png) no-repeat;
  content: '';
  top: 2px;
  right: -18px;
  position: absolute;
  display: inline-block;
}

#content #content #fix-scenario .fix-content a.reset {
  display: inline-block;
  margin: 0;
  color: #007faf;
  cursor: pointer;
}

#content #content #fix-scenario .fix-content a.reset::after {
  width: 14px;
  height: 14px;
  background: url(/theme/stwbmain/images/reset.png) no-repeat;
  content: '';
  top: 2px;
  right: -18px;
  position: absolute;
  display: inline-block;
}

#content #content #fix-scenario .fix-content a.save-order {
  display: inline-block;
  margin: 20px 0 30px 0;
  color: #007faf;
  cursor: pointer;
}

#content #content #fix-scenario .fix-content a.save-order::after {
  width: 14px;
  height: 10px;
  background: url(/theme/stwbmain/images/mail.png) no-repeat;
  content: '';
  top: 4px;
  right: -18px;
  position: absolute;
  display: inline-block;
}

#content #content #fix-scenario .fix-content a.link-more-info {
  display: inline-block;
  margin: 0;
  color: #007faf;
  cursor: pointer;
}

#content #content #fix-scenario .fix-content a.link-more-info::after {
  width: 16px;
  height: 16px;
  background: url(/theme/stwbmain/images/info.png) no-repeat;
  content: '';
  top: 0;
  right: -22px;
  position: absolute;
  display: inline-block;
}

#content #content #fix-scenario .fix-content .box-shadow {
  width: 100%;
  margin: 30px 0 50px 0;
  padding: 30px 16px;
  box-shadow: 0 0 8px #ddd;
}

@media screen and (min-width: 1366px) {
  #content #content #fix-scenario .fix-content .box-shadow {
    padding: 30px;
  }
}

#content #content #fix-scenario .info-tooltip {
  cursor: pointer;
}

#content #content #fix-scenario .fix-footer {
  padding: 16px;
  background-color: #262626;
  font-family: 'TeleNeo';
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}

@media screen and (min-width: 1366px) {
  #content #content #fix-scenario .fix-footer {
    min-width: 360px;
    max-width: 360px;
    height: auto;
    padding: 30px;
  }
}

#content #content #fix-scenario .fix-footer h2.summary-title {
  color: #fff;
  font-weight: 700;
}

@media screen and (min-width: 1366px) {
  #content #content #fix-scenario .fix-footer h2.summary-title {
    display: table;
  }
}

#content #content #fix-scenario .fix-footer .category-divider {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #a4a4a4;
  margin-bottom: 15px;
}

#content #content #fix-scenario .fix-footer h3.category-title {
  color: #a4a4a4;
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 5px;
}

#content #content #fix-scenario .fix-footer .category-price {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 5px;
}

@media screen and (min-width: 1366px) {
  #content #content #fix-scenario .fix-footer .category-price {
    display: none;
  }
}

#content #content #fix-scenario .fix-footer .summary-table {
  display: table;
  width: 100%;
}

#content #content #fix-scenario .fix-footer .summary-main-table {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}

#content #content #fix-scenario .fix-footer .summary-row {
  display: table-row;
}

#content #content #fix-scenario .fix-footer .summary-cell {
  display: table-cell;
}

#content #content #fix-scenario .fix-footer .summary-label {
  text-align: left;
  width: 200px;
}

#content #content #fix-scenario .fix-footer .summary-total-label {
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
}

#content #content #fix-scenario .fix-footer .summary-total-price {
  text-align: right;
  font-size: 22px;
  line-height: 28px;
  font-weight: 900;
  color: #fff;
}

#content #content #fix-scenario .fix-footer .summary-total-without-vat-label {
  color: #a4a4a4;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-transform: uppercase;
}

#content #content #fix-scenario .fix-footer .summary-total-without-vat-price {
  color: #a4a4a4;
  text-align: right;
  font-size: 14px;
  line-height: 18px;
  font-weight: 900;
}

#content #content #fix-scenario .fix-footer .legal-text {
  padding-top: 20px;
  color: #a4a4a4;
  font-size: 14px;
  line-height: 18px;
}

#content #content #fix-scenario .fix-footer .terms-conditions-notification {
  background-color: #e5f2f7;
  padding: 15px 10px;
  border-radius: 4px;
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  color: #262626;
}

#content #content #fix-scenario .fix-footer .terms-conditions-notification.main-detail-open {
  display: flex !important;
}

#content #content #fix-scenario .fix-footer .terms-conditions-notification .terms-conditions-notification-link {
  display: block;
  color: #007faf;
  text-decoration: none;
  margin-top: 5px;
}

#content #content #fix-scenario .fix-footer .top-info-block.terms-conditions-notification {
  background-color: #e7e6f0;
}

#content #content #fix-scenario .fix-footer .summary-price {
  text-align: right;
  white-space: nowrap;
}

#content #content #fix-scenario .fix-footer .summary-price .old-price {
  color: #a4a4a4;
  text-decoration: line-through;
  font-size: 14px;
  line-height: 18px;
}

#content #content #fix-scenario .fix-footer .summary-price-detail {
  text-align: right;
  color: #a4a4a4;
  white-space: nowrap;
}

#content #content #fix-scenario .fix-footer .summary-price-detail .old-price {
  text-decoration: line-through;
}

#content #content #fix-scenario .fix-footer .summary-label-detail {
  text-align: left;
  width: 200px;
  color: #a4a4a4;
  padding-left: 6px;
}

#content #content #fix-scenario .fix-footer .summary-label-detail-indent {
  text-align: left;
  width: 200px;
  color: #a4a4a4;
  padding-left: 14px;
}

#content #content #fix-scenario .fix-footer .detail-content {
  display: none;
}

@keyframes anim_in {
  0% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}

#content #content #fix-scenario .fix-footer .main-detail-open {
  display: table !important;
  animation: anim_in 0.5s ease;
}

#content #content #fix-scenario .fix-footer .main-detail-open.legal-text-open {
  animation: none;
}

#content #content #fix-scenario .fix-footer .detail-open {
  display: table-row !important;
  animation: anim_in 0.5s ease;
}

#content #content #fix-scenario .fix-footer .summary-toggler,
#content #content #fix-scenario .fix-footer .summary-without-toggler {
  position: relative;
  width: 22px;
}

#content #content #fix-scenario .fix-footer .summary-without-toggler > span {
  display: none;
}

#content #content #fix-scenario .fix-footer .summary-main-toggler {
  position: relative;
  text-align: center;
  height: 30px;
}

@media screen and (min-width: 1366px) {
  #content #content #fix-scenario .fix-footer .summary-main-toggler {
    display: none;
  }
}

#content #content #fix-scenario .fix-footer .summary-main-content {
  display: none;
}

@media screen and (min-width: 1366px) {
  #content #content #fix-scenario .fix-footer .summary-main-content {
    display: table;
  }
}

#content #content #fix-scenario .fix-footer .white-arrow {
  display: block;
  margin: 0 auto;
  background-image: url('/theme/stwbmain/images/white-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 15px;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  cursor: pointer;
}

#content #content #fix-scenario .fix-footer .open-summary {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

#content #content #fix-scenario .fix-accordion .accordion-content {
  display: none;
}

#content #content #fix-scenario .fix-accordion h3 {
  position: relative;
}

#content #content #fix-scenario .fix-accordion .accordion-toggler {
  cursor: pointer;
  position: relative;
}

#content #content #fix-scenario .fix-accordion .accordion-toggler.not-toggle {
  cursor: default;
}

#content #content #fix-scenario .fix-accordion .black-arrow {
  position: absolute;
  right: 0;
  top: 5px;
  background-image: url('/theme/stwbmain/images/black-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 15px;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}

#content #content #fix-scenario .fix-accordion .black-arrow-small {
  position: absolute;
  right: 0;
  top: 5px;
  background-image: url('/theme/stwbmain/images/black-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 7px;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}

#content #content #fix-scenario .fix-accordion .gray-arrow {
  position: absolute;
  right: 0;
  top: 5px;
  background-image: url('/theme/stwbmain/images/gray-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 7px;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}

#content #content #fix-scenario .fix-accordion .open {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

#content #content #fix-scenario .fix-accordion .accordion-content {
  margin-top: 15px;
}

#content #content #fix-scenario .nav-stepper {
  width: 100%;
  height: 60;
  display: flex;
  align-items: center;
}

#content #content #fix-scenario .nav-stepper a {
  color: unset;
  text-decoration: none;
}

#content #content #fix-scenario .nav-stepper .stepper-item {
  position: relative;
  margin: 0 2px;
}

@media screen and (min-width: 576px) {
  #content #content #fix-scenario .nav-stepper .stepper-item {
    margin: 0 5px;
  }
}

@media screen and (min-width: 768px) {
  #content #content #fix-scenario .nav-stepper .stepper-item {
    margin: 0 8px;
  }
}

#content #content #fix-scenario .nav-stepper .stepper-item:first-of-type {
  margin-left: 0;
}

#content #content #fix-scenario .nav-stepper .stepper-item:last-of-type {
  margin-right: 0;
}

#content #content #fix-scenario .nav-stepper .stepper-inactive-items {
  display: flex;
  justify-content: flex-end;
  position: relative;
  width: 100%;
  flex-shrink: 1;
}

#content #content #fix-scenario .nav-stepper .stepper-inactive-items::before {
  content: '';
  position: absolute;
  display: inline-block;
  border-bottom: 1px solid #c8c8c8;
  height: 1px;
  flex-shrink: 1;
  width: 100%;
  top: 50%;
}

#content #content #fix-scenario .nav-stepper_text {
  font-weight: 900;
  line-height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 5px;
}

#content #content #fix-scenario a.button-outline,
#content #content #fix-scenario a.button-magenta,
#content #content #fix-scenario a.my-product,
#content #content #fix-scenario button.button-outline,
#content #content #fix-scenario button.button-magenta {
  width: 100%;
  height: auto;
  margin: 5px 0;
  padding: 16px 32px !important;
  font-weight: 500;
  border-radius: 4px !important;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  text-transform: initial;
}

@media screen and (min-width: 576px) {
  #content #content #fix-scenario a.button-outline,
  #content #content #fix-scenario a.button-magenta,
  #content #content #fix-scenario a.my-product,
  #content #content #fix-scenario button.button-outline,
  #content #content #fix-scenario button.button-magenta {
    width: auto;
  }
}

#content #content #fix-scenario a.my-product {
  background-color: #fff;
  color: #e20074;
  border: 1px solid #e20074;
}

#content #content #fix-scenario a.my-product.disabled {
  background-color: #d7d7d7 !important;
  border: none #cdcdcd !important;
  color: #fff;
  cursor: default;
}

#content #content #fix-scenario a.button-magenta,
#content #content #fix-scenario button.button-magenta {
  border: 0;
  background-color: #e20074;
  color: #fff;
}

#content #content #fix-scenario a.button-magenta.disabled,
#content #content #fix-scenario button.button-magenta.disabled {
  background-color: #d7d7d7 !important;
  border: none #cdcdcd !important;
  color: #fff;
  cursor: default;
}

#content #content #fix-scenario a.my-product:hover {
  text-decoration: none;
}

#content #content #fix-scenario a.button-magenta:hover,
#content #content #fix-scenario button.button-magenta:hover {
  background-color: rgba(226, 0, 116, 0.9);
  text-decoration: none;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

#content #content #fix-scenario a.button-magenta:hover.disabled,
#content #content #fix-scenario button.button-magenta:hover.disabled {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}

#content #content #fix-scenario a.button-outline,
#content #content #fix-scenario button.button-outline {
  background-color: #fff;
  color: #e20074;
  border: 1px solid #e20074;
}

#content #content #fix-scenario a.button-outline:hover,
#content #content #fix-scenario button.button-outline:hover {
  background-color: #fff2f8;
  text-decoration: none !important;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

#content .hw-catalog .fancybox-inner {
  width: 100vw !important;
  height: auto;
  border-radius: 8px;
}

@media screen and (min-width: 768px) {
  #content .hw-catalog .fancybox-inner {
    width: 500px !important;
    height: 600px !important;
  }
}

#content .hw-catalog .p-content {
  max-width: 100%;
  border-radius: 8px;
}

#content .fancybox-skin {
  padding: 0 !important;
  border-radius: 8px;
}

#content .p-content {
  border-radius: 8px;
  font-family: 'TeleNeo';
  color: #262626;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  background-color: #fff;
}

#content .p-content .btn-holder {
  box-shadow: 0 0 8px #ddd;
  position: sticky;
  bottom: 0;
  background: #fff;
  padding: 10px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

#content .p-content p {
  font-family: 'TeleNeo';
  color: #262626 !important;
  text-align: center;
  font-size: 16px !important;
  line-height: 20px;
  margin: 10px 0 !important;
}

#content .p-content .small-text {
  font-family: 'TeleNeo';
  font-weight: 400;
  font-size: 14px;
}

#content .p-content .gray-text {
  color: #7c7c7c !important;
}

#content .p-content a.button-outline {
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: auto;
  margin: 5px 0;
  padding: 16px 32px !important;
  font-weight: 500;
  border-radius: 4px !important;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  text-transform: initial;
  background-color: transparent;
  color: #e20074;
  border: 1px solid #e20074;
}

@media screen and (min-width: 576px) {
  #content .p-content a.button-outline {
    width: auto;
  }
}

#content .p-content a.button-outline:hover {
  background-color: #fff2f8;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

#content .p-content input.button-magenta,
#content .p-content a.button-magenta {
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: auto;
  margin: 5px 0;
  padding: 16px 32px !important;
  font-weight: 500;
  border-radius: 4px !important;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  text-transform: initial;
  background-color: #e20074;
  color: #fff;
}

@media screen and (min-width: 576px) {
  #content .p-content input.button-magenta,
  #content .p-content a.button-magenta {
    width: auto;
  }
}

#content .p-content input.button-magenta,
#content .p-content a.button-magenta:hover {
  background-color: rgba(226, 0, 116, 0.9);
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

#content .p-content .popup-lightbox {
  padding: 20px;
}

#content .p-content .popup-lightbox h3 {
  font-family: 'TeleNeo';
  color: #262626;
  font-weight: 900;
  font-size: 24px;
  line-height: 30px;
}

#content .p-content .channel-holder {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#content .p-content .channel-holder .channel {
  margin: 5px;
  width: 70px;
  height: 120px;
  overflow: hidden;
}

#content .p-content .channel-holder .channel img {
  width: 70px;
  height: auto;
}

#content .p-content .channel-holder .channel .channel-name {
  font-family: 'TeleNeo';
  color: #262626;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
}