@charset "UTF-8";
@font-face {
  font-family: 'Klavika';
  src: url("./../fonts/klavikach-regular-webfont.eot");
  src: url("./../fonts/klavikach-regular-webfont.eot?#iefix") format("embedded-opentype"), url("./../fonts/klavikach-regular-webfont.woff") format("woff"), url("./../fonts/klavikach-regular-webfont.ttf") format("truetype"), url("./../fonts/klavikach-regular-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Klavika';
  src: url("./../fonts/klavikach-regularitalic-webfont.eot");
  src: url("./../fonts/klavikach-regularitalic-webfont.eot?#iefix") format("embedded-opentype"), url("./../fonts/klavikach-regularitalic-webfont.woff") format("woff"), url("./../fonts/klavikach-regularitalic-webfont.ttf") format("truetype"), url("./../fonts/klavikach-regularitalic-webfont.svg") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Klavika';
  src: url("./../fonts/klavikach-medium-webfont.eot");
  src: url("./../fonts/klavikach-medium-webfont.eot?#iefix") format("embedded-opentype"), url("./../fonts/klavikach-medium-webfont.woff") format("woff"), url("./../fonts/klavikach-medium-webfont.ttf") format("truetype"), url("./../fonts/klavikach-medium-webfont.svg#klavikalight") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Klavika';
  src: url("./../fonts/klavikach-mediumitalic-webfont.eot");
  src: url("./../fonts/klavikach-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"), url("./../fonts/klavikach-mediumitalic-webfont.woff") format("woff"), url("./../fonts/klavikach-mediumitalic-webfont.ttf") format("truetype"), url("./../fonts/klavikach-mediumitalic-webfont.svg#klavikalight") format("svg");
  font-weight: bold;
  font-style: italic; }
html, body {
  font-size: 13px; }

body {
  font-family: Klavika;
  line-height: 150%; }

a {
  color: #1d64bc; }

a:active {
  color: #000; }

.menu_home, .menu_header {
  font-weight: bold;
  text-transform: uppercase; }

.menu_home a, .menu_header a {
  text-decoration: none; }

.header_customery_service {
  text-transform: uppercase;
  color: #2578c2;
  font-size: 25px; }

.bottom_menu ul {
  font-weight: bold; }

.bottom_menu a {
  text-transform: uppercase;
  text-decoration: none; }

.footer {
  color: white;
  font-size: 12px;
  line-height: 1.5em; }
  .footer h3 {
    font-size: 13px;
    margin-bottom: 25px; }
  .footer a {
    color: white; }

#tree {
  text-transform: uppercase;
  font-size: 12px; }

.box .h2 {
  color: white;
  text-transform: uppercase;
  font-size: 13px; }

/*
 *  Part of Lightview - The jQuery Lightbox
 *  http://projects.nickstakenburg.com/lightview
 *
 *  IMPORTANT:
 *  When modifying or adding skins it's recommended to do this in a seperate file,
 *  overwriting or building on top of the styling defined here to make updating easier.
 *
 *  Documentation:
 *  http://projects.nickstakenburg.com/lightview/documentation/skins
 *
 */
.lv_window {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  overflow: hidden;
  text-align: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.lv_window, .lv_window [class^="lv_"],
.lv_overlay, .lv_overlay [class^="lv_"],
.lv_thumbnails, .lv_thumbnails [class^="lv_"],
.lv_controls_top, .lv_controls_top [class^="lv_"],
.lv_controls_top_close, .lv_controls_top_close [class^="lv_"] {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.lv_window,
.lv_controls_top,
.lv_controls_top_close,
.lv_thumbnails,
.lv_thumbnails_top_close {
  z-index: 100000; }

.lv_skin {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible; }

.lv_bubble,
.lv_shadow {
  position: absolute; }

.lv_bubble * {
  display: inline;
  position: relative;
  float: left;
  z-index: none; }

.lv_skin * {
  margin: 0;
  padding: 0; }

.lv_overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99999; }

/* wrapper for the spinner */
.lv_spinner_wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer; }

/* The the previous/next overlay buttons on top of images */
.lv_inner_previous_next_overlays {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  zoom: 1;
  background: url("/3p/css/lightview/skins/blank.gif"); }

.lv_inner_previous_next_overlays * {
  padding: 0;
  margin: 0; }

.lv_inner_previous_next_overlays .lv_button {
  position: relative;
  height: 100%;
  width: 49%;
  background: url("/3p/css/lightview/skins/blank.gif");
  zoom: 1;
  cursor: pointer; }

.lv_button_inner_previous_overlay {
  float: left; }

.lv_button_inner_next_overlay {
  float: right; }

.lv_title_caption {
  position: absolute;
  font: 11px/18px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, sans-serif;
  color: #eaeaea; }

.lv_title_caption_slider {
  position: relative;
  float: left;
  overflow-y: hidden; }

.lv_title_caption_slide {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  padding: 15px 0 7px 0; }

.lv_title {
  font-weight: bold; }

.lv_title, .lv_caption {
  float: left;
  clear: both; }

.lv_update_queue {
  position: absolute;
  top: -15000px;
  left: -15000px;
  width: 5000px;
  height: 5000px;
  visibility: hidden; }

.lv_update_queue .lv_window,
.lv_update_queue .lv_content {
  position: relative;
  overflow: visible;
  float: left;
  top: auto;
  left: auto;
  width: 100%; }

.lv_content .lv_content_wrapper {
  float: left;
  clear: both;
  position: relative; }

.lv_update_queue .lv_content_wrapper {
  position: absolute;
  top: 0;
  left: 0; }

.lv_content_wrapper canvas {
  float: left;
  zoom: 1; }

.lv_content {
  position: absolute;
  padding: 0;
  margin: 0;
  overflow: auto;
  /* scrollbars */
  text-align: left;
  background: url("/3p/css/lightview/skins/blank.gif");
  /* Chrome 18+ opacity bug */ }

.lv_measure_element {
  position: relative;
  float: left;
  clear: both; }

.lv_content_canvas,
.lv_content_image,
.lv_content_flash,
.lv_content_object,
.lv_content_iframe,
.lv_content_html {
  float: left;
  border: 0;
  clear: both;
  padding: 0;
  margin: 0;
  background: none; }

.lv_blank_background,
.lv_content {
  background-image: url("/3p/css/lightview/skins/blank.gif"); }

/* The buttons on the side when you view a gallery */
.lv_side_buttons_underneath {
  position: absolute;
  top: 50%;
  left: 50%;
  clear: both;
  width: 100%;
  padding: 0;
  height: 67px;
  margin-top: -34px; }

.lv_side_buttons_underneath * {
  padding: 0;
  margin: 0; }

.lv_side_buttons_underneath .lv_side_left {
  float: left; }

.lv_side_buttons_underneath .lv_side_right {
  float: right; }

.lv_side,
.lv_side_button {
  height: 37px;
  width: 41px;
  position: absolute; }

.lv_side {
  position: relative;
  overflow: hidden;
  padding: 15px 0;
  cursor: pointer; }

.lv_side_left {
  margin-left: -41px; }

.lv_side_right {
  margin-right: -41px; }

.lv_side_button {
  height: 31px;
  width: 41px;
  cursor: pointer; }

.lv_side_button_previous {
  margin-left: 0px;
  background-image: url("/3p/css/lightview/skins/light/sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -33px; }

.lv_side_button_previous:hover,
.lv_side_left .lv_side_button_out {
  background-position: 0px -64px; }

.lv_side_button_next {
  margin-left: 0px;
  background-image: url("/3p/css/lightview/skins/light/sprite.png");
  background-repeat: no-repeat;
  background-position: -41px -33px; }

.lv_side_button_next:hover,
.lv_side_right .lv_side_button_out {
  background-position: -41px -64px; }

.lv_side_buttons_underneath .lv_side_button_out {
  margin-left: 0; }

/* disabled states */
.lv_side_buttons_underneath .lv_side_left_disabled .lv_side_button,
.lv_side_buttons_underneath .lv_side_left_disabled:hover .lv_side_button {
  background-position: 0px -95px; }

.lv_button_top_close {
  width: 33px;
  height: 33px;
  position: absolute;
  cursor: pointer;
  background-image: url("/3p/css/lightview/skins/light/sprite.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  /* the spacing option set on the relative controls is taken into account when positioning */
  top: 17px;
  /* left or right is set on the css of the skin */ }

.lv_button_top_close:hover {
  background-position: -33px 0px; }

/*
 * Top Controls
 */
.lv_controls_top {
  position: fixed;
  top: 0;
  left: 50%;
  width: 126px;
  margin-left: -63px;
  height: 63px;
  overflow: hidden; }

.lv_controls_top_with_slideshow {
  width: 147px;
  margin-left: -74px; }

.lv_controls_top .lv_top_middle {
  width: 100%;
  height: 33px;
  margin-top: 15px;
  float: left;
  position: relative; }

.lv_controls_top .lv_top_button {
  height: 100%;
  float: left;
  position: relative; }

.lv_controls_top .lv_icon {
  background-image: url("/3p/css/lightview/skins/light/sprite.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  float: left;
  cursor: pointer;
  font-family: "Lucida Sans", "Lucida Grande", Tahoma, sans-serif;
  color: #d4d4d4;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  position: relative; }

.lv_controls_top .lv_icon_disabled {
  cursor: default;
  color: #2e2e2e;
  text-shadow: none; }

.lv_top_previous {
  width: 63px; }

.lv_top_previous .lv_icon {
  background-position: 0px -96px; }

.lv_top_previous:hover .lv_icon {
  background-position: 0px -129px; }

.lv_top_previous .lv_icon_disabled,
.lv_top_previous:hover .lv_icon_disabled {
  background-position: 0px -162px; }

.lv_top_slideshow {
  width: 21px;
  display: none;
  position: relative; }

.lv_controls_top_with_slideshow .lv_top_slideshow {
  display: block; }

.lv_top_slideshow .lv_icon {
  background-position: -63px -96px; }

.lv_top_slideshow:hover .lv_icon {
  background-position: -63px -129px; }

.lv_top_slideshow .lv_icon_disabled,
.lv_top_slideshow:hover .lv_icon_disabled {
  background-position: -63px -162px; }

.lv_top_slideshow_playing .lv_icon {
  background-position: -148px -96px; }

.lv_top_slideshow_playing:hover .lv_icon {
  background-position: -148px -129px; }

.lv_top_next {
  width: 62px; }

.lv_top_next .lv_icon {
  background-position: -84px -96px; }

.lv_top_next:hover .lv_icon {
  background-position: -84px -129px; }

.lv_top_next .lv_icon_disabled,
.lv_top_next:hover .lv_icon_disabled {
  background-position: -84px -162px; }

.lv_icon span {
  margin-top: 5px;
  width: 30px;
  text-align: center;
  line-height: 23px; }

.lv_top_previous span {
  float: right;
  margin-right: 7px; }

.lv_top_next span {
  float: left;
  margin-left: 6px; }

.lv_controls_top_close {
  height: 33px;
  width: 33px;
  /* 46 */
  position: fixed;
  top: 0;
  right: 0;
  padding: 13px; }

.lv_controls_top_close_button {
  height: 33px;
  width: 33px;
  float: left;
  position: relative;
  background-image: url("/3p/css/lightview/skins/light/sprite.png");
  background-repeat: no-repeat;
  background-position: -166px -21px;
  cursor: pointer; }

.lv_controls_top_close_button:hover {
  background-position: -166px -54px; }

/*
 * Relative Controls / Slider
 */
.lv_controls_relative {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -150px;
  height: 50px;
  overflow: hidden;
  background: url("/3p/css/lightview/skins/blank.gif"); }

.lv_slider {
  font-family: "Lucida Sans", "Lucida Grande", Tahoma, sans-serif;
  font-size: 9px;
  height: 21px;
  line-height: 21px;
  padding: 15px 0 14px 0;
  position: relative;
  overflow: hidden; }

.lv_slider .lv_slider_numbers {
  float: left;
  position: relative;
  height: 21px;
  overflow: hidden;
  margin: 0 2px; }

.lv_slider .lv_slider_slide {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px; }

.lv_slider_number,
.lv_slider_number_empty {
  float: left;
  position: relative;
  height: 21px;
  width: 28px;
  line-height: 21px;
  overflow: hidden;
  color: #d4d4d4;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  background: #4a4a4a;
  text-align: center;
  padding: 0;
  margin: 0;
  zoom: 1;
  text-transform: none;
  text-decoration: none;
  border: none;
  background-repeat: no-repeat;
  background: url("/3p/css/lightview/skins/light/sprite.png");
  background-position: -67px 0px;
  cursor: pointer; }

.lv_slider_number_empty {
  background-position: -151px 0px;
  cursor: default; }

.lv_slider_number_last {
  margin-right: 0; }

.lv_slider_number:hover {
  background-position: -95px 0px; }

.lv_slider_numbers .lv_slider_number_active,
.lv_slider_numbers .lv_slider_number_active:hover {
  background-position: -123px 0px;
  color: #808080;
  cursor: default; }

.lv_slider .lv_slider_icon,
.lv_slider .lv_icon {
  height: 21px;
  width: 21px; }

.lv_slider .lv_slider_icon {
  zoom: 1;
  padding: 0 2px;
  /* IE6 needs padding instead of margin */
  display: inline;
  position: relative;
  cursor: pointer;
  float: left; }

.lv_slider .lv_icon {
  background: url("/3p/css/lightview/skins/light/sprite.png");
  background-repeat: no-repeat;
  /* IE6 */
  position: absolute;
  top: 0;
  left: 2px;
  display: block; }

.lv_slider_previous .lv_icon {
  background-position: -82px -21px; }

.lv_slider_previous .lv_icon:hover {
  background-position: -82px -42px; }

.lv_slider_previous_disabled .lv_icon,
.lv_slider_previous_disabled .lv_icon:hover {
  background-position: -82px -63px;
  cursor: default; }

.lv_slider_next .lv_icon {
  background-position: -103px -21px; }

.lv_slider_next .lv_icon:hover {
  background-position: -103px -42px; }

.lv_slider_next_disabled .lv_icon,
.lv_slider_next_disabled .lv_icon:hover {
  background-position: -103px -63px;
  cursor: default; }

.lv_slider_slideshow {
  position: relative;
  top: 0;
  left: 0;
  display: inline; }

.lv_slider_slideshow .lv_icon {
  background-position: -125px -21px; }

.lv_slider_slideshow .lv_icon:hover {
  background-position: -125px -42px; }

.lv_slider_slideshow_playing .lv_icon {
  background-position: -146px -21px; }

.lv_slider_slideshow_playing .lv_icon:hover {
  background-position: -146px -42px; }

.lv_slider_slideshow_disabled .lv_icon,
.lv_slider_slideshow_disabled .lv_icon:hover {
  background-position: -125px -63px;
  cursor: default; }

/* thumbnails */
.lv_thumbnails {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 92px;
  padding: 15px 0 25px 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.lv_thumbnails_slider {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden; }

.lv_thumbnails_slide {
  position: absolute;
  top: 0;
  left: 0; }

.lv_thumbnail {
  width: 92px;
  height: 92px;
  float: left;
  position: relative;
  display: inline;
  overflow: hidden;
  /* IE6 */ }

.lv_thumbnail_image {
  position: relative;
  background: red;
  background: #161616;
  width: 80px;
  height: 80px;
  margin: 6px;
  float: left;
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  overflow: hidden;
  display: inline;
  /* IE6 */
  z-index: 0;
  /* IE8 */ }

.lv_thumbnail_image img {
  position: absolute; }

.lv_thumbnail_active .lv_thumbnail_image {
  filter: alpha(opacity=35);
  opacity: .35;
  display: inline; }

.lv_thumbnail_icon {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -18px;
  margin-top: -18px;
  background-position: 99px 99px;
  background-repeat: no-repeat;
  display: block !important;
  display: none;
  /* IE6 */ }

.lv_thumbnail_image_spinner_overlay {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  background: #161616; }

.lv_thumbnail_icon_video {
  background-position: 0px -196px; }

.lv_thumbnail:hover .lv_thumbnail_icon_video {
  background-position: -36px -196px; }

.lv_thumbnail_active:hover .lv_thumbnail_icon_video {
  background-position: 0px -196px; }

/* 
 * Skins
 */
/* normalization for all skins */
.lv_content {
  text-align: left; }

.lv_content,
.lv_content h1,
.lv_content h2,
.lv_content h3,
.lv_content h4,
.lv_content h5,
.lv_content h6 {
  color: #333; }

.lv_content a,
.lv_content a:hover {
  color: #0088cc;
  font-weight: normal;
  background: none;
  border: 0;
  text-decoration: none; }

.lv_content a:hover {
  text-decoration: underline; }

.lv_title_caption a,
.lv_title_caption a:hover {
  color: #b4b4b4;
  font-weight: normal;
  background: none;
  border: 0;
  text-decoration: none; }

.lv_title_caption a:hover {
  text-decoration: underline; }

/* 
 * skin: 'light'
 */
/* title/caption */
.lv_window_light .lv_title_caption {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); }

/* close button */
.lv_window_light .lv_button_top_close {
  top: 17px;
  left: 55px; }

/* sprite */
.lv_window_light .lv_side_button_previous,
.lv_window_light .lv_side_button_next,
.lv_window_light .lv_button_top_close,
.lv_window_light .lv_controls_top_close_button,
.lv_window_light .lv_slider .lv_icon,
.lv_window_light .lv_slider_number,
.lv_window_light .lv_slider_number_empty,
.lv_window_light .lv_controls_top_close_button,
.lv_controls_top_skin_light .lv_icon,
.lv_controls_top_close_skin_light .lv_controls_top_close_button,
.lv_thumbnails_skin_light .lv_thumbnail_icon {
  background-image: url("/3p/css/lightview/skins/light/sprite.png") !important;
  background-image: url("skins/light/sprite_ie_lt_7.png");
  /* IE < 7 */ }

/*
 * skin: 'dark'
 */
/* normalization */
.lv_content_dark,
.lv_content_dark h1,
.lv_content_dark h2,
.lv_content_dark h3,
.lv_content_dark h4,
.lv_content_dark h5,
.lv_content_dark h6 {
  color: #f3f3f3; }

.lv_content_dark a,
.lv_content_dark a:hover {
  color: #b4b4b4; }

/* sprite */
.lv_window_dark .lv_side_buttons_underneath .lv_side_button_previous,
.lv_window_dark .lv_side_buttons_underneath .lv_side_button_next,
.lv_window_dark .lv_button_top_close,
.lv_window_dark .lv_controls_top_close_button,
.lv_window_dark .lv_slider .lv_icon,
.lv_window_dark .lv_slider .lv_slider_number,
.lv_window_dark .lv_slider .lv_slider_number_empty,
.lv_window_dark .lv_controls_top_close_button,
.lv_controls_top_skin_dark .lv_icon,
.lv_controls_top_close_skin_dark .lv_controls_top_close_button,
.lv_thumbnails_skin_dark .lv_thumbnail_icon {
  background-image: url("/3p/css/lightview/skins/light/sprite.png") !important;
  background-image: url("skins/dark/sprite_ie_lt_7.png");
  /* IE < 7 */ }

/* close button */
.lv_window_dark .lv_button_top_close {
  top: 18px;
  left: 53px; }

/* controls: 'relative' */
.lv_window_dark .lv_slider_number {
  color: #acacac; }

.lv_window_dark .lv_slider_number:hover {
  color: #e3e3e3; }

.lv_window_dark .lv_slider_number_active,
.lv_window_dark .lv_slider_number_active:hover {
  color: #5d5d5d; }

/* controls: 'top' */
.lv_controls_top_skin_dark .lv_icon {
  color: #a6a6a6; }

.lv_controls_top_skin_dark .lv_icon:hover {
  color: #e0e0e0; }

.lv_controls_top_skin_dark .lv_icon_disabled,
.lv_controls_top_skin_dark .lv_icon_disabled:hover {
  color: #575757; }

/* 
 * skin: 'mac'
 */
/* title/caption */
.lv_window_mac .lv_title_caption {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); }

/* sprite */
.lv_window_mac .lv_side_button_previous,
.lv_window_mac .lv_side_button_next,
.lv_window_mac .lv_button_top_close,
.lv_window_mac .lv_controls_top_close_button,
.lv_window_mac .lv_slider .lv_icon,
.lv_window_mac .lv_slider_number,
.lv_window_mac .lv_slider_number_empty,
.lv_window_mac .lv_controls_top_close_button,
.lv_controls_top_skin_mac .lv_icon,
.lv_controls_top_close_skin_mac .lv_controls_top_close_button,
.lv_thumbnails_skin_mac .lv_thumbnail_icon {
  background-image: url("/3p/css/lightview/skins/light/sprite.png") !important;
  background-image: url("skins/mac/sprite_ie_lt_7.png");
  /* IE < 7 */ }

/* close button */
.lv_window_mac .lv_button_top_close {
  top: 39px;
  left: 39px; }

/* controls: 'relative' */
.lv_window_mac .lv_slider_number {
  color: #acacac; }

.lv_window_mac .lv_slider_number:hover {
  color: #e1e1e1; }

.lv_window_mac .lv_slider_number_active,
.lv_window_mac .lv_slider_number_active:hover {
  color: #5d5d5d; }

/* controls: 'top' */
.lv_controls_top_skin_mac .lv_icon {
  color: #a6a6a6; }

.lv_controls_top_skin_mac .lv_icon:hover {
  color: #e0e0e0; }

.lv_controls_top_skin_mac .lv_icon_disabled,
.lv_controls_top_skin_mac .lv_icon_disabled:hover {
  color: #575757; }

.lv_skin > canvas:last-child {
  display: none !important; }

a {
  text-decoration: underline;
  cursor: pointer; }

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

table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #ccc;
  border-spacing: 0; }

table tr:first-child {
  border-top: 1px solid #ccc; }

table th, table td {
  vertical-align: top;
  padding: 6px; }

ol, ul {
  list-style: none; }

input, select, button {
  height: 2.2em;
  border-radius: 0; }

input, select, textarea, button {
  outline: none;
  font-size: 1em;
  font-family: inherit;
  padding: 2px 4px;
  margin: 0;
  background-color: #eee;
  border: 1px solid #999; }

a, input, button, select, textarea, label {
  -webkit-touch-action: manipulation;
  touch-action: manipulation; }

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(/img/flaticon_expand.svg);
  background-position: right 3px center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  padding-right: 20px; }

.clearfix::after, .clearAfter::after, .clearafter::after {
  content: "";
  display: table;
  clear: both; }

.formrow {
  margin: 0;
  padding: .6rem .2rem;
  border-bottom: 1px dotted #ccc;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }
  .formrow .label {
    -webkit-box-flex: 0 0 35%;
    -moz-box-flex: 0 0 35%;
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%; }
  .formrow .value {
    -webkit-box-flex: 0 0 65%;
    -moz-box-flex: 0 0 65%;
    -webkit-flex: 0 0 65%;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%; }
  .formrow .note {
    margin-top: .6rem;
    font-style: italic;
    line-height: 1.2em;
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }
  .formrow.vertical {
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap; }

input[type="checkbox"] {
  position: relative;
  top: -5px; }
  input[type="checkbox"] + label {
    padding-left: 8px; }

div.submit {
  text-align: right;
  padding: 6px 2px;
  position: relative; }

input[type="submit"], input[type="reset"], input[type="button"], button, a.button {
  font-family: inherit;
  cursor: pointer;
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  background-color: #ececec;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.12));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.12));
  background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(0, 0, 0, 0.12)));
  border-color: #6F7777;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

input[type="radio"] {
  position: relative;
  top: 10px; }
  input[type="radio"] + label {
    padding: 3px 8px; }

.inputradio {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .inputradio li {
    margin-bottom: 5px;
    position: relative; }
    .inputradio li input[type="radio"] {
      position: absolute;
      top: -5px;
      left: 7px; }
      .inputradio li input[type="radio"] + label {
        padding: 3px 0px 3px 30px; }

a.button {
  height: 2.2em;
  line-height: 2.2em;
  display: inline-block;
  text-decoration: none; }

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: inner-spin-button !important; }

.ui-autocomplete {
  background-color: white;
  box-shadow: 0px 0px 1px;
  z-index: 666;
  border-top: 1px solid #012a48;
  max-width: 400px; }
  .ui-autocomplete img {
    max-height: 100px;
    max-width: 100px; }
  .ui-autocomplete li {
    padding: .3rem;
    border-bottom: 1px solid #012a48; }
    .ui-autocomplete li.ui-state-focus {
      background-color: #ffca09; }
  .ui-autocomplete td {
    padding: 7px; }
    .ui-autocomplete td.sr-td1 {
      width: 35%; }
    .ui-autocomplete td.sr-td2 {
      width: 65%; }
      .ui-autocomplete td.sr-td2 > p:nth-child(1) {
        font-size: 14px;
        margin-bottom: 5px; }
      .ui-autocomplete td.sr-td2 > p:nth-child(2) {
        font-size: 10px;
        height: 50px;
        line-height: 1.2; }
      .ui-autocomplete td.sr-td2 > p:nth-child(3) {
        font-size: 14px;
        color: #0163cd;
        text-align: right; }

.step-indicator {
  display: inline-block;
  background-color: #F4F4F4;
  counter-reset: flag;
  padding: 1rem;
  color: #979797; }

.presents {
  width: 100%;
  text-align: center; }
  .presents .presentImage {
    max-width: 100%; }

div.filters.horizontal dl {
  overflow: hidden;
  margin: 1em 0; }
div.filters.horizontal dt {
  float: left;
  margin: 0 .5rem .5rem 0; }
  div.filters.horizontal dt:first-child {
    margin-left: 0; }
  div.filters.horizontal dt > * {
    margin-left: 1px; }
  div.filters.horizontal dt > *:first-child {
    border-radius: .3rem 0 0 .3rem; }
  div.filters.horizontal dt > *:last-child {
    border-radius: 0 .3rem .3rem 0; }
  div.filters.horizontal dt span {
    float: left;
    background-color: #eee;
    display: inline-block;
    padding: .2rem .5rem; }
  div.filters.horizontal dt a {
    display: inline-block;
    background-color: #ddd;
    color: inherit;
    text-decoration: none;
    padding: .2rem .5rem;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out; }
    div.filters.horizontal dt a:after {
      vertical-align: middle;
      display: inline-block;
      -webkit-transition: all .4s;
      transition: all .4s;
      line-height: 1em; }
    div.filters.horizontal dt a.filter-closer {
      /*&:after {
      	content: $icons8-var-x;
      }*/ }
    div.filters.horizontal dt a.selector {
      float: left; }
      div.filters.horizontal dt a.selector:after {
        content: "▾";
        margin-left: .4rem;
        margin-top: -3px;
        font-weight: bold;
        font-size: 1.1em; }
      div.filters.horizontal dt a.selector.on:after {
        -webkit-transform: rotateX(180deg) translateY(-3px);
        transform: rotateX(180deg) translateY(-3px);
        -webkit-transform-origin: center center;
        transform-origin: center center; }

.spinner {
  position: fixed;
  overflow: hidden;
  left: 50%;
  top: 40%;
  margin-left: -100px;
  width: 200px;
  height: 30px;
  text-align: center;
  z-index: 10001;
  -webkit-transition: all .4s;
  transition: all .4s; }

.spinner > div {
  width: 20px;
  height: 20px;
  margin: 4px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  display: inline-block;
  -webkit-animation: bouncedelay 1s infinite ease-in-out;
  animation: bouncedelay 1s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.spinner .bounce1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  background-color: #478aec; }

.spinner .bounce2 {
  -webkit-animation-delay: 0.08s;
  animation-delay: 0.08s;
  background-color: #478aec; }

.spinner .bounce3 {
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
  background-color: #478aec; }

.spinner .bounce4 {
  -webkit-animation-delay: 0.24s;
  animation-delay: 0.24s;
  background-color: red; }

.spinner .bounce5 {
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
  background-color: red; }

.spinner .bounce6 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  background-color: red; }

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0.2); }
  40% {
    -webkit-transform: scale(1); } }
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.2);
    -webkit-transform: scale(0.2); }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
.textSmallest {
  font-size: .8rem; }

.textSmaller {
  font-size: .9rem; }

.textBigger {
  font-size: 1.1rem; }

.textBiggest {
  font-size: 1.2rem; }

.filter-options li {
  float: left;
  margin: 1%;
  display: block;
  width: 48%; }
.filter-options a {
  position: relative;
  color: black;
  text-decoration: none;
  display: block;
  padding: 2px 4px;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: rgba(255, 255, 255, 0.9); }
  .filter-options a.selected {
    padding-right: 14px; }
  .filter-options a:before {
    width: 12px;
    margin-right: 2px;
    margin-left: 1px; }
  .filter-options a.disabled {
    opacity: .4; }

#pageWrapper.blurry {
  -webkit-filter: grayscale(0.7) opacity(0.6) blur(1px);
  filter: grayscale(0.7) opacity(0.6) blur(1px); }

.bubbleDialog {
  position: absolute;
  background-color: rgba(173, 191, 236, 0.92);
  width: 300px;
  border-radius: 4px;
  z-index: 100;
  -webkit-transition: opacity .1s ease-out;
  transition: opacity .1s ease-out; }
  .bubbleDialog.filterBubble {
    padding: 2px; }

.search-simple {
  position: relative;
  min-width: 2.5rem;
  display: block;
  float: right; }

.spinner > div {
  background-color: #ffc850; }

*, ::after, ::before {
  box-sizing: border-box; }

.shopbuttons {
  text-align: right; }
  .shopbuttons .shopbutton {
    color: black;
    display: -webkit-inline-flex;
    display: inline-flex;
    background-color: pink;
    white-space: nowrap;
    border-radius: 5px;
    padding: 2px; }
    .shopbuttons .shopbutton > * {
      height: 2rem;
      line-height: 2rem; }
    .shopbuttons .shopbutton input {
      border: 0 none;
      padding: 0;
      font-weight: normal;
      background-image: none;
      box-shadow: none;
      height: auto; }
      .shopbuttons .shopbutton input.quantity {
        text-align: center;
        width: 2.8rem;
        background-color: white;
        border-radius: 1px; }
    .shopbuttons .shopbutton a {
      text-decoration: none;
      user-select: none;
      text-align: center;
      padding-left: 1rem;
      padding-right: 1rem;
      color: inherit; }
      .shopbuttons .shopbutton a:active {
        background-color: rgba(0, 0, 0, 0.1); }
      .shopbuttons .shopbutton a span {
        display: none; }
      .shopbuttons .shopbutton a:before {
        vertical-align: middle;
        font-size: .9rem; }
      .shopbuttons .shopbutton a.plus, .shopbuttons .shopbutton a.minus {
        width: 2rem;
        padding-left: 0;
        padding-right: 0; }
      .shopbuttons .shopbutton a.plus:before {
        content: "+"; }
      .shopbuttons .shopbutton a.minus:before {
        content: "-"; }
      .shopbuttons .shopbutton a.intoCart {
        position: relative; }
        .shopbuttons .shopbutton a.intoCart span {
          display: inline;
          color: inherit; }
        .shopbuttons .shopbutton a.intoCart.icon span:before {
          display: inline;
          content: "Kosárba"; }
      .shopbuttons .shopbutton a.disabled {
        cursor: default; }
        .shopbuttons .shopbutton a.disabled:active {
          background-color: inherit; }
        .shopbuttons .shopbutton a.disabled:before, .shopbuttons .shopbutton a.disabled span {
          opacity: .3; }
    .shopbuttons .shopbutton * + .intoCart:before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      display: inline-block;
      background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1));
      content: '';
      width: 1px;
      vertical-align: top; }

@media (max-width: 749px) {
  .tabnav {
    font-size: 1rem; } }
.tabnav:not(._initialized) {
  display: none; }
.tabnav > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  line-height: 1.2rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  border-style: solid;
  border-color: #ddd;
  border-width: 0 0 2px 0; }
  @media (max-width: 749px) {
    .tabnav > ul {
      width: 100vw;
      position: relative;
      margin-left: -50vw;
      left: 50%; } }
  .tabnav > ul > li {
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-style: solid;
    border-bottom-color: #ddd;
    margin-bottom: -2px;
    border-bottom-width: 2px; }
    @media (max-width: 749px) {
      .tabnav > ul > li {
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        text-align: center; } }
    .tabnav > ul > li a {
      text-decoration: none;
      color: inherit;
      display: block;
      padding: .5rem 1.4rem; }
      .tabnav > ul > li a:active {
        background-color: rgba(0, 0, 0, 0.1); }
      @media (max-width: 749px) {
        .tabnav > ul > li a {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1;
          padding: .3rem .6rem; } }
    .tabnav > ul > li.ui-state-active {
      border-bottom-color: #0156a9;
      color: #0156a9; }
      .tabnav > ul > li.ui-state-active a {
        color: inherit; }

.subProductList {
  margin: 1em 0;
  position: relative;
  padding-bottom: 30px; }
  .subProductList .shopbuttons.multiple {
    padding: 6px; }
  .subProductList table {
    border-collapse: initial;
    border: 0;
    border-bottom: 1px solid #ddd; }
    .subProductList table .only-xs {
      display: none; }
    @media (max-width: 749px) {
      .subProductList table .only-xs {
        display: table-row; }
      .subProductList table .no-xs {
        display: none; } }
    .subProductList table thead th {
      border: 0 none;
      border-top: 1px solid #ddd;
      vertical-align: top; }
    .subProductList table tbody td {
      border: 0 none;
      vertical-align: middle; }
    .subProductList table tbody tr:first-child td {
      border-top: 1px solid #ddd; }
    .subProductList table .orderable_no td {
      color: #bbb; }

#zone_FlexyMain {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap; }

#pageWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  min-height: 100%; }

li.fbLoginButton, li.googleLoginButton {
  vertical-align: middle; }
  li.fbLoginButton a.fbLoginButton, li.fbLoginButton input.fbLoginButton, li.googleLoginButton a.fbLoginButton, li.googleLoginButton input.fbLoginButton {
    color: white;
    padding: 8px 12px;
    font-weight: normal;
    border-radius: 4px; }
    li.fbLoginButton a.fbLoginButton:before, li.fbLoginButton input.fbLoginButton:before, li.googleLoginButton a.fbLoginButton:before, li.googleLoginButton input.fbLoginButton:before {
      border-right: 1px solid rgba(255, 255, 255, 0.7);
      padding-right: 10px;
      font-size: 1.5em;
      margin: 0 10px 0 0; }
    .mobile li.fbLoginButton a.fbLoginButton, .mobile li.fbLoginButton input.fbLoginButton, .mobile li.googleLoginButton a.fbLoginButton, .mobile li.googleLoginButton input.fbLoginButton {
      text-decoration: none;
      text-transform: uppercase;
      padding: 4px 12px; }
  li.fbLoginButton a.googleLoginButton, li.fbLoginButton input.gooleLoginButton, li.googleLoginButton a.googleLoginButton, li.googleLoginButton input.gooleLoginButton {
    color: white;
    padding: 8px 12px;
    font-weight: normal;
    border-radius: 4px; }
    li.fbLoginButton a.googleLoginButton:before, li.fbLoginButton input.gooleLoginButton:before, li.googleLoginButton a.googleLoginButton:before, li.googleLoginButton input.gooleLoginButton:before {
      border-right: 1px solid rgba(255, 255, 255, 0.7);
      padding-right: 10px;
      font-size: 1.5em;
      margin: 0 10px 0 0; }
    .mobile li.fbLoginButton a.googleLoginButton, .mobile li.fbLoginButton input.gooleLoginButton, .mobile li.googleLoginButton a.googleLoginButton, .mobile li.googleLoginButton input.gooleLoginButton {
      text-decoration: none;
      text-transform: uppercase;
      padding: 4px 12px; }

#floating_form {
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  position: fixed;
  right: 10px;
  width: 300px;
  z-index: 2000;
  top: 100%;
  transform: translateY(-30px); }
  #floating_form.open {
    opacity: 1;
    width: 400px;
    transform: translateY(-100%); }
  #floating_form .h2 {
    text-align: center;
    margin: 0 !important;
    line-height: 30px;
    height: 30px;
    background-color: #444444;
    color: white;
    letter-spacing: 2px; }
    #floating_form .h2 a {
      display: block;
      text-decoration: none;
      background-color: #c90000;
      color: inherit; }
  #floating_form form {
    padding: 5px; }
  #floating_form p {
    overflow: hidden;
    margin: 0.5em 0; }
    #floating_form p.disclaimer {
      height: 3em; }

.tree ul li a.node {
  background-color: white !important; }

.product-info h4 {
  color: #3366cc; }

ul.mapei-products {
  text-align: center; }
  ul.mapei-products > li {
    vertical-align: top;
    display: inline-block;
    margin: 5px;
    position: relative;
    width: 206px;
    height: 266px;
    border-radius: 10px;
    background-color: #f0f0f0; }
    ul.mapei-products > li > a {
      display: block;
      height: 100%;
      border-radius: 10px; }
      ul.mapei-products > li > a:hover span.circle {
        transform: scale(1.2); }
    ul.mapei-products > li img {
      position: absolute;
      top: 33px;
      left: 3px;
      z-index: 0;
      width: 200px;
      height: 200px;
      border-radius: 5px; }
    ul.mapei-products > li span.circle {
      transition: all .15s ease-in-out;
      display: table-cell;
      position: absolute;
      top: 50%;
      left: 50%;
      border: 4px solid red;
      color: black;
      background-color: rgba(255, 255, 255, 0.4);
      width: 90px;
      height: 90px;
      border-radius: 100%;
      vertical-align: middle;
      margin-left: -45px;
      margin-top: -45px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-top: 25px; }
    ul.mapei-products > li span.click-here {
      display: table-cell;
      position: absolute;
      top: 50%;
      left: 50%;
      color: black;
      width: 90px;
      height: 90px;
      border-radius: 100%;
      vertical-align: middle;
      margin-left: -45px;
      margin-top: -45px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-top: 25px; }
    ul.mapei-products > li span.name-top, ul.mapei-products > li span.name-bottom {
      display: block;
      position: absolute;
      color: black;
      text-transform: uppercase;
      font-weight: bold;
      line-height: 33px;
      text-align: center;
      width: 100%; }
    ul.mapei-products > li span.name-bottom {
      bottom: 0; }

.mapei-subproducts {
  position: relative;
  margin-top: 45px;
  padding-top: 80px;
  min-height: 500px;
  padding-left: 200px; }
  .mapei-subproducts h1 {
    position: absolute;
    color: black !important;
    border-left: 180px solid black;
    border-bottom: 10px solid black;
    margin: 0 !important;
    top: -20px;
    left: -10px;
    right: -11px;
    padding: 20px;
    z-index: 0; }
  .mapei-subproducts .imgwrap {
    position: absolute;
    top: 4px;
    left: 14px;
    z-index: 1;
    padding: 8px;
    border: 5px solid black; }
    .mapei-subproducts .imgwrap img {
      width: 100px;
      height: 100px;
      float: left;
      border: 3px solid black; }
  .mapei-subproducts ul {
    list-style: disc;
    color: red; }

.subProductList .image {
  width: 50px; }
  .subProductList .image img {
    max-width: 50px;
    max-height: 50px; }

#yandex {
  position: absolute;
  bottom: 20px;
  right: 0; }

.mobile #customer_reviews {
  margin-top: 2em; }
  .mobile #customer_reviews h2 {
    text-transform: uppercase;
    color: #1d64bc;
    padding-left: 10px;
    font-size: 1.2em;
    padding: 0;
    margin-bottom: 10px; }
#customer_reviews .ms-view {
  background-color: transparent; }
#customer_reviews p {
  margin-left: 60px;
  color: #666; }
  #customer_reviews p:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: 0px;
    top: 40px;
    color: #999; }
#customer_reviews .ms-slide {
  height: auto; }

.komeph2 {
  font-weight: normal;
  padding-left: 10px;
  line-height: 57px; }

.pager-wrap {
  text-align: right;
  margin: 1em 0; }
  .pager-wrap .pager {
    font-weight: bold; }
    .pager-wrap .pager a {
      text-decoration: none;
      color: black; }
    .pager-wrap .pager span {
      display: inline-block;
      font-size: 17px;
      background-color: white;
      margin-right: 2px;
      padding: 2px 3px; }
    .pager-wrap .pager .no-xs {
      display: none !important; }
    .pager-wrap .pager .only-xs {
      font-size: 15px;
      color: #1d293b;
      position: relative;
      top: -2px;
      padding: 2px 6px; }
      .pager-wrap .pager .only-xs.previous:after {
        content: "◀"; }
      .pager-wrap .pager .only-xs.first:after {
        content: "◀◀"; }
      .pager-wrap .pager .only-xs.next:after {
        content: "▶"; }
      .pager-wrap .pager .only-xs.last:after {
        content: "▶▶"; }
    .pager-wrap .pager .selected a {
      font-size: 20px;
      color: #478AEC; }
    .pager-wrap .pager a:hover {
      background-color: #EEEAE0; }
    .pager-wrap .pager span.inactive {
      color: #ccc; }

.filters dt a:hover {
  color: #d00 !important; }

.pr-group {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 1em; }

.fbbox {
  margin: 1em 0; }

@media (min-width: 1025px) {
  div.mobile-switcher {
    display: none; } }
#blog-wrap ul {
  margin-top: 2em;
  overflow: hidden; }
  #blog-wrap ul li {
    width: 325px;
    float: left;
    margin-left: 9px;
    margin-top: 9px; }
    #blog-wrap ul li:nth-child(2n+1) {
      clear: left;
      margin-left: 0; }
    .mobile #blog-wrap ul li {
      margin-left: 0;
      margin-right: 0;
      clear: none; }
      .mobile #blog-wrap ul li img {
        width: 100%; }
      @media screen and (max-width: 666px) {
        .mobile #blog-wrap ul li {
          width: 100%; } }
      @media screen and (min-width: 667px) and (max-width: 1000px) {
        .mobile #blog-wrap ul li {
          width: 50%; }
          .mobile #blog-wrap ul li:nth-child(2n+1) {
            clear: left; } }
      @media screen and (min-width: 1001px) {
        .mobile #blog-wrap ul li {
          width: 33.3%; }
          .mobile #blog-wrap ul li:nth-child(3n+1) {
            clear: left; } }
#blog-wrap a {
  text-decoration: none; }
#blog-wrap h3 {
  color: white;
  background-color: #c90000;
  margin: 0;
  padding: 5px; }
#blog-wrap p {
  margin: 0;
  padding: 5px; }

#komep-config {
  overflow: auto; }
  #komep-config .h2 {
    font-size: 1em;
    background-color: #eee;
    padding: 5px;
    margin: 5px 0; }
  #komep-config input[type="text"] {
    width: 70px; }
  #komep-config div.row {
    overflow: auto; }
  #komep-config div.td {
    display: inline-block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    #komep-config div.td.rowname {
      -webkit-box-flex: 0 0 140px;
      -moz-box-flex: 0 0 140px;
      -webkit-flex: 0 0 140px;
      -ms-flex: 0 0 140px;
      flex: 0 0 140px; }
    #komep-config div.td.subtotal {
      -webkit-box-flex: 0 0 100px;
      -moz-box-flex: 0 0 100px;
      -webkit-flex: 0 0 100px;
      -ms-flex: 0 0 100px;
      flex: 0 0 100px; }
  #komep-config div.field {
    display: inline-block;
    margin-left: 5px; }
    #komep-config div.field:first-child {
      margin-left: 0; }
  #komep-config [readonly] {
    color: #999; }
  #komep-config .tag-group {
    margin-top: 5px; }

.fbgooglelogins {
  position: relative;
  top: 20px;
  text-align: center; }

.fbgooglelogins a.fbLoginButton {
  text-decoration: none;
  background-color: #3B6199;
  color: white;
  padding: 8px 12px;
  font-weight: normal;
  border-radius: 4px; }
  .fbgooglelogins a.fbLoginButton:before {
    border-right: 1px solid rgba(255, 255, 255, 0.7);
    padding-right: 10px;
    font-size: 1.2em;
    margin: 0 10px 0 0; }
.fbgooglelogins a.googleLoginButton {
  margin-left: 30px;
  text-decoration: none;
  background-color: #D34836;
  color: white;
  padding: 8px 12px;
  font-weight: normal;
  border-radius: 4px; }
  .fbgooglelogins a.googleLoginButton:before {
    border-right: 1px solid rgba(255, 255, 255, 0.7);
    padding-right: 10px;
    font-size: 1.2em;
    margin: 0 10px 0 0; }

.filtercontrol {
  line-height: 30px; }
  .filtercontrol a {
    background-color: #ffca09;
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 10px;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 3px;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: all .2s;
    transition: all .2s; }
    .filtercontrol a.on {
      background-color: #012a48;
      color: white; }

.cookieWarning {
  background-color: rgba(255, 202, 0, 0.94);
  color: black; }
  .cookieWarning a {
    background-color: rgba(255, 255, 255, 0.4); }

.bubbleDialog {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 4px;
  border-radius: .3rem; }
  .bubbleDialog .arrow {
    border-color: rgba(0, 0, 0, 0.8) transparent transparent rgba(0, 0, 0, 0.8); }
  .bubbleDialog .dialogContent {
    padding: .6rem; }

.bubbleDialog.addressForm {
  width: 600px;
  max-width: calc(100% - 20px);
  background-color: white;
  border-radius: 0;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.6);
  max-width: 95%; }
  .bubbleDialog.addressForm h2 {
    font-size: 15px; }

.popupDiv {
  width: 600px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  max-width: 100%; }

.mobile .stockCell {
  display: none; }

#zone_KomepFloatPromo {
  position: absolute;
  top: 20px;
  width: 280px;
  right: -300px;
  z-index: 15; }

.product-rating {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  color: #BEBEBE;
  margin-top: 5px;
  height: 33px; }

.product-rating .full-stars {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  color: #ffd100;
  height: 33px;
  overflow: hidden; }
.product-rating .empty-stars {
  height: 33px; }
.product-rating .empty-stars:before, .product-rating .full-stars:before {
  content: "\2605\2605\2605\2605\2605";
  font-size: 20px;
  vertical-align: middle;
  height: 33px; }

.rateText {
  font-size: 11px; }

#product-review .review {
  margin: 10px 0px;
  border-radius: 50px;
  background-color: #edf4ff;
  width: 100%;
  padding: 10px 0; }
  #product-review .review table, #product-review .review tr {
    border: none; }
  #product-review .review .reviewName {
    text-align: center;
    font-weight: bold;
    display: inline-block;
    width: 150px; }
    #product-review .review .reviewName img {
      width: 45px; }
  #product-review .review .reviewContent {
    width: 100%; }
    #product-review .review .reviewContent .review-header {
      overflow: hidden; }
      #product-review .review .reviewContent .review-header .stars {
        color: black;
        font-size: 1.7em;
        float: left;
        white-space: nowrap;
        overflow: hidden; }
      #product-review .review .reviewContent .review-header .otherInfos {
        float: right;
        font-weight: bold;
        font-size: 1.15em;
        margin-right: 8px; }
    #product-review .review .reviewContent .reviewText {
      margin-top: 10px; }
  #product-review .review .like-dislike {
    vertical-align: middle;
    width: 150px;
    padding-right: 15px; }
    #product-review .review .like-dislike .like-buttons {
      position: relative;
      width: 100px;
      height: 50px;
      border-radius: 20px;
      background-color: #d6dfef; }
    #product-review .review .like-dislike .dislike {
      position: absolute;
      width: 30px;
      height: 30px;
      left: 15px;
      top: 16px;
      border: none;
      background: none; }
    #product-review .review .like-dislike .elvalaszto {
      position: absolute;
      font-size: 24px;
      top: 14px;
      left: 48px;
      color: white;
      font-weight: bold; }
    #product-review .review .like-dislike .like {
      position: absolute;
      width: 30px;
      height: 30px;
      left: 55px;
      top: 4px;
      border: none;
      background: none; }
@media only screen and (max-width: 600px) {
  #product-review td.like-dislike {
    display: none; }
  #product-review td.reviewName {
    width: 70px !important; } }
#product-review .label {
  margin-top: 5px;
  font-size: 1.2em;
  color: black; }
#product-review .like {
  background-color: #bed4fe; }
#product-review .dislike {
  background-color: #ffe6e7; }
#product-review .textR {
  background-color: #d8e0f0; }
#product-review #noteR {
  color: #a4a4a4;
  text-align: right; }
#product-review .stars {
  height: 30px; }
  #product-review .stars star {
    height: 30px; }
#product-review .colored {
  color: #ffd100; }
#product-review .newStars {
  font-size: 16px;
  margin-top: 25px; }
  #product-review .newStars .rating {
    margin: 10px 0;
    user-select: none; }
  #product-review .newStars a {
    text-decoration: none;
    color: black;
    font-size: 32px; }
  #product-review .newStars .reviewStars {
    color: #BEBEBE; }
  #product-review .newStars .review-selected {
    color: #ffd100; }
  #product-review .newStars .review-hover {
    color: #36c; }

.autoscale img[style] {
  width: 100% !important;
  height: auto !important; }

@media only screen and (max-width: 750px) {
  .margin > p > img[style] {
    max-width: 100% !important;
    height: auto !important; } }
.imageButton {
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #333;
  background-color: yellow;
  border-color: #ccc; }

.imageButton:hover {
  color: #333;
  background-color: lightblue;
  border-color: #adadad; }

.productName {
  font-size: 2em;
  margin-bottom: 20px;
  color: blue;
  font-weight: bold;
  line-height: 1.2; }

.singleProductRating {
  font-size: 1.25em; }

.p152 .pricerow > span {
  font-size: 1.5em; }
.p152 span.price {
  font-size: 2em; }

h1.productName {
  margin: 10px 0 5px 0 !important; }

#customer-service {
  position: fixed;
  bottom: 0px;
  right: 6px;
  width: 280px;
  z-index: 666; }
  #customer-service input[name=customerComment] {
    display: none; }
  #customer-service .imageButton {
    padding: 5px 0; }
  #customer-service img {
    max-width: 200px;
    max-height: 200px; }
  #customer-service #cs-form {
    width: 280px;
    background-color: white;
    text-align: center;
    box-shadow: 0px 0px 10px rgba(96, 199, 83, 0.5); }
  #customer-service input, #customer-service textarea {
    background-color: white;
    border-radius: 5px;
    margin: 5px 10px 5px 10px;
    width: 260px;
    color: #6d6d6d;
    border-color: #d3d3d3;
    resize: none;
    transition: border .2s, box-shadow .2s; }
  #customer-service input[type=submit] {
    background-color: #2da89c;
    color: white;
    padding: 10px;
    padding-bottom: 30px; }
  #customer-service #cs-form > p {
    margin: 0px;
    color: black;
    padding: 5px 10px 10px 10px; }
  #customer-service a {
    text-decoration: none;
    color: #b0c1bf; }
  #customer-service .cs-header {
    background: #60c753;
    padding: 12px 12px 6px 12px;
    padding-right: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #b0c1bf;
    overflow: hidden; }
  #customer-service img.cs-image {
    float: left;
    width: 39px;
    height: 39px;
    border-radius: 5px; }
  #customer-service .cs-header > a > div {
    float: left;
    padding-left: 10px;
    padding-right: 0px;
    color: white; }
    #customer-service .cs-header > a > div .cs-title {
      font-size: 20px;
      font-weight: bold;
      margin: 0; }
    #customer-service .cs-header > a > div .cs-note {
      font-size: 12px;
      margin: 0; }
  #customer-service #cs-close {
    float: right;
    padding: 10px;
    font-size: 25px;
    color: #627674; }

@media only screen and (max-width: 767px) {
  #customer-service {
    transform: scale(0.7);
    bottom: -11px;
    right: -40px; } }
td.stockCell {
  font-weight: bold;
  color: green; }

.presents h2 {
  color: #0000ff; }

#compareTable {
  width: 100%;
  table-layout: fixed; }
  #compareTable .field {
    font-weight: bold; }
  #compareTable td {
    border: 1px black solid; }
  #compareTable img {
    max-width: 100%; }

.shopbuttons > .comparelink {
  margin-right: 20px; }

.breadcrumb .comparelink {
  float: right; }

#customMessageBox {
  z-index: 1001;
  position: fixed;
  top: 1px;
  left: 50%;
  background-color: black;
  opacity: 0.8;
  width: 320px;
  margin-left: -160px;
  text-align: center;
  padding: 1em;
  color: white;
  font-weight: bold; }

#compareproductwindow {
  z-index: 666;
  position: fixed;
  top: 180px;
  right: 20px;
  height: 205px;
  width: 60px;
  background-color: whitesmoke;
  border-radius: 10px; }
  #compareproductwindow .deleteCompare {
    color: white;
    font-weight: bold;
    font-size: 10px;
    background-color: red;
    text-decoration: none;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0 5px;
    border-radius: 10px; }
  #compareproductwindow a.button {
    padding: 0 15px;
    margin-left: 6px;
    border-radius: 10px; }
  #compareproductwindow .compareProduct {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 5px;
    border: gray 1px solid;
    text-align: center;
    border-radius: 10px;
    overflow: hidden; }
  #compareproductwindow .compareProduct > span {
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  #compareproductwindow .compareProduct > img {
    max-width: 40px;
    max-height: 40px;
    margin-left: -5px;
    vertical-align: middle; }

.shopbuttons .shopbutton {
  color: white;
  background-color: #143D70; }
.shopbuttons div.kiadossag {
  position: relative; }
.shopbuttons div.kiadossag > input {
  text-align: right !important; }
.shopbuttons div.kiadossag > span.kiadossag {
  position: absolute;
  top: 2px;
  left: 55px;
  color: grey; }

.sticker-container {
  position: relative; }
  .sticker-container .sc-background {
    position: absolute;
    z-index: 6;
    background: #ffc939;
    height: 30px;
    width: 35px;
    top: 5px;
    left: 12px;
    transform: skewX(-6deg); }
  .sticker-container .sc-percent-bg {
    background: #36c;
    padding: 15px;
    position: absolute;
    z-index: 8;
    top: 1px;
    left: 7px;
    transform: skewX(-6deg); }
  .sticker-container .sc-percent {
    position: absolute;
    z-index: 10;
    font-size: 16px;
    font-weight: bold;
    color: white;
    top: 7px;
    left: 11px;
    text-shadow: 0px 0px 3px #000; }

.user-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

span.price {
  color: #F25500;
  font-weight: bold; }

span.oldprice {
  opacity: .5;
  font-weight: bold;
  text-decoration: line-through; }

.wmax {
  width: 100%; }

.w1, .XS {
  width: 50px; }

.w2, .S {
  width: 100px; }

.w3, .M {
  width: 150px; }

.w4, .L {
  width: 200px; }

.w5 {
  width: 250px; }

.fleft {
  float: left; }

.fright {
  float: right; }

.fileuploader input {
  display: none; }
.fileuploader .fileInfo a {
  padding: 0 4px;
  color: blue;
  text-decoration: underline; }

.elrejtve {
  display: none; }

ul.ticketmessagelist {
  list-style: none;
  margin: 1em 0 !important;
  padding: 0 !important; }
  ul.ticketmessagelist a {
    color: blue;
    text-decoration: underline; }
  ul.ticketmessagelist li {
    padding: 0 !important;
    margin: 1em 0;
    border-radius: 5px; }
    ul.ticketmessagelist li.admin {
      width: 90%;
      margin: 1em 0 1em auto;
      background-color: #788EC2;
      color: white; }
    ul.ticketmessagelist li.client {
      background-color: #f0f0f0; }
    ul.ticketmessagelist li h3 {
      font-weight: bold;
      margin: 0 !important;
      padding: 5px 10px !important;
      background-color: transparent; }
      ul.ticketmessagelist li h3 span.date {
        float: right;
        font-weight: normal; }
    ul.ticketmessagelist li.admin h3 {
      color: white !important; }
    ul.ticketmessagelist li > div {
      border-radius: 0 0 10px 10px;
      padding: 10px; }
  ul.ticketmessagelist textarea {
    background: white;
    width: 100%; }
  ul.ticketmessagelist .admin a {
    color: white; }
  ul.ticketmessagelist .attachment p {
    font-weight: bold;
    font-size: 1.05em; }
  ul.ticketmessagelist .attachment a {
    margin-right: 20px;
    background-color: white;
    border-radius: 5px;
    padding: 5px;
    color: blue; }

.blog-tags ul li {
  display: inline-block; }
  .blog-tags ul li a {
    color: inherit;
    text-decoration: none;
    background-color: #ddd;
    padding: .2rem .6rem;
    display: block;
    border-radius: .2rem;
    margin-right: .2rem; }
    .blog-tags ul li a:active {
      background-color: #bbb; }
.blog-tags + .blogposts {
  margin-top: 1.5rem; }

.avus-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 20000;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: all .2s;
  transition: all .2s; }
  .avus-overlay.on {
    opacity: 1; }

.avus-errormessage {
  width: 500px;
  position: fixed;
  top: 20px;
  left: 50%;
  margin-left: -250px;
  min-height: 80px;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 20001;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -ms-transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  padding: 1em;
  padding-left: 6.5em;
  border-radius: 5px; }
  .avus-errormessage.on {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  .avus-errormessage:before {
    display: inline-block;
    content: url(../img/warning.svg);
    position: absolute;
    width: 50px;
    top: 1em;
    overflow: hidden;
    left: 1.15em;
    -webkit-transition: all .2s;
    transition: all .2s; }
    @media screen and (max-width: 520px) {
      .avus-errormessage:before {
        width: 39px;
        top: 0.40em;
        left: 0.40em; } }
  @media screen and (max-width: 520px) {
    .avus-errormessage {
      width: auto;
      top: 10px;
      left: 10px;
      right: 10px;
      margin-left: 0;
      padding: .6em;
      padding-left: 3.8em; } }
  .avus-errormessage button {
    float: right;
    margin-top: 1em; }
  .avus-errormessage ul {
    line-height: 1.2em; }
    .avus-errormessage ul li {
      margin-top: .5em; }
      .avus-errormessage ul li:first-child {
        margin-top: 0; }

.warning {
  position: relative;
  background-color: #FFF1A8;
  padding: .8rem .8rem .8rem 4rem;
  min-height: 3.2rem; }

.warning::before {
  display: inline-block;
  content: url(../img/warning.svg);
  position: absolute;
  left: .8rem;
  top: 50%;
  width: 35px;
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%); }

.arrow-right {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

.arrow-left {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg); }

.arrow-up {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg); }

.arrow-down {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

#search-suggestions {
  background-color: white;
  width: 800px;
  left: 50%;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  overflow: hidden; }
  #search-suggestions a {
    display: block;
    text-decoration: none;
    color: black;
    padding: 5px; }
    #search-suggestions a:hover {
      background-color: #478aec;
      color: white; }
  #search-suggestions .search-column1 {
    vertical-align: top;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    text-align: left;
    width: 310px; }
  #search-suggestions .search-column2 {
    vertical-align: top;
    box-sizing: border-box;
    display: inline-block;
    width: 480px;
    padding: 10px;
    text-align: left; }
  @media screen and (max-width: 810px) {
    #search-suggestions {
      width: 95%;
      max-width: 450px; }
      #search-suggestions .search-column1 {
        width: 100%; } }
  #search-suggestions .search-h2 {
    font-weight: bold;
    margin: 10px 0 5px 0; }
  #search-suggestions .search-preresults-label {
    position: relative;
    padding-left: 60px;
    min-height: 50px; }
    #search-suggestions .search-preresults-label .search-preresults-img {
      width: 50px;
      height: 50px;
      position: absolute;
      left: 5px;
      top: 0px;
      z-index: 1;
      text-align: center; }
      #search-suggestions .search-preresults-label .search-preresults-img img {
        max-width: 50px;
        max-height: 50px; }
  #search-suggestions .search-suggestions-exit {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 8px;
    font-size: 18px; }
    #search-suggestions .search-suggestions-exit:hover {
      background-color: #478aec;
      color: white; }
  #search-suggestions .search-suggestion-submit {
    padding: 10px;
    background-color: #f2f2f2;
    font-weight: bold;
    cursor: pointer; }

#ordersteps .step-indicator {
  border-radius: 25px;
  background-color: #F7F7F7;
  padding: 0;
  overflow: hidden; }
  #ordersteps .step-indicator li {
    display: inline-block;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px; }
    #ordersteps .step-indicator li a {
      color: #979797;
      text-decoration: none; }
      #ordersteps .step-indicator li a::before {
        font-weight: bold;
        content: counter(flag);
        counter-increment: flag;
        margin-right: .5rem; }
    #ordersteps .step-indicator li.on {
      color: white;
      background-color: #B4192B; }
      #ordersteps .step-indicator li.on:after {
        content: "";
        display: inline-block;
        border-bottom: 25px solid transparent;
        border-top: 25px solid transparent;
        border-left: 12px solid #b4192b;
        position: absolute;
        top: 0px;
        right: -12px; }
      #ordersteps .step-indicator li.on a {
        color: white; }
  #ordersteps .step-indicator .step-indicator li:nth-last-child(1)::after {
    display: none !important; }
@media only screen and (max-width: 999px) {
  #ordersteps .step-indicator li {
    font-size: 13px;
    padding: 10px 20px; }
  #ordersteps .step-indicator li.on::after {
    border-bottom: 19.75px solid transparent;
    border-top: 19.75px solid transparent;
    border-left: 12px solid #b4192b;
    position: absolute;
    right: -12px; } }
#ordersteps .only-xs {
  display: none; }
@media (max-width: 749px) {
  #ordersteps .only-xs {
    display: table-row; }
  #ordersteps .no-xs {
    display: none; } }
#ordersteps .trash img {
  height: 22px; }

#order-delivery-methods > li {
  padding: 10px;
  border: 1px lightgrey solid;
  border-radius: 15px;
  margin: 10px 0;
  position: relative;
  padding-right: 50px; }
  #order-delivery-methods > li.deliver-method-selected {
    border-color: black; }
#order-delivery-methods .delivery-method-check-div {
  align-self: center;
  height: 45px;
  width: 45px;
  padding: 5px;
  margin-right: 6px; }
  #order-delivery-methods .delivery-method-check-div > img {
    width: 100%;
    height: 100%; }
#order-delivery-methods .delivery-method-image {
  max-height: 60px;
  align-self: center;
  padding: 7px; }
#order-delivery-methods .delivery-method-label {
  cursor: pointer;
  display: flex; }
  #order-delivery-methods .delivery-method-label > span {
    align-self: center; }

#order-payment-methods > li {
  padding: 10px;
  border: 1px lightgrey solid;
  border-radius: 15px;
  margin: 10px 0;
  position: relative;
  padding-right: 50px; }
  #order-payment-methods > li.payment-method-selected {
    border-color: black; }
#order-payment-methods .payment-method-check-div {
  align-self: center;
  height: 45px;
  width: 45px;
  padding: 5px;
  margin-right: 6px; }
  #order-payment-methods .payment-method-check-div > img {
    width: 100%;
    height: 100%; }
#order-payment-methods .payment-method-image {
  max-height: 60px;
  align-self: center;
  top: 19px;
  padding: 7px; }
#order-payment-methods .payment-method-label {
  cursor: pointer;
  display: flex; }
  #order-payment-methods .payment-method-label > span {
    align-self: center; }

#order-availability-buttons {
  overflow: hidden;
  margin: 20px; }
  #order-availability-buttons button {
    background-color: whitesmoke;
    color: black;
    float: right;
    background-image: linear-gradient(#f7f8fa, #e7e9ec);
    border-color: #adb1b8 #a2a6ac #8d9096;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    box-shadow: rgba(255, 255, 255, 0.6) 0 1px 0 inset; }
    #order-availability-buttons button:hover {
      border-color: #a2a6ac #979aa1 #82858a; }

.order-info-image {
  height: 35px;
  position: absolute;
  top: 15px;
  right: 7px; }

ul.horizontal > li {
  display: inline-block;
  margin: 0 10px; }

::placeholder {
  color: #b7b7b7; }

.hideText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.nobr, .nowrap {
  white-space: nowrap; }

.posRel {
  position: relative; }

body {
  background-color: white;
  font-family: Helvetica Neue;
  line-height: 150%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  	/*&.DEVEL, &.TEST {
  		&:before, &:after {
  			position: fixed;
  			background-color: black;
  			color: white;
  			content: 'TESZT';
  			z-index: 666;
  			display: inline-block;
  			padding: .5rem;
  			top: .5rem;
  
  			animation-name: test_pulsate;
  			animation-duration: 4s;
  			animation-iteration-count: infinite;
  			animation-timing-function: linear;			
  
  		}
  		&:before {
  			left: .5rem;
  		}
  
  		&:after {
  			right: .5rem;
  			animation-delay: -2s;
  		}
  	}*/ }

#zone_PrePageBody {
  position: relative;
  overflow: hidden; }

.center {
  text-align: center; }

.centered {
  max-width: 1500px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0; }

.menuopener {
  display: inline-block;
  padding: 10px;
  color: #1d293b !important;
  position: relative;
  padding: 30px 0px 5px 0px; }
  .menuopener img {
    position: absolute;
    top: 5px;
    left: 7px;
    height: 24px; }

.mm-menu-h1 .menuopener img {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  vertical-align: bottom; }

#mobile-menu {
  position: absolute;
  top: 0px;
  left: -310px;
  width: 300px;
  background-color: #1D293B;
  color: white;
  z-index: 10000;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding: 10px; }
  #mobile-menu a {
    text-decoration: none;
    color: white; }
  #mobile-menu .mm-menu-h1 {
    font-size: 20px;
    margin-bottom: 15px; }
  #mobile-menu ul.root {
    position: relative;
    overflow: hidden;
    font-size: 15px; }
    #mobile-menu ul.root ul.mmlist {
      display: none;
      position: absolute;
      z-index: 10;
      width: 280px;
      background-color: #1D293B; }
    #mobile-menu ul.root .node_productgroup > div {
      position: relative; }
    #mobile-menu ul.root .node_productgroup a.nodename {
      display: block;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 10px 30px 10px 0px; }
    #mobile-menu ul.root .node_productgroup a.mm-back {
      padding: 10px 0px 10px 30px; }
    #mobile-menu ul.root .mm-more-icon {
      position: absolute;
      right: -5px;
      top: 0px;
      padding: 10px 10px; }
      #mobile-menu ul.root .mm-more-icon::after {
        content: url("/customers/hatvanibarkacsbolt/img/mm-more-icon.svg");
        position: relative;
        top: 1px; }
    #mobile-menu ul.root .mm-less-icon {
      position: absolute;
      left: -5px;
      top: 0px;
      padding: 10px 10px; }
      #mobile-menu ul.root .mm-less-icon::after {
        content: url("/customers/hatvanibarkacsbolt/img/mm-less-icon.svg");
        position: relative;
        top: 1px; }
  #mobile-menu .mobile-header-menu {
    font-size: 16px;
    margin-top: 25px;
    padding: 15px 0;
    border-top: white 1px solid;
    border-bottom: white 1px solid; }
    #mobile-menu .mobile-header-menu a {
      display: block;
      color: #FFC850;
      padding: 5px 0;
      margin-bottom: 10px; }
  #mobile-menu .contact-info {
    margin-top: 31px; }
    #mobile-menu .contact-info .cs-header-icon {
      margin: 8px 0;
      padding-left: 36px;
      position: relative;
      margin-bottom: 10px; }
      #mobile-menu .contact-info .cs-header-icon img {
        position: absolute;
        top: -6px;
        left: 2px;
        width: 30px; }

#mobile-header .row1 {
  background-color: #F0F0F0;
  height: 70px;
  text-align: center; }
  #mobile-header .row1 a {
    text-decoration: none;
    color: white; }
  #mobile-header .row1 .menuopener {
    float: left;
    margin-left: 10px;
    margin-top: 8px; }
  #mobile-header .row1 .logo img {
    height: 40px;
    margin-top: 15px; }
  #mobile-header .row1 .mm-icons {
    float: right;
    margin-top: 20px;
    margin-right: 15px; }
    #mobile-header .row1 .mm-icons .bejelentkezes img {
      height: 25px; }
    #mobile-header .row1 .mm-icons .simplecart {
      position: relative;
      margin: 0 15px;
      display: inline-block; }
      #mobile-header .row1 .mm-icons .simplecart .title {
        display: none; }
      #mobile-header .row1 .mm-icons .simplecart .amount {
        position: absolute;
        color: black;
        bottom: -15px;
        left: -15px;
        font-size: 10px;
        width: 70px;
        text-align: center;
        font-weight: bold; }
      #mobile-header .row1 .mm-icons .simplecart .item-count {
        position: absolute;
        top: -6px;
        right: -7px;
        color: black; }
      #mobile-header .row1 .mm-icons .simplecart svg {
        height: 25px;
        fill: black; }
#mobile-header .row12 {
  background-color: #1d293b;
  padding: 1px;
  font-size: 12px; }
  #mobile-header .row12 .contact-info {
    width: 250px;
    margin: auto; }
    #mobile-header .row12 .contact-info a {
      color: white;
      text-decoration: none; }
    #mobile-header .row12 .contact-info .cs-header-icon {
      margin: 8px 0;
      padding-left: 36px;
      position: relative;
      margin-bottom: 10px; }
      #mobile-header .row12 .contact-info .cs-header-icon img {
        position: absolute;
        top: -3px;
        left: 9px;
        width: 23px; }
#mobile-header .row2 .search_input {
  position: relative;
  overflow: hidden;
  width: 80%;
  max-width: 600px;
  min-width: 300px;
  margin: 25px auto; }
  #mobile-header .row2 .search_input form {
    width: 100%; }
  #mobile-header .row2 .search_input #sidebox_kereses_q {
    background-color: white;
    padding: 5px 40px 5px 17px;
    border: black 1px solid;
    border-radius: 50px;
    width: 100%;
    height: 42px;
    font-size: 15px; }
  #mobile-header .row2 .search_input #kereses-button {
    position: absolute;
    height: 28px;
    right: 10px;
    top: 7px; }

input[type="submit"], input[type="reset"], input[type="button"], button, a.button {
  background: #478AEC;
  color: white;
  border: 0 none;
  text-decoration: none; }

@media only screen and (max-width: 1309px) {
  .onlydesktop {
    display: none !important; } }
@media only screen and (min-width: 1310px) {
  .onlymobile {
    display: none !important; } }
#desktop-preheader-view {
  background-color: #1D293B;
  color: white; }
  #desktop-preheader-view a {
    color: white;
    text-decoration: none; }
  #desktop-preheader-view .bejelentkezes {
    float: right; }
    #desktop-preheader-view .bejelentkezes img {
      padding: 8px 10px 6px 10px;
      width: 36px; }
    #desktop-preheader-view .bejelentkezes span {
      font-size: 13px;
      font-weight: bold;
      text-transform: uppercase;
      position: relative;
      top: -7px; }
  #desktop-preheader-view #zone_PreHeader {
    display: inline-block; }
  #desktop-preheader-view .menu_header {
    height: 35px;
    line-height: 35px;
    margin-left: 20px;
    margin-left: 20px; }
    #desktop-preheader-view .menu_header > ul > li {
      display: inline-block;
      margin-right: 20px; }
    #desktop-preheader-view .menu_header > ul > li:hover > ul {
      display: block; }
    #desktop-preheader-view .menu_header > ul .level2 {
      width: max-content;
      position: absolute;
      top: 50px !important;
      display: none;
      z-index: 66;
      background: #59fe01; }
      #desktop-preheader-view .menu_header > ul .level2 > li {
        width: 100%;
        padding: 8px;
        line-height: normal;
        text-align: left; }

#desktop-header-view {
  font-size: 17px;
  position: relative; }
  #desktop-header-view a {
    color: black;
    text-decoration: none; }
  #desktop-header-view .search_input {
    position: relative;
    width: 80%;
    max-width: 600px;
    min-width: 300px;
    margin: 25px auto 0 auto; }
    #desktop-header-view .search_input form {
      width: 100%; }
    #desktop-header-view .search_input #sidebox_kereses_q {
      background-color: white;
      padding: 5px 40px 5px 17px;
      border: #b7b7b7 1px solid;
      border-radius: 50px;
      width: 100%;
      height: 45px;
      font-size: 17px; }
    #desktop-header-view .search_input #kereses-button {
      position: absolute;
      height: 28px;
      right: 10px;
      top: 7px;
      cursor: pointer; }
  #desktop-header-view .contact-info {
    margin-top: 20px;
    float: right; }
    #desktop-header-view .contact-info .cs-header-icon {
      margin: 8px 0;
      padding-left: 36px;
      position: relative; }
      #desktop-header-view .contact-info .cs-header-icon img {
        position: absolute;
        top: -3px;
        left: 2px;
        width: 24px; }
  #desktop-header-view .row1 {
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%; }
    #desktop-header-view .row1 #logo {
      width: 100px; }
  #desktop-header-view .row2 {
    background-color: #478AEC; }
    #desktop-header-view .row2 a {
      color: white; }
    #desktop-header-view .row2 #zone_Header {
      display: inline-block; }
    #desktop-header-view .row2 #desk-cart {
      position: relative;
      float: right;
      width: 300px;
      font-size: 13px;
      text-transform: uppercase;
      text-align: right;
      padding: 13px 42px 13px 0px; }
      #desktop-header-view .row2 #desk-cart svg {
        position: absolute;
        top: 10px;
        right: 10px;
        height: 25px;
        fill: black; }
      #desktop-header-view .row2 #desk-cart .item-count {
        position: absolute;
        top: 2px;
        right: 3px;
        font-weight: bold;
        z-index: 5; }
      #desktop-header-view .row2 #desk-cart a {
        color: black; }
    #desktop-header-view .row2 .main_menu {
      position: relative;
      overflow: visible;
      z-index: 500; }
      #desktop-header-view .row2 .main_menu a {
        color: white; }
      #desktop-header-view .row2 .main_menu ul, #desktop-header-view .row2 .main_menu li {
        width: 280px; }
      #desktop-header-view .row2 .main_menu > li {
        display: inline-block;
        width: auto; }
        #desktop-header-view .row2 .main_menu > li > a, #desktop-header-view .row2 .main_menu > li > span {
          text-transform: uppercase;
          display: block;
          padding: 13px 20px 13px 20px; }
      #desktop-header-view .row2 .main_menu > li:nth-child(1) > a {
        position: relative;
        background-color: #1D293B;
        padding: 13px 20px 13px 60px;
        display: block;
        color: white;
        cursor: pointer;
        width: 400px; }
        #desktop-header-view .row2 .main_menu > li:nth-child(1) > a:before {
          position: absolute;
          top: 10px;
          left: 25px;
          content: url(/customers/hatvanibarkacsbolt/img/mm-menu-icon-kat.svg); }
      #desktop-header-view .row2 .main_menu .level2 {
        background-color: #1D293B;
        display: none;
        position: absolute;
        left: 0px;
        top: 45px;
        z-index: 666;
        font-size: 14px;
        padding-bottom: 12px;
        width: 400px;
        min-height: 500px; }
        #desktop-header-view .row2 .main_menu .level2 > li > a {
          background-color: #1D293B;
          padding: 5px 39px 5px 20px;
          display: block;
          color: white;
          cursor: pointer;
          width: 400px;
          font-weight: bold; }
        #desktop-header-view .row2 .main_menu .level2 > .submenu > a {
          position: relative; }
          #desktop-header-view .row2 .main_menu .level2 > .submenu > a:after {
            position: absolute;
            right: 12px;
            top: 6px;
            content: "▶"; }
      #desktop-header-view .row2 .main_menu .level3 {
        display: none;
        background-color: #F2F2F2;
        width: 900px;
        column-count: 3;
        column-fill: auto;
        position: absolute;
        left: 400px;
        padding: 12px 0px 6px 16px;
        top: 0px; }
        #desktop-header-view .row2 .main_menu .level3 a {
          color: #1D293B;
          display: block;
          width: 280px;
          padding: 10px 0px 5px 0px; }
        #desktop-header-view .row2 .main_menu .level3 .level4 a {
          padding: 0px 0px 0px 0px; }
        #desktop-header-view .row2 .main_menu .level3 > li {
          padding-bottom: 10px; }
        #desktop-header-view .row2 .main_menu .level3 > li > a {
          font-weight: bold; }

#zone_PageBody {
  background-color: #fff; }
  #zone_PageBody h1, #zone_PageBody h2, #zone_PageBody h3, #zone_PageBody h4, #zone_PageBody p {
    margin: 1em 0; }
  #zone_PageBody h1 {
    font-size: 1.5em; }
  #zone_PageBody h2 {
    font-size: 1.3em; }
  #zone_PageBody h3 {
    font-size: 1em; }

.cart-only {
  display: none; }
  .page-cart .cart-only {
    display: block; }

#zone_Content {
  padding: 20px 10px 0px 10px;
  min-height: 450px; }

@media only screen and (max-width: 350px) {
  #zone_Content {
    padding: 20px 2px 0px 2px; } }
#cs-post-footer {
  background-color: #1D293B; }
  #cs-post-footer > div {
    padding: 8px 0 8px 35px;
    color: white;
    font-weight: bold; }
    #cs-post-footer > div > div {
      padding: 3px; }
  #cs-post-footer a {
    color: white;
    text-decoration: none; }

#cs-footer {
  background-color: #F2F2F2;
  padding: 10px 0;
  font-size: 14px;
  margin-top: 15px; }
  #cs-footer a {
    color: black;
    text-decoration: none; }
  #cs-footer #cs-footer-container {
    display: grid; }
  @media only screen and (min-width: 1101px) {
    #cs-footer #cs-footer-container {
      grid-template-columns: 25% 25% 25% 25%; } }
  @media only screen and (max-width: 1100px) {
    #cs-footer #cs-footer-container {
      grid-template-columns: 50% 50%; } }
  @media only screen and (max-width: 650px) {
    #cs-footer #cs-footer-container {
      grid-template-columns: 100%; } }
  #cs-footer .cs-footer-clmn {
    padding: 35px; }
  @media only screen and (max-width: 350px) {
    #cs-footer .cs-footer-clmn {
      padding: 10px; } }
  #cs-footer #cs-footer-subs {
    position: relative;
    padding-bottom: 60px; }
  #cs-footer .cs-footer-h1 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 25px 0px 50px 0px;
    height: min-content; }
  #cs-footer .cs-footer-h2 {
    margin-top: 22px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3; }
  #cs-footer .cs-footer-icon {
    margin: 8px 0;
    padding-left: 35px;
    position: relative; }
    #cs-footer .cs-footer-icon img {
      position: absolute;
      top: -1px;
      left: 2px;
      width: 25px; }
  #cs-footer .cs-footer-clmn:nth-child(1) .cs-footer-h2 {
    margin-top: 35px; }
  #cs-footer .cs-footer-follow {
    margin: 30px 0 15px 0;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    height: min-content; }
  #cs-footer .cs-footer-imglinks img {
    height: 35px;
    margin-right: 20px; }
  #cs-footer .cs-footer-bankimgs {
    text-align: center;
    margin-top: 25px; }
    #cs-footer .cs-footer-bankimgs img {
      width: 50px;
      margin: 7px; }
  #cs-footer .cs-footer-arukereso {
    margin-top: 25px; }
  #cs-footer .cs-footer-logo {
    margin: 35px 0; }
    #cs-footer .cs-footer-logo img {
      width: 200px; }
  #cs-footer .cs-footer-map {
    padding: 15px 0px 5px 0px; }
    #cs-footer .cs-footer-map .mapouter {
      position: relative;
      text-align: right;
      width: 100%;
      height: 200px; }
    #cs-footer .cs-footer-map .gmap_canvas {
      overflow: hidden;
      background: none !important;
      width: 100%;
      height: 200px; }
    #cs-footer .cs-footer-map .gmap_iframe {
      height: 200px !important; }

#hirlevel > input {
  width: 100%;
  height: 3em;
  border: 1px solid #707070;
  border-radius: 40px;
  padding: 5px 15px;
  margin: 20px 0; }

#hirlevel-button {
  border: none; }

iframe[name=google_conversion_frame] {
  position: absolute;
  left: -10000px;
  height: 0; }

.page-cart .cart-hidden {
  display: none; }

#orderAppC {
  display: grid;
  grid-template-columns: 450px auto; }

#orderLeft {
  color: white;
  background-color: #1D293B;
  padding: 0 20px 20px 20px;
  border-radius: 25px;
  margin-right: 20px;
  font-size: 14px;
  width: 400px; }
  #orderLeft h1 {
    text-transform: uppercase; }
  #orderLeft #cart-summary #sumary {
    margin: 0;
    padding: 3px 10px;
    font-size: 16px;
    font-weight: bold; }
  #orderLeft #cart-summary .box-content {
    padding: 6px; }
  #orderLeft #cart-summary ul li {
    padding: 10px 5px; }
  #orderLeft #cart-summary ul li:nth-child(2n) {
    background-color: #C9DFFF52; }

@media only screen and (max-width: 1420px) {
  #orderAppC {
    display: grid;
    grid-template-columns: 100%; }

  #orderLeft {
    display: none; } }
.bubbleDialog.calculator {
  background-color: rgba(255, 255, 255, 0.9);
  color: black;
  padding: 0; }
  .bubbleDialog.calculator .arrow {
    border-top-color: rgba(255, 255, 255, 0.9);
    border-left-color: rgba(255, 255, 255, 0.9); }
  .bubbleDialog.calculator .buttons, .bubbleDialog.calculator .buttons a {
    border-color: rgba(0, 0, 0, 0.6); }

.bubbleDialog {
  background-color: white;
  box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.1); }
  .bubbleDialog.gdpr {
    width: 700px !important;
    max-width: 100%; }
    .bubbleDialog.gdpr .dialogContent {
      padding: 1.4rem; }
  .bubbleDialog .arrow {
    border-top-color: white;
    border-left-color: white; }
  .bubbleDialog h2 {
    border-color: rgba(140, 160, 170, 0.7); }
  .bubbleDialog .buttons {
    border-color: rgba(140, 160, 170, 0.7); }
    .bubbleDialog .buttons a, .bubbleDialog .buttons input {
      border-color: rgba(140, 160, 170, 0.7); }
  .bubbleDialog .formrow {
    margin-left: -.6rem;
    margin-right: -.6rem;
    padding-left: .6rem;
    padding-right: .6rem;
    border-color: rgba(140, 160, 170, 0.5);
    border-style: solid; }

.product-header {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }
  .product-header .product-image-column {
    min-width: 300px;
    flex: 1;
    margin-right: 2rem;
    text-align: center; }
    .product-header .product-image-column .lightview span {
      display: none; }
    .product-header .product-image-column .product-images img {
      max-height: 600px;
      max-width: 100%; }
    .product-header .product-image-column .productimage {
      -webkit-transition: all .3s;
      transition: all .3s; }
    .product-header .product-image-column .productimagewrap {
      padding: 33px 0px 0px 0px; }
    .product-header .product-image-column .imageTogglers {
      display: block;
      width: 100%; }
      .product-header .product-image-column .imageTogglers .imagetogglerbuttons {
        display: inline;
        margin-top: 8px; }
        .product-header .product-image-column .imageTogglers .imagetogglerbuttons a {
          margin: 0 .2rem;
          color: black;
          text-decoration: none;
          background-color: #f0f0f0;
          padding: 1px 6px;
          display: inline-block; }
          .product-header .product-image-column .imageTogglers .imagetogglerbuttons a.on {
            background-color: #F27D00;
            color: white; }
        .product-header .product-image-column .imageTogglers .imagetogglerbuttons img {
          max-width: none;
          max-height: none;
          height: 50px;
          width: auto; }

.product-info {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .product-info .subProductPicker {
    overflow: hidden; }
  .product-info .subProductPicker > a {
    float: left;
    text-decoration: none !important; }
    .product-info .subProductPicker > a p {
      text-align: center;
      margin-top: 0 !important;
      color: black; }
  .product-info .subProductPicker > a > img {
    width: 30px;
    height: 30px;
    margin: 5px 5px 0px 5px;
    border-radius: 7.5px; }
  .product-info .subProductPicker > a > .picks {
    font-size: 1.3em;
    padding: 5px;
    height: min-content;
    margin: 5px;
    border-radius: 7.5px; }
  .product-info #status {
    color: green;
    font-weight: bold; }
  .product-info .productDatas {
    overflow: hidden;
    margin: 13px 0;
    font-size: 16px;
    line-height: 26px; }
  .product-info .selectedPick {
    background-color: #478aec;
    color: white;
    box-shadow: 0px 12px 22px 1px #333;
    border-radius: 8px; }
  .product-info .invalidPick {
    display: none;
    padding: 0px !important; }
  .product-info .clp-pics-list {
    margin-top: 20px; }
    .product-info .clp-pics-list img {
      height: 50px;
      margin: 5px; }
  .product-info .clp-text-list {
    margin-top: 5px; }
  .product-info .clp-moreInfo {
    margin-top: 10px; }
  .product-info .documentList {
    margin-top: 20px; }
  .product-info h1 {
    color: black; }
  .product-info .product-rating .full-stars {
    height: 43px;
    overflow: hidden; }
  .product-info .product-rating .empty-stars {
    height: 43px; }
  .product-info .product-rating .empty-stars:before, .product-info .product-rating .full-stars:before {
    font-size: 33px;
    height: 43px; }
  .product-info .rateText {
    font-size: 15px; }
  .product-info .cart-price {
    margin: 35px 0 20px 0;
    position: relative;
    overflow: hidden; }
    .product-info .cart-price .pricerow {
      float: left; }
  .product-info .cartrow {
    float: left;
    width: min-content;
    white-space: nowrap;
    background-color: #EFEFEF;
    font-size: 15px;
    padding: 20px 10px;
    border-radius: 15px; }
    .product-info .cartrow input {
      width: 48px;
      height: 22px;
      border: none;
      border-left: 1px solid black;
      border-right: 1px solid black;
      text-align: center;
      background-color: white; }
    .product-info .cartrow .info-cart-qty {
      background-color: white;
      border-radius: 15px;
      padding: 10px 0px 10px 10px; }
    .product-info .cartrow a {
      color: black;
      text-decoration: none;
      padding: 0 5px; }
    .product-info .cartrow .intoCart {
      background-color: #478AEC;
      color: white;
      border-radius: 15px;
      padding: 10px; }
    .product-info .cartrow .unit-measure {
      margin: auto 10px; }
  .product-info .pricerow {
    line-height: 1.3;
    text-align: left;
    margin-right: 25px;
    margin-bottom: 15px; }
    @media only screen and (max-width: 400px) {
      .product-info .pricerow {
        margin-right: 0px; } }
    .product-info .pricerow .oldprice {
      font-size: 24px;
      font-weight: bold;
      opacity: 1; }
    .product-info .pricerow .price {
      color: #478AEC;
      font-size: 21px; }
  .product-info .pr-desc {
    margin: 30px 0; }
  .product-info .prinfo-gyarto {
    margin: 35px 0; }
  .product-info .prinfo-gyarto img {
    height: 35px; }

.imagetogglerbuttons {
  height: 50px;
  width: 50px; }

.imageTogglers {
  width: 60px; }

.filters.komep .prgr-h1 {
  color: white;
  font-size: 18px;
  padding: 15px;
  border-radius: 25px;
  margin: 0px 0 20px 0;
  font-weight: bold;
  text-align: center;
  background-color: #478AEC; }
.filters.komep .h2 {
  color: white;
  background-color: #478AEC;
  font-size: 20px;
  padding: 20px;
  text-align: center;
  border-radius: 15px; }
.filters.komep .ezekre-szurtem {
  display: none; }
.filters.komep #active-filters {
  display: none;
  margin: 0 15px 15px 20px;
  position: relative;
  font-size: 14px; }
  .filters.komep #active-filters a.removeTag {
    color: black;
    text-decoration: none;
    font-size: 15px; }
    .filters.komep #active-filters a.removeTag img {
      height: 30px; }
.filters.komep > ul {
  border-radius: 25px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  border-left: none;
  margin-top: 20px;
  font-size: 14px;
  padding: 15px 12px; }
  .filters.komep > ul > li > p {
    margin: .5em 0 0 0;
    padding: 5px;
    font-weight: bold; }
    .filters.komep > ul > li > p .moreless {
      float: right;
      padding: 5px; }
  .filters.komep > ul > li:first-child p {
    margin-top: 0; }
  .filters.komep > ul > li ul {
    max-height: 170px;
    overflow: auto;
    list-style: none; }
    .filters.komep > ul > li ul li {
      margin: 0 15px 15px 0px; }
      .filters.komep > ul > li ul li a {
        border-radius: 3px;
        display: inline-block;
        padding: 0 6px;
        color: black;
        text-decoration: none;
        background-color: white;
        width: 100%; }
        .filters.komep > ul > li ul li a:active {
          background-color: #ddd; }
        .filters.komep > ul > li ul li a.on {
          background-color: #478AEC17;
          padding: 10px 0; }
          .filters.komep > ul > li ul li a.on:before {
            background-image: url("/customers/hatvanibarkacsbolt/img/checked.svg");
            background-size: 100%;
            background-repeat: no-repeat;
            width: 20px;
            height: 20px;
            content: "";
            display: inline-block;
            position: relative;
            top: 4px; }
        .filters.komep > ul > li ul li a:not(.on):before {
          background-image: url("/customers/hatvanibarkacsbolt/img/unchecked.svg");
          background-size: 100%;
          background-repeat: no-repeat;
          width: 20px;
          height: 20px;
          content: "";
          display: inline-block;
          position: relative;
          top: 4px; }
        .filters.komep > ul > li ul li a.disabled {
          opacity: 0.4; }
        .filters.komep > ul > li ul li a img {
          height: 20px;
          position: relative;
          top: 4px; }
      .filters.komep > ul > li ul li #filterPrice {
        width: 50px;
        padding: 5px;
        text-align: center;
        float: right; }
        .filters.komep > ul > li ul li #filterPrice:before {
          display: none; }
      .filters.komep > ul > li ul li #filterpricetext {
        margin-left: 40px; }
      .filters.komep > ul > li ul li.disabled {
        display: none; }
        .filters.komep > ul > li ul li.disabled a {
          opacity: 0.4;
          cursor: default; }
  .filters.komep > ul > li #arfilter li {
    margin-left: 20px; }
.filters.komep ul.tag_20003 > li, .filters.komep ul.tag_20009 > li {
  white-space: nowrap;
  width: min-content;
  display: inline-block; }

img.pr-group-menu-icon {
  height: 20px; }

.prc-slider-view {
  max-width: 100%;
  padding: 0 28px;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }
  .prc-slider-view .prc-left, .prc-slider-view .prc-right {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    width: 26px;
    height: 26px;
    background-color: #478aec;
    z-index: 700;
    border-radius: 50%; }
  .prc-slider-view .prc-left {
    left: 5px; }
  .prc-slider-view .prc-right {
    right: 5px; }

.productCard {
  margin: 8px;
  border: solid 1px #bbb;
  border-radius: 25px;
  overflow: hidden; }
  .productCard a {
    color: #1D293B;
    text-decoration: none; }
  .productCard .prc-body {
    padding: 0 15px; }
  .productCard .prc-header {
    height: 30px;
    margin: 10px 0;
    font-weight: bold; }
    .productCard .prc-header img {
      height: 30px !important;
      margin-top: 7px;
      margin-left: 0px; }
  .productCard .prc-img {
    position: relative;
    height: 220px;
    text-align: center; }
    .productCard .prc-img > img {
      max-height: 220px;
      max-width: 100%; }
    .productCard .prc-img .prc-sticker {
      position: absolute;
      top: 167px;
      left: -15px;
      height: 45px;
      width: 55px;
      z-index: 5;
      background-color: #FFC850;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px; }
    .productCard .prc-img .prc-percent {
      position: absolute;
      top: 181px;
      left: -5px;
      z-index: 7;
      font-weight: bold; }
  .productCard .prc-name {
    font-weight: bold;
    height: 50px; }
  .productCard .prc-review {
    height: 38px; }
  .productCard .prc-desc {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: anywhere;
    overflow-wrap: anywhere;
    font-size: 11px;
    height: 80px;
    margin: 3px 0 13px 0; }
  .productCard .prc-status {
    height: 33px;
    font-size: 12px; }
    .productCard .prc-status .red {
      color: red; }
    .productCard .prc-status .green {
      color: green; }
  .productCard .prc-footer {
    display: grid;
    grid-template-columns: auto 50px;
    color: white;
    height: 52px; }
    .productCard .prc-footer .prc-price {
      text-align: center;
      background-color: #1D293B;
      display: grid;
      height: 55px; }
    .productCard .prc-footer .sale-price {
      color: #ffc850; }
    .productCard .prc-footer .prc-price > span {
      align-self: center; }
    .productCard .prc-footer .prc-btn {
      background-color: #478AEC; }
      .productCard .prc-footer .prc-btn img {
        width: 25px; }
      .productCard .prc-footer .prc-btn .prc-cart {
        margin-top: 13px;
        margin-left: 10px; }
      .productCard .prc-footer .prc-btn .prc-more {
        margin-top: 13px;
        margin-left: 10px; }
  @media only screen and (max-width: 550px) {
    .productCard {
      margin: 2px 1px; }
      .productCard .prc-body {
        margin: 1px;
        padding: 0 1px; }
      .productCard .rateText {
        display: none; } }

.appSingin {
  padding-bottom: 40px; }

.product-slider-viewer {
  position: relative;
  overflow: hidden;
  margin: 0px auto;
  user-select: none; }
  .product-slider-viewer .product-slider-items {
    position: relative;
    overflow: hidden;
    margin: auto; }
    .product-slider-viewer .product-slider-items .product-slider-item {
      position: absolute;
      top: 0px; }

#mainpagecontent .mp-h1 {
  color: #1d293b;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 28px;
  margin: 50px 25px 15px 25px; }
#mainpagecontent .mp-row1 img {
  width: 70px; }
#mainpagecontent .mp-row1 > div {
  text-align: center;
  margin: 25px; }
#mainpagecontent .mp-row1 .mp-title {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0px; }
#mainpagecontent .mp-row1 .mp-desc {
  color: #478AEC;
  font-size: 15px; }
#mainpagecontent .mp-row1 {
  display: grid; }
@media only screen and (min-width: 1101px) {
  #mainpagecontent .mp-row1 {
    grid-template-columns: 25% 25% 25% 25%; } }
@media only screen and (max-width: 1100px) {
  #mainpagecontent .mp-row1 {
    grid-template-columns: 50% 50%; } }
@media only screen and (max-width: 550px) {
  #mainpagecontent .mp-row1 img {
    width: 55px; }
  #mainpagecontent .mp-row1 .mp-title {
    font-size: 12px; }
  #mainpagecontent .mp-row1 .mp-desc {
    color: #478AEC;
    font-size: 13px; } }
#mainpagecontent .mp-row2 {
  display: grid;
  grid-template-columns: 50% 50%; }
@media only screen and (max-width: 650px) {
  #mainpagecontent .mp-row2 {
    grid-template-columns: 100%; } }
#mainpagecontent .mp-row2 .img2-img3 {
  display: grid;
  grid-template-columns: 60% 40%; }
#mainpagecontent .mp-row2 .mp-img {
  padding: 15px; }
#mainpagecontent .mp-row2 img {
  width: 100%;
  border-radius: 30px; }
#mainpagecontent .mp-banner {
  margin: 50px 0; }
#mainpagecontent #mp-row3 {
  position: relative;
  overflow: hidden;
  user-select: none; }
#mainpagecontent #featured_products {
  position: relative;
  overflow: hidden;
  margin: auto; }
#mainpagecontent .featured_product {
  position: absolute;
  top: 0px; }
#mainpagecontent #mp-row7 {
  position: relative;
  overflow: hidden;
  margin: 30px 0 20px 0;
  user-select: none; }
#mainpagecontent #mp-gyartok {
  position: relative;
  overflow: hidden;
  margin: auto; }
  #mainpagecontent #mp-gyartok a {
    display: block;
    margin: 0 10px; }
  #mainpagecontent #mp-gyartok img {
    max-width: 100%;
    max-height: 75px; }
#mainpagecontent .mp-gyarto {
  position: absolute;
  top: 0px;
  text-align: center; }
#mainpagecontent .mp-gyarto > div {
  margin: 0 20px; }
#mainpagecontent .FPGS {
  margin-bottom: 45px;
  text-align: center; }
  #mainpagecontent .FPGS > div {
    text-align: left;
    display: inline-block; }
  #mainpagecontent .FPGS .featuredPGImage {
    border-radius: 25px;
    margin: 8px;
    overflow: hidden;
    max-width: 95%;
    width: 400px;
    height: 541px; }
    #mainpagecontent .FPGS .featuredPGImage div {
      height: 100%; }
    #mainpagecontent .FPGS .featuredPGImage img {
      width: 100%;
      height: 100%; }
  #mainpagecontent .FPGS .featuredPGCard {
    width: 266px;
    height: 541px; }
    @media only screen and (max-width: 550px) {
      #mainpagecontent .FPGS .featuredPGCard {
        width: 155px; } }

.blog-view {
  margin: 0 auto;
  max-width: 1000px; }
  .blog-view .blog-related-products > ul > li {
    display: inline-block;
    padding: 10px;
    width: 260px; }
    .blog-view .blog-related-products > ul > li .productCard {
      line-height: 1.2; }
  .blog-view .blog-contents {
    display: grid;
    grid-template-columns: 70% 30%; }
  .blog-view .recommended-blogs {
    padding-left: 30px; }
    .blog-view .recommended-blogs h2 {
      font-size: 20px !important; }
    .blog-view .recommended-blogs ul li {
      font-size: 20px;
      padding-bottom: 30px; }
      .blog-view .recommended-blogs ul li a {
        text-decoration: none;
        color: black; }
  @media only screen and (max-width: 1222px) {
    .blog-view .blog-contents {
      grid-template-columns: 100%; }
    .blog-view .recommended-blogs {
      display: none; } }

.module-blog .blogs {
  display: grid;
  grid-template-columns: 50% 50%; }
.module-blog .blog {
  padding: 20px;
  display: grid;
  grid-template-columns: 50% 50%; }
@media only screen and (max-width: 1150px) {
  .module-blog .blog {
    grid-template-columns: 100%; } }
@media only screen and (max-width: 550px) {
  .module-blog .blogs {
    grid-template-columns: 100%; } }
.module-blog .blog > div {
  padding: 20px;
  position: relative;
  overflow: hidden; }
.module-blog .blog-title {
  font-size: 20px;
  line-height: 1.2; }
.module-blog .blog-date {
  margin: 15px 0px;
  color: #478AEC; }
.module-blog .blog-text {
  color: #707070;
  max-height: 60px; }
.module-blog .blog-btn {
  text-align: right;
  margin-top: 10px; }
.module-blog .blog-btn a {
  background-color: #478AEC;
  color: white;
  font-size: 18px;
  border-radius: 30px; }

.search-results {
  display: grid;
  grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%; }
  @media only screen and (max-width: 1500px) {
    .search-results {
      grid-template-columns: 20% 20% 20% 20% 20%; } }
  @media only screen and (max-width: 1250px) {
    .search-results {
      grid-template-columns: 25% 25% 25% 25%; } }
  @media only screen and (max-width: 1000px) {
    .search-results {
      grid-template-columns: 33.33% 33.33% 33.33%; } }
  @media only screen and (max-width: 750px) {
    .search-results {
      grid-template-columns: 50% 50%; } }
  @media only screen and (max-width: 500px) {
    .search-results {
      grid-template-columns: 100%; } }

.breadcrumb li {
  display: inline-block; }
  .breadcrumb li:after {
    content: "»";
    font-size: 20px;
    position: relative;
    top: -2px;
    margin: 0 5px;
    vertical-align: middle; }
  .breadcrumb li:last-child::after {
    display: none; }
.breadcrumb a {
  color: black;
  text-decoration: none;
  font-size: 15px; }

div.filters.horizontal dt span {
  background: none;
  border-bottom: 1px solid #1d293b;
  border-radius: 0 !important; }

div.filters.horizontal dt a {
  border-bottom: 1px solid #1d293b;
  background: none;
  margin-left: 20px;
  border-radius: 0 !important; }
  div.filters.horizontal dt a::after {
    color: #1d293b; }

.filters dt a:hover {
  color: #478aec !important; }

.cookieWarning {
  position: fixed;
  right: 1rem;
  z-index: 20000;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  padding: 1rem;
  font-size: 1.25em;
  max-width: 1010px !important;
  width: 99% !important;
  background-color: white !important;
  box-shadow: 5px 5px 18px #888888; }
  .cookieWarning.flyinLeft {
    left: 50%;
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
    opacity: 0;
    bottom: 1rem; }
    .cookieWarning.flyinLeft.active {
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      opacity: 1; }
  .cookieWarning .centered {
    display: grid;
    grid-template-columns: 265px auto;
    width: 99%; }
  .cookieWarning .cookie_img img {
    width: 250px; }
  .cookieWarning .cwContent {
    color: #898585;
    padding: 10px;
    text-align: justify; }
    .cookieWarning .cwContent h2 {
      color: #4f4f4f;
      padding: 10px 0; }
  .cookieWarning .cookie_cols.buttons {
    margin-top: 40px;
    text-align: right; }
    .cookieWarning .cookie_cols.buttons a {
      border-radius: 20px;
      padding: 15px;
      font-size: 13px;
      width: 180px;
      margin-left: 0px;
      text-align: center;
      text-decoration: none; }
    .cookieWarning .cookie_cols.buttons .cookie-ok {
      margin-bottom: 10px;
      background-color: #478aec;
      color: white; }
    .cookieWarning .cookie_cols.buttons .cookie-moreinfo {
      background-color: #e1e1e1;
      color: #4f4f4f; }
  @media only screen and (max-width: 699px) {
    .cookieWarning .cookie_img {
      display: none; }
    .cookieWarning .centered {
      grid-template-columns: 100%; } }
  .cookieWarning#gdpr_content .centered {
    display: block !important; }
    .cookieWarning#gdpr_content .centered .gdprRows div {
      padding: 10px; }

#zone_ContentWrap {
  max-width: 100%; }

#tabs2 .prc-slider-view {
  padding: 0 20px; }
  #tabs2 .prc-slider-view .prc-left {
    left: 0px; }
  #tabs2 .prc-slider-view .prc-right {
    right: 0px; }

#newReviewForm .formrow {
  margin: 0px !important; }

.cs-profile {
  border-radius: 35px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 300px auto;
  background-color: #1D293B; }
  @media only screen and (max-width: 1299px) {
    .cs-profile {
      grid-template-columns: 100%;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px; }
      .cs-profile .cs-profile-header {
        margin-left: 5px; } }
  .cs-profile .cs-profile-user {
    margin: 40px 25px 25px 25px;
    color: white; }
    .cs-profile .cs-profile-user img {
      height: 20px;
      position: relative;
      top: 2px; }
  .cs-profile .cs-profile-name {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 20px; }
  .cs-profile .cs-profile-bonus {
    padding: 20px 0px;
    margin: 0px 20px;
    text-align: center;
    border-top: 1px white solid;
    border-bottom: 1px white solid;
    line-height: 2;
    font-weight: bold; }
    .cs-profile .cs-profile-bonus .bonusPoints {
      color: #14D382;
      font-size: 26px; }
    .cs-profile .cs-profile-bonus .bonusMeasure {
      font-size: 16px; }
  .cs-profile .cs-profile-header {
    margin-top: 1px; }
    .cs-profile .cs-profile-header img {
      height: 25px;
      position: relative;
      top: 6px; }
    .cs-profile .cs-profile-header a {
      display: inline-block;
      color: white;
      text-decoration: none;
      margin-top: 5px;
      font-size: 14px;
      font-weight: bold;
      padding: 15px; }
      .cs-profile .cs-profile-header a.cs-pr-selected {
        background-color: white;
        color: #1d293b;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px; }
      @media only screen and (max-width: 915px) {
        .cs-profile .cs-profile-header a {
          display: block;
          text-align: center;
          white-space: nowrap;
          width: min-content;
          margin: 5px auto;
          padding: 15px 30px;
          border-radius: 15px; } }
  .cs-profile .cs-profile-body {
    background-color: white;
    padding: 15px; }
    .cs-profile .cs-profile-body h1 {
      margin: 0px !important;
      padding: 15px 0px; }
  @media only screen and (max-width: 600px) {
    .cs-profile .cs-profile-body {
      padding: 0px;
      font-size: 11px; }
    .cs-profile .tabnav > ul {
      width: 100%;
      position: static;
      margin-left: 0px; }
    .cs-profile .tabnav a {
      font-size: 10px; } }
  .cs-profile .bonus-table {
    overflow-x: scroll; }
    .cs-profile .bonus-table #bonusTable {
      min-width: 550px; }
  .cs-profile .invoice-table {
    overflow-x: scroll; }
    .cs-profile .invoice-table table {
      min-width: 420px; }

.messageBox {
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  position: fixed;
  top: 10px;
  width: 320px;
  padding: 4rem 1rem 1rem 1rem;
  left: 50%;
  margin-left: -160px;
  text-align: center;
  z-index: 10002; }
  .messageBox input {
    display: block;
    margin: 10px auto 0 auto; }
  .messageBox:before {
    content: "\2713" !important;
    color: #8CDC12;
    font-size: 2.5rem;
    position: absolute;
    top: .5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 1.4em; }
  .mobile .messageBox {
    top: 0px;
    width: 100%;
    left: 0;
    margin-left: 0; }

.hidden {
  display: none; }

.fbLoginButton, .googleLoginButton {
  position: relative;
  padding-left: 35px !important; }
  .fbLoginButton img, .googleLoginButton img {
    position: absolute;
    top: 5px;
    left: 8px;
    height: 18px; }

.fbLoginButton {
  background-color: #3B6199 !important; }

.googleLoginButton {
  background-color: #D34836 !important; }

#regform .cs-checkbox {
  top: 7px; }

#addresses {
  border-top: 1px solid #6E7457; }
  #addresses > li {
    padding: 5px 0;
    border-bottom: 1px solid #6E7457; }
  #addresses ul.operations {
    margin: 0 !important;
    float: right; }
    #addresses ul.operations li {
      float: left;
      margin-left: 20px !important; }
    #addresses ul.operations li::first-child {
      margin-left: 0 !important; }

.popupwidget-context {
  position: fixed;
  /* Stay in place */
  z-index: 666;
  /* Sit on top */
  padding-top: 10vh;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.3);
  /* Black w/ opacity */ }
  .popupwidget-context .popupwidget-content {
    margin: auto;
    width: fit-content;
    max-width: 98%;
    border-radius: 10px;
    overflow: hidden;
    height: auto;
    position: relative; }
    .popupwidget-context .popupwidget-content img {
      max-height: 80vh;
      max-width: 80vw; }

.onSaleList {
  text-align: center; }
  .onSaleList li {
    display: inline-block;
    width: 235px; }
  @media only screen and (max-width: 550px) {
    .onSaleList li {
      width: 155px; } }

.bundles {
  margin: 35px auto; }
  .bundles .bundle {
    display: grid;
    grid-template-columns: 83% 17%;
    background-color: #f2f2f2;
    border: #f2f2f2 solid 2px; }
  @media screen and (max-width: 992px) {
    .bundles .bundle {
      grid-template-columns: 100%; } }
  .bundles .bundleItems {
    background-color: white; }
  .bundles .bundleItem {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 220px;
    height: 300px;
    padding: 12px;
    margin: 12px;
    position: relative;
    border-radius: 7px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); }
  .bundles .bundleItem select {
    max-width: 180px; }
  .bundles .bundleCart {
    display: grid;
    align-items: center;
    justify-items: center;
    background-color: #f2f2f2; }
  .bundles .bundleCartinfo {
    text-align: center;
    line-height: 2; }
  .bundles .bundle-cart-button {
    margin: auto; }
  .bundles .bundleItem-quantity {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: white;
    color: black;
    font-size: 20px;
    padding: 2px; }
  .bundles .bundleItem-img {
    height: 250px;
    display: grid; }
  .bundles .bundleItem-img > a {
    align-self: center;
    justify-self: center; }
  .bundles .bundle-oldprice {
    color: #808080;
    text-decoration: line-through;
    font-size: 18px; }
  .bundles .bundle-price {
    font-size: 20px;
    font-weight: bold; }
  .bundles .bundle-discount {
    font-weight: bold;
    font-size: 17px; }
  .bundles .bundle-cart {
    background-color: #f46618; }
  .bundles .bundle-cart a {
    color: white;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    padding: 10px; }

.switch-langs-currs-menu {
  position: relative;
  line-height: 2;
  text-align: left;
  margin-right: 15px;
  float: right; }
  .switch-langs-currs-menu > a {
    text-transform: uppercase; }
    .switch-langs-currs-menu > a.clicked {
      border: solid 1px lightgray;
      border-bottom: none; }
  .switch-langs-currs-menu img {
    position: relative;
    height: 20px !important;
    top: 7px !important; }
  .switch-langs-currs-menu .langs-currs-menu {
    position: absolute;
    top: 30px;
    left: 0px;
    background-color: white;
    border: solid 1px lightgray;
    padding: 10px;
    z-index: 10001;
    width: 135px; }
  .switch-langs-currs-menu .switch-langs-currs-submit {
    width: 115px;
    text-align: center;
    margin-top: 10px;
    color: white !important;
    padding: 0px !important; }

.languages-menu > a.open-langs-menu, .currencies-menu > a.open-currs-menu {
  border: 1px solid lightgray;
  position: relative;
  padding: 2px 5px !important; }
  .languages-menu > a.open-langs-menu:after, .currencies-menu > a.open-currs-menu:after {
    position: absolute;
    top: 15px;
    right: 10px;
    background-image: url("/customers/holotech/img/play.svg");
    background-size: 7px 7px;
    width: 7px;
    height: 7px;
    content: "";
    transform: rotate(90deg); }

.languages-menu, .currencies-menu {
  position: relative;
  line-height: 2;
  color: black;
  font-size: 16px;
  font-weight: normal; }
  .languages-menu a, .currencies-menu a {
    color: black !important;
    text-decoration: none; }
  .languages-menu > a, .currencies-menu > a {
    width: 115px;
    display: block;
    background-color: #eee; }
  .languages-menu ul, .currencies-menu ul {
    position: absolute;
    top: 66px;
    left: 0px;
    background-color: white;
    z-index: 10002;
    width: 115px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    max-height: 250px;
    overflow: scroll; }
    .languages-menu ul li, .currencies-menu ul li {
      margin: 0; }
      .languages-menu ul li a, .currencies-menu ul li a {
        width: 115px;
        border: solid 1px lightgray;
        border-top: none;
        display: block;
        padding: 2px 5px !important; }
        .languages-menu ul li a:hover, .currencies-menu ul li a:hover {
          background-color: #efe; }

/*# sourceMappingURL=hatvanibarkacsbolt.css.map */