@charset "UTF-8";
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */ }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

ul {
  padding: 0;
  margin: 0;
  list-style-type: disc;
  list-style-position: inside; }

hr {
  height: 0;
  border: 1px solid #ccc;
  border-width: 1px 0 0 0; }

/* ---------- Logo ---------- */
.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

/* ---------- Text formatting ---------- */
.important {
  font-weight: bold; }

/* ---------- Main content body ---------- */
.portal-iframe #main-content {
  width: 100%; }

/* ---------- Loading animation ---------- */
.loading-animation {
  background: url(/ReifentestUserTheme/css/../images/progress_bar/loading_animation.gif) no-repeat top center;
  margin-top: 10px;
  padding-top: 40px;
  text-align: left; }

/* ---------- Separator ---------- */
.separator {
  border-top: 1px dotted #BFBFBF; }

/* ---------- Update manager ---------- */
.update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left; }

/* ---------- Text highlighting ---------- */
.highlight {
  background: #FFC;
  font-weight: bold;
  margin: 0 1px; }

/* ---------- Miscellaneous ---------- */
span.alert {
  display: inline-block; }

#skip-to-content {
  clip: rect(0 0 0 0);
  position: absolute; }

/* ---------- Dragging/sorting indicators ---------- */
.portlet-layout.dragging {
  border-collapse: separate; }

.drop-area {
  background-color: #D3DADD; }

.active-area {
  background: #FFC; }

.portlet-boundary.yui3-dd-dragging {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }
  .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #CCC; }

.sortable-layout-proxy {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }
  .sortable-layout-proxy .portlet-topper {
    background-image: none; }

.proxy {
  cursor: move;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
  position: absolute; }
  .proxy.generic-portlet {
    height: 200px;
    width: 300px; }
    .proxy.generic-portlet .portlet-title {
      padding: 10px; }
  .proxy.not-intersecting .forbidden-action {
    background: url(/ReifentestUserTheme/css/../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px; }

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

.sortable-proxy {
  background: #727C81;
  margin-top: 1px; }

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

.sortable-layout-drag-target-indicator {
  margin: 2px 0; }

.yui3-dd-proxy {
  z-index: 1110 !important; }

/* ---------- Portal tool tips ---------- */
.tooltip {
  max-width: 200px; }

/* ---------- Tags ---------- */
.tagselector-content {
  border-width: 0;
  margin-bottom: 15px;
  overflow: visible;
  padding: 0; }
  .tagselector-content .textboxlistentry-holder {
    background: #FFF;
    border: 1px solid #CCC;
    margin-bottom: 5px;
    overflow: visible;
    padding: 5px;
    position: relative; }
    .tagselector-content .textboxlistentry-holder li {
      line-height: 1; }
    .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input {
      border-width: 0;
      margin-bottom: 0; }
  .tagselector-content .textboxlistentry-remove {
    padding: 0 3px 1px; }

.tagselector .lfr-tags-selector-content {
  border-width: 0; }
.tagselector .lfr-tag-selector-input {
  background: none;
  padding: 0;
  width: auto; }
.tagselector .field .field-content {
  margin: 0; }
.tagselector .textboxlist-input-container {
  margin: 0; }

.tagselector-focused .textboxlistentry-holder {
  background: #FFF none;
  border: 1px solid #CCC; }

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

/* ---------- Tag cloud and tag list ---------- */
.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em 1em;
  white-space: normal; }
  .tag-items li {
    display: inline;
    float: left;
    margin: 0 1em 0 0; }
  .tag-items a {
    white-space: nowrap; }

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

.tag-cloud {
  line-height: 2.5em; }
  .tag-cloud .tag-popularity-1 {
    font-size: 1em; }
  .tag-cloud .tag-popularity-2 {
    font-size: 1.3em; }
  .tag-cloud .tag-popularity-3 {
    font-size: 1.6em; }
  .tag-cloud .tag-popularity-4 {
    font-size: 1.9em; }
  .tag-cloud .tag-popularity-5 {
    font-size: 2.2em; }
  .tag-cloud .tag-popularity-6 {
    font-size: 2.5em; }

/* ---------- Underlay ---------- */
.underlay {
  clear: both;
  top: 100%; }
  .underlay .yui3-widget-hd {
    height: 38px; }
  .underlay .lfr-portlet-item {
    border-width: 0; }

.underlay-hidden {
  display: none; }

.underlay-content {
  background: #f4f3f3 url(/ReifentestUserTheme/css/../images/common/message_panel_shadow.png) repeat-x 0 0;
  border: 0 solid #AEAFB1;
  border-width: 0 1px 1px; }

.underlay-close {
  position: absolute;
  right: 5px;
  top: 5px; }

/* ---------- Tabs ---------- */
.tab-active strong {
  font-weight: normal; }

.tab-back {
  float: right; }

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

/* ---------- Miscellaneous ---------- */
.lfr-panel-container {
  background: #FFF; }

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

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

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

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

.panel-hd {
  background: #c0c2c5 url(/ReifentestUserTheme/css/../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; }

.app-view-drop-active {
  background-color: #00A2EA;
  font-weight: bold; }
  .category-portlets .app-view-drop-active {
    color: #FFF; }

.basecelleditor [class~="form-validator-message"] {
  clip: rect(auto auto auto auto);
  width: auto; }

.document-library-file-entry-cell-editor-hidden {
  display: none; }

.previous-level {
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
  margin-right: 5px;
  text-decoration: none;
  vertical-align: middle; }

/* ---------- Menus ---------- */
.lfr-page-templates li a {
  padding: 0; }
  .lfr-page-templates li a label {
    cursor: pointer;
    display: block;
    padding: 5px 0 5px 5px; }

.menu {
  position: absolute;
  width: auto; }
  .menu .notice-message {
    background-image: none;
    margin: 3px;
    padding: 6px; }

.menu-content {
  background: #FFF;
  list-style: none;
  min-width: 150px; }
  .menu-content li {
    margin: 0;
    padding: 0; }
    .menu-content li .disabled {
      color: #999; }

.menu-content {
  background: #ccc9c9 url(/ReifentestUserTheme/css/../images/application/menu_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #AEAFB1 #777879 #777879 #AEAFB1;
  padding: 2px 0; }

.menugroup-content .menu-label {
  background: #D2D6DE;
  color: #5B677D;
  display: block;
  padding: 5px 3px;
  text-shadow: 1px 1px #FFF; }

.menugroup-content ul {
  display: block;
  min-width: 0; }

.menu-content li {
  border-bottom: 1px solid #BCBBBB;
  border-top: 1px solid #EEE;
  display: block;
  margin: 0;
  padding: 0; }
  .menu-content li.first {
    border-top-width: 0; }
  .menu-content li.last {
    border-bottom-width: 0; }

.menu-content li a, .menu-content li .disabled {
  color: #2C2F34;
  display: block;
  padding: 4px 5px;
  text-decoration: none; }

.menu-content li a.focus, .lfr-menu-expanded li a:focus {
  background-color: #5B677D;
  color: #FFF;
  text-shadow: -1px -1px #2C2F34; }

/* ---------- Loading mask ---------- */
.loadingmask-content {
  background: #CCC; }

.loadingmask-message {
  background: #d4d4d4 url(/ReifentestUserTheme/css/../images/portlet/header_bg.png) repeat-x 0 0; }

/* ---------- Tree view ---------- */
.tree-node .icon-check {
  padding-right: 2px; }
  .tree-node .icon-check:before {
    content: "\f096"; }
.tree-node .tree-node-checked .icon-check {
  padding-right: 0; }
  .tree-node .tree-node-checked .icon-check:before {
    content: "\f046"; }
.tree-node .tree-node-over .tree-label {
  text-decoration: underline; }
.tree-node [class^="icon-"] {
  margin-right: 5px; }
.tree-node .tree-node-checkbox-container {
  margin-right: 0; }
.tree-node .tree-node-selected .tree-label {
  background: none; }

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px; }
.tree-node-content .tree-label {
  margin-left: 3px; }
.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden; }

.tree-node-selected .tree-label {
  background-color: transparent; }

/* ---------- Page customization ---------- */
.dragging .portlet-column.customizable {
  background-color: #CFFCCF;
  outline: 3px solid #9CC97B; }

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

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

.layout-customizable-controls {
  background-color: #FFF;
  font-size: 1.5em;
  margin: 1em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  padding: 1em;
  position: absolute;
  z-index: 15; }

/* ---------- Pagination ---------- */
.paginator-link {
  background: #eeeeee 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; }

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

.paginator-current-page {
  background: #0083bd url(/ReifentestUserTheme/css/../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
  border-color: #38B6EF #006D9E #006D9E #46B4E6;
  color: #FFF;
  text-shadow: -1px -1px #003C57; }

.paginator-first-link {
  background-image: url(/ReifentestUserTheme/css/../images/arrows/paging_first.png); }

.paginator-prev-link {
  background-image: url(/ReifentestUserTheme/css/../images/arrows/paging_previous.png); }

.paginator-last-link {
  background-image: url(/ReifentestUserTheme/css/../images/arrows/paging_last.png); }

.paginator-next-link {
  background-image: url(/ReifentestUserTheme/css/../images/arrows/paging_next.png); }

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

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

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

/* ---------- CKEditor menu ---------- */
.aui .cke_dialog .cke_dialog_ui_input_text {
  height: auto; }
.aui .cke_editable_inline a {
  cursor: pointer; }

/* ---------- CKEditor panel menu ---------- */
.cke_panel.cke_combopanel {
  width: 220px; }

.cke_panel_block .cke_panel_grouptitle {
  font-size: 20px;
  line-height: 20px;
  margin-top: 0; }
.cke_panel_block .cke_panel_list {
  margin-left: 0; }
  .cke_panel_block .cke_panel_list .cke_panel_listItem {
    line-height: initial; }
    .cke_panel_block .cke_panel_list .cke_panel_listItem a:hover {
      text-decoration: none; }

/* ---------- HTML editor ---------- */
body.html-editor {
  background: #FFF;
  color: #000;
  padding: 1em; }

.html-editor.portlet-message-boards {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word; }
  .html-editor.portlet-message-boards blockquote {
    background: #eef0f2 url(/ReifentestUserTheme/css/../images/message_boards/quoteleft.png) no-repeat 5px 5px;
    border: 1px solid #777;
    padding: 5px 45px; }
    .html-editor.portlet-message-boards blockquote:after {
      background: url(/ReifentestUserTheme/css/../images/message_boards/quoteright.png) no-repeat 50%;
      content: '';
      display: block;
      float: right;
      height: 24px;
      margin-right: -35px;
      margin-top: -25px;
      width: 31px;
      z-index: 999; }
    .html-editor.portlet-message-boards blockquote cite {
      display: block;
      font-weight: bold; }
  .html-editor.portlet-message-boards pre {
    background: #F9F9F9;
    border: 1px solid #777;
    padding: 0.5em; }

/* ---------- Inline editing ---------- */
.lfr-editable {
  outline: 1px dashed #68bb30;
  outline-offset: 2px;
  position: relative; }
  .lfr-editable:after {
    background: #68bb30 url(/ReifentestUserTheme/css/../images/common/edit_white.png) no-repeat 50%;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px; }
  .lfr-editable:focus:after {
    display: none; }
  .lfr-editable:focus:hover {
    background-color: transparent; }
  .lfr-editable:hover {
    background-color: rgba(255, 255, 255, 0.3);
    outline-color: #519226; }
    .lfr-editable:hover:after {
      background-color: #519226; }

.lfr-editable-notice-close {
  margin-left: 1em; }

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999; }
  .lfr-portlet-title-editable .lfr-portlet-title-editable-content {
    padding: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .field-content .field-input-text {
      display: block;
      margin-bottom: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .field-label.textfield-label {
      display: none; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .toolbar-content {
      margin-top: 0;
      vertical-align: top; }
      .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .toolbar-content .btn-group {
        margin-top: 0; }

.lfr-page-layouts .lfr-layout-template .layout-template-entry {
  height: 25px;
  width: 25px; }











.ios.mobile .modal-content .dialog-iframe-bd {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

/* ---------- Column widths ---------- */
.portlet-column-content.empty {
  padding: 50px; }

/* ---------- Wrapper ---------- */
#wrapper {
  padding: 2em 5em 0;
  position: relative; }
  @media (max-width: 767px) {
    #wrapper {
      padding-left: 0.5em;
      padding-right: 0.5em; } }
  @media (min-width: 768px) and (max-width: 979px) {
    #wrapper {
      padding-left: 2em;
      padding-right: 2em; } }

.aui {
  /* ---------- Staging dockbar ---------- */
  /* ---------- Add content ---------- */
  /* ---------- Menus ---------- */
  /* ---------- Customization bar ---------- */ }
  .aui .dockbar {
    left: 0;
    right: 0;
    top: 0; }
    .aui .dockbar .staging-controls .staging-bar li.dropdown .dropdown-menu {
      left: auto;
      margin-left: 10px;
      width: auto; }
    .aui .dockbar.navbar-static-top {
      position: relative; }
      .aui .dockbar.navbar-static-top .collapse {
        position: static; }
        .aui .dockbar.navbar-static-top .collapse .nav-account-controls {
          position: static; }
    .aui .dockbar .btn-link {
      color: #FFF; }
    .aui .dockbar .diamond {
      border: 12px solid transparent;
      border-bottom-color: #1485EB;
      height: 0;
      position: relative;
      top: -12px;
      width: 0; }
      .aui .dockbar .diamond:after {
        border: 12px solid transparent;
        border-top-color: #1485EB;
        content: '';
        height: 0;
        left: -12px;
        position: absolute;
        top: 12px;
        width: 0; }
    .aui .dockbar .impersonating-user .alert-icon {
      margin-right: 9px; }
    .aui .dockbar .impersonating-user .alert-info {
      border-width: 0;
      margin-bottom: 6px; }
    .aui .dockbar .info-button {
      top: 9px; }
    .aui .dockbar .info-items {
      left: 0;
      position: absolute;
      top: 100%;
      width: 100%;
      z-index: 1; }
    .aui .dockbar .navbar-inner {
      padding-left: 20px;
      padding-right: 20px; }
      .aui .dockbar .navbar-inner .brand h1 {
        display: inline-block;
        font-size: inherit;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 0; }
      .aui .dockbar .navbar-inner .container {
        margin-left: 0;
        margin-right: 0;
        width: 100%; }
        .aui .dockbar .navbar-inner .container .nav-account-controls {
          float: right; }
      .aui .dockbar .navbar-inner .site-administration-menu li {
        list-style: none; }
        .aui .dockbar .navbar-inner .site-administration-menu li a {
          color: #000;
          display: block;
          padding: 3px 5px 3px 40px; }
          .aui .dockbar .navbar-inner .site-administration-menu li a:focus, .aui .dockbar .navbar-inner .site-administration-menu li a:hover {
            background: #0DB5E7;
            color: #FFF;
            text-decoration: none; }
          .aui .dockbar .navbar-inner .site-administration-menu li a i {
            font-size: 0.8em; }
    .aui .dockbar .nav.staging-nav-items {
      margin: 0;
      position: static; }
      .aui .dockbar .nav.staging-nav-items li.dropdown.active > .dropdown-toggle {
        background-color: transparent;
        display: block; }
        .aui .dockbar .nav.staging-nav-items li.dropdown.active > .dropdown-toggle:hover {
          color: #0077B3; }
      .aui .dockbar .nav.staging-nav-items .staging-link {
        position: static; }
    .aui .dockbar .user-avatar img {
      margin-top: -2px;
      text-decoration: none;
      vertical-align: middle;
      width: 20px; }
  .aui .dockbar-split .dockbar {
    height: 0;
    position: absolute; }
    .aui .dockbar-split .dockbar .staging-controls .staging-bar li.dropdown .dropdown-menu {
      left: 0;
      margin-left: 0;
      width: 100%; }
    .aui .dockbar-split .dockbar.navbar-static-top .collapse {
      position: relative; }
      .aui .dockbar-split .dockbar.navbar-static-top .collapse .nav-account-controls {
        position: fixed; }
    .aui .dockbar-split .dockbar .divider-vertical {
      display: none; }
    .aui .dockbar-split .dockbar .info-button {
      top: 12px; }
    .aui .dockbar-split .dockbar .info-items {
      left: auto;
      position: static; }
    .aui .dockbar-split .dockbar .navbar-inner {
      background-color: transparent;
      border-width: 0;
      padding: 0;
      width: 0; }
      .aui .dockbar-split .dockbar .navbar-inner .nav {
        border-bottom-width: 0; }
        .aui .dockbar-split .dockbar .navbar-inner .nav > li {
          background-color: #333; }
          .aui .dockbar-split .dockbar .navbar-inner .nav > li > a {
            color: #FFF;
            line-height: 31px; }
            .aui .dockbar-split .dockbar .navbar-inner .nav > li > a:focus, .aui .dockbar-split .dockbar .navbar-inner .nav > li > a:hover {
              color: #FFF; }
            .aui .dockbar-split .dockbar .navbar-inner .nav > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav > li > a [class*=" icon-"] {
              margin-top: 3px; }
          .aui .dockbar-split .dockbar .navbar-inner .nav > li.active > a {
            color: #FFF; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.dropdown.active > .dropdown-toggle {
          color: #FFF; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.dropdown.open > .dropdown-toggle {
          background-color: #555;
          color: #FFF; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.info-items {
          background-color: transparent; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle > a {
          background-color: #2496E5;
          padding-bottom: 0;
          padding-top: 0; }
          .aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle > a:hover {
            background-color: #2FA4F5; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle span.nav-item-label {
          padding: 5px 10px; }
      .aui .dockbar-split .dockbar .navbar-inner .nav-account-controls {
        left: auto;
        margin-right: 0;
        padding: 0;
        position: fixed;
        right: 5em;
        z-index: 325; }
      .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls {
        background: transparent;
        position: fixed;
        top: 10%;
        z-index: 350; }
        .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li {
          float: none;
          margin: 10px;
          position: relative; }
          .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a {
            clip: rect(0 0 0 0);
            position: absolute; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a:focus {
              clip: rect(auto auto auto auto);
              position: static; }
          @media (max-width: 979px) {
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.page-preview-controls {
              display: none; } }
          .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a {
            background: #333;
            color: #FFF;
            padding: 6px 8px;
            text-align: center; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover {
              background: #555; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class*=" icon-"] {
              font-size: 25px;
              position: relative;
              vertical-align: middle; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link {
              background: #92F545; }
              .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class*=" icon-"] {
                color: #000; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .nav-item-label {
              background: #333;
              display: none;
              left: 100%;
              margin-left: 0.5em;
              margin-top: -1em;
              padding: 0 20px;
              position: absolute;
              top: 50%;
              white-space: nowrap; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover .nav-item-label {
              display: block; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .icon-caret-down {
              display: none; }
        .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls:hover > li.toggle-controls a {
          clip: rect(auto auto auto auto);
          position: static; }
    .aui .dockbar-split .dockbar .staging-nav-items li > span {
      color: #FFF;
      display: block;
      padding: 10px 15px;
      line-height: 31px; }
  .aui .dockbar-split .info-link-container {
    width: 0; }
  .aui .dockbar-split .info-items {
    height: 1px;
    width: 715px; }
    .aui .dockbar-split .info-items a, .aui .dockbar-split .info-items .btn-link {
      color: #FFF;
      text-decoration: underline; }
      .aui .dockbar-split .info-items a:hover, .aui .dockbar-split .info-items .btn-link:hover {
        text-decoration: none; }
        .aui .dockbar-split .info-items a:hover .taglib-text, .aui .dockbar-split .info-items .btn-link:hover .taglib-text {
          text-decoration: none; }
    .aui .dockbar-split .info-items .btn-link {
      border-width: 0;
      font-size: 14px;
      font-weight: 300;
      margin: 0 0 0 6px;
      padding: 0;
      text-shadow: none; }
  .aui .dockbar-split .staging-bar {
    margin: 10px 0; }
  .aui .dockbar-split.controls-hidden .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link {
    background: #F5AF45; }
  .aui .dockbar-split.lfr-has-add-content .nav-add-controls {
    left: 350px; }
  .aui .dockbar-split.lfr-has-device-preview .nav-add-controls {
    left: 220px; }
  .aui .dockbar-split.lfr-has-edit-layout .nav-add-controls {
    left: 460px; }
  .aui.dialog-iframe-root-node .dockbar .nav-add-controls .page-preview-controls {
    display: none; }
  .aui .touch .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link, .aui .controls-hidden.dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link {
    clip: rect(auto auto auto auto);
    position: static; }
  .aui .variation-selector {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 1em; }
  .aui .layout-revision-container {
    margin: 1em 0 0 1em;
    padding: 0; }
    .aui .layout-revision-container .approximate-date {
      color: #999;
      font-weight: bold; }
    .aui .layout-revision-container .current-version {
      color: #41801d;
      display: block; }
    .aui .layout-revision-container .current-version-pointer {
      display: inline-block;
      width: 0; }
      .aui .layout-revision-container .current-version-pointer img {
        left: -25px;
        position: relative; }
    .aui .layout-revision-container .layout-variation-name {
      color: #666;
      font-size: 1.15em;
      margin-bottom: 0.1em;
      text-transform: uppercase; }
    .aui .layout-revision-container .layout-revision-current {
      color: #666; }
    .aui .layout-revision-container .real-date {
      color: #999;
      display: block;
      text-align: right; }
    .aui .layout-revision-container .taglib-workflow-status .workflow-status {
      background: none;
      padding-left: 0; }
      .aui .layout-revision-container .taglib-workflow-status .workflow-status .workflow-status-ready-for-publication {
        color: #41801d;
        font-weight: bold; }
  .aui .layout-revision-container-root {
    margin: 0; }
  .aui .staging-controls {
    padding-left: 5px;
    padding-right: 50px; }
    .aui .staging-controls select {
      width: 100%; }
    .aui .staging-controls .staging-bar .dropdown-menu {
      font-size: 13px;
      min-width: 520px;
      width: 100%; }
      .aui .staging-controls .staging-bar .dropdown-menu .btn-link {
        float: left;
        font-size: 11px;
        margin: 0 5px 0 0;
        padding: 0;
        text-decoration: underline;
        text-shadow: none; }
        .aui .staging-controls .staging-bar .dropdown-menu .btn-link:hover {
          text-decoration: none; }
        .aui .staging-controls .staging-bar .dropdown-menu .btn-link.history {
          float: right; }
  .aui .lfr-admin-panel {
    background-color: #FFF;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 10px;
    position: fixed;
    top: 0;
    z-index: 1100; }
    @media (max-width: 767px) {
      .aui .lfr-admin-panel {
        margin: 0 -20px;
        position: static;
        width: auto; }
        .aui .lfr-admin-panel.lfr-add-panel .add-content-menu .lfr-add-page-toolbar, .aui .lfr-admin-panel.lfr-edit-layout-panel .taglib-form-navigator .button-holder {
          margin-top: 0;
          position: static;
          width: auto; }
        .aui .lfr-admin-panel.lfr-edit-layout-panel .taglib-form-navigator .accordion {
          margin-bottom: 20px; }
        .aui .lfr-admin-panel.lfr-edit-layout-panel .site-admin-link {
          padding: 0;
          position: static; } }
  .aui .lfr-has-add-content {
    padding-left: 350px; }
  .aui .lfr-has-device-preview {
    padding-left: 220px; }
  .aui .lfr-has-edit-layout {
    padding-left: 460px; }
  @media (max-width: 767px) {
    .aui .lfr-has-add-content, .aui .lfr-has-device-preview, .aui .lfr-has-edit-layout {
      padding-left: 20px; } }
  .aui .dropdown-menu > li > a:focus > [class^="icon-"] {
    background-image: none; }
  .aui .my-sites-menu .site-type {
    color: #FFF;
    display: none;
    float: right;
    font-size: 0.8em;
    font-weight: normal;
    margin-right: 10px;
    position: absolute;
    right: 100%; }
  .aui .my-sites-menu a:hover .site-type {
    color: #FFFFFF;
    display: inline-block; }
  .aui .ie.rtl .dockbar .menu-button span {
    background-position-x: -25px; }
  .aui.ie6 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls, .aui.ie7 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls, .aui.ie8 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls {
    display: none; }
  .aui .ie7 .dockbar {
    zoom: 1; }
  .aui .ie7 .my-sites-menu a {
    overflow: visible;
    text-align: left; }
  .aui .ie7 .my-sites-menu .site-name {
    float: none; }
  .aui .ie7 .my-sites-menu .site-type {
    float: none; }
  .aui .ie6 .dockbar, .aui .ie6 .lfr-dockbar-pinned .dockbar {
    height: 10px;
    left: 0;
    position: relative;
    top: 0; }
  .aui .ie6 .dockbar .pin-dockbar {
    display: none; }
  .aui .ie6 .my-sites-menu {
    width: 200px; }
    .aui .ie6 .my-sites-menu a {
      zoom: 1; }
  .aui .ie6 .menu-scroll {
    height: 300px;
    overflow-y: auto; }
  .aui .controls-hidden .info-button, .aui .controls-hidden .page-customization-bar {
    display: none; }
  .aui .info-button {
    cursor: pointer;
    display: inline-block;
    position: relative;
    right: 12px;
    z-index: 1; }
    .aui .info-button a {
      color: #FFF;
      padding: 2px 10px;
      position: absolute;
      text-decoration: none;
      z-index: 1; }
    .aui .info-button .icon-stop {
      color: #1485EB;
      font-size: 20px; }
  .aui .page-customization-bar {
    background-color: #555;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    display: table;
    font-size: 14px;
    font-weight: 300;
    padding: 0 15px;
    width: 100%; }
    .aui .page-customization-bar .customized-icon {
      margin: 5px;
      vertical-align: middle; }
    .aui .page-customization-bar .page-customization-actions {
      padding-left: 5em; }
    .aui .page-customization-bar .page-customization-actions a {
      color: #EEE;
      font-size: 0.8em;
      padding: 0 1em; }
    .aui .page-customization-bar .page-customization-bar-form {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 25%; }
      .aui .page-customization-bar .page-customization-bar-form a {
        color: #FFF; }
        .aui .page-customization-bar .page-customization-bar-form a:focus, .aui .page-customization-bar .page-customization-bar-form a:hover {
          color: #FFF;
          text-decoration: none; }
      .aui .page-customization-bar .page-customization-bar-form span {
        display: block;
        line-height: 20px; }
    .aui .page-customization-bar .page-customization-bar-text {
      display: table-cell;
      height: 51px;
      vertical-align: middle;
      width: 75%; }
    .aui .page-customization-bar .page-customization-bar-container {
      position: absolute; }
    .aui .page-customization-bar .reset-prototype {
      display: inline; }
  @media (max-width: 1140px) {
    .aui .dockbar-split .dockbar .info-items {
      width: 515px; } }
  @media (max-width: 979px) {
    .aui #navigation {
      display: none; }
      .aui #navigation.open {
        display: block; }
    .aui .dockbar-split .dockbar {
      height: auto;
      position: relative; }
      .aui .dockbar-split .dockbar .navbar-inner {
        width: auto; }
    .aui .user-avatar-image {
      width: 18px; } }

/* ---------- Add/remove page ---------- */
.modify-pages li {
  position: relative; }
  .modify-pages li.lfr-nav-hover .delete-tab {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }
.modify-pages .add-page-editor-input {
  width: 150px; }
.modify-pages .delete-tab {
  color: #444;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 10px;
  line-height: 6px;
  margin-top: -8px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  padding: 3px 0;
  position: absolute;
  right: 1px;
  text-shadow: 0 1px #FFF;
  top: 50%; }
  .modify-pages .delete-tab:hover {
    color: #B50303; }
.modify-pages .lfr-nav-sortable > a > span {
  padding-left: 28px; }
.modify-pages .drag-handle {
  background-color: #555;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #FFF;
  cursor: pointer;
  font-size: 16px;
  left: 3px;
  line-height: 1em;
  margin: 8px;
  padding: 4px;
  position: absolute;
  text-align: center;
  top: 2px;
  width: 1em; }
@media (min-width: 980px) {
  .modify-pages .lfr-nav-sortable > a > span {
    padding-left: 0; }
  .modify-pages .drag-handle {
    display: none; } }
.modify-pages .lfr-nav-updateable.selected a:hover span {
  cursor: text; }

.controls-hidden .modify-pages .lfr-nav-sortable > a > span {
  padding-left: 0; }
.controls-hidden .modify-pages .drag-handle {
  display: none; }

.nav li .toolbar {
  margin-top: 5px; }

/* ---------- Navigation portlet ---------- */
.nav-menu ul {
  padding-left: 10px; }
.nav-menu li a.ancestor {
  font-weight: bold; }
.nav-menu li a.selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.nav-menu-style-arrows ul {
  list-style-image: url(/ReifentestUserTheme/css/../images/arrows/04_right.png); }

/* ---------- Page template selector ---------- */
.form-options {
  border: 1px solid #AAA;
  display: inline-block;
  vertical-align: middle; }
  .form-options input {
    border-width: 0;
    display: inline;
    float: left; }

.form-triggers {
  float: left; }

.form-trigger {
  background: #c4c4c4 url(/ReifentestUserTheme/css/../images/application/button_bg.png) repeat-x 0 0;
  border-left: 1px solid #BBB;
  display: inline-block;
  float: left; }
  .form-trigger img {
    background: url() no-repeat 50% 40%;
    height: 25px;
    padding: 0 3px;
    vertical-align: middle;
    width: 16px; }
  .form-trigger:focus, .form-trigger:hover {
    background-color: #83B0CA;
    background-image: url(/ReifentestUserTheme/css/../images/application/button_bg_over.png); }

.trigger-selected {
  background-color: #EBEBEB;
  background-image: url(/ReifentestUserTheme/css/../images/application/button_bg_selected.png); }
  .trigger-selected:focus, .trigger-selected:hover {
    background-color: #B7DEF4;
    background-image: url(/ReifentestUserTheme/css/../images/application/button_bg_selected_over.png); }

.options-trigger img {
  background-image: url(/ReifentestUserTheme/css/../images/common/configuration.png); }

.save-trigger img {
  background-image: url(/ReifentestUserTheme/css/../images/common/check.png); }

.portlet-dropzone {
  transition: padding 0.5s linear; }

.dragging .portlet-dropzone {
  outline: 1px dotted black;
  min-height: 100px; }

/* ---------- Portlet wrapper and icons ---------- */
.freeform .portlet {
  margin-bottom: 0; }

body.portlet {
  border: none; }

.portlet-topper {
  position: relative; }
  .portlet-topper .portlet-topper-toolbar {
    margin: 0;
    padding: 2px;
    position: absolute;
    right: 3px;
    text-align: right;
    top: 3px;
    z-index: 300; }
    .portlet-topper .portlet-topper-toolbar a {
      color: inherit; }
      .portlet-topper .portlet-topper-toolbar a, .portlet-topper .portlet-topper-toolbar a:hover {
        text-decoration: none; }
      .portlet-topper .portlet-topper-toolbar a i {
        font-size: 19px; }
    .portlet-topper .portlet-topper-toolbar .nobr {
      display: block;
      float: left;
      padding: 1px; }
    .portlet-topper .portlet-topper-toolbar .portlet-icon-back {
      background: url(/ReifentestUserTheme/css/../images/arrows/12_left.png) no-repeat 0 50%;
      color: #FFF;
      font-weight: bold;
      padding: 5px 5px 5px 18px; }
      .portlet-topper .portlet-topper-toolbar .portlet-icon-back:hover {
        color: #FFF; }
    .portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
      color: transparent;
      font-size: 0; }

.portlet-title {
  display: block; }
  .portlet-title img {
    vertical-align: middle; }

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

.portlet-title-text {
  display: inline-block;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap; }

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

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

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

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

.portlet-borderless-bar, .portlet-content .lfr-icon-actions {
  background: #333;
  color: #FFF;
  text-shadow: -1px -1px #000; }
  .portlet-borderless-bar a, .portlet-content .lfr-icon-actions a {
    color: #3AF; }

.portlet-borderless-container:hover .portlet-borderless-bar, .portlet-content:hover .lfr-icon-actions {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions, .portlet-content:hover .lfr-icon-actions .taglib-text {
  display: inline-block; }

.portlet-content .lfr-icon-actions {
  float: left;
  margin: 1px 10px 1px 1px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  padding: 2px 7px; }
  .portlet-content .lfr-icon-actions .taglib-text {
    color: #FFF;
    display: none;
    font-weight: bold;
    margin-right: 1em;
    text-decoration: none;
    vertical-align: middle; }
  .portlet-content .lfr-icon-actions .lfr-icon-action a {
    background: url() no-repeat 0 50%;
    display: inline-block;
    margin-left: 5px;
    vertical-align: top; }
    .portlet-content .lfr-icon-actions .lfr-icon-action a:hover {
      text-decoration: none; }
      .portlet-content .lfr-icon-actions .lfr-icon-action a:hover span {
        text-decoration: underline; }
    .portlet-content .lfr-icon-actions .lfr-icon-action a img {
      visibility: hidden; }
  .portlet-content .lfr-icon-actions .lfr-icon-action-add a {
    background-image: url(/ReifentestUserTheme/css/../images/common/add_white.png); }
  .portlet-content .lfr-icon-actions .lfr-icon-action-edit a {
    background-image: url(/ReifentestUserTheme/css/../images/common/edit_white.png); }
  .portlet-content .lfr-icon-actions .lfr-icon-action-edit-template a {
    background-image: url(/ReifentestUserTheme/css/../images/common/edit_template_white.png); }
  .portlet-content .lfr-icon-actions .lfr-icon-action-configuration a {
    background-image: url(/ReifentestUserTheme/css/../images/common/configuration_white.png); }
.portlet-content .lfr-url-error {
  display: inline-block;
  white-space: normal; }

/* ---------- Borderless portlet ---------- */
.portlet-borderless-container {
  min-height: 2.5em;
  position: relative; }

.portlet-borderless-bar {
  font-size: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  padding: 2px 5px 1px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 200; }
  .portlet-borderless-bar a {
    background: url() no-repeat 0 50%;
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 16px; }
  .portlet-borderless-bar .portlet-actions {
    display: none;
    float: left;
    margin-right: 10px;
    overflow: hidden; }
  .portlet-borderless-bar .portlet-actions, .portlet-borderless-bar .portlet-title-default {
    min-height: 20px;
    vertical-align: top; }
  .portlet-borderless-bar .portlet-action-separator {
    display: none; }
  .portlet-borderless-bar .portlet-back a {
    height: auto;
    text-indent: 0;
    width: auto; }
  .portlet-borderless-bar .portlet-close a {
    background-image: url(/ReifentestUserTheme/css/../images/portlet/close_borderless.png); }
  .portlet-borderless-bar .portlet-options li.lfr-trigger strong a {
    background-image: url(/ReifentestUserTheme/css/../images/portlet/options_borderless.png); }

.lfr-configurator-visibility .portlet-borderless-bar {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }
.lfr-configurator-visibility .portlet-content .lfr-icon-actions {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.portlet-content .icons-container {
  clear: both;
  height: auto;
  margin-top: 1em;
  overflow: hidden;
  width: auto; }

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

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

/* ---------- Panel page ---------- */
.lfr-panel-page {
  width: 100%; }
  .lfr-panel-page .portlet-title {
    font-size: 13px; }
  .lfr-panel-page .lfr-add-content h2 span {
    background-color: #D3DADD; }

/* ---------- Standard styles defined in the JSR 168 ---------- */
/* ---------- Fonts ---------- */
/* ---------- Font attributes for the 'normal' fragment font ---------- */
/* ---------- Font attributes similar to the .portlet-font but the color is lighter ---------- */
/* ---------- Messages ---------- */
.portlet-msg {
  background: #EEE none no-repeat 6px 50%;
  border: 1px solid #555;
  color: #34404F;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left; }

/* ---------- Status labels ---------- */
.lfr-status-alert-label, .lfr-status-error-label, .lfr-status-info-label, .lfr-status-progress-label, .lfr-status-success-label {
  background: none no-repeat 0 50%;
  padding: 3px 3px 3px 20px; }

.lfr-status-alert-label {
  background-image: url(/ReifentestUserTheme/css/../images/messages/alert.png);
  color: #663; }

.lfr-status-error-label {
  background-image: url(/ReifentestUserTheme/css/../images/messages/error.png);
  color: #900; }

.lfr-status-help-label, .lfr-status-info-label, .lfr-status-progress-label {
  background-image: url(/ReifentestUserTheme/css/../images/messages/info.png);
  color: #34404F; }

.lfr-status-help-label {
  background-image: url(/ReifentestUserTheme/css/../images/portlet/help.png); }

.lfr-status-progress-label {
  background-image: url(/ReifentestUserTheme/css/../images/aui/loading_indicator.gif); }

.lfr-status-success-label {
  background-image: url(/ReifentestUserTheme/css/../images/messages/success.png);
  color: #384F34; }

/* ---------- Liferay messages ---------- */
.lfr-message {
  position: relative; }
  .lfr-message .lfr-message-control {
    background-color: #333;
    display: inline-block; }
  .lfr-message .lfr-message-controls {
    display: none;
    left: 3px;
    margin: -8px 8px 0 3px;
    position: absolute;
    top: 50%;
    z-index: 10; }
  .lfr-message .lfr-message-close {
    background-image: url(/ReifentestUserTheme/css/../images/portlet/close_borderless.png);
    background-position: 0 0;
    background-repeat: no-repeat; }
  .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; }
    .lfr-message .lfr-message-close-all a {
      color: #FFF; }
  .lfr-message .lfr-message-controls-hover .lfr-message-close-all {
    display: inline-block; }
  .lfr-message.pending {
    background-image: url(/ReifentestUserTheme/css/../images/common/time.png); }

.lfr-message-content.alert {
  margin-bottom: 0; }

.lfr-message-close {
  cursor: pointer; }

/* ---------- Sections ---------- */
/* ---------- Text in a selected cell range ---------- */
.portlet-section-selected, .portlet-section-selected a {
  background: #727C81;
  color: #FFF;
  font-weight: bold;
  text-decoration: none; }
.portlet-section-selected a:hover, .portlet-section-selected a:focus {
  background-color: #727C81; }

/* ---------- Text of a subheading ---------- */
/* ---------- Table or section footnote ---------- */
/* ---------- Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the section) ---------- */
/* ---------- Forms ---------- */
.alert .form {
  margin: 0; }

/* ---------- Text used for the descriptive label of the whole form (not the labels for fields) ---------- */
/* ---------- Text of the user-input in an input field ---------- */
/* ---------- Text on a button ---------- */
/* ---------- Text that appears beside a context dependent action icon ---------- */
/* ---------- Text that appears beside a 'standard' icon (e.g. Ok, or cancel) ---------- */
/* ---------- Text for a separator of fields (e.g. checkboxes, etc.) ---------- */
/* ---------- Text for a field (not input field, e.g. checkboxes, etc.) ---------- */
/* ---------- Menus ---------- */
/* ---------- General menu settings such as background color, margins, etc. ---------- */
/* ---------- Normal, unselected menu item ---------- */
/* ---------- Selected menu item ---------- */
/* ---------- Normal, unselected menu item when the mouse hovers over it ---------- */
/* ---------- Selected menu item when the mouse hovers over it ---------- */
/* ---------- Normal, unselected menu item that has sub-menus ---------- */
/* ---------- Selected sub-menu item that has sub-menus ---------- */
/* ---------- Descriptive text for the menu (e.g. in a help context below the menu) ---------- */
/* ---------- Menu caption ---------- */
/* ---------- Miscellaneous portlet styles ---------- */
.restricted, .restricted td {
  background: #FDD;
  border: none; }
.restricted * {
  color: #727C81; }

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

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

.alt.restricted td.first, .restricted td.first {
  background-image: url(/ReifentestUserTheme/css/../images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px; }

/* ---------- Permissions ---------- */
.table-data tr.lfr-role .first {
  background-image: url();
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 30px; }
.table-data tr.lfr-role-guest .first {
  background-image: url(/ReifentestUserTheme/css/../images/common/guest_icon.png); }
.table-data tr.lfr-role-regular .first {
  background-image: url(/ReifentestUserTheme/css/../images/common/user_icon.png); }
.table-data tr.lfr-role-site .first {
  background-image: url(/ReifentestUserTheme/css/../images/common/site_icon.png); }
.table-data tr.lfr-role-organization .first {
  background-image: url(/ReifentestUserTheme/css/../images/common/organization_icon.png); }
.table-data tr.lfr-role-team .first {
  background-image: url(/ReifentestUserTheme/css/../images/common/team_icon.png); }

/* ---------- Miscellaneous component styles ---------- */
/* ---------- Add content dialog ---------- */
.lfr-portlet-item, .lfr-portlet-item p a {
  font-size: 1em; }

/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border: none; }
.taglib-calendar tr td a {
  background-color: #F0F5F7;
  border: 1px solid #FFF;
  border-bottom: none;
  border-left: none;
  display: block;
  height: 15px;
  padding: 5px 0; }
  .taglib-calendar tr td a:hover {
    background-color: #727C81;
    color: #FFF; }
.taglib-calendar tr td.calendar-inactive {
  background-color: #FFF;
  color: #B5BFC4; }
.taglib-calendar tr th {
  border-bottom-color: #D7D7D7; }
.taglib-calendar table td {
  border-width: 0; }
.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
  background-color: #FFF; }
.taglib-calendar .calendar-current-day a {
  border: 1px solid #727C81;
  color: #369;
  text-decoration: underline; }

/* ---------- navbar form search ---------- */
.navbar form {
  margin: 0; }















  .ie6 .portlet-borderless-bar .portlet-actions {
    display: inline;
    filter: alpha(opacity=90); }




.menu-content, .underlay-content {
  -webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5); }

.lfr-add-panel, .lfr-device-preview-panel, .lfr-edit-layout-panel {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

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

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

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

.lfr-device-preview .lfr-device-size-status-content {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 1px white;
  -moz-box-shadow: 0 0 1px white;
  box-shadow: 0 0 1px white;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9; }
.lfr-device-preview .lfr-device:after, .lfr-device-preview .lfr-device:before {
  -webkit-box-shadow: #111111 0 1px 0;
  -moz-box-shadow: #111111 0 1px 0;
  box-shadow: #111111 0 1px 0; }
.lfr-device-preview .lfr-device:after {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }
.lfr-device-preview .lfr-device.rotated:after, .lfr-device-preview .lfr-device.rotated:before {
  -webkit-box-shadow: #111111 -1px 1px 0;
  -moz-box-shadow: #111111 -1px 1px 0;
  box-shadow: #111111 -1px 1px 0; }
.lfr-device-preview .lfr-device.smartphone, .lfr-device-preview .lfr-device.tablet {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px; }
.lfr-device-preview .lfr-device.tablet:before {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

@media (max-width: 979px) {
  .dockbar .navbar-inner .btn-navbar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none; } }
.dockbar .navbar-inner .nav li.staging-toggle.active > a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
.dockbar .navbar-inner .nav li.staging-toggle span {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
.dockbar .menu-button-active .menu-button {
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7); }
.dockbar .impersonating-user .alert-info {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.dockbar-split .dockbar .navbar-inner .nav > li > a {
  text-shadow: none; }
.dockbar-split .dockbar .navbar-inner .nav-add-controls > li a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .dockbar-split .dockbar .navbar-inner .nav-add-controls > li a .nav-item-label {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px; }
.dockbar-split .dockbar .navbar-inner .nav-add-controls > li.open a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

@media (max-width: 979px) {
  .navbar .navbar-search .form-search .search-query {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px; } }
.portlet-document-library .lfr-ddm-small-image-preview, .portlet-dynamic-data-mapping .lfr-ddm-small-image-preview {
  -webkit-box-shadow: 0 1px 3px #cccccc;
  -moz-box-shadow: 0 1px 3px #cccccc;
  box-shadow: 0 1px 3px #cccccc; }

.portlet-asset-category-admin .tree-node-selected, .portlet-asset-category-admin .tree-node-over, .portlet-asset-category-admin .category-item {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

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

.portlet-document-library-upload-mask .overlaymask-content {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.lfr-search-combobox-item, .portlet-journal .lfr-search-combobox .search input {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px; }

.lfr-search-combobox .field-input-text {
  -webkit-border-radius: 4px 1px 1px 4px;
  -moz-border-radius: 4px 1px 1px 4px;
  -ms-border-radius: 4px 1px 1px 4px;
  -o-border-radius: 4px 1px 1px 4px;
  border-radius: 4px 1px 1px 4px; }
.lfr-search-combobox .button-input {
  -webkit-border-radius: 1px 4px 4px 1px;
  -moz-border-radius: 1px 4px 4px 1px;
  -ms-border-radius: 1px 4px 4px 1px;
  -o-border-radius: 1px 4px 4px 1px;
  border-radius: 1px 4px 4px 1px; }

.lfr-upload-container .progress-bar, .lfr-upload-container .progress, .lfr-editable:after {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

body > .lfr-menu-list ul, .active-area-proxy, .entry-display-style .entry-thumbnail, .lfr-api-results, .lfr-translation-manager, .lfr-translation-manager-translation, .lfr-upload-container .cancel-button .modify-pages .delete-tab, .portlet-image-gallery-display .image-thumbnail img, .rule-group-instance-container .rule-group-instance, .select-documents, .select-files, .taglib-ratings.stars:hover, .taglib-ratings.stars:hover .liferay-rating-vote > div, .taglib-ratings.stars .rating-focused > div, .tags-search-combobox .field-input-text {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.entry-display-style, .lfr-search-combobox, .lfr-upload-container .upload-file, .lfr-upload-container .upload-target, .portlet-document-library .common-file-metadata-container.selected, .portlet-document-library-display .common-file-metadata-container.selected, .portlet-image-gallery-display .image-icon, .select-documents, .select-files {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.portlet-journal .lfr-ddm-container .field-wrapper {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

.portlet-journal .display-page-item-container .display-page-item, .portlet-journal .display-page-item-container .display-page-item .display-page-item-remove, .taglib-categorization-filter .asset-entry {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px; }

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

.taglib-form-navigator > .form-steps > ul.form-navigator.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.well .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.well .tab .tab-label:focus .number {
    -webkit-box-shadow: 0 0 5px 0 #333333;
    -moz-box-shadow: 0 0 5px 0 #333333;
    box-shadow: 0 0 5px 0 #333333;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-property: box-shadow;
    -moz-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.well .tab .tab-label .number {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }

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

.input-localized .lfr-input-localized-state {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
.input-localized .lfr-input-localized .lfr-input-localized-state {
  -webkit-box-shadow: 0 0 3px #dddddd;
  -moz-box-shadow: 0 0 3px #dddddd;
  box-shadow: 0 0 3px #dddddd; }
  .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    -webkit-box-shadow: 0 0 3px #ff0047;
    -moz-box-shadow: 0 0 3px #ff0047;
    box-shadow: 0 0 3px #ff0047; }
.input-localized .palette-item-selected .lfr-input-localized-state {
  -webkit-box-shadow: 0 0 3px #27c1f2;
  -moz-box-shadow: 0 0 3px #27c1f2;
  box-shadow: 0 0 3px #27c1f2; }

.lfr-add-panel .add-content-button .lfr-actions {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }
.lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list:hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list.hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list.over, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive:hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive.hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive.over {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
.lfr-add-panel .lfr-panel.lfr-extended {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
.lfr-add-panel .lfr-panel.lfr-extended .lfr-panel-titlebar, .lfr-add-panel .add-application-tab .lfr-add-content .lfr-title-category {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d2dbe4), color-stop(100%, #bdc8d6));
  background-image: -webkit-linear-gradient(#d2dbe4, #bdc8d6);
  background-image: -moz-linear-gradient(#d2dbe4, #bdc8d6);
  background-image: -o-linear-gradient(#d2dbe4, #bdc8d6);
  background-image: linear-gradient(#d2dbe4, #bdc8d6); }
.lfr-add-panel .search-panel .add-content-search .field-input {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.lfr-add-dialog .add-content-menu .search-query, .lfr-add-panel .add-content-menu .search-query {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }

.lfr-content-preview-popup .lfr-content-preview-popup-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25);
  box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25); }

.lfr-message .lfr-message-control {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

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

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

.staging-tabview-list {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.site-variations-tabview-list .tab-content, .staging-tabview-list .tab-active .tab-content, .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

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

.lfr-action-label {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

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

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

.lfr-progress-active .progress-bar-status, .lfr-upload-container .file-uploading .progress-bar .progress {
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
  -webkit-animation: progress-bar-stripes 0.5s linear infinite;
  -moz-animation: progress-bar-stripes 0.5s linear infinite;
  -ms-animation: progress-bar-stripes 0.5s linear infinite;
  -o-animation: progress-bar-stripes 0.5s linear infinite;
  animation: progress-bar-stripes 0.5s linear infinite;
  -webkit-transition: width 0.5s ease-out;
  -moz-transition: width 0.5s ease-out;
  -o-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out; }

@-webkit-keyframes highlight-animation {
  from {
    background-color: #FFC; }

  to {
    background-color: transparent; } }

@-moz-keyframes highlight-animation {
  from {
    background-color: #FFC; }

  to {
    background-color: transparent; } }

@-o-keyframes highlight-animation {
  from {
    background-color: #FFC; }

  to {
    background-color: transparent; } }

@keyframes highlight-animation {
  from {
    background-color: #FFC; }

  to {
    background-color: transparent; } }

.highlight-animation {
  -webkit-animation: highlight-animation 0.7s;
  -moz-animation: highlight-animation 0.7s;
  -ms-animation: highlight-animation 0.7s;
  -o-animation: highlight-animation 0.7s;
  animation: highlight-animation 0.7s; }

body:first-of-type .portlet-borderless-bar, body:first-of-type .portlet-content .lfr-icon-actions {
  -webkit-transition: opacity 0.5s ease;
  -webkit-transition-delay: 0.15s;
  -moz-transition: opacity 0.5s ease 0.15s;
  -o-transition: opacity 0.5s ease 0.15s;
  transition: opacity 0.5s ease 0.15s; }
body:first-of-type .portlet-borderless-container:hover .portlet-borderless-bar, body:first-of-type .portlet-content:hover .lfr-icon-actions {
  -webkit-transition: opacity 0.5s ease;
  -webkit-transition-delay: 0s;
  -moz-transition: opacity 0.5s ease 0s;
  -o-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s; }
body:first-of-type .portlet-borderless-bar .portlet-actions, body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
  display: inline-block;
  max-width: 0;
  overflow: hidden;
  -webkit-transition: max-width 0.3s ease-in;
  -webkit-transition-delay: 0.2s;
  -moz-transition: max-width 0.3s ease-in 0.2s;
  -o-transition: max-width 0.3s ease-in 0.2s;
  transition: max-width 0.3s ease-in 0.2s;
  text-overflow: ellipsis;
  white-space: nowrap; }
body:first-of-type .portlet-borderless-bar .portlet-actions, body:first-of-type .portlet-content:hover .lfr-icon-actions .taglib-text {
  -webkit-transition: max-width 0.3s ease;
  -webkit-transition-delay: 0s;
  -moz-transition: max-width 0.3s ease 0s;
  -o-transition: max-width 0.3s ease 0s;
  transition: max-width 0.3s ease 0s; }
body:first-of-type .portlet-borderless-bar .portlet-actions {
  -moz-border-radius-bottomleft: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px; }
body:first-of-type .portlet-borderless-bar .portlet-title-default {
  -moz-border-radius-bottomright: 20px;
  -webkit-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  border-top-right-radius: 20px; }
body:first-of-type .portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions {
  max-width: 500px; }
body:first-of-type .portlet-content:hover .lfr-icon-actions .taglib-text {
  max-width: 200px; }
@media (max-width: 979px) {
  body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
    max-width: 200px; } }

.portlet-boundary.yui3-dd-dragging {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease; }

.portlet-document-library .entry-thumbnail .label, .portlet-document-library-display .workflow-status .label, .portlet-journal .entry-thumbnail .label {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -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; }

@-webkit-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }

  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }

  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@-moz-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }

  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }

  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@-o-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }

  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }

  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }

  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }

  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

.upload-drop-active .lfr-upload-container .upload-target {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none; }
.upload-drop-active .portlet-document-library .document-container {
  -webkit-box-shadow: inset 0 0 5px #b8c1d1;
  -moz-box-shadow: inset 0 0 5px #b8c1d1;
  box-shadow: inset 0 0 5px #b8c1d1; }

.upload-drop-intent .lfr-upload-container .upload-target {
  -webkit-animation: lfr-drop-active 1s ease 0.2s infinite;
  -moz-animation: lfr-drop-active 1s ease 0.2s infinite;
  -ms-animation: lfr-drop-active 1s ease 0.2s infinite;
  -o-animation: lfr-drop-active 1s ease 0.2s infinite;
  animation: lfr-drop-active 1s ease 0.2s infinite; }

body .test_content {
  padding-top: 5em; }
  @media screen and (max-width: 1279px) {
    body .test_content {
      padding-top: 0;
      margin: 0 auto; } }

body.dockbar-ready .test_content {
  padding-top: 0; }

body .test_material_layout_bottom {
  background: #f2f2f1; }

.ng-carousel {
  display: block;
  width: 100%;
  height: 387px;
  white-space: nowrap;
  position: relative;
  overflow: hidden; }

.ng-carousel slidecontainer {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  font-size: 0; }

.ng-carousel slidecontainer.carousel-ignore-first-slide {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }

.ng-carousel slidecontainer.carousel-animate {
  -webkit-transition: -webkit-transform 0.5s ease-out 0s;
  -moz-transition: -moz-transform 0.5s ease-out 0s;
  -ms-transition: -ms-transform 0.5s ease-out 0s;
  -o-transition: -o-transform 0.5s ease-out 0s;
  transition: transform 0.5s ease-out 0s; }

.ng-carousel slide {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center; }

.ng-carousel .carousel-arrow {
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 100px;
  text-align: center; }

.ng-carousel .carousel-arrow.carousel-arrow-left {
  left: 0; }

.ng-carousel .carousel-arrow.carousel-arrow-right {
  right: 0; }

.test_max_padding {
  padding: 30px; }

.test_material_layout_bottom {
  background: #FFF;
  max-width: 1112px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.22);
  position: relative; }

.test_content {
  position: relative;
  margin: 0 auto;
  /* Android 2.3 :checked fix */
  @-webkit-keyframes fake {
    from {
      opacity: 1; }

    to {
      opactity: 1; } }

  @keyframes fake {
    from {
      opacity: 1; }

    to {
      opactity: 1; } }

  /*
    .no_hidden_mobile {
      display: none !important;
    }*/ }
  .test_content .test_logo .test_logo_reifentest .test_icons_logo {
    position: absolute; }
    .test_content .test_logo .test_logo_reifentest .test_icons_logo:after {
      content: "";
      width: 20px;
      height: 24px;
      background-color: #0490d8;
      display: block;
      z-index: 0;
      position: absolute;
      top: 7px;
      left: 40px; }
    .test_content .test_logo .test_logo_reifentest .test_icons_logo:before {
      content: "";
      top: -4px;
      left: 10px;
      position: absolute;
      width: 40px;
      height: 40px;
      display: block;
      background-color: transparent;
      border-radius: 100%;
      -webkit-box-shadow: 0px 0px 0px 5px white;
      -moz-box-shadow: 0px 0px 0px 5px white;
      box-shadow: 0px 0px 0px 5px white; }
  .test_content .test_logo .test_logo_reifentest a {
    color: #fff;
    position: relative;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    top: 6px;
    left: 20px;
    text-shadow: 0px 2px 0px #015a88; }
    .test_content .test_logo .test_logo_reifentest a:hover {
      text-decoration: none !important; }
    .test_content .test_logo .test_logo_reifentest a:active {
      text-decoration: none !important; }
  .test_content .test_class_new {
    display: block;
    background: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #007EBF;
    font-size: 70px;
    line-height: 0px; }
  .test_content .test_img_not_null span {
    color: #FFF;
    position: absolute;
    display: block;
    background: #728FCE;
    top: -10px;
    border-radius: 2px;
    right: -7px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px; }
  .test_content .test_img_not_null a {
    color: #ff7a70; }
  .test_content .test_img_null {
    display: none; }
  .test_content .test_video_null {
    display: none; }
  .test_content i.mdi-action-star-rate {
    display: inline-flex;
    max-width: 20px; }
  .test_content button.test_navigation_carousel {
    position: absolute;
    left: 32%;
    top: 42%;
    width: 50%;
    display: block;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    border: none;
    font-size: 50px;
    opacity: 0.6;
    text-align: center;
    height: 20%;
    color: #fff; }
  .test_content .test_img_null a {
    color: #a1a1a1; }
  .test_content .test_free_search {
    position: relative; }
  .test_content .test_max_width_header {
    max-width: 1280px;
    margin: 40px auto !important;
    position: relative;
    z-index: 10; }
  .test_content .test_material_box {
    background: white;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.26); }
    .test_content .test_material_box:hover {
      background: #EBEBEB;
      transition: 1s; }
  .test_content .test_profile_dy_stars {
    margin: 0 !important;
    padding: 4px;
    margin-bottom: 4px !important;
    cursor: pointer;
    position: relative;
    overflow: hidden; }
  .test_content .test_rating_home {
    display: block;
    position: relative;
    top: 18px;
    font-size: 20px;
    text-align: center;
    color: #787878; }
    .test_content .test_rating_home:before {
      content: '';
      background: rgba(237, 237, 237, 0.46);
      display: block;
      width: 110px;
      height: 300px;
      position: absolute;
      left: 280px;
      top: -100px;
      -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
      box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
      -webkit-transform: rotate(60deg);
      -moz-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
      -o-transform: rotate(60deg);
      transform: rotate(60deg); }
  .test_content .uga_loader_fixed {
    top: -2px;
    position: fixed;
    z-index: 1000; }
    .test_content .uga_loader_fixed i {
      color: #fff; }
  .test_content .disabled .active {
    background: transparent !important; }
  .test_content .test_margin_null {
    margin: 0 !important; }
  .test_content .alert .alert-info {
    display: none; }
  .test_content .aui .alert-info, .test_content .aui .portlet-msg-help, .test_content .aui .portlet-msg-info, .test_content .aui .portlet-msg-progress {
    background-color: #CEF1FC;
    border-color: #9ee3f9;
    color: #12718F;
    display: none !important; }
  .test_content .test_add_mobile {
    display: none; }
  .test_content .test_shop_btn {
    display: block;
    font-weight: bold;
    color: #e59a47;
    padding: 8px;
    margin: 8px auto;
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    width: 275px;
    border: none;
    min-width: 220px;
    background: white; }
  .test_content .test_brand_logo {
    margin: 10px; }
  .test_content h1.visit-google {
    display: block;
    position: absolute;
    color: transparent; }
  .test_content .screen {
    margin: 0 auto;
    transition: 1s all; }
  .test_content .fa-star-o {
    color: #F9FAFA; }
  .test_content .fa-star {
    color: #FFDE38; }
  .test_content .isReadonly .fa-star-o {
    color: #F9FAFA; }
  .test_content .isReadonly .fa-star {
    color: #FFDE38; }
  .test_content md-radio-button, .test_content .md-switch-thumb {
    box-sizing: border-box;
    display: block;
    width: 20px;
    margin: 0 auto;
    white-space: nowrap;
    cursor: pointer; }
  .test_content body {
    -webkit-animation: fake 1s infinite;
    animation: fake 1s infinite; }
  .test_content .worko-tabs .state {
    position: absolute;
    left: -10000px; }
  .test_content .worko-tabs .flex-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .test_content .worko-tabs .flex-tabs .tab {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-height: 40px;
    text-align: center;
    font-weight: bold; }
  .test_content .worko-tabs .flex-tabs .panel {
    background-color: #fff;
    min-height: 300px;
    display: none;
    width: 100%;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .test_content .worko-tabs .tab {
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    background-color: #eee;
    cursor: hand;
    cursor: pointer;
    border-left: 10px solid #ccc; }
  .test_content .worko-tabs .tab:hover {
    background-color: #fff; }
  .test_content #tab-one:checked ~ .tabs #tab-one-label,
  .test_content #tab-two:checked ~ .tabs #tab-two-label,
  .test_content #tab-three:checked ~ .tabs #tab-three-label,
  .test_content #tab-five:checked ~ .tabs #tab-five-label,
  .test_content #tab-four:checked ~ .tabs #tab-four-label {
    background-color: #fff;
    cursor: default;
    border-left-color: #0490d8; }
  .test_content #tab-one:checked ~ .tabs #tab-one-panel,
  .test_content #tab-two:checked ~ .tabs #tab-two-panel,
  .test_content #tab-three:checked ~ .tabs #tab-three-panel,
  .test_content #tab-five:checked ~ .tabs #tab-five-panel,
  .test_content #tab-four:checked ~ .tabs #tab-four-panel {
    display: block; }
  .test_content .panel {
    padding: 0;
    margin: 0;
    list-style: none; }
  .test_content .test_ns {
    position: relative;
    top: -8px;
    left: 10px; }
  .test_content span.hidden_desktop {
    display: none; }
  .test_content .test_by_date {
    margin-bottom: 4px !important;
    padding: 4px 8px;
    line-height: 27px;
    overflow: hidden; }
    .test_content .test_by_date .test_rating_home_mini {
      display: block; }
      .test_content .test_by_date .test_rating_home_mini:before {
        content: '';
        background: rgba(237, 237, 237, 0.23);
        display: block;
        width: 110px;
        height: 300px;
        position: absolute;
        top: -100px;
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg); }
    .test_content .test_by_date .test_text_r {
      text-align: right; }
  .test_content .test_divider_rating {
    font-weight: bold;
    font-size: 22px;
    text-align: center; }
  .test_content .test_mini_span {
    margin: 0 !important; }
  .test_content .test_bold_text {
    color: #0D84C2;
    font-style: italic; }
  .test_content .test_padding_box {
    padding: 1rem;
    text-align: center; }
  .test_content .test_header_info_title {
    color: white;
    font-size: 20px;
    position: relative;
    top: 30px; }
  .test_content .mobile_icons_menu {
    display: none; }
  .test_content .test_saccess_you {
    position: relative;
    right: 270px;
    top: 30px;
    font-size: 36px;
    color: #007EBF; }
  .test_content .test_margin {
    margin: 8px 0; }
  .test_content .test_navigation nav a {
    color: white; }
  .test_content .test_navigation nav span {
    color: white; }
  .test_content .test_search_header_none .portlet-topper {
    display: none; }
  .test_content .test_search_header_none .portlet-content {
    padding: 0; }
  .test_content .test_tab_span_compact {
    margin: 2px !important;
    padding: 4px;
    color: #444;
    background: #EDEDED;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32); }
  .test_content .test_loading {
    display: block;
    position: absolute;
    z-index: 1000;
    color: #0490d8;
    text-align: center; }
    .test_content .test_loading i {
      position: relative;
      top: 25%;
      display: block;
      font-size: 65px;
      transform-origin: 50% 50%;
      -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%; }

body {
  -webkit-backface-visibility: hidden; }

.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }
  .animated.infinite {
    animation-iteration-count: infinite; }
  .animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s; }
  .animated.bounceIn, .animated.bounceOut {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s; }
  .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }

  80% {
    -webkit-transform: translateX(10px); }

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

@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }

  60% {
    opacity: 1;
    -moz-transform: translateX(-30px); }

  80% {
    -moz-transform: translateX(10px); }

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

@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }

  60% {
    opacity: 1;
    -o-transform: translateX(-30px); }

  80% {
    -o-transform: translateX(10px); }

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

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }

  60% {
    opacity: 1;
    transform: translateX(-30px); }

  80% {
    transform: translateX(10px); }

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

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0); }

  20% {
    opacity: 1;
    -moz-transform: translateX(-20px); }

  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }

@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0); }

  20% {
    opacity: 1;
    -o-transform: translateX(-20px); }

  100% {
    opacity: 0;
    -o-transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    transform: translateX(0); }

  20% {
    opacity: 1;
    transform: translateX(-20px); }

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

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }

  80% {
    -webkit-transform: translateX(-10px); }

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

@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -moz-transform: translateX(30px); }

  80% {
    -moz-transform: translateX(-10px); }

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

@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -o-transform: translateX(30px); }

  80% {
    -o-transform: translateX(-10px); }

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

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }

  60% {
    opacity: 1;
    transform: translateX(30px); }

  80% {
    transform: translateX(-10px); }

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

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0); }

  20% {
    opacity: 1;
    -moz-transform: translateX(20px); }

  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }

@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0); }

  20% {
    opacity: 1;
    -o-transform: translateX(20px); }

  100% {
    opacity: 0;
    -o-transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0); }

  20% {
    opacity: 1;
    transform: translateX(20px); }

  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

/*
@import "animations/attention-seekers/bounce",
        "animations/attention-seekers/flash",
        "animations/attention-seekers/pulse",
        "animations/attention-seekers/shake",
        "animations/attention-seekers/swing",
        "animations/attention-seekers/wiggle",
        "animations/attention-seekers/wobble",
        "animations/attention-seekers/tada";

@import "animations/bounce-enter/bounceIn",
        "animations/bounce-enter/bounceInDown",
        "animations/bounce-enter/bounceInLeft",
        "animations/bounce-enter/bounceInRight",
        "animations/bounce-enter/bounceInUp",
        "animations/bounce-exit/bounceOut",
        "animations/bounce-exit/bounceOutDown",
        "animations/bounce-exit/bounceOutLeft",
        "animations/bounce-exit/bounceOutRight",
        "animations/bounce-exit/bounceOutUp";

@import "animations/fade-enter/fadeIn",
        "animations/fade-enter/fadeInDown",
        "animations/fade-enter/fadeInDownBig",
        "animations/fade-enter/fadeInLeft",
        "animations/fade-enter/fadeInLeftBig",
        "animations/fade-enter/fadeInRight",
        "animations/fade-enter/fadeInRightBig",
        "animations/fade-enter/fadeInUp",
        "animations/fade-enter/fadeInUpBig",
        "animations/fade-exit/fadeOut",
        "animations/fade-exit/fadeOutDown",
        "animations/fade-exit/fadeOutDownBig",
        "animations/fade-exit/fadeOutLeft",
        "animations/fade-exit/fadeOutLeftBig",
        "animations/fade-exit/fadeOutRight",
        "animations/fade-exit/fadeOutRightBig",
        "animations/fade-exit/fadeOutUp",
        "animations/fade-exit/fadeOutUpBig";

@import "animations/flippers/flip",
        "animations/flippers/flipInX",
        "animations/flippers/flipInY",
        "animations/flippers/flipOutX",
        "animations/flippers/flipOutY";

@import "animations/lightspeed/lightSpeedIn",
        "animations/lightspeed/lightSpeedOut";

@import "animations/rotate-enter/rotateIn",
        "animations/rotate-enter/rotateInDownLeft",
        "animations/rotate-enter/rotateInDownRight",
        "animations/rotate-enter/rotateInUpLeft",
        "animations/rotate-enter/rotateInUpRight",
        "animations/rotate-exit/rotateOut",
        "animations/rotate-exit/rotateOutDownLeft",
        "animations/rotate-exit/rotateOutDownRight",
        "animations/rotate-exit/rotateOutUpLeft",
        "animations/rotate-exit/rotateOutUpRight";

@import "animations/slide-enter/slideInDown",
        "animations/slide-enter/slideInLeft",
        "animations/slide-enter/slideInRight",
        "animations/slide-enter/slideInUp",
        "animations/slide-exit/slideOutDown",
        "animations/slide-exit/slideOutLeft",
        "animations/slide-exit/slideOutRight",
        "animations/slide-exit/slideOutUp";

@import "animations/special/hinge",
        "animations/special/rollIn",
        "animations/special/rollOut";

@import "animations/zoom-enter/zoomIn",
        "animations/zoom-enter/zoomInDown",
        "animations/zoom-enter/zoomInLeft",
        "animations/zoom-enter/zoomInRight",
        "animations/zoom-enter/zoomInUp",
        "animations/zoom-exit/zoomOut",
        "animations/zoom-exit/zoomOutDown",
        "animations/zoom-exit/zoomOutLeft",
        "animations/zoom-exit/zoomOutRight",
        "animations/zoom-exit/zoomOutUp";*/
a.uig-item-href {
  width: 100%;
  display: block;
  background: transparent;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0; }

a.uig-item-href-mini {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0; }

.uga-loading-tire {
  display: block;
  position: relative;
  height: 600px;
  width: 100%; }

a.uga-delete-i {
  position: absolute;
  z-index: 7;
  right: 3px;
  top: 2px;
  color: #BF0000; }

span.error-massage-span {
  width: 222px !important;
  display: block;
  position: relative;
  top: 6px;
  left: 2px;
  color: #E6B4B4; }

button.btn.btn-default {
  background: #0490d8;
  color: white;
  padding: 8px;
  min-width: 50px !important;
  border: none;
  margin: 2px !important;
  border-radius: 0px !important; }

.uga-loading-tire-icons {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 46%;
  left: 0;
  right: 0;
  margin: 0 auto;
  /*-webkit-animation: rotation 2000ms infinite linear;
  -moz-animation: rotation 2000ms infinite linear;
  -o-animation: rotation 2000ms infinite linear;
  animation: rotation 2000ms infinite linear;*/
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%; }
  .uga-loading-tire-icons i {
    font-size: 100px;
    color: rgba(107, 121, 129, 0.31); }

.uga_header_static {
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.active-navigation {
  box-shadow: 0px 2px 0px 0px #0490d8;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.uga-scroll-top {
  display: none; }

.scroll-left {
  display: none; }

.uga_sctoll_top_fixed i {
  font-size: 30px; }

.uga_sctoll_top_fixed {
  z-index: 1000;
  position: fixed;
  bottom: 50px;
  right: 10px;
  width: 100px;
  text-align: center;
  display: block !important;
  padding: 8px;
  background-color: #0490d8;
  color: white !important;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .uga_sctoll_top_fixed:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.slick-modal-overlay {
  background: rgba(47, 50, 56, 0.95);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100; }

.slick-modal {
  display: block !important;
  background: #0490d8;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1101;
  overflow-y: auto;
  margin: auto; }
  .slick-modal nav {
    margin-top: 50px; }
    .slick-modal nav a {
      display: block;
      background: #0490d8;
      margin: 20px;
      padding: 10px;
      color: white;
      margin-left: 48px; }
  .slick-modal ul {
    margin: 0;
    margin-top: 50px; }
    .slick-modal ul li {
      list-style: none; }
      .slick-modal ul li a {
        display: block;
        background: #0490d8;
        margin: 20px;
        padding: 10px;
        color: white;
        margin-left: 48px; }

.slick-modal-close:before {
  font-family: 'Helvetica', Arial, sans-serif;
  content: '\00D7';
  cursor: pointer;
  background: transparent;
  border-radius: 3px;
  color: #bbb;
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 3px;
  width: 30px; }

.uga_header_fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  max-width: 1280px;
  background-color: #0490d8;
  opacity: 0.95;
  z-index: 1000;
  margin: 0 auto;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.52);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .uga_header_fixed a {
    color: white; }
    .uga_header_fixed a:hover {
      border-bottom: 2px solid white; }
  .uga_header_fixed .active-navigation {
    box-shadow: 0px 2px 0px 0px white;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .uga_header_fixed span {
    color: white; }

.rtf-select-group .bg-w {
  height: 40px; }
.rtf-select-group md-radio-button, .rtf-select-group .md-switch-thumb {
  box-sizing: border-box;
  display: block;
  white-space: nowrap;
  cursor: pointer;
  margin: 0;
  width: 100%;
  height: 38px;
  text-align: center; }
.rtf-select-group md-radio-button .md-container, .rtf-select-group .md-switch-thumb .md-container {
  top: 10px; }

.rtf-group .bg-w {
  margin: 0;
  border: 2px solid #F9FAFA;
  position: relative;
  top: -2px; }

.bg-w {
  background-color: white;
  border: 2px solid #F9FAFA; }

p.rft-title {
  text-align: left;
  margin: 0;
  padding: 8px;
  font-weight: 600; }

.max-width {
  max-width: 1280px;
  margin: 0px auto; }

.rtf-margin-bottom {
  margin-bottom: 25px; }

.rtf-input-block input {
  font-size: 13px !important;
  width: 80% !important;
  border: 1px solid #6F6F6F !important;
  padding: 6px !important;
  margin-top: 2px !important;
  margin: 0 !important;
  text-align: right !important;
  font-weight: 600 !important;
  border-radius: 0px !important;
  position: relative;
  top: 2px;
  left: 2px;
  font-family: 'Open Sans'; }
.rtf-input-block .md-select-value {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
  margin-top: 2px;
  margin-right: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #444;
  background-color: transparent;
  position: relative;
  box-sizing: content-box;
  min-width: 64px;
  min-height: 26px;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
.rtf-input-block md-select:not([disabled]):focus .md-select-value {
  border: none !important; }
.rtf-input-block md-input-container {
  padding: 0 !important; }
  .rtf-input-block md-input-container textarea {
    resize: none !important;
    overflow-y: scroll !important;
    height: 100px !important;
    border: 1px solid #444 !important;
    margin: 0 !important;
    width: 99%;
    position: relative;
    left: 2px;
    padding: 6px;
    font-weight: 600;
    font-size: 13px;
    font-family: 'Open Sans'; }
.rtf-input-block .km {
  font-size: 16px !important;
  font-weight: 600; }
.rtf-input-block .rtf-divider {
  display: block;
  text-align: center;
  line-height: 38px;
  font-size: 24px; }
.rtf-input-block .md-select-value .md-select-icon:after {
  display: block;
  content: '';
  top: 0px;
  left: 10px;
  width: 10px;
  height: 10px;
  background-color: transparent;
  border-right: 2px solid #444;
  border-bottom: 2px solid #444;
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }
.rtf-input-block .rtf-file-upload {
  position: relative;
  padding: 20px;
  width: 98%;
  border: 1px solid #444;
  left: 0px;
  margin: 2px;
  overflow: hidden; }
  .rtf-input-block .rtf-file-upload input {
    position: absolute;
    top: -100px;
    z-index: -5; }
  .rtf-input-block .rtf-file-upload label {
    display: block;
    z-index: 50;
    height: 40px;
    background-color: #F9FAFA; }
    .rtf-input-block .rtf-file-upload label:before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #F9FAFA;
      left: 0;
      top: 0;
      cursor: pointer; }
.rtf-input-block .rtf-upload-a a {
  display: block;
  border: 1px solid #444;
  text-align: center;
  position: relative;
  left: 2px;
  cursor: pointer; }

p.title-mini {
  font-size: 12px;
  color: #CFCFCF; }

md-select[disabled] {
  cursor: no-drop;
  background-color: #F4F4F4 !important;
  border: 1px solid #DFDFDF; }
  md-select[disabled] .md-select-icon {
    opacity: 0.3; }

.rtf-input-block .false {
  border: 1px solid rgba(183, 41, 41, 0.35) !important; }
.rtf-input-block .true {
  border: 1px solid #444 !important; }

md-tabs.rft-new-tabs-full {
  height: 660px; }
  md-tabs.rft-new-tabs-full md-tab-item.md-tab {
    background-color: #0490d8;
    margin-right: 34px;
    width: 160px;
    color: white !important;
    font-weight: bold; }
  md-tabs.rft-new-tabs-full md-tab-item.md-tab.md-active {
    background-color: white;
    margin-right: 34px;
    width: 160px;
    color: #626262 !important;
    font-weight: bold; }
  md-tabs.rft-new-tabs-full md-ink-bar {
    color: white !important;
    background: #0490d8 !important; }
  md-tabs.rft-new-tabs-full md-content {
    color: rgba(0, 0, 0, 0.87);
    background: #F9FAFA !important;
    overflow: hidden !important; }
  md-tabs.rft-new-tabs-full md-select .md-select-value {
    padding: 0 !important;
    border: none !important;
    line-height: 33px;
    font-size: 13px; }

.rtf-content-select {
  margin-top: 55px;
  width: 38%; }

a.rft-button-new {
  display: block;
  width: 160px;
  background: #0490d8;
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  color: #ffffff;
  cursor: pointer;
  float: right;
  position: relative;
  top: 20px; }

.rtf-validation span {
  display: block;
  position: absolute;
  z-index: 10;
  background-color: white;
  margin-top: 39px;
  height: 33px;
  line-height: 30px;
  min-width: 175px;
  padding-left: 4px;
  color: #AC5656;
  font-weight: bold;
  border: 1px solid #444;
  margin-left: 2px; }

.rtf-file-upload .md-spinner-wrapper {
  top: 20px;
  left: 40px; }

video.responsive-video {
  padding: 2px;
  position: relative;
  top: 0px; }

.rtf-file-upload i {
  font-size: 50px;
  color: rgba(92, 92, 92, 0.55);
  opacity: 0.1;
  display: block;
  position: absolute; }

.md-select-menu-container.md-active {
  opacity: 1;
  margin-top: 38px;
  margin-left: -5px; }

.rtf-button-bottom a {
  display: block;
  width: 50%;
  text-align: center;
  background-color: #0490d8;
  color: white;
  text-transform: uppercase;
  font-size: 20px;
  margin: 10px auto;
  padding: 10px;
  cursor: pointer; }

md-select {
  margin: 0 !important; }

.rtf-file-upload img {
  display: block;
  position: absolute;
  left: 0;
  top: 0; }

.thumb {
  width: 24px;
  height: 24px;
  float: none;
  position: relative;
  top: 7px; }

form .progress {
  line-height: 15px; }

.progress {
  display: inline-block;
  width: 100px;
  border: 3px groove #CCC; }

.progress div {
  font-size: smaller;
  background: orange;
  width: 0; }

.md-container.md-mode-determinate {
  background-color: white; }

.uga-ower {
  overflow: hidden; }

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: white;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  transition: width .6s ease; }

.uga-r-img {
  position: absolute;
  top: 170px;
  width: 187px;
  height: 458px;
  right: 45px;
  overflow-y: scroll; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input {
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.uga-ok-disa {
  color: rgba(255, 255, 255, 0.48) !important; }

.disabled {
  cursor: not-allowed !important; }

.uga-serach-button {
  display: block;
  position: absolute;
  right: -24px;
  top: 16px;
  height: 38px;
  border: none;
  background: transparent;
  font-size: 33px !important;
  color: white; }

.title-rtf {
  text-align: center;
  font-size: 24px;
  text-transform: uppercase; }

p.rtf-divider {
  display: block;
  position: relative;
  top: 28px;
  text-align: center; }

.test_content .test_navigation nav a:hover {
  border-bottom: 2px solid #fff; }

.uga-resoult-free {
  background: white;
  z-index: 1000;
  position: absolute;
  top: 65px;
  box-shadow: 1px 1px 2px 0px #B4B4B4;
  padding: 14px;
  width: 93%;
  left: -2px;
  overflow-y: scroll;
  max-height: 300px; }
  .uga-resoult-free ul {
    margin: 0 !important; }
    .uga-resoult-free ul li {
      list-style: none;
      padding: 10px 10px;
      cursor: pointer; }
      .uga-resoult-free ul li:hover {
        background: #EEEEEE; }
      .uga-resoult-free ul li a {
        display: block;
        max-height: 40px;
        overflow: hidden;
        border-bottom: 1px dashed #ccc; }

.form-control {
  outline: 0;
  border-color: #ECECEC;
  border-style: solid;
  border-width: 1px;
  width: 95%;
  background-color: white;
  padding: 6px;
  border-radius: 2px;
  margin-bottom: 5px;
  font-size: 14px; }

.angucomplete-holder {
  position: relative; }

.angucomplete-dropdown {
  border-color: #ececec;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  width: 250px;
  padding: 6px;
  cursor: pointer;
  z-index: 9999;
  position: absolute;
  /*top: 32px;
  left: 0px;
  */
  margin-top: -6px;
  background-color: white; }

.angucomplete-searching {
  color: #acacac;
  font-size: 14px; }

.angucomplete-description {
  font-size: 14px; }

.angucomplete-row {
  padding: 5px;
  color: #000000;
  margin-bottom: 4px; }

.angucomplete-selected-row, .angucomplete-row:hover {
  background-color: lightblue;
  color: white; }

.angucomplete-image-holder {
  padding-top: 2px;
  float: left;
  margin-right: 10px;
  margin-left: 5px; }

.angucomplete-image {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border-color: #ececec;
  border-style: solid;
  border-width: 1px; }

.angucomplete-image-default {
  /* Add your own default image here
   background-image: url('/assets/default.png');
  */
  background-position: center;
  background-size: contain;
  height: 34px;
  width: 34px; }

#main-content .portlet-layout {
  max-width: 1042px;
  margin: 0 auto; }

.uga-text-center {
  text-align: center; }

.uga-static-mini-title {
  position: relative;
  font-style: italic;
  font-size: 12px;
  text-align: center; }

.uig-slider-img {
  width: 100%;
  height: 450px; }

.uga-static-mini-title-inline span {
  display: inline-block !important;
  margin-left: 20px;
  font-size: 16px; }

.md-select-value {
  height: 28px !important; }

.uga-material-select {
  float: left; }

.uga-select-group-reifentest {
  width: 100%; }

md-select {
  margin: 2px auto !important;
  border: 1px solid #444;
  height: 33px;
  background: #ffffff !important;
  padding-left: 5px;
  max-width: 218px; }
  md-select .md-select-value {
    padding: 0 !important;
    border: none !important;
    line-height: 33px;
    font-size: 13px; }
    md-select .md-select-value .md-select-icon {
      text-align: center; }

.igio-span {
  position: absolute;
  left: 220px; }

md-option .md-text {
  font-size: 14px !important; }

.uig-scroll {
  overflow-y: scroll;
  height: 490px; }

.uga-test-img-block {
  height: 450px;
  margin-left: 10px; }
  .uga-test-img-block img {
    width: 98%; }

.uga-test-video-block {
  width: 94%;
  margin: 0 auto; }

.uga-comment-block {
  display: block;
  width: 96%;
  margin: 0 auto; }
  .uga-comment-block span {
    display: block;
    padding: 20px; }

.uga-margin-left {
  margin-left: 1%; }

.uga-block-static-title span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 4px; }
  .uga-block-static-title span:first-child {
    display: block;
    font-style: italic;
    font-size: 12px; }

.uga-number-blue {
  font-weight: bold;
  color: #0490d8; }

.uig-material-box:hover {
  background: #EBEBEB;
  transition: 1s; }

.uga-core-title {
  font-size: 20px !important;
  padding: 12px;
  margin-top: 29px !important;
  text-align: center;
  font-weight: bold !important;
  text-transform: uppercase;
  background: #EDEDED;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.26); }

.reifent-test-content-core {
  background: white;
  padding: 10px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.26); }

.uig-material-box {
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.26); }

.fa-youtube-square {
  color: #B31010 !important; }

.rating-home {
  display: none; }

.btnyoutube {
  display: block;
  text-align: center;
  background-color: #0490d8;
  color: white;
  border: none;
  position: relative;
  top: 4px;
  left: 2px;
  width: 85%;
  padding: 8px; }

video.responsive-video-upload {
  display: block;
  position: absolute;
  z-index: 10;
  left: 0px;
  top: 20px;
  width: 100%; }

.uga-static-padding-center {
  padding: 12px 14px;
  margin: 5px;
  background: white;
  cursor: pointer;
  position: relative; }

md-option {
  cursor: pointer;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  border-bottom: 1px solid #E6E6E6;
  height: 33px;
  padding-left: 5px; }

.uga-content-core {
  max-width: 960px;
  margin: 0 auto;
  background-color: white;
  border: 1px solid #EFEFEF; }

.uga-upload-button {
  position: relative;
  display: block;
  z-index: 11;
  text-align: center;
  left: 2px;
  cursor: pointer;
  top: -3px;
  width: 140px;
  padding: 4px !important;
  border: 1px solid #444 !important;
  text-transform: none !important; }

.uga-upload-block {
  height: 100px; }

.uga-process {
  position: absolute;
  z-index: 12;
  top: 35px;
  left: 290px; }

.uga-upload-done {
  position: absolute;
  left: 153px;
  top: 3px;
  width: 25px;
  height: 25px;
  border: 3px solid #0490d8;
  line-height: 40px;
  text-align: center;
  border-radius: 100%; }
  .uga-upload-done i {
    font-size: 16px;
    color: #0490d8;
    position: relative;
    top: -10px; }

.uga-static-padding-max {
  padding: 30px;
  margin: 4px; }

.uga-fill-wigth {
  width: 70%;
  position: relative;
  left: 15%;
  display: block;
  text-align: center;
  color: white !important; }

.uga-select-custom-reifentest select {
  width: 105px;
  display: inline-block; }

.uga-select-custom-reifentest {
  position: relative; }

.bg-bg {
  background-color: white;
  margin-bottom: 4px;
  line-height: 33px;
  width: 446px;
  padding-left: 10px;
  height: 100px; }

.media-heigth {
  height: 105px !important; }

.uga-input-one {
  position: relative;
  width: 200px; }

.uga-span-km {
  position: absolute;
  display: block;
  z-index: 10;
  top: 0;
  left: 121px;
  width: 20px !important; }

.uga-input-block md-select {
  width: 50%;
  margin: 0 auto !important; }

.uga-input-block-mini md-select {
  width: 60%; }

.bg2 {
  background-color: white;
  height: 35px;
  margin-bottom: 4px;
  line-height: 33px;
  width: 475px; }
  .bg2 md-select {
    width: 46.3% !important; }

.bg {
  background-color: white;
  height: 35px;
  margin-bottom: 4px;
  line-height: 33px;
  width: 446px;
  padding-left: 10px; }

.uga-text-rx {
  position: absolute;
  right: 48px; }

.uga-text-r {
  text-align: right;
  margin-bottom: 4px; }
  .uga-text-r span {
    display: block;
    position: relative;
    right: 12px;
    font-size: 14px;
    font-weight: bold;
    width: 80%; }

.uga-tab-sp {
  position: relative;
  top: 25px; }
  .uga-tab-sp span {
    display: block; }

.uga-search-resault {
  position: relative;
  top: 52px;
  margin-bottom: 30px; }

.uga-center-block-no-partle {
  margin: 0 auto;
  text-align: center; }

.uga-check-filter {
  width: 30px;
  height: 30px;
  position: relative;
  line-height: 30px !important; }
  .uga-check-filter span {
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    display: block;
    width: 100%;
    top: -3px; }
  .uga-check-filter input[type="checkbox"] {
    display: block;
    position: absolute;
    opacity: 0;
    top: 0; }

.uga-true {
  font-size: 30px !important;
  color: #0490d8;
  top: -8px; }

.uga-alf-core {
  display: block;
  position: absolute;
  left: -30px;
  font-size: 24px;
  color: #0490d8;
  top: -20px; }

.uga-man-block {
  margin-right: 35px; }
  .uga-man-block p {
    text-align: right; }

.uga-margin-top-filter {
  margin-top: 30px;
  padding: 4px; }

.uga-margin-bottom-mini {
  margin-bottom: 4px; }

.uga-margin-bottom {
  margin-bottom: 10px !important; }

.uga-loading-profile ul li {
  list-style: none; }
  .uga-loading-profile ul li button {
    display: block;
    width: 200px;
    margin: 20px auto;
    padding: 10px 20px;
    border: none;
    background-color: #0490d8;
    color: white;
    text-transform: uppercase;
    font-size: 16px; }

.uga-input-section input {
  font-family: 'Open Sans';
  display: block;
  width: 105px;
  padding: 5px !important;
  border: 1px solid #444 !important;
  border-radius: 0px !important;
  font-size: 14px !important;
  position: relative;
  font-weight: 600;
  left: 2px;
  top: 2px;
  text-align: right; }
.uga-input-section select {
  display: inline-block;
  max-width: 242px;
  border-radius: 0px;
  height: 33px;
  font-size: 12px;
  border: 1px solid #444 !important;
  position: relative;
  left: 2px;
  top: 2px;
  border-radius: 0px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 25px;
  font-family: 'Open Sans'; }
.uga-input-section textarea {
  display: block;
  width: 100%;
  resize: none;
  height: 100px;
  border-radius: 0px;
  padding: 15px;
  border: 1px solid #444 !important;
  position: relative;
  left: 2px;
  font-family: 'Open Sans'; }

a.uga-redirect-home {
  display: block;
  background-color: #0490d8;
  color: white;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase; }

.uga-success-notify {
  position: fixed;
  display: block;
  width: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  line-height: 100px;
  height: 100px;
  background: white;
  font-size: 24px;
  color: #0490d8;
  z-index: 1000;
  top: 25%; }

.uga-errors-notify:last-child {
  position: absolute;
  display: block;
  height: 28px;
  line-height: 27px;
  background-color: white;
  border: 1px solid #444;
  color: #ad6161;
  padding: 0 8px;
  z-index: 50;
  font-size: 13px;
  top: 37px;
  text-align: center;
  right: 285px; }
  .uga-errors-notify:last-child:before {
    content: "";
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    border-top: 11px solid transparent;
    border-bottom: 11px solid #444;
    position: absolute;
    top: -23px;
    left: -1px; }

.uga-table-style {
  margin-bottom: 1px;
  padding-left: 10px;
  margin: 4px; }

.uga-notify-stars .star1 {
  background-color: #FF0000 !important; }
  .uga-notify-stars .star1:before {
    content: "";
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid #FF0000;
    position: absolute;
    right: -19px; }
.uga-notify-stars .star2 {
  background-color: #F15429 !important; }
  .uga-notify-stars .star2:before {
    content: "";
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid #F15429;
    position: absolute;
    right: -19px; }
.uga-notify-stars .star3 {
  background-color: #F18029 !important; }
  .uga-notify-stars .star3:before {
    content: "";
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid #F18029;
    position: absolute;
    right: -19px; }
.uga-notify-stars .star4 {
  background-color: #F1B429 !important; }
  .uga-notify-stars .star4:before {
    content: "";
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid #F1B429;
    position: absolute;
    right: -19px; }
.uga-notify-stars .star5 {
  background-color: #F5D630 !important; }
  .uga-notify-stars .star5:before {
    content: "";
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid #F5D630;
    position: absolute;
    right: -19px; }
.uga-notify-stars .uga-star {
  display: block;
  position: absolute;
  top: -21px;
  right: 0;
  padding: 10px;
  color: white;
  font-size: 18px;
  font-weight: bold; }

.uga-button {
  border: none;
  padding: 10px;
  background-color: white;
  text-transform: uppercase; }

.bg2-bg2 {
  background-color: white;
  width: 50%; }

.uga-upload-block {
  margin-bottom: 10px; }

.uga-divider-italic {
  position: absolute;
  right: 14px;
  top: 40px;
  font-size: 24px; }

.uga-select-search {
  display: inline-block;
  width: 30%;
  position: relative; }
  .uga-select-search span {
    display: block;
    margin-bottom: 10px; }

.uga-label-file {
  width: 140px;
  overflow: hidden;
  height: 100px;
  padding: 25px;
  background-color: white;
  border: 1px solid #444 !important;
  z-index: 10;
  position: relative;
  color: #444;
  text-align: center;
  font-size: 14px !important;
  left: 2px; }
  .uga-label-file input {
    display: block;
    position: absolute;
    top: -200px; }

.uga-bold-title {
  font-size: 18px; }

.uga-nav-tabs {
  margin: 0 !important; }

.divider-core-slash {
  position: relative;
  top: 10px;
  left: -2px; }

.uga-upload-notify {
  position: absolute;
  width: 285px;
  padding: 10px;
  z-index: 10;
  background: white;
  right: 0px;
  height: 118px;
  overflow: hidden; }
  .uga-upload-notify img {
    width: 100%; }
  .uga-upload-notify .responsive-video {
    width: 208px; }

.uga-form-create-account {
  display: block; }
  .uga-form-create-account input {
    display: block; }
  .uga-form-create-account .fieldset {
    display: block; }
    .uga-form-create-account .fieldset .control-group {
      display: block; }
      .uga-form-create-account .fieldset .control-group .control-label {
        text-align: center; }

.uga-full-page .navigation {
  background: white !important;
  border-top: 0px solid #BFBFBF !important;
  padding: 10px;
  width: 100%; }
  .uga-full-page .navigation ul {
    position: relative; }
    .uga-full-page .navigation ul li {
      position: relative;
      margin-left: 14px;
      line-height: 50px;
      height: 50px;
      width: 26%;
      text-align: center; }
      .uga-full-page .navigation ul li a {
        position: relative; }
        .uga-full-page .navigation ul li a img {
          display: none; }

.uga-input-mini input {
  width: 144px !important; }

.uga-unicode-set {
  margin-left: -20px;
  font-weight: bold;
  font-size: 16px; }

.uga-header-stars {
  width: 65% !important;
  margin-left: 35%;
  padding: 20px;
  margin-top: 15px; }
  .uga-header-stars .mdi-action-star-rate {
    font-size: 22px;
    color: #F5C22E; }

.uga-nav-tabs .active {
  background: white; }
  .uga-nav-tabs .active a {
    color: #444 !important;
    text-shadow: none !important; }

.sc {
  width: 23px;
  font-size: 20px;
  position: relative;
  left: 10px; }

.uga-cursor-xl {
  position: relative; }
  .uga-cursor-xl .uga-cursor {
    z-index: 1000;
    position: absolute; }
    .uga-cursor-xl .uga-cursor:before {
      content: '';
      width: 10px;
      height: 10px;
      background: transparent;
      display: block;
      position: absolute;
      right: -210px;
      border-bottom: 1px solid #444;
      border-right: 1px solid #444;
      top: 13px;
      -o-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

.uga-devider-slash {
  display: inline-block;
  position: relative; }
  .uga-devider-slash .uga-cursor {
    z-index: 1000;
    position: absolute; }
    .uga-devider-slash .uga-cursor:before {
      content: '';
      width: 10px;
      height: 10px;
      background: transparent;
      display: block;
      position: absolute;
      right: -100px;
      border-bottom: 1px solid #444;
      border-right: 1px solid #444;
      top: 13px;
      -o-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

.ftr-img-ad img {
  width: 100%;
  display: block;
  margin: 0 auto; }

.uga-margin-bottom-xl {
  margin-bottom: 10px; }

i.input-helper {
  position: absolute;
  top: 10px;
  left: 40px; }

.btn--next {
  position: absolute !important;
  border: none !important;
  text-shadow: none !important;
  top: 70px;
  right: 278px;
  border-radius: 0px !important;
  opacity: 0 !important;
  height: 465px;
  width: 290px;
  text-underline: -10000000px; }
  .btn--next:hover {
    opacity: 0.3 !important; }

.btn--previous {
  position: absolute !important;
  border: none !important;
  text-shadow: none !important;
  top: 70px;
  left: 45px;
  border-radius: 0px !important;
  opacity: 0 !important;
  height: 465px;
  width: 290px;
  text-underline: -10000000px; }
  .btn--previous:hover {
    opacity: 0.3 !important; }

.uga-r-img {
  position: absolute;
  top: 78px;
  width: 187px;
  height: 458px;
  right: 45px;
  overflow-y: scroll; }

.uga-tab-reifentest {
  list-style: none;
  width: 22%;
  background-color: #0490d8;
  margin: 8px;
  display: inline-block;
  padding: 12px;
  text-transform: uppercase;
  cursor: pointer; }
  .uga-tab-reifentest a {
    color: white;
    border: none !important;
    background: none !important;
    cursor: pointer !important; }
    .uga-tab-reifentest a:hover {
      text-decoration: none !important; }

.min-h {
  height: 85px; }

.uga-color-prime {
  background-color: #0490d8;
  border: 1px solid #0490d8;
  color: white; }

.bg-comment {
  background-color: white;
  height: 100px;
  width: 50%; }

.uga-buttor-position-r {
  position: absolute;
  width: 32%;
  right: 10%;
  top: 75px;
  font-size: 20px !important; }

.uga-stars-label {
  background-color: white;
  box-shadow: -4px 0px 0px 0px #F9FAFA;
  position: relative;
  top: -2px;
  left: 0px; }

.uga-section-cart {
  padding-bottom: 0px; }

.uga-block-bg span {
  background-color: white;
  display: block;
  padding: 0 10px;
  height: 40px;
  position: relative;
  width: 324px;
  top: 10px;
  line-height: 35px;
  z-index: 1; }

.uga-header-stars i {
  width: 16px;
  height: 10px;
  display: inline-block;
  font-size: 33px !important; }

.uga-no-bottom {
  margin: 0 !important;
  padding: 0 !important; }

.uga-stars-value {
  position: relative;
  top: 12px;
  height: 35px;
  background-color: #F9FAFA; }
  .uga-stars-value .checkbox label,
  .uga-stars-value .radio label {
    position: relative;
    float: left;
    width: 17%;
    height: 39px; }
    .uga-stars-value .checkbox label:last-child,
    .uga-stars-value .radio label:last-child {
      width: 90px; }
      .uga-stars-value .checkbox label:last-child i.input-helper,
      .uga-stars-value .radio label:last-child i.input-helper {
        position: absolute;
        top: 10px;
        left: 33px; }
  .uga-stars-value .checkbox input,
  .uga-stars-value .radio input {
    top: 0;
    left: 0;
    margin-left: 0 !important;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    margin-top: 0; }
  .uga-stars-value .checkbox .input-helper:before,
  .uga-stars-value .radio .input-helper:before,
  .uga-stars-value .checkbox .input-helper:after,
  .uga-stars-value .radio .input-helper:after {
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    content: ""; }
  .uga-stars-value .checkbox .input-helper:before,
  .uga-stars-value .radio .input-helper:before {
    left: 0;
    border: 1px solid #444; }
  .uga-stars-value .checkbox.disabled,
  .uga-stars-value .radio.disabled {
    opacity: 0.6;
    filter: alpha(opacity=60); }
  .uga-stars-value .checkbox input {
    width: 17px;
    height: 17px; }
  .uga-stars-value .checkbox input:checked + .input-helper:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  .uga-stars-value .checkbox input:checked + .input-helper:after {
    -webkit-transform: scale(1) rotate(-50deg);
    -ms-transform: scale(1) rotate(-50deg);
    -o-transform: scale(1) rotate(-50deg);
    transform: scale(1) rotate(-50deg);
    opacity: 1;
    filter: alpha(opacity=100); }
  .uga-stars-value .checkbox .input-helper:before {
    top: 0;
    width: 17px;
    height: 17px; }
  .uga-stars-value .checkbox .input-helper:after {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0) rotate(80deg);
    -ms-transform: scale(0) rotate(80deg);
    -o-transform: scale(0) rotate(80deg);
    transform: scale(0) rotate(80deg);
    width: 22px;
    height: 9px;
    border-bottom: 2px solid #26bcb5;
    border-left: 2px solid #26bcb5;
    border-bottom-left-radius: 2px;
    left: -1px;
    top: 1px; }
  .uga-stars-value .has-error .checkbox .input-helper:before {
    border-color: #f99d97; }
  .uga-stars-value .has-error .checkbox .input-helper:after {
    border-bottom-color: #f77066;
    border-left-color: #f77066; }
  .uga-stars-value .has-success .checkbox .input-helper:before {
    border-color: #92cf94; }
  .uga-stars-value .has-success .checkbox .input-helper:after {
    border-bottom-color: #6ec071;
    border-left-color: #6ec071; }
  .uga-stars-value .has-warning .checkbox .input-helper:before {
    border-color: #ffdb6d; }
  .uga-stars-value .has-warning .checkbox .input-helper:after {
    border-bottom-color: #ffce3a;
    border-left-color: #ffce3a; }
  .uga-stars-value .radio input {
    width: 19px;
    height: 19px; }
  .uga-stars-value .radio input:checked + .input-helper:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  .uga-stars-value .radio .input-helper:before {
    top: 2px;
    width: 15px;
    height: 15px;
    left: 3px;
    border-radius: 50%; }
  .uga-stars-value .radio .input-helper:after {
    width: 11px;
    height: 11px;
    background: #0490d8;
    border-radius: 50%;
    top: 4px;
    left: 5px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  .uga-stars-value .checkbox-inline,
  .uga-stars-value .radio-inline {
    vertical-align: top;
    margin-top: 0;
    padding-left: 25px; }
  .uga-stars-value .radio input[type="radio"],
  .uga-stars-value .radio-inline input[type="radio"],
  .uga-stars-value .checkbox input[type="checkbox"],
  .uga-stars-value .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9 ; }
  .uga-stars-value radio + .radio,
  .uga-stars-value .checkbox + .checkbox {
    margin-top: -5px; }
  .uga-stars-value .radio-inline,
  .uga-stars-value .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }
  .uga-stars-value .radio-inline + .radio-inline,
  .uga-stars-value .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px; }
  .uga-stars-value input[type="radio"][disabled],
  .uga-stars-value input[type="checkbox"][disabled],
  .uga-stars-value input[type="radio"].disabled,
  .uga-stars-value input[type="checkbox"].disabled,
  .uga-stars-value fieldset[disabled] input[type="radio"],
  .uga-stars-value fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed; }
  .uga-stars-value .radio-inline.disabled,
  .uga-stars-value .checkbox-inline.disabled,
  .uga-stars-value fieldset[disabled] .radio-inline,
  .uga-stars-value fieldset[disabled] .checkbox-inline {
    cursor: not-allowed; }
  .uga-stars-value .radio.disabled label,
  .uga-stars-value .checkbox.disabled label,
  .uga-stars-value fieldset[disabled] .radio label,
  .uga-stars-value fieldset[disabled] .checkbox label {
    cursor: not-allowed; }

.loading-spinner {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 6px solid transparent;
  border-bottom: 6px solid royalblue;
  border-top: 6px solid royalblue;
  /*animation-duration: 1.5s;
  animation-name: spin;
  animation-iteration-count: infinite;
  animation-timing-function: linear;*/ }

.uga-center-block {
  margin: 0 auto; }

.uga-center-block-no-partlet {
  width: 80%;
  margin: 0 auto; }

.ng-hide:not(.ng-animate), [ng-cloak] {
  display: none !important; }

.ng-show {
  display: block !important; }

.uga-relative {
  position: relative;
  /*animation: fadein 0.3s ease;
  -moz-animation: fadein 0.3s ease;
  -webkit-animation: fadein 0.3s ease;
  -o-animation: fadein 0.3s ease;*/ }

.inline {
  display: inline-block !important; }

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

.block-starts-input {
  float: right; }
  .block-starts-input input {
    margin: 0 80px !important; }

.rt--block-title {
  margin-left: 305px; }

.uga-input-label {
  display: block;
  margin: 10px 0;
  width: 100%;
  text-align: center; }

.rt--menu-tab ul {
  margin: 0 !important; }

.rt--sars-title {
  display: inline-block;
  width: 165px;
  text-align: center; }

.uga-center-block-select {
  margin-left: 115px; }

select.new-uga-select {
  padding: 4px;
  border: 1px solid #444;
  border-radius: 0 !important;
  display: block;
  margin: 0 auto;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.uga-bg-block span {
  display: block;
  background-color: white;
  position: relative;
  top: 10px;
  height: 40px;
  line-height: 40px;
  padding-left: 10px; }

.uga-active {
  display: block !important;
  background: transparent !important;
  padding: 10px !important;
  color: #444 !important;
  text-align: center !important;
  position: relative !important; }
  .uga-active:before {
    content: "";
    top: 40px;
    left: -1px;
    position: absolute;
    border-top: 15px solid #0490d8;
    border-bottom: 15px solid transparent;
    border-right: 70px solid transparent;
    border-left: 70px solid transparent; }

.rt--menu-tab ul li {
  list-style: none;
  display: inline-block;
  width: 15%;
  margin: 0px 20px;
  cursor: pointer; }
  .rt--menu-tab ul li a {
    display: block;
    background-color: #0490d8;
    padding: 10px;
    color: white;
    text-align: center;
    font-size: 12px; }

.rt--profile-block {
  padding: 20px 0px;
  margin-bottom: 20px; }

.rt--block-button {
  padding: 0px 10px; }
  .rt--block-button .rt--button-primary {
    width: 49%;
    padding: 10px;
    background-color: #017EBF;
    color: white;
    border: none; }

.rt--title-center {
  text-align: center;
  font-size: 24px;
  padding-top: 24px; }

/*
li.uga-alle {
  width: 50px !important;
}
*/
md-tabs md-ink-bar {
  color: #007ebf !important;
  background: #007ebf !important; }

.uga-material-tabs {
  background: white;
  min-height: 600px;
  padding: 20px;
  margin-bottom: 4px; }
  .uga-material-tabs md-content {
    display: block;
    position: relative;
    overflow: hidden !important;
    -webkit-overflow-scrolling: touch; }
  .uga-material-tabs .md-ripple-container {
    color: #007ebf !important; }
  .uga-material-tabs md-pagination-wrapper md-tab-item {
    width: 228px;
    background-color: #0490d8;
    margin-right: 10px; }
    .uga-material-tabs md-pagination-wrapper md-tab-item span {
      font-weight: bold;
      color: white; }
  .uga-material-tabs md-pagination-wrapper .md-active {
    background-color: white !important; }
    .uga-material-tabs md-pagination-wrapper .md-active span {
      color: #444 !important; }

.uga-md-tabs {
  height: 600px;
  overflow: hidden; }

.rt--title-center-list {
  text-align: center;
  font-size: 20px;
  margin: 25px 0; }
  .rt--title-center-list ul li {
    list-style: none;
    display: inline-block;
    width: 33px;
    height: 25px;
    border-right: 2px solid #6F6F6F; }
    .rt--title-center-list ul li:last-child {
      border-right: none !important; }
    .rt--title-center-list ul li .rt--mini-list-title {
      font-size: 16px;
      cursor: pointer; }

.uga-alle {
  color: #0490d8 !important;
  text-decoration: none !important; }

.rt--user {
  position: absolute;
  left: -125px;
  top: 100px; }
  .rt--user:before {
    content: "";
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 20px solid #017EBF;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    display: block;
    position: absolute;
    right: -45px;
    top: 8px; }

.rt--content {
  background: white !important; }

.rt--left {
  position: absolute;
  left: 0; }

.uga-nano-slider {
  display: block;
  position: relative; }
  .uga-nano-slider img {
    display: block; }

p.uga-title-home-partlet {
  display: block;
  width: 98%;
  margin: 0 auto;
  text-align: center;
  background-color: white;
  padding: 10px;
  position: relative;
  top: 30px;
  margin-top: -50px; }

.uga-buttor-position-l {
  color: white !important;
  position: absolute;
  left: 80px;
  top: 160px;
  font-family: "FBook" sans-serif;
  width: 30%;
  font-weight: normal;
  font-size: 20px;
  text-align: center;
  text-shadow: none !important; }

a.uga-modal-btn {
  position: absolute;
  top: 60px;
  display: block;
  width: 100%;
  background: #0490d8;
  color: white;
  text-align: center;
  text-transform: uppercase;
  padding: 8px;
  left: 480px; }

a.uga-close-btn {
  position: fixed;
  width: 980px;
  margin: 0 auto;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
  background: #0490d8;
  color: white;
  text-align: center;
  text-transform: uppercase;
  padding: 30px;
  z-index: 1000;
  opacity: 0.6; }
  a.uga-close-btn:hover {
    opacity: 0.9; }

.none {
  visibility: hidden; }

.uga-bg-modal {
  background-color: #000;
  opacity: 0.8;
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  z-index: 1000; }

.uga-modal-win {
  position: fixed;
  width: 980px;
  height: 535px;
  background: white;
  z-index: 1000;
  top: 2%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #D7D7D7; }

.rt--track {
  display: inline-block;
  background: #017EBF;
  color: white;
  padding: 1rem;
  margin: 0 2px;
  height: 10px;
  width: 10px;
  text-align: center;
  line-height: 10px;
  font-size: 18px; }

.uga-test-brand-img img {
  width: 100%; }

.uga-span-title {
  display: block !important;
  width: 90% !important;
  margin-left: 10px !important; }

.rt--right {
  position: absolute;
  right: 92px; }

.rt--rating-km {
  background: #0490d8;
  padding: 15px 4px 15px 20px;
  position: absolute; }
  .rt--rating-km span {
    position: relative;
    color: white;
    font-weight: bold;
    letter-spacing: 20px;
    font-size: 16px; }
    .rt--rating-km span:after {
      content: "";
      display: block;
      height: 50px;
      background-color: white;
      width: 5px;
      position: absolute;
      right: 105px;
      top: -16px; }
    .rt--rating-km span:before {
      content: "";
      display: block;
      height: 50px;
      background-color: white;
      width: 5px;
      position: absolute;
      top: -16px;
      left: 28px; }

.uga-stars-silver i {
  color: #F9FAFA; }

p.uga-mini-title {
  text-transform: uppercase;
  font-size: 16px;
  margin-left: 16px; }

.uga-static-stars-block i {
  color: #F5C22E;
  font-size: 33px;
  width: 20px;
  display: inline-block; }

.rt--bg {
  background: #f1f1f1 !important;
  padding: 2rem; }

.rel {
  position: relative; }

.rt--loading {
  position: relative;
  background: #F9FAFA;
  width: 100%;
  min-height: 300px;
  max-height: 500px;
  z-index: 1000; }

.loading {
  display: table;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  padding-left: 25px; }

.spot {
  float: left;
  width: 40px;
  height: 40px; }

.tap {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: #3f86ee; }

@keyframes glow {
  0% {
    width: 0px;
    height: 0px;
    border-radius: 0px;
    box-shadow: 0 0 0 0 #3094ee; }

  10% {
    transform: translate(-2px, -2px);
    width: 16px;
    height: 16px;
    border-radius: 16px; }

  20% {
    box-shadow: 0 0 7px 7px #3094ee; }

  60% {
    box-shadow: 0 0 0 0 #3094ee; } }

.uga-center-block-mini {
  background-color: white;
  width: 100%;
  padding: 10px; }

.uga-statistic-block span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  padding: 14px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.uga-a-center {
  text-align: center;
  width: 100%;
  margin: 0 auto; }
  .uga-a-center a {
    color: #555555;
    background: #EBEBEB;
    padding: 10px;
    display: block;
    width: 47%;
    margin: 0 auto;
    box-shadow: 0px 1px 3px 0px rgba(128, 128, 128, 0.63); }

.uga-material-btn {
  border-radius: 0 !important;
  background: #0D84C2 !important;
  border: none !important;
  color: #FFFFFF !important;
  padding: 8px !important;
  margin-left: 10px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); }

.uga-facebook {
  position: relative;
  display: block;
  width: 47%;
  padding: 10px;
  margin: 30px auto;
  background: #0490d8;
  text-align: center;
  color: white !important; }
  .uga-facebook i {
    font-style: normal;
    margin-left: 25px; }
  .uga-facebook .uga-fs-icons {
    position: absolute;
    top: 8px;
    left: 14px;
    font-size: 28px; }
    .uga-facebook .uga-fs-icons:before {
      content: '';
      display: block;
      position: absolute;
      width: 2px;
      height: 40px;
      background-color: white;
      left: 25px;
      top: -8px; }
    .uga-facebook .uga-fs-icons .icon-facebook {
      display: block;
      position: absolute;
      left: -25px; }

.test_report_data {
  color: #444; }

.test_content .test_navigation nav span:last-child {
  display: none; }

form#_Guestlogin_WAR_reifentestapplication_createAsGuest {
  text-align: center; }

.uga-a-center {
  text-align: center;
  margin: 10px 0; }

.uga-font-24 {
  font-size: 24px;
  margin-bottom: 20px; }

.uga-reifentest-navigation nav span:last-child {
  display: none; }

.uga-center-block-no-partle span:last-child {
  display: none; }

.divider {
  color: #444 !important; }

.uga-divider {
  position: absolute;
  left: 0;
  color: #444; }

.md-select-menu-container {
  max-width: 285px !important; }

.uga-track-block {
  margin-bottom: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%; }

.uga-track-style {
  background-color: #0490d8;
  color: white;
  border-radius: 2px;
  width: 25px;
  text-align: center;
  padding: 10px 6px;
  margin: 0 1px;
  font-size: 20px; }
  .uga-track-style:nth-last-child(4) .counter_style {
    display: block;
    background: #ffffff;
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 106%;
    color: #0490d8;
    font-size: 69px;
    line-height: 0px; }
  .uga-track-style:nth-last-child(4) .test_counter_style {
    display: block;
    background: #ffffff;
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 106%;
    color: #0490d8;
    font-size: 69px;
    line-height: 0px; }
  .uga-track-style:nth-last-child(8) .counter_style {
    display: block;
    background: #ffffff;
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 106%;
    color: #0490d8;
    font-size: 69px;
    line-height: 0px; }
  .uga-track-style:nth-last-child(8) .test_counter_style {
    display: block;
    background: #ffffff;
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 106%;
    color: #0490d8;
    font-size: 69px;
    line-height: 0px; }
  .uga-track-style:nth-last-child(12) .counter_style {
    display: block;
    background: #ffffff;
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 106%;
    color: #0490d8;
    font-size: 69px;
    line-height: 0px; }
  .uga-track-style:nth-last-child(12) .test_counter_style {
    display: block;
    background: #ffffff;
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 106%;
    color: #0490d8;
    font-size: 69px;
    line-height: 0px; }

.uga-center-block h2 {
  text-align: center; }

.uga-padding-10 {
  padding: 10px; }

.uga-padding-20 {
  padding: 0 25px; }

.uga-padding-30 {
  padding: 20px; }

.uga-profile {
  max-height: 210px; }

.uga-left .uga-track-style:nth-last-child(6):before {
  display: none; }

.uga-img-block {
  width: 100%; }
  .uga-img-block img {
    width: 50%;
    margin: 0 auto;
    display: block; }

.uga-mini-modal-upload {
  width: 20%;
  margin-left: 5px;
  overflow: hidden;
  display: inline-block;
  position: relative; }
  .uga-mini-modal-upload img {
    width: 100%; }

.uga-mini-delete {
  position: absolute;
  top: 1px;
  width: 18px;
  height: 18px;
  line-height: 8px;
  font-weight: bold;
  border-radius: 100%;
  font-size: 12px;
  right: 1px;
  color: #D45959;
  background: rgba(255, 255, 255, 0.74);
  padding: 4px;
  cursor: pointer; }

.uga-text-l span {
  display: block;
  text-align: right;
  width: 83%; }

.hf-f {
  height: 80px; }
  .hf-f input {
    margin-left: 20px; }

.uga-static-padding {
  padding: 20px 18px; }

.ugga-table-bg {
  background-color: white; }

.uga-italic {
  font-style: italic; }

.uga-modal {
  background: #F6F6F6;
  padding: 10px;
  width: 94%;
  border: 1px solid #444;
  color: #B04545; }

.uga-white {
  background-color: white;
  margin-bottom: 40px !important;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.26); }

.uga-border-bottom {
  border-bottom: 4px solid white; }

.uga-static-padding-mini {
  padding: 0px 18px;
  background-color: white;
  margin: 0px 0px;
  position: relative; }

.uga-stars {
  position: relative;
  left: 245px; }

.uga-title-content {
  max-width: 960px;
  margin: 0 auto; }
  .uga-title-content h5 {
    text-align: center;
    font-size: 24px; }

.uga-tab-content {
  max-width: 960px;
  margin: 0 auto;
  min-height: 650px; }
  .uga-tab-content h5 {
    text-align: center;
    font-size: 24px; }

.uga-margin-top {
  margin-top: 70px; }

.tabs {
  padding-top: 14px; }

li.tabitem.active {
  background-color: #F9F9F9;
  border: 1px solid #EFEFEF; }
  li.tabitem.active a {
    color: #444 !important; }

md-content {
  color: #6F6F6F; }

table.uig-table {
  display: block; }
  table.uig-table tbody {
    display: block; }
    table.uig-table tbody tr.uig-table-tr {
      display: block; }
      table.uig-table tbody tr.uig-table-tr td.uig-table-td {
        display: block; }

.test_margin_top_profile {
  margin-top: 8px; }

.uga-stars-silver i {
  color: #F9FAFA; }

button.btn.btn-default {
  padding: 10px !important; }

.uga-button {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.68); }

button.btn.btn-default.active {
  background: #024d74;
  color: white; }

.pagination .active {
  background: #024d74 !important; }
.pagination li {
  display: block;
  list-style: none;
  padding: 10px;
  width: 50px;
  float: left;
  background: #0490d8;
  margin: 2px;
  text-align: center;
  cursor: pointer !important; }
  .pagination li a {
    margin: 0 !important;
    color: white;
    display: block; }

.uga-user {
  position: absolute;
  z-index: 1;
  left: -123px;
  width: 120px;
  top: 100px;
  padding: 10px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.26); }
  .uga-user:before {
    content: "";
    position: absolute;
    top: 25px;
    right: -37px;
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent;
    border-right: 10px solid transparent;
    border-left: 25px solid #0490d8; }

.uga-icons-search {
  display: block;
  position: absolute;
  right: 0; }
  .uga-icons-search:before {
    content: "";
    width: 26px;
    height: 26px;
    background: transparent;
    display: block;
    border: 3px solid white;
    border-radius: 100%;
    position: absolute;
    top: 20px;
    right: 8px; }
  .uga-icons-search:after {
    content: "";
    position: absolute;
    top: 37px;
    width: 4px;
    right: 0px;
    height: 21px;
    display: block;
    background: white;
    -o-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); }

.uga-user-name {
  padding: 10px 0;
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  width: 101px;
  text-align: left; }

.uga-mini-block input {
  border: 1px solid #444 !important;
  background: none !important; }

md-select-menu {
  border: 1px solid #444; }

.uga-color-link {
  color: #0490d8; }

.bg3 {
  background-color: white;
  width: 50.5%; }

.uga-full-page {
  margin: 50px auto;
  background-color: #f9fafa; }
  .uga-full-page .sign-in-form {
    display: block;
    text-align: center; }
    .uga-full-page .sign-in-form .fieldset {
      display: inline-block; }
      .uga-full-page .sign-in-form .fieldset .control-group {
        display: block; }
        .uga-full-page .sign-in-form .fieldset .control-group .control-label {
          font-weight: bold; }
        .uga-full-page .sign-in-form .fieldset .control-group input {
          display: block;
          padding: 8px;
          border-radius: 0px;
          text-align: center;
          width: 50%;
          margin: 0 auto;
          border: 1px solid #444; }
        .uga-full-page .sign-in-form .fieldset .control-group md-select {
          display: block;
          border-radius: 0px;
          text-align: center;
          width: 54%;
          height: 39px;
          margin: 0 auto !important;
          border: 1px solid #444; }
    .uga-full-page .sign-in-form .button-holder .btn-primary {
      width: 47%;
      margin: 0 auto;
      padding: 8px;
      background: #0490d8;
      border: 1px solid #0490d8;
      border-radius: 0; }

.uga-header {
  background-color: #0490d8;
  padding: 2rem;
  margin: 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.49); }

.tabs ul {
  list-style: none;
  margin: 0 !important;
  width: 100%;
  overflow: hidden;
  padding: 0 !important;
  display: block; }

.tabs ul li {
  display: inline-block;
  width: 229px;
  background-color: #0490d8;
  border: 1px solid #0490d8; }

.tabs a {
  position: relative;
  color: white !important;
  text-decoration: none;
  display: block;
  height: 50px;
  text-align: center;
  line-height: 52px;
  font-weight: 700;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  overflow: hidden; }
  .tabs a:hover {
    text-decoration: none !important;
    color: white !important; }

.tabs .active a {
  color: white; }

.tabs .active a:after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0px;
  left: 0px;
  position: absolute;
  background: #0490d8;
  -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0s alternate forwards;
  -moz-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0s alternate forwards;
  transition: all 1s cubic-bezier(0.4, 0, 1, 1); }

.tabs a span {
  position: absolute;
  margin-left: -40px;
  margin-top: -24px;
  width: 80px;
  background: #ffff8d;
  height: 100%;
  display: block;
  border-radius: 50%;
  opacity: 0; }

.tabs a span.clicked {
  -webkit-animation: expand 0.6s cubic-bezier(0.4, 0, 0.4, 1) 0s normal;
  -moz-animation: expand 0.6s cubic-bezier(0.4, 0, 0.4, 1) 0s normal;
  border-bottom: 2px solid #FFFF8D; }

.content {
  padding-top: 50px;
  position: relative;
  top: 0px;
  overflow: hidden; }

.itemhead {
  padding: 30px;
  overflow: hidden;
  position: relative; }

.itemhead img {
  border-radius: 100%;
  float: left; }

.itemhead h2 {
  font-weight: 400;
  float: left;
  margin-left: 20px; }

.itemhead .heart {
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 4px;
  padding: 7px;
  border-radius: 2px; }

.item p:first-of-type {
  margin-top: 0; }

.item p {
  padding: 0px 30px;
  font-size: 19px;
  line-height: 26px;
  margin: 0;
  margin-top: 1em; }

.item a {
  text-decoration: none;
  color: #00bcd4;
  font-weight: 500;
  font-size: 0.8em; }

.heart:hover {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.1); }

.heart #favorite {
  fill: #636363; }

.heart.active #favorite {
  fill: #DA4336; }

.box {
  display: none;
  overflow: auto;
  position: relative;
  overflow-x: hidden; }

.box.show {
  display: block; }

/** Custom Select **/
.custom-select-wrapper {
  position: relative;
  user-select: none; }

.custom-select-wrapper select {
  display: none; }

.custom-select {
  position: relative; }

.custom-select-trigger {
  position: relative;
  display: block;
  width: 54% !important;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 300;
  color: #444;
  cursor: pointer;
  background-color: white;
  border: 1px solid #444;
  padding: 8px; }

.custom-select-trigger:after {
  position: absolute;
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  top: 50%;
  right: 25px;
  margin-top: -3px;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
  transform: rotate(45deg) translateY(-50%);
  transition: all .4s ease-in-out;
  transform-origin: 50% 0; }

.custom-select.opened .custom-select-trigger:after {
  margin-top: 3px;
  transform: rotate(-135deg) translateY(-50%); }

.custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  width: 50%;
  margin: 5px auto;
  border: 1px solid #444;
  background: white;
  transition: all .4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px); }

.custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0); }

.custom-options:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 100%;
  right: 25px;
  width: 7px;
  height: 7px;
  margin-bottom: -3px;
  border-top: 1px solid #444;
  border-left: 1px solid #444;
  background: white;
  transform: rotate(45deg);
  transition: all .4s ease-in-out; }

.option-hover:before {
  background: #f9f9f9; }

.custom-option {
  position: relative;
  display: block;
  font-size: 14px;
  color: #444;
  line-height: 47px;
  cursor: pointer;
  transition: all .4s ease-in-out; }

.custom-option:first-of-type {
  border-radius: 4px 4px 0 0; }

.custom-option:last-of-type {
  border-bottom: 0;
  border-radius: 0 0 4px 4px; }

.custom-option:hover,
.custom-option.selection {
  background: #f9f9f9; }

.wallop-slider {
  width: 100%; }

.wallop-slider__list {
  list-style: none;
  position: relative;
  overflow: hidden; }

.wallop-slider__item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.wallop-slider__item img {
  display: block; }

.wallop-slider__item--current {
  display: block;
  position: static;
  height: 465px; }

/*==========  SPECIAL CONFIG  ==========*/
/*
.wallop-slider--rotate .wallop-slider__item--hide-previous,
.wallop-slider--rotate .wallop-slider__item--hide-next {
  display: block;
}

.wallop-slider--rotate .wallop-slider__item--hide-previous {
  -webkit-animation: rotateToLeft 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  -moz-animation: rotateToLeft 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  -ms-animation: rotateToLeft 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: rotateToLeft 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}

.wallop-slider--rotate .wallop-slider__item--hide-next {
  -webkit-animation: rotateToRight 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  -moz-animation: rotateToRight 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  -ms-animation: rotateToRight 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: rotateToRight 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}*/
.button_test {
  background: transparent;
  border: none;
  display: block;
  min-width: 65px;
  padding: 8px; }

.color_core {
  background: #0490d8;
  color: white; }

.material_test_box {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.6); }

.title-xl {
  text-align: center;
  font-size: 20px;
  display: block;
  margin: 0 !important;
  background: #e6e6e6;
  padding: 10px 0px;
  color: #7C7C7C;
  -webkit-box-shadow: 0px 0px 2px 0px #979797;
  -moz-box-shadow: 0px 0px 2px 0px #979797;
  box-shadow: 0px 0px 2px 0px #979797; }

.test_mini_title {
  line-height: 30px;
  padding: 8px;
  margin-bottom: 2px;
  box-shadow: 0px 1px 0px 0px #D8D9D9; }
  .test_mini_title span {
    font-size: 20px; }

.test_user_name {
  font-size: 16px;
  text-transform: uppercase;
  background: #FFF;
  padding: 8px;
  position: relative;
  left: -40px; }

.test_user_setting_icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 30px;
  position: relative;
  top: -8px;
  color: #A1A1A1;
  left: 4px; }

.test_user_setting {
  position: absolute;
  right: 80px;
  opacity: 0.9;
  z-index: 10;
  background: #fff;
  padding: 8px;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.51);
  top: 65px; }

.content-test {
  position: relative;
  background: white;
  padding: 8px;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.39);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.39);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.39); }

.uga-fade {
  position: relative; }

.test_mini_img_block_modal {
  position: absolute;
  z-index: 100;
  background: #fff;
  width: 100%;
  top: 0;
  height: 100%;
  overflow: hidden;
  left: 0; }
  .test_mini_img_block_modal img {
    height: 100%;
    margin: 0 auto;
    display: block; }

.test_modal_close {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #fff;
  width: 50px;
  height: 50px;
  font-size: 30px;
  text-align: center;
  line-height: 50px;
  z-index: 10;
  border-radius: 100%; }

.profile-test .profile-avatar {
  position: relative;
  width: 150px;
  display: block;
  margin: 0 auto; }
  .profile-test .profile-avatar img {
    display: block; }

.test_table {
  position: relative; }
  .test_table table {
    display: block; }
    .test_table table tbody {
      display: block; }
      .test_table table tbody tr {
        display: block; }
        .test_table table tbody tr td {
          display: block; }
          .test_table table tbody tr td .test-mini {
            margin-bottom: 8px;
            position: relative;
            top: -4px; }

.user_header {
  max-height: 50px;
  overflow: hidden;
  padding: 8px;
  -webkit-box-shadow: 0px 1px 0px 0px #d8d9d9;
  -moz-box-shadow: 0px 1px 0px 0px #d8d9d9;
  box-shadow: 0px 1px 0px 0px #d8d9d9; }
  .user_header .test_user_avatar img {
    width: 35px; }

.test-mini {
  background: #FFF; }
  .test-mini .test_mini_content {
    background: #fff;
    margin: 8px 0; }
    .test-mini .test_mini_content .test_mini_avatar {
      width: 80px;
      margin: 0 auto;
      position: relative;
      top: 8px; }
      .test-mini .test_mini_content .test_mini_avatar img {
        width: 100%; }
  .test-mini .test_mini_comment {
    position: relative; }
    .test-mini .test_mini_comment .test_inline {
      display: inline-block; }
    .test-mini .test_mini_comment .test_comments_icons {
      font-size: 30px;
      padding: 8px;
      color: #0490d8; }
    .test-mini .test_mini_comment .test_comments_text {
      max-width: 93.3%;
      position: relative;
      top: 4px;
      background: #0490d8;
      color: #FFF;
      padding: 8px;
      left: -16px;
      font-size: 14px;
      margin: 8px auto;
      border-bottom-left-radius: 18px;
      border-top-right-radius: 18px;
      border-top-left-radius: 6px;
      border-bottom-right-radius: 6px; }
    .test-mini .test_mini_comment:before {
      content: ""; }

.test_icons_compact {
  position: relative;
  font-size: 24px;
  text-align: center;
  background: #F9FAFA;
  color: #A1A1A1;
  margin: 5px 0;
  cursor: pointer;
  width: 50px;
  height: 50px;
  line-height: 50px;
  box-shadow: 0px 0px 1px 0px #a1a1a1; }
  .test_icons_compact:hover {
    background: #0490d8;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .test_icons_compact a {
    color: #A1A1A1; }
    .test_icons_compact a:hover {
      color: #fff;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }

.test_mini_img {
  max-width: 100px;
  max-height: 100px;
  position: relative;
  top: 10px;
  overflow: hidden; }

.test_inline {
  display: inline-block; }

.heigth-min {
  min-height: 0 !important; }

.test_mini_img_block {
  position: relative; }

.uga-bg-html {
  overflow-x: hidden;
  overflow-y: auto; }

body {
  position: relative !important;
  width: 100% !important;
  top: 0 !important;
  overflow-x: hidden; }

.rel {
  position: relative; }

.search_box .sb_width50 {
  padding: 0;
  margin: 0;
  width: 50px;
  line-height: 2; }
.search_box .sb_width0 {
  padding: 0;
  margin: 0;
  line-height: 2; }

.news-container {
  height: 335px;
  background-color: white;
  background-size: cover;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden; }

.news-container .news-pane {
  position: absolute;
  left: 0;
  top: calc(100% - 65px);
  -webkit-transition: top .3s;
  -moz-transition: top .3s;
  -ms-transition: top .3s;
  -o-transition: top .3s;
  transition: top .3s;
  height: 100%;
  width: 100%;
  z-index: 3;
  background: #017ec0;
  color: white; }
  .news-container .news-pane a:hover,
  .news-container .news-pane a:active {
    color: lightskyblue; }

.news-container:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
  z-index: 2; }

.news-container:hover:before {
  opacity: 1; }

.news-container:hover .news-pane {
  top: 70%; }

.news-container.active .news-pane {
  top: 0; }

.news-container:not(.active) {
  cursor: pointer; }

.news-container .title,
.news-container .date {
  padding: 5px 10px;
  margin: 0;
  font-size: 15px; }

.news-container .title {
  text-transform: uppercase;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: lighter;
  line-height: 20px;
  padding: 5px 10px 10px 10px; }

.news-container.active .title {
  white-space: normal;
  overflow: auto; }

.news-container .description {
  position: relative;
  padding: 5px 10px;
  overflow: auto;
  max-height: calc(100% - 65px);
  font-size: 13px; }

.news-list .news-list-heading, .news-list .no-articles-heading {
  text-align: center;
  text-transform: uppercase;
  color: inherit;
  margin-bottom: .8em;
  margin-top: 0; }

.news-list .news-list-heading {
  font-size: 1.8em; }

.news-list .no-articles-heading {
  font-size: 1.3em; }

.news-container .description a {
  text-decoration: underline; }

.news-list .row-fluid:nth-of-type(3n-2) .span6:nth-child(odd) .news-pane {
  background: #017ec0;
  color: white; }
  .news-list .row-fluid:nth-of-type(3n-2) .span6:nth-child(odd) .news-pane a:hover,
  .news-list .row-fluid:nth-of-type(3n-2) .span6:nth-child(odd) .news-pane a:active {
    color: lightskyblue; }

.news-list .row-fluid:nth-of-type(3n-2) .span6:nth-child(even) .news-pane {
  background: white;
  color: unset; }

.news-list .row-fluid:nth-of-type(3n-1) .span6:nth-child(odd) .news-pane {
  background: #4b4b4d;
  color: white; }

.news-list .row-fluid:nth-of-type(3n-1) .span6:nth-child(even) .news-pane {
  background: #017ec0;
  color: white; }
  .news-list .row-fluid:nth-of-type(3n-1) .span6:nth-child(even) .news-pane a:hover,
  .news-list .row-fluid:nth-of-type(3n-1) .span6:nth-child(even) .news-pane a:active {
    color: lightskyblue; }

.news-list .row-fluid:nth-of-type(3n) .span6:nth-child(odd) .news-pane {
  background: white;
  color: unset; }

.news-list .row-fluid:nth-of-type(3n) .span6:nth-child(even) .news-pane {
  background: #4b4b4d;
  color: white; }

.news-list ~ .lfr-pagination .pager {
  margin: 0 0 20px 0; }

.news-list ~ .lfr-pagination .pager li a {
  background: #017ec0;
  color: white;
  border-radius: 0;
  padding: 13px 20px;
  margin: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.5em;
  border: none; }

.news-list ~ .lfr-pagination .pager li a:hover {
  background: #005c8c; }

.news-list ~ .lfr-pagination .pager li.disabled a {
  background: darkgray;
  color: white; }

.news-list ~ .lfr-pagination .pager li.disabled a:hover {
  background: slategray;
  cursor: not-allowed; }

/* perfect-scrollbar v0.6.15 */
.ps-container {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none; }

@supports (-ms-overflow-style: none) {
  .ps-container {
    overflow: auto !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps-container {
    overflow: auto !important; } }
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: transparent; }

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
  height: 11px; }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
  width: 11px; }

.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 15px; }

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 6px; }

.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
  height: 11px; }

.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 15px; }

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  right: 2px;
  /* there must be 'right' for ps-scrollbar-y */
  width: 6px; }

.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
  width: 11px; }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
  height: 11px; }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
  width: 11px; }

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6; }

.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9; }

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999; }

.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9; }

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999; }

body.summer:not(.dialog-iframe-popup), body.summer.dockbar-ready {
  background: #f2f2f1 url(../images/color_schemes/summer/bg.png) no-repeat fixed center !important;
  background-size: cover !important; }

body.winter:not(.dialog-iframe-popup), body.winter.dockbar-ready {
  background: #f2f2f1 url(../images/color_schemes/winter/bg.png) no-repeat fixed center !important;
  background-size: cover !important; }

body.falken:not(.dialog-iframe-popup), body.falken.dockbar-ready {
  background: #f2f2f1 url(../images/color_schemes/falken/bg.png) no-repeat fixed center !important;
  background-size: cover !important; }

body.dynamic-bg-gan:not(.dialog-iframe-popup), body.dynamic-bg-gan.dockbar-ready {
  background: #f2f2f1 url("../images/color_schemes/dynamic/dynamic-bg-gan.jpg") no-repeat fixed center !important;
  background-size: cover !important; }

body.dynamic-bg-llkw:not(.dialog-iframe-popup), body.dynamic-bg-llkw.dockbar-ready {
  background: #f2f2f1 url("../images/color_schemes/dynamic/dynamic-bg-llkw.jpg") no-repeat fixed center !important;
  background-size: cover !important; }

body.dynamic-bg-so:not(.dialog-iframe-popup), body.dynamic-bg-so.dockbar-ready {
  background: #f2f2f1 url("../images/color_schemes/dynamic/dynamic-bg-so.jpg") no-repeat fixed center !important;
  background-size: cover !important; }

body.dynamic-bg-wi:not(.dialog-iframe-popup), body.dynamic-bg-wi.dockbar-ready {
  background: #f2f2f1 url("../images/color_schemes/dynamic/dynamic-bg-wi.jpg") no-repeat fixed center !important;
  background-size: cover !important; }

body.dynamic-bg-mo:not(.dialog-iframe-popup), body.dynamic-bg-mo.dockbar-ready {
  background: #f2f2f1 url("../images/color_schemes/dynamic/dynamic-bg-mo.jpg") no-repeat fixed center !important;
  background-size: cover !important; }

body.dynamic-bg-lkw:not(.dialog-iframe-popup), body.dynamic-bg-lkw.dockbar-ready {
  background: #f2f2f1 url("../images/color_schemes/dynamic/dynamic-bg-lkw.jpg") no-repeat fixed center !important;
  background-size: cover !important; }

body.dynamic-bg-off:not(.dialog-iframe-popup), body.dynamic-bg-off.dockbar-ready {
  background: #f2f2f1 url("../images/color_schemes/dynamic/dynamic-bg-off.jpg") no-repeat fixed center !important;
  background-size: cover !important; }

.brand-list {
  min-height: 60vh;
  margin-bottom: 20px; }

.brand-list .brand {
  margin-bottom: 15px; }

.brand-list .anchor {
  color: #0490d8;
  text-decoration: underline; }

.brand-list .anchor:hover {
  color: #005c8c; }

ul.first-letters,
.brand-list .first-letters {
  list-style-type: none;
  font-size: 0;
  margin: 0 auto 25px; }
  ul.first-letters .letter,
  .brand-list .first-letters .letter {
    display: inline-block;
    position: relative;
    font-size: 18px;
    margin: 2px 0;
    padding: 0 5px;
    text-transform: uppercase;
    min-width: 34px;
    min-height: 20px;
    -webkit-user-select: none;
    user-select: none;
    line-height: 20px;
    vertical-align: text-bottom; }
    ul.first-letters .letter:first-of-type,
    .brand-list .first-letters .letter:first-of-type {
      padding: 0 10px; }
    ul.first-letters .letter:not(:last-of-type):after,
    .brand-list .first-letters .letter:not(:last-of-type):after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 100%;
      width: 1px;
      height: 18px;
      background: #4b4b4d; }
    ul.first-letters .letter:hover,
    .brand-list .first-letters .letter:hover {
      text-decoration: underline;
      cursor: pointer; }
    ul.first-letters .letter > *,
    .brand-list .first-letters .letter > * {
      line-height: 1;
      vertical-align: text-top; }
    ul.first-letters .letter.active,
    .brand-list .first-letters .letter.active {
      color: #0490d8;
      font-weight: 600;
      font-size: 28px;
      padding-bottom: 4px; }

.group-list-container .row-fluid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
.group-list-container .group-column {
  border-right: 3px solid white; }
  .group-list-container .group-column:last-child {
    border-right: unset; }
.group-list-container .group-title {
  margin: 5px 0;
  text-transform: uppercase;
  font-size: 24px;
  color: #0490d8; }
.group-list-container .group-list {
  margin-left: 0; }
.group-list-container .subgroup-list {
  margin: 0 10px; }
.group-list-container .group-list,
.group-list-container .subgroup-list {
  list-style-type: none; }
.group-list-container .subgroup-link {
  color: #4b4b4d;
  cursor: pointer; }
  .group-list-container .subgroup-link:hover {
    color: #0490d8;
    text-decoration: underline; }
  .group-list-container .subgroup-link:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both; }
  .group-list-container .subgroup-link:hover > * {
    text-decoration: underline; }
  .group-list-container .subgroup-link .subgroup-name {
    float: left; }
  .group-list-container .subgroup-link .subgroup-count {
    float: right; }
    .group-list-container .subgroup-link .subgroup-count span {
      color: #0490d8;
      font-size: 13px;
      margin-left: 5px; }

@media screen and (max-width: 767px) {
  .group-list-container .row-fluid {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column; }
  .group-list-container .group-column {
    border: unset; }
  .group-list-container .subgroup-list-item {
    margin-bottom: 5px; }
  .group-list-container .subgroup-link {
    font-size: 18px;
    line-height: 1.3; }
  .group-list-container .group-title {
    font-size: 30px; } }
.brand-info .brand-row {
  display: block; }
  .brand-info .brand-row .brand-col:nth-child(n+2) {
    margin: 25px 0 0 0; }
.brand-info .brand-image,
.brand-info .brand-description {
  background: white; }
.brand-info .brand-description {
  padding: 10px; }
  .brand-info .brand-description p {
    margin: 0; }
.brand-info .brand-image {
  text-align: center; }
.brand-info .brand-image img {
  max-width: 100%; }

@media screen and (min-width: 768px) {
  .brand-info .brand-row {
    display: flex; }
    .brand-info .brand-row .brand-col {
      width: 50%; }
      .brand-info .brand-row .brand-col:nth-child(n+2) {
        margin: 0 0 0 25px; } }
.ngrateit-rating {
  display: inline-block;
  overflow: hidden; }

.ngrateit-reset {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAxNiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0IzQjNCMyIgZD0iTTgsMi4xNzRjLTMuMjE5LDAtNS44MjcsMi42MDktNS44MjcsNS44MjdTNC43ODMsMTMuODI2LDgsMTMuODI2YzMuMjE4LDAsNS44MjYtMi42MDcsNS44MjYtNS44MjUNCglTMTEuMjE5LDIuMTc0LDgsMi4xNzR6IE0xMS40MzgsOUg0LjU2M1Y3aDYuODc0Vjl6Ii8+DQo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0xMjIuMzI2NyIgeTE9IjgwMCIgeDI9Ii0xMTAuNjczOCIgeTI9IjgwMCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDEyNC41IC03NzYpIj4NCgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYxRDI1Ii8+DQoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Q3MDAyRSIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjxwYXRoIGZpbGw9InVybCgjU1ZHSURfMV8pIiBkPSJNOCwxOC4xNzRjLTMuMjE5LDAtNS44MjcsMi42MDktNS44MjcsNS44MjdTNC43ODMsMjkuODI2LDgsMjkuODI2YzMuMjE4LDAsNS44MjYtMi42MDcsNS44MjYtNS44MjUNCglTMTEuMjE5LDE4LjE3NCw4LDE4LjE3NHogTTExLjQzOCwyNUg0LjU2M3YtMmg2Ljg3NFYyNXoiLz4NCjwvc3ZnPg0K);
  display: inline-block;
  background-position: 0 0; }

.ngrateit-reset:hover {
  background-position: 0 100%; }

.ngrateit-star {
  display: block;
  float: left;
  overflow: hidden;
  background-repeat: repeat-x; }

.ngrateit-bg-star {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwLjIwNyIgeTE9IjgiIHgyPSIxNS43OTIiIHkyPSI4Ij4NCgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQ0NDQ0NDIi8+DQoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0U2RTZFNiIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjxwYXRoIGZpbGw9InVybCgjU1ZHSURfM18pIiBkPSJNOC4zNjcsMC44MTRsMS45ODQsNC42OTFsNS4wNzQsMC40MzRjMC4zNTIsMC4wMzEsMC40OTYsMC40NzMsMC4yMjcsMC43MDNsLTMuODQ4LDMuMzM2bDEuMTUyLDQuOTYxDQoJYzAuMDgyLDAuMzQ0LTAuMjkzLDAuNjE3LTAuNTk0LDAuNDM0TDgsMTIuNzRsLTQuMzYzLDIuNjMzYy0wLjMwMSwwLjE4LTAuNjc2LTAuMDktMC41OTQtMC40MzRsMS4xNTItNC45NjFMMC4zNDQsNi42NDINCglDMC4wNzgsNi40MDgsMC4yMjMsNS45NywwLjU3NCw1LjkzOWw1LjA3NC0wLjQzNGwxLjk4NS00LjY5MUM3Ljc2OSwwLjQ4Niw4LjIzLDAuNDg2LDguMzY3LDAuODE0TDguMzY3LDAuODE0eiBNOC4zNjcsMC44MTQiLz4NCjwvc3ZnPg0K); }

.ngrateit-selected {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwLjIwNyIgeTE9IjgiIHgyPSIxNS43OTIiIHkyPSI4Ij4NCgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkJCMDNCIi8+DQoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGOTQyRCIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjxwYXRoIGZpbGw9InVybCgjU1ZHSURfM18pIiBkPSJNOC4zNjcsMC44MTRsMS45ODQsNC42OTFsNS4wNzQsMC40MzRjMC4zNTIsMC4wMzEsMC40OTYsMC40NzMsMC4yMjcsMC43MDNsLTMuODQ4LDMuMzM2bDEuMTUyLDQuOTYxDQoJYzAuMDgyLDAuMzQ0LTAuMjkzLDAuNjE3LTAuNTk0LDAuNDM0TDgsMTIuNzRsLTQuMzYzLDIuNjMzYy0wLjMwMSwwLjE4LTAuNjc2LTAuMDktMC41OTQtMC40MzRsMS4xNTItNC45NjFMMC4zNDQsNi42NDINCglDMC4wNzgsNi40MDgsMC4yMjMsNS45NywwLjU3NCw1LjkzOWw1LjA3NC0wLjQzNGwxLjk4NS00LjY5MUM3Ljc2OSwwLjQ4Niw4LjIzLDAuNDg2LDguMzY3LDAuODE0TDguMzY3LDAuODE0eiBNOC4zNjcsMC44MTQiLz4NCjwvc3ZnPg0K); }

.ngrateit:not(.ngrateit-readonly) .ngrateit-rating span:hover ~ span {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwLjIwNyIgeTE9IjgiIHgyPSIxNS43OTIiIHkyPSI4Ij4NCgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQ0NDQ0NDIi8+DQoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0U2RTZFNiIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjxwYXRoIGZpbGw9InVybCgjU1ZHSURfM18pIiBkPSJNOC4zNjcsMC44MTRsMS45ODQsNC42OTFsNS4wNzQsMC40MzRjMC4zNTIsMC4wMzEsMC40OTYsMC40NzMsMC4yMjcsMC43MDNsLTMuODQ4LDMuMzM2bDEuMTUyLDQuOTYxDQoJYzAuMDgyLDAuMzQ0LTAuMjkzLDAuNjE3LTAuNTk0LDAuNDM0TDgsMTIuNzRsLTQuMzYzLDIuNjMzYy0wLjMwMSwwLjE4LTAuNjc2LTAuMDktMC41OTQtMC40MzRsMS4xNTItNC45NjFMMC4zNDQsNi42NDINCglDMC4wNzgsNi40MDgsMC4yMjMsNS45NywwLjU3NCw1LjkzOWw1LjA3NC0wLjQzNGwxLjk4NS00LjY5MUM3Ljc2OSwwLjQ4Niw4LjIzLDAuNDg2LDguMzY3LDAuODE0TDguMzY3LDAuODE0eiBNOC4zNjcsMC44MTQiLz4NCjwvc3ZnPg0K); }

.ngrateit:not(.ngrateit-readonly) .ngrateit-rating:hover span {
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwLjIwNyIgeTE9IjgiIHgyPSIxNS43OTIiIHkyPSI4Ij4NCgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYxRDI1Ii8+DQoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0Q3MDAyRSIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjxwYXRoIGZpbGw9InVybCgjU1ZHSURfM18pIiBkPSJNOC4zNjcsMC44MTRsMS45ODQsNC42OTFsNS4wNzQsMC40MzRjMC4zNTIsMC4wMzEsMC40OTYsMC40NzMsMC4yMjcsMC43MDNsLTMuODQ4LDMuMzM2bDEuMTUyLDQuOTYxDQoJYzAuMDgyLDAuMzQ0LTAuMjkzLDAuNjE3LTAuNTk0LDAuNDM0TDgsMTIuNzRsLTQuMzYzLDIuNjMzYy0wLjMwMSwwLjE4LTAuNjc2LTAuMDktMC41OTQtMC40MzRsMS4xNTItNC45NjFMMC4zNDQsNi42NDINCglDMC4wNzgsNi40MDgsMC4yMjMsNS45NywwLjU3NCw1LjkzOWw1LjA3NC0wLjQzNGwxLjk4NS00LjY5MUM3Ljc2OSwwLjQ4Niw4LjIzLDAuNDg2LDguMzY3LDAuODE0TDguMzY3LDAuODE0eiBNOC4zNjcsMC44MTQiLz4NCjwvc3ZnPg0K); }

.search-category-image {
  background: url("../images/search_icons/search_icons.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  height: 36px;
  width: 36px; }

.search-category-image.category5 {
  background-position: -36px -72px; }

.vertical-menu li:hover .search-category-image.category5, .category-list__category:hover .search-category-image.category5 {
  background-position: 0px -72px; }

.search-category-image.category3 {
  background-position: -36px -144px; }

.vertical-menu li:hover .search-category-image.category3, .category-list__category:hover .search-category-image.category3 {
  background-position: 0px -144px; }

.search-category-image.category6 {
  background-position: -36px 0px; }

.vertical-menu li:hover .search-category-image.category6, .category-list__category:hover .search-category-image.category6 {
  background-position: 0px 0px; }

.search-category-image.category7 {
  background-position: 0px -108px; }

.vertical-menu li:hover .search-category-image.category7, .category-list__category:hover .search-category-image.category7 {
  background-position: -72px -72px; }

.search-category-image.category2 {
  background-position: -72px -108px; }

.vertical-menu li:hover .search-category-image.category2, .category-list__category:hover .search-category-image.category2 {
  background-position: -36px -108px; }

.search-category-image.category4 {
  background-position: 0px -36px; }

.vertical-menu li:hover .search-category-image.category4, .category-list__category:hover .search-category-image.category4 {
  background-position: -72px 0px; }

.search-category-image.category1 {
  background-position: -72px -36px; }

.vertical-menu li:hover .search-category-image.category1, .category-list__category:hover .search-category-image.category1 {
  background-position: -36px -36px; }

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkaVc.ttf) format("truetype"); }

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjaVc.ttf) format("truetype"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format("truetype"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format("truetype"); }

.uga-man-block a {
  color: #4b4b4d;
  cursor: pointer; }
  .uga-man-block a:hover {
    color: #0490d8;
    text-decoration: underline; }

.aui .navbar .nav .user-notification-link {
  color: white;
  padding-top: 4px;
  padding-bottom: 4px; }
  .aui .navbar .nav .user-notification-link:hover, .aui .navbar .nav .user-notification-link:focus {
    color: white; }

/*.aui a {
  color: $core_black;

  &:hover,
  &:focus {
    color: $core_black;
    text-decoration: none;
  }
}*/
.aui input,
.aui button,
.aui select,
.aui textarea {
  font-family: "Open Sans", sans-serif; }
.aui input:focus:invalid:focus,
.aui textarea:focus:invalid:focus,
.aui select:focus:invalid:focus {
  border-color: initial; }
.aui textarea, .aui input[type="text"],
.aui input[type="password"],
.aui input[type="datetime"],
.aui input[type="datetime-local"],
.aui input[type="date"],
.aui input[type="month"],
.aui input[type="time"],
.aui input[type="week"],
.aui input[type="number"],
.aui input[type="email"],
.aui input[type="url"],
.aui input[type="search"],
.aui input[type="tel"],
.aui input[type="color"],
.aui .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #4b4b4d;
  background-color: white; }
  .aui textarea:focus, .aui input[type="text"]:focus,
  .aui input[type="password"]:focus,
  .aui input[type="datetime"]:focus,
  .aui input[type="datetime-local"]:focus,
  .aui input[type="date"]:focus,
  .aui input[type="month"]:focus,
  .aui input[type="time"]:focus,
  .aui input[type="week"]:focus,
  .aui input[type="number"]:focus,
  .aui input[type="email"]:focus,
  .aui input[type="url"]:focus,
  .aui input[type="search"]:focus,
  .aui input[type="tel"]:focus,
  .aui input[type="color"]:focus,
  .aui .uneditable-input:focus {
    border-color: initial; }
  .aui textarea[disabled], .aui input[type="text"][disabled],
  .aui input[type="password"][disabled],
  .aui input[type="datetime"][disabled],
  .aui input[type="datetime-local"][disabled],
  .aui input[type="date"][disabled],
  .aui input[type="month"][disabled],
  .aui input[type="time"][disabled],
  .aui input[type="week"][disabled],
  .aui input[type="number"][disabled],
  .aui input[type="email"][disabled],
  .aui input[type="url"][disabled],
  .aui input[type="search"][disabled],
  .aui input[type="tel"][disabled],
  .aui input[type="color"][disabled],
  .aui .uneditable-input[disabled] {
    background-color: #f2f2f1; }

.aui a.rft-btn {
  text-transform: none; }

.uga-row,
.row-fluid {
  max-width: 1042px;
  margin-left: auto;
  margin-right: auto; }

@media screen and (max-width: 767px) {
  .hiden-mobile,
  .hidden_mobile {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .mobile-text-center {
    text-align: center; } }

@media screen and (min-width: 768px) {
  .no_hidden_mobile {
    display: none !important; } }

.uga-mobile-nav {
  display: block;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #0490d8;
  padding: 10px 60px 10px 10px;
  z-index: 1000; }
  .uga-mobile-nav a {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #0490d8;
    color: white;
    text-align: center;
    margin-right: 10px;
    font-size: 25px; }
    .uga-mobile-nav a:hover, .uga-mobile-nav a:focus {
      outline: none;
      color: white;
      text-decoration: none; }
    .uga-mobile-nav a:last-of-type {
      margin-right: 0; }
  .uga-mobile-nav .mobile-bottom {
    position: absolute;
    top: 10px;
    right: 10px; }
    .uga-mobile-nav .mobile-bottom a i {
      position: relative;
      top: -2px; }
  @media screen and (min-width: 768px) {
    .uga-mobile-nav {
      display: none; } }

.navigation-menu-item {
  display: inline-block; }
  .navigation-menu-item span {
    display: inline !important; }
  .navigation-menu-item:last-child span {
    display: none !important; }

.slick-modal-close:before {
  font-size: 60px !important;
  height: 50px !important;
  line-height: 50px !important;
  width: 50px !important; }

@media screen and (max-width: 767px) {
  .mobile-menu-nav {
    border-bottom: 2px solid #bbb;
    margin-top: 20px !important;
    padding-bottom: 20px; }
    .mobile-menu-nav .navigation-menu-item {
      display: flex !important;
      box-sizing: border-box;
      padding: 0 30px; }
      .mobile-menu-nav .navigation-menu-item span {
        display: none !important; }
      .mobile-menu-nav .navigation-menu-item #user-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+IDwvZz4gPGc+ICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+ICA8cGF0aCBpZD0idXNlcmljb24iIGZpbGw9IiNmZmZmZmYiIGQ9Im0zMS4xMSwyOC4zMzZjLTAuMjAxLC0wLjEzMyAtMy44NDgsLTIuNTI1IC05LjI3MywtMy42OTljMS45OSwtMi41MjEgMy4yNjgsLTUuOTEyIDMuODExLC04LjE2OWMwLjc1NCwtMy4xMjggMC40NjEsLTkuMjQ4IC0yLjU0MywtMTMuMDYyYy0xLjc1NiwtMi4yMjkgLTQuMjEzLC0zLjQwNiAtNy4xMDUsLTMuNDA2Yy0yLjg5MiwwIC01LjM0OSwxLjE3OCAtNy4xMDQsMy40MDZjLTMuMDA0LDMuODEzIC0zLjI5Niw5LjkzMyAtMi41NDMsMTMuMDYxYzAuNTQzLDIuMjU3IDEuODIsNS42NDggMy44MTEsOC4xNjljLTUuNDI1LDEuMTc0IC05LjA3MiwzLjU2NiAtOS4yNzIsMy42OTljLTAuNzMzLDAuNDg4IC0xLjA2MSwxLjQgLTAuODA1LDIuMjQyYzAuMjU0LDAuODQ1IDEuMDMzLDEuNDIzIDEuOTEzLDEuNDIzbDI4LDBjMC44ODEsMCAxLjY1OCwtMC41NzggMS45MTQsLTEuNDIyYzAuMjU3LC0wLjg0MiAtMC4wNzEsLTEuNzU0IC0wLjgwNCwtMi4yNDJ6bS0xMC44NDMsLTQuOTM4bC0wLjMyNiwwLjQxNGMtMi4zODUsMi43NCAtNS40OTUsMi43NCAtNy44NzksMGwtMC4zMjcsLTAuNDE0Yy0yLjc4NSwtMy41MjkgLTQuMTY3LC04LjE5NyAtMy41NzIsLTEyLjY1YzAuNTQ1LC00LjI3OSAyLjk5NywtOC43NDggNy44MzcsLTguNzQ4YzQuODQsMCA3LjI5Myw0LjQ3IDcuODM4LDguNzQ5YzAuNTkzLDQuNDU1IC0wLjc4NCw5LjExOCAtMy41NzEsMTIuNjQ5em0tMTguMjY3LDYuNjAyYzAuMTM4LC0wLjA5MiAzLjUyNiwtMi4zMTQgOC41ODYsLTMuNDA4bDIuNDg0LC0wLjUzN2MwLjg4NywwLjU4MiAxLjg2LDAuOTQ1IDIuOTMsMC45NDVjMS4wNzEsMCAyLjA0MywtMC4zNjMgMi45MywtMC45NDVsMi40ODQsMC41MzdjNS4wMiwxLjA4NiA4LjM5NiwzLjI4MyA4LjU4NiwzLjQwOGwtMjgsMHoiLz4gPC9nPjwvc3ZnPg==) no-repeat center;
        background-size: 100%;
        width: 25px;
        height: 55px; }
      .mobile-menu-nav .navigation-menu-item #logout-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQuMDAwMDAwMDAwMDAwMDA0IiBoZWlnaHQ9IjI0LjAwMDAwMDAwMDAwMDAwNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHRpdGxlLz4gPGRlc2MvPiA8Zz4gIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4gIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBhdGggaWQ9ImNvbW1vbi1sb2dvdXQtc2lnbm91dC1leGl0LWdseXBoIiBmaWxsPSIjZmZmZmZmIiBkPSJtMSwxbDAsMjJsMTUsMGwwLC02bC0yLDBsMCw0bC0xMSwwbDAsLTE4bDExLDBsMCw0bDIsMGwwLC02bC0xNSwwem0xNS42MzYwNCw3LjQ2NDQ3bDEuNDE0MjEsLTEuNDE0MjJsNC45NDk3NSw0Ljk0OTc1bC00Ljk0OTc1LDQuOTQ5NzVsLTEuNDE0MjEsLTEuNDE0MjJsMi41MzQ0NCwtMi41MzQ0NGwtMTEuMTY5OTgsMGwwLC0xLjk5ODQ0bDExLjE3MzcyLDBsLTIuNTM4MTgsLTIuNTM4MTh6Ii8+IDwvZz48L3N2Zz4=) no-repeat center;
        background-size: 100%;
        width: 25px;
        height: 55px; }
    .mobile-menu-nav .mobile_icons_menu {
      display: inline-block !important;
      line-height: 55px; }
      .mobile-menu-nav .mobile_icons_menu img {
        width: 25px;
        height: 25px; }
    .mobile-menu-nav a {
      margin: 10px !important; }
      .mobile-menu-nav a:hover, .mobile-menu-nav a:focus {
        color: white !important; }

  .mobile-categories-nav {
    margin-top: 20px !important; }
    .mobile-categories-nav a {
      margin: 5px 50px !important; }
      .mobile-categories-nav a:hover, .mobile-categories-nav a:focus {
        color: white !important; }

  .mobile-categories-header {
    margin: 0 30px !important;
    color: white;
    font-size: 20px;
    line-height: 40px; }

  .mobile-categories-list {
    margin-top: 0 !important; } }
.aui body {
  color: #4b4b4d;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media screen and (max-width: 767px) {
    .aui body {
      padding-left: 0;
      padding-right: 0; } }

.aui pre {
  max-height: 200px;
  overflow: auto; }

body.no-scroll,
html.no-scroll {
  overflow: hidden !important; }

.aui h1.rft-heading,
.aui h2.rft-heading,
.aui h3.rft-heading,
.aui h4.rft-heading,
.aui h5.rft-heading {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 10px; }
  .aui h1.rft-heading.large,
  .aui h2.rft-heading.large,
  .aui h3.rft-heading.large,
  .aui h4.rft-heading.large,
  .aui h5.rft-heading.large {
    font-size: 30px; }

.new-test-rating {
  font-size: 24px;
  line-height: 1;
  white-space: nowrap; }

rft-test-rating .rating-container {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  letter-spacing: -.05em; }
  rft-test-rating .rating-container .rating-background {
    display: inline-block;
    white-space: inherit;
    font-size: inherit; }
  rft-test-rating .rating-container .rating-foreground {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: inline-block;
    white-space: inherit;
    font-size: inherit; }

.gray,
.grey {
  color: #f8f8f8 !important; }

.gold {
  color: #ffca08 !important; }

.test-image-dropzone {
  width: 150px;
  height: 150px; }
  @media screen and (max-width: 499px) {
    .test-image-dropzone {
      width: 250px;
      height: 250px; } }

.test-image {
  width: 150px;
  height: 150px;
  display: inline-block;
  margin-right: 5px;
  background: #f2f2f1;
  border: 1px solid black;
  position: relative;
  vertical-align: top;
  margin-bottom: 5px; }
  @media screen and (max-width: 499px) {
    .test-image {
      display: block;
      margin: 15px auto 0;
      width: 250px;
      height: 250px; } }

.test-image-preview {
  height: 148px;
  width: 148px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }
  @media screen and (max-width: 499px) {
    .test-image-preview {
      width: 248px;
      height: 248px; } }
  .test-image-preview .test-image-type {
    padding: 3px;
    background: rgba(0, 0, 0, 0.75);
    color: white; }

.test-image-preview img {
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: block; }

.test-image-preview .remove {
  display: block;
  position: absolute;
  top: 3px;
  right: 3px;
  font-size: 20px;
  background: white;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  line-height: 23px;
  vertical-align: middle;
  text-align: center;
  color: black;
  cursor: pointer;
  outline: none !important; }

.test-image .test-image-type {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  user-select: none;
  pointer-events: none; }

.test-image:last-child {
  margin-right: 0; }
  @media screen and (max-width: 499px) {
    .test-image:last-child {
      margin-right: auto; } }

@media screen and (max-width: 767px) {
  .test-images-container {
    text-align: center;
    margin-bottom: 5px; }
    .test-images-container .error-message-margin {
      margin-top: 4px; }

  .test-image-preview .remove {
    display: block; } }
rft-number {
  position: relative;
  display: inline-block;
  border: 1px solid #4b4b4d;
  box-sizing: border-box; }

.new-test rft-number .plus,
.new-test rft-number .minus {
  position: absolute;
  top: 0;
  right: 0;
  width: 2em;
  height: 50%;
  padding: 0;
  color: #4b4b4d;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .new-test rft-number .plus i,
  .new-test rft-number .minus i {
    position: absolute;
    font-size: 20px;
    top: 5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }

.new-test rft-number .minus {
  top: 50%; }
  .new-test rft-number .minus i {
    top: -25%; }

.new-test rft-number .plus:focus,
.new-test rft-number .minus:focus {
  outline: none !important; }

.new-test rft-number .plus:hover,
.new-test rft-number .minus:hover {
  color: #0490d8;
  cursor: pointer; }

.aui .new-test rft-number input {
  padding: 6px 2em 6px 6px !important;
  text-align: left;
  height: 32px;
  box-sizing: border-box;
  box-shadow: none;
  font-size: 14px;
  border: none !important; }
  @media screen and (max-width: 767px) {
    .aui .new-test rft-number input {
      font-size: 18px; } }

.rft-styled {
  display: inline-block;
  border: 1px solid #4b4b4d;
  margin-bottom: 15px;
  position: relative;
  cursor: pointer;
  max-width: 100%;
  vertical-align: middle;
  font-weight: 400; }
  @media (max-width: 767px) {
    .rft-styled {
      display: block;
      width: 100%; } }
  .rft-styled:hover .up, .rft-styled:hover .down {
    color: #0490d8; }
  .rft-styled .up,
  .rft-styled .down {
    width: 2em;
    height: 50%;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    text-align: center;
    user-select: none; }
    .rft-styled .up i,
    .rft-styled .down i {
      position: relative;
      top: 5%;
      font-size: 20px; }
  .rft-styled .down {
    top: 50%; }
    .rft-styled .down i {
      top: -25%; }

.rft-styled select {
  max-width: 100%;
  font-size: 15px;
  height: 32px;
  line-height: 20px;
  padding: 6px 2em 6px 6px;
  box-sizing: border-box;
  border: none;
  margin: 0;
  transition: .5s box-shadow;
  -webkit-appearence: none; }
  @media screen and (max-width: 767px) {
    .rft-styled select {
      width: 100%;
      font-size: 18px; } }

@media screen and (max-width: 767px) {
  .control-group .rft-styled {
    display: inline-block;
    max-width: 100%;
    width: auto; }
    .control-group .rft-styled select {
      width: 220px; } }
@media screen and (max-width: 767px) {
  .new-test .test-tire-dimensions {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .new-test .test-tire-dimensions > * {
      width: 80%; }
      .new-test .test-tire-dimensions > *:not(:last-child) {
        margin-bottom: 1em; }

  .mobile-spacing {
    padding-bottom: 20px;
    margin-bottom: 10px;
    background: white; } }
button.rft-btn,
input[type='button'].rft-btn,
input[type='submit'],
a.rft-btn {
  display: inline-block;
  padding: 8px;
  border: none;
  min-width: 150px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  text-align: center; }
  button.rft-btn:focus,
  input[type='button'].rft-btn:focus,
  input[type='submit']:focus,
  a.rft-btn:focus {
    outline: none; }
  button.rft-btn:active,
  input[type='button'].rft-btn:active,
  input[type='submit']:active,
  a.rft-btn:active {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), transparent); }
  button.rft-btn:hover,
  input[type='button'].rft-btn:hover,
  input[type='submit']:hover,
  a.rft-btn:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    cursor: pointer;
    text-decoration: none; }
  button.rft-btn[disabled],
  input[type='button'].rft-btn[disabled],
  input[type='submit'][disabled],
  a.rft-btn[disabled] {
    background-color: #ddd;
    color: darkgrey;
    cursor: not-allowed; }
  button.rft-btn.blue,
  input[type='button'].rft-btn.blue,
  input[type='submit'].blue,
  a.rft-btn.blue {
    background-color: #0490d8;
    color: white;
    box-shadow: 0px 1px 0px 0px #1a4f6a; }
    button.rft-btn.blue[disabled],
    input[type='button'].rft-btn.blue[disabled],
    input[type='submit'].blue[disabled],
    a.rft-btn.blue[disabled] {
      background-color: darkgrey;
      color: #f8f8f8;
      cursor: not-allowed; }
  button.rft-btn.gray:not(.rft-btn), button.rft-btn.grey:not(.rft-btn),
  input[type='button'].rft-btn.gray:not(.rft-btn),
  input[type='button'].rft-btn.grey:not(.rft-btn),
  input[type='submit'].gray:not(.rft-btn),
  input[type='submit'].grey:not(.rft-btn),
  a.rft-btn.gray:not(.rft-btn),
  a.rft-btn.grey:not(.rft-btn) {
    background-color: gray;
    color: white; }
    button.rft-btn.gray:not(.rft-btn)[disabled], button.rft-btn.grey:not(.rft-btn)[disabled],
    input[type='button'].rft-btn.gray:not(.rft-btn)[disabled],
    input[type='button'].rft-btn.grey:not(.rft-btn)[disabled],
    input[type='submit'].gray:not(.rft-btn)[disabled],
    input[type='submit'].grey:not(.rft-btn)[disabled],
    a.rft-btn.gray:not(.rft-btn)[disabled],
    a.rft-btn.grey:not(.rft-btn)[disabled] {
      background-color: #7d7d7d;
      color: white;
      cursor: not-allowed; }
  button.rft-btn.bg-colored,
  input[type='button'].rft-btn.bg-colored,
  input[type='submit'].bg-colored,
  a.rft-btn.bg-colored {
    background-color: #f2f2f1;
    color: #4b4b4d;
    border: 1px solid #4b4b4d;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    button.rft-btn.bg-colored[disabled],
    input[type='button'].rft-btn.bg-colored[disabled],
    input[type='submit'].bg-colored[disabled],
    a.rft-btn.bg-colored[disabled] {
      background-color: #efefee;
      color: #4e4e50;
      cursor: not-allowed; }

.error-message {
  background: white;
  color: red;
  border: 1px solid red;
  border-left: 10px solid #f80000;
  padding: 4px 15px;
  animation-name: scale;
  -webkit-animation-duration: .35s;
  -moz-animation-duration: .35s;
  -o-animation-duration: .35s;
  animation-duration: .35s; }

.rft-control-group {
  margin-bottom: 15px;
  text-align: center; }
  .rft-control-group.small-margin {
    margin-bottom: 10px; }
  .rft-control-group.small-block {
    max-width: 80%;
    margin: 0 auto 15px; }
    .rft-control-group.small-block p {
      margin-bottom: 0; }
  .rft-control-group label {
    text-transform: capitalize;
    margin-bottom: 5px; }
  .rft-control-group button,
  .rft-control-group input[type="text"],
  .rft-control-group input[type="password"],
  .rft-control-group input[type="email"],
  .rft-control-group input.rft-btn,
  .rft-control-group a.rft-btn,
  .rft-control-group .rft-ac-container {
    box-sizing: border-box;
    width: 241px;
    margin-bottom: 0; }
  .rft-control-group [ng-messages],
  .rft-control-group ng-messages {
    display: block;
    width: 241px;
    margin: 0 auto; }
  .rft-control-group [rft-autocomplete] .rft-ac-container {
    margin-bottom: 0; }
  .rft-control-group input.rft-btn,
  .rft-control-group a.rft-btn {
    box-shadow: 0px 1px 0px 0px #1a4f6a;
    min-height: 46px;
    white-space: normal; }
  .rft-control-group input[type="text"],
  .rft-control-group input[type="password"],
  .rft-control-group input[type="email"],
  .rft-control-group .rft-ac-container {
    text-align: left;
    min-height: 38px; }
  .rft-control-group input[type="text"]:focus,
  .rft-control-group input[type="email"]:focus,
  .rft-control-group input[type="password"]:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .rft-control-group input:focus:invalid:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #4b4b4d; }
  .rft-control-group input:focus:invalid {
    color: #4b4b4d; }
  .rft-control-group.invalid label {
    color: red; }
  .rft-control-group.valid label {
    color: green; }

.rft-btn.square {
  background: white center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  display: inline-block;
  width: 50px;
  height: 50px;
  min-width: 50px;
  padding: 0;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .rft-btn.square.fb {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2049.999998%2050.000015%22%20height%3D%2253.333%22%20width%3D%2253.333%22%3E%3Cpath%20d%3D%22M33.852%206.229s-3.495-.193-5.885%202.341c-2.545%202.702-2.446%205.133-2.446%205.133l.012%206.817h-4.478l-.022%207.66h4.48l.02%2021.804-4.937.004V50h21.293v-.01l-7.198-.006V28.18l6.088-.006.79-7.65-6.878-.007.02-4.812s.01-.702.672-1.441c.541-.6%201.781-.563%201.781-.563h4.33V6.248l-7.642-.02z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
    background-color: #0490d8; }
    .rft-btn.square.fb:hover {
      background-color: #036fa6; }
  .rft-btn.square.twitter {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2049.999999%2049.999998%22%20height%3D%2253.333%22%20width%3D%2253.333%22%3E%3Cpath%20d%3D%22M33.209%2010.68c-1.145.206-1.961.744-2.898%201.156.053-.117.48-.742%200-.77-3.111%202.298-4.51%206.309-6.375%209.852-3.345-3.478-8.525-5.126-13.52-6.953-.032%202.798%201.753%203.784%203.283%205.021-.868.032-1.65.153-2.318.387.403%202.364%202.223%203.312%204.25%204.055-.872.35-2.175.271-2.317%201.351.801%201.517%202.267%202.37%204.635%202.319-2.103.855-1.461%204.103%201.545%203.478-1.726%202.274-5.645%203.778-9.658%203.283-2.299-.285-3.77-1.703-5.213-2.125%203.608%204.02%208.116%207.08%2014.871%207.534%2010.615.71%2018.793-5.606%2021.248-13.522%202.025-.099%203.705-.547%204.635-1.738-1.51-.1-3.387.167-4.059-.772%201.968-.033%203.773-1.247%203.864-2.51-1.028.706-3.094.977-4.635.579-.993-4.607-3.77-7.434-8.692-8.114%201.195-.415%202.937-.283%203.284-1.545-.793-.504-1.996-.008-2.703.19.118-.521.809-.478.773-1.156z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
    background-color: #0490d8; }
    .rft-btn.square.twitter:hover {
      background-color: #036fa6; }
  .rft-btn.square.pencil {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2057.892009%2057.33%22%20height%3D%2261.152%22%20width%3D%2261.751%22%3E%3Cpath%20d%3D%22M42.539%200L7.676%2034.864%200%2054.684l2.559%202.646%2020.47-7.116%2034.863-34.862L42.539%200zM11.133%2050.032l-3.581-3.583%203.28-8.43%208.973%208.972-8.672%203.041zm2.27-15.168L42.539%205.727l9.625%209.625-29.135%2029.135-9.626-9.623z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
    background-color: transparent; }
  .rft-btn.square.search-icon {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2052.412%2052.38574%22%20height%3D%2255.878%22%20width%3D%2255.906%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20overflow%3D%22visible%22%20xlink%3Ahref%3D%22%23a%22%20width%3D%22100%25%22%20height%3D%22100%25%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%28-50.887%20-332.306%29%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M50.886%20332.306h52.413v52.386H50.886z%22%2F%3E%3C%2Fdefs%3E%3Cellipse%20ry%3D%2215.536%22%20rx%3D%2215.736%22%20cy%3D%22350.341%22%20cx%3D%2269.123%22%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%2F%3E%3Cpath%20clip-path%3D%22url%28%23b%29%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%20d%3D%22M78.855%20360.246l22.677%2022.678%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-color: transparent; }
  .rft-btn.square.zoom {
    background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20id%3D%22svg4948%22%0A%20%20%20viewBox%3D%220%200%2052.413764%2052.386014%22%0A%20%20%20height%3D%2214.784497mm%22%0A%20%20%20width%3D%2214.792329mm%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4950%22%3E%0A%20%20%20%20%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22SVGID_2_%22%3E%0A%20%20%20%20%20%20%3Cuse%0A%20%20%20%20%20%20%20%20%20xlink%3Ahref%3D%22%23SVGID_1_%22%0A%20%20%20%20%20%20%20%20%20overflow%3D%22visible%22%0A%20%20%20%20%20%20%20%20%20id%3D%22use11%22%0A%20%20%20%20%20%20%20%20%20style%3D%22overflow%3Avisible%22%0A%20%20%20%20%20%20%20%20%20x%3D%220%22%0A%20%20%20%20%20%20%20%20%20y%3D%220%22%0A%20%20%20%20%20%20%20%20%20width%3D%22100%25%22%0A%20%20%20%20%20%20%20%20%20height%3D%22100%25%22%20%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%20%20%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath4932%22%3E%0A%20%20%20%20%20%20%3Cuse%0A%20%20%20%20%20%20%20%20%20xlink%3Ahref%3D%22%23SVGID_1_%22%0A%20%20%20%20%20%20%20%20%20overflow%3D%22visible%22%0A%20%20%20%20%20%20%20%20%20id%3D%22use4934%22%0A%20%20%20%20%20%20%20%20%20style%3D%22overflow%3Avisible%22%0A%20%20%20%20%20%20%20%20%20x%3D%220%22%0A%20%20%20%20%20%20%20%20%20y%3D%220%22%0A%20%20%20%20%20%20%20%20%20width%3D%22100%25%22%0A%20%20%20%20%20%20%20%20%20height%3D%22100%25%22%20%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata4953%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%0A%20%20%20%20%20%20%3C%2Fcc%3AWork%3E%0A%20%20%20%20%3C%2Frdf%3ARDF%3E%0A%20%20%3C%2Fmetadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20transform%3D%22translate%28177.63545%2C-537.59777%29%22%0A%20%20%20%20%20id%3D%22layer1%22%3E%0A%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20id%3D%22g4911%22%0A%20%20%20%20%20%20%20transform%3D%22translate%28-279.51045%2C4.200786%29%22%3E%0A%20%20%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20%20%20id%3D%22g5%22%3E%0A%20%20%20%20%20%20%20%20%3Cdefs%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22defs7%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Crect%0A%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22SVGID_1_%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20x%3D%22101.875%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20y%3D%22533.396%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20width%3D%2252.414001%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20height%3D%2252.387001%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%20%20%3CclipPath%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22clipPath4940%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cuse%0A%20%20%20%20%20%20%20%20%20%20%20%20%20xlink%3Ahref%3D%22%23SVGID_1_%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20overflow%3D%22visible%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22use4942%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22overflow%3Avisible%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20x%3D%220%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20y%3D%220%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20width%3D%22100%25%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20height%3D%22100%25%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%0A%20%20%20%20%20%20%20%20%3Cellipse%0A%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url%28%23SVGID_2_%29%22%0A%20%20%20%20%20%20%20%20%20%20%20cx%3D%22120.111%22%0A%20%20%20%20%20%20%20%20%20%20%20cy%3D%22551.43298%22%0A%20%20%20%20%20%20%20%20%20%20%20rx%3D%2215.736%22%0A%20%20%20%20%20%20%20%20%20%20%20ry%3D%2215.536%22%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22ellipse13%22%0A%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23007ebf%3Bstroke-width%3A5%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cline%0A%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url%28%23SVGID_2_%29%22%0A%20%20%20%20%20%20%20%20%20%20%20x1%3D%22129.843%22%0A%20%20%20%20%20%20%20%20%20%20%20y1%3D%22561.33801%22%0A%20%20%20%20%20%20%20%20%20%20%20x2%3D%22152.521%22%0A%20%20%20%20%20%20%20%20%20%20%20y2%3D%22584.01599%22%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22line15%22%0A%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23007ebf%3Bstroke-width%3A5%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20%20%20id%3D%22g139%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%20118.454%2C545.02%203.783%2C0%200%2C4.565%204.565%2C0%200%2C3.783%20-4.565%2C0%200%2C4.59%20-3.783%2C0%200%2C-4.59%20-4.565%2C0%200%2C-3.783%204.565%2C0%200%2C-4.565%20z%22%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22path141%22%0A%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23027bbc%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
    background-color: transparent;
    width: 25px;
    height: 25px;
    min-width: 25px; }
    .rft-btn.square.zoom:hover, .rft-btn.square.zoom:active {
      background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20id%3D%22svg4948%22%0A%20%20%20viewBox%3D%220%200%2052.413764%2052.386014%22%0A%20%20%20height%3D%2214.784497mm%22%0A%20%20%20width%3D%2214.792329mm%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4950%22%3E%0A%20%20%20%20%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22SVGID_2_%22%3E%0A%20%20%20%20%20%20%3Cuse%0A%20%20%20%20%20%20%20%20%20xlink%3Ahref%3D%22%23SVGID_1_%22%0A%20%20%20%20%20%20%20%20%20overflow%3D%22visible%22%0A%20%20%20%20%20%20%20%20%20id%3D%22use11%22%0A%20%20%20%20%20%20%20%20%20style%3D%22overflow%3Avisible%22%0A%20%20%20%20%20%20%20%20%20x%3D%220%22%0A%20%20%20%20%20%20%20%20%20y%3D%220%22%0A%20%20%20%20%20%20%20%20%20width%3D%22100%25%22%0A%20%20%20%20%20%20%20%20%20height%3D%22100%25%22%20%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%20%20%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath4932%22%3E%0A%20%20%20%20%20%20%3Cuse%0A%20%20%20%20%20%20%20%20%20xlink%3Ahref%3D%22%23SVGID_1_%22%0A%20%20%20%20%20%20%20%20%20overflow%3D%22visible%22%0A%20%20%20%20%20%20%20%20%20id%3D%22use4934%22%0A%20%20%20%20%20%20%20%20%20style%3D%22overflow%3Avisible%22%0A%20%20%20%20%20%20%20%20%20x%3D%220%22%0A%20%20%20%20%20%20%20%20%20y%3D%220%22%0A%20%20%20%20%20%20%20%20%20width%3D%22100%25%22%0A%20%20%20%20%20%20%20%20%20height%3D%22100%25%22%20%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata4953%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%0A%20%20%20%20%20%20%3C%2Fcc%3AWork%3E%0A%20%20%20%20%3C%2Frdf%3ARDF%3E%0A%20%20%3C%2Fmetadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20transform%3D%22translate%28177.63545%2C-537.59777%29%22%0A%20%20%20%20%20id%3D%22layer1%22%3E%0A%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20id%3D%22g4911%22%0A%20%20%20%20%20%20%20transform%3D%22translate%28-279.51045%2C4.200786%29%22%3E%0A%20%20%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20%20%20id%3D%22g5%22%3E%0A%20%20%20%20%20%20%20%20%3Cdefs%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22defs7%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Crect%0A%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22SVGID_1_%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20x%3D%22101.875%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20y%3D%22533.396%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20width%3D%2252.414001%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20height%3D%2252.387001%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%20%20%3CclipPath%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22clipPath4940%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cuse%0A%20%20%20%20%20%20%20%20%20%20%20%20%20xlink%3Ahref%3D%22%23SVGID_1_%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20overflow%3D%22visible%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22use4942%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22overflow%3Avisible%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20x%3D%220%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20y%3D%220%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20width%3D%22100%25%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20height%3D%22100%25%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%0A%20%20%20%20%20%20%20%20%3Cellipse%0A%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url%28%23SVGID_2_%29%22%0A%20%20%20%20%20%20%20%20%20%20%20cx%3D%22120.111%22%0A%20%20%20%20%20%20%20%20%20%20%20cy%3D%22551.43298%22%0A%20%20%20%20%20%20%20%20%20%20%20rx%3D%2215.736%22%0A%20%20%20%20%20%20%20%20%20%20%20ry%3D%2215.536%22%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22ellipse13%22%0A%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23007ebf%3Bstroke-width%3A5%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cline%0A%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url%28%23SVGID_2_%29%22%0A%20%20%20%20%20%20%20%20%20%20%20x1%3D%22129.843%22%0A%20%20%20%20%20%20%20%20%20%20%20y1%3D%22561.33801%22%0A%20%20%20%20%20%20%20%20%20%20%20x2%3D%22152.521%22%0A%20%20%20%20%20%20%20%20%20%20%20y2%3D%22584.01599%22%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22line15%22%0A%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23007ebf%3Bstroke-width%3A5%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20%20%20id%3D%22g139%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%20118.454%2C545.02%203.783%2C0%200%2C4.565%204.565%2C0%200%2C3.783%20-4.565%2C0%200%2C4.59%20-3.783%2C0%200%2C-4.59%20-4.565%2C0%200%2C-3.783%204.565%2C0%200%2C-4.565%20z%22%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22path141%22%0A%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23027bbc%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A); }

[layout] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

[layout-align="center"] {
  -webkit-align-items: center;
  align-items: center; }

[layout="column"] {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

[flex="5"] {
  -webkit-flex-basis: 5%;
  flex-basis: 5%; }

[flex="10"] {
  -webkit-flex-basis: 10%;
  flex-basis: 10%; }

[flex="15"] {
  -webkit-flex-basis: 15%;
  flex-basis: 15%; }

[flex="20"] {
  -webkit-flex-basis: 20%;
  flex-basis: 20%; }

[flex="25"] {
  -webkit-flex-basis: 25%;
  flex-basis: 25%; }

[flex="30"] {
  -webkit-flex-basis: 30%;
  flex-basis: 30%; }

[flex="35"] {
  -webkit-flex-basis: 35%;
  flex-basis: 35%; }

[flex="40"] {
  -webkit-flex-basis: 40%;
  flex-basis: 40%; }

[flex="45"] {
  -webkit-flex-basis: 45%;
  flex-basis: 45%; }

[flex="50"] {
  -webkit-flex-basis: 50%;
  flex-basis: 50%; }

[flex="55"] {
  -webkit-flex-basis: 55%;
  flex-basis: 55%; }

[flex="60"] {
  -webkit-flex-basis: 60%;
  flex-basis: 60%; }

[flex="65"] {
  -webkit-flex-basis: 65%;
  flex-basis: 65%; }

[flex="70"] {
  -webkit-flex-basis: 70%;
  flex-basis: 70%; }

[flex="75"] {
  -webkit-flex-basis: 75%;
  flex-basis: 75%; }

[flex="80"] {
  -webkit-flex-basis: 80%;
  flex-basis: 80%; }

[flex="85"] {
  -webkit-flex-basis: 85%;
  flex-basis: 85%; }

[flex="90"] {
  -webkit-flex-basis: 90%;
  flex-basis: 90%; }

[flex="95"] {
  -webkit-flex-basis: 95%;
  flex-basis: 95%; }

[flex="100"] {
  -webkit-flex-basis: 100%;
  flex-basis: 100%; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes scale {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  75% {
    opacity: 1; } }

@-ms-keyframes scale {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  75% {
    opacity: 1; } }

@-moz-keyframes scale {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  75% {
    opacity: 1; } }

@-o-keyframes scale {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  75% {
    opacity: 1; } }

@keyframes scale {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  75% {
    opacity: 1; } }

@-webkit-keyframes accent {
  0% {
    -webkit-transform: translate(0%);
    -moz-transform: translate(0%);
    -ms-transform: translate(0%);
    -o-transform: translate(0%);
    transform: translate(0%); }

  33% {
    -webkit-transform: translate(-1%);
    -moz-transform: translate(-1%);
    -ms-transform: translate(-1%);
    -o-transform: translate(-1%);
    transform: translate(-1%); }

  66% {
    -webkit-transform: translate(1%);
    -moz-transform: translate(1%);
    -ms-transform: translate(1%);
    -o-transform: translate(1%);
    transform: translate(1%); }

  100% {
    -webkit-transform: translate(0%);
    -moz-transform: translate(0%);
    -ms-transform: translate(0%);
    -o-transform: translate(0%);
    transform: translate(0%); } }

@-ms-keyframes accent {
  0% {
    -webkit-transform: translate(0%);
    -moz-transform: translate(0%);
    -ms-transform: translate(0%);
    -o-transform: translate(0%);
    transform: translate(0%); }

  33% {
    -webkit-transform: translate(-1%);
    -moz-transform: translate(-1%);
    -ms-transform: translate(-1%);
    -o-transform: translate(-1%);
    transform: translate(-1%); }

  66% {
    -webkit-transform: translate(1%);
    -moz-transform: translate(1%);
    -ms-transform: translate(1%);
    -o-transform: translate(1%);
    transform: translate(1%); }

  100% {
    -webkit-transform: translate(0%);
    -moz-transform: translate(0%);
    -ms-transform: translate(0%);
    -o-transform: translate(0%);
    transform: translate(0%); } }

@-moz-keyframes accent {
  0% {
    -webkit-transform: translate(0%);
    -moz-transform: translate(0%);
    -ms-transform: translate(0%);
    -o-transform: translate(0%);
    transform: translate(0%); }

  33% {
    -webkit-transform: translate(-1%);
    -moz-transform: translate(-1%);
    -ms-transform: translate(-1%);
    -o-transform: translate(-1%);
    transform: translate(-1%); }

  66% {
    -webkit-transform: translate(1%);
    -moz-transform: translate(1%);
    -ms-transform: translate(1%);
    -o-transform: translate(1%);
    transform: translate(1%); }

  100% {
    -webkit-transform: translate(0%);
    -moz-transform: translate(0%);
    -ms-transform: translate(0%);
    -o-transform: translate(0%);
    transform: translate(0%); } }

@-o-keyframes accent {
  0% {
    -webkit-transform: translate(0%);
    -moz-transform: translate(0%);
    -ms-transform: translate(0%);
    -o-transform: translate(0%);
    transform: translate(0%); }

  33% {
    -webkit-transform: translate(-1%);
    -moz-transform: translate(-1%);
    -ms-transform: translate(-1%);
    -o-transform: translate(-1%);
    transform: translate(-1%); }

  66% {
    -webkit-transform: translate(1%);
    -moz-transform: translate(1%);
    -ms-transform: translate(1%);
    -o-transform: translate(1%);
    transform: translate(1%); }

  100% {
    -webkit-transform: translate(0%);
    -moz-transform: translate(0%);
    -ms-transform: translate(0%);
    -o-transform: translate(0%);
    transform: translate(0%); } }

@keyframes accent {
  0% {
    -webkit-transform: translate(0%);
    -moz-transform: translate(0%);
    -ms-transform: translate(0%);
    -o-transform: translate(0%);
    transform: translate(0%); }

  33% {
    -webkit-transform: translate(-1%);
    -moz-transform: translate(-1%);
    -ms-transform: translate(-1%);
    -o-transform: translate(-1%);
    transform: translate(-1%); }

  66% {
    -webkit-transform: translate(1%);
    -moz-transform: translate(1%);
    -ms-transform: translate(1%);
    -o-transform: translate(1%);
    transform: translate(1%); }

  100% {
    -webkit-transform: translate(0%);
    -moz-transform: translate(0%);
    -ms-transform: translate(0%);
    -o-transform: translate(0%);
    transform: translate(0%); } }

@keyframes fadein {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

.test-radio-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  height: 100%; }
  .test-radio-group .test-radio-button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: white; }
    .test-radio-group .test-radio-button input {
      display: none; }
    .test-radio-group .test-radio-button .new-test-rating {
      font-size: 24px;
      letter-spacing: -.15em; }
      @media (min-width: 767px) and (max-width: 860px) {
        .test-radio-group .test-radio-button .new-test-rating {
          font-size: 18px; } }
    .test-radio-group .test-radio-button:not(:last-child) {
      margin-right: 5px; }
      @media (min-width: 1100px) {
        .test-radio-group .test-radio-button:not(:last-child) {
          margin-right: 2rem; } }
      @media (min-width: 767px) and (max-width: 860px) {
        .test-radio-group .test-radio-button:not(:last-child) {
          margin-right: 5px; } }
    .test-radio-group .test-radio-button label {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      padding: 10px 5px;
      background: white;
      position: relative;
      width: 100%;
      height: 100%;
      margin-bottom: 0; }

@media screen and (min-width: 768px) {
  .test-radio-button label .rft-radio-button {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid black;
    box-shadow: 0 0 1px black inset, 0 0 1px white; }

  .test-radio-button input[type="radio"]:checked + label .rft-radio-button:before {
    position: absolute;
    display: block;
    content: "";
    top: 2px;
    left: 2px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0D84C2;
    animation-name: scale;
    animation-duration: .5s;
    animation-fill-mode: none; } }
@media screen and (max-width: 767px) {
  .test-radio-button label {
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -ms-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s; }

  .test-radio-button input[type="radio"]:checked + label {
    background-color: #0490d8;
    color: white; } }
.test-radio-group .test-radio-button .test-radio-label {
  display: none; }

.new-test {
  color: #4b4b4d;
  font-weight: 400; }
  .new-test .accent {
    -webkit-animation: .25s accent ease-in;
    -o-animation: .25s accent ease-in;
    animation: .25s accent ease-in; }
  .new-test a.uga-redirect-home {
    color: white; }
    .new-test a.uga-redirect-home:hover {
      text-decoration: underline; }
  .new-test .mobile-spacing .bg-w {
    border: none;
    margin-bottom: 3.5px; }
  .new-test .own ~ div .error-message,
  .new-test .rft-divider ~ div .error-message {
    margin-top: 5px; }
    @media screen and (max-width: 767px) {
      .new-test .own ~ div .error-message,
      .new-test .rft-divider ~ div .error-message {
        margin-top: 0; } }
  .new-test .own {
    width: 313px;
    margin-top: 9px; }
    @media screen and (max-width: 767px) {
      .new-test .own {
        width: 80%;
        margin: 5px auto; } }
    .new-test .own .own-label {
      padding: 0 10px; }
    .new-test .own .own-input {
      -webkit-flex-grow: 1;
      flex-grow: 1; }
      .new-test .own .own-input input {
        padding: 6px;
        height: 34px;
        text-align: left;
        width: 136px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        @media screen and (max-width: 767px) {
          .new-test .own .own-input input {
            width: 100%; } }
      .new-test .own .own-input select {
        width: 134px; }
        @media screen and (max-width: 767px) {
          .new-test .own .own-input select {
            width: 100%; } }
  .new-test .video-block .video-url-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px; }
  @media screen and (max-width: 767px) {
    .new-test section > .row-fluid > .span4.padded {
      width: 80%;
      margin: 0 auto; } }
  .new-test [rft-autocomplete] .rft-ac-container {
    margin-bottom: 0; }
    .new-test [rft-autocomplete] .rft-ac-container input {
      text-align: left !important;
      font-weight: 400 !important; }
      @media screen and (max-width: 767px) {
        .new-test [rft-autocomplete] .rft-ac-container input {
          font-size: 18px !important; } }
  .new-test .rtf-input-block input {
    font-size: 15px !important; }
  .new-test .rft-input-block ng-transclude .rft-styled select {
    width: 311px; }
  .new-test .rtf-input-block .rft-styled select {
    width: 311px; }
    @media screen and (max-width: 767px) {
      .new-test .rtf-input-block .rft-styled select {
        width: 100%; } }
  .new-test .rtf-input-block textarea {
    max-width: 100%;
    max-height: 60vh;
    width: 100%;
    min-height: 150px;
    min-width: 105px;
    resize: none;
    margin-bottom: 0;
    border: none;
    padding: 10px;
    font-size: 15px; }
    .new-test .rtf-input-block textarea::placeholder {
      color: #97979a; }
  @media screen and (max-width: 767px) {
    .new-test .rtf-input-block .mobile-margin {
      margin: 4px auto 0;
      max-width: 80%;
      text-align: center; } }
  .new-test .uga-success-notify {
    height: auto;
    line-height: 1.5; }
    .new-test .uga-success-notify > span {
      display: block;
      padding: 15px 5px; }
  @media screen and (max-width: 767px) {
    .new-test .uga-success-notify {
      width: 100% !important;
      font-size: 20px !important; } }
  @media screen and (max-width: 767px) {
    .new-test .error-message {
      max-width: 80%;
      margin: 0 auto; } }
  .new-test .upload-block {
    width: 220px; }
    .new-test .upload-block input {
      text-align: left;
      font-weight: 400;
      border: 1px solid black;
      padding: 6px;
      min-width: 220px;
      background: white; }
      .new-test .upload-block input[disabled] {
        background: #eee; }
    @media (max-width: 768px) {
      .new-test .upload-block {
        width: 80%;
        margin: 0 auto;
        text-align: center; } }
  .new-test .test-driven input.no_hidden_mobile {
    width: 80%;
    margin: 5px auto;
    height: 32px;
    box-sizing: border-box;
    font-size: 18px; }
  .new-test .test-driven rft-number {
    width: 133px; }
    .new-test .test-driven rft-number input {
      text-align: right;
      margin: 0;
      width: 100%; }
  @media screen and (max-width: 767px) {
    .new-test .mobile_input_full {
      max-width: 80%;
      margin: 0 auto;
      -webkit-flex-grow: 1;
      flex-grow: 1; } }
  .new-test .mobile_input_full input {
    width: 100% !important;
    box-sizing: border-box; }
  .new-test .rft-divider {
    display: inline-block;
    vertical-align: middle; }
    .new-test .rft-divider.km span {
      font-size: 14px;
      line-height: 24px; }
    .new-test .rft-divider span {
      display: table-cell;
      font-size: 24px;
      line-height: 1;
      padding: 5px; }
  .new-test .test-tire-dimensions .rft-divider:nth-of-type(2) {
    padding-left: 0;
    padding-right: 0; }
  .new-test .test-tire-dimensions .rft-styled {
    display: inline-block; }
    @media screen and (min-width: 768px) {
      .new-test .test-tire-dimensions .rft-styled {
        margin: 0; }
        .new-test .test-tire-dimensions .rft-styled.construction-type, .new-test .test-tire-dimensions .rft-styled.diameter {
          width: 75px; }
        .new-test .test-tire-dimensions .rft-styled.height, .new-test .test-tire-dimensions .rft-styled.width {
          width: 105px; } }
    .new-test .test-tire-dimensions .rft-styled select {
      width: 100%; }
  @media screen and (max-width: 767px) {
    .new-test .test-tire-dimensions {
      text-align: center; }
      .new-test .test-tire-dimensions .rft-styled:not(:last-child) {
        margin-bottom: 1rem; } }
  .new-test .first-step {
    padding: 5rem 0; }
  .new-test textarea,
  .new-test input[type="number"] {
    text-align: left; }
  .new-test [flex] .rft-styled,
  .new-test [flex] input {
    margin-bottom: 0; }
  .new-test .small {
    width: 100px; }
  .new-test em,
  .new-test .em,
  .new-test .rft-title.em {
    font-weight: 600;
    font-style: normal;
    color: #027dc0; }
  .new-test .separated {
    border-bottom: 2px solid white; }
  .new-test .padded {
    padding: 20px 0; }
  .new-test p.uga-mini-title {
    padding: .5em 0 .75em;
    margin-left: 0; }
  .new-test div.new-test-heading {
    max-width: none; }
  .new-test .new-test-heading h1,
  .new-test .new-test-heading p {
    font-size: 24px;
    max-width: 960px;
    margin: 0.2em auto; }

.submit-btn-block.submit-btn-sticky {
  background: #fff;
  box-shadow: 0 0px 5px 5px rgba(0, 0, 0, 0.3);
  bottom: 0;
  position: fixed;
  left: 0;
  z-index: 1000;
  animation: slideUpFixed 0.5s; }
  .submit-btn-block.submit-btn-sticky input {
    min-width: 20% !important;
    margin: 15px auto;
    font-size: 20px;
    line-height: 23px; }

@keyframes slideUpFixed {
  from {
    bottom: -100px; }

  to {
    bottom: 0; } }

@keyframes slideUpFixedMobile {
  from {
    bottom: -100px; }

  to {
    bottom: 70px; } }

.new-test-modal {
  background: #fff;
  height: 100%;
  width: 100%; }
  .new-test-modal h3 {
    background: #0490d8;
    margin: 0;
    padding: 10px 45px 10px 10px;
    color: white;
    text-align: center; }
  .new-test-modal p {
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    margin: 5px 0; }
  .new-test-modal .new-test-modal-submit {
    position: absolute;
    bottom: 15px;
    left: 0;
    margin: 0 auto;
    width: 100%; }
    .new-test-modal .new-test-modal-submit .buttons-group {
      text-align: center; }
      .new-test-modal .new-test-modal-submit .buttons-group button {
        margin-right: 20px; }

@media screen and (max-width: 767px) {
  #new-review-modal {
    height: 500px !important;
    width: 95% !important; }

  .submit-btn-sticky {
    animation: slideUpFixedMobile 0.5s !important;
    box-shadow: 1px -2px 10px 2px rgba(0, 0, 0, 0.3) !important;
    bottom: 70px !important; }

  .new-test-modal h3 {
    font-size: 18px;
    line-height: 23px; }

  .buttons-group {
    display: flex;
    flex-direction: column; }
    .buttons-group button {
      margin-right: 0 !important;
      margin-bottom: 15px; }
      .buttons-group button:last-child {
        margin-bottom: 0; }

  #username-input input {
    min-width: 0 !important; }

  .new-test-modal-content p {
    font-size: 16px; } }
@media screen and (max-width: 767px) and (max-height: 550px) {
  #new-review-modal {
    height: 95% !important;
    width: 95% !important; } }
.new-test .new-test__legend {
  padding: 5px 10px;
  width: 100%;
  background: white;
  margin-bottom: 3px; }
.new-test .new-test__legend-heading {
  font-size: 15px;
  margin-bottom: 15px; }
.new-test .new-test__heading {
  margin: 15px 0 10px;
  font-size: 24px;
  text-align: center; }
.new-test .new-test__tab-indicator {
  background-color: white;
  border: 2px solid #0490d8;
  width: 100%;
  padding: 0 9px 9px;
  font-size: 24px;
  color: #0490d8;
  margin: 0 0 5px; }
  .new-test .new-test__tab-indicator:hover .new-test__tab-text {
    text-decoration: underline; }
.new-test .new-test__tab-text {
  display: inline-block;
  margin-top: 9px;
  vertical-align: middle;
  font-size: 17px;
  font-weight: bold; }
.new-test .new-test__tab-icon {
  display: inline-block;
  margin-left: 1rem;
  margin-top: 9px;
  height: 40px;
  background: transparent no-repeat center;
  background-size: contain;
  vertical-align: middle; }
.new-test .new-test__tab-icon--first {
  width: 62px;
  background-image: url(data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%3E%00%00%00%27%08%06%00%00%00W%18%FB%17%00%00%04OIDATh%81%ED%9A%5B%88UU%18%C7%7F%E7d%E2ej%CA%A5%5D%E9a%B4%92%A2%D0%C6%82%02%AB%19cYTb%18%04%81%D1%CD%14BH%88%9Cr%BD%05%8B%C0%B2%B2%1E%9A%87%EC%21%B0%A7%A2%C1%D0b%960%16A%17%0CS%BB%11%A5%11bB.G%0D%F5d%A3%F6%B0%BE3%E7%B4g%9F%CB%3E%E7%EC%3D%D3%E8%0F6g%AF%B5%D7%B7%D7%F7%DF%7B%5D%BE%B5%F6%C9%91%10e%DCt%E0%27%40%25%B5M%89%A5%DE%EA%8DI%8D%F2%0DT%F4%0AcG4%C0ze%DC%8C%A4F%13%92%14V%C6u%03%8FJ%D2%02%EF%27%AD%B0%85%5C%04l%21%BC%847%80%87%93%18%E7%EA-%A8%8C%9B%04%EC%02%AE%01v%03%9D%DE%EA%A1%24%95%B5%1Ae%DC%2A%E05I.%F6Vo%AA%D76IS_C%10%7D%06X%3E%DA%A2%857%81%AF%E4%FC-e%5C%7B%BD%86u%09W%C6%5D%07%F4H%B2%D7%5B%FDe2%FF%D2%C1%5B%7D%0Ax%128%09%5CA%18%7F%EA%A2%A6pe%5C%0E%E8%05%26%02%07%80%17%1As3%1D%BC%D5%DF%13%C6%1B%80e2%0E%D5%A4%9E7%FE8p%87%9C%3F%E3%AD%3E%D2%80%7Fi%F3%12a%DC%01x%5B%197%A5%96A%0E%40%197%19%D8%01%5C%16Sf%2Aa%F4%FF%D8%5B%7Do%8B%1Cm9%CA%B8%9B%09%FD%3D%0F%1C%03%E2%C6%A0%03%C0M%DE%EA%13%C57%BE%12%98%0D%B4%C7%1C%13%80%13%C0%D3%E9%BA%DE%1C%DE%EA%ED%C0%AB%92%9CJ%BC%96%D9%04%AD%E4%94q%D3%80%3Dr%E1C%E0%5D1%BE%13X%25%E7%3D%DE%EA%B5Y%08h%06i%E2%3B%81%AB%81%BF%80e%84%81%0F%E0%11%60%09p%04%98%99%07%0CA4%C0Fou%1F%F0%09p%9F%E4%ED%A2%F4%24%C74%DE%EA%E3%C0S%92%BC%00%B8%DE%5B%DD%27%9A%DE%93%FCv%C0%E4%94q%9B%81%F2%BE%FB%01p%10XA%98%B3o%F5V%7F%9D%8D%EB%ADA%19%D7K%F0%FF%1F%E0%21%60%29%F0%60Y%91-%C5%C1m%21%B0%16%98%13%B9%C71%60%7B%FA%AE%B6%9C6%60%5EL%FEN%60%B5%B7%BA%7F8dU%C6%E5%09O%E6%1D%E0%BCl%FC%CB%8C%3F%81g%09%5D%F94Dbue%DC%13%C0%06I%AE%03%F6e%EA%5E%EB%B9%07%B8%9B0%2B%DD%E8%AD%FE%B5x%A1%FC%8D%CF%20%AC%B3%A7%01%9B%BD%D5%F7g%EDe%AB%11M%3F%00%D3%81m%C0%02o%F5%19%F8o%E4%B6%8E%20%FA8%60%95q%E3%A1%B9%1F%02%5E%94%F3.%C2%F4%06%94%22%B7%BB%80%AD%92%F7%1C0%9F%10%A6%0E%00%FD%80%F3V%EF%C9%C8%D9%A6P%C6%CD%044%B0%10%E8%06%3E%23%BC%E0E%C0Q%E0Rou%A1%B8%11%B1H~%7F%04%5E%27%08%BF%980%E1%2F%91%1B%EE%05%1C%E1A%0Cx%AB%0Fe%23%A5%3A%12%80u%13%84j%A0%23%A6%98%25h%BC%10%98%04%14%A2%3B0%3F%7B%AB%87%94q%C5%F4%1F%C0%F9%84%3E%D2%01%2C%97%E3%B42%EE%1BJ%0F%E2%0Bo%F5I2%40%197%11%B8%8D%92%D0y%8C%5Cl%1D%24%CC%E1%97K%FA%EF%E8%7Dj%AD%CE%FA%81K%80N%605%A1%3B%14%C4%EE%16%C2%E6%C46%60P%16%09%A9%22u%0CJ%9Dk%C4%87%BC%F8%B4U%7C%EC%14%9F%FB%AB%DD%AB%E6%9E%9B%8C%82%3B%E4xY%B6%A0%E6Sz%E2s%81%29%84%A0%21m%DA%A4.%80o%29%B5%B8%CF%BD%D5%85%F2%82e%AD6%96Z%C2%17%28%E3%FA%AA%5C%DFO%10%3E%1A%EC%07%AE%95ce%8C%D0%CEj%C6%B5%84_%25%C7X%A4%A9%BD%81J%C2%3F%02~Kx%AF%2C%A2%BC%7D%C0%FA%846%BB%E32c%85%7B%AB7%C4%E5%8F6%DE%EA_%28%ED%11%D4%8D2nDwl%E4K%CA%B8%E0%9C%F0%B3%8D%B3Vxtp%9B%25%DF%A3%C6%1BWF3%A2%C2o%A0%F4%11n%5C%13%15~%14%D8%5B%A5%7C%07a%853%08%FC%9E%96S%09h%03f%C9%F9w%C0%A9%0A%E5%26%13%22%BCa%A2%C2%07%BC%D5%0FT%AAE%C2%D7%C5%C0%26o%F5c%0D%B9%DAB%94q%5D%84%3D%03%80%DB%BD%D5%87%2B%94%9BKXk%0Csnp%13%DA%E3%A2%9C%F2%EBi%3A%D3%24%CF%2B%E3%0A%15%AE%8D%F8%26%18%15%DEE%A4I%FC%8F%E8%A9%5D%A4D%A2%FF%C0%8CA%0E%03%9F%26%B4%19%02%F8%17%3B%CE%1D%7C%89C%85%C8%00%00%00%00IEND%AEB%60%82); }
.new-test .new-test__tab-icon--second {
  width: 42px;
  background-image: url(data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%29%00%00%00%29%08%06%00%00%00%A8%60%00%F6%00%00%05%23IDATX%85%CD%99%5Bh%5CE%18%C7%7F%7B%121V%B1%C5%91R%11%BC%D4V%7B%B1Z%A9T%A4%26%A0a%C4%87%FA%E0%FDEZ%13%0D%9A%27%C5%D6R%19%A1%15%3A%28%89%22-B%A5%D4%DC%1E%24%A2%20DEp%1A%D4%B6%A0%A6%08%81b%5Bo%B5%F4A%23tll%D1%04%E9%26%3E%CC%9C%9C%D9%DD%B3%9B%3D%BB1%FA%7FI%E6%3B%DF%FC%E7%BFgn%DF%F7%9D%1C5B%28%B3%14h%05%9A%81%95%C0%F5%C0%22%A0%01%C8%03%E3%C0%CF%C0q%E0%100l%B5%3CY%CBX%B9%8C%C2.%016%03m%C0%FA%1A%C6%1B%01z%81~%AB%E5D%B5%9D%AA%12%29%94i%00%3A%01%05%2CIq%F9%0B%F8%11%B0%C09%E0r%40%00%CB%80%05%29%FEc%80%06%F6Z-%F3u%8B%14%CA%AC%01%06%80%B5%81y%1A8%0C%BC%0B%7C%06%1C%B7ZN%A7%F4%CD%E1%96%C2%DD%C0c%C0%5DEc%8E%02%9B%AC%96Gk%16%29%94y%02%D8%0B4yS%1E%E8%07%BA%AC%96%DFU%EA%5B%86%EF%26%60%1Bn%C94x%F3%24%D0i%B5%EC%CB%2CR%28%B3%03%D8%19%98F%80%A7f%FB%D5%D5%C0%CF%CE~%0A%D7%F5N%AB%E5%CBi%FEQ%95%02%BB%80%0Ds%21%10%C0%F3l%F0%BC3%22%FD%B8%25%28y%93~%8A%7B%7Ds%0Ax%B2%D2T%D4%0B%3F%DE%DB%24%2F%AC%ADx%BC%5CQ%875%B8im%2A%D7%E1%DF%40%D1%8B%99%04%D6%87%B3%16%05%8E%0D%B8%5D%1C%0B%EC%9A%0F%81%00~%9Cx%EA%9B%80%01%AF%A7P%24%EE%1C%8C%8F%99%23%B83q%3E%A1%FC%B8x%1D%9D%F1%83%1C%CC%DC%24%27q%07%F5%14%B0v%AE6I%16%F8%E56%8A%7Byc%C0R%AB%E5D%FC%267%93%DC%24%7D%FF%85%40%98%D9%F5%7D%BE%B9%C4%EBJv%94%FF%3B%0Dt%CF%AB%B2Rt%7B%1D%E0u%E5%7C4%F3%937%1E%B6Z6%D7%C2%2C%94%B9%05%B8%1F%B8%068%8F%3B%25%86%AC%96%935p%1D%C2%5D%A1%0074%E2%C2%AD%18%835%10.%C2%DD%1E%0F%A5%3C%FEU%28%D3a%B5%FC8%23%ED%60%20%B25%C2%C5%831%3E%CF%28%F0R%DF%27M%20%C0U%C0%90P%E6%C1l%1A%0Bt4G%B8%28%05%5C%B8u%2C%23%99%06n%0D%DA%E7%81%03%C0%89%C0%16%01%3DB%99%2B3%F0%1E%F3z%00V%E5%842gp%B1%DFi%FCn%AA%12%0D%C0%10I%BC%F8%15%B0%D1ji%01%842%1D%C0%BE%C0%7F%0F%F0A%06%FE~%DC%FA%B69%A1%CC%05%92%B0%A9%1E%DCl%B5%FC64%08e%3E%01%EE%AB%937%1F17%02%A7%8A%05z%8C%CE%01wC%84%0Bd%EBE%24%94Y%97b%AF%25%0F%2AF%BE%11%97%D5%09%DCb%BF3C%E7%8Bqy%CDe%BE%DD%2B%94%D9h%B5%3C-%94%89p%11%F8%3D%81%FF%8B%C0%5B%19%F8%BF%04V%00%E39%A1%CC%11%E0v%5C%88%B4%20-W%29%07%A1%CC.%0A%03%91%0B%C0Q%DC%D1%13%26lg%80%E5V%CB%F1%2Ays%B8%DD%DD%04%7C%13%E1%F2b%BCau%B5%02%3Dv%05%FD%01%1A%81%DB%28%CD%28%DB%AB%15%E8%B1%9A%24d%3C%16%E1%12%F7%18%AD%A5%FE%15%B1%18W%14%98%0D%CB3%F2%86%3A%0EE%C0p%60x8%23Y7%C9%2F%9E%C6M%BD%06%5E%C0M%7B%8C%1DB%99%C5%19x%1F%09%FE%1F%8E%E3%C9%AFIv%E2J%AB%E5%89%92nE%10%CA4%03%07%03%D3~%ABeG%F0%BC%05%F8%22x%BE%CFj%F9t%15%BC%2BH%96%D0%88%D5%F2%8E8T%EB%0D%FC%B6WA%14%01%BB%03%D39%E0%A5%D0%C7jy%10x%2F0u%08e%C2%02C9%84%E3%F7B%12O%F6%E3%22a%80M%3E%EC%AA%84v%DC%06%89%B1%CBj%F9%5B%8A%DF6%DC%A9%01.%0B%D8%9D%E23%03%3F%EE%E3%BE9%E6u9%91%BEx%A4%03%B2%1E%A1Lc%19%A2%85%81%2F%C0%0F%E5%06%B7Z%9E%02%5E%0BL-B%99G%CB%F06%02%3D%247%A0%8E%8BZa%22%B6%97%E4%1A%5B%07%BC%92F%86%9B%D6p%13l%B1Z%FE%5D%C6%17%E0U%E0%97%A0%DD%E5s%AA4%BF%F8%D6%1A%F5z%28%10%E9%AB%5B%9BH%A6g%ABP%A6%3Dd%11%CA%DC%08%3C%1B%98%3E%B5Z~XA%20V%CB%3Fq%D3%1E%E3Z%60k%11%EF3%C0%16%DF%9C%C4%15%B1f%AE%EB%822%8BO%84%3A%03%D3~%A1L%D8~%1D%B8%C8%FF%9F%07%9E%AB%240%C0%3B%B8k.%C6v%A1%CC%D5%5E%60%27%C1%5B%C3%15%AF%0A%12%C1%D4%82UJ-%E8%0D%DCy%FAQ%60%DBc%B5%0C%DFjE%08e%D6%E3b%CEx%CCA%DC2x%3EpK-Ze%A9%AA%E5I%16%F5%EF%C02%AB%E5%D9jEz%CE%3E%CA%07%D6%D9%AAj%00%BEC%1B%C9%1A%0D%E3%CE7%B3%0A%F4%18H%B1M%E2jN%A9%02%A1%F6J%2F%B8J%EF%FB%80%01NX-%A7R%FAF%B8p%EB%5E%E0%01%A0%A5%C8%A5%FEJo0%D8l5%F3%09%E0%7B%E0%2C%F0%07%B0%10%B8%02%17X%A4%1D7s%5B3%2F%12%FB%FF%FD%FA%90%86%A2%EF8%AB%80%EB%28%FD%8Es%0A%97%9E%D6%F5%1D%E7%1F%E8C%B9%A6O%12B%A7%00%00%00%00IEND%AEB%60%82); }
.new-test .new-test__tab-icon--third {
  width: 42px;
  background-image: url(data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%2A%00%00%00%28%08%06%00%00%00%88%0BhP%00%00%047IDATX%85%AD%98_%88UE%1C%C7%3F%BBm%84H%82%E9%28%17%FC%93%60%90%BA%0B%3D%ED%0A%89%5E%16%866%82%EC%A1%12%A1%1E%D22%8D%84%16_%14%E6q%A0%96%02%0D%E9%8FF%F5%90%2F%AB%04%1BD%05%F3R%11%92%B4%F4%92%FFH%C9RQrr%83%5DPHw%EDa%E6%BAs%E7%9Es%EF%9C%7B%CE%17.%F7%CC%EF7%F3%FD%7D%CF%EF7g%CE%CC%81%8A%21%94%A9%0Be%EAU%F3%F6UM%08%EC%06%EE%01%DFWI%DAS%25%99Pf%19p%D57WX-oT%C5%DD%5B%15%91%C7N%E0A%FF%DBQ%25qe%19%15%CA%F4%02%17%815%DEt%09Xk%B5%9C%AB%82%BF%CA%8C%3E%C5%BCH%FC%F5HU%E4U%0A%7D%3D%D1%D6%15%2A%29%BDPf%25%F0%27%AD7%3E%07%3Cj%B5%BCR6FU%19%7D5%87%AB%17x%AD%8A%00%A53%2A%94%E9%03.%035o%FA%0F%B7%8E%3E%E4%DB%D7%81UV%CB%BBe%E2T%91%D1g%99%17%09p%1C8%11%B4k%C0%D6%B2A%AA%10%BA%3Bj%1F%01%3E%EE%D0%A70J%95%5E%28%B3%16%B8%10%98N%5B-%07%BC%EF7%A0%3F%F0%3Df%B5%BC%D8m%AC%B2%19%8D%97%9F0%93%1FE%BERYm%CA%A8P%E6a%60%19%F0%08%B0%24%F8_%EA%FFC%DB%12%60%25%F0%80%1F~%0B%A8Y-%A7%3D%D7%22%E0%1A%B0%D0%FBg%81%2B%C0M%FF%9B%0A%AE%FF%89lS%C0%0D%AB%E5%CC%7D%A1B%99w%81%97%7D%E02%BB%A9O%AC%96%BB%A2%1B%3FJ%B9%E5%E9.N%F8%17%BD%C0~%DC%93Zv%CBw%24%C3%16%97%BF%28%FAp%DA%F6%DF%2F%BDP%E6%0D%E00i%F3v%9A%E6r%9D%B3Z%8Efu%14%CA%1C%04%D6%D1%3C%8D%16%25%C4%98%03%F6Z-%3F%84%D69%3A%02%8Cg%10%19%60%D4%8B%9B%B2Z%DEI%08%94%0B%FF%92h%88%3E%08%C8%A8%CB4%B0%CDj%F9%5D%C3%D0%B2%3C%09e%FA%81%AF%81%D5%91k%1Cx%C5jy%BB%8C%C8%20%CE%02%E0s%60%5B%E4%FA%0Bx%C6jy%264f%AE%A3B%99%E5%C0%04%B01r%9D%02%B6Z-%FF.%29r9%F0%150%14%B9~%06%9E%CB%E2%CF%9C%8F%BE%E30.%8B%21%86%80S%3E%EB%DD%8A%EC%C7%DDp%2Cr%1C%18%CEKB%EE%83%E3K%BC%1D%D0%91k5p%D2%CF%E7%A2%22G%80%93%B4N%2B%0Dlo7%AD%92%5E%A1B%99%97%80%CFpg%A1%06%E6%80%5DV%CBO%139v%02GiN%CE%1D%60%87%D5%F2X%A7%F1I%AFPO4%8C%5B%8E%C2%B1%03%29%E3%3D%06%A2x7q%A5%EE%28%B2%11%2C%09V%CB%9F%80%B1%C8%FCC%EA%F8%8C%BEc%9E3%09E7%25OF%ED%E4%40%19%7Dc%AE%B6H%DE%E6%09ezp%E5Z%ECMg%AC%96-O%BFPf%15%80%D5%F2r%86%EF4%B0%C17%FF%05%96%A6%1E%A7%8BdtC%20%12%E0%C7HD%9FPf%1Fp%168%2B%94%D9%E7%DF%40%E4%8CY%0C%ACO%0D%5EDh%3D%2F%A8Pf%10%98%04%DE%C3m%EB%16%FA%EBI%EF%CB%12%9A%C5%99%8B%22%A5%3F%0E%BC%10%98j%C0m%E0m%DC%A68%8F%EB%1EnC%7D%00X%80%3B%EC5%F0%A5%D5%F2%F9%94%F8E2%BA9%B8%BE%00l%01%CE%03%7B%DA%88%C4%FB%F6%F8%BEu%E0%F7%C0%B7%295x%EA%82%FF8p.0%CD2%BF%B3%0Fq%15%D8%EB%AF%0F%03%2B2%FA%C4c%D7Y-%CFw%D2%90%9A%D1%CDQ%3B%169%0B%1C%02%D6%5B-%27%AC%96%13%B8%07%E5%90%F7%B5%1B%5BO%11%D0%AD%D0%10%93%C0%A0%D5r4%3C%E3X-g%FCfz%10%F8%A5%CD%F8%A4%F2%A7%0A%ADg%D8fpe%1E%B2Z%FE%9A7%D0%FB6%FA%BE3%19%5D%B2%B8%5B%D0q%8E%0Ae%D6%00%7FD%E6%13%C0%5BV%CBk%29A%02%AE%1A%F0%3E%CD%AB%07%24%9C%F9S%0Et%5B%82%EBK%C0%9BV%CBo%8A%08l%C0jy%1DxQ%28%F34%F0%01%F3%DFS7%E1%3E%02%E7%22%A5%F4u%DC%B1u%0C%E8%EFVd%08%AB%E5%B7%B8%AF%28%EFx%EEz%A71%29%19%ED%01%9E%88%CF0ea%B5%BC%05%1C%10%CA%1C%C3%1D%D9%DB%E2%7F%D2y%3C%BE%0D.%E1%86%00%00%00%00IEND%AEB%60%82); }
.new-test .new-test__progress {
  height: 18px;
  background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20id%3D%22svg3733%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20viewBox%3D%220%200%209.2604179%2023.812502%22%0A%20%20%20height%3D%2290.000008%22%0A%20%20%20width%3D%2235.000004%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs3727%22%20%2F%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata3730%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%0A%20%20%20%20%20%20%3C%2Fcc%3AWork%3E%0A%20%20%20%20%3C%2Frdf%3ARDF%3E%0A%20%20%3C%2Fmetadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20transform%3D%22translate%286.8724549e-7%2C-0.666657%29%22%0A%20%20%20%20%20id%3D%22layer1%22%3E%0A%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20id%3D%22g4715%22%3E%0A%20%20%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20%20%20id%3D%22g4686%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22rect3743%22%0A%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%200%2C13.895824%20c%203.0868057%2C0%206.1736113%2C0%209.260417%2C0%200%2C1.322917%200%2C2.645834%200%2C3.96875%20-3.0868057%2C0%20-6.1736113%2C0%20-9.260417%2C0%200%2C-1.322916%200%2C-2.645833%200%2C-3.96875%20z%22%0A%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23007ebf%3Bfill-opacity%3A1%3Bstroke-width%3A0.26458332%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22rect3743-7%22%0A%20%20%20%20%20%20%20%20%20%20%20d%3D%22M%20-3.6935405e-7%2C20.544325%20C%202.3368269%2C18.34621%204.6736543%2C16.148095%207.0104816%2C13.949979%207.7604599%2C15.261591%208.5104382%2C16.573202%209.2604164%2C17.884813%206.9235891%2C20.082928%204.5867617%2C22.281044%202.2499344%2C24.479159%201.4999562%2C23.167548%200.7499779%2C21.855936%20-3.6935405e-7%2C20.544325%20Z%22%0A%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23007ebf%3Bfill-opacity%3A1%3Bstroke-width%3A0.28272757%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20%20%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C-3.1789144e-7%2C25.145816%29%22%0A%20%20%20%20%20%20%20%20%20id%3D%22g4686-3%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22rect3743-70%22%0A%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%200%2C13.895824%20c%203.0868057%2C0%206.1736113%2C0%209.260417%2C0%200%2C1.322917%200%2C2.645834%200%2C3.96875%20-3.0868057%2C0%20-6.1736113%2C0%20-9.260417%2C0%200%2C-1.322916%200%2C-2.645833%200%2C-3.96875%20z%22%0A%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23007ebf%3Bfill-opacity%3A1%3Bstroke-width%3A0.26458332%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22rect3743-7-3%22%0A%20%20%20%20%20%20%20%20%20%20%20d%3D%22M%20-3.6935405e-7%2C20.544325%20C%202.3368269%2C18.34621%204.6736543%2C16.148095%207.0104816%2C13.949979%207.7604599%2C15.261591%208.5104382%2C16.573202%209.2604164%2C17.884813%206.9235891%2C20.082928%204.5867617%2C22.281044%202.2499344%2C24.479159%201.4999562%2C23.167548%200.7499779%2C21.855936%20-3.6935405e-7%2C20.544325%20Z%22%0A%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23007ebf%3Bfill-opacity%3A1%3Bstroke-width%3A0.28272757%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A) repeat no-repeat;
  background-size: 7px 18px;
  margin-bottom: 5px;
  -webkit-transition: width .35s;
  -moz-transition: width .35s;
  -ms-transition: width .35s;
  -o-transition: width .35s;
  transition: width .35s; }
.new-test .new-test__step-btn {
  cursor: pointer;
  box-shadow: 0px 1px 0px 0px #1a4f6a;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin: 20px auto;
  padding: 10px;
  color: white;
  font-size: 24px;
  font-weight: bold;
  background-color: #0490d8;
  line-height: 30px;
  text-align: center;
  border: none; }
  .new-test .new-test__step-btn:hover {
    color: white;
    text-decoration: none;
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
  .new-test .new-test__step-btn[disabled] {
    background-color: darkgray;
    color: #f8f8f8; }
  @media screen and (min-width: 768px) {
    .new-test .new-test__step-btn {
      width: auto;
      min-width: 30% !important; } }

#add-comment-block {
  margin-bottom: 15px; }

.new-test__rating {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
  @media screen and (min-width: 768px) {
    .new-test__rating {
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: stretch;
      align-items: stretch; } }

.new-test__criteria-list {
  order: 2; }
  @media screen and (min-width: 768px) {
    .new-test__criteria-list {
      width: 66.666%;
      order: 1; } }

.new-test__criterion-container {
  margin-bottom: 15px;
  padding: 5px 10px;
  background: white; }
  @media screen and (min-width: 768px) {
    .new-test__criterion-container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row;
      background: transparent;
      padding: 0;
      margin-bottom: 3px; } }

@media screen and (min-width: 768px) {
  .new-test__criterion-name {
    -webkit-align-items: center;
    align-items: center;
    background: white;
    padding: 7px 10px;
    margin-bottom: 0 !important;
    width: 75%; } }

@media screen and (min-width: 768px) {
  .new-test__criterion-value {
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    background: white;
    padding: 7px 10px;
    margin-left: 20px;
    width: 25%; } }

.new-test__legend-container {
  order: 1;
  margin: 0 0 15px; }
  @media screen and (min-width: 768px) {
    .new-test__legend-container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: stretch;
      align-items: stretch;
      order: 2;
      margin: 0 0 0 20px;
      width: 33.333%; } }

.new-test__legend-description {
  margin-bottom: 15px; }

.new-test__legend-stars {
  color: #fecc00;
  letter-spacing: -4.05px;
  font-size: 24px;
  margin-bottom: 3px; }

.new-test__legend-stars--unselected {
  color: #9c9c9d; }

.rft-icon-star:before {
  content: "\2605";
  font-style: normal;
  font-weight: 400; }

.rft-icon-star-o:before {
  content: "\2606"; }

.new-test p.rft-title,
#paramsearch-portlet p.rft-title {
  font-weight: 400;
  background: white; }

.footer-container {
  max-width: 1112px;
  margin: 0 auto; }

/* redesign of header logo according to markup */
header#banner {
  max-width: 1112px;
  margin: 0 auto;
  background: #0490d8;
  padding: 7px 47px 30px; }
  header#banner .test_navigation {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: -3px; }
    header#banner .test_navigation nav {
      text-align: right; }
      header#banner .test_navigation nav a:hover {
        text-decoration: none; }
  header#banner .logo-container .reifentest-logo {
    height: 70px; }
  header#banner .search-and-logo-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding-left: 12.5736%;
    margin-top: -37px;
    margin-bottom: -13px;
    justify-content: space-between; }
    header#banner .search-and-logo-info .search {
      -webkit-flex-basis: 307px;
      flex-basis: 307px;
      -webkit-flex-shrink: 0;
      flex-shrink: 0; }
    header#banner .search-and-logo-info form {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-flex-shrink: 0;
      flex-shrink: 0;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      margin: 0;
      position: relative; }
      header#banner .search-and-logo-info form search-free-test {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-basis: 241px;
        flex-basis: 241px; }
    header#banner .search-and-logo-info .logo-info {
      -webkit-flex-grow: 1;
      flex-grow: 1;
      padding-top: 27px;
      color: white;
      font-size: 1.3rem;
      font-weight: 600;
      margin: 0 10px 3px 0;
      text-align: left; }
  header#banner input {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none;
    margin-bottom: 0;
    text-align: left;
    height: 38px;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    width: 100%; }
    @media (max-width: 767px) {
      header#banner input {
        width: 100%; } }
  header#banner .test_search_button {
    border: none;
    margin: 0 0 0 16px;
    padding: 0; }
  header#banner .portlet-content {
    padding: 0; }
  header#banner .search-suggestions {
    position: absolute;
    background: white;
    z-index: 1000;
    top: 105%;
    max-height: 300px;
    width: 100%;
    overflow-y: auto;
    border: 1px solid #4b4b4d; }
    header#banner .search-suggestions .message {
      margin: 0;
      animation: none; }
    header#banner .search-suggestions .suggestions-list {
      list-style-type: none;
      margin: 0; }
      header#banner .search-suggestions .suggestions-list .suggestions-list-item {
        font-size: 15px; }
        header#banner .search-suggestions .suggestions-list .suggestions-list-item .suggestion-link {
          color: #4b4b4d;
          padding: 8px 5px 10px;
          display: block; }
          header#banner .search-suggestions .suggestions-list .suggestions-list-item .suggestion-link:hover {
            text-decoration: none; }
          header#banner .search-suggestions .suggestions-list .suggestions-list-item .suggestion-link.active {
            background: #0490d8;
            cursor: pointer;
            color: white; }

/* header logo responsiveness */
@media screen and (min-width: 768px) and (max-width: 968px) {
  header#banner .search-and-logo-info {
    padding-left: 7%; }

  header#banner {
    padding: 7px 7px 20px; } }
@media screen and (max-width: 767px) {
  header#banner {
    padding: 10px;
    height: auto;
    min-height: initial; }
    header#banner .test_navigation {
      display: none;
      margin-bottom: 0; }
    header#banner .logo-container .reifentest-logo {
      max-width: 70%; }
    header#banner .search-and-logo-info {
      margin: 10px 0 0 0;
      padding-left: 0;
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column;
      align-self: flex-start; }
      header#banner .search-and-logo-info form {
        margin-bottom: 0; }
      header#banner .search-and-logo-info .logo-info {
        padding-top: 0;
        margin-right: 0; }
      header#banner .search-and-logo-info .search {
        -webkit-flex-basis: auto;
        flex-basis: auto; }
      header#banner .search-and-logo-info .search,
      header#banner .search-and-logo-info .logo-info {
        width: 100%; }
      header#banner .search-and-logo-info .test_free_search {
        top: 0; }
      header#banner .search-and-logo-info .test_search_button {
        display: block !important;
        margin-bottom: 0; } }
@media screen and (max-width: 425px) {
  header#banner .logo-container .reifentest-logo {
    max-width: 100%; } }
.bg-rotation-column {
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 767px) {
    .bg-rotation-column {
      padding: 0 35px; } }

.bg-rotation {
  background: white;
  border: 2px solid #0490d8;
  padding: 50px 35px;
  max-width: 440px;
  margin: 65px 0 0 auto;
  transform: rotate(-1deg); }
  @media (max-width: 767px) {
    .bg-rotation {
      margin: 30px auto; } }
  .bg-rotation .dialog-triangle {
    content: "";
    position: absolute;
    display: block;
    background: transparent url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2057.138672%2043.06449%22%20height%3D%2245.935%22%20width%3D%2260.948%22%3E%3Cpath%20d%3D%22M-4.037%2042.919l51.99-40.986-51.945%2020.493-.045%2021.662h2.04L54.194-.264H-1.768c-1.395.005-1.437.007-2.18%200v2.197%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M.088%200v2.133h50.856L0%2041.928v1.135h2L57.057%200H2.223C.856.005.815.007.088%200z%22%20fill%3D%22%23007ebf%22%2F%3E%3C%2Fsvg%3E) center center no-repeat;
    background-size: 100% 100%;
    width: 49px;
    height: 36px;
    top: 50%;
    left: 100%;
    transform: translate3d(-1px, -50%, 0) rotate(-1deg);
    z-index: 2; }
  .bg-rotation .content-container {
    -webkit-transform: rotate(1deg) translateZ(0);
    -moz-transform: rotate(1deg) translateZ(0);
    -ms-transform: rotate(1deg) translateZ(0);
    -o-transform: rotate(1deg) translateZ(0);
    transform: rotate(1deg) translateZ(0);
    display: inline-block;
    line-height: 1.2; }
    .bg-rotation .content-container:before {
      content: "";
      height: 100%;
      display: inline-block;
      vertical-align: middle; }
    .bg-rotation .content-container .heading {
      color: #0490d8;
      font-size: 24px;
      font-weight: 600;
      text-align: center;
      margin: 0; }
    .bg-rotation .content-container .text {
      color: #4b4b4d;
      font-size: 24px;
      text-align: center;
      font-weight: 400; }

.test-options {
  justify-content: flex-end; }
  .test-options .rft-btn {
    display: block;
    max-width: 330px;
    margin: 0 auto;
    font-size: 24px;
    box-shadow: none;
    margin-bottom: 15px; }
    .test-options .rft-btn .btn-label {
      font-weight: 600; }
    .test-options .rft-btn > .square {
      display: inline-block;
      margin-bottom: 0;
      margin-left: 10px;
      min-width: 40px;
      width: 40px;
      height: 40px; }

h1.test-winners,
.bottom-text .heading {
  margin: 0 0 15px;
  padding-top: 20px;
  font-weight: 600;
  font-size: 24px;
  max-width: 1112px;
  text-align: center;
  color: #4b4b4d;
  border-top: 3px solid white; }

h1.test-winners {
  margin: 0 0 -10px; }

.bottom-text {
  color: #4b4b4d;
  font-weight: 400;
  padding-bottom: 0; }
  .bottom-text .paragraph:last-of-type {
    margin-bottom: 0; }

.top-rated-portlet {
  color: #4b4b4d;
  font-weight: 400; }
  .top-rated-portlet .rating-title {
    font-size: 24px;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: normal; }
  .top-rated-portlet .profile-info {
    background: white;
    padding: 5px 17px;
    margin-bottom: 5px;
    justify-content: space-between; }
    .top-rated-portlet .profile-info .profile-manufacturer:first-child {
      display: flex; }
    .top-rated-portlet .profile-info .link {
      color: #4b4b4d;
      cursor: pointer;
      -webkit-flex-grow: 1;
      flex-grow: 1;
      -webkit-flex-shrink: 1;
      flex-shrink: 1; }
      .top-rated-portlet .profile-info .link:hover {
        color: #0490d8;
        text-decoration: underline; }
    .top-rated-portlet .profile-info .profile-image {
      -webkit-flex-grow: 1;
      flex-grow: 1;
      -webkit-flex-shrink: 1;
      flex-shrink: 1;
      margin: 0 5px 5px;
      width: 180px;
      height: 180px; }
      .top-rated-portlet .profile-info .profile-image img {
        height: 100%; }
    .top-rated-portlet .profile-info .order {
      margin-right: 20px; }
    .top-rated-portlet .profile-info .rating {
      -webkit-flex-shrink: 0;
      flex-shrink: 0;
      text-align: right; }
      .top-rated-portlet .profile-info .rating .new-test-rating {
        margin-bottom: 2px; }
      .top-rated-portlet .profile-info .rating .num-tests {
        font-size: 11px; }
      .top-rated-portlet .profile-info .rating .num-tests .num-tests-label:after {
        content: ":"; }
    @media screen and (max-width: 490px) {
      .top-rated-portlet .profile-info:first-child {
        flex-direction: column; } }
    @media screen and (min-width: 760px) and (max-width: 1000px) {
      .top-rated-portlet .profile-info:first-child {
        flex-direction: column; } }

.profile-test.content-test .new-test-rating {
  letter-spacing: normal; }

.rft-panels {
  color: #4b4b4d;
  font-weight: 400; }
  .rft-panels .rft-panel-title {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: normal;
    text-align: center; }
  .rft-panels .rft-panel-content {
    background: white;
    padding: 8px 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 15px;
    min-height: 35px; }
    .rft-panels .rft-panel-content .rft-additional-info {
      margin-left: 10px; }
    .rft-panels .rft-panel-content em.rft-additional-info {
      font-style: normal;
      font-weight: 600;
      color: #0490d8; }
  .rft-panels a {
    color: #4b4b4d;
    cursor: pointer; }
    .rft-panels a:hover {
      color: #0490d8;
      text-decoration: underline; }

.count-section {
  margin-top: 20px; }

.counters {
  background-color: #fff;
  text-align: center;
  padding: 20px 20px 10px 20px; }
  .counters .counters-left {
    padding-right: 15px; }
  .counters .counters-right {
    padding-left: 15px; }
  @media screen and (max-width: 767px) {
    .counters .counters-block {
      padding: 0; } }
  .counters .counters-text p {
    font-size: 23px;
    font-weight: bold;
    line-height: 35px;
    text-align: left; }
  .counters .counters-text .counter-span {
    margin: 0;
    color: #0490d8;
    font-weight: bold;
    font-size: 1.2em; }
  .counters .counter-button {
    margin: auto; }
    .counters .counter-button a {
      background-color: #0490d8;
      box-shadow: 0px 1px 0px 0px #1a4f6a;
      display: flex;
      justify-content: space-between; }
      .counters .counter-button a span {
        display: block;
        line-height: 27px;
        flex-basis: 80%;
        font-size: 24px;
        align-self: center; }
        @media screen and (max-width: 767px) {
          .counters .counter-button a span {
            font-size: 20px; } }
      .counters .counter-button a .find-icon, .counters .counter-button a .write-icon {
        width: 60px;
        height: 45px;
        margin-left: 20px;
        align-self: center; }
      .counters .counter-button a .find-icon {
        background: url("/ReifentestUserTheme/css/../images/homepage/search-icon.png") no-repeat; }
      .counters .counter-button a .write-icon {
        background: url("/ReifentestUserTheme/css/../images/homepage/write-icon.png") no-repeat; }
    @media screen and (max-width: 767px) {
      .counters .counter-button {
        margin-top: 15px; } }
  .counters .test-stars-block {
    box-sizing: content-box;
    height: 45px;
    padding: 10px 0;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .counters .test-stars-block {
        text-align: center; } }
  .counters h2.counters-header {
    font-size: 32px;
    text-align: right; }
    @media screen and (max-width: 767px) {
      .counters h2.counters-header {
        text-align: center; } }
  .counters .counters-your-opinion {
    margin-top: 10px; }

.rft-breadcrumbs ul {
  padding: 15px 35px;
  background: white;
  margin: 0 auto;
  text-align: center; }
  .rft-breadcrumbs ul li {
    display: inline-block;
    padding: 0;
    font-weight: 400;
    font-size: 15px;
    border-bottom: 2px solid transparent; }
    .rft-breadcrumbs ul li a {
      color: #4b4b4d; }
      .rft-breadcrumbs ul li a:hover {
        color: #4b4b4d;
        text-decoration: none; }
    .rft-breadcrumbs ul li:hover {
      border-bottom: 2px solid #0490d8; }
    .rft-breadcrumbs ul li:last-of-type + span {
      display: none; }
.rft-breadcrumbs.uga_header_fixed ul {
  border-bottom: none; }

.aui ul.breadcrumb {
  font-weight: 400;
  max-width: 1112px;
  margin: 0 auto;
  background: none;
  padding: 5px 0 0 10px; }
  .aui ul.breadcrumb li {
    display: inline-block;
    color: #4b4b4d;
    font-size: 11px; }
    .aui ul.breadcrumb li a {
      color: #4b4b4d; }
    .aui ul.breadcrumb li a:hover {
      text-decoration: none;
      border-bottom: 2px solid #0490d8; }
    .aui ul.breadcrumb li:before {
      content: ">"; }

.content-test section {
  height: 100%; }
  .content-test section [ng-carousel] {
    height: 100%; }

li.uga-alle {
  width: auto !important;
  vertical-align: top;
  padding-right: 10px; }
  li.uga-alle .uga-check-filter {
    width: auto; }
    li.uga-alle .uga-check-filter span {
      position: static;
      line-height: 23px; }

.test_margin_null.uga-margin-top-filter {
  padding-left: 35px;
  padding-top: 30px; }
  .test_margin_null.uga-margin-top-filter .uga-alf-core {
    left: 5px;
    top: 5px; }
  .test_margin_null.uga-margin-top-filter .row-fluid [class*="span"] {
    min-height: 1px; }

.uga-search-result {
  margin-top: 20px; }

#uga-search-top table {
  width: 100%; }

@media screen and (max-width: 767px) {
  .aui .test_icons_compact {
    width: 100%; } }
@media screen and (max-width: 767px) {
  .aui .worko-tabs {
    top: 0; }
    .aui .worko-tabs .tabs {
      padding-top: 0; } }
.test_content #paramsearch-portlet {
  font-weight: 400;
  color: #4b4b4d; }
  @media screen and (max-width: 767px) {
    .test_content #paramsearch-portlet .worko-tabs .message {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      z-index: 3; } }
  .test_content #paramsearch-portlet .view-images-btn {
    display: block; }
  .test_content #paramsearch-portlet .search-controls {
    margin-top: 20px;
    text-align: right; }
    @media screen and (max-width: 767px) {
      .test_content #paramsearch-portlet .search-controls {
        text-align: center; } }
  .test_content #paramsearch-portlet .worko-tabs .flex-tabs .panel {
    background-color: #f2f2f1;
    border-bottom: 2px solid white;
    padding-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .test_content #paramsearch-portlet .worko-tabs .flex-tabs .panel {
        padding-bottom: 0; } }
  .test_content #paramsearch-portlet #tab-one:checked ~ .tabs #tab-one-panel,
  .test_content #paramsearch-portlet #tab-two:checked ~ .tabs #tab-two-panel,
  .test_content #paramsearch-portlet #tab-three:checked ~ .tabs #tab-three-panel,
  .test_content #paramsearch-portlet #tab-four:checked ~ .tabs #tab-four-panel,
  .test_content #paramsearch-portlet #tab-five:checked ~ .tabs #tab-five-panel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .test_content #paramsearch-portlet #tab-one:checked ~ .tabs #tab-one-panel,
      .test_content #paramsearch-portlet #tab-two:checked ~ .tabs #tab-two-panel,
      .test_content #paramsearch-portlet #tab-three:checked ~ .tabs #tab-three-panel,
      .test_content #paramsearch-portlet #tab-four:checked ~ .tabs #tab-four-panel,
      .test_content #paramsearch-portlet #tab-five:checked ~ .tabs #tab-five-panel {
        border-bottom: none; } }
    .test_content #paramsearch-portlet #tab-one:checked ~ .tabs #tab-one-panel .panel-content,
    .test_content #paramsearch-portlet #tab-two:checked ~ .tabs #tab-two-panel .panel-content,
    .test_content #paramsearch-portlet #tab-three:checked ~ .tabs #tab-three-panel .panel-content,
    .test_content #paramsearch-portlet #tab-four:checked ~ .tabs #tab-four-panel .panel-content,
    .test_content #paramsearch-portlet #tab-five:checked ~ .tabs #tab-five-panel .panel-content {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto; }
  .test_content #paramsearch-portlet .panel-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 100%;
    animation-name: scale;
    animation-duration: .35s; }
    .test_content #paramsearch-portlet .panel-content > .panel-item {
      margin: 0 auto; }
      .test_content #paramsearch-portlet .panel-content > .panel-item .rft-styled-label {
        font-weight: 600;
        text-align: center; }
      @media screen and (max-width: 767px) {
        .test_content #paramsearch-portlet .panel-content > .panel-item .rft-styled select {
          width: 210px; } }
  .test_content #paramsearch-portlet #tab-one-panel > .panel-content,
  .test_content #paramsearch-portlet #tab-five-panel > .panel-content {
    -webkit-align-items: stretch;
    align-items: stretch; }
  .test_content #paramsearch-portlet #tab-one-panel > .panel-content > .panel-item,
  .test_content #paramsearch-portlet #tab-five-panel > .panel-content > .panel-item {
    margin: initial; }

@media screen and (max-width: 767px) {
  .tabs.flex-tabs {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .tabs.flex-tabs .tab:nth-of-type(1) {
      order: 1; }
    .tabs.flex-tabs .panel:nth-of-type(1) {
      order: 2; }
    .tabs.flex-tabs .tab:nth-of-type(2) {
      order: 3; }
    .tabs.flex-tabs .panel:nth-of-type(2) {
      order: 4; }
    .tabs.flex-tabs .tab:nth-of-type(3) {
      order: 5; }
    .tabs.flex-tabs .panel:nth-of-type(3) {
      order: 6; }
    .tabs.flex-tabs .tab:nth-of-type(4) {
      order: 7; }
    .tabs.flex-tabs .panel:nth-of-type(4) {
      order: 8; }
    .tabs.flex-tabs .tab:nth-of-type(5) {
      order: 9; }
    .tabs.flex-tabs .panel:nth-of-type(5) {
      order: 10; } }
.test_content #paramsearch-portlet .flex-tabs .tab {
  background-color: #0490d8;
  font-size: 15px;
  border: none;
  color: white; }

.tabs.flex-tabs .tab {
  margin: 0 15px 25px 15px; }
  @media screen and (max-width: 767px) {
    .tabs.flex-tabs .tab {
      margin: 0; } }
  .tabs.flex-tabs .tab .selection-indicator {
    position: absolute;
    top: 100%;
    left: 0; }

.tabs.flex-tabs .tab:first-of-type {
  margin-left: 0; }

.tabs.flex-tabs .tab:last-of-type {
  margin-right: 0; }

.worko-tabs #tab-one:not(:checked) ~ .tabs #tab-one-label,
.worko-tabs #tab-two:not(:checked) ~ .tabs #tab-two-label,
.worko-tabs #tab-three:not(:checked) ~ .tabs #tab-three-label,
.worko-tabs #tab-four:not(:checked) ~ .tabs #tab-four-label,
.worko-tabs #tab-five:not(:checked) ~ .tabs #tab-five-label {
  background: #0490d8; }
  .worko-tabs #tab-one:not(:checked) ~ .tabs #tab-one-label:hover,
  .worko-tabs #tab-two:not(:checked) ~ .tabs #tab-two-label:hover,
  .worko-tabs #tab-three:not(:checked) ~ .tabs #tab-three-label:hover,
  .worko-tabs #tab-four:not(:checked) ~ .tabs #tab-four-label:hover,
  .worko-tabs #tab-five:not(:checked) ~ .tabs #tab-five-label:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    cursor: pointer;
    text-decoration: none; }

.worko-tabs #tab-one:checked ~ .tabs #tab-one-label,
.worko-tabs #tab-two:checked ~ .tabs #tab-two-label,
.worko-tabs #tab-three:checked ~ .tabs #tab-three-label,
.worko-tabs #tab-four:checked ~ .tabs #tab-four-label,
.worko-tabs #tab-five:checked ~ .tabs #tab-five-label {
  background-color: white;
  color: #4b4b4d;
  position: relative; }
  @media screen and (max-width: 767px) {
    .worko-tabs #tab-one:checked ~ .tabs #tab-one-label,
    .worko-tabs #tab-two:checked ~ .tabs #tab-two-label,
    .worko-tabs #tab-three:checked ~ .tabs #tab-three-label,
    .worko-tabs #tab-four:checked ~ .tabs #tab-four-label,
    .worko-tabs #tab-five:checked ~ .tabs #tab-five-label {
      border-bottom: 6px solid #0490d8; } }
  .worko-tabs #tab-one:checked ~ .tabs #tab-one-label:after,
  .worko-tabs #tab-two:checked ~ .tabs #tab-two-label:after,
  .worko-tabs #tab-three:checked ~ .tabs #tab-three-label:after,
  .worko-tabs #tab-four:checked ~ .tabs #tab-four-label:after,
  .worko-tabs #tab-five:checked ~ .tabs #tab-five-label:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 20px;
    background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20width%3D%2219.999998%22%0A%20%20%20height%3D%2219.999998%22%0A%20%20%20viewBox%3D%220%200%2019.999998%2019.999998%22%0A%20%20%20preserveAspectRatio%3D%22none%22%0A%20%20%20id%3D%22svg2%22%0A%20%20%20version%3D%221.1%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4%22%20%2F%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata7%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%0A%20%20%20%20%20%20%3C%2Fcc%3AWork%3E%0A%20%20%20%20%3C%2Frdf%3ARDF%3E%0A%20%20%3C%2Fmetadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20id%3D%22layer1%22%0A%20%20%20%20%20transform%3D%22matrix%280%2C1%2C-1%2C0%2C1052.3622%2C8.034213e-6%29%22%0A%20%20%20%20%20style%3D%22opacity%3A1%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20transform%3D%22matrix%280.70710678%2C0.70710678%2C-0.70710678%2C0.70710678%2C0%2C0%29%22%0A%20%20%20%20%20%20%20style%3D%22fill%3A%23007ebf%3Bfill-opacity%3A1%3Bfill-rule%3Aevenodd%3Bstroke%3Anone%3Bstroke-width%3A0.06803806px%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-opacity%3A1%22%0A%20%20%20%20%20%20%20d%3D%22m%20729.99036%2C729.9903%2021.21317%2C-7.07104%20-7.07104%2C21.21317%20c%200%2C0%20-14.14218%2C-14.14212%20-14.14213%2C-14.14213%20z%22%0A%20%20%20%20%20%20%20id%3D%22rect4469%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A) no-repeat;
    background-size: 100% 100%; }
    @media screen and (max-width: 767px) {
      .worko-tabs #tab-one:checked ~ .tabs #tab-one-label:after,
      .worko-tabs #tab-two:checked ~ .tabs #tab-two-label:after,
      .worko-tabs #tab-three:checked ~ .tabs #tab-three-label:after,
      .worko-tabs #tab-four:checked ~ .tabs #tab-four-label:after,
      .worko-tabs #tab-five:checked ~ .tabs #tab-five-label:after {
        display: none; } }

html:not(.mobile) .loader-parent {
  position: relative; }
  html:not(.mobile) .loader-parent .loaded-content {
    /*-webkit-animation: .5s scale;*/
    /*-o-animation: .5s scale;*/
    /*animation: .5s scale;*/
    animation: 1.5s fadein; }

.loader-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 999; }
  .loader-backdrop .loader-container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .loader-backdrop .loader-container .loader-circle {
      width: 50px;
      height: 50px;
      background-color: white;
      display: inline-block;
      border-radius: 50%;
      border: 10px solid lightgray;
      border-top-color: #0490d8;
      margin: 2px;
      animation: 1s rotate;
      animation-iteration-count: infinite;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
      @media (max-width: 767px) {
        .loader-backdrop .loader-container .loader-circle {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; } }

.message {
  display: block;
  font-style: normal;
  line-height: normal;
  font-size: 15px;
  font-weight: 400;
  padding: 15px 25px 15px 15px;
  margin-bottom: 25px;
  background-color: white;
  position: relative; }
  .message.ng-hide-add {
    animation: .35s scale reverse; }
  .message.ng-hide-remove {
    animation: .35s scale; }
  .message.error {
    color: red;
    border: 1px solid red;
    border-left: 10px solid #f80000; }
  .message.info {
    color: #0490d8;
    border: 1px solid #0490d8;
    border-left: 10px solid #048bd1; }
  .message.success {
    color: green;
    border: 1px solid green;
    border-left: 10px solid #007900; }
  .message a {
    color: #4b4b4d;
    text-decoration: underline; }
    .message a:hover {
      color: #0490d8;
      cursor: pointer; }
  .message .close {
    display: block;
    padding: 5px 5px 0 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #4b4b4d;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0; }

input[type=range] {
  width: 300px; }

ul[rn-carousel] {
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  position: relative;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

ul[rn-carousel] > li {
  color: black;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: visible;
  vertical-align: top;
  position: absolute;
  left: 0;
  right: 0;
  white-space: normal;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
  height: 100%;
  display: inline-block; }

/* prevent flickering when moving buffer */
ul[rn-carousel-buffered] > li {
  display: none; }

ul[rn-carousel-transition="hexagon"] {
  overflow: visible; }

/* indicators */
div.rn-carousel-indicator span {
  cursor: pointer;
  color: #666; }

div.rn-carousel-indicator span.active {
  color: white; }

/* prev/next controls */
.rn-carousel-control {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  font-size: 2rem;
  position: absolute;
  top: 40%;
  opacity: 0.75;
  cursor: pointer; }

.rn-carousel-control:hover {
  opacity: 1; }

.rn-carousel-control.rn-carousel-control-prev {
  left: 0.5em; }

.rn-carousel-control.rn-carousel-control-prev:before {
  content: "<"; }

.rn-carousel-control.rn-carousel-control-next {
  right: 0.5em; }

.rn-carousel-control.rn-carousel-control-next:before {
  content: ">"; }

ul[rn-carousel] {
  margin: 0 auto;
  padding: 15px 0;
  width: 80%;
  height: 100%; }
  ul[rn-carousel] li {
    height: calc(100% - 30px); }
  ul[rn-carousel] .layer {
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }

span.rn-carousel-control {
  color: white;
  background: rgba(0, 0, 0, 0.4);
  top: 50%;
  padding: 15px;
  transform: translateY(-50%); }
  span.rn-carousel-control.rn-carousel-control-prev {
    left: 2px; }
  span.rn-carousel-control.rn-carousel-control-next {
    right: 2px; }

.aui hr {
  margin: 20px 0;
  border: none;
  border-bottom: 3px solid white; }
  .aui hr.no-margin {
    margin: 0; }

@media screen and (max-width: 767px) {
  .test_mobile_material_box .new-test-rating {
    text-align: right; } }

[ng-table] + [ng-table-pagination] > div[ng-include] > span {
  display: inline-block;
  margin: 0 !important;
  position: static !important;
  width: 50%;
  text-align: left; }
@media screen and (max-width: 767px) {
  [ng-table] + [ng-table-pagination] > div[ng-include] > span:nth-child(1) {
    display: block;
    width: auto;
    text-align: center; } }
[ng-table] + [ng-table-pagination] > div[ng-include] > span:nth-child(2) {
  text-align: right; }
  @media screen and (max-width: 767px) {
    [ng-table] + [ng-table-pagination] > div[ng-include] > span:nth-child(2) {
      display: none; } }
[ng-table] + [ng-table-pagination] .pagination.ng-table-pagination {
  -webkit-justify-content: center;
  justify-content: center;
  margin: 15px 0; }
  [ng-table] + [ng-table-pagination] .pagination.ng-table-pagination li {
    padding: 0;
    width: auto;
    min-width: 50px; }
    [ng-table] + [ng-table-pagination] .pagination.ng-table-pagination li.disabled {
      background-color: lightgrey; }
      [ng-table] + [ng-table-pagination] .pagination.ng-table-pagination li.disabled a {
        color: darkgray; }
    [ng-table] + [ng-table-pagination] .pagination.ng-table-pagination li a {
      padding: 10px; }
      [ng-table] + [ng-table-pagination] .pagination.ng-table-pagination li a:hover {
        color: white; }

.ng-table-counts.btn-group button {
  padding: 10px;
  margin: 2px;
  border: none;
  color: white;
  background: #0490d8;
  width: auto;
  min-width: 50px; }
  .ng-table-counts.btn-group button.active-xx {
    background: #003b59; }

.uga-button {
  margin-bottom: 15px; }

h2.title-xl {
  margin-bottom: 15px !important; }

.aui .guest-login .rft-styled select {
  height: 32px; }
.aui .guest-login [rft-autocomplete] {
  margin: 0 auto;
  width: 223px; }
.aui .guest-login [rft-autocomplete] .up,
.aui .guest-login [rft-autocomplete] .down {
  height: 18px; }
.aui .guest-login input[type="text"].field {
  text-align: left; }
.aui .guest-login .form-validator-stack.help-inline {
  display: block;
  position: static;
  width: 220px;
  margin: 0 auto;
  padding: 6px;
  border-color: black; }
  .aui .guest-login .form-validator-stack.help-inline:before {
    visibility: hidden; }
  @media screen and (max-width: 767px) {
    .aui .guest-login .form-validator-stack.help-inline {
      width: 223px; } }

/*.rft-flag {
  width: 16px;
  height: 10px;
  background: url(/ReifentestUserTheme/css/../images/countries/country-flags.png);
  display: inline-block;
  -webkit-box-shadow: 1px 1px 2px gray;
  -moz-box-shadow: 1px 1px 2px gray;
  box-shadow: 1px 1px 2px gray;

  // first row
  &.blg {
    background-position: 0 0;
  }

  &.cz {
    background-position: -16px 0;
  }

  &.de {
    background-position: -32px 0;
  }

  &.dk {
    background-position: -48px 0;
  }

  &.ee {
    background-position: -64px 0;
  }

  // second row
  &.es {
    background-position: -0 -10px;
  }

  &.fi {
    background-position: -16px -10px;
  }

  &.fr {
    background-position: -32px -10px;
  }

  &.gb {
    background-position: -48px -10px;
  }

  &.hr {
    background-position: -64px -10px;
  }

  // third row
  &.hu {
    background-position: -0 -20px;
  }

  &.it {
    background-position: -16px -20px;
  }

  &.lt {
    background-position: -32px -20px;
  }

  &.lv {
    background-position: -48px -20px;
  }

  &.nl {
    background-position: -64px -20px;
  }

  // fourth row
  &.no {
    background-position: -0 -30px;
  }

  &.pl {
    background-position: -16px -30px;
  }

  &.pt {
    background-position: -32px -30px;
  }

  &.ro {
    background-position: -48px -30px;
  }

  &.ru {
    background-position: -64px -30px;
  }

  // fifth row
  &.se {
    background-position: -0 -40px;
  }

  &.si {
    background-position: -16px -40px;
  }

  &.sk {
    background-position: -32px -40px;
  }

  &.us {
    background-position: -48px -40px;
  }

  &.unknown {
    background-position: -64px -40px;
  }
}*/
.rft-flag {
  width: 24px;
  height: 18px;
  background: url(/ReifentestUserTheme/css/../images/countries/rft-flags-min.svg) no-repeat;
  background-origin: content-box;
  background-clip: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-size: 600% 400%;
  display: inline-block; }
  .rft-flag.blg {
    background-position: 0% 0%; }
  .rft-flag.cz {
    background-position: 20% 0%; }
  .rft-flag.de {
    background-position: 40% 0%; }
  .rft-flag.dk {
    background-position: 60% 0%; }
  .rft-flag.ee {
    background-position: 80% 0%; }
  .rft-flag.es {
    background-position: 100% 0%; }
  .rft-flag.fi {
    background-position: 0% 33.33333%; }
  .rft-flag.fr {
    background-position: 20% 33.33333%; }
  .rft-flag.gb {
    background-position: 40% 33.33333%; }
  .rft-flag.hr {
    background-position: 60% 33.33333%; }
  .rft-flag.hu {
    background-position: 80% 33.33333%; }
  .rft-flag.it {
    background-position: 100% 33.33333%; }
  .rft-flag.lt {
    background-position: 0% 66.66667%; }
  .rft-flag.lv {
    background-position: 20% 66.66667%; }
  .rft-flag.nl {
    background-position: 40% 66.66667%; }
  .rft-flag.no {
    background-position: 60% 66.66667%; }
  .rft-flag.pl {
    background-position: 80% 66.66667%; }
  .rft-flag.pt {
    background-position: 100% 66.66667%; }
  .rft-flag.ro {
    background-position: 0% 100%; }
  .rft-flag.ru {
    background-position: 20% 100%; }
  .rft-flag.se {
    background-position: 40% 100%; }
  .rft-flag.si {
    background-position: 60% 100%; }
  .rft-flag.sk {
    background-position: 80% 100%; }
  .rft-flag.us {
    background-position: 100% 100%; }

[rft-autocomplete] {
  z-index: 500;
  position: relative;
  display: inline-block; }
  [rft-autocomplete].margin-15 {
    margin-bottom: 15px; }
  @media screen and (max-width: 767px) {
    [rft-autocomplete] {
      display: block; } }
  [rft-autocomplete]:hover .up, [rft-autocomplete]:hover .down {
    color: #0490d8; }
  [rft-autocomplete] .up,
  [rft-autocomplete] .down {
    width: 2em;
    height: 50%;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    text-align: center;
    user-select: none; }
    [rft-autocomplete] .up i,
    [rft-autocomplete] .down i {
      position: relative;
      top: 5%;
      font-size: 20px; }
  [rft-autocomplete] .down {
    top: 50%; }
    [rft-autocomplete] .down i {
      top: -25%; }
  [rft-autocomplete] ng-transclude {
    display: inline-block;
    visibility: hidden; }
    [rft-autocomplete] ng-transclude .rft-styled {
      margin: 0; }
  [rft-autocomplete] .rft-ac-container {
    display: inline-block;
    position: relative;
    margin-bottom: 15px; }
    @media screen and (max-width: 767px) {
      [rft-autocomplete] .rft-ac-container {
        display: block; } }
  [rft-autocomplete] .rft-ac-container .filter {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    [rft-autocomplete] .rft-ac-container .filter input {
      max-width: 100% !important;
      width: 100% !important;
      height: 100% !important;
      position: static !important;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
      text-align: left;
      font-size: 15px;
      padding-right: 2em !important; }
      @media screen and (max-width: 767px) {
        [rft-autocomplete] .rft-ac-container .filter input {
          font-size: 18px; } }
      [rft-autocomplete] .rft-ac-container .filter input:focus.selected {
        border: 1px solid green;
        outline: none;
        -webkit-box-shadow: 0 0 5px green;
        -moz-box-shadow: 0 0 5px green;
        box-shadow: 0 0 5px green; }
  [rft-autocomplete] .suggestions {
    position: absolute;
    margin-top: 5px;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 210px;
    overflow-y: auto;
    border: 1px solid #4b4b4d; }
    @media screen and (max-width: 767px) {
      [rft-autocomplete] .suggestions {
        max-height: 165px; } }
    [rft-autocomplete] .suggestions ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      background: white;
      font-size: 15px; }
      @media screen and (max-width: 767px) {
        [rft-autocomplete] .suggestions ul {
          font-size: 18px; } }
      [rft-autocomplete] .suggestions ul li.active {
        background-color: #0490d8;
        color: white; }
      [rft-autocomplete] .suggestions ul li.is-top {
        font-weight: bold; }
      [rft-autocomplete] .suggestions ul li {
        display: block;
        width: auto;
        background-color: white;
        border: none;
        padding: 5px;
        cursor: pointer;
        text-align: left;
        font-weight: 400;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
        [rft-autocomplete] .suggestions ul li:not(:last-child) {
          margin-bottom: 2px; }

#username-input input {
  height: 32px;
  min-width: 311px; }

.yt-video-validator {
  position: relative;
  display: inline-block; }
  @media screen and (max-width: 767px) {
    .yt-video-validator {
      display: block;
      margin: 0 auto;
      max-width: 80%; } }
  .yt-video-validator input.video-url-input {
    padding: 6px 1.5em 6px 6px !important;
    font-size: 15px;
    margin: 0;
    text-align: left !important;
    width: 310px; }
    @media screen and (max-width: 767px) {
      .yt-video-validator input.video-url-input {
        font-size: 18px;
        display: inline-block;
        width: 100%; } }
  .yt-video-validator .yt-validator-icon {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-5px, -55%);
    -moz-transform: translate(-5px, -55%);
    -ms-transform: translate(-5px, -55%);
    -o-transform: translate(-5px, -55%);
    transform: translate(-5px, -55%); }
  .yt-video-validator .yt-validator-icon:after {
    display: block;
    content: "";
    height: 100%;
    vertical-align: middle; }
  .yt-video-validator input.ng-dirty:not(.ng-empty).ng-valid-yt-id ~ .icon-check-sign {
    display: inline-block;
    color: green; }
  .yt-video-validator input.ng-dirty:not(.ng-empty).ng-invalid-yt-id ~ .icon-remove {
    display: inline-block;
    color: red;
    cursor: pointer; }

.video-container {
  position: relative;
  margin: 15px auto 0;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0; }

.criteria-weight {
  display: block;
  background: white;
  padding: 20px; }

.criteria-weight__heading {
  margin: 0 0 10px; }

.criteria-weight__criterion-name {
  display: inline-block; }

.criteria-weight__criterion-value {
  display: inline-block; }

.test-preview {
  position: relative;
  padding: 0;
  border-bottom: 3px solid white; }
  .test-preview.profile-average {
    border-bottom: none; }
  @media screen and (max-width: 1112px) {
    .test-preview {
      padding: 0;
      max-width: 960px;
      margin: 0 auto; } }
  .test-preview .progress .progress-bar {
    background: #0490d8; }
  .test-preview .test-author {
    width: 150px;
    background: white;
    color: #4b4b4d;
    padding: 5px 8px;
    margin: 0 auto;
    font-weight: 600; }
    @media screen and (min-width: 768px) {
      .test-preview .test-author {
        border: 1px solid #0490d8; } }
    @media screen and (max-width: 1112px) {
      .test-preview .test-author {
        width: auto;
        text-align: center; } }
    .test-preview .test-author img {
      max-width: 100%;
      min-width: 130px;
      min-height: 130px; }
  .test-preview .heading-and-average {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    line-height: 1.3;
    background: white;
    color: #4b4b4d;
    padding: 10px 30px;
    font-size: 24px; }
    @media (max-width: 767px) {
      .test-preview .heading-and-average {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center; } }
    .test-preview .heading-and-average .heading {
      -webkit-flex-grow: 1;
      flex-grow: 1;
      font-size: 24px;
      font-weight: 600; }
      @media (max-width: 767px) {
        .test-preview .heading-and-average .heading {
          text-align: center;
          margin-bottom: 10px; } }
    .test-preview .heading-and-average .average {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-shrink: 0;
      flex-shrink: 0; }
      .test-preview .heading-and-average .average .value {
        font-size: 24px; }
      .test-preview .heading-and-average .average .name {
        font-size: 24px;
        font-weight: 400;
        vertical-align: baseline;
        margin-right: 10px; }
  .test-preview button {
    outline: none; }
  .test-preview .close-btn {
    width: 40px;
    height: 40px;
    color: white;
    background: #0490d8;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 40px;
    padding: 0;
    border: none;
    font-size: 24px;
    z-index: 2;
    border-radius: 0;
    -webkit-transition: border-radius .25s;
    -moz-transition: border-radius .25s;
    -ms-transition: border-radius .25s;
    -o-transition: border-radius .25s;
    transition: border-radius .25s; }
    .test-preview .close-btn:hover {
      border-radius: 50%;
      -webkit-transition: border-radius .25s;
      -moz-transition: border-radius .25s;
      -ms-transition: border-radius .25s;
      -o-transition: border-radius .25s;
      transition: border-radius .25s; }
  .test-preview .rft-btn.zoom {
    position: absolute;
    bottom: 0;
    right: 0; }
  .test-preview .tab {
    padding: 0 20px 20px 20px;
    background-color: white;
    min-height: 444px; }
    @media (max-width: 767px) {
      .test-preview .tab {
        min-height: 300px; } }
  .test-preview .close-btn ~ .controls {
    padding-right: 45px; }
  .test-preview .yt-video-id {
    padding: 0 20px; }
    .test-preview .yt-video-id em {
      color: #0490d8;
      font-style: normal;
      font-weight: 600; }
  .test-preview .image-slider-container {
    position: relative;
    padding-bottom: 55%; }
    .test-preview .image-slider-container ul[rn-carousel] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .test-preview .comment {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    .test-preview .comment .icon {
      font-size: 36px;
      padding: 0 5px;
      color: #0490d8;
      -webkit-flex-shrink: 0;
      flex-shrink: 0; }
    .test-preview .comment .text {
      background: #0490d8;
      color: white;
      font-size: 15px;
      border-radius: 10px 20px;
      padding: 5px 15px;
      -webkit-flex-basis: 100%;
      flex-basis: 100%; }
      .test-preview .comment .text a {
        color: white; }
        .test-preview .comment .text a:hover {
          cursor: pointer; }
      @media screen and (max-width: 767px) {
        .test-preview .comment .text {
          font-size: 18px; } }
  .test-preview .profile-average-options {
    text-align: center;
    margin-top: 10px; }
    .test-preview .profile-average-options .rft-btn {
      width: 80%;
      white-space: normal;
      max-width: 500px;
      font-size: 24px;
      border-radius: 0; }
  .test-preview.profile-average .tab {
    min-height: unset; }

@keyframes likeAnimation {
  40% {
    opacity: 1;
    transform: scale3d(0.8, 0.8, 0.8) translate3d(42px, -42px, 0); }

  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-1250px, -450px, 0);
    transform-origin: left center; } }

@keyframes dislikeAnimation {
  40% {
    opacity: 1;
    transform: scale3d(0.8, 0.8, 0.8) translate3d(42px, -42px, 0); }

  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-1250px, -450px, 0);
    transform-origin: left center; } }

.test-options {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 10px 0 15px; }
  @media screen and (min-width: 1112px) {
    .test-options {
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; } }
  .test-options .test-options__mark {
    border: 1px solid black !important;
    padding: 7px 15px;
    cursor: pointer;
    background: white;
    margin-right: 10px;
    border-radius: 0; }
    .test-options .test-options__mark:hover {
      background: #0490d8;
      color: white; }
    .test-options .test-options__mark.test-options__mark--pressed {
      background: #0490d8;
      color: white; }
      .test-options .test-options__mark.test-options__mark--pressed:hover {
        background: white;
        color: black; }
  .test-options .test-options__yes-btn {
    /*@include test-option-btn();*/
    background: url("/ReifentestUserTheme/css/../images/profile/thumb-up.png") no-repeat;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    width: 35px;
    height: 35px; }
    .test-options .test-options__yes-btn.test-options__yes-btn--pressed {
      background: url("/ReifentestUserTheme/css/../images/profile/thumb-up-marked.png") no-repeat; }
  .test-options .animate-like {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    animation-name: likeAnimation;
    animation-duration: .8s;
    animation-fill-mode: both;
    animation-timing-function: linear; }
    @media screen and (max-width: 1112px) {
      .test-options .animate-like {
        animation: none;
        z-index: 0;
        opacity: 0; } }
  .test-options .animate-dislike {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    animation-name: dislikeAnimation;
    animation-duration: .8s;
    animation-fill-mode: both;
    animation-timing-function: linear; }
    @media screen and (max-width: 1112px) {
      .test-options .animate-dislike {
        animation: none;
        z-index: 0;
        opacity: 0; } }
  .test-options .test-options__no-btn {
    /*@include test-option-btn();*/
    background: url("/ReifentestUserTheme/css/../images/profile/thumb-down.png") no-repeat;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    width: 35px;
    height: 35px; }
    .test-options .test-options__no-btn.test-options__no-btn--pressed {
      background: url("/ReifentestUserTheme/css/../images/profile/thumb-down-marked.png") no-repeat; }
  .test-options .test-options__remember-btn {
    border: 1px solid black !important;
    padding: 7px 15px;
    cursor: pointer;
    background: white;
    margin-right: 10px; }
    .test-options .test-options__remember-btn:last-of-type {
      margin-right: 0; }
    .test-options .test-options__remember-btn:hover {
      background: #0490d8;
      color: white; }
    .test-options .test-options__remember-btn.test-options__remember-btn--pressed {
      background: #0490d8;
      color: white; }
  .test-options .test-options__partner-btn {
    border: 1px solid black !important;
    padding: 7px 15px;
    cursor: pointer;
    background: white;
    margin-right: 10px;
    border-radius: 0; }
    .test-options .test-options__partner-btn:last-of-type {
      margin-right: 0; }
    .test-options .test-options__partner-btn:hover {
      background: #0490d8;
      color: white; }

.test-options__main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 15px; }
  @media screen and (min-width: 1112px) {
    .test-options__main {
      -webkit-flex-grow: 1;
      flex-grow: 1;
      max-width: 56%;
      padding: 0 0 0 20px; } }

.test-options__extra {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  @media screen and (min-width: 1112px) {
    .test-options__extra {
      width: 40%;
      margin: 0 0 0 25px; } }

.test-options__extra--signed-out {
  -webkit-justify-content: flex-end;
  justify-content: flex-end; }

.test-options__description {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 1112px) {
    .test-options__description {
      width: auto;
      margin: 0; } }

.test-options__answers {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  position: relative; }
  @media screen and (min-width: 1112px) {
    .test-options__answers {
      width: auto;
      margin: 0; } }

.test-options__answers.blocked {
  height: 100%;
  width: 100%;
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0; }

a.test-options__share-btn,
button.test-options__share-btn {
  position: relative;
  width: 38px;
  height: 38px;
  padding: 0;
  border: none;
  background-color: transparent;
  transition: box-shadow .2s;
  margin-right: 6px; }
  a.test-options__share-btn:last-child,
  button.test-options__share-btn:last-child {
    margin-right: 0; }
  a.test-options__share-btn:hover,
  button.test-options__share-btn:hover {
    -webkit-box-shadow: inset 0 0 6px darkslategray;
    -moz-box-shadow: inset 0 0 6px darkslategray;
    box-shadow: inset 0 0 6px darkslategray; }

.test-options__share-btn--facebook {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAABtElEQVRYhe2Yz0vCYBzGH9cwCQyNEiuLRDCKwsSKJKxDHcqLUIgQdOkgHftzym51kKhLQUHXjhEZ0g8sCYowmSiUiJqWHcRg7BVcm/M97Dk+++7Zh+/73d7xambXdnwAQgBMoEMcgCADuqCAKkuIAV1QNZmYVhPUE7VgrBIP0WlZWC1GdOp1KJW+UakAufwXPrIFpDI5/FQqyoI5hs1Y9zkxOdYPto28OP6tMN5TWeXANlZd2Fhx/fv+psyYd84uCQpoAli7lsVmYFpyjuxgM44BdBk6JOfIPmMTI71Ev1AsY/vgEtd3CeSLpT+fy+SUAes2kru1dxzB0fltwzmyL6VBryP6Ty9pUTmyg2mgIfqFYllUDrVbErVgkoZ/0W3DYJ+B55l79MRa77wdzlH+G5svlBA+jcoPtuC2weMaaqh22WMXePHXdF2wli5lghNu3jW1FIz0V1FTizv2WfcatR2TNPz7Jzc4u3jkeUH/FKwWo6B29/AKz28ZnheNJZsDdh/nBF5gaZxYG40lEXlINJxN7QdWBRMrFUysVDCxUsHESgUTKwbVM0/axDEAgqALjgMQ/AUayWyYM9GpDAAAAABJRU5ErkJggg==); }

.test-options__share-btn--twitter {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAACwUlEQVRYhe2XTUgUYRiAn5n9mfUnY3+KzCytKPwpDSIPSdEPBWEeig4REXXoUFBEh05R1MVLVBAFnoQSOkRevNgfFEYqCAkpqSiSpmyguWruzO4400EMRXa+b5TKwz7H2Xe+feb93nm/d5T8upjNCkT93wKpSIu5JS3mlrSYW1asmPdvLFoW8XC8wEdelsKPuM2rQZOPI+af33P8CpYNU8nUvV0odnSjl95xi/4JSyikKnC3IsDZ7f4F188X+Xk9aFL3NcGBPC97cz1UNf5yXEsRHUnPj2RSuFrldNO0UO5qmcb1cs0xRp+Bc2+mmUjYdI7NpIwT1timVSq5mSoNx7I4uCF1grO8Cpd3OEsBjOkWj/dnEAkojnFCsVhiNqFBTaHuUCb3KzNYn7X4tl1rPAQ8Qi8iAZWbrTrvh03HOKHYh+GF6T65xUfziWwe7cvgcL6XbN/sk2sSUgC1XQaNA0lhnLD4a7sMTm31EZ6Xeq8K1YU+qgt9WDYMTFroptz0FDPk4oQZu7MnQNO3JFaK9VQFNueoFIfkUjaqy4kJM7YuU6WqQHKfJOgZF7cdkMhYfU9i2TJzTCVtuhxaxHyEYi/7kjT0i4tVhrdDJpKlKBazgWvNcW616XyfktuGVNR3y2df6qwMagqXSjXCGc5N0YmW6AwtUbltBMnpYlS3qe9J4F2il2nD7Tbd1T3S08XDDgOAKzs1vC6HpZp2Xbro55D+Cxt40GFQ8WKSe58NkpLl9qw7QW2n+zfb1TwWDiic2ebnYokfn8QjPfliUNNuuJYSilXmzs5OoYBKSUilNORBlaiz6LTNjU9x3g05H9RLFmseMbGAC0UeiiWk+icsnnYnqO9OoLsrqUUIB8U5gprC7rUeyiMewgGFoKYQN+GnYdMbs2iNmvTFltfnliT2r1mxX0lpMbekxdySFnPLihX7DZfb3ULIREylAAAAAElFTkSuQmCC); }

.test-options__share-btn--gplus {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAmCAYAAABH/4KQAAAEg0lEQVRYhe2YW2wUZRTHfzM7e2lnt+3a27IlYGmgIhKCxLQiBURKUwtibNSIxoei8UEhSGJEG+NDjSQmFiJGLTbR0JCgDSHEoGlpAEFMjQFjQ5EGYpRLK+12u+3e6e6MD6uzLd1bd9vAA/+XOWe+s2d+k/m+75xvhSu1lR3ABu4+dYrcnWAAG8Q7TZBI9+DSlZRpAjFbRpTNIMZ+z7BjEDUcTiv3tOF01nwsj9eQXVmFsawcMSsrNpRrBEfLHjw/Hk8LbFpwgk6HdUsDefUv4Tndxejhg4iymZy6ZzAtXqrFudrbuHXtL7zdZ1A87rTBAIQrtZVq8igRW+OHyCvXMPzVZ7ja26Jjokjx202Yq9YBEBoe4saOBkLDjozAIMUFkVO7GXnlGhSfl9EjhyYPKgpDez8gPDIMgJRfSP7W7RmDpQYniFhfaABg/NrfqKHxKSGK34/r6LeaL1etQzCaZh/OUFqGlF8Q4TQY4sZ5fz6l2YJOh35OyezDSdZ8zdbb58bdMsavX0Xx+6I31ORTOWO48OiIZgtGE1nLVsSNVdxjkavfz/iNa1PGzWs3UPDaDkRLzszABf+8TNgZXXm5m56NGSdIEro8KwBjPxyJOTezH64gd/PziNnyzMChKDjb9muuXFmFZf2TU8Is1RsRDEYCf1zAeaAlpYcnU0qb8FjHd0hFNm3VFr3ZiGFeKZ5TnaiKgrnqCfKeexnPTycY/LgJ9datyA8FEamoWMvzfzWRCoq0e4rPq02H25XaJvyfjOUPkltXj6l8CaIsI2TJ2gP9Pefpf3cbKEoURjZT2p64fI0e/QZHy96YY9OqrcG+iwz2XdT8kuYvMT3wEADe7tOTwADUUAh31/eab1qyDP2cErxnT6L4/QAEJuTLCO526WSLZufUPIXnRAfhMVcULhhgsLlJ84t2vod+TgmO1n2Ebg4kzZ9RP+c5e1KzDfMXMHff1xgXLc4k5SRNG06Xm0f2ikpyN9ZPqRhSYTElH32O/OjqGYFLaUEIBiM5tU9jqa7DuGAhocF/CPT1Ehq4geLzYly4GPmxtVq8Ggox8P5O/L/9OjmP0YQgSSg+H6gKyZQUzli2iOLG3ehtdgK9v+No/YRgjElsqa6j8PW3EAxGAEJDN7naUJ92FwxJPqveZse++1P0Njv+nnP0v7MtJhiA+/gx+ne9geLzApFPPLEJnXE465atiObIinQe2B+zJE1U4NIFHF80a76usDhBdIZwcsUqzR7vv55SQs/pLs0Ou0YSRCZXQjhhwuHFMO/+lBIKOh0Q6UwCF3vSJyMJXPByn2ZbX3wlbi83UebV1QC42g+gBgOzB+dsa9Gaxqyly7E37UFvs8eNlytWkf/qdrzdZyYfgtJU0q3EvHo9hdt3RXswVcHfc57ApV7Cww5ARSooImv5Ixjml+E82Irr8MEpdXZW4AB0efeRU7MpcpAuXTipMig+L8G+XnznfsHddYzw2GjGUNOCu12ibEbQG1C8btTxxNtLJkqrK1G8npnmiKm7+l+me3DpSgQ67zREHHX+C4XogOjMgsJAAAAAAElFTkSuQmCC); }

.test-preview__portal-logo {
  color: #0490d8;
  position: absolute;
  top: 185px;
  left: 0;
  width: 300px;
  -webkit-transform: translate(-50%, 0) rotate(-90deg);
  -moz-transform: translate(-50%, 0) rotate(-90deg);
  -ms-transform: translate(-50%, 0) rotate(-90deg);
  -o-transform: translate(-50%, 0) rotate(-90deg);
  transform: translate(-50%, 0) rotate(-90deg); }

.test-preview__profile-image {
  max-width: 150px;
  margin: 0 auto; }

.test-preview__content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
  @media screen and (min-width: 768px) {
    .test-preview__content {
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row; } }

.test-preview__content-aside {
  margin-bottom: 15px; }
  .test-preview__content-aside.user-photo-likes {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  @media screen and (min-width: 768px) {
    .test-preview__content-aside {
      -webkit-flex-grow: 0;
      flex-grow: 0;
      -webkit-flex-shrink: 0;
      flex-shrink: 0;
      width: 155px;
      margin: 15px 10px; } }
  .test-preview__content-aside .likes {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    position: relative; }
    .test-preview__content-aside .likes .likes-blocked {
      height: 100%;
      width: 100%;
      z-index: 999;
      position: absolute;
      top: 0;
      left: 0; }
      .test-preview__content-aside .likes .likes-blocked.sign-in-blocked {
        cursor: pointer; }
      .test-preview__content-aside .likes .likes-blocked .sign-tooltip {
        visibility: hidden;
        opacity: 0;
        width: 250px;
        background-color: #0490d8;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 100%;
        left: 0;
        transition: opacity 0.5s; }
        .test-preview__content-aside .likes .likes-blocked .sign-tooltip a {
          color: white;
          font-weight: bold;
          text-decoration: underline; }
          .test-preview__content-aside .likes .likes-blocked .sign-tooltip a:hover {
            color: #ccc; }
      .test-preview__content-aside .likes .likes-blocked:hover .sign-tooltip {
        opacity: 1;
        visibility: visible; }
    .test-preview__content-aside .likes span {
      display: block;
      color: #0490d8;
      font-weight: bold; }
    .test-preview__content-aside .likes #like {
      align-self: center;
      margin-right: 20px; }
    .test-preview__content-aside .likes #dislike {
      align-self: center;
      margin-top: -5px;
      margin-left: -5px; }
    .test-preview__content-aside .likes .like-btn {
      background: url("/ReifentestUserTheme/css/../images/profile/thumb-up.png") no-repeat;
      margin-right: 5px;
      width: 24px;
      height: 24px;
      position: relative;
      cursor: pointer;
      transition: background 0.3s; }
      .test-preview__content-aside .likes .like-btn:hover .like-tooltip {
        visibility: visible;
        opacity: 1; }
      .test-preview__content-aside .likes .like-btn.like-btn-pressed {
        background: url("/ReifentestUserTheme/css/../images/profile/thumb-up-marked.png") no-repeat; }
    .test-preview__content-aside .likes .dislike-btn {
      background: url("/ReifentestUserTheme/css/../images/profile/thumb-down.png") no-repeat;
      margin-right: 10px;
      width: 24px;
      height: 24px;
      position: relative;
      cursor: pointer;
      transition: background 0.3s; }
      .test-preview__content-aside .likes .dislike-btn.dislike-btn-pressed {
        background: url("/ReifentestUserTheme/css/../images/profile/thumb-down-marked.png") no-repeat; }
      .test-preview__content-aside .likes .dislike-btn:hover .like-tooltip {
        visibility: visible;
        opacity: 1; }
    .test-preview__content-aside .likes .like-tooltip {
      visibility: hidden;
      opacity: 0;
      width: 250px;
      background-color: #0490d8;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
      position: absolute;
      z-index: 1;
      top: 120%;
      left: 0;
      transition: opacity 0.5s; }

@media screen and (min-width: 768px) {
  .test-preview__content-main {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: 10px; } }

.test-parameters .criteria-table {
  border-collapse: collapse; }
  .test-parameters .criteria-table .criteria-table__criterion {
    border-bottom: 1px solid #f2f2f1; }
    .test-parameters .criteria-table .criteria-table__criterion .criteria-table__criterion-title, .test-parameters .criteria-table .criteria-table__criterion .criteria-table__criterion-value {
      padding-bottom: 3px !important;
      padding-top: 5px; }

.criteria-table {
  display: table;
  width: 100%; }

.criteria-table__criterion {
  display: table-row; }

.criteria-table__criterion--emphasized {
  height: 50px; }
  .criteria-table__criterion--emphasized .criteria-table__criterion-title,
  .criteria-table__criterion--emphasized .criteria-table__criterion-value {
    padding-top: 25px;
    vertical-align: bottom; }

.criteria-table__criterion-title {
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 7px; }

.criteria-table__criterion-value {
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 7px;
  width: 1%;
  white-space: nowrap; }

.test_content .test_preview_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  overflow-y: auto;
  padding: 3em 0 0;
  box-shadow: none;
  border-radius: 0;
  z-index: 1005; }
  .test_content .test_preview_box .test-preview {
    border: 3px #f2f2f1 solid;
    min-height: 350px;
    min-width: 750px;
    width: 50%;
    padding: 0;
    margin: 0 auto;
    animation-name: scale;
    animation-duration: .35s; }
    .test_content .test_preview_box .test-preview .heading {
      background: white;
      font-size: 24px;
      font-weight: 600;
      padding: 20px 30px; }
    @media screen and (max-width: 767px) {
      .test_content .test_preview_box .test-preview {
        margin: 0;
        width: 100%;
        min-height: 100%;
        max-height: initial;
        min-width: initial;
        background: white; } }
  @media screen and (max-width: 767px) {
    .test_content .test_preview_box {
      padding-top: 0;
      max-height: initial;
      z-index: 10000; } }

.test-mini .test_mini_comment .test_comments_icons {
  vertical-align: top; }

.test_modal_close {
  top: -25px;
  right: -25px; }

.slider {
  white-space: nowrap;
  word-spacing: -4px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  padding-bottom: 30px;
  background: white;
  background-clip: content-box; }
  .slider .slide {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center; }
    .slider .slide img {
      max-width: 100%; }
  .slider .indicators {
    list-style-type: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    margin: 0;
    padding: 0;
    cursor: default;
    line-height: 10px;
    -webkit-user-select: none;
    user-select: none; }
    .slider .indicators .indicator {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      margin-right: 15px;
      cursor: pointer;
      background: white; }
    .slider .indicators .indicator:last-of-type {
      margin-right: 0; }
    .slider .indicators .indicator.active {
      background: #4b4b4d; }
    .slider .indicators .indicator:hover {
      background: #0490d8; }
  .slider .slider-container {
    position: relative; }
    .slider .slider-container.animate {
      transition: transform .35s ease-out; }
    .slider .slider-container.active-1 {
      transform: translateX(0%); }
    .slider .slider-container.active-2 {
      transform: translateX(-100%); }
    .slider .slider-container.active-3 {
      transform: translateX(-200%); }
    .slider .slider-container.active-4 {
      transform: translateX(-300%); }
    .slider .slider-container.active-5 {
      transform: translateX(-400%); }

.current-category-profiles .current-test {
  font-weight: 400;
  text-align: left;
  padding: 10px 30px;
  min-height: 240px;
  word-spacing: normal;
  white-space: normal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: top;
  align-items: top; }
  @media (max-width: 767px) {
    .current-category-profiles .current-test {
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: stretch;
      align-items: stretch; } }
  .current-category-profiles .current-test .profile-image-container,
  .current-category-profiles .current-test .description {
    -webkit-flex-grow: 1;
    flex-grow: 1; }
  .current-category-profiles .current-test .profile-image-container {
    -webkit-align-self: center;
    align-self: center;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    padding: 10px 10px 10px 0; }
  .current-category-profiles .current-test .profile-image {
    margin: 0 auto;
    width: 180px;
    height: 180px;
    background: transparent center center no-repeat;
    background-size: contain; }
  .current-category-profiles .current-test .new-test-rating {
    letter-spacing: .15rem;
    margin-bottom: 2px; }
  .current-category-profiles .current-test .num-tests {
    font-size: 11px; }
  .current-category-profiles .current-test > div > *:not(:last-child) {
    margin-bottom: 10px; }
  .current-category-profiles .current-test .description {
    font-size: 15px;
    -webkit-flex-basis: 50%;
    flex-basis: 50%; }
    .current-category-profiles .current-test .description .link {
      color: #4b4b4d; }
      .current-category-profiles .current-test .description .link:hover {
        color: #0490d8;
        text-decoration: underline; }
    @media screen and (max-width: 767px) {
      .current-category-profiles .current-test .description {
        text-align: center;
        -webkit-flex-basis: auto;
        flex-basis: auto; } }
  .current-category-profiles .current-test .category {
    margin-top: 10px;
    font-weight: 400; }

.aui form.mobile-count {
  max-width: 925px;
  margin: 0 auto; }
  .aui form.mobile-count table {
    background-repeat: no-repeat; }

.shop-banner {
  text-align: center; }

.last-test-portlet .rft-heading {
  border-top: 3px solid white;
  text-align: center;
  padding: 25px 0 15px; }

footer.footer-bottom-container {
  background: #0490d8;
  color: white;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  padding: 17px 0 48px; }

.footer-top-container {
  border-top: 3px solid white;
  padding: 20px;
  max-width: 1042px;
  margin: 0 auto; }

@media (max-width: 767px) {
  footer.footer-bottom-container {
    padding-bottom: 98px; }

  .footer-top-container .newsletter-settings {
    margin-bottom: 10px;
    display: block; } }
.footer-top-container .portlet-content {
  padding: 0; }

.footer-top-container .newsletter {
  max-width: 510px;
  margin: 0 auto; }
  .footer-top-container .newsletter form {
    margin-bottom: 0; }
  .footer-top-container .newsletter input[type="text"],
  .footer-top-container .newsletter input[type="email"] {
    background: white;
    color: #4b4b4d;
    border-color: #4b4b4d;
    border-radius: initial; }
    .footer-top-container .newsletter input[type="text"][type]:focus,
    .footer-top-container .newsletter input[type="email"][type]:focus {
      border-color: #4b4b4d;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .footer-top-container .newsletter input[type="text"]::placeholder,
    .footer-top-container .newsletter input[type="email"]::placeholder {
      color: #97979a; }

.footer-top-container .email-and-submit .rft-btn {
  line-height: 25px;
  background-color: #0490d8;
  box-shadow: 0px 1px 0px 0px #1a4f6a;
  border-radius: 0; }

.footer-top-container .name-and-surname .name-container, .footer-top-container .name-and-surname .surname-container {
  width: 205px; }
  @media screen and (max-width: 321px) {
    .footer-top-container .name-and-surname .name-container, .footer-top-container .name-and-surname .surname-container {
      width: 100%; } }
  .footer-top-container .name-and-surname .name-container .message, .footer-top-container .name-and-surname .surname-container .message {
    padding: 5px 0 0 5px;
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 14px; }
.footer-top-container .name-and-surname .name-container {
  margin-right: 10px; }
  @media screen and (max-width: 321px) {
    .footer-top-container .name-and-surname .name-container {
      margin-bottom: 10px; } }

.footer-top-container .email-and-submit input {
  align-self: flex-start; }
.footer-top-container .email-and-submit .email-container {
  width: 307px;
  margin-right: 15px; }
  @media screen and (max-width: 321px) {
    .footer-top-container .email-and-submit .email-container {
      width: 100%; } }
  .footer-top-container .email-and-submit .email-container .message {
    padding: 5px 0 0 5px;
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 14px; }
    @media screen and (max-width: 321px) {
      .footer-top-container .email-and-submit .email-container .message {
        margin-top: 0; } }

.footer-top-container .subscribe-success .message {
  padding: 5px 0 0 15px;
  margin-bottom: 15px; }

.footer-top-container .email-and-submit input[type="text"],
.footer-top-container .email-and-submit input[type="email"],
.footer-top-container .name-and-surname input {
  width: 100%;
  margin-bottom: 0;
  box-sizing: border-box;
  height: 41px;
  box-shadow: none;
  text-align: left;
  color: black;
  margin-right: 10px; }

.footer-top-container .name-and-surname .rft-styled {
  margin-bottom: 0;
  width: auto;
  margin-right: 10px;
  align-self: flex-start; }
  @media screen and (max-width: 321px) {
    .footer-top-container .name-and-surname .rft-styled {
      width: 100%; } }
  .footer-top-container .name-and-surname .rft-styled select {
    height: 39px;
    width: auto; }

.footer-top-container .newsletter-settings {
  text-decoration: underline;
  color: #4b4b4d;
  cursor: pointer; }
  .footer-top-container .newsletter-settings:hover {
    color: #0490d8;
    text-decoration: underline; }

.footer-top-container .name-and-surname input:last-of-type {
  margin-right: 0; }

.footer-top-container .rft-heading {
  text-align: center; }

.footer-top-container .email-and-submit,
.footer-top-container .name-and-surname {
  display: flex;
  margin-bottom: 10px; }

.footer-top-container .email-and-submit > input[type="text"],
.footer-top-container .email-and-submit > input[type="email"],
.footer-top-container .name-and-surname > input {
  flex-grow: 1; }

.footer-top-container .language-switcher .flags-block {
  margin: 0 auto;
  max-width: 168px; }
  .footer-top-container .language-switcher .flags-block #language-links {
    margin-top: -2px; }
  .footer-top-container .language-switcher .flags-block #language-links:after {
    content: "";
    display: block;
    height: 0;
    clear: both; }
  .footer-top-container .language-switcher .flags-block #language-links .language-link {
    float: left;
    margin: 2px; }

.footer-top-container .social {
  text-align: center;
  margin-bottom: 15px; }

.footer-top-container .social .rft-btn.square#facebookBtn {
  margin-right: 15px; }

@media (max-width: 321px) {
  .footer-top-container .email-and-submit {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .footer-top-container .email-and-submit input[type] {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

  .footer-top-container .name-and-surname {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column; }

  .footer-top-container .name-and-surname input,
  .footer-top-container .name-and-surname .rft-styled select {
    width: 100%;
    box-sizing: border-box; }

  .footer-top-container .name-and-surname input,
  .footer-top-container .name-and-surname .rft-styled {
    margin-bottom: 10px;
    margin-right: 0; }

  .footer-top-container .newsletter-settings {
    text-align: center; }

  .footer-top-container .name-and-surname input:last-of-type {
    margin-bottom: 0; } }
#paramsearch-portlet .test-preview,
#category-profile-portlet .test-preview,
#search-results-portlet .test-preview,
#product-detail-page .test-preview {
  margin-bottom: 25px; }

#section-search-profile tr.ng-enter,
#search-results-top tr.ng-enter {
  -webkit-animation: .5s scale;
  -o-animation: .5s scale;
  animation: .5s scale; }

#content {
  min-height: calc(100vh - 75px - 125px - 52px - 27px - 85px - 206px); }
  @media screen and (max-width: 1279px) {
    #content {
      min-height: calc(100vh - 125px - 52px - 27px - 85px - 206px); } }

body .test_material_layout_bottom {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.registration-form #facebook-btn,
.login-page #facebook-btn {
  width: 241px;
  height: 46px;
  padding-left: 50px;
  line-height: 25px; }
  .registration-form #facebook-btn:hover,
  .login-page #facebook-btn:hover {
    background-color: #0373ac; }
.registration-form #facebook-btn,
.login-page #facebook-btn {
  background: #0490d8 url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2049.999998%2050.000015%22%20height%3D%2253.333%22%20width%3D%2253.333%22%3E%3Cpath%20d%3D%22M33.852%206.229s-3.495-.193-5.885%202.341c-2.545%202.702-2.446%205.133-2.446%205.133l.012%206.817h-4.478l-.022%207.66h4.48l.02%2021.804-4.937.004V50h21.293v-.01l-7.198-.006V28.18l6.088-.006.79-7.65-6.878-.007.02-4.812s.01-.702.672-1.441c.541-.6%201.781-.563%201.781-.563h4.33V6.248l-7.642-.02z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E) left center no-repeat;
  background-size: 46px; }
@media screen and (max-width: 767px) {
  .registration-form .rft-ac-container,
  .login-page .rft-ac-container {
    margin-left: auto;
    margin-right: auto; } }
.registration-form #register-btn,
.login-page #register-btn {
  margin-bottom: 15px;
  white-space: normal; }
.registration-form .forgot-password-title,
.login-page .forgot-password-title {
  margin-bottom: 0; }
.registration-form .reset-password-link,
.login-page .reset-password-link {
  text-transform: lowercase;
  text-decoration: underline;
  color: #4b4b4d;
  cursor: pointer; }
  .registration-form .reset-password-link:hover,
  .login-page .reset-password-link:hover {
    color: #0490d8;
    text-decoration: underline; }
.registration-form #refresh-captcha,
.login-page #refresh-captcha {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 24px; }

@-webkit-keyframes zoomShow {
  0% {
    -webkit-transform: translate(-100%, 0) scale(0.25);
    -moz-transform: translate(-100%, 0) scale(0.25);
    -ms-transform: translate(-100%, 0) scale(0.25);
    -o-transform: translate(-100%, 0) scale(0.25);
    transform: translate(-100%, 0) scale(0.25);
    opacity: .25; }

  100% {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    opacity: 1; } }

@-ms-keyframes zoomShow {
  0% {
    -webkit-transform: translate(-100%, 0) scale(0.25);
    -moz-transform: translate(-100%, 0) scale(0.25);
    -ms-transform: translate(-100%, 0) scale(0.25);
    -o-transform: translate(-100%, 0) scale(0.25);
    transform: translate(-100%, 0) scale(0.25);
    opacity: .25; }

  100% {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    opacity: 1; } }

@-moz-keyframes zoomShow {
  0% {
    -webkit-transform: translate(-100%, 0) scale(0.25);
    -moz-transform: translate(-100%, 0) scale(0.25);
    -ms-transform: translate(-100%, 0) scale(0.25);
    -o-transform: translate(-100%, 0) scale(0.25);
    transform: translate(-100%, 0) scale(0.25);
    opacity: .25; }

  100% {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    opacity: 1; } }

@-o-keyframes zoomShow {
  0% {
    -webkit-transform: translate(-100%, 0) scale(0.25);
    -moz-transform: translate(-100%, 0) scale(0.25);
    -ms-transform: translate(-100%, 0) scale(0.25);
    -o-transform: translate(-100%, 0) scale(0.25);
    transform: translate(-100%, 0) scale(0.25);
    opacity: .25; }

  100% {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    opacity: 1; } }

@keyframes zoomShow {
  0% {
    -webkit-transform: translate(-100%, 0) scale(0.25);
    -moz-transform: translate(-100%, 0) scale(0.25);
    -ms-transform: translate(-100%, 0) scale(0.25);
    -o-transform: translate(-100%, 0) scale(0.25);
    transform: translate(-100%, 0) scale(0.25);
    opacity: .25; }

  100% {
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    visibility: hidden;
    left: 0;
    top: 50%;
    width: 0;
    height: 0; }

  100% {
    /*visibility: visible;*/
    left: 110%;
    top: -12%;
    width: 220%;
    height: 220%; } }

@keyframes fadeOut {
  0% {
    visibility: visible;
    left: 110%;
    top: -12%;
    width: 220%;
    height: 220%; }

  100% {
    visibility: hidden;
    left: 0;
    top: 50%;
    width: 0;
    height: 0; } }

.zoom-show {
  -webkit-animation: zoomShow .35s;
  -o-animation: zoomShow .35s;
  animation: zoomShow .35s; }

.zoom-hide {
  -webkit-animation: zoomShow .35s;
  -o-animation: zoomShow .35s;
  animation: zoomShow .35s;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse; }

.zoomable-image-wrapper {
  z-index: 2;
  /*.zoom-out{*/
  /*animation: .1s ease-out fadeOut;*/
  /*}*/ }
  .zoomable-image-wrapper .image-backdrop {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(212, 212, 212, 0.5);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s; }
  .zoomable-image-wrapper .zoom-container {
    background-repeat: no-repeat;
    position: absolute;
    left: 110%;
    top: -12%;
    -webkit-transition: background-position, background-size .5s;
    -moz-transition: background-position, background-size .5s;
    -ms-transition: background-position, background-size .5s;
    -o-transition: background-position, background-size .5s;
    transition: background-position, background-size .5s;
    border: 1px solid #888;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    z-index: 9999; }
  .zoomable-image-wrapper .zoom-in {
    animation: .3s ease-in fadeIn; }
  .zoomable-image-wrapper .zoom-rect {
    -webkit-box-shadow: inset 0 0 0 2px #4b4b4d;
    -moz-box-shadow: inset 0 0 0 2px #4b4b4d;
    box-shadow: inset 0 0 0 2px #4b4b4d;
    position: absolute;
    background-repeat: no-repeat; }

@media screen and (max-width: 767px) {
  .zoomable-image-wrapper .image-backdrop,
  .zoomable-image-wrapper .zoom-container,
  .zoomable-image-wrapper .zoom-rect {
    display: none; } }
/* Contact form styles */
.contact-form .label-right {
  text-align: right; }
.contact-form .label-required:after {
  content: "*";
  color: red; }
.contact-form .input-left {
  text-align: left; }
.contact-form .rft-control-group button, .contact-form .rft-control-group input[type="text"], .contact-form .rft-control-group input[type="password"],
.contact-form .rft-control-group input[type="email"], .contact-form .rft-control-group textarea {
  width: 100%; }
.contact-form .rft-control-group [ng-messages], .contact-form .rft-control-group ng-messages {
  width: 100%; }
.contact-form #refresh-captcha {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 24px; }

.toggle-box {
  margin-bottom: 30px;
  border-bottom: 1px solid #4b4b4d; }
  .toggle-box.toggle-margin {
    border-bottom: none; }
    .toggle-box.toggle-margin .toggle-margin-title {
      margin-bottom: 10px; }
  .toggle-box.toggle-margin, .toggle-box .toggle-box {
    margin-bottom: 10px !important; }

.toggle-box__title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  cursor: pointer;
  padding: 10px;
  color: white;
  background: #0490d8;
  cursor: pointer; }
  .toggle-box__title:hover {
    color: white;
    text-decoration: none;
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.toggle-box__title-text {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-size: 21px;
  text-overflow: ellipsis;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden; }

.toggle-box__toggle {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 1.4em;
  height: 1.4em;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: transform .3s;
  -moz-transition: transform .3s;
  -ms-transition: transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s; }

.toggle-box__toggle--collapsed {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.category-list {
  list-style-type: none;
  margin: 0 !important; }

.category-list__category {
  display: flex;
  padding: 3px 10px;
  font-size: 15px;
  background: white;
  border-bottom: 1px solid #4b4b4d;
  cursor: pointer; }
  .category-list__category span {
    align-self: center;
    margin-left: 10px; }
  .category-list__category:last-child {
    border-bottom: none; }
  .category-list__category:hover {
    color: #0490d8;
    text-decoration: underline; }

.category-list_category--active {
  font-weight: bold; }

.searchable-list__content {
  min-height: 144px; }

.searchable-list__items {
  position: relative;
  height: 144px;
  padding-left: 10px !important;
  margin: 0 0 10px !important;
  list-style-type: none; }

.searchable-list__item {
  cursor: pointer; }
  .searchable-list__item:hover {
    color: #0490d8;
    text-decoration: underline; }

.searchable-list__item--active {
  font-weight: bold;
  color: #0490d8; }

.searchable-list__item--is-top {
  font-weight: bold; }

.searchable-list__input {
  width: 100% !important;
  height: 36px !important;
  padding: 0 10px !important;
  margin: 10px 0 !important;
  border: 1px solid #4b4b4d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.search-filters {
  margin-bottom: 30px; }

.search-filters__reset {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-shadow: 0px 1px 0px 0px #1a4f6a;
  box-sizing: border-box;
  width: 100% !important;
  padding: 10px;
  border: none;
  line-height: 1.1 !important;
  background-color: #0490d8;
  color: white;
  font-size: 24px !important;
  white-space: normal;
  margin-bottom: 30px !important;
  border-radius: 0;
  cursor: pointer; }
  .search-filters__reset:hover {
    color: white;
    text-decoration: none;
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.search-results__heading {
  margin: 0 !important;
  font-size: 24px !important;
  text-align: center; }

.search-results__secondary-heading {
  margin: 5px 0 10px !important;
  font-size: 15px !important;
  font-weight: normal !important;
  text-align: center; }

.results-list__items {
  list-style-type: none;
  margin: 0 0 !important; }

.results-list__item {
  margin-bottom: 30px; }

.results-list__heading {
  margin: 0;
  font-size: 24px !important;
  text-align: center; }

.search-card {
  background-color: white;
  padding: 18px; }

.search-card__title {
  margin: 0 0 30px !important;
  font-weight: bold;
  font-size: 24px !important; }

.search-card__profile-image {
  max-width: 160px;
  margin: 0 auto; }

.search-card__zoom-btn {
  position: absolute;
  bottom: 0;
  right: 0; }

.search-card__manufacturer-image-container {
  text-align: center; }

.search-card__manufacturer-image {
  max-width: 100%; }

.search-card__rating {
  text-align: center;
  font-size: 2.5rem;
  line-height: 2.5rem;
  height: 2.5rem; }

.search-card__rating-description {
  margin-top: 10px;
  font-size: 15px;
  text-align: center; }

.search-card__category {
  font-size: 15px;
  margin-top: 5px; }

.search-card__test-count {
  display: block;
  padding: 10px;
  margin-top: 15px;
  border: 2px solid #0490d8;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #0490d8; }

.search-card__test-count-description {
  margin-top: 10px;
  font-size: 15px;
  text-align: center; }

.search-card__category-link {
  color: #4b4b4d !important;
  text-decoration: none; }
  .search-card__category-link:hover {
    text-decoration: underline;
    color: #4b4b4d !important; }

.search-card__button {
  display: block;
  box-shadow: 0px 1px 0px 0px #1a4f6a;
  text-align: center;
  font-size: 20px;
  color: white !important;
  background-color: #0490d8;
  cursor: pointer;
  width: 100%; }
  .search-card__button:hover {
    text-decoration: none !important;
    background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.25)); }

.search-card__additional-button {
  width: 90%;
  margin: 15px auto;
  padding: 8px;
  font-size: 18px; }

.search-card__more-button {
  margin-top: 40px; }
  .search-card__more-button span {
    display: block;
    cursor: default; }
  .search-card__more-button span, .search-card__more-button a {
    padding: 12px; }

.search-card__buttons-wrapper {
  display: none;
  width: 100%;
  position: absolute;
  top: 44px;
  left: 0;
  padding: 10px 0;
  z-index: 999; }

.search-card__buttons {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8);
  background: #fff;
  padding: 10px;
  width: 100%; }

.search-card__show-more {
  position: relative; }

.search-card__show-more:hover .search-card__more-button {
  background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.25)); }
.search-card__show-more:hover .search-card__buttons-wrapper {
  display: block; }

.dimensions-filter {
  margin-top: 5px; }

.review-filter {
  background: white;
  padding: 10px 10px 5px; }

.review-filter__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px; }

.review-filter__rating-text {
  margin-top: 5px; }

.review-filter__item {
  margin-bottom: 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-left: 5px solid transparent;
  padding-left: 5px;
  cursor: pointer; }
  .review-filter__item:hover {
    border-color: #19b1fe; }

.review-filter__item--selected {
  border-color: #0490d8; }

.review-filter__item-description {
  text-decoration: underline;
  margin-right: 15px; }

.review-filter__item-progressbar {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  width: 30%; }

.review-filter__item-total {
  margin-left: 15px;
  width: 15%;
  text-align: right; }

a.review-filter__serp-link {
  display: inline-block;
  color: inherit;
  text-decoration: underline;
  margin-top: 5px; }

.progressbar {
  width: 100%;
  height: 26px;
  border: 1px solid;
  padding: 1px; }

.progressbar__filled {
  background: #0490d8;
  width: 0;
  height: 22px; }

.rating-filter {
  background: white;
  padding: 5px 10px; }

.rating-filter__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 5px;
  cursor: pointer; }

.rating-filter__checkbox {
  display: none; }

.rating-filter__checkbox-indicator {
  display: block;
  position: relative;
  width: 1rem;
  height: 1rem;
  border: 1px solid black;
  margin-right: 1.25rem; }

.rating-filter__checkbox:checked ~ .rating-filter__checkbox-indicator:after {
  content: '';
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  background: #0490d8;
  top: 1px;
  left: 1px; }

.rating-filter__stars {
  font-size: 1.8rem;
  height: 1.8rem;
  overflow-y: hidden; }

.ps-theme-search-list.ps-active-y > .ps-scrollbar-y-rail {
  background-color: white; }
.ps-theme-search-list > .ps-scrollbar-y-rail {
  opacity: .9;
  width: 26px;
  border: 1px solid #4b4b4d; }
  .ps-theme-search-list > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #0490d8;
    width: 22px;
    border-radius: 0;
    right: 1px; }
.ps-theme-search-list:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail, .ps-theme-search-list.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: white; }
  .ps-theme-search-list:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y, .ps-theme-search-list.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #0490d8;
    width: 22px; }
.ps-theme-search-list:hover > .ps-scrollbar-y-rail {
  background-color: white;
  opacity: .9; }
  .ps-theme-search-list:hover > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    width: 22px; }
.ps-theme-search-list:hover > .ps-scrollbar-y-rail:hover {
  background-color: white; }
  .ps-theme-search-list:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color: #0490d8; }

.paginator {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }
  .paginator .paginator__rows {
    width: auto;
    padding: 0 5px;
    height: 32px;
    margin: 2px 2px 2px 25px;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist; }

.paginator__first,
.paginator__previous,
.paginator__page,
.paginator__next,
.paginator__last {
  border: 2px solid transparent;
  min-width: 2rem;
  height: 2rem;
  line-height: 2rem;
  margin: 2px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .paginator__first:hover,
  .paginator__previous:hover,
  .paginator__page:hover,
  .paginator__next:hover,
  .paginator__last:hover {
    border-color: #0077b3; }

.paginator__first--active,
.paginator__previous--active,
.paginator__page--active,
.paginator__next--active,
.paginator__last--active {
  border-color: #0490d8;
  background-color: #0490d8;
  color: white; }

.paginator__first--disabled,
.paginator__previous--disabled,
.paginator__page--disabled,
.paginator__next--disabled,
.paginator__last--disabled {
  cursor: not-allowed;
  color: darkgray; }
  .paginator__first--disabled:hover,
  .paginator__previous--disabled:hover,
  .paginator__page--disabled:hover,
  .paginator__next--disabled:hover,
  .paginator__last--disabled:hover {
    border-color: darkgray; }

.rft.ngrateit {
  height: 18px;
  min-width: 90px; }
  .rft.ngrateit .ngrateit-bg-star, .rft.ngrateit:not(.ngrateit-readonly) .ngrateit-rating span:hover ~ span {
    background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%0A%20%20%20xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20id%3D%22Capa_1%22%0A%20%20%20x%3D%220px%22%0A%20%20%20y%3D%220px%22%0A%20%20%20width%3D%22612.00061%22%0A%20%20%20height%3D%22583.8244%22%0A%20%20%20viewBox%3D%220%200%20612.00063%20583.8244%22%0A%20%20%20xml%3Aspace%3D%22preserve%22%0A%20%20%20sodipodi%3Adocname%3D%22mark-as-favourite-star.svg%22%0A%20%20%20inkscape%3Aversion%3D%220.92.1%20r15371%22%3E%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata41%22%3E%3Crdf%3ARDF%3E%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%3C%2Fcc%3AWork%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%0A%20%20%20%20%20id%3D%22defs39%22%20%2F%3E%3Csodipodi%3Anamedview%0A%20%20%20%20%20pagecolor%3D%22%23ffffff%22%0A%20%20%20%20%20bordercolor%3D%22%23666666%22%0A%20%20%20%20%20borderopacity%3D%221%22%0A%20%20%20%20%20objecttolerance%3D%2210%22%0A%20%20%20%20%20gridtolerance%3D%2210%22%0A%20%20%20%20%20guidetolerance%3D%2210%22%0A%20%20%20%20%20inkscape%3Apageopacity%3D%220%22%0A%20%20%20%20%20inkscape%3Apageshadow%3D%222%22%0A%20%20%20%20%20inkscape%3Awindow-width%3D%221920%22%0A%20%20%20%20%20inkscape%3Awindow-height%3D%221017%22%0A%20%20%20%20%20id%3D%22namedview37%22%0A%20%20%20%20%20showgrid%3D%22false%22%0A%20%20%20%20%20inkscape%3Azoom%3D%220.38562092%22%0A%20%20%20%20%20inkscape%3Acx%3D%22306.00018%22%0A%20%20%20%20%20inkscape%3Acy%3D%22291.91238%22%0A%20%20%20%20%20inkscape%3Awindow-x%3D%22-8%22%0A%20%20%20%20%20inkscape%3Awindow-y%3D%22-8%22%0A%20%20%20%20%20inkscape%3Awindow-maximized%3D%221%22%0A%20%20%20%20%20inkscape%3Acurrent-layer%3D%22Capa_1%22%0A%20%20%20%20%20fit-margin-top%3D%220%22%0A%20%20%20%20%20fit-margin-left%3D%220%22%0A%20%20%20%20%20fit-margin-right%3D%220%22%0A%20%20%20%20%20fit-margin-bottom%3D%220%22%20%2F%3E%3Cg%0A%20%20%20%20%20id%3D%22g4%22%0A%20%20%20%20%20transform%3D%22translate%28-3.0679491e-4%2C-14.088%29%22%3E%3Cpath%0A%20%20%20%20%20%20%20d%3D%22m%20610.588%2C230.612%20c%20-1.66%2C-7.649%20-8.976%2C-12.311%20-16.958%2C-12.311%20H%20390.41%20L%20323.898%2C26.399%20c%20-2.896%2C-8.352%20-8.649%2C-12.311%20-17.632%2C-12.311%20-8.976%2C0%20-15.063%2C3.959%20-17.958%2C12.311%20l%20-66.52%2C191.902%20H%2018.576%20c%20-8.983%2C0%20-14.638%2C3.995%20-17.632%2C12.311%20-2.328%2C8.976%20-0.355%2C15.66%205.988%2C20.619%20l%20162.975%2C127.384%20-59.204%2C195.23%20c%20-2.597%2C8.571%200%2C15.631%206.655%2C20.619%207.315%2C4.328%2014.979%2C4.86%2021.946%2C0%20L%20306.266%2C478.057%20472.894%2C594.464%20c%203.555%2C2.483%207.322%2C3.327%2010.977%2C3.327%2010.31%2C0%2018.292%2C-7.982%2018.292%2C-18.292%200%2C-1.66%20-0.227%2C-4.022%20-1.327%2C-7.648%20L%20442.299%2C378.615%20605.267%2C251.231%20c%206.555%2C-5.123%208.315%2C-11.977%205.321%2C-20.619%20z%20M%20409.703%2C357.329%20c%20-5.605%2C4.378%20-8.352%2C12.871%20-6.315%2C19.619%20L%20450.615%2C533.6%20316.242%2C440.472%20c%20-6.748%2C-4.676%20-13.765%2C-4.52%20-20.286%2C0%20L%20161.591%2C533.6%20208.818%2C376.948%20c%202.036%2C-6.748%20-0.709%2C-15.241%20-6.322%2C-19.619%20L%2071.792%2C255.219%20h%20163.634%20c%208.315%2C0%2014.056%2C-3.959%2016.965%2C-12.304%20l%2053.875%2C-154.658%2053.549%2C154.658%20c%202.888%2C8.352%208.649%2C12.304%2017.291%2C12.304%20h%20163.308%20z%22%0A%20%20%20%20%20%20%20id%3D%22path2%22%0A%20%20%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%0A%20%20%20%20%20%20%20fill%3D%22%239c9c9d%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); }
  .rft.ngrateit .ngrateit-selected, .rft.ngrateit:not(.ngrateit-readonly) .ngrateit-rating:hover span {
    background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xml%3Aspace%3D%22preserve%22%0A%20%20%20viewBox%3D%220%200%20510%20484.5%22%0A%20%20%20height%3D%22484.5%22%0A%20%20%20width%3D%22510%22%0A%20%20%20y%3D%220px%22%0A%20%20%20x%3D%220px%22%0A%20%20%20id%3D%22Capa_1%22%0A%20%20%20version%3D%221.1%22%3E%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata42%22%3E%3Crdf%3ARDF%3E%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%3C%2Fcc%3AWork%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%0A%20%20%20%20%20id%3D%22defs40%22%20%2F%3E%3Cg%0A%20%20%20%20%20transform%3D%22translate%280%2C-12.75%29%22%0A%20%20%20%20%20id%3D%22g5%22%3E%3Cg%0A%20%20%20%20%20%20%20fill%3D%22%23fecc00%22%0A%20%20%20%20%20%20%20id%3D%22star%22%3E%3Cpolygon%0A%20%20%20%20%20%20%20%20%20id%3D%22polygon2%22%0A%20%20%20%20%20%20%20%20%20points%3D%22255%2C12.75%20183.371%2C181.738%200%2C197.472%20139.103%2C318.011%2097.41%2C497.25%20255%2C402.212%20412.59%2C497.25%20370.897%2C318.011%20510%2C197.472%20326.63%2C181.738%20%22%20%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E); }

.rft.ngrateit.new-test-rate {
  height: 30px; }
  .rft.ngrateit.new-test-rate .ngrateit-bg-star {
    margin: 0 10px; }

.news-list {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 3px solid white;
  border-bottom: 3px solid white; }
  @media screen and (max-width: 767px) {
    .news-list {
      padding-bottom: 20px !important; } }
  .news-list .more-news-btn {
    background-color: #0490d8 !important;
    box-shadow: 0px 1px 1px 0px rgba(75, 75, 75, 0.9);
    display: block;
    margin: 5px auto;
    width: 250px; }

.menu-list {
  list-style-type: none;
  margin: 0 !important; }
  .menu-list li {
    background-color: #fff;
    border-bottom: 1px solid #000;
    font-size: 14px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding-left: 10px; }
    .menu-list li:last-child {
      border: none; }
  .menu-list li.active {
    font-weight: bold; }

/*my account profile page*/
.account-profile .loader-content {
  animation: 0.5s fadein; }
.account-profile .loader-content.test-loader {
  animation: none !important; }
.account-profile .head-error {
  margin-bottom: 15px; }
.account-profile .head-success {
  padding: 5px 25px 5px 15px;
  margin-bottom: 15px; }
.account-profile .profile-header {
  width: 100%;
  height: 40px; }
  .account-profile .profile-header h2 {
    font-size: 24px;
    text-align: center;
    margin: 0;
    line-height: 24px; }
.account-profile .profile-form .error-msg {
  color: red;
  font-size: 14px;
  margin: 5px;
  text-align: center;
  animation-name: scale;
  -webkit-animation-duration: .35s;
  -moz-animation-duration: .35s;
  -o-animation-duration: .35s;
  animation-duration: .35s; }
.account-profile .profile-form .input-container {
  display: flex;
  margin-bottom: 3px;
  min-height: 35px;
  width: 100%; }
  @media screen and (max-width: 500px) {
    .account-profile .profile-form .input-container {
      flex-direction: column; } }
  .account-profile .profile-form .input-container .input-label {
    width: 35%;
    height: 100%;
    margin-right: 25px; }
    @media screen and (max-width: 500px) {
      .account-profile .profile-form .input-container .input-label {
        width: 100%; } }
    .account-profile .profile-form .input-container .input-label p {
      background-color: #fff;
      height: 100%;
      line-height: 35px;
      padding-left: 7px;
      margin: 0; }
      @media screen and (max-width: 500px) {
        .account-profile .profile-form .input-container .input-label p {
          background: none;
          font-weight: bold;
          padding: 0; } }
  .account-profile .profile-form .input-container .input {
    width: 65%;
    height: 100%;
    margin-right: 25px; }
    @media screen and (max-width: 500px) {
      .account-profile .profile-form .input-container .input {
        width: 100%; } }
    .account-profile .profile-form .input-container .input input[type="text"], .account-profile .profile-form .input-container .input input[type="email"], .account-profile .profile-form .input-container .input input[type="password"] {
      box-sizing: border-box;
      border: none;
      margin: 0;
      height: 35px;
      width: 100%; }
    .account-profile .profile-form .input-container .input .image-preview-container {
      background-color: #fff;
      height: 100%;
      width: 100%%; }
    .account-profile .profile-form .input-container .input .image_preview {
      width: 86px;
      height: 86px;
      margin-left: 2px;
      margin-top: 2px; }
    .account-profile .profile-form .input-container .input .user-select {
      border: none;
      width: 100%;
      height: 35px;
      margin-bottom: 0; }
      .account-profile .profile-form .input-container .input .user-select select {
        width: 100%;
        height: 100%;
        margin-top: 1px; }
      .account-profile .profile-form .input-container .input .user-select select[disabled] {
        background-color: #fff; }
    .account-profile .profile-form .input-container .input .error-message {
      margin-top: 5px; }
  .account-profile .profile-form .input-container .input-button {
    display: flex;
    width: 20%;
    height: 35px; }
    @media screen and (max-width: 500px) {
      .account-profile .profile-form .input-container .input-button {
        width: 100%;
        margin-top: 5px; } }
    .account-profile .profile-form .input-container .input-button button {
      background: #fff;
      border: 1px solid #000;
      height: 31px;
      margin: auto;
      text-align: left;
      padding-left: 7px;
      width: 100%; }
      .account-profile .profile-form .input-container .input-button button .invisible {
        opacity: 1; }
    .account-profile .profile-form .input-container .input-button .btn-delete {
      background: #fff;
      border: 1px solid #000;
      width: 100%;
      height: 100%;
      text-align: left;
      padding: 5px;
      cursor: pointer; }
    .account-profile .profile-form .input-container .input-button .file-upload {
      box-sizing: border-box;
      background-color: #fff;
      border: 1px solid #000;
      display: block;
      position: relative;
      overflow: hidden;
      font-size: 1em;
      height: 100%;
      line-height: 35px;
      width: 100%; }
      .account-profile .profile-form .input-container .input-button .file-upload .file-button {
        display: block;
        cursor: pointer;
        box-sizing: border-box;
        height: 100%;
        margin-left: 7px;
        color: #000; }
      .account-profile .profile-form .input-container .input-button .file-upload input[type=file] {
        position: absolute;
        top: 0;
        visibility: hidden; }
  @media screen and (max-width: 500px) {
    .account-profile .profile-form .input-container .input-button.hidden {
      display: none; } }
  .account-profile .profile-form .input-container .file-button-container {
    height: 100%; }
.account-profile .profile-form .input-container.file-container {
  height: 90px !important;
  margin-top: 4px; }
  @media screen and (max-width: 500px) {
    .account-profile .profile-form .input-container.file-container {
      height: 100% !important;
      margin-top: 0; } }
  .account-profile .profile-form .input-container.file-container p {
    font-weight: bold;
    color: #0490d8; }
.account-profile:after {
  clear: both; }
.account-profile .profile-submit {
  margin-top: 20px;
  text-align: center; }

.image-placeholder {
  width: 150px;
  height: 150px;
  background-color: #5a5a5a;
  border-radius: 100px;
  position: relative;
  /*margin-top: 20px;*/
  margin: 10px auto; }
  @media screen and (max-width: 767px) {
    .image-placeholder {
      margin: auto auto !important; } }
  .image-placeholder .placeholder-inner {
    width: 100px;
    height: 100px;
    background-color: #fff;
    position: absolute;
    top: 25px;
    left: 25px;
    border-radius: 50px;
    border: 4px solid #bcbcbc; }
  .image-placeholder .placeholder-text {
    opacity: 0;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    transition: opacity 0.3s; }
    .image-placeholder .placeholder-text p {
      color: white;
      font-size: 12px; }
      .image-placeholder .placeholder-text p:first-child {
        margin-top: 4px; }
      .image-placeholder .placeholder-text p:last-child {
        margin-bottom: 3px; }

.wiki-banner {
  background: #fff;
  display: flex;
  width: 100%;
  height: 100px;
  margin-bottom: 25px; }
  .wiki-banner .accelera, .wiki-banner .achilles {
    background-size: 100% !important;
    background-position: center !important;
    width: 240px;
    height: 60px;
    margin: auto; }
  .wiki-banner .accelera {
    background: url("/ReifentestUserTheme/css/../images/homepage/accelera_logo.png") no-repeat; }
  .wiki-banner .achilles {
    background: url("/ReifentestUserTheme/css/../images/homepage/achilles_logo.png") no-repeat; }
  .wiki-banner p {
    margin: auto auto;
    font-size: 25px;
    line-height: 30px;
    font-weight: bold;
    text-align: center; }
    @media screen and (max-width: 400px) {
      .wiki-banner p {
        font-size: 19px; } }

.wiki-button a {
  background-color: #0490d8 !important;
  box-shadow: 0px 1px 1px 0px rgba(75, 75, 75, 0.9) !important; }

.vertical-menu-block {
  margin-top: 20px; }

.vertical-menu {
  list-style: none;
  list-style-position: outside;
  margin: 0 !important;
  background-color: white; }
  .vertical-menu li {
    min-height: 30px;
    border-bottom: 1px solid black;
    padding: 2px 10px; }
    .vertical-menu li:last-child {
      border: none; }
    .vertical-menu li a {
      display: flex;
      height: 100%;
      width: 100%;
      color: black;
      text-transform: none; }
      .vertical-menu li a span {
        align-self: center;
        margin-left: 10px; }
      .vertical-menu li a:hover, .vertical-menu li a:focus {
        text-decoration: none; }

.search-category-image {
  align-self: center; }

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible; }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.comparison-block {
  background: #fff;
  display: flex;
  justify-content: space-between;
  height: auto;
  padding: 15px;
  margin-top: 20px;
  margin-bottom: 20px; }
  .comparison-block.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    margin: 0;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.5);
    justify-content: center;
    animation: 0.3s slideInDown; }
    .comparison-block.fixed-header .compare-button a button {
      margin-left: 40px; }
  @media screen and (max-width: 600px) {
    .comparison-block {
      flex-direction: column;
      justify-content: flex-start; } }
  .comparison-block .comparison-list {
    max-width: 500px;
    width: 70%; }
    @media screen and (max-width: 600px) {
      .comparison-block .comparison-list {
        width: 100%; } }
    .comparison-block .comparison-list ul {
      list-style: none;
      list-style-position: outside;
      margin: 0; }
      .comparison-block .comparison-list ul li {
        display: flex;
        justify-content: space-between;
        height: 40px;
        padding: 3px;
        border: 1px solid black;
        padding-left: 15px;
        margin-bottom: 10px; }
        .comparison-block .comparison-list ul li p {
          font-size: 16px;
          font-weight: bold;
          line-height: 35px; }
        .comparison-block .comparison-list ul li:last-child {
          margin-bottom: 0; }
        .comparison-block .comparison-list ul li .remove-comparison {
          background: url("/ReifentestUserTheme/css/../images/comparison/delete-icon.svg") no-repeat;
          cursor: pointer;
          height: 30px;
          width: 30px; }
  .comparison-block .compare-button {
    display: flex; }
    @media screen and (max-width: 600px) {
      .comparison-block .compare-button {
        margin-top: 15px; } }
    .comparison-block .compare-button a {
      align-self: flex-end; }
      .comparison-block .compare-button a button {
        background: #0490d8;
        height: 40px;
        line-height: 24px; }
        .comparison-block .compare-button a button:hover {
          background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.25)); }

.compare-link {
  margin-top: 25px;
  text-align: center;
  font-size: 16px; }
  @media screen and (max-width: 767px) {
    .compare-link {
      margin-bottom: 20px; } }

@media screen and (max-width: 1050px) {
  .comparison-section {
    zoom: 0.85; } }
@media screen and (max-width: 900px) {
  .comparison-section {
    zoom: 0.75; } }
@media screen and (max-width: 800px) {
  .comparison-section {
    zoom: 0.65; } }
@media screen and (max-width: 700px) {
  .comparison-section {
    zoom: 0.55; } }
@media screen and (max-width: 600px) {
  .comparison-section {
    zoom: 0.5;
    overflow-x: auto; } }

.comparison-container {
  display: flex;
  justify-content: center; }
  .comparison-container .profile-info, .comparison-container .comparison-profile-card {
    display: flex; }
  .comparison-container .empty-comparison {
    width: 300px; }
  .comparison-container .comparison-profile-info {
    background-color: white;
    border-top: 2px solid #0490d8;
    border-left: 2px solid #0490d8;
    border-right: 2px solid #0490d8;
    width: 200px;
    margin-right: 40px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 10px;
    font-weight: bold;
    font-size: 17px;
    position: relative; }
    .comparison-container .comparison-profile-info .comparison-head .comparison-head-text p {
      max-width: 150px;
      margin: 5px auto; }
    .comparison-container .comparison-profile-info .comparison-head .comparison-remove {
      position: absolute;
      top: 0;
      right: 0;
      background: url("/ReifentestUserTheme/css/../images/comparison/delete-icon.svg") no-repeat;
      cursor: pointer;
      height: 30px;
      width: 30px; }
    .comparison-container .comparison-profile-info .comparison-head .comparison-remove.blocked {
      opacity: 0.3;
      cursor: default; }
    .comparison-container .comparison-profile-info .comparison-image {
      height: 150px;
      margin-top: 15px; }
    .comparison-container .comparison-profile-info .image-placeholder {
      margin: 20px auto; }
  .comparison-container .comparison-profile {
    background-color: white;
    border-left: 2px solid #0490d8;
    border-right: 2px solid #0490d8;
    margin-right: 40px;
    width: 200px;
    text-align: center; }
  .comparison-container .comparison-profile.last {
    border-bottom: 2px solid #0490d8; }
  .comparison-container .criterion-label {
    width: 300px;
    font-weight: bold; }
  .comparison-container .comparison-rating {
    display: flex;
    justify-content: center; }
    .comparison-container .comparison-rating .comparison-star {
      height: 31px; }
    .comparison-container .comparison-rating #rating-value {
      margin-left: 10px;
      font-weight: bold;
      width: 40px; }
  .comparison-container .profile-additions .additions-label p {
    line-height: 70px; }
  .comparison-container .profile-additions .comparison-profile-info {
    border: none;
    background: none; }
    .comparison-container .profile-additions .comparison-profile-info p {
      margin: 0 auto 10px;
      width: 100%;
      max-width: 330px;
      background-color: white;
      color: #0490d8;
      font-size: 30px;
      font-weight: 600;
      text-align: center;
      border: 2px solid;
      padding: 9px 10px;
      line-height: 1; }
  .comparison-container .additions-profile {
    height: 60px; }
  .comparison-container .comparison-shop {
    background: none;
    border: none; }
    .comparison-container .comparison-shop input[type=button] {
      background: white;
      border: 2px solid #0490d8;
      width: 200px;
      padding: 0;
      box-sizing: border-box;
      height: 52px;
      font-size: 17px;
      color: #0490d8;
      font-weight: bold;
      outline: none; }
      .comparison-container .comparison-shop input[type=button]:hover {
        background-color: #0490d8;
        color: white; }

.recension {
  margin-top: 20px; }
  .recension h3 {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0; }
  .recension span {
    font-weight: bold;
    color: #0490d8;
    cursor: pointer; }

.disable-mobile {
  display: flex;
  justify-content: center;
  padding: 15px; }
  .disable-mobile .show-full {
    margin-bottom: 70px; }

/*----------- Approve review ------------*/
.aui .label-danger {
  background-color: red; }

.modal-content {
  display: flex;
  flex-direction: column;
  padding: 20px; }
  .modal-content .review-header, .modal-content .review-body, .modal-content .review-footer {
    display: flex; }
  .modal-content .review-header {
    justify-content: space-around; }
  .modal-content .review-body {
    flex-direction: column;
    margin-top: 10px;
    background-color: white; }
    .modal-content .review-body .tab-review, .modal-content .review-body .tab-images, .modal-content .review-body .tab-video {
      padding: 20px; }
    .modal-content .review-body .tab-images .images-block {
      display: flex;
      padding: 20px 10px;
      flex-wrap: wrap; }
      .modal-content .review-body .tab-images .images-block .review-image {
        margin-right: 20px;
        padding: 10px; }
        .modal-content .review-body .tab-images .images-block .review-image img {
          cursor: pointer;
          width: 200px;
          border: 1px solid black;
          border-radius: 5px;
          padding: 10px;
          display: block;
          margin: 0 auto; }
  .modal-content .review-footer {
    padding: 20px 0; }
    .modal-content .review-footer button:first-child {
      margin-right: 20px; }

.decline-reason input[type=text] {
  margin-top: 10px;
  margin-left: 5px; }
.decline-reason input[type=radio] {
  margin: 5px; }

.review-body .checkbox {
  display: flex;
  padding: 10px;
  margin-bottom: 10px; }
  .review-body .checkbox .onoffswitch {
    position: relative;
    width: 55px;
    height: 20px;
    margin: -3px 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; }
  .review-body .checkbox .onoffswitch-checkbox {
    display: none; }
  .review-body .checkbox .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 20px;
    padding: 0;
    line-height: 20px;
    border: 2px solid #E3E3E3;
    border-radius: 20px;
    background-color: #FF0000;
    transition: background-color 0.2s ease-in; }
  .review-body .checkbox .onoffswitch-label:before {
    content: "";
    display: block;
    width: 20px;
    margin: 0;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 33px;
    border: 2px solid #E3E3E3;
    border-radius: 20px;
    transition: all 0.2s ease-in 0s; }
  .review-body .checkbox .onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #49E845; }
  .review-body .checkbox .onoffswitch-checkbox:checked + .onoffswitch-label, .review-body .checkbox .onoffswitch-checkbox:checked + .onoffswitch-label:before {
    border-color: #49E845; }
  .review-body .checkbox .onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0; }
  .review-body .checkbox span {
    font-size: 13px; }
    .review-body .checkbox span:first-child {
      color: red; }
    .review-body .checkbox span:last-child {
      color: #0aba1d; }
.review-body .image-checkbox .checkbox {
  margin: 10px auto;
  width: 200px; }
.review-body .image-checkbox .onoffswitch {
  margin: -3px auto; }

.video-approve {
  margin: 20px;
  text-align: center;
  width: 640px;
  display: flex;
  justify-content: center; }

.controls {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  background: #f2f2f1; }
  .controls button {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    color: white;
    background: #0490d8;
    border: none;
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
    padding: 10px 5px 10px 10px;
    margin-left: 15px;
    text-align: left; }
    .controls button:first-child {
      margin-left: 0; }
    .controls button:hover {
      background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
      cursor: pointer;
      text-decoration: none; }
    .controls button.active {
      background: white;
      color: #4b4b4d; }

.save-btn {
  line-height: 25px;
  background-color: #0490d8 !important;
  box-shadow: 0px 1px 1px 0px rgba(75, 75, 75, 0.9);
  border-radius: 0; }

.review-body .controls button {
  outline: none !important; }

.tab-review .comment {
  margin: 25px 0; }
.tab-review .translate-select {
  display: flex;
  margin-bottom: 10px;
  margin-top: 20px; }
  .tab-review .translate-select p {
    line-height: 30px;
    margin-right: 15px; }
  .tab-review .translate-select select {
    -webkit-appearance: menulist;
    height: 40px; }

.messages-block {
  background: white;
  padding: 4px 15px;
  margin-bottom: 20px;
  animation-name: scale;
  -webkit-animation-duration: .35s;
  -moz-animation-duration: .35s;
  -o-animation-duration: .35s;
  animation-duration: .35s; }
  .messages-block p {
    margin: 5px; }
  .messages-block.error {
    color: red;
    border: 1px solid red;
    border-left: 10px solid #f80000; }
  .messages-block.success {
    color: green;
    border: 1px solid green;
    border-left: 10px solid green; }

.tab-header {
  font-size: 1.2em;
  border-bottom: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 30px !important; }

/*------ TOP MANUFACTURERS BLOCK ----------*/
.manufacturers-container {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0; }
  .manufacturers-container .top-manufacturer {
    flex: 1 1 calc(25% - 20px);
    box-shadow: 0px 1px 1px 0px rgba(75, 75, 75, 0.3);
    margin: 10px;
    background: #fff;
    cursor: pointer;
    height: 40px;
    max-width: calc(25% - 20px); }
    .manufacturers-container .top-manufacturer a {
      color: #000;
      display: flex;
      justify-content: center;
      text-decoration: none;
      width: 100%;
      height: 100%; }
    .manufacturers-container .top-manufacturer:hover {
      background: #fafafa; }
      .manufacturers-container .top-manufacturer:hover p {
        color: #0490d8;
        text-decoration: underline; }
    .manufacturers-container .top-manufacturer img {
      display: block;
      height: 80%;
      align-self: center; }
    .manufacturers-container .top-manufacturer p {
      margin: 0;
      align-self: center;
      font-size: 17px; }

@media (max-width: 426px) {
  .top-manufacturer {
    flex: 1 1 calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    margin: 5px !important;
    height: 30px !important; }
    .top-manufacturer p {
      font-size: 15px !important; } }
@media (min-width: 426px) and (max-width: 1023px) {
  .top-manufacturer {
    flex: 1 1 calc(50% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin: 10px !important;
    height: 35px !important; }
    .top-manufacturer p {
      font-size: 16px !important; } }
.brand-list .brand {
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(75, 75, 75, 0.3);
  padding: 0 10px; }
  .brand-list .brand:hover {
    box-shadow: -3px 0 6px 0 rgba(0, 0, 0, 0.1), 0 5px 6px 0 rgba(0, 0, 0, 0.1), 3px 5px 6px 0 rgba(0, 0, 0, 0.1); }
.brand-list .image-area, .brand-list .image-area-placeholder {
  background-size: contain;
  background-position: center;
  background-color: white;
  background-repeat: no-repeat;
  height: 55px;
  margin-bottom: 5px;
  border: 10px solid white; }
.brand-list .image-area-placeholder {
  display: flex; }
  .brand-list .image-area-placeholder span {
    display: flex;
    margin: auto;
    color: #4b4b4d;
    font-size: 20px;
    text-align: center; }
.brand-list .image-area-link:hover {
  text-decoration: none; }
.brand-list .brand-list-item-link {
  border-top: 2px solid #ccc;
  padding: 5px;
  text-align: center; }
  .brand-list .brand-list-item-link span {
    text-decoration: none; }

.group-title a {
  color: #0490d8 !important; }

.cookies-notification {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  background: #fff;
  min-height: 50px;
  padding: 10px 0;
  z-index: 999;
  box-shadow: 0px -1px 5px 3px rgba(0, 0, 0, 0.3); }

.cookies-container {
  max-width: 1112px;
  margin: 0 auto; }

.cookies-notification .cookies-text {
  color: black;
  text-align: left; }

.cookies-controls {
  position: absolute;
  top: 10px;
  right: 10px; }
  .cookies-controls a.rft-btn {
    min-width: 50px;
    padding: 0; }

@media (min-width: 426px) and (max-width: 1023px) {
  .cookies-notification {
    padding: 10px; }

  .cookies-text {
    padding-right: 70px; } }
@media (max-width: 426px) {
  .cookies-notification {
    bottom: 70px;
    padding: 10px; }

  .cookies-text {
    font-size: 14px;
    padding-right: 70px; } }
.footer-bottom-container a.copyright-text {
  color: white; }
  .footer-bottom-container a.copyright-text:hover {
    color: white;
    text-decoration: none;
    border-bottom: 2px solid white; }

.animated-criterion.ng-move,
.animated-criterion.ng-enter,
.animated-criterion.ng-leave {
  transition: all linear 0.3s; }

.animated-criterion.ng-leave.ng-leave-active,
.animated-criterion.ng-move,
.animated-criterion.ng-enter {
  opacity: 0;
  max-height: 0; }

.animated-criterion.ng-leave,
.animated-criterion.ng-move.ng-move-active,
.animated-criterion.ng-enter.ng-enter-active {
  opacity: 1;
  max-height: 34px; }

.footer-links {
  margin-bottom: 5px; }

.footer-links a {
  margin: 0 5px; }

.profile-description h1 {
  font-size: 22px; }
.profile-description h2 {
  font-size: 20px; }
.profile-description h3 {
  font-size: 18px; }
.profile-description h4 {
  font-size: 16px; }

.write-test-categories-wrapper {
  position: relative;
  margin: 0 auto 20px auto;
  width: 80%; }
  .write-test-categories-wrapper > button.rft-btn {
    width: 100%; }
  .write-test-categories-wrapper:hover .write-test-categories {
    display: block; }

.write-test-categories {
  display: none;
  padding-top: 10px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 10; }
  .write-test-categories button {
    font-size: 20px !important;
    padding: 5px;
    width: 80% !important; }
  .write-test-categories > div {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8);
    background: white;
    padding: 15px 0; }
    .write-test-categories > div form {
      margin: 0 0 15px 0; }
      .write-test-categories > div form:last-child {
        margin: 0; }

@media screen and (max-width: 767px) {
  .write-test-categories-wrapper {
    width: 100%; } }
.brand-profiles-info {
  padding: 10px 30px;
  border: 1px solid #0490d8;
  margin: 15px 0; }
  .brand-profiles-info span {
    font-weight: bold; }
  .brand-profiles-info p {
    margin: 5px 0; }
  @media screen and (max-width: 767px) {
    .brand-profiles-info {
      padding: 10px; } }

.profile-average-rating {
  display: flex;
  align-items: center;
  margin-bottom: 5px; }
  .profile-average-rating p {
    margin: 0; }
  .profile-average-rating .criteria-table__criterion-value {
    padding: 0;
    margin: 0 0 2px 10px; }
  @media screen and (max-width: 767px) {
    .profile-average-rating {
      flex-direction: column;
      align-items: unset; }
      .profile-average-rating .criteria-table__criterion-value {
        margin: 10px 0 0 0; } }